Mercurial > nebulaweb3
diff default/assets/css/style.css @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/assets/css/style.css Sat May 31 09:21:51 2025 +0800 @@ -0,0 +1,26114 @@ +/* Media Queries */ +/* Placeholder */ +/* Set Margin & Padding */ +/* Making tiny, small, large, huge classes */ +/*! + * Bootstrap v4.0.0-beta (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) + */ +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + -webkit-box-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, .label { + border: 1px solid #000; } + .table { + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: transparent; } + +*, +*::before, +*::after { + -webkit-box-sizing: inherit; + box-sizing: inherit; } + +@-ms-viewport { + width: device-width; } + +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } + +body { + margin: 0; + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.71429; + color: #999; + background-color: #f5f7fa; } + +[tabindex="-1"]:focus { + outline: none !important; } + +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible; } + +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] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; } + +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: bold; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +dfn { + font-style: italic; } + +b, +strong { + font-weight: bolder; } + +small { + font-size: 80%; } + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } + +sub { + bottom: -.25em; } + +sup { + top: -.5em; } + +a { + color: #8253eb; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; } + a:hover { + color: #9165f4; + 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, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; + border-style: none; } + +svg:not(:root) { + overflow: hidden; } + +a, +area, +button, +[role="button"], +input, +label, +select, +summary, +textarea { + -ms-touch-action: manipulation; + touch-action: manipulation; } + +table { + border-collapse: collapse; } + +caption { + padding-top: 0.57143em; + padding-bottom: 0.57143em; + color: #bbb; + 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, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +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 { + padding: 0; + border-style: none; } + +input[type="radio"], +input[type="checkbox"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; } + +textarea { + overflow: auto; + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; } + +progress { + vertical-align: baseline; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; } + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; } + +output { + display: inline-block; } + +summary { + display: list-item; } + +template { + display: none; } + +[hidden] { + display: none !important; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-family: "Montserrat", sans-serif; + font-weight: 600; + line-height: 1.1; + color: #444; } + +h1, .h1 { + font-size: 2.625rem; } + +h2, .h2 { + font-size: 2.25rem; } + +h3, .h3 { + font-size: 1.875rem; } + +h4, .h4 { + font-size: 1.5rem; } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1.125rem; } + +.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 #eef1f2; } + +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 { + margin-bottom: 1rem; + font-size: 1.125rem; } + +.blockquote-footer { + display: block; + font-size: 80%; + color: #868e96; } + .blockquote-footer::before { + content: "\2014 \00A0"; } + +.img-fluid { + max-width: 100%; + height: auto; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #f5f7fa; + border: 1px solid #ddd; + border-radius: 0.25rem; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + max-width: 100%; + height: auto; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #868e96; } + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + +code { + padding: 0.2rem 0.4rem; + font-size: 90%; + color: #bd4147; + background-color: #f8f9fa; + 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: #212529; + border-radius: 0.2rem; + -webkit-box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + -webkit-box-shadow: none; + box-shadow: none; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + color: #212529; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + margin-right: auto; + margin-left: auto; + padding-right: 3px; + padding-left: 3px; + width: 100%; } + @media (min-width: 576px) { + .container { + max-width: 540px; } } + @media (min-width: 768px) { + .container { + max-width: 720px; } } + @media (min-width: 992px) { + .container { + max-width: 960px; } } + @media (min-width: 1200px) { + .container { + max-width: 1140px; } } + +.container-fluid { + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 3px; + padding-left: 3px; + width: 100%; } + +.row, .custom-fullcalendar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -3px; + margin-left: -3px; } + +.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, .custom-fullcalendar .fc-toolbar, .col, +.col-auto, .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-sm-auto, .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, .custom-fullcalendar .fc-view-container, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .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-lg-auto, .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, +.col-xl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 3px; + padding-left: 3px; } + +.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; + max-width: none; } + +.col-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + +.col-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + +.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.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + +.col-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + +.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.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + +.col-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + +.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.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + +.col-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + +.col-12, .custom-fullcalendar .fc-toolbar { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + +.order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + +.order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + +.order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + +.order-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + +.order-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + +.order-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + +.order-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + +.order-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + +.order-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + +.order-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + +.order-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + +.order-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } + +@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; + max-width: none; } + .col-sm-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-sm-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .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.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-sm-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .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.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-sm-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .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.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-sm-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-sm-12 { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-sm-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .order-sm-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .order-sm-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + .order-sm-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + .order-sm-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + .order-sm-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + .order-sm-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + .order-sm-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + .order-sm-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + .order-sm-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + .order-sm-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + .order-sm-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } } + +@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; + max-width: none; } + .col-md-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-md-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .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.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-md-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .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.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-md-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .col-md-9, .custom-fullcalendar .fc-view-container { + -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.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-md-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-md-12 { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-md-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .order-md-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .order-md-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + .order-md-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + .order-md-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + .order-md-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + .order-md-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + .order-md-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + .order-md-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + .order-md-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + .order-md-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + .order-md-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } } + +@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; + max-width: none; } + .col-lg-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-lg-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .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.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-lg-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .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.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-lg-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .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.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-lg-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-lg-12 { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-lg-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .order-lg-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .order-lg-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + .order-lg-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + .order-lg-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + .order-lg-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + .order-lg-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + .order-lg-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + .order-lg-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + .order-lg-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + .order-lg-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + .order-lg-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } } + +@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; + max-width: none; } + .col-xl-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-xl-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .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.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-xl-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .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.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-xl-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .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.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-xl-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-xl-12 { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-xl-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .order-xl-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .order-xl-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + .order-xl-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + .order-xl-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + .order-xl-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + .order-xl-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + .order-xl-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + .order-xl-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + .order-xl-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + .order-xl-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + .order-xl-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } } + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + background-color: transparent; } + .table th, + .table td { + padding: 0.57143em; + vertical-align: top; + border-top: 1px solid white; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid white; } + .table tbody + tbody { + border-top: 2px solid white; } + .table .table { + background-color: #f5f7fa; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid white; } + .table-bordered th, + .table-bordered td { + border: 1px solid white; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } + +.table-striped tbody tr:nth-of-type(odd) { + background-color: #fdfcff; } + +.table-hover tbody tr:hover { + background-color: #f3eefd; } + +.table-color-scheme, +.table-color-scheme > th, +.table-color-scheme > td { + background-color: #dccff9; } + +.table-hover .table-color-scheme:hover { + background-color: #cbb8f6; } + .table-hover .table-color-scheme:hover > td, + .table-hover .table-color-scheme:hover > th { + background-color: #cbb8f6; } + +.table-color-scheme-dark, +.table-color-scheme-dark > th, +.table-color-scheme-dark > td { + background-color: #dcd1e4; } + +.table-hover .table-color-scheme-dark:hover { + background-color: #d0c1db; } + .table-hover .table-color-scheme-dark:hover > td, + .table-hover .table-color-scheme-dark:hover > th { + background-color: #d0c1db; } + +.table-content-color, +.table-content-color > th, +.table-content-color > td { + background-color: #e2e2e2; } + +.table-hover .table-content-color:hover { + background-color: #d5d5d5; } + .table-hover .table-content-color:hover > td, + .table-hover .table-content-color:hover > th { + background-color: #d5d5d5; } + +.table-content, +.table-content > th, +.table-content > td { + background-color: #e2e2e2; } + +.table-hover .table-content:hover { + background-color: #d5d5d5; } + .table-hover .table-content:hover > td, + .table-hover .table-content:hover > th { + background-color: #d5d5d5; } + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #dccff9; } + +.table-hover .table-primary:hover { + background-color: #cbb8f6; } + .table-hover .table-primary:hover > td, + .table-hover .table-primary:hover > th { + background-color: #cbb8f6; } + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #dddfe2; } + +.table-hover .table-secondary:hover { + background-color: #cfd2d6; } + .table-hover .table-secondary:hover > td, + .table-hover .table-secondary:hover > th { + background-color: #cfd2d6; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c7f3da; } + +.table-hover .table-success:hover { + background-color: #b2efcc; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #b2efcc; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #b8e7fc; } + +.table-hover .table-info:hover { + background-color: #a0dffb; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #a0dffb; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fff1b8; } + +.table-hover .table-warning:hover { + background-color: #ffec9f; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #ffec9f; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f8d3ce; } + +.table-hover .table-danger:hover { + background-color: #f5bfb8; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #f5bfb8; } + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fdfdfe; } + +.table-hover .table-light:hover { + background-color: #ececf6; } + .table-hover .table-light:hover > td, + .table-hover .table-light:hover > th { + background-color: #ececf6; } + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; } + +.table-hover .table-dark:hover { + background-color: #b9bbbe; } + .table-hover .table-dark:hover > td, + .table-hover .table-dark:hover > th { + background-color: #b9bbbe; } + +.table-gray-100, +.table-gray-100 > th, +.table-gray-100 > td { + background-color: #fdfdfe; } + +.table-hover .table-gray-100:hover { + background-color: #ececf6; } + .table-hover .table-gray-100:hover > td, + .table-hover .table-gray-100:hover > th { + background-color: #ececf6; } + +.table-gray-200, +.table-gray-200 > th, +.table-gray-200 > td { + background-color: whitesmoke; } + +.table-hover .table-gray-200:hover { + background-color: #e8e8e8; } + .table-hover .table-gray-200:hover > td, + .table-hover .table-gray-200:hover > th { + background-color: #e8e8e8; } + +.table-gray-300, +.table-gray-300 > th, +.table-gray-300 > td { + background-color: #ececec; } + +.table-hover .table-gray-300:hover { + background-color: #dfdfdf; } + .table-hover .table-gray-300:hover > td, + .table-hover .table-gray-300:hover > th { + background-color: #dfdfdf; } + +.table-gray-400, +.table-gray-400 > th, +.table-gray-400 > td { + background-color: #e7e7e7; } + +.table-hover .table-gray-400:hover { + background-color: #dadada; } + .table-hover .table-gray-400:hover > td, + .table-hover .table-gray-400:hover > th { + background-color: #dadada; } + +.table-gray-500, +.table-gray-500 > th, +.table-gray-500 > td { + background-color: #e2e2e2; } + +.table-hover .table-gray-500:hover { + background-color: #d5d5d5; } + .table-hover .table-gray-500:hover > td, + .table-hover .table-gray-500:hover > th { + background-color: #d5d5d5; } + +.table-gray-600, +.table-gray-600 > th, +.table-gray-600 > td { + background-color: #dddfe2; } + +.table-hover .table-gray-600:hover { + background-color: #cfd2d6; } + .table-hover .table-gray-600:hover > td, + .table-hover .table-gray-600:hover > th { + background-color: #cfd2d6; } + +.table-gray-700, +.table-gray-700 > th, +.table-gray-700 > td { + background-color: #ccced0; } + +.table-hover .table-gray-700:hover { + background-color: #bfc1c4; } + .table-hover .table-gray-700:hover > td, + .table-hover .table-gray-700:hover > th { + background-color: #bfc1c4; } + +.table-gray-800, +.table-gray-800 > th, +.table-gray-800 > td { + background-color: #c6c8ca; } + +.table-hover .table-gray-800:hover { + background-color: #b9bbbe; } + .table-hover .table-gray-800:hover > td, + .table-hover .table-gray-800:hover > th { + background-color: #b9bbbe; } + +.table-gray-900, +.table-gray-900 > th, +.table-gray-900 > td { + background-color: #c1c2c3; } + +.table-hover .table-gray-900:hover { + background-color: #b4b5b6; } + .table-hover .table-gray-900:hover > td, + .table-hover .table-gray-900:hover > th { + background-color: #b4b5b6; } + +.table-active, +.table-active > th, +.table-active > td { + background-color: #f3eefd; } + +.table-hover .table-active:hover { + background-color: #e2d7fa; } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: #e2d7fa; } + +.thead-inverse th { + color: #f5f7fa; + background-color: #212529; } + +.thead-default th { + color: white; + background-color: #ddd; } + +.table-inverse { + color: #f5f7fa; + background-color: #212529; } + .table-inverse th, + .table-inverse td, + .table-inverse thead th { + border-color: rgba(255, 255, 255, 0.1); } + .table-inverse.table-bordered { + border: 0; } + .table-inverse.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); } + .table-inverse.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); } + +@media (max-width: 991px) { + .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.5625rem 1.2em; + font-size: 0.875rem; + line-height: 1.57143; + color: #74708d; + background-color: #fff; + background-image: none; + background-clip: padding-box; + border: 1px solid #e4e9f0; + border-radius: 0.25rem; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; + 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, -webkit-box-shadow ease-in-out 0.15s; } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:focus { + color: #74708d; + background-color: #fff; + border-color: #8253eb; + outline: none; + -webkit-box-shadow: none, 0 0 0 3px rgba(130, 83, 235, 0.2); + box-shadow: none, 0 0 0 3px rgba(130, 83, 235, 0.2); } + .form-control::-webkit-input-placeholder { + color: #bbb; + opacity: 1; } + .form-control:-ms-input-placeholder { + color: #bbb; + opacity: 1; } + .form-control::placeholder { + color: #bbb; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { + background-color: #ddd; + opacity: 1; } + +select.form-control:not([size]):not([multiple]) { + height: calc(2.5rem + 2px); } + +select.form-control:focus::-ms-value { + color: #74708d; + background-color: #fff; } + +.form-control-file, +.form-control-range { + display: block; } + +.col-form-label { + padding-top: calc(0.5625rem - 1px * 2); + padding-bottom: calc(0.5625rem - 1px * 2); + margin-bottom: 0; } + +.col-form-label-lg { + padding-top: calc(0.3125rem - 1px * 2); + padding-bottom: calc(0.3125rem - 1px * 2); + font-size: 1rem; } + +.col-form-label-sm { + padding-top: calc(0.1875rem - 1px * 2); + padding-bottom: calc(0.1875rem - 1px * 2); + font-size: 0.75rem; } + +.col-form-legend { + padding-top: 0.5625rem; + padding-bottom: 0.5625rem; + margin-bottom: 0; + font-size: 0.875rem; } + +.form-control-plaintext { + padding-top: 0.5625rem; + padding-bottom: 0.5625rem; + margin-bottom: 0; + line-height: 1.57143; + border: solid transparent; + border-width: 1px 0; } + .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, + .input-group-sm > .form-control-plaintext.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, + .input-group-lg > .form-control-plaintext.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-plaintext.btn { + padding-right: 0; + padding-left: 0; } + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + padding: 0.1875rem 0.5rem; + font-size: 0.75rem; + line-height: 2; + 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]) { + height: calc(1.875rem + 2px); } + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + padding: 0.3125rem 1.5rem; + font-size: 1rem; + line-height: 3; + 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]) { + height: calc(2.875rem + 2px); } + +.form-group { + margin-bottom: 1.5625rem; } + +.form-text { + display: block; + margin-top: 0.25rem; } + +.form-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; } + .form-row > .col, + .form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; } + +.form-check { + position: relative; + display: block; + margin-bottom: 0.5rem; } + .form-check.disabled .form-check-label { + color: #bbb; } + +.form-check-label { + padding-left: 1.25rem; + margin-bottom: 0; } + +.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; } + +.invalid-feedback { + display: none; + margin-top: .25rem; + font-size: .875rem; + color: #e6614f; } + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + width: 250px; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(230, 97, 79, 0.8); + border-radius: .2rem; } + +.was-validated .form-control:valid, .form-control.is-valid, .was-validated +.custom-select:valid, +.custom-select.is-valid { + border-color: #38d57a; } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated + .custom-select:valid:focus, + .custom-select.is-valid:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25); + box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25); } + .was-validated .form-control:valid ~ .invalid-feedback, + .was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, + .form-control.is-valid ~ .invalid-tooltip, .was-validated + .custom-select:valid ~ .invalid-feedback, + .was-validated + .custom-select:valid ~ .invalid-tooltip, + .custom-select.is-valid ~ .invalid-feedback, + .custom-select.is-valid ~ .invalid-tooltip { + display: block; } + +.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { + color: #38d57a; } + +.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { + background-color: rgba(56, 213, 122, 0.25); } + +.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { + color: #38d57a; } + +.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { + border-color: #38d57a; } + .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { + border-color: inherit; } + +.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25); + box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25); } + +.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated +.custom-select:invalid, +.custom-select.is-invalid { + border-color: #e6614f; } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated + .custom-select:invalid:focus, + .custom-select.is-invalid:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25); + box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25); } + .was-validated .form-control:invalid ~ .invalid-feedback, + .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, + .form-control.is-invalid ~ .invalid-tooltip, .was-validated + .custom-select:invalid ~ .invalid-feedback, + .was-validated + .custom-select:invalid ~ .invalid-tooltip, + .custom-select.is-invalid ~ .invalid-feedback, + .custom-select.is-invalid ~ .invalid-tooltip { + display: block; } + +.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { + color: #e6614f; } + +.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { + background-color: rgba(230, 97, 79, 0.25); } + +.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { + color: #e6614f; } + +.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { + border-color: #e6614f; } + .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { + border-color: inherit; } + +.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25); + box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25); } + +.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-plaintext { + 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 { + display: inline-block; + font-weight: 400; + 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.5625rem 1.2em; + font-size: 0.875rem; + line-height: 1.57143; + border-radius: 0.25rem; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .btn:focus, .btn:hover { + text-decoration: none; } + .btn:focus, .btn.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125); + box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125); } + .btn.disabled, .btn:disabled { + opacity: .65; + -webkit-box-shadow: none; + box-shadow: none; } + .btn:active, .btn.active { + background-image: none; + -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125), inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125), inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-color-scheme { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-color-scheme:hover { + color: #fff; + background-color: #6931e7; + border-color: #6125e6; } + .btn-color-scheme:focus, .btn-color-scheme.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); } + .btn-color-scheme.disabled, .btn-color-scheme:disabled { + background-color: #8253eb; + border-color: #8253eb; } + .btn-color-scheme:active, .btn-color-scheme.active, + .show > .btn-color-scheme.dropdown-toggle { + background-color: #6931e7; + background-image: none; + border-color: #6125e6; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-color-scheme-dark { + color: #fff; + background-color: #835c9e; + border-color: #835c9e; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-color-scheme-dark:hover { + color: #fff; + background-color: #6f4e86; + border-color: #68497e; } + .btn-color-scheme-dark:focus, .btn-color-scheme-dark.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(131, 92, 158, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(131, 92, 158, 0.5); } + .btn-color-scheme-dark.disabled, .btn-color-scheme-dark:disabled { + background-color: #835c9e; + border-color: #835c9e; } + .btn-color-scheme-dark:active, .btn-color-scheme-dark.active, + .show > .btn-color-scheme-dark.dropdown-toggle { + background-color: #6f4e86; + background-image: none; + border-color: #68497e; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-content-color { + color: #111; + background-color: #999; + border-color: #999; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-content-color:hover { + color: #111; + background-color: #868686; + border-color: gray; } + .btn-content-color:focus, .btn-content-color.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-content-color.disabled, .btn-content-color:disabled { + background-color: #999; + border-color: #999; } + .btn-content-color:active, .btn-content-color.active, + .show > .btn-content-color.dropdown-toggle { + background-color: #868686; + background-image: none; + border-color: gray; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-content { + color: #111; + background-color: #999; + border-color: #999; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-content:hover { + color: #111; + background-color: #868686; + border-color: gray; } + .btn-content:focus, .btn-content.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-content.disabled, .btn-content:disabled { + background-color: #999; + border-color: #999; } + .btn-content:active, .btn-content.active, + .show > .btn-content.dropdown-toggle { + background-color: #868686; + background-image: none; + border-color: gray; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-primary { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-primary:hover { + color: #fff; + background-color: #6931e7; + border-color: #6125e6; } + .btn-primary:focus, .btn-primary.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); } + .btn-primary.disabled, .btn-primary:disabled { + background-color: #8253eb; + border-color: #8253eb; } + .btn-primary:active, .btn-primary.active, + .show > .btn-primary.dropdown-toggle { + background-color: #6931e7; + background-image: none; + border-color: #6125e6; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-secondary { + color: #fff; + background-color: #868e96; + border-color: #868e96; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-secondary:hover { + color: #fff; + background-color: #727b84; + border-color: #6c757d; } + .btn-secondary:focus, .btn-secondary.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-secondary.disabled, .btn-secondary:disabled { + background-color: #868e96; + border-color: #868e96; } + .btn-secondary:active, .btn-secondary.active, + .show > .btn-secondary.dropdown-toggle { + background-color: #727b84; + background-image: none; + border-color: #6c757d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-success { + color: #111; + background-color: #38d57a; + border-color: #38d57a; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-success:hover { + color: #111; + background-color: #28bf67; + border-color: #26b462; } + .btn-success:focus, .btn-success.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5); } + .btn-success.disabled, .btn-success:disabled { + background-color: #38d57a; + border-color: #38d57a; } + .btn-success:active, .btn-success.active, + .show > .btn-success.dropdown-toggle { + background-color: #28bf67; + background-image: none; + border-color: #26b462; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-info { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-info:hover { + color: #fff; + background-color: #038fcd; + border-color: #0286c1; } + .btn-info:focus, .btn-info.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5); } + .btn-info.disabled, .btn-info:disabled { + background-color: #03a9f3; + border-color: #03a9f3; } + .btn-info:active, .btn-info.active, + .show > .btn-info.dropdown-toggle { + background-color: #038fcd; + background-image: none; + border-color: #0286c1; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-warning { + color: #111; + background-color: #ffcc02; + border-color: #ffcc02; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-warning:hover { + color: #111; + background-color: #dbaf00; + border-color: #cea400; } + .btn-warning:focus, .btn-warning.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5); } + .btn-warning.disabled, .btn-warning:disabled { + background-color: #ffcc02; + border-color: #ffcc02; } + .btn-warning:active, .btn-warning.active, + .show > .btn-warning.dropdown-toggle { + background-color: #dbaf00; + background-image: none; + border-color: #cea400; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-danger { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-danger:hover { + color: #fff; + background-color: #e1432e; + border-color: #e03922; } + .btn-danger:focus, .btn-danger.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5); } + .btn-danger.disabled, .btn-danger:disabled { + background-color: #e6614f; + border-color: #e6614f; } + .btn-danger:active, .btn-danger.active, + .show > .btn-danger.dropdown-toggle { + background-color: #e1432e; + background-image: none; + border-color: #e03922; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-light { + color: #111; + background-color: #f8f9fa; + border-color: #f8f9fa; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-light:hover { + color: #111; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-light:focus, .btn-light.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-light.disabled, .btn-light:disabled { + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:active, .btn-light.active, + .show > .btn-light.dropdown-toggle { + background-color: #e2e6ea; + background-image: none; + border-color: #dae0e5; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-dark:focus, .btn-dark.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + background-color: #343a40; + border-color: #343a40; } + .btn-dark:active, .btn-dark.active, + .show > .btn-dark.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-100 { + color: #111; + background-color: #f8f9fa; + border-color: #f8f9fa; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-100:hover { + color: #111; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-gray-100:focus, .btn-gray-100.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-gray-100.disabled, .btn-gray-100:disabled { + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-gray-100:active, .btn-gray-100.active, + .show > .btn-gray-100.dropdown-toggle { + background-color: #e2e6ea; + background-image: none; + border-color: #dae0e5; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-200 { + color: #111; + background-color: #ddd; + border-color: #ddd; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-200:hover { + color: #111; + background-color: #cacaca; + border-color: #c4c4c4; } + .btn-gray-200:focus, .btn-gray-200.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5); } + .btn-gray-200.disabled, .btn-gray-200:disabled { + background-color: #ddd; + border-color: #ddd; } + .btn-gray-200:active, .btn-gray-200.active, + .show > .btn-gray-200.dropdown-toggle { + background-color: #cacaca; + background-image: none; + border-color: #c4c4c4; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-300 { + color: #111; + background-color: #bbb; + border-color: #bbb; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-300:hover { + color: #111; + background-color: #a8a8a8; + border-color: #a2a2a2; } + .btn-gray-300:focus, .btn-gray-300.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5); } + .btn-gray-300.disabled, .btn-gray-300:disabled { + background-color: #bbb; + border-color: #bbb; } + .btn-gray-300:active, .btn-gray-300.active, + .show > .btn-gray-300.dropdown-toggle { + background-color: #a8a8a8; + background-image: none; + border-color: #a2a2a2; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-400 { + color: #111; + background-color: #aaa; + border-color: #aaa; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-400:hover { + color: #111; + background-color: #979797; + border-color: #919191; } + .btn-gray-400:focus, .btn-gray-400.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5); } + .btn-gray-400.disabled, .btn-gray-400:disabled { + background-color: #aaa; + border-color: #aaa; } + .btn-gray-400:active, .btn-gray-400.active, + .show > .btn-gray-400.dropdown-toggle { + background-color: #979797; + background-image: none; + border-color: #919191; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-500 { + color: #111; + background-color: #999; + border-color: #999; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-500:hover { + color: #111; + background-color: #868686; + border-color: gray; } + .btn-gray-500:focus, .btn-gray-500.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-gray-500.disabled, .btn-gray-500:disabled { + background-color: #999; + border-color: #999; } + .btn-gray-500:active, .btn-gray-500.active, + .show > .btn-gray-500.dropdown-toggle { + background-color: #868686; + background-image: none; + border-color: gray; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-600 { + color: #fff; + background-color: #868e96; + border-color: #868e96; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-600:hover { + color: #fff; + background-color: #727b84; + border-color: #6c757d; } + .btn-gray-600:focus, .btn-gray-600.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-gray-600.disabled, .btn-gray-600:disabled { + background-color: #868e96; + border-color: #868e96; } + .btn-gray-600:active, .btn-gray-600.active, + .show > .btn-gray-600.dropdown-toggle { + background-color: #727b84; + background-image: none; + border-color: #6c757d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-700 { + color: #fff; + background-color: #495057; + border-color: #495057; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-700:hover { + color: #fff; + background-color: #383d42; + border-color: #32373b; } + .btn-gray-700:focus, .btn-gray-700.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5); } + .btn-gray-700.disabled, .btn-gray-700:disabled { + background-color: #495057; + border-color: #495057; } + .btn-gray-700:active, .btn-gray-700.active, + .show > .btn-gray-700.dropdown-toggle { + background-color: #383d42; + background-image: none; + border-color: #32373b; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-800 { + color: #fff; + background-color: #343a40; + border-color: #343a40; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-800:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-gray-800:focus, .btn-gray-800.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-gray-800.disabled, .btn-gray-800:disabled { + background-color: #343a40; + border-color: #343a40; } + .btn-gray-800:active, .btn-gray-800.active, + .show > .btn-gray-800.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-900 { + color: #fff; + background-color: #212529; + border-color: #212529; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-gray-900:hover { + color: #fff; + background-color: #101214; + border-color: #0a0c0d; } + .btn-gray-900:focus, .btn-gray-900.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5); } + .btn-gray-900.disabled, .btn-gray-900:disabled { + background-color: #212529; + border-color: #212529; } + .btn-gray-900:active, .btn-gray-900.active, + .show > .btn-gray-900.dropdown-toggle { + background-color: #101214; + background-image: none; + border-color: #0a0c0d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-outline-color-scheme { + color: #8253eb; + background-color: transparent; + background-image: none; + border-color: #8253eb; } + .btn-outline-color-scheme:hover { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; } + .btn-outline-color-scheme:focus, .btn-outline-color-scheme.focus { + -webkit-box-shadow: 0 0 0 3px rgba(130, 83, 235, 0.5); + box-shadow: 0 0 0 3px rgba(130, 83, 235, 0.5); } + .btn-outline-color-scheme.disabled, .btn-outline-color-scheme:disabled { + color: #8253eb; + background-color: transparent; } + .btn-outline-color-scheme:active, .btn-outline-color-scheme.active, + .show > .btn-outline-color-scheme.dropdown-toggle { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; } + +.btn-outline-color-scheme-dark { + color: #835c9e; + background-color: transparent; + background-image: none; + border-color: #835c9e; } + .btn-outline-color-scheme-dark:hover { + color: #fff; + background-color: #835c9e; + border-color: #835c9e; } + .btn-outline-color-scheme-dark:focus, .btn-outline-color-scheme-dark.focus { + -webkit-box-shadow: 0 0 0 3px rgba(131, 92, 158, 0.5); + box-shadow: 0 0 0 3px rgba(131, 92, 158, 0.5); } + .btn-outline-color-scheme-dark.disabled, .btn-outline-color-scheme-dark:disabled { + color: #835c9e; + background-color: transparent; } + .btn-outline-color-scheme-dark:active, .btn-outline-color-scheme-dark.active, + .show > .btn-outline-color-scheme-dark.dropdown-toggle { + color: #fff; + background-color: #835c9e; + border-color: #835c9e; } + +.btn-outline-content-color { + color: #999; + background-color: transparent; + background-image: none; + border-color: #999; } + .btn-outline-content-color:hover { + color: #fff; + background-color: #999; + border-color: #999; } + .btn-outline-content-color:focus, .btn-outline-content-color.focus { + -webkit-box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-outline-content-color.disabled, .btn-outline-content-color:disabled { + color: #999; + background-color: transparent; } + .btn-outline-content-color:active, .btn-outline-content-color.active, + .show > .btn-outline-content-color.dropdown-toggle { + color: #fff; + background-color: #999; + border-color: #999; } + +.btn-outline-content { + color: #999; + background-color: transparent; + background-image: none; + border-color: #999; } + .btn-outline-content:hover { + color: #fff; + background-color: #999; + border-color: #999; } + .btn-outline-content:focus, .btn-outline-content.focus { + -webkit-box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-outline-content.disabled, .btn-outline-content:disabled { + color: #999; + background-color: transparent; } + .btn-outline-content:active, .btn-outline-content.active, + .show > .btn-outline-content.dropdown-toggle { + color: #fff; + background-color: #999; + border-color: #999; } + +.btn-outline-primary { + color: #8253eb; + background-color: transparent; + background-image: none; + border-color: #8253eb; } + .btn-outline-primary:hover { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; } + .btn-outline-primary:focus, .btn-outline-primary.focus { + -webkit-box-shadow: 0 0 0 3px rgba(130, 83, 235, 0.5); + box-shadow: 0 0 0 3px rgba(130, 83, 235, 0.5); } + .btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #8253eb; + background-color: transparent; } + .btn-outline-primary:active, .btn-outline-primary.active, + .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; } + +.btn-outline-secondary { + color: #868e96; + background-color: transparent; + background-image: none; + border-color: #868e96; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #868e96; + border-color: #868e96; } + .btn-outline-secondary:focus, .btn-outline-secondary.focus { + -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #868e96; + background-color: transparent; } + .btn-outline-secondary:active, .btn-outline-secondary.active, + .show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #868e96; + border-color: #868e96; } + +.btn-outline-success { + color: #38d57a; + background-color: transparent; + background-image: none; + border-color: #38d57a; } + .btn-outline-success:hover { + color: #fff; + background-color: #38d57a; + border-color: #38d57a; } + .btn-outline-success:focus, .btn-outline-success.focus { + -webkit-box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5); + box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5); } + .btn-outline-success.disabled, .btn-outline-success:disabled { + color: #38d57a; + background-color: transparent; } + .btn-outline-success:active, .btn-outline-success.active, + .show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #38d57a; + border-color: #38d57a; } + +.btn-outline-info { + color: #03a9f3; + background-color: transparent; + background-image: none; + border-color: #03a9f3; } + .btn-outline-info:hover { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; } + .btn-outline-info:focus, .btn-outline-info.focus { + -webkit-box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5); + box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5); } + .btn-outline-info.disabled, .btn-outline-info:disabled { + color: #03a9f3; + background-color: transparent; } + .btn-outline-info:active, .btn-outline-info.active, + .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; } + +.btn-outline-warning { + color: #ffcc02; + background-color: transparent; + background-image: none; + border-color: #ffcc02; } + .btn-outline-warning:hover { + color: #fff; + background-color: #ffcc02; + border-color: #ffcc02; } + .btn-outline-warning:focus, .btn-outline-warning.focus { + -webkit-box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5); + box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5); } + .btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffcc02; + background-color: transparent; } + .btn-outline-warning:active, .btn-outline-warning.active, + .show > .btn-outline-warning.dropdown-toggle { + color: #fff; + background-color: #ffcc02; + border-color: #ffcc02; } + +.btn-outline-danger { + color: #e6614f; + background-color: transparent; + background-image: none; + border-color: #e6614f; } + .btn-outline-danger:hover { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; } + .btn-outline-danger:focus, .btn-outline-danger.focus { + -webkit-box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5); + box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5); } + .btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #e6614f; + background-color: transparent; } + .btn-outline-danger:active, .btn-outline-danger.active, + .show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; } + +.btn-outline-light { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; } + .btn-outline-light:hover { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-light:focus, .btn-outline-light.focus { + -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); + box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; } + .btn-outline-light:active, .btn-outline-light.active, + .show > .btn-outline-light.dropdown-toggle { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; } + +.btn-outline-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; } + .btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-dark:focus, .btn-outline-dark.focus { + -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; } + .btn-outline-dark:active, .btn-outline-dark.active, + .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + +.btn-outline-gray-100 { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; } + .btn-outline-gray-100:hover { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-gray-100:focus, .btn-outline-gray-100.focus { + -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); + box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { + color: #f8f9fa; + background-color: transparent; } + .btn-outline-gray-100:active, .btn-outline-gray-100.active, + .show > .btn-outline-gray-100.dropdown-toggle { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; } + +.btn-outline-gray-200 { + color: #ddd; + background-color: transparent; + background-image: none; + border-color: #ddd; } + .btn-outline-gray-200:hover { + color: #fff; + background-color: #ddd; + border-color: #ddd; } + .btn-outline-gray-200:focus, .btn-outline-gray-200.focus { + -webkit-box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5); + box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5); } + .btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { + color: #ddd; + background-color: transparent; } + .btn-outline-gray-200:active, .btn-outline-gray-200.active, + .show > .btn-outline-gray-200.dropdown-toggle { + color: #fff; + background-color: #ddd; + border-color: #ddd; } + +.btn-outline-gray-300 { + color: #bbb; + background-color: transparent; + background-image: none; + border-color: #bbb; } + .btn-outline-gray-300:hover { + color: #fff; + background-color: #bbb; + border-color: #bbb; } + .btn-outline-gray-300:focus, .btn-outline-gray-300.focus { + -webkit-box-shadow: 0 0 0 3px rgba(187, 187, 187, 0.5); + box-shadow: 0 0 0 3px rgba(187, 187, 187, 0.5); } + .btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { + color: #bbb; + background-color: transparent; } + .btn-outline-gray-300:active, .btn-outline-gray-300.active, + .show > .btn-outline-gray-300.dropdown-toggle { + color: #fff; + background-color: #bbb; + border-color: #bbb; } + +.btn-outline-gray-400 { + color: #aaa; + background-color: transparent; + background-image: none; + border-color: #aaa; } + .btn-outline-gray-400:hover { + color: #fff; + background-color: #aaa; + border-color: #aaa; } + .btn-outline-gray-400:focus, .btn-outline-gray-400.focus { + -webkit-box-shadow: 0 0 0 3px rgba(170, 170, 170, 0.5); + box-shadow: 0 0 0 3px rgba(170, 170, 170, 0.5); } + .btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { + color: #aaa; + background-color: transparent; } + .btn-outline-gray-400:active, .btn-outline-gray-400.active, + .show > .btn-outline-gray-400.dropdown-toggle { + color: #fff; + background-color: #aaa; + border-color: #aaa; } + +.btn-outline-gray-500 { + color: #999; + background-color: transparent; + background-image: none; + border-color: #999; } + .btn-outline-gray-500:hover { + color: #fff; + background-color: #999; + border-color: #999; } + .btn-outline-gray-500:focus, .btn-outline-gray-500.focus { + -webkit-box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { + color: #999; + background-color: transparent; } + .btn-outline-gray-500:active, .btn-outline-gray-500.active, + .show > .btn-outline-gray-500.dropdown-toggle { + color: #fff; + background-color: #999; + border-color: #999; } + +.btn-outline-gray-600 { + color: #868e96; + background-color: transparent; + background-image: none; + border-color: #868e96; } + .btn-outline-gray-600:hover { + color: #fff; + background-color: #868e96; + border-color: #868e96; } + .btn-outline-gray-600:focus, .btn-outline-gray-600.focus { + -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { + color: #868e96; + background-color: transparent; } + .btn-outline-gray-600:active, .btn-outline-gray-600.active, + .show > .btn-outline-gray-600.dropdown-toggle { + color: #fff; + background-color: #868e96; + border-color: #868e96; } + +.btn-outline-gray-700 { + color: #495057; + background-color: transparent; + background-image: none; + border-color: #495057; } + .btn-outline-gray-700:hover { + color: #fff; + background-color: #495057; + border-color: #495057; } + .btn-outline-gray-700:focus, .btn-outline-gray-700.focus { + -webkit-box-shadow: 0 0 0 3px rgba(73, 80, 87, 0.5); + box-shadow: 0 0 0 3px rgba(73, 80, 87, 0.5); } + .btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { + color: #495057; + background-color: transparent; } + .btn-outline-gray-700:active, .btn-outline-gray-700.active, + .show > .btn-outline-gray-700.dropdown-toggle { + color: #fff; + background-color: #495057; + border-color: #495057; } + +.btn-outline-gray-800 { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; } + .btn-outline-gray-800:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-gray-800:focus, .btn-outline-gray-800.focus { + -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { + color: #343a40; + background-color: transparent; } + .btn-outline-gray-800:active, .btn-outline-gray-800.active, + .show > .btn-outline-gray-800.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + +.btn-outline-gray-900 { + color: #212529; + background-color: transparent; + background-image: none; + border-color: #212529; } + .btn-outline-gray-900:hover { + color: #fff; + background-color: #212529; + border-color: #212529; } + .btn-outline-gray-900:focus, .btn-outline-gray-900.focus { + -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); + box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } + .btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { + color: #212529; + background-color: transparent; } + .btn-outline-gray-900:active, .btn-outline-gray-900.active, + .show > .btn-outline-gray-900.dropdown-toggle { + color: #fff; + background-color: #212529; + border-color: #212529; } + +.btn-link { + font-weight: 400; + color: #8253eb; + border-radius: 0; } + .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-link, .btn-link:focus, .btn-link:active { + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-link:hover { + border-color: transparent; } + .btn-link:focus, .btn-link:hover { + color: #9165f4; + text-decoration: none; + background-color: transparent; } + .btn-link:disabled { + color: #868e96; } + .btn-link:disabled:focus, .btn-link:disabled:hover { + text-decoration: none; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.3125rem 1.5rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.3rem; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.1875rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; + 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%; } + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.show { + opacity: 1; } + +.collapse { + display: none; } + .collapse.show { + display: block; } + +tr.collapse.show { + display: table-row; } + +tbody.collapse.show { + display: table-row-group; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + transition: height 0.35s ease; } + +.dropup, +.dropdown { + position: relative; } + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-left: 0.3em solid transparent; } + +.dropdown-toggle:empty::after { + margin-left: 0; } + +.dropup .dropdown-menu { + margin-top: 0; + margin-bottom: 0.125rem; } + +.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.875rem; + color: #999; + 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; + -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #eef1f2; } + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.42857em; + clear: both; + font-weight: 400; + color: #888; + text-align: inherit; + white-space: nowrap; + background: none; + border: 0; } + .dropdown-item:focus, .dropdown-item:hover { + color: #7b7b7b; + text-decoration: none; + background-color: rgba(130, 83, 235, 0.03); } + .dropdown-item.active, .dropdown-item:active { + color: #7b7b7b; + text-decoration: none; + background-color: rgba(130, 83, 235, 0.03); } + .dropdown-item.disabled, .dropdown-item:disabled { + color: #868e96; + background-color: transparent; } + +.show > a { + outline: 0; } + +.dropdown-menu.show { + display: block; } + +.dropdown-header { + display: block; + padding: 0.5rem 1.42857em; + margin-bottom: 0; + font-size: 0.75rem; + color: #868e96; + white-space: nowrap; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-bottom: 0; } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover { + z-index: 2; } + .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 2; } + .btn-group .btn + .btn, + .btn-group .btn + .btn-group, + .btn-group .btn-group + .btn, + .btn-group .btn-group + .btn-group, + .btn-group-vertical .btn + .btn, + .btn-group-vertical .btn + .btn-group, + .btn-group-vertical .btn-group + .btn, + .btn-group-vertical .btn-group + .btn-group { + margin-left: -1px; } + +.btn-toolbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -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) { + border-radius: 0; } + +.btn-group > .btn:first-child { + margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group > .btn-group { + float: left; } + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.btn + .dropdown-toggle-split { + padding-right: 0.9em; + padding-left: 0.9em; } + .btn + .dropdown-toggle-split::after { + margin-left: 0; } + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; } + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; } + +.btn-group.show .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn-group.show .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; } + +.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 .btn-group { + width: 100%; } + .btn-group-vertical > .btn + .btn, + .btn-group-vertical > .btn + .btn-group, + .btn-group-vertical > .btn-group + .btn, + .btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } + +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; } + +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn 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-align: center; + -ms-flex-align: center; + align-items: 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.5625rem 1.2em; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.57143; + color: #74708d; + text-align: center; + background-color: #eee; + border: 1px solid #e4e9f0; + 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 { + padding: 0.1875rem 0.5rem; + font-size: 0.75rem; + 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 { + padding: 0.3125rem 1.5rem; + font-size: 1rem; + 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, +.input-group-btn:not(:last-child) > .btn-group > .btn, +.input-group-btn:not(:last-child) > .dropdown-toggle, +.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.input-group-addon:not(:last-child) { + border-right: 0; } + +.input-group .form-control:not(:first-child), +.input-group-addon:not(:first-child), +.input-group-btn:not(:first-child) > .btn, +.input-group-btn:not(:first-child) > .btn-group > .btn, +.input-group-btn:not(:first-child) > .dropdown-toggle, +.input-group-btn:not(:last-child) > .btn:not(:first-child), +.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-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 { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 3; } + .input-group-btn:not(:last-child) > .btn, + .input-group-btn:not(:last-child) > .btn-group { + margin-right: -1px; } + .input-group-btn:not(:first-child) > .btn, + .input-group-btn:not(:first-child) > .btn-group { + z-index: 2; + margin-left: -1px; } + .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn: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.71429rem; + padding-left: 1.5rem; + margin-right: 1rem; } + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; } + .custom-control-input:checked ~ .custom-control-indicator { + color: #fff; + background-color: #8253eb; + -webkit-box-shadow: none; + box-shadow: none; } + .custom-control-input:focus ~ .custom-control-indicator { + -webkit-box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 3px #8253eb; + box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 3px #8253eb; } + .custom-control-input:active ~ .custom-control-indicator { + color: #fff; + background-color: #f6f3fe; + -webkit-box-shadow: none; + box-shadow: none; } + .custom-control-input:disabled ~ .custom-control-indicator { + background-color: #ddd; } + .custom-control-input:disabled ~ .custom-control-description { + color: #868e96; } + +.custom-control-indicator { + position: absolute; + top: 0.35714rem; + 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%; + -webkit-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } + +.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: #8253eb; + 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"); + -webkit-box-shadow: none; + box-shadow: none; } + +.custom-radio .custom-control-indicator { + border-radius: 50%; } + +.custom-radio .custom-control-input:checked ~ .custom-control-indicator { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%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.5rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.57143; + color: #74708d; + 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 #e4e9f0; + border-radius: 0.25rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .custom-select:focus { + border-color: #d5c5f8; + outline: none; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(213, 197, 248, 0.5); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(213, 197, 248, 0.5); } + .custom-select:focus::-ms-value { + color: #74708d; + background-color: #fff; } + .custom-select:disabled { + color: #868e96; + background-color: #ddd; } + .custom-select::-ms-expand { + opacity: 0; } + +.custom-select-sm { + height: calc(1.875rem + 2px); + 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; } + +.custom-file-input { + min-width: 14rem; + max-width: 100%; + height: 2.5rem; + margin: 0; + opacity: 0; } + .custom-file-input:focus ~ .custom-file-control { + -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #8253eb; + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #8253eb; } + +.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: #495057; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #fff; + border: 1px solid #e4e9f0; + border-radius: 0.25rem; + -webkit-box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); } + .custom-file-control:lang(en):empty::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: #495057; + background-color: #ddd; + border: 1px solid #e4e9f0; + 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; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.nav-link { + display: block; + padding: 0.5rem 1rem; } + .nav-link:focus, .nav-link:hover { + text-decoration: none; } + .nav-link.disabled { + color: #868e96; } + +.nav-tabs { + border-bottom: 1px solid #ddd; } + .nav-tabs .nav-item { + margin-bottom: -1px; } + .nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color: #ddd #ddd #ddd; } + .nav-tabs .nav-link.disabled { + color: #868e96; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #f5f7fa; + border-color: #ddd #ddd #f5f7fa; } + .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.nav-pills .nav-link { + border-radius: 0.25rem; } + .nav-pills .nav-link.active, + .show > .nav-pills .nav-link { + color: #fff; + background-color: #8253eb; } + +.nav-fill .nav-item { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; } + +.nav-justified .nav-item { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.navbar { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0.5rem 1rem; } + .navbar > .container, + .navbar > .container-fluid { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +.navbar-brand { + display: inline-block; + padding-top: 0.39286rem; + padding-bottom: 0.39286rem; + margin-right: 1rem; + font-size: 1rem; + line-height: inherit; + white-space: nowrap; } + .navbar-brand:focus, .navbar-brand:hover { + text-decoration: none; } + +.navbar-nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; } + .navbar-nav .dropdown-menu { + position: static; + float: none; } + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } + +.navbar-collapse { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1rem; + line-height: 1; + background: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; } + .navbar-toggler:focus, .navbar-toggler:hover { + text-decoration: none; } + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; } + +@media (max-width: 575px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 576px) { + .navbar-expand-sm { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-sm .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-sm .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; } + .navbar-expand-sm .navbar-toggler { + display: none; } } + +@media (max-width: 767px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 768px) { + .navbar-expand-md { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-md .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-md .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-md .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; } + .navbar-expand-md .navbar-toggler { + display: none; } } + +@media (max-width: 991px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 992px) { + .navbar-expand-lg { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-lg .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-lg .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; } + .navbar-expand-lg .navbar-toggler { + display: none; } } + +@media (max-width: 1199px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 1200px) { + .navbar-expand-xl { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-xl .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-xl .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; } + .navbar-expand-xl .navbar-toggler { + display: none; } } + +.navbar-expand { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand > .container, + .navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; } + .navbar-expand .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand > .container, + .navbar-expand > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; } + .navbar-expand .navbar-toggler { + display: none; } + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, 0.9); } + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); } + .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); } + +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); } + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); } + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); } + +.navbar-dark .navbar-brand { + color: white; } + .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: white; } + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); } + +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: white; } + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); } + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); } + +.card { + 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; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; } + +.card-body { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1.25rem; } + +.card-title { + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); } + .card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); } + .card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; } + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); } + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); } + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); } + +@media (min-width: 576px) { + .card-deck { + 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; + margin-right: -3px; + margin-left: -3px; } + .card-deck .card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-right: 3px; + margin-left: 3px; } } + +@media (min-width: 576px) { + .card-group { + 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; } + .card-group .card { + -webkit-box-flex: 1; + -ms-flex: 1 0 0%; + flex: 1 0 0%; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } + .card-group .card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .card-group .card:first-child .card-img-top { + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-bottom { + border-bottom-right-radius: 0; } + .card-group .card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .card-group .card:last-child .card-img-top { + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-bottom { + border-bottom-left-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + border-radius: 0; } } + +.card-columns .card { + margin-bottom: 0.75rem; } + +@media (min-width: 576px) { + .card-columns { + -webkit-column-count: 3; + column-count: 3; + -webkit-column-gap: 1.25rem; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } } + +.breadcrumb { + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #ddd; + border-radius: 0.25rem; } + .breadcrumb::after { + display: block; + clear: both; + content: ""; } + +.breadcrumb-item { + float: left; } + .breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.3rem; + padding-left: 0.3rem; + color: #868e96; + content: "/"; } + .breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; } + .breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; } + .breadcrumb-item.active { + color: #868e96; } + +.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-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } + +.page-item.active .page-link { + z-index: 2; + color: #fff; + background-color: #8253eb; + border-color: #8253eb; } + +.page-item.disabled .page-link { + color: #868e96; + pointer-events: none; + 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: #8253eb; + background-color: #fff; + border: 1px solid #ddd; } + .page-link:focus, .page-link:hover { + color: #9165f4; + text-decoration: none; + background-color: #ddd; + border-color: #ddd; } + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1rem; + line-height: 1.5; } + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; } + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; } + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; } + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; } + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; } + +.badge, .label { + display: inline-block; + padding: 0.4em 0.4em; + font-size: 90%; + font-weight: 600; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; } + .badge:empty, .label:empty { + display: none; } + +.btn .badge, .btn .label { + position: relative; + top: -1px; } + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; } + +.badge-color-scheme { + color: #fff; + background-color: #8253eb; } + .badge-color-scheme[href]:focus, .badge-color-scheme[href]:hover { + color: #fff; + text-decoration: none; + background-color: #6125e6; } + +.badge-color-scheme-dark { + color: #fff; + background-color: #835c9e; } + .badge-color-scheme-dark[href]:focus, .badge-color-scheme-dark[href]:hover { + color: #fff; + text-decoration: none; + background-color: #68497e; } + +.badge-content-color { + color: #111; + background-color: #999; } + .badge-content-color[href]:focus, .badge-content-color[href]:hover { + color: #111; + text-decoration: none; + background-color: gray; } + +.badge-content { + color: #111; + background-color: #999; } + .badge-content[href]:focus, .badge-content[href]:hover { + color: #111; + text-decoration: none; + background-color: gray; } + +.badge-primary { + color: #fff; + background-color: #8253eb; } + .badge-primary[href]:focus, .badge-primary[href]:hover { + color: #fff; + text-decoration: none; + background-color: #6125e6; } + +.badge-secondary { + color: #fff; + background-color: #868e96; } + .badge-secondary[href]:focus, .badge-secondary[href]:hover { + color: #fff; + text-decoration: none; + background-color: #6c757d; } + +.badge-success { + color: #111; + background-color: #38d57a; } + .badge-success[href]:focus, .badge-success[href]:hover { + color: #111; + text-decoration: none; + background-color: #26b462; } + +.badge-info { + color: #fff; + background-color: #03a9f3; } + .badge-info[href]:focus, .badge-info[href]:hover { + color: #fff; + text-decoration: none; + background-color: #0286c1; } + +.badge-warning { + color: #111; + background-color: #ffcc02; } + .badge-warning[href]:focus, .badge-warning[href]:hover { + color: #111; + text-decoration: none; + background-color: #cea400; } + +.badge-danger { + color: #fff; + background-color: #e6614f; } + .badge-danger[href]:focus, .badge-danger[href]:hover { + color: #fff; + text-decoration: none; + background-color: #e03922; } + +.badge-light { + color: #111; + background-color: #f8f9fa; } + .badge-light[href]:focus, .badge-light[href]:hover { + color: #111; + text-decoration: none; + background-color: #dae0e5; } + +.badge-dark { + color: #fff; + background-color: #343a40; } + .badge-dark[href]:focus, .badge-dark[href]:hover { + color: #fff; + text-decoration: none; + background-color: #1d2124; } + +.badge-gray-100 { + color: #111; + background-color: #f8f9fa; } + .badge-gray-100[href]:focus, .badge-gray-100[href]:hover { + color: #111; + text-decoration: none; + background-color: #dae0e5; } + +.badge-gray-200 { + color: #111; + background-color: #ddd; } + .badge-gray-200[href]:focus, .badge-gray-200[href]:hover { + color: #111; + text-decoration: none; + background-color: #c4c4c4; } + +.badge-gray-300 { + color: #111; + background-color: #bbb; } + .badge-gray-300[href]:focus, .badge-gray-300[href]:hover { + color: #111; + text-decoration: none; + background-color: #a2a2a2; } + +.badge-gray-400 { + color: #111; + background-color: #aaa; } + .badge-gray-400[href]:focus, .badge-gray-400[href]:hover { + color: #111; + text-decoration: none; + background-color: #919191; } + +.badge-gray-500 { + color: #111; + background-color: #999; } + .badge-gray-500[href]:focus, .badge-gray-500[href]:hover { + color: #111; + text-decoration: none; + background-color: gray; } + +.badge-gray-600 { + color: #fff; + background-color: #868e96; } + .badge-gray-600[href]:focus, .badge-gray-600[href]:hover { + color: #fff; + text-decoration: none; + background-color: #6c757d; } + +.badge-gray-700 { + color: #fff; + background-color: #495057; } + .badge-gray-700[href]:focus, .badge-gray-700[href]:hover { + color: #fff; + text-decoration: none; + background-color: #32373b; } + +.badge-gray-800 { + color: #fff; + background-color: #343a40; } + .badge-gray-800[href]:focus, .badge-gray-800[href]:hover { + color: #fff; + text-decoration: none; + background-color: #1d2124; } + +.badge-gray-900 { + color: #fff; + background-color: #212529; } + .badge-gray-900[href]:focus, .badge-gray-900[href]:hover { + color: #fff; + text-decoration: none; + background-color: #0a0c0d; } + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #ddd; + border-radius: 0.3rem; } + @media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; } } + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; } + +.alert { + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; } + +.alert-heading { + color: inherit; } + +.alert-link { + font-weight: bold; } + +.alert-dismissible .close { + position: relative; + top: -0.75rem; + right: -1.25rem; + padding: 0.75rem 1.25rem; + color: inherit; } + +.alert-color-scheme { + color: #442b7a; + background-color: #e6ddfb; + border-color: #dccff9; } + .alert-color-scheme hr { + border-top-color: #cbb8f6; } + .alert-color-scheme .alert-link { + color: #2f1e54; } + +.alert-color-scheme-dark { + color: #443052; + background-color: #e6deec; + border-color: #dcd1e4; } + .alert-color-scheme-dark hr { + border-top-color: #d0c1db; } + .alert-color-scheme-dark .alert-link { + color: #291d32; } + +.alert-content-color { + color: #505050; + background-color: #ebebeb; + border-color: #e2e2e2; } + .alert-content-color hr { + border-top-color: #d5d5d5; } + .alert-content-color .alert-link { + color: #373737; } + +.alert-content { + color: #505050; + background-color: #ebebeb; + border-color: #e2e2e2; } + .alert-content hr { + border-top-color: #d5d5d5; } + .alert-content .alert-link { + color: #373737; } + +.alert-primary { + color: #442b7a; + background-color: #e6ddfb; + border-color: #dccff9; } + .alert-primary hr { + border-top-color: #cbb8f6; } + .alert-primary .alert-link { + color: #2f1e54; } + +.alert-secondary { + color: #464a4e; + background-color: #e7e8ea; + border-color: #dddfe2; } + .alert-secondary hr { + border-top-color: #cfd2d6; } + .alert-secondary .alert-link { + color: #2e3133; } + +.alert-success { + color: #1d6f3f; + background-color: #d7f7e4; + border-color: #c7f3da; } + .alert-success hr { + border-top-color: #b2efcc; } + .alert-success .alert-link { + color: #124728; } + +.alert-info { + color: #02587e; + background-color: #cdeefd; + border-color: #b8e7fc; } + .alert-info hr { + border-top-color: #a0dffb; } + .alert-info .alert-link { + color: #01354c; } + +.alert-warning { + color: #856a01; + background-color: #fff5cc; + border-color: #fff1b8; } + .alert-warning hr { + border-top-color: #ffec9f; } + .alert-warning .alert-link { + color: #524201; } + +.alert-danger { + color: #783229; + background-color: #fadfdc; + border-color: #f8d3ce; } + .alert-danger hr { + border-top-color: #f5bfb8; } + .alert-danger .alert-link { + color: #52221c; } + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; } + .alert-light hr { + border-top-color: #ececf6; } + .alert-light .alert-link { + color: #686868; } + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; } + .alert-dark hr { + border-top-color: #b9bbbe; } + .alert-dark .alert-link { + color: #040505; } + +.alert-gray-100 { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; } + .alert-gray-100 hr { + border-top-color: #ececf6; } + .alert-gray-100 .alert-link { + color: #686868; } + +.alert-gray-200 { + color: #737373; + background-color: #f8f8f8; + border-color: whitesmoke; } + .alert-gray-200 hr { + border-top-color: #e8e8e8; } + .alert-gray-200 .alert-link { + color: #5a5a5a; } + +.alert-gray-300 { + color: #616161; + background-color: #f1f1f1; + border-color: #ececec; } + .alert-gray-300 hr { + border-top-color: #dfdfdf; } + .alert-gray-300 .alert-link { + color: #484848; } + +.alert-gray-400 { + color: #585858; + background-color: #eeeeee; + border-color: #e7e7e7; } + .alert-gray-400 hr { + border-top-color: #dadada; } + .alert-gray-400 .alert-link { + color: #3f3f3f; } + +.alert-gray-500 { + color: #505050; + background-color: #ebebeb; + border-color: #e2e2e2; } + .alert-gray-500 hr { + border-top-color: #d5d5d5; } + .alert-gray-500 .alert-link { + color: #373737; } + +.alert-gray-600 { + color: #464a4e; + background-color: #e7e8ea; + border-color: #dddfe2; } + .alert-gray-600 hr { + border-top-color: #cfd2d6; } + .alert-gray-600 .alert-link { + color: #2e3133; } + +.alert-gray-700 { + color: #262a2d; + background-color: #dbdcdd; + border-color: #ccced0; } + .alert-gray-700 hr { + border-top-color: #bfc1c4; } + .alert-gray-700 .alert-link { + color: #0f1011; } + +.alert-gray-800 { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; } + .alert-gray-800 hr { + border-top-color: #b9bbbe; } + .alert-gray-800 .alert-link { + color: #040505; } + +.alert-gray-900 { + color: #111315; + background-color: #d3d3d4; + border-color: #c1c2c3; } + .alert-gray-900 hr { + border-top-color: #b4b5b6; } + .alert-gray-900 .alert-link { + color: black; } + +@-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: #ddd; + border-radius: 0.25rem; + -webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } + +.progress-bar { + height: 1rem; + line-height: 1rem; + color: #fff; + background-color: #8253eb; + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; } + +.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; } + +.media { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + +.media-body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +.list-group { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; } + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; } + .list-group-item-action:focus, .list-group-item-action:hover { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; } + .list-group-item-action:active { + color: #999; + background-color: #ddd; } + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .list-group-item:focus, .list-group-item:hover { + text-decoration: none; } + .list-group-item.disabled, .list-group-item:disabled { + color: #868e96; + background-color: #fff; } + .list-group-item.active { + z-index: 2; + color: #fff; + background-color: #8253eb; + border-color: #8253eb; } + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; } + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; } + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; } + +.list-group-item-color-scheme { + color: #442b7a; + background-color: #dccff9; } + +a.list-group-item-color-scheme, +button.list-group-item-color-scheme { + color: #442b7a; } + a.list-group-item-color-scheme:focus, a.list-group-item-color-scheme:hover, + button.list-group-item-color-scheme:focus, + button.list-group-item-color-scheme:hover { + color: #442b7a; + background-color: #cbb8f6; } + a.list-group-item-color-scheme.active, + button.list-group-item-color-scheme.active { + color: #fff; + background-color: #442b7a; + border-color: #442b7a; } + +.list-group-item-color-scheme-dark { + color: #443052; + background-color: #dcd1e4; } + +a.list-group-item-color-scheme-dark, +button.list-group-item-color-scheme-dark { + color: #443052; } + a.list-group-item-color-scheme-dark:focus, a.list-group-item-color-scheme-dark:hover, + button.list-group-item-color-scheme-dark:focus, + button.list-group-item-color-scheme-dark:hover { + color: #443052; + background-color: #d0c1db; } + a.list-group-item-color-scheme-dark.active, + button.list-group-item-color-scheme-dark.active { + color: #fff; + background-color: #443052; + border-color: #443052; } + +.list-group-item-content-color { + color: #505050; + background-color: #e2e2e2; } + +a.list-group-item-content-color, +button.list-group-item-content-color { + color: #505050; } + a.list-group-item-content-color:focus, a.list-group-item-content-color:hover, + button.list-group-item-content-color:focus, + button.list-group-item-content-color:hover { + color: #505050; + background-color: #d5d5d5; } + a.list-group-item-content-color.active, + button.list-group-item-content-color.active { + color: #fff; + background-color: #505050; + border-color: #505050; } + +.list-group-item-content { + color: #505050; + background-color: #e2e2e2; } + +a.list-group-item-content, +button.list-group-item-content { + color: #505050; } + a.list-group-item-content:focus, a.list-group-item-content:hover, + button.list-group-item-content:focus, + button.list-group-item-content:hover { + color: #505050; + background-color: #d5d5d5; } + a.list-group-item-content.active, + button.list-group-item-content.active { + color: #fff; + background-color: #505050; + border-color: #505050; } + +.list-group-item-primary { + color: #442b7a; + background-color: #dccff9; } + +a.list-group-item-primary, +button.list-group-item-primary { + color: #442b7a; } + a.list-group-item-primary:focus, a.list-group-item-primary:hover, + button.list-group-item-primary:focus, + button.list-group-item-primary:hover { + color: #442b7a; + background-color: #cbb8f6; } + a.list-group-item-primary.active, + button.list-group-item-primary.active { + color: #fff; + background-color: #442b7a; + border-color: #442b7a; } + +.list-group-item-secondary { + color: #464a4e; + background-color: #dddfe2; } + +a.list-group-item-secondary, +button.list-group-item-secondary { + color: #464a4e; } + a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, + button.list-group-item-secondary:focus, + button.list-group-item-secondary:hover { + color: #464a4e; + background-color: #cfd2d6; } + a.list-group-item-secondary.active, + button.list-group-item-secondary.active { + color: #fff; + background-color: #464a4e; + border-color: #464a4e; } + +.list-group-item-success { + color: #1d6f3f; + background-color: #c7f3da; } + +a.list-group-item-success, +button.list-group-item-success { + color: #1d6f3f; } + a.list-group-item-success:focus, a.list-group-item-success:hover, + button.list-group-item-success:focus, + button.list-group-item-success:hover { + color: #1d6f3f; + background-color: #b2efcc; } + a.list-group-item-success.active, + button.list-group-item-success.active { + color: #fff; + background-color: #1d6f3f; + border-color: #1d6f3f; } + +.list-group-item-info { + color: #02587e; + background-color: #b8e7fc; } + +a.list-group-item-info, +button.list-group-item-info { + color: #02587e; } + a.list-group-item-info:focus, a.list-group-item-info:hover, + button.list-group-item-info:focus, + button.list-group-item-info:hover { + color: #02587e; + background-color: #a0dffb; } + a.list-group-item-info.active, + button.list-group-item-info.active { + color: #fff; + background-color: #02587e; + border-color: #02587e; } + +.list-group-item-warning { + color: #856a01; + background-color: #fff1b8; } + +a.list-group-item-warning, +button.list-group-item-warning { + color: #856a01; } + a.list-group-item-warning:focus, a.list-group-item-warning:hover, + button.list-group-item-warning:focus, + button.list-group-item-warning:hover { + color: #856a01; + background-color: #ffec9f; } + a.list-group-item-warning.active, + button.list-group-item-warning.active { + color: #fff; + background-color: #856a01; + border-color: #856a01; } + +.list-group-item-danger { + color: #783229; + background-color: #f8d3ce; } + +a.list-group-item-danger, +button.list-group-item-danger { + color: #783229; } + a.list-group-item-danger:focus, a.list-group-item-danger:hover, + button.list-group-item-danger:focus, + button.list-group-item-danger:hover { + color: #783229; + background-color: #f5bfb8; } + a.list-group-item-danger.active, + button.list-group-item-danger.active { + color: #fff; + background-color: #783229; + border-color: #783229; } + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; } + +a.list-group-item-light, +button.list-group-item-light { + color: #818182; } + a.list-group-item-light:focus, a.list-group-item-light:hover, + button.list-group-item-light:focus, + button.list-group-item-light:hover { + color: #818182; + background-color: #ececf6; } + a.list-group-item-light.active, + button.list-group-item-light.active { + color: #fff; + background-color: #818182; + border-color: #818182; } + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; } + +a.list-group-item-dark, +button.list-group-item-dark { + color: #1b1e21; } + a.list-group-item-dark:focus, a.list-group-item-dark:hover, + button.list-group-item-dark:focus, + button.list-group-item-dark:hover { + color: #1b1e21; + background-color: #b9bbbe; } + a.list-group-item-dark.active, + button.list-group-item-dark.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; } + +.list-group-item-gray-100 { + color: #818182; + background-color: #fdfdfe; } + +a.list-group-item-gray-100, +button.list-group-item-gray-100 { + color: #818182; } + a.list-group-item-gray-100:focus, a.list-group-item-gray-100:hover, + button.list-group-item-gray-100:focus, + button.list-group-item-gray-100:hover { + color: #818182; + background-color: #ececf6; } + a.list-group-item-gray-100.active, + button.list-group-item-gray-100.active { + color: #fff; + background-color: #818182; + border-color: #818182; } + +.list-group-item-gray-200 { + color: #737373; + background-color: whitesmoke; } + +a.list-group-item-gray-200, +button.list-group-item-gray-200 { + color: #737373; } + a.list-group-item-gray-200:focus, a.list-group-item-gray-200:hover, + button.list-group-item-gray-200:focus, + button.list-group-item-gray-200:hover { + color: #737373; + background-color: #e8e8e8; } + a.list-group-item-gray-200.active, + button.list-group-item-gray-200.active { + color: #fff; + background-color: #737373; + border-color: #737373; } + +.list-group-item-gray-300 { + color: #616161; + background-color: #ececec; } + +a.list-group-item-gray-300, +button.list-group-item-gray-300 { + color: #616161; } + a.list-group-item-gray-300:focus, a.list-group-item-gray-300:hover, + button.list-group-item-gray-300:focus, + button.list-group-item-gray-300:hover { + color: #616161; + background-color: #dfdfdf; } + a.list-group-item-gray-300.active, + button.list-group-item-gray-300.active { + color: #fff; + background-color: #616161; + border-color: #616161; } + +.list-group-item-gray-400 { + color: #585858; + background-color: #e7e7e7; } + +a.list-group-item-gray-400, +button.list-group-item-gray-400 { + color: #585858; } + a.list-group-item-gray-400:focus, a.list-group-item-gray-400:hover, + button.list-group-item-gray-400:focus, + button.list-group-item-gray-400:hover { + color: #585858; + background-color: #dadada; } + a.list-group-item-gray-400.active, + button.list-group-item-gray-400.active { + color: #fff; + background-color: #585858; + border-color: #585858; } + +.list-group-item-gray-500 { + color: #505050; + background-color: #e2e2e2; } + +a.list-group-item-gray-500, +button.list-group-item-gray-500 { + color: #505050; } + a.list-group-item-gray-500:focus, a.list-group-item-gray-500:hover, + button.list-group-item-gray-500:focus, + button.list-group-item-gray-500:hover { + color: #505050; + background-color: #d5d5d5; } + a.list-group-item-gray-500.active, + button.list-group-item-gray-500.active { + color: #fff; + background-color: #505050; + border-color: #505050; } + +.list-group-item-gray-600 { + color: #464a4e; + background-color: #dddfe2; } + +a.list-group-item-gray-600, +button.list-group-item-gray-600 { + color: #464a4e; } + a.list-group-item-gray-600:focus, a.list-group-item-gray-600:hover, + button.list-group-item-gray-600:focus, + button.list-group-item-gray-600:hover { + color: #464a4e; + background-color: #cfd2d6; } + a.list-group-item-gray-600.active, + button.list-group-item-gray-600.active { + color: #fff; + background-color: #464a4e; + border-color: #464a4e; } + +.list-group-item-gray-700 { + color: #262a2d; + background-color: #ccced0; } + +a.list-group-item-gray-700, +button.list-group-item-gray-700 { + color: #262a2d; } + a.list-group-item-gray-700:focus, a.list-group-item-gray-700:hover, + button.list-group-item-gray-700:focus, + button.list-group-item-gray-700:hover { + color: #262a2d; + background-color: #bfc1c4; } + a.list-group-item-gray-700.active, + button.list-group-item-gray-700.active { + color: #fff; + background-color: #262a2d; + border-color: #262a2d; } + +.list-group-item-gray-800 { + color: #1b1e21; + background-color: #c6c8ca; } + +a.list-group-item-gray-800, +button.list-group-item-gray-800 { + color: #1b1e21; } + a.list-group-item-gray-800:focus, a.list-group-item-gray-800:hover, + button.list-group-item-gray-800:focus, + button.list-group-item-gray-800:hover { + color: #1b1e21; + background-color: #b9bbbe; } + a.list-group-item-gray-800.active, + button.list-group-item-gray-800.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; } + +.list-group-item-gray-900 { + color: #111315; + background-color: #c1c2c3; } + +a.list-group-item-gray-900, +button.list-group-item-gray-900 { + color: #111315; } + a.list-group-item-gray-900:focus, a.list-group-item-gray-900:hover, + button.list-group-item-gray-900:focus, + button.list-group-item-gray-900:hover { + color: #111315; + background-color: #b4b5b6; } + a.list-group-item-gray-900.active, + button.list-group-item-gray-900.active { + color: #fff; + background-color: #111315; + border-color: #111315; } + +.close { + float: right; + font-size: 1.3125rem; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; } + .close:focus, .close:hover { + color: #000; + text-decoration: none; + opacity: .75; } + +button.close { + padding: 0; + 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 { + -webkit-transition: -webkit-transform 0.3s ease-out; + 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 #ddd; + border-radius: 0.3rem; + -webkit-box-shadow: none; + box-shadow: none; + 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 #ddd; } + +.modal-title { + margin-bottom: 0; + line-height: 1.71429; } + +.modal-body { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 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: 25px; + border-top: 1px solid #ddd; } + .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-content { + -webkit-box-shadow: none; + box-shadow: none; } + .modal-sm { + max-width: 300px; } } + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.71429; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + opacity: 0; } + .tooltip.show { + opacity: 0.9; } + .tooltip .arrow { + position: absolute; + display: block; + width: 5px; + height: 5px; } + .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { + padding: 5px 0; } + .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; } + .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + margin-left: -3px; + content: ""; + border-width: 5px 5px 0; + border-top-color: #000; } + .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { + padding: 0 5px; } + .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; } + .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { + margin-top: -3px; + content: ""; + border-width: 5px 5px 5px 0; + border-right-color: #000; } + .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { + padding: 5px 0; } + .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; } + .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + margin-left: -3px; + content: ""; + border-width: 0 5px 5px; + border-bottom-color: #000; } + .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { + padding: 0 5px; } + .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; } + .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { + right: 0; + margin-top: -3px; + content: ""; + border-width: 5px 0 5px 5px; + border-left-color: #000; } + .tooltip .arrow::before { + position: absolute; + border-color: transparent; + border-style: solid; } + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + padding: 1px; + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.71429; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } + .popover .arrow { + position: absolute; + display: block; + width: 10px; + height: 5px; } + .popover .arrow::before, + .popover .arrow::after { + position: absolute; + display: block; + border-color: transparent; + border-style: solid; } + .popover .arrow::before { + content: ""; + border-width: 11px; } + .popover .arrow::after { + content: ""; + border-width: 11px; } + .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { + margin-bottom: 10px; } + .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { + bottom: 0; } + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, + .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { + border-bottom-width: 0; } + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: -11px; + margin-left: -6px; + border-top-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: -10px; + margin-left: -6px; + border-top-color: #fff; } + .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { + margin-left: 10px; } + .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { + left: 0; } + .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, + .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { + margin-top: -8px; + border-left-width: 0; } + .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { + left: -11px; + border-right-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { + left: -10px; + border-right-color: #fff; } + .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { + margin-top: 10px; } + .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { + top: 0; } + .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, + .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { + margin-left: -7px; + border-top-width: 0; } + .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: -11px; + border-bottom-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: -10px; + border-bottom-color: #fff; } + .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 20px; + margin-left: -10px; + content: ""; + border-bottom: 1px solid #f7f7f7; } + .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { + margin-right: 10px; } + .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { + right: 0; } + .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, + .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { + margin-top: -8px; + border-right-width: 0; } + .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { + right: -11px; + border-left-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { + right: -10px; + border-left-color: #fff; } + +.popover-header { + padding: 8px 14px; + margin-bottom: 0; + font-size: 0.875rem; + color: #444; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); } + .popover-header:empty { + display: none; } + +.popover-body { + padding: 9px 14px; + color: #999; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + +.carousel-item { + position: relative; + display: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-transition: -webkit-transform 0.6s ease; + transition: -webkit-transform 0.6s ease; + transition: transform 0.6s ease; + transition: transform 0.6s ease, -webkit-transform 0.6s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; } + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; } + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; } + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + -webkit-transform: translateX(0); + transform: translateX(0); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.carousel-item-next, +.active.carousel-item-right { + -webkit-transform: translateX(100%); + transform: translateX(100%); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next, + .active.carousel-item-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.carousel-item-prev, +.active.carousel-item-left { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-prev, + .active.carousel-item-left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + 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: 15%; + color: #fff; + text-align: center; + opacity: 0.5; } + .carousel-control-prev:focus, .carousel-control-prev:hover, + .carousel-control-next:focus, + .carousel-control-next:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + +.carousel-control-prev { + left: 0; } + +.carousel-control-next { + right: 0; } + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; } + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; } + .carousel-indicators li { + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: rgba(255, 255, 255, 0.5); } + .carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } + .carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } + .carousel-indicators .active { + 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; } + +.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-color-scheme { + background-color: #8253eb !important; } + +a.bg-color-scheme:focus, a.bg-color-scheme:hover { + background-color: #6125e6 !important; } + +.bg-color-scheme-dark { + background-color: #835c9e !important; } + +a.bg-color-scheme-dark:focus, a.bg-color-scheme-dark:hover { + background-color: #68497e !important; } + +.bg-content-color { + background-color: #999 !important; } + +a.bg-content-color:focus, a.bg-content-color:hover { + background-color: gray !important; } + +.bg-content { + background-color: #999 !important; } + +a.bg-content:focus, a.bg-content:hover { + background-color: gray !important; } + +.bg-primary { + background-color: #8253eb !important; } + +a.bg-primary:focus, a.bg-primary:hover { + background-color: #6125e6 !important; } + +.bg-secondary { + background-color: #868e96 !important; } + +a.bg-secondary:focus, a.bg-secondary:hover { + background-color: #6c757d !important; } + +.bg-success { + background-color: #38d57a !important; } + +a.bg-success:focus, a.bg-success:hover { + background-color: #26b462 !important; } + +.bg-info { + background-color: #03a9f3 !important; } + +a.bg-info:focus, a.bg-info:hover { + background-color: #0286c1 !important; } + +.bg-warning { + background-color: #ffcc02 !important; } + +a.bg-warning:focus, a.bg-warning:hover { + background-color: #cea400 !important; } + +.bg-danger { + background-color: #e6614f !important; } + +a.bg-danger:focus, a.bg-danger:hover { + background-color: #e03922 !important; } + +.bg-light { + background-color: #f8f9fa !important; } + +a.bg-light:focus, a.bg-light:hover { + background-color: #dae0e5 !important; } + +.bg-dark { + background-color: #343a40 !important; } + +a.bg-dark:focus, a.bg-dark:hover { + background-color: #1d2124 !important; } + +.bg-gray-100 { + background-color: #f8f9fa !important; } + +a.bg-gray-100:focus, a.bg-gray-100:hover { + background-color: #dae0e5 !important; } + +.bg-gray-200 { + background-color: #ddd !important; } + +a.bg-gray-200:focus, a.bg-gray-200:hover { + background-color: #c4c4c4 !important; } + +.bg-gray-300 { + background-color: #bbb !important; } + +a.bg-gray-300:focus, a.bg-gray-300:hover { + background-color: #a2a2a2 !important; } + +.bg-gray-400 { + background-color: #aaa !important; } + +a.bg-gray-400:focus, a.bg-gray-400:hover { + background-color: #919191 !important; } + +.bg-gray-500 { + background-color: #999 !important; } + +a.bg-gray-500:focus, a.bg-gray-500:hover { + background-color: gray !important; } + +.bg-gray-600 { + background-color: #868e96 !important; } + +a.bg-gray-600:focus, a.bg-gray-600:hover { + background-color: #6c757d !important; } + +.bg-gray-700 { + background-color: #495057 !important; } + +a.bg-gray-700:focus, a.bg-gray-700:hover { + background-color: #32373b !important; } + +.bg-gray-800 { + background-color: #343a40 !important; } + +a.bg-gray-800:focus, a.bg-gray-800:hover { + background-color: #1d2124 !important; } + +.bg-gray-900 { + background-color: #212529 !important; } + +a.bg-gray-900:focus, a.bg-gray-900:hover { + background-color: #0a0c0d !important; } + +.bg-white { + background-color: #fff !important; } + +.bg-transparent { + background-color: transparent !important; } + +.border { + border: 1px solid #ddd !important; } + +.border-0 { + border: 0 !important; } + +.border-top-0 { + border-top: 0 !important; } + +.border-right-0 { + border-right: 0 !important; } + +.border-bottom-0 { + border-bottom: 0 !important; } + +.border-left-0 { + border-left: 0 !important; } + +.border-color-scheme { + border-color: #8253eb !important; } + +.border-color-scheme-dark { + border-color: #835c9e !important; } + +.border-content-color { + border-color: #999 !important; } + +.border-content { + border-color: #999 !important; } + +.border-primary { + border-color: #8253eb !important; } + +.border-secondary { + border-color: #868e96 !important; } + +.border-success { + border-color: #38d57a !important; } + +.border-info { + border-color: #03a9f3 !important; } + +.border-warning { + border-color: #ffcc02 !important; } + +.border-danger { + border-color: #e6614f !important; } + +.border-light { + border-color: #f8f9fa !important; } + +.border-dark { + border-color: #343a40 !important; } + +.border-gray-100 { + border-color: #f8f9fa !important; } + +.border-gray-200 { + border-color: #ddd !important; } + +.border-gray-300 { + border-color: #bbb !important; } + +.border-gray-400 { + border-color: #aaa !important; } + +.border-gray-500 { + border-color: #999 !important; } + +.border-gray-600 { + border-color: #868e96 !important; } + +.border-gray-700 { + border-color: #495057 !important; } + +.border-gray-800 { + border-color: #343a40 !important; } + +.border-gray-900 { + border-color: #212529 !important; } + +.border-white { + border-color: #fff !important; } + +.rounded { + border-radius: 0.25rem !important; } + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-circle { + border-radius: 50%; } + +.rounded-0 { + border-radius: 0; } + +.clearfix::after { + display: block; + clear: both; + content: ""; } + +.d-none { + display: none !important; } + +.d-inline { + display: inline !important; } + +.d-inline-block { + display: inline-block !important; } + +.d-block { + display: block !important; } + +.d-table { + display: table !important; } + +.d-table-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; } } + +.d-print-block { + display: none !important; } + @media print { + .d-print-block { + display: block !important; } } + +.d-print-inline { + display: none !important; } + @media print { + .d-print-inline { + display: inline !important; } } + +.d-print-inline-block { + display: none !important; } + @media print { + .d-print-inline-block { + display: inline-block !important; } } + +@media print { + .d-print-none { + display: none !important; } } + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; } + .embed-responsive::before { + display: block; + content: ""; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } + +.embed-responsive-21by9::before { + padding-top: 42.85714%; } + +.embed-responsive-16by9::before { + padding-top: 56.25%; } + +.embed-responsive-4by3::before { + padding-top: 75%; } + +.embed-responsive-1by1::before { + padding-top: 100%; } + +.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; + 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; + 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; + align-self: stretch !important; } + +@media (min-width: 576px) { + .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; + 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; + 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; + align-self: stretch !important; } } + +@media (min-width: 768px) { + .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; + 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; + 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; + align-self: stretch !important; } } + +@media (min-width: 992px) { + .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; + 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; + 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; + align-self: stretch !important; } } + +@media (min-width: 1200px) { + .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; + 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; + 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; + 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; } + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; } } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; + -webkit-clip-path: none; + clip-path: none; } + +.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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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 !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: bold; } + +.font-italic { + font-style: italic; } + +.text-white { + color: #fff !important; } + +.text-color-scheme { + color: #8253eb !important; } + +a.text-color-scheme:focus, a.text-color-scheme:hover { + color: #6125e6 !important; } + +.text-color-scheme-dark { + color: #835c9e !important; } + +a.text-color-scheme-dark:focus, a.text-color-scheme-dark:hover { + color: #68497e !important; } + +.text-content-color { + color: #999 !important; } + +a.text-content-color:focus, a.text-content-color:hover { + color: gray !important; } + +.text-content { + color: #999 !important; } + +a.text-content:focus, a.text-content:hover { + color: gray !important; } + +.text-primary { + color: #8253eb !important; } + +a.text-primary:focus, a.text-primary:hover { + color: #6125e6 !important; } + +.text-secondary { + color: #868e96 !important; } + +a.text-secondary:focus, a.text-secondary:hover { + color: #6c757d !important; } + +.text-success { + color: #38d57a !important; } + +a.text-success:focus, a.text-success:hover { + color: #26b462 !important; } + +.text-info { + color: #03a9f3 !important; } + +a.text-info:focus, a.text-info:hover { + color: #0286c1 !important; } + +.text-warning { + color: #ffcc02 !important; } + +a.text-warning:focus, a.text-warning:hover { + color: #cea400 !important; } + +.text-danger { + color: #e6614f !important; } + +a.text-danger:focus, a.text-danger:hover { + color: #e03922 !important; } + +.text-light { + color: #f8f9fa !important; } + +a.text-light:focus, a.text-light:hover { + color: #dae0e5 !important; } + +.text-dark { + color: #343a40 !important; } + +a.text-dark:focus, a.text-dark:hover { + color: #1d2124 !important; } + +.text-gray-100 { + color: #f8f9fa !important; } + +a.text-gray-100:focus, a.text-gray-100:hover { + color: #dae0e5 !important; } + +.text-gray-200 { + color: #ddd !important; } + +a.text-gray-200:focus, a.text-gray-200:hover { + color: #c4c4c4 !important; } + +.text-gray-300 { + color: #bbb !important; } + +a.text-gray-300:focus, a.text-gray-300:hover { + color: #a2a2a2 !important; } + +.text-gray-400 { + color: #aaa !important; } + +a.text-gray-400:focus, a.text-gray-400:hover { + color: #919191 !important; } + +.text-gray-500 { + color: #999 !important; } + +a.text-gray-500:focus, a.text-gray-500:hover { + color: gray !important; } + +.text-gray-600 { + color: #868e96 !important; } + +a.text-gray-600:focus, a.text-gray-600:hover { + color: #6c757d !important; } + +.text-gray-700 { + color: #495057 !important; } + +a.text-gray-700:focus, a.text-gray-700:hover { + color: #32373b !important; } + +.text-gray-800 { + color: #343a40 !important; } + +a.text-gray-800:focus, a.text-gray-800:hover { + color: #1d2124 !important; } + +.text-gray-900 { + color: #212529 !important; } + +a.text-gray-900:focus, a.text-gray-900:hover { + color: #0a0c0d !important; } + +.text-muted { + color: #bbb !important; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.visible { + visibility: visible !important; } + +.invisible { + visibility: hidden !important; } + +/* +* Name: Admin Html +* Written by: Unifato - (http://unifato.com) +* Version: 2.0 +*/ +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ +.animated { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; } + +.animated.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; } + +@-webkit-keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); } } + +@keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); } } + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; } + +@-webkit-keyframes flash { + from, 50%, to { + opacity: 1; } + 25%, 75% { + opacity: 0; } } + +@keyframes flash { + from, 50%, to { + opacity: 1; } + 25%, 75% { + opacity: 0; } } + +.flash { + -webkit-animation-name: flash; + animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; } + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; } + +@-webkit-keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } } + +@keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } } + +.shake { + -webkit-animation-name: shake; + animation-name: shake; } + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); } } + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); } } + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; } + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); } } + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); } } + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; } + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 10%, 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 10%, 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.tada { + -webkit-animation-name: tada; + animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { + -webkit-transform: none; + transform: none; } } + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; } + +@-webkit-keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + +@keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; } + +@-webkit-keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; } + +@-webkit-keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + -webkit-transform: none; + transform: none; } } + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; } + +@-webkit-keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; } + +@-webkit-keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; } + +@-webkit-keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; } + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; } + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; } + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; } + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; } + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; } + +@-webkit-keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; } + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; } + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; } + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; } + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(50%, 0, 0); + transform: translate3d(50%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(50%, 0, 0); + transform: translate3d(50%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; } + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; } + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 50%, 0); + transform: translate3d(0, 50%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 50%, 0); + transform: translate3d(0, 50%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; } + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; } + +@-webkit-keyframes fadeOut { + from { + opacity: 1; } + to { + opacity: 0; } } + +@keyframes fadeOut { + from { + opacity: 1; } + to { + opacity: 0; } } + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; } + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +@keyframes fadeOutDown { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; } + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +@keyframes fadeOutDownBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; } + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +@keyframes fadeOutLeft { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; } + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +@keyframes fadeOutLeftBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; } + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +@keyframes fadeOutRight { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; } + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +@keyframes fadeOutRightBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; } + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +@keyframes fadeOutUp { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +@keyframes fadeOutUpBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; } + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } + +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; } + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; } + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; } + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; } } + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; } } + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; } + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; } } + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; } } + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; } + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; } + to { + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; } + to { + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; } } + +@keyframes lightSpeedOut { + from { + opacity: 1; } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; } } + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; } + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; } + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; } + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; } + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; } + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; } } + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; } } + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; } + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } } + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } } + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; } + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; } + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; } + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; } } + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; } } + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; } + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; } } + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; } } + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + +@keyframes rollOut { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; } + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 50% { + opacity: 1; } } + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 50% { + opacity: 1; } } + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; } + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; } + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; } + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; } + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; } + +@-webkit-keyframes zoomOut { + from { + opacity: 1; } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + to { + opacity: 0; } } + +@keyframes zoomOut { + from { + opacity: 1; } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + to { + opacity: 0; } } + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; } + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; } + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; } + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; } + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; } + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; } + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; } + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; } + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; } + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; } + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; } + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; } + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; } + +/******************************** + ********************************* + BASE + ********************************* + *********************************/ +html { + height: 100%; } + +body.rtl { + direction: rtl; } + body.rtl ol, body.rtl ul { + padding-right: 2.1875rem; } + body.rtl .text-right-rtl { + text-align: left !important; } + body.rtl .text-left-rtl { + text-align: left !important; } + body.rtl .btn-group { + direction: ltr; } + body.rtl .pagination, + body.rtl .pager { + padding-right: 0; } + +.ltr { + direction: ltr !important; } + body.rtl .ltr { + text-align: right; } + +.badge, .label { + letter-spacing: -0.05em; + font-family: "Montserrat", sans-serif; } + +a.badge:hover, a.label:hover { + color: #fff; } + +hr.border-0 { + border: 0; } + +hr.tiny-hr { + border: 0; + position: relative; } + hr.tiny-hr:after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 40px; + height: 1px; + background: #eef1f2; } + +canvas { + max-width: 100%; } + +.material-icons { + font-size: 1.5rem; } + +.small, small { + color: #bbb; + font-size: 85%; } + +.small.list-icon { + font-size: 18px; } + +.icon-muted { + color: #8253eb; } + +a:focus, a:hover { + outline: none; } + +iframe { + border: 0; } + +input:focus, +select:focus, +textarea:focus, +button:focus, +.btn.active.focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn:active:focus, +.btn:focus { + outline: none; } + +input, textarea { + letter-spacing: 0; } + +img { + max-width: 100%; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin: 1.25rem 0 0.625rem; + font-weight: 400; + letter-spacing: -0.05em; } + h1 .material-icons, h2 .material-icons, h3 .material-icons, h4 .material-icons, h5 .material-icons, h6 .material-icons, + .h1 .material-icons, .h2 .material-icons, .h3 .material-icons, .h4 .material-icons, .h5 .material-icons, .h6 .material-icons { + position: relative; + top: -2px; } + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, + .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { + font-size: 0.75em; } + +h6 { + font-weight: 500; } + +p { + margin-bottom: 1.42857em; } + +a { + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + +.blockquote, +blockquote { + padding: 10px 20px; + border: 1px solid #eee; + border-left: 5px solid #8253eb; + color: #444; + letter-spacing: -0.05em; + font-family: "Montserrat", sans-serif; + font-size: 1.125rem; } + .blockquote small, + blockquote small { + font-size: 75%; + font-weight: 500; } + .blockquote small:before, .blockquote footer:before, .blockquote small:before, + blockquote small:before, + blockquote footer:before, + blockquote small:before { + content: '\2014 \00A0'; } + .blockquote.blockquote-reverse, + blockquote.blockquote-reverse { + border: 1px solid #eee; + border-right: 5px solid #8253eb; } + body.rtl .blockquote, body.rtl + blockquote { + border-right: 5px solid #8253eb; + border-left: 0; } + body.rtl .blockquote.blockquote-reverse, body.rtl + blockquote.blockquote-reverse { + text-align: left; + border-left: 5px solid #8253eb; + border-right: 0; } + +dd { + margin-bottom: 5px; } + +.show-grid { + margin: 15px 0; } + .show-grid [class^="col-"] { + padding-top: 10px; + padding-bottom: 10px; + border: 1px solid rgba(120, 130, 140, 0.13); + background-color: #f7fafc; } + +.fancy-list li { + padding-top: 0; + padding-bottom: 1em; } + +.fancy-list .list-icon { + font-size: 1.28571em; + vertical-align: middle; } + +.list-icon { + font-size: 1.125rem; } + +.row.columns-border-bw [class*="col-"], .columns-border-bw.custom-fullcalendar [class*="col-"] { + border-right: 1px solid #eef1f2; } + +.headings-font-family, +.heading-font-family { + font-family: "Montserrat", sans-serif; } + +.content-font-family { + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; } + +.sub-heading-font-family { + font-family: "Roboto", sans-serif; } + +.content-font-size { + font-size: 0.875rem; } + +.headings-color { + color: #444 !important; } + +.headings-letter-spacing { + letter-spacing: -0.05em !important; } + +.wrapper { + position: relative; } + +.content-wrapper { + position: relative; } + @media (min-width: 961px) { + .sidebar-expand .content-wrapper, + .sidebar-collapse .content-wrapper { + padding-top: 5rem; } } + +.text-inverse, +.text-inverse h1, .text-inverse h2, .text-inverse h3, .text-inverse h4, .text-inverse h5, .text-inverse h6, +.text-inverse .h1, .text-inverse .h2, .text-inverse .h3, .text-inverse .h4, .text-inverse .h5, .text-inverse .h6, .text-inverse .list-icon, .text-inverse small, +.text-inverse a:not(.btn), .text-inverse a:not(.btn):hover { + color: white !important; } + +.text-inverse .text-muted { + color: rgba(255, 255, 255, 0.5) !important; } + +/* Material Icons +========================*/ +.material-icons { + position: relative; } + +.material-icons.md-18 { + font-size: 1.125rem; } + +.material-icons.md-24 { + font-size: 1.5rem; } + +.material-icons.md-36 { + font-size: 2.25rem; } + +.material-icons.md-48 { + font-size: 3rem; } + +.user-char-image { + border-radius: 100px; + display: inline-block; + text-align: center; + position: relative; } + .user-char-image i { + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); + font-style: normal; + color: #fff; } + +/* Main Content Area +========================*/ +.main-wrapper { + overflow: hidden; + padding: 0 30px 7.5rem; + background: #f5f7fa; } + .sidebar-expand .main-wrapper { + margin-left: 14.0625rem; } + body.rtl.sidebar-expand .main-wrapper { + margin-left: auto; + margin-right: 14.0625rem; } + .sidebar-collapse .main-wrapper { + margin-left: 3.75rem; } + body.rtl.sidebar-collapse .main-wrapper { + margin-left: auto; + margin-right: 3.75rem; } + +.neg-wrapper-padding { + margin-left: -30px; + margin-right: -30px; } + +/* Site Footer +========================*/ +.footer { + bottom: 0; + left: 0; + color: #fff; + padding: 20px 30px; + position: absolute; + right: 0; + background: -webkit-gradient(linear, left top, right top, from(#835c9e), to(#8253eb)); + background: linear-gradient(90deg, #835c9e, #8253eb); + border-top: 1px solid #eef1f2; } + .sidebar-expand .footer { + margin-left: 14.0625rem; } + .sidebar-collapse .footer { + margin-left: 3.75rem; } + body.rtl.sidebar-expand .footer { + margin-left: 0; + margin-right: 14.0625rem; } + body.rtl.sidebar-collapse .footer { + margin-left: 0; + margin-right: 3.75rem; } + +@media (max-width: 960px) { + .content-wrapper .main-wrapper, + body .wrapper .footer { + margin-left: 0; + margin-right: 0; } + body.rtl.sidebar-expand .main-wrapper { + width: 100%; + margin-right: 0; } + body.rtl.sidebar-collapse .main-wrapper { + width: 100%; + margin-right: 0; } + body.rtl.sidebar-collapse .footer, + body.rtl.sidebar-expand .footer { + margin-right: 0; } } + +@media (min-width: 961px) { + .sidebar-horizontal .fix-top .main-wrapper { + padding-top: 70px; } } + +/* Thumbnail Image Sizes +=======================*/ +[class*="thumb"] { + display: inline-block; } + +.thumb-xxs img, .thumb-xxs .user-char-image { + height: 35px; + width: 35px; } + +.thumb-xs img, .thumb-xs .user-char-image { + height: 40px; + width: 40px; } + +.thumb-xs2 img, .thumb-xs2 .user-char-image { + height: 50px; + width: 50px; } + +.thumb-sm img, .thumb-sm .user-char-image { + height: 60px; + width: 60px; } + +.thumb-sm2 img, .thumb-sm2 .user-char-image { + height: 70px; + width: 70px; } + +.thumb-md img, .thumb-md .user-char-image { + height: 110px; + width: 110px; } + +.thumb-md2 img, .thumb-md2 .user-char-image { + height: 120px; + width: 120px; } + +.thumb-lg img, .thumb-lg .user-char-image { + height: 180px; + width: 180px; } + +.thumb-xs img, +.thumb-sm img, +.thumb-md img, +.thumb-lg img { + height: auto; + max-width: 999px; } + +/* User Status +========================*/ +[class*="user--"] { + position: relative; } + [class*="user--"]::after { + height: 0.64286em; + width: 0.64286em; + display: block; + position: absolute; + top: 0; + right: 10%; + border-radius: 100px; + content: ""; + -webkit-box-shadow: 0 0 0 2px #fff; + box-shadow: 0 0 0 2px #fff; } + [class*="user--"][class*="thumb-xs"]::after { + right: 0.25rem; } + [class*="user--"][class*="thumb-xs2"]::after { + right: 0.375rem; } + [class*="user--"][class*="thumb-sm"]::after { + right: 0.5rem; } + [class*="user--"][class*="thumb-md"]::after { + right: 0.75rem; + top: 0.75rem; } + [class*="user--"][class*="thumb-lg"]::after { + right: 1.25rem; } + +.user--offline:after { + background: #bbb; } + +.user--online:after { + background: #38d57a; } + +.user--away:after { + background: #ffcc02; } + +.user--busy:after { + background: #e6614f; } + +/* Waves Effect on Click +========================*/ +.ripple { + position: relative; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + .ripple::after { + content: ""; + display: block !important; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + height: auto; + margin: 0; + padding: 0; + border: 0; + pointer-events: none; + background-image: radial-gradient(circle, #000 10%, transparent 10.01%); + background-repeat: no-repeat; + background-position: 50%; + -webkit-transform: scale(10, 10); + transform: scale(10, 10); + opacity: 0; + -webkit-transition: opacity 1s, -webkit-transform .5s; + transition: opacity 1s, -webkit-transform .5s; + transition: transform .5s, opacity 1s; + transition: transform .5s, opacity 1s, -webkit-transform .5s; } + .ripple:active::after { + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + opacity: .1; + -webkit-transition: 0s; + transition: 0s; } + +/* Pulse Effect +========================*/ +.pulse-status { + display: block; + width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + background: #8253eb; + cursor: pointer; + -webkit-box-shadow: 0 0 0 rgba(204, 169, 44, 0.6); + box-shadow: 0 0 0 rgba(204, 169, 44, 0.6); + -webkit-animation: pulse-status 1s infinite; + animation: pulse-status 1s infinite; + position: absolute; + top: 50%; + right: 0; + margin-top: -rem(10); + margin-right: 0.625rem; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .pulse-status:hover { + -webkit-animation: none; + animation: none; } + +@-webkit-keyframes pulse-status { + 0% { + -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6); + box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6); } + 70% { + -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); + box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } + 100% { + -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); + box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } + +@keyframes pulse-status { + 0% { + -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6); + box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6); } + 70% { + -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); + box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } + 100% { + -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); + box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } + +/* Dropdown +========================*/ +.dropdown-toggle li a { + line-height: 1.71429; } + +.dropdown-toggle .caret:before { + content: '\e928'; + font-family: 'feather'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + vertical-align: middle; + font-size: 16px; + width: 1em; } + +.open > .dropdown-menu, +.show > .dropdown-menu { + display: block; } + +.dropdown-menu.dropdown-left { + left: auto; + right: 0; } + +body.rtl .dropdown-menu { + text-align: right; } + +.dropdown-menu > .selected > a, .dropdown-menu > .selected > a:hover, .dropdown-menu > .selected > a:focus, +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #8253eb; + color: #fff; + outline: none; } + +.dropdown-item { + padding-top: 0.35714em; + padding-bottom: 0.35714em; } + +/* User Avatar List +========================*/ +.user-avatar-list { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: right; } + .user-avatar-list a { + position: relative; + display: inline-block; + margin-left: -5%; } + .user-avatar-list a img { + border: 1px solid #fff; } + .user-avatar-list a.more-link { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + margin-left: auto; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #fff; + border-radius: 100px; + color: #444; + font-family: "Montserrat", sans-serif; + font-size: 0.85714em; } + +/* Main Content Area +========================*/ +.img-thumbnail { + padding: .125em; + background: #fff; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } + +/* Hover Helper +========================*/ +.hover-item { + display: none; } + @media (max-width: 767px) { + .hover-item { + display: block; } } + @media (min-width: 768px) and (max-width: 1023px) { + .hover-item { + display: block; } } + +.hover-parent:hover .hover-item { + display: block; } + +/* Title Seperator +========================*/ +.title-seperator { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 2.14286em; + margin-bottom: 2.14286em; } + .title-seperator span { + margin-top: 0; + margin-bottom: 0; } + .title-seperator:before, .title-seperator:after { + content: ''; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 1px; + border-top: 1px solid #eef1f2; + display: block; } + +/* Icons +========================*/ +[class*='size-icon'] { + 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; } + +.size-icon-20 { + height: 1.25rem; + width: 1.25rem; } + +.size-icon-30 { + height: 1.875rem; + width: 1.875rem; } + +.size-icon-40 { + height: 2.5rem; + width: 2.5rem; } + +.size-icon-50 { + height: 3.125rem; + width: 3.125rem; } + +.size-icon-60 { + height: 3.75rem; + width: 3.75rem; } + +.size-icon-70 { + height: 4.375rem; + width: 4.375rem; } + +.size-icon-80 { + height: 5rem; + width: 5rem; } + +.size-icon-90 { + height: 5.625rem; + width: 5.625rem; } + +/* Star Ratings +========================*/ +.star-ratings { + position: relative; + height: 1em; + line-height: 1; + vertical-align: middle; } + .star-ratings span::before, .star-ratings:before { + content: '\e9bf\e9bf\e9bf\e9bf\e9bf'; + font-family: 'feather'; + color: #8253eb; } + .star-ratings:before { + opacity: 0.5; } + .star-ratings span { + overflow: hidden; + height: 1em; + position: absolute; + top: 0; + left: 0; } + .star-ratings.style-2 { + letter-spacing: -0.14286em; + display: inline-block; } + .star-ratings.style-2:before, + .star-ratings.style-2 span::before { + letter-spacing: inherit; + font-family: 'Material Icons'; + font-weight: normal; + content: 'star star star star star'; + vertical-align: baseline; + text-rendering: optimizeLegibility; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; } + .star-ratings.style-2:before { + color: #bbb; } + .star-ratings.style-2 span::before { + color: #ffcc02; } + +/* Featured Figure Tag +========================*/ +figure { + position: relative; } + figure .featured { + position: absolute; + top: 1em; + left: -0.5em; } + +/* Scrollbar Styling for RTL +========================*/ +body.rtl .scrollbar-enabled { + direction: ltr; } + body.rtl .scrollbar-enabled > * { + direction: rtl; } + +/******************************** +********************************* +HELPER CLASSES +********************************* +*********************************/ +/* Colors +========================*/ +.progress-bar-color-scheme, +.bg-color-scheme { + background-color: #8253eb !important; + border-color: #8253eb !important; + color: #fff; } + +.bg-color-scheme-dark { + background-color: #6125e6; + border-color: #6125e6; } + +.bg-color-scheme-light { + background-color: #b498f3; + border-color: #b498f3; } + +.bg-color-scheme-contrast, .custom-fullcalendar .fc-toolbar .fc-button.fc-state-active { + background-color: rgba(130, 83, 235, 0.1); + color: #8253eb; } + +a.bg-color-scheme-contrast:hover, .custom-fullcalendar .fc-toolbar a.fc-button.fc-state-active:hover { + background: #8253eb; } + + +.color-color-scheme, +.color-hover-color-scheme:hover, +.text-color-scheme { + color: #8253eb !important; } + +.border-color-color-scheme { + border-color: #8253eb !important; } + +.progress-bar-color-scheme-dark, +.bg-color-scheme-dark { + background-color: #835c9e !important; + border-color: #835c9e !important; + color: #fff; } + +.bg-color-scheme-dark-dark { + background-color: #68497e; + border-color: #68497e; } + +.bg-color-scheme-dark-light { + background-color: #a88bbb; + border-color: #a88bbb; } + +.bg-color-scheme-dark-contrast { + background-color: rgba(131, 92, 158, 0.1); + color: #835c9e; } + +a.bg-color-scheme-dark-contrast:hover { + background: #835c9e; } + + +.color-color-scheme-dark, +.color-hover-color-scheme-dark:hover, +.text-color-scheme-dark { + color: #835c9e !important; } + +.border-color-color-scheme-dark { + border-color: #835c9e !important; } + +.progress-bar-content-color, +.bg-content-color { + background-color: #999 !important; + border-color: #999 !important; + color: #fff; } + +.bg-content-color-dark { + background-color: gray; + border-color: gray; } + +.bg-content-color-light { + background-color: #bfbfbf; + border-color: #bfbfbf; } + +.bg-content-color-contrast { + background-color: rgba(153, 153, 153, 0.1); + color: #999; } + +a.bg-content-color-contrast:hover { + background: #999; } + + +.color-content-color, +.color-hover-content-color:hover, +.text-content-color { + color: #999 !important; } + +.border-color-content-color { + border-color: #999 !important; } + +.progress-bar-content, +.bg-content { + background-color: #999 !important; + border-color: #999 !important; + color: #fff; } + +.bg-content-dark { + background-color: gray; + border-color: gray; } + +.bg-content-light { + background-color: #bfbfbf; + border-color: #bfbfbf; } + +.bg-content-contrast { + background-color: rgba(153, 153, 153, 0.1); + color: #999; } + +a.bg-content-contrast:hover { + background: #999; } + + +.color-content, +.color-hover-content:hover, +.text-content { + color: #999 !important; } + +.border-color-content { + border-color: #999 !important; } + +.progress-bar-primary, +.bg-primary { + background-color: #8253eb !important; + border-color: #8253eb !important; + color: #fff; } + +.bg-primary-dark { + background-color: #6125e6; + border-color: #6125e6; } + +.bg-primary-light { + background-color: #b498f3; + border-color: #b498f3; } + +.bg-primary-contrast { + background-color: rgba(130, 83, 235, 0.1); + color: #8253eb; } + +a.bg-primary-contrast:hover { + background: #8253eb; } + + +.color-primary, +.color-hover-primary:hover, +.text-primary { + color: #8253eb !important; } + +.border-color-primary { + border-color: #8253eb !important; } + +.progress-bar-secondary, +.bg-secondary { + background-color: #868e96 !important; + border-color: #868e96 !important; + color: #fff; } + +.bg-secondary-dark { + background-color: #6c757d; + border-color: #6c757d; } + +.bg-secondary-light { + background-color: #afb4ba; + border-color: #afb4ba; } + +.bg-secondary-contrast { + background-color: rgba(134, 142, 150, 0.1); + color: #868e96; } + +a.bg-secondary-contrast:hover { + background: #868e96; } + + +.color-secondary, +.color-hover-secondary:hover, +.text-secondary { + color: #868e96 !important; } + +.border-color-secondary { + border-color: #868e96 !important; } + +.progress-bar-success, +.bg-success { + background-color: #38d57a !important; + border-color: #38d57a !important; + color: #fff; } + +.bg-success-dark { + background-color: #26b462; + border-color: #26b462; } + +.bg-success-light { + background-color: #77e2a4; + border-color: #77e2a4; } + +.bg-success-contrast { + background-color: rgba(56, 213, 122, 0.1); + color: #38d57a; } + +a.bg-success-contrast:hover { + background: #38d57a; } + + +.color-success, +.color-hover-success:hover, +.text-success { + color: #38d57a !important; } + +.border-color-success { + border-color: #38d57a !important; } + +.progress-bar-info, +.bg-info { + background-color: #03a9f3 !important; + border-color: #03a9f3 !important; + color: #fff; } + +.bg-info-dark { + background-color: #0286c1; + border-color: #0286c1; } + +.bg-info-light { + background-color: #46c4fd; + border-color: #46c4fd; } + +.bg-info-contrast { + background-color: rgba(3, 169, 243, 0.1); + color: #03a9f3; } + +a.bg-info-contrast:hover { + background: #03a9f3; } + + +.color-info, +.color-hover-info:hover, +.text-info { + color: #03a9f3 !important; } + +.border-color-info { + border-color: #03a9f3 !important; } + +.progress-bar-warning, +.bg-warning { + background-color: #ffcc02 !important; + border-color: #ffcc02 !important; + color: #fff; } + +.bg-warning-dark { + background-color: #cea400; + border-color: #cea400; } + +.bg-warning-light { + background-color: #ffdb4f; + border-color: #ffdb4f; } + +.bg-warning-contrast { + background-color: rgba(255, 204, 2, 0.1); + color: #ffcc02; } + +a.bg-warning-contrast:hover { + background: #ffcc02; } + + +.color-warning, +.color-hover-warning:hover, +.text-warning { + color: #ffcc02 !important; } + +.border-color-warning { + border-color: #ffcc02 !important; } + +.progress-bar-danger, +.bg-danger { + background-color: #e6614f !important; + border-color: #e6614f !important; + color: #fff; } + +.bg-danger-dark { + background-color: #e03922; + border-color: #e03922; } + +.bg-danger-light { + background-color: #f09d92; + border-color: #f09d92; } + +.bg-danger-contrast { + background-color: rgba(230, 97, 79, 0.1); + color: #e6614f; } + +a.bg-danger-contrast:hover { + background: #e6614f; } + + +.color-danger, +.color-hover-danger:hover, +.text-danger { + color: #e6614f !important; } + +.border-color-danger { + border-color: #e6614f !important; } + +.progress-bar-light, +.bg-light { + background-color: #f8f9fa !important; + border-color: #f8f9fa !important; + color: #fff; } + +.bg-light-dark { + background-color: #dae0e5; + border-color: #dae0e5; } + +.bg-light-light { + background-color: white; + border-color: white; } + +.bg-light-contrast { + background-color: rgba(248, 249, 250, 0.1); + color: #f8f9fa; } + +a.bg-light-contrast:hover { + background: #f8f9fa; } + + +.color-light, +.color-hover-light:hover, +.text-light { + color: #f8f9fa !important; } + +.border-color-light { + border-color: #f8f9fa !important; } + +.progress-bar-dark, +.bg-dark { + background-color: #343a40 !important; + border-color: #343a40 !important; + color: #fff; } + +.bg-dark-dark { + background-color: #1d2124; + border-color: #1d2124; } + +.bg-dark-light { + background-color: #56606a; + border-color: #56606a; } + +.bg-dark-contrast { + background-color: rgba(52, 58, 64, 0.1); + color: #343a40; } + +a.bg-dark-contrast:hover { + background: #343a40; } + + +.color-dark, +.color-hover-dark:hover, +.text-dark { + color: #343a40 !important; } + +.border-color-dark { + border-color: #343a40 !important; } + +.progress-bar-gray-100, +.bg-gray-100 { + background-color: #f8f9fa !important; + border-color: #f8f9fa !important; + color: #fff; } + +.bg-gray-100-dark { + background-color: #dae0e5; + border-color: #dae0e5; } + +.bg-gray-100-light { + background-color: white; + border-color: white; } + +.bg-gray-100-contrast { + background-color: rgba(248, 249, 250, 0.1); + color: #f8f9fa; } + +a.bg-gray-100-contrast:hover { + background: #f8f9fa; } + + +.color-gray-100, +.color-hover-gray-100:hover, +.text-gray-100 { + color: #f8f9fa !important; } + +.border-color-gray-100 { + border-color: #f8f9fa !important; } + +.progress-bar-gray-200, +.bg-gray-200 { + background-color: #ddd !important; + border-color: #ddd !important; + color: #fff; } + +.bg-gray-200-dark { + background-color: #c4c4c4; + border-color: #c4c4c4; } + +.bg-gray-200-light { + background-color: white; + border-color: white; } + +.bg-gray-200-contrast { + background-color: rgba(221, 221, 221, 0.1); + color: #ddd; } + +a.bg-gray-200-contrast:hover { + background: #ddd; } + + +.color-gray-200, +.color-hover-gray-200:hover, +.text-gray-200 { + color: #ddd !important; } + +.border-color-gray-200 { + border-color: #ddd !important; } + +.progress-bar-gray-300, +.bg-gray-300 { + background-color: #bbb !important; + border-color: #bbb !important; + color: #fff; } + +.bg-gray-300-dark { + background-color: #a2a2a2; + border-color: #a2a2a2; } + +.bg-gray-300-light { + background-color: #e1e1e1; + border-color: #e1e1e1; } + +.bg-gray-300-contrast { + background-color: rgba(187, 187, 187, 0.1); + color: #bbb; } + +a.bg-gray-300-contrast:hover { + background: #bbb; } + + +.color-gray-300, +.color-hover-gray-300:hover, +.text-gray-300 { + color: #bbb !important; } + +.border-color-gray-300 { + border-color: #bbb !important; } + +.progress-bar-gray-400, +.bg-gray-400 { + background-color: #aaa !important; + border-color: #aaa !important; + color: #fff; } + +.bg-gray-400-dark { + background-color: #919191; + border-color: #919191; } + +.bg-gray-400-light { + background-color: #d0d0d0; + border-color: #d0d0d0; } + +.bg-gray-400-contrast { + background-color: rgba(170, 170, 170, 0.1); + color: #aaa; } + +a.bg-gray-400-contrast:hover { + background: #aaa; } + + +.color-gray-400, +.color-hover-gray-400:hover, +.text-gray-400 { + color: #aaa !important; } + +.border-color-gray-400 { + border-color: #aaa !important; } + +.progress-bar-gray-500, +.bg-gray-500 { + background-color: #999 !important; + border-color: #999 !important; + color: #fff; } + +.bg-gray-500-dark { + background-color: gray; + border-color: gray; } + +.bg-gray-500-light { + background-color: #bfbfbf; + border-color: #bfbfbf; } + +.bg-gray-500-contrast { + background-color: rgba(153, 153, 153, 0.1); + color: #999; } + +a.bg-gray-500-contrast:hover { + background: #999; } + + +.color-gray-500, +.color-hover-gray-500:hover, +.text-gray-500 { + color: #999 !important; } + +.border-color-gray-500 { + border-color: #999 !important; } + +.progress-bar-gray-600, +.bg-gray-600 { + background-color: #868e96 !important; + border-color: #868e96 !important; + color: #fff; } + +.bg-gray-600-dark { + background-color: #6c757d; + border-color: #6c757d; } + +.bg-gray-600-light { + background-color: #afb4ba; + border-color: #afb4ba; } + +.bg-gray-600-contrast { + background-color: rgba(134, 142, 150, 0.1); + color: #868e96; } + +a.bg-gray-600-contrast:hover { + background: #868e96; } + + +.color-gray-600, +.color-hover-gray-600:hover, +.text-gray-600 { + color: #868e96 !important; } + +.border-color-gray-600 { + border-color: #868e96 !important; } + +.progress-bar-gray-700, +.bg-gray-700 { + background-color: #495057 !important; + border-color: #495057 !important; + color: #fff; } + +.bg-gray-700-dark { + background-color: #32373b; + border-color: #32373b; } + +.bg-gray-700-light { + background-color: #6c7681; + border-color: #6c7681; } + +.bg-gray-700-contrast { + background-color: rgba(73, 80, 87, 0.1); + color: #495057; } + +a.bg-gray-700-contrast:hover { + background: #495057; } + + +.color-gray-700, +.color-hover-gray-700:hover, +.text-gray-700 { + color: #495057 !important; } + +.border-color-gray-700 { + border-color: #495057 !important; } + +.progress-bar-gray-800, +.bg-gray-800 { + background-color: #343a40 !important; + border-color: #343a40 !important; + color: #fff; } + +.bg-gray-800-dark { + background-color: #1d2124; + border-color: #1d2124; } + +.bg-gray-800-light { + background-color: #56606a; + border-color: #56606a; } + +.bg-gray-800-contrast { + background-color: rgba(52, 58, 64, 0.1); + color: #343a40; } + +a.bg-gray-800-contrast:hover { + background: #343a40; } + + +.color-gray-800, +.color-hover-gray-800:hover, +.text-gray-800 { + color: #343a40 !important; } + +.border-color-gray-800 { + border-color: #343a40 !important; } + +.progress-bar-gray-900, +.bg-gray-900 { + background-color: #212529 !important; + border-color: #212529 !important; + color: #fff; } + +.bg-gray-900-dark { + background-color: #0a0c0d; + border-color: #0a0c0d; } + +.bg-gray-900-light { + background-color: #434b53; + border-color: #434b53; } + +.bg-gray-900-contrast { + background-color: rgba(33, 37, 41, 0.1); + color: #212529; } + +a.bg-gray-900-contrast:hover { + background: #212529; } + + +.color-gray-900, +.color-hover-gray-900:hover, +.text-gray-900 { + color: #212529 !important; } + +.border-color-gray-900 { + border-color: #212529 !important; } + +.badge-blue, +.progress-bar-blue, +.bg-blue { + background-color: #0275d8 !important; + border-color: #0275d8; } + +.bg-blue-dark { + background-color: #025aa5; + border-color: #025aa5; } + +.bg-blue-light { + background-color: #299bfd; + border-color: #299bfd; } + +.color-blue, +.color-hover-blue:hover, +.text-blue { + color: #0275d8 !important; } + .color-blue h1, .color-blue h2, .color-blue h3, .color-blue h4, .color-blue h5, .color-blue h6, + .color-hover-blue:hover h1, + .color-hover-blue:hover h2, + .color-hover-blue:hover h3, + .color-hover-blue:hover h4, + .color-hover-blue:hover h5, + .color-hover-blue:hover h6, + .text-blue h1, + .text-blue h2, + .text-blue h3, + .text-blue h4, + .text-blue h5, + .text-blue h6 { + color: #0275d8 !important; } + +.border-color-blue { + border-color: #0275d8 !important; } + +.badge-persian-blue, +.progress-bar-persian-blue, +.bg-persian-blue { + background-color: #4786ff !important; + border-color: #4786ff; } + +.bg-persian-blue-dark { + background-color: #1464ff; + border-color: #1464ff; } + +.bg-persian-blue-light { + background-color: #94b8ff; + border-color: #94b8ff; } + +.color-persian-blue, +.color-hover-persian-blue:hover, +.text-persian-blue { + color: #4786ff !important; } + .color-persian-blue h1, .color-persian-blue h2, .color-persian-blue h3, .color-persian-blue h4, .color-persian-blue h5, .color-persian-blue h6, + .color-hover-persian-blue:hover h1, + .color-hover-persian-blue:hover h2, + .color-hover-persian-blue:hover h3, + .color-hover-persian-blue:hover h4, + .color-hover-persian-blue:hover h5, + .color-hover-persian-blue:hover h6, + .text-persian-blue h1, + .text-persian-blue h2, + .text-persian-blue h3, + .text-persian-blue h4, + .text-persian-blue h5, + .text-persian-blue h6 { + color: #4786ff !important; } + +.border-color-persian-blue { + border-color: #4786ff !important; } + +.badge-indigo, +.progress-bar-indigo, +.bg-indigo { + background-color: #6610f2 !important; + border-color: #6610f2; } + +.bg-indigo-dark { + background-color: #510bc4; + border-color: #510bc4; } + +.bg-indigo-light { + background-color: #9459f6; + border-color: #9459f6; } + +.color-indigo, +.color-hover-indigo:hover, +.text-indigo { + color: #6610f2 !important; } + .color-indigo h1, .color-indigo h2, .color-indigo h3, .color-indigo h4, .color-indigo h5, .color-indigo h6, + .color-hover-indigo:hover h1, + .color-hover-indigo:hover h2, + .color-hover-indigo:hover h3, + .color-hover-indigo:hover h4, + .color-hover-indigo:hover h5, + .color-hover-indigo:hover h6, + .text-indigo h1, + .text-indigo h2, + .text-indigo h3, + .text-indigo h4, + .text-indigo h5, + .text-indigo h6 { + color: #6610f2 !important; } + +.border-color-indigo { + border-color: #6610f2 !important; } + +.badge-purple, +.progress-bar-purple, +.bg-purple { + background-color: #9c77ef !important; + border-color: #9c77ef; } + +.bg-purple-dark { + background-color: #7b49ea; + border-color: #7b49ea; } + +.bg-purple-light { + background-color: #cebbf7; + border-color: #cebbf7; } + +.color-purple, +.color-hover-purple:hover, +.text-purple { + color: #9c77ef !important; } + .color-purple h1, .color-purple h2, .color-purple h3, .color-purple h4, .color-purple h5, .color-purple h6, + .color-hover-purple:hover h1, + .color-hover-purple:hover h2, + .color-hover-purple:hover h3, + .color-hover-purple:hover h4, + .color-hover-purple:hover h5, + .color-hover-purple:hover h6, + .text-purple h1, + .text-purple h2, + .text-purple h3, + .text-purple h4, + .text-purple h5, + .text-purple h6 { + color: #9c77ef !important; } + +.border-color-purple { + border-color: #9c77ef !important; } + +.badge-pink, +.progress-bar-pink, +.bg-pink { + background-color: #e83e8c !important; + border-color: #e83e8c; } + +.bg-pink-dark { + background-color: #d91a72; + border-color: #d91a72; } + +.bg-pink-light { + background-color: #f082b5; + border-color: #f082b5; } + +.color-pink, +.color-hover-pink:hover, +.text-pink { + color: #e83e8c !important; } + .color-pink h1, .color-pink h2, .color-pink h3, .color-pink h4, .color-pink h5, .color-pink h6, + .color-hover-pink:hover h1, + .color-hover-pink:hover h2, + .color-hover-pink:hover h3, + .color-hover-pink:hover h4, + .color-hover-pink:hover h5, + .color-hover-pink:hover h6, + .text-pink h1, + .text-pink h2, + .text-pink h3, + .text-pink h4, + .text-pink h5, + .text-pink h6 { + color: #e83e8c !important; } + +.border-color-pink { + border-color: #e83e8c !important; } + +.badge-red, +.progress-bar-red, +.bg-red { + background-color: #e6614f !important; + border-color: #e6614f; } + +.bg-red-dark { + background-color: #e03922; + border-color: #e03922; } + +.bg-red-light { + background-color: #f09d92; + border-color: #f09d92; } + +.color-red, +.color-hover-red:hover, +.text-red { + color: #e6614f !important; } + .color-red h1, .color-red h2, .color-red h3, .color-red h4, .color-red h5, .color-red h6, + .color-hover-red:hover h1, + .color-hover-red:hover h2, + .color-hover-red:hover h3, + .color-hover-red:hover h4, + .color-hover-red:hover h5, + .color-hover-red:hover h6, + .text-red h1, + .text-red h2, + .text-red h3, + .text-red h4, + .text-red h5, + .text-red h6 { + color: #e6614f !important; } + +.border-color-red { + border-color: #e6614f !important; } + +.badge-cerize-red, +.progress-bar-cerize-red, +.bg-cerize-red { + background-color: #fa607e !important; + border-color: #fa607e; } + +.bg-cerize-red-dark { + background-color: #f82f56; + border-color: #f82f56; } + +.bg-cerize-red-light { + background-color: #fcaaba; + border-color: #fcaaba; } + +.color-cerize-red, +.color-hover-cerize-red:hover, +.text-cerize-red { + color: #fa607e !important; } + .color-cerize-red h1, .color-cerize-red h2, .color-cerize-red h3, .color-cerize-red h4, .color-cerize-red h5, .color-cerize-red h6, + .color-hover-cerize-red:hover h1, + .color-hover-cerize-red:hover h2, + .color-hover-cerize-red:hover h3, + .color-hover-cerize-red:hover h4, + .color-hover-cerize-red:hover h5, + .color-hover-cerize-red:hover h6, + .text-cerize-red h1, + .text-cerize-red h2, + .text-cerize-red h3, + .text-cerize-red h4, + .text-cerize-red h5, + .text-cerize-red h6 { + color: #fa607e !important; } + +.border-color-cerize-red { + border-color: #fa607e !important; } + +.badge-orange, +.progress-bar-orange, +.bg-orange { + background-color: #fb9678 !important; + border-color: #fb9678; } + +.bg-orange-dark { + background-color: #fa6f46; + border-color: #fa6f46; } + +.bg-orange-light { + background-color: #fdd0c2; + border-color: #fdd0c2; } + +.color-orange, +.color-hover-orange:hover, +.text-orange { + color: #fb9678 !important; } + .color-orange h1, .color-orange h2, .color-orange h3, .color-orange h4, .color-orange h5, .color-orange h6, + .color-hover-orange:hover h1, + .color-hover-orange:hover h2, + .color-hover-orange:hover h3, + .color-hover-orange:hover h4, + .color-hover-orange:hover h5, + .color-hover-orange:hover h6, + .text-orange h1, + .text-orange h2, + .text-orange h3, + .text-orange h4, + .text-orange h5, + .text-orange h6 { + color: #fb9678 !important; } + +.border-color-orange { + border-color: #fb9678 !important; } + +.badge-yellow, +.progress-bar-yellow, +.bg-yellow { + background-color: #ffcc02 !important; + border-color: #ffcc02; } + +.bg-yellow-dark { + background-color: #cea400; + border-color: #cea400; } + +.bg-yellow-light { + background-color: #ffdb4f; + border-color: #ffdb4f; } + +.color-yellow, +.color-hover-yellow:hover, +.text-yellow { + color: #ffcc02 !important; } + .color-yellow h1, .color-yellow h2, .color-yellow h3, .color-yellow h4, .color-yellow h5, .color-yellow h6, + .color-hover-yellow:hover h1, + .color-hover-yellow:hover h2, + .color-hover-yellow:hover h3, + .color-hover-yellow:hover h4, + .color-hover-yellow:hover h5, + .color-hover-yellow:hover h6, + .text-yellow h1, + .text-yellow h2, + .text-yellow h3, + .text-yellow h4, + .text-yellow h5, + .text-yellow h6 { + color: #ffcc02 !important; } + +.border-color-yellow { + border-color: #ffcc02 !important; } + +.badge-mustard, +.progress-bar-mustard, +.bg-mustard { + background-color: #fdb44d !important; + border-color: #fdb44d; } + +.bg-mustard-dark { + background-color: #fc9f1b; + border-color: #fc9f1b; } + +.bg-mustard-light { + background-color: #fed499; + border-color: #fed499; } + +.color-mustard, +.color-hover-mustard:hover, +.text-mustard { + color: #fdb44d !important; } + .color-mustard h1, .color-mustard h2, .color-mustard h3, .color-mustard h4, .color-mustard h5, .color-mustard h6, + .color-hover-mustard:hover h1, + .color-hover-mustard:hover h2, + .color-hover-mustard:hover h3, + .color-hover-mustard:hover h4, + .color-hover-mustard:hover h5, + .color-hover-mustard:hover h6, + .text-mustard h1, + .text-mustard h2, + .text-mustard h3, + .text-mustard h4, + .text-mustard h5, + .text-mustard h6 { + color: #fdb44d !important; } + +.border-color-mustard { + border-color: #fdb44d !important; } + +.badge-green, +.progress-bar-green, +.bg-green { + background-color: #38d57a !important; + border-color: #38d57a; } + +.bg-green-dark { + background-color: #26b462; + border-color: #26b462; } + +.bg-green-light { + background-color: #77e2a4; + border-color: #77e2a4; } + +.color-green, +.color-hover-green:hover, +.text-green { + color: #38d57a !important; } + .color-green h1, .color-green h2, .color-green h3, .color-green h4, .color-green h5, .color-green h6, + .color-hover-green:hover h1, + .color-hover-green:hover h2, + .color-hover-green:hover h3, + .color-hover-green:hover h4, + .color-hover-green:hover h5, + .color-hover-green:hover h6, + .text-green h1, + .text-green h2, + .text-green h3, + .text-green h4, + .text-green h5, + .text-green h6 { + color: #38d57a !important; } + +.border-color-green { + border-color: #38d57a !important; } + +.badge-teal, +.progress-bar-teal, +.bg-teal { + background-color: #20c997 !important; + border-color: #20c997; } + +.bg-teal-dark { + background-color: #199d76; + border-color: #199d76; } + +.bg-teal-light { + background-color: #52e3b8; + border-color: #52e3b8; } + +.color-teal, +.color-hover-teal:hover, +.text-teal { + color: #20c997 !important; } + .color-teal h1, .color-teal h2, .color-teal h3, .color-teal h4, .color-teal h5, .color-teal h6, + .color-hover-teal:hover h1, + .color-hover-teal:hover h2, + .color-hover-teal:hover h3, + .color-hover-teal:hover h4, + .color-hover-teal:hover h5, + .color-hover-teal:hover h6, + .text-teal h1, + .text-teal h2, + .text-teal h3, + .text-teal h4, + .text-teal h5, + .text-teal h6 { + color: #20c997 !important; } + +.border-color-teal { + border-color: #20c997 !important; } + +.badge-cyan, +.progress-bar-cyan, +.bg-cyan { + background-color: #03a9f3 !important; + border-color: #03a9f3; } + +.bg-cyan-dark { + background-color: #0286c1; + border-color: #0286c1; } + +.bg-cyan-light { + background-color: #46c4fd; + border-color: #46c4fd; } + +.color-cyan, +.color-hover-cyan:hover, +.text-cyan { + color: #03a9f3 !important; } + .color-cyan h1, .color-cyan h2, .color-cyan h3, .color-cyan h4, .color-cyan h5, .color-cyan h6, + .color-hover-cyan:hover h1, + .color-hover-cyan:hover h2, + .color-hover-cyan:hover h3, + .color-hover-cyan:hover h4, + .color-hover-cyan:hover h5, + .color-hover-cyan:hover h6, + .text-cyan h1, + .text-cyan h2, + .text-cyan h3, + .text-cyan h4, + .text-cyan h5, + .text-cyan h6 { + color: #03a9f3 !important; } + +.border-color-cyan { + border-color: #03a9f3 !important; } + +.badge-white, +.progress-bar-white, +.bg-white { + background-color: #fff !important; + border-color: #fff; } + +.bg-white-dark { + background-color: #e6e6e6; + border-color: #e6e6e6; } + +.bg-white-light { + background-color: white; + border-color: white; } + +.color-white, +.color-hover-white:hover, +.text-white { + color: #fff !important; } + .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, + .color-hover-white:hover h1, + .color-hover-white:hover h2, + .color-hover-white:hover h3, + .color-hover-white:hover h4, + .color-hover-white:hover h5, + .color-hover-white:hover h6, + .text-white h1, + .text-white h2, + .text-white h3, + .text-white h4, + .text-white h5, + .text-white h6 { + color: #fff !important; } + +.border-color-white { + border-color: #fff !important; } + +.badge-gray-light, +.progress-bar-gray-light, +.bg-gray-light { + background-color: #ddd !important; + border-color: #ddd; } + +.bg-gray-light-dark { + background-color: #c4c4c4; + border-color: #c4c4c4; } + +.bg-gray-light-light { + background-color: white; + border-color: white; } + +.color-gray-light, +.color-hover-gray-light:hover, +.text-gray-light { + color: #ddd !important; } + .color-gray-light h1, .color-gray-light h2, .color-gray-light h3, .color-gray-light h4, .color-gray-light h5, .color-gray-light h6, + .color-hover-gray-light:hover h1, + .color-hover-gray-light:hover h2, + .color-hover-gray-light:hover h3, + .color-hover-gray-light:hover h4, + .color-hover-gray-light:hover h5, + .color-hover-gray-light:hover h6, + .text-gray-light h1, + .text-gray-light h2, + .text-gray-light h3, + .text-gray-light h4, + .text-gray-light h5, + .text-gray-light h6 { + color: #ddd !important; } + +.border-color-gray-light { + border-color: #ddd !important; } + +.badge-gray, +.progress-bar-gray, +.bg-gray { + background-color: #868e96 !important; + border-color: #868e96; } + +.bg-gray-dark { + background-color: #6c757d; + border-color: #6c757d; } + +.bg-gray-light { + background-color: #afb4ba; + border-color: #afb4ba; } + +.color-gray, +.color-hover-gray:hover, +.text-gray { + color: #868e96 !important; } + .color-gray h1, .color-gray h2, .color-gray h3, .color-gray h4, .color-gray h5, .color-gray h6, + .color-hover-gray:hover h1, + .color-hover-gray:hover h2, + .color-hover-gray:hover h3, + .color-hover-gray:hover h4, + .color-hover-gray:hover h5, + .color-hover-gray:hover h6, + .text-gray h1, + .text-gray h2, + .text-gray h3, + .text-gray h4, + .text-gray h5, + .text-gray h6 { + color: #868e96 !important; } + +.border-color-gray { + border-color: #868e96 !important; } + +.badge-gray-dark, +.progress-bar-gray-dark, +.bg-gray-dark { + background-color: #343a40 !important; + border-color: #343a40; } + +.bg-gray-dark-dark { + background-color: #1d2124; + border-color: #1d2124; } + +.bg-gray-dark-light { + background-color: #56606a; + border-color: #56606a; } + +.color-gray-dark, +.color-hover-gray-dark:hover, +.text-gray-dark { + color: #343a40 !important; } + .color-gray-dark h1, .color-gray-dark h2, .color-gray-dark h3, .color-gray-dark h4, .color-gray-dark h5, .color-gray-dark h6, + .color-hover-gray-dark:hover h1, + .color-hover-gray-dark:hover h2, + .color-hover-gray-dark:hover h3, + .color-hover-gray-dark:hover h4, + .color-hover-gray-dark:hover h5, + .color-hover-gray-dark:hover h6, + .text-gray-dark h1, + .text-gray-dark h2, + .text-gray-dark h3, + .text-gray-dark h4, + .text-gray-dark h5, + .text-gray-dark h6 { + color: #343a40 !important; } + +.border-color-gray-dark { + border-color: #343a40 !important; } + +.badge-violet, +.progress-bar-violet, +.bg-violet { + background-color: #9c27b0 !important; + border-color: #9c27b0; } + +.bg-violet-dark { + background-color: #771e86; + border-color: #771e86; } + +.bg-violet-light { + background-color: #c34cd7; + border-color: #c34cd7; } + +.color-violet, +.color-hover-violet:hover, +.text-violet { + color: #9c27b0 !important; } + .color-violet h1, .color-violet h2, .color-violet h3, .color-violet h4, .color-violet h5, .color-violet h6, + .color-hover-violet:hover h1, + .color-hover-violet:hover h2, + .color-hover-violet:hover h3, + .color-hover-violet:hover h4, + .color-hover-violet:hover h5, + .color-hover-violet:hover h6, + .text-violet h1, + .text-violet h2, + .text-violet h3, + .text-violet h4, + .text-violet h5, + .text-violet h6 { + color: #9c27b0 !important; } + +.border-color-violet { + border-color: #9c27b0 !important; } + +.badge-brown, +.progress-bar-brown, +.bg-brown { + background-color: #795548 !important; + border-color: #795548; } + +.bg-brown-dark { + background-color: #593f35; + border-color: #593f35; } + +.bg-brown-light { + background-color: #a57868; + border-color: #a57868; } + +.color-brown, +.color-hover-brown:hover, +.text-brown { + color: #795548 !important; } + .color-brown h1, .color-brown h2, .color-brown h3, .color-brown h4, .color-brown h5, .color-brown h6, + .color-hover-brown:hover h1, + .color-hover-brown:hover h2, + .color-hover-brown:hover h3, + .color-hover-brown:hover h4, + .color-hover-brown:hover h5, + .color-hover-brown:hover h6, + .text-brown h1, + .text-brown h2, + .text-brown h3, + .text-brown h4, + .text-brown h5, + .text-brown h6 { + color: #795548 !important; } + +.border-color-brown { + border-color: #795548 !important; } + +.badge-light-gray, +.progress-bar-light-gray, +.bg-light-gray { + background-color: #f9f9f9 !important; + border-color: #f9f9f9; } + +.bg-light-gray-dark { + background-color: #e0e0e0; + border-color: #e0e0e0; } + +.bg-light-gray-light { + background-color: white; + border-color: white; } + +.color-light-gray, +.color-hover-light-gray:hover, +.text-light-gray { + color: #f9f9f9 !important; } + .color-light-gray h1, .color-light-gray h2, .color-light-gray h3, .color-light-gray h4, .color-light-gray h5, .color-light-gray h6, + .color-hover-light-gray:hover h1, + .color-hover-light-gray:hover h2, + .color-hover-light-gray:hover h3, + .color-hover-light-gray:hover h4, + .color-hover-light-gray:hover h5, + .color-hover-light-gray:hover h6, + .text-light-gray h1, + .text-light-gray h2, + .text-light-gray h3, + .text-light-gray h4, + .text-light-gray h5, + .text-light-gray h6 { + color: #f9f9f9 !important; } + +.border-color-light-gray { + border-color: #f9f9f9 !important; } + +.badge-slate, +.progress-bar-slate, +.bg-slate { + background-color: #607d8b !important; + border-color: #607d8b; } + +.bg-slate-dark { + background-color: #4b626d; + border-color: #4b626d; } + +.bg-slate-light { + background-color: #8aa2ae; + border-color: #8aa2ae; } + +.color-slate, +.color-hover-slate:hover, +.text-slate { + color: #607d8b !important; } + .color-slate h1, .color-slate h2, .color-slate h3, .color-slate h4, .color-slate h5, .color-slate h6, + .color-hover-slate:hover h1, + .color-hover-slate:hover h2, + .color-hover-slate:hover h3, + .color-hover-slate:hover h4, + .color-hover-slate:hover h5, + .color-hover-slate:hover h6, + .text-slate h1, + .text-slate h2, + .text-slate h3, + .text-slate h4, + .text-slate h5, + .text-slate h6 { + color: #607d8b !important; } + +.border-color-slate { + border-color: #607d8b !important; } + +.badge-facebook, +.progress-bar-facebook, +.bg-facebook { + background-color: #4b64a6 !important; + border-color: #4b64a6; } + +.bg-facebook-dark { + background-color: #3b4f83; + border-color: #3b4f83; } + +.bg-facebook-light { + background-color: #7a8ec3; + border-color: #7a8ec3; } + +.color-facebook, +.color-hover-facebook:hover, +.text-facebook { + color: #4b64a6 !important; } + .color-facebook h1, .color-facebook h2, .color-facebook h3, .color-facebook h4, .color-facebook h5, .color-facebook h6, + .color-hover-facebook:hover h1, + .color-hover-facebook:hover h2, + .color-hover-facebook:hover h3, + .color-hover-facebook:hover h4, + .color-hover-facebook:hover h5, + .color-hover-facebook:hover h6, + .text-facebook h1, + .text-facebook h2, + .text-facebook h3, + .text-facebook h4, + .text-facebook h5, + .text-facebook h6 { + color: #4b64a6 !important; } + +.border-color-facebook { + border-color: #4b64a6 !important; } + +.badge-twitter, +.progress-bar-twitter, +.bg-twitter { + background-color: #0dace3 !important; + border-color: #0dace3; } + +.bg-twitter-dark { + background-color: #0a87b3; + border-color: #0a87b3; } + +.bg-twitter-light { + background-color: #48c8f5; + border-color: #48c8f5; } + +.color-twitter, +.color-hover-twitter:hover, +.text-twitter { + color: #0dace3 !important; } + .color-twitter h1, .color-twitter h2, .color-twitter h3, .color-twitter h4, .color-twitter h5, .color-twitter h6, + .color-hover-twitter:hover h1, + .color-hover-twitter:hover h2, + .color-hover-twitter:hover h3, + .color-hover-twitter:hover h4, + .color-hover-twitter:hover h5, + .color-hover-twitter:hover h6, + .text-twitter h1, + .text-twitter h2, + .text-twitter h3, + .text-twitter h4, + .text-twitter h5, + .text-twitter h6 { + color: #0dace3 !important; } + +.border-color-twitter { + border-color: #0dace3 !important; } + +.badge-googleplus, +.progress-bar-googleplus, +.bg-googleplus { + background-color: #dd4b39 !important; + border-color: #dd4b39; } + +.bg-googleplus-dark { + background-color: #c23321; + border-color: #c23321; } + +.bg-googleplus-light { + background-color: #e8867a; + border-color: #e8867a; } + +.color-googleplus, +.color-hover-googleplus:hover, +.text-googleplus { + color: #dd4b39 !important; } + .color-googleplus h1, .color-googleplus h2, .color-googleplus h3, .color-googleplus h4, .color-googleplus h5, .color-googleplus h6, + .color-hover-googleplus:hover h1, + .color-hover-googleplus:hover h2, + .color-hover-googleplus:hover h3, + .color-hover-googleplus:hover h4, + .color-hover-googleplus:hover h5, + .color-hover-googleplus:hover h6, + .text-googleplus h1, + .text-googleplus h2, + .text-googleplus h3, + .text-googleplus h4, + .text-googleplus h5, + .text-googleplus h6 { + color: #dd4b39 !important; } + +.border-color-googleplus { + border-color: #dd4b39 !important; } + +.badge-linkedin, +.progress-bar-linkedin, +.bg-linkedin { + background-color: #007bb6 !important; + border-color: #007bb6; } + +.bg-linkedin-dark { + background-color: #005983; + border-color: #005983; } + +.bg-linkedin-light { + background-color: #04adff; + border-color: #04adff; } + +.color-linkedin, +.color-hover-linkedin:hover, +.text-linkedin { + color: #007bb6 !important; } + .color-linkedin h1, .color-linkedin h2, .color-linkedin h3, .color-linkedin h4, .color-linkedin h5, .color-linkedin h6, + .color-hover-linkedin:hover h1, + .color-hover-linkedin:hover h2, + .color-hover-linkedin:hover h3, + .color-hover-linkedin:hover h4, + .color-hover-linkedin:hover h5, + .color-hover-linkedin:hover h6, + .text-linkedin h1, + .text-linkedin h2, + .text-linkedin h3, + .text-linkedin h4, + .text-linkedin h5, + .text-linkedin h6 { + color: #007bb6 !important; } + +.border-color-linkedin { + border-color: #007bb6 !important; } + +.badge-instagram, +.progress-bar-instagram, +.bg-instagram { + background-color: #3f729b !important; + border-color: #3f729b; } + +.bg-instagram-dark { + background-color: #305777; + border-color: #305777; } + +.bg-instagram-light { + background-color: #6698c1; + border-color: #6698c1; } + +.color-instagram, +.color-hover-instagram:hover, +.text-instagram { + color: #3f729b !important; } + .color-instagram h1, .color-instagram h2, .color-instagram h3, .color-instagram h4, .color-instagram h5, .color-instagram h6, + .color-hover-instagram:hover h1, + .color-hover-instagram:hover h2, + .color-hover-instagram:hover h3, + .color-hover-instagram:hover h4, + .color-hover-instagram:hover h5, + .color-hover-instagram:hover h6, + .text-instagram h1, + .text-instagram h2, + .text-instagram h3, + .text-instagram h4, + .text-instagram h5, + .text-instagram h6 { + color: #3f729b !important; } + +.border-color-instagram { + border-color: #3f729b !important; } + +.badge-pinterest, +.progress-bar-pinterest, +.bg-pinterest { + background-color: #cb2027 !important; + border-color: #cb2027; } + +.bg-pinterest-dark { + background-color: #9f191f; + border-color: #9f191f; } + +.bg-pinterest-light { + background-color: #e45459; + border-color: #e45459; } + +.color-pinterest, +.color-hover-pinterest:hover, +.text-pinterest { + color: #cb2027 !important; } + .color-pinterest h1, .color-pinterest h2, .color-pinterest h3, .color-pinterest h4, .color-pinterest h5, .color-pinterest h6, + .color-hover-pinterest:hover h1, + .color-hover-pinterest:hover h2, + .color-hover-pinterest:hover h3, + .color-hover-pinterest:hover h4, + .color-hover-pinterest:hover h5, + .color-hover-pinterest:hover h6, + .text-pinterest h1, + .text-pinterest h2, + .text-pinterest h3, + .text-pinterest h4, + .text-pinterest h5, + .text-pinterest h6 { + color: #cb2027 !important; } + +.border-color-pinterest { + border-color: #cb2027 !important; } + +.badge-dribbble, +.progress-bar-dribbble, +.bg-dribbble { + background-color: #ea4c89 !important; + border-color: #ea4c89; } + +.bg-dribbble-dark { + background-color: #e51e6b; + border-color: #e51e6b; } + +.bg-dribbble-light { + background-color: #f290b6; + border-color: #f290b6; } + +.color-dribbble, +.color-hover-dribbble:hover, +.text-dribbble { + color: #ea4c89 !important; } + .color-dribbble h1, .color-dribbble h2, .color-dribbble h3, .color-dribbble h4, .color-dribbble h5, .color-dribbble h6, + .color-hover-dribbble:hover h1, + .color-hover-dribbble:hover h2, + .color-hover-dribbble:hover h3, + .color-hover-dribbble:hover h4, + .color-hover-dribbble:hover h5, + .color-hover-dribbble:hover h6, + .text-dribbble h1, + .text-dribbble h2, + .text-dribbble h3, + .text-dribbble h4, + .text-dribbble h5, + .text-dribbble h6 { + color: #ea4c89 !important; } + +.border-color-dribbble { + border-color: #ea4c89 !important; } + +.badge-youtube, +.progress-bar-youtube, +.bg-youtube { + background-color: #b00 !important; + border-color: #b00; } + +.bg-youtube-dark { + background-color: #880000; + border-color: #880000; } + +.bg-youtube-light { + background-color: #ff0909; + border-color: #ff0909; } + +.color-youtube, +.color-hover-youtube:hover, +.text-youtube { + color: #b00 !important; } + .color-youtube h1, .color-youtube h2, .color-youtube h3, .color-youtube h4, .color-youtube h5, .color-youtube h6, + .color-hover-youtube:hover h1, + .color-hover-youtube:hover h2, + .color-hover-youtube:hover h3, + .color-hover-youtube:hover h4, + .color-hover-youtube:hover h5, + .color-hover-youtube:hover h6, + .text-youtube h1, + .text-youtube h2, + .text-youtube h3, + .text-youtube h4, + .text-youtube h5, + .text-youtube h6 { + color: #b00 !important; } + +.border-color-youtube { + border-color: #b00 !important; } + +.bg-none { + background: none !important; } + +/* Basic +========================*/ +.block { + display: block; } + +.inline { + display: inline; } + +.inline-block { + display: inline-block; } + +.overflow-hidden { + overflow: hidden; } + +.overflow-scroll { + overflow: scroll; } + +.overflow-auto { + overflow: auto; } + +.pre { + white-space: pre; } + +.nowrap { + white-space: nowrap; } + +.resize-none { + resize: none; } + +.resize-vertical { + resize: vertical; } + +.resize-horizontal { + resize: horizontal; } + +.cursor-pointer { + cursor: pointer; } + +.no-pointer-events { + pointer-events: none; } + +.border-0 { + border: 0; } + +.vertical-middle { + vertical-align: middle !important; } + + +.disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; } + + +.fullscreen { + min-height: 100vh; + min-width: 100%; } + + +.scroll-horizontal { + overflow-x: scroll; + overflow-y: hidden; } + + +.scroll-vertical { + overflow-x: hidden; + overflow-y: scroll; } + +.no-scrollbar::-webkit-scrollbar { + width: 0; + height: 0; + background: transparent; } + +/* Position +========================*/ +.pos-static { + position: static; } + +.pos-fixed { + position: fixed; } + +.pos-relative { + position: relative; } + +.pos-absolute, .pos-0 { + position: absolute; } + +.pos-top, .pos-0 { + top: 0; } + +.pos-right, .pos-0 { + right: 0; } + +.pos-left, .pos-0 { + left: 0; } + +.pos-bottom, .pos-0 { + bottom: 0; } + +.pos-left, .pos-0 { + left: 0; } + + +.horizontal-center { + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + + +.vertical-center { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + + +.absolute-center { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + +/* Opacity +=========================*/ +.opacity-0-hover:hover, .opacity-0 { + opacity: 0; } + +.opacity-01-hover:hover, .opacity-01 { + opacity: 0.1; } + +.opacity-02-hover:hover, .opacity-02 { + opacity: 0.2; } + +.opacity-03-hover:hover, .opacity-03 { + opacity: 0.3; } + +.opacity-04-hover:hover, .opacity-04 { + opacity: 0.4; } + +.opacity-05-hover:hover, .opacity-05 { + opacity: 0.5; } + +.opacity-06-hover:hover, .opacity-06 { + opacity: 0.6; } + +.opacity-07-hover:hover, .opacity-07 { + opacity: 0.7; } + +.opacity-08-hover:hover, .opacity-08 { + opacity: 0.8; } + +.opacity-09-hover:hover, .opacity-09 { + opacity: 0.9; } + +.opacity-1-hover:hover, .opacity-1 { + opacity: 1; } + +/* Width +=========================*/ +.width-100 { + width: 100%; } + +.width-80 { + width: 80%; } + +.width-75 { + width: 75%; } + +.width-67 { + width: 66.66666666666667%; } + +.width-50 { + width: 50%; } + +.width-33 { + width: 33.33333333333333%; } + +.width-25 { + width: 25%; } + +.width-20 { + width: 20%; } + +/* Font Weight +========================*/ + +.flex-1 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-2 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-3 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-4 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-5 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-6 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-7 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-8 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + + +.flex-9 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +/* Font Weight +========================*/ + +.fw-100 { + font-weight: 100 !important; } + + +.fw-200 { + font-weight: 200 !important; } + + +.fw-300 { + font-weight: 300 !important; } + + +.fw-400 { + font-weight: 400 !important; } + + +.fw-500 { + font-weight: 500 !important; } + + +.fw-600 { + font-weight: 600 !important; } + + +.fw-700 { + font-weight: 700 !important; } + + +.fw-800 { + font-weight: 800 !important; } + + +.fw-900 { + font-weight: 900 !important; } + +.fw-normal { + font-weight: 400; } + +.fw-medium { + font-weight: 500; } + +.fw-semibold { + font-weight: 600; } + +.fw-bold { + font-weight: bold; } + +.italic { + font-style: italic; } + +.text-indent-full { + text-indent: -9999px; } + +/* Z Index +========================*/ + +.zi-1 { + z-index: 1 !important; } + + +.zi-2 { + z-index: 2 !important; } + + +.zi-3 { + z-index: 3 !important; } + + +.zi-4 { + z-index: 4 !important; } + + +.zi-5 { + z-index: 5 !important; } + + +.zi-6 { + z-index: 6 !important; } + + +.zi-7 { + z-index: 7 !important; } + + +.zi-8 { + z-index: 8 !important; } + + +.zi-9 { + z-index: 9 !important; } + +.zi-n-1 { + z-index: -1 !important; } + +/* Font Size +========================*/ + +.fs-10 { + font-size: 0.625rem !important; } + + +.fs-11 { + font-size: 0.6875rem !important; } + + +.fs-12 { + font-size: 0.75rem !important; } + + +.fs-13 { + font-size: 0.8125rem !important; } + + +.fs-14 { + font-size: 0.875rem !important; } + + +.fs-15 { + font-size: 0.9375rem !important; } + + +.fs-16 { + font-size: 1rem !important; } + + +.fs-18 { + font-size: 1.125rem !important; } + + +.fs-20 { + font-size: 1.25rem !important; } + + +.fs-22 { + font-size: 1.375rem !important; } + + +.fs-24 { + font-size: 1.5rem !important; } + + +.fs-26 { + font-size: 1.625rem !important; } + + +.fs-28 { + font-size: 1.75rem !important; } + + +.fs-30 { + font-size: 1.875rem !important; } + + +.fs-32 { + font-size: 2rem !important; } + + +.fs-34 { + font-size: 2.125rem !important; } + + +.fs-36 { + font-size: 2.25rem !important; } + + +.fs-38 { + font-size: 2.375rem !important; } + + +.fs-40 { + font-size: 2.5rem !important; } + + +.fs-42 { + font-size: 2.625rem !important; } + + +.fs-44 { + font-size: 2.75rem !important; } + + +.fs-46 { + font-size: 2.875rem !important; } + + +.fs-48 { + font-size: 3rem !important; } + + +.fs-50 { + font-size: 3.125rem !important; } + + +.fs-52 { + font-size: 3.25rem !important; } + + +.fs-54 { + font-size: 3.375rem !important; } + + +.fs-56 { + font-size: 3.5rem !important; } + + +.fs-58 { + font-size: 3.625rem !important; } + + +.fs-60 { + font-size: 3.75rem !important; } + +.fs-base { + font-size: 0.875rem !important; } + +/* Letter Spacing +========================*/ +.letter-spacing-minus { + letter-spacing: -0.05em; } + +.letter-spacing-plus { + letter-spacing: 0.05em; } + +/* Text Helpers +========================*/ +.text-underline { + text-decoration: underline; } + +/* Line Height +========================*/ + +.lh-10 { + line-height: 1em; } + + +.lh-11 { + line-height: 1.1em; } + + +.lh-12 { + line-height: 1.2em; } + + +.lh-13 { + line-height: 1.3em; } + + +.lh-14 { + line-height: 1.4em; } + + +.lh-15 { + line-height: 1.5em; } + + +.lh-16 { + line-height: 1.6em; } + + +.lh-17 { + line-height: 1.7em; } + + +.lh-18 { + line-height: 1.8em; } + + +.lh-19 { + line-height: 1.9em; } + + +.lh-20 { + line-height: 2em; } + + +.lh-21 { + line-height: 2.1em; } + + +.lh-22 { + line-height: 2.2em; } + + +.lh-23 { + line-height: 2.3em; } + + +.lh-24 { + line-height: 2.4em; } + + +.lh-25 { + line-height: 2.5em; } + + +.lh-26 { + line-height: 2.6em; } + + +.lh-27 { + line-height: 2.7em; } + + +.lh-28 { + line-height: 2.8em; } + + +.lh-29 { + line-height: 2.9em; } + + +.lh-30 { + line-height: 3em; } + +/* Border Helpers +=========================*/ +.border-left, .border-all { + border-left: 1px solid #eef1f2; } + +.border-top, .border-all { + border-top: 1px solid #eef1f2; } + +.border-right, .border-all { + border-right: 1px solid #eef1f2; } + +.chatbox-header, .border-bottom, .border-all { + border-bottom: 1px solid #eef1f2; } + +body.rtl .border-left-rtl { + border-left: 1px solid #eef1f2; } + +body.rtl .border-top-rtl { + border-top: 1px solid #eef1f2; } + +body.rtl .border-right-rtl { + border-right: 1px solid #eef1f2; } + +body.rtl .border-bottom-rtl { + border-bottom: 1px solid #eef1f2; } + +.border-left-dotted, .border-x-dotted, .border-dotted { + border-left-style: dotted; } + +.border-left-dashed, .border-x-dashed, .border-dashed { + border-left-style: dashed; } + +.border-left-solid, .border-x-solid, .border-solid { + border-left-style: solid; } + +.border-left-double, .border-x-double, .border-double { + border-left-style: double; } + +.border-left-groove, .border-x-groove, .border-groove { + border-left-style: groove; } + +.border-left-ridge, .border-x-ridge, .border-ridge { + border-left-style: ridge; } + +.border-left-inset, .border-x-inset, .border-inset { + border-left-style: ridge; } + +.border-left-outset, .border-x-outset, .border-outset { + border-left-style: outset; } + +.border-left-none, .border-x-none, .border-none { + border-left-style: none; } + +.border-left-hidden, .border-x-hidden, .border-hidden { + border-left-style: hidden; } + +.border-right-dotted, .border-x-dotted, .border-dotted { + border-right-style: dotted; } + +.border-right-dashed, .border-x-dashed, .border-dashed { + border-right-style: dashed; } + +.border-right-solid, .border-x-solid, .border-solid { + border-right-style: solid; } + +.border-right-double, .border-x-double, .border-double { + border-right-style: double; } + +.border-right-groove, .border-x-groove, .border-groove { + border-right-style: groove; } + +.border-right-ridge, .border-x-ridge, .border-ridge { + border-right-style: ridge; } + +.border-right-inset, .border-x-inset, .border-inset { + border-right-style: ridge; } + +.border-right-outset, .border-x-outset, .border-outset { + border-right-style: outset; } + +.border-right-none, .border-x-none, .border-none { + border-right-style: none; } + +.border-right-hidden, .border-x-hidden, .border-hidden { + border-right-style: hidden; } + +.border-top-dotted, .border-y-dotted, .border-dotted { + border-top-style: dotted; } + +.border-top-dashed, .border-y-dashed, .border-dashed { + border-top-style: dashed; } + +.border-top-solid, .border-y-solid, .border-solid { + border-top-style: solid; } + +.border-top-double, .border-y-double, .border-double { + border-top-style: double; } + +.border-top-groove, .border-y-groove, .border-groove { + border-top-style: groove; } + +.border-top-ridge, .border-y-ridge, .border-ridge { + border-top-style: ridge; } + +.border-top-inset, .border-y-inset, .border-inset { + border-top-style: ridge; } + +.border-top-outset, .border-y-outset, .border-outset { + border-top-style: outset; } + +.border-top-none, .border-y-none, .border-none { + border-top-style: none; } + +.border-top-hidden, .border-y-hidden, .border-hidden { + border-top-style: hidden; } + +.border-bottom-dotted, .border-y-dotted, .border-dotted { + border-bottom-style: dotted; } + +.border-bottom-dashed, .border-y-dashed, .border-dashed { + border-bottom-style: dashed; } + +.border-bottom-solid, .border-y-solid, .border-solid { + border-bottom-style: solid; } + +.border-bottom-double, .border-y-double, .border-double { + border-bottom-style: double; } + +.border-bottom-groove, .border-y-groove, .border-groove { + border-bottom-style: groove; } + +.border-bottom-ridge, .border-y-ridge, .border-ridge { + border-bottom-style: ridge; } + +.border-bottom-inset, .border-y-inset, .border-inset { + border-bottom-style: ridge; } + +.border-bottom-outset, .border-y-outset, .border-outset { + border-bottom-style: outset; } + +.border-bottom-none, .border-y-none, .border-none { + border-bottom-style: none; } + +.border-bottom-hidden, .border-y-hidden, .border-hidden { + border-bottom-style: hidden; } + +/* Border Width +=========================*/ + +.bw-y-0, +body.rtl .bw-0-rtl, +.bw-0, +.bw-t-0, +body.rtl .bw-y-0-rtl, +body.rtl .bw-t-0-rtl { + border-top-width: 0px !important; } + + +.bw-y-0, +body.rtl .bw-0-rtl, +.bw-0, +.bw-b-0, +body.rtl .bw-y-0-rtl, +body.rtl .bw-b-0-rtl { + border-bottom-width: 0px !important; } + + +.bw-x-0, +body.rtl .bw-0-rtl, +.bw-0, +.bw-r-0, +body.rtl .bw-x-0-rtl, +body.rtl .bw-r-0-rtl { + border-right-width: 0px !important; } + + +.bw-y-0, +body.rtl .bw-0-rtl, +.bw-0, +.bw-l-0, +body.rtl .bw-y-0-rtl, +body.rtl .bw-l-0-rtl { + border-left-width: 0px !important; } + + +.bw-y-1, +body.rtl .bw-1-rtl, +.bw-1, +.bw-t-1, +body.rtl .bw-y-1-rtl, +body.rtl .bw-t-1-rtl { + border-top-width: 1px !important; } + + +.bw-y-1, +body.rtl .bw-1-rtl, +.bw-1, +.bw-b-1, +body.rtl .bw-y-1-rtl, +body.rtl .bw-b-1-rtl { + border-bottom-width: 1px !important; } + + +.bw-x-1, +body.rtl .bw-1-rtl, +.bw-1, +.bw-r-1, +body.rtl .bw-x-1-rtl, +body.rtl .bw-r-1-rtl { + border-right-width: 1px !important; } + + +.bw-y-1, +body.rtl .bw-1-rtl, +.bw-1, +.bw-l-1, +body.rtl .bw-y-1-rtl, +body.rtl .bw-l-1-rtl { + border-left-width: 1px !important; } + + +.bw-y-2, +body.rtl .bw-2-rtl, +.bw-2, +.bw-t-2, +body.rtl .bw-y-2-rtl, +body.rtl .bw-t-2-rtl { + border-top-width: 2px !important; } + + +.bw-y-2, +body.rtl .bw-2-rtl, +.bw-2, +.bw-b-2, +body.rtl .bw-y-2-rtl, +body.rtl .bw-b-2-rtl { + border-bottom-width: 2px !important; } + + +.bw-x-2, +body.rtl .bw-2-rtl, +.bw-2, +.bw-r-2, +body.rtl .bw-x-2-rtl, +body.rtl .bw-r-2-rtl { + border-right-width: 2px !important; } + + +.bw-y-2, +body.rtl .bw-2-rtl, +.bw-2, +.bw-l-2, +body.rtl .bw-y-2-rtl, +body.rtl .bw-l-2-rtl { + border-left-width: 2px !important; } + + +.bw-y-3, +body.rtl .bw-3-rtl, +.bw-3, +.bw-t-3, +body.rtl .bw-y-3-rtl, +body.rtl .bw-t-3-rtl { + border-top-width: 3px !important; } + + +.bw-y-3, +body.rtl .bw-3-rtl, +.bw-3, +.bw-b-3, +body.rtl .bw-y-3-rtl, +body.rtl .bw-b-3-rtl { + border-bottom-width: 3px !important; } + + +.bw-x-3, +body.rtl .bw-3-rtl, +.bw-3, +.bw-r-3, +body.rtl .bw-x-3-rtl, +body.rtl .bw-r-3-rtl { + border-right-width: 3px !important; } + + +.bw-y-3, +body.rtl .bw-3-rtl, +.bw-3, +.bw-l-3, +body.rtl .bw-y-3-rtl, +body.rtl .bw-l-3-rtl { + border-left-width: 3px !important; } + + +.bw-y-4, +body.rtl .bw-4-rtl, +.bw-4, +.bw-t-4, +body.rtl .bw-y-4-rtl, +body.rtl .bw-t-4-rtl { + border-top-width: 4px !important; } + + +.bw-y-4, +body.rtl .bw-4-rtl, +.bw-4, +.bw-b-4, +body.rtl .bw-y-4-rtl, +body.rtl .bw-b-4-rtl { + border-bottom-width: 4px !important; } + + +.bw-x-4, +body.rtl .bw-4-rtl, +.bw-4, +.bw-r-4, +body.rtl .bw-x-4-rtl, +body.rtl .bw-r-4-rtl { + border-right-width: 4px !important; } + + +.bw-y-4, +body.rtl .bw-4-rtl, +.bw-4, +.bw-l-4, +body.rtl .bw-y-4-rtl, +body.rtl .bw-l-4-rtl { + border-left-width: 4px !important; } + + +.bw-y-5, +body.rtl .bw-5-rtl, +.bw-5, +.bw-t-5, +body.rtl .bw-y-5-rtl, +body.rtl .bw-t-5-rtl { + border-top-width: 5px !important; } + + +.bw-y-5, +body.rtl .bw-5-rtl, +.bw-5, +.bw-b-5, +body.rtl .bw-y-5-rtl, +body.rtl .bw-b-5-rtl { + border-bottom-width: 5px !important; } + + +.bw-x-5, +body.rtl .bw-5-rtl, +.bw-5, +.bw-r-5, +body.rtl .bw-x-5-rtl, +body.rtl .bw-r-5-rtl { + border-right-width: 5px !important; } + + +.bw-y-5, +body.rtl .bw-5-rtl, +.bw-5, +.bw-l-5, +body.rtl .bw-y-5-rtl, +body.rtl .bw-l-5-rtl { + border-left-width: 5px !important; } + + +.bw-y-6, +body.rtl .bw-6-rtl, +.bw-6, +.bw-t-6, +body.rtl .bw-y-6-rtl, +body.rtl .bw-t-6-rtl { + border-top-width: 6px !important; } + + +.bw-y-6, +body.rtl .bw-6-rtl, +.bw-6, +.bw-b-6, +body.rtl .bw-y-6-rtl, +body.rtl .bw-b-6-rtl { + border-bottom-width: 6px !important; } + + +.bw-x-6, +body.rtl .bw-6-rtl, +.bw-6, +.bw-r-6, +body.rtl .bw-x-6-rtl, +body.rtl .bw-r-6-rtl { + border-right-width: 6px !important; } + + +.bw-y-6, +body.rtl .bw-6-rtl, +.bw-6, +.bw-l-6, +body.rtl .bw-y-6-rtl, +body.rtl .bw-l-6-rtl { + border-left-width: 6px !important; } + + +.bw-y-7, +body.rtl .bw-7-rtl, +.bw-7, +.bw-t-7, +body.rtl .bw-y-7-rtl, +body.rtl .bw-t-7-rtl { + border-top-width: 7px !important; } + + +.bw-y-7, +body.rtl .bw-7-rtl, +.bw-7, +.bw-b-7, +body.rtl .bw-y-7-rtl, +body.rtl .bw-b-7-rtl { + border-bottom-width: 7px !important; } + + +.bw-x-7, +body.rtl .bw-7-rtl, +.bw-7, +.bw-r-7, +body.rtl .bw-x-7-rtl, +body.rtl .bw-r-7-rtl { + border-right-width: 7px !important; } + + +.bw-y-7, +body.rtl .bw-7-rtl, +.bw-7, +.bw-l-7, +body.rtl .bw-y-7-rtl, +body.rtl .bw-l-7-rtl { + border-left-width: 7px !important; } + + +.bw-y-8, +body.rtl .bw-8-rtl, +.bw-8, +.bw-t-8, +body.rtl .bw-y-8-rtl, +body.rtl .bw-t-8-rtl { + border-top-width: 8px !important; } + + +.bw-y-8, +body.rtl .bw-8-rtl, +.bw-8, +.bw-b-8, +body.rtl .bw-y-8-rtl, +body.rtl .bw-b-8-rtl { + border-bottom-width: 8px !important; } + + +.bw-x-8, +body.rtl .bw-8-rtl, +.bw-8, +.bw-r-8, +body.rtl .bw-x-8-rtl, +body.rtl .bw-r-8-rtl { + border-right-width: 8px !important; } + + +.bw-y-8, +body.rtl .bw-8-rtl, +.bw-8, +.bw-l-8, +body.rtl .bw-y-8-rtl, +body.rtl .bw-l-8-rtl { + border-left-width: 8px !important; } + + +.bw-y-9, +body.rtl .bw-9-rtl, +.bw-9, +.bw-t-9, +body.rtl .bw-y-9-rtl, +body.rtl .bw-t-9-rtl { + border-top-width: 9px !important; } + + +.bw-y-9, +body.rtl .bw-9-rtl, +.bw-9, +.bw-b-9, +body.rtl .bw-y-9-rtl, +body.rtl .bw-b-9-rtl { + border-bottom-width: 9px !important; } + + +.bw-x-9, +body.rtl .bw-9-rtl, +.bw-9, +.bw-r-9, +body.rtl .bw-x-9-rtl, +body.rtl .bw-r-9-rtl { + border-right-width: 9px !important; } + + +.bw-y-9, +body.rtl .bw-9-rtl, +.bw-9, +.bw-l-9, +body.rtl .bw-y-9-rtl, +body.rtl .bw-l-9-rtl { + border-left-width: 9px !important; } + + +.bw-y-10, +body.rtl .bw-10-rtl, +.bw-10, +.bw-t-10, +body.rtl .bw-y-10-rtl, +body.rtl .bw-t-10-rtl { + border-top-width: 10px !important; } + + +.bw-y-10, +body.rtl .bw-10-rtl, +.bw-10, +.bw-b-10, +body.rtl .bw-y-10-rtl, +body.rtl .bw-b-10-rtl { + border-bottom-width: 10px !important; } + + +.bw-x-10, +body.rtl .bw-10-rtl, +.bw-10, +.bw-r-10, +body.rtl .bw-x-10-rtl, +body.rtl .bw-r-10-rtl { + border-right-width: 10px !important; } + + +.bw-y-10, +body.rtl .bw-10-rtl, +.bw-10, +.bw-l-10, +body.rtl .bw-y-10-rtl, +body.rtl .bw-l-10-rtl { + border-left-width: 10px !important; } + +/* Border Radius +=========================*/ +.radius-0 { + border-radius: 0; } + +.radius-full { + border-radius: 100%; } + +.radius-2 { + border-radius: 2px !important; + overflow: hidden; } + +.radius-3 { + border-radius: 3px !important; + overflow: hidden; } + +.radius-4 { + border-radius: 4px !important; + overflow: hidden; } + +.radius-5 { + border-radius: 5px !important; + overflow: hidden; } + +.radius-6 { + border-radius: 6px !important; + overflow: hidden; } + +.radius-7 { + border-radius: 7px !important; + overflow: hidden; } + +.radius-8 { + border-radius: 8px !important; + overflow: hidden; } + +.radius-9 { + border-radius: 9px !important; + overflow: hidden; } + +.radius-10 { + border-radius: 10px !important; + overflow: hidden; } + +.radius-11 { + border-radius: 11px !important; + overflow: hidden; } + +.radius-12 { + border-radius: 12px !important; + overflow: hidden; } + +.radius-13 { + border-radius: 13px !important; + overflow: hidden; } + +.radius-14 { + border-radius: 14px !important; + overflow: hidden; } + +.radius-15 { + border-radius: 15px !important; + overflow: hidden; } + +.radius-16 { + border-radius: 16px !important; + overflow: hidden; } + +.radius-17 { + border-radius: 17px !important; + overflow: hidden; } + +.radius-18 { + border-radius: 18px !important; + overflow: hidden; } + +.radius-19 { + border-radius: 19px !important; + overflow: hidden; } + +.radius-20 { + border-radius: 20px !important; + overflow: hidden; } + +/* Padding & Margin +=========================*/ +.padded-reverse { + margin: 0 -20px; } + +.mr-lr-auto { + margin-left: auto; + margin-right: auto; } + +body.rtl .pd-t-0-rtl, +body.rtl .pd-tb-0-rtl, +.pd-t-0, +.pd-tb-0 { + padding-top: 0rem !important; } + +body.rtl .pd-b-0-rtl, +body.rtl .pd-tb-0-rtl, +.pd-b-0, +.pd-tb-0 { + padding-bottom: 0rem !important; } + +body.rtl .pd-0-rtl, +.pd-0 { + padding: 0rem !important; } + +body.rtl .mr-t-0-rtl, +body.rtl .mr-tb-0-rtl, +.mr-t-0, +.mr-tb-0 { + margin-top: 0rem !important; } + +body.rtl .mr-b-0-rtl, +body.rtl .mr-tb-0-rtl, +.mr-b-0, +.mr-tb-0 { + margin-bottom: 0rem !important; } + +body.rtl .mr-0-rtl, body.rtl .mx-0-rtl, body.rtl .m-0-rtl, +.mr-0 { + margin: 0rem !important; } + +body.rtl .pd-t-5-rtl, +body.rtl .pd-tb-5-rtl, +.pd-t-5, +.pd-tb-5 { + padding-top: 0.3125rem !important; } + +body.rtl .pd-b-5-rtl, +body.rtl .pd-tb-5-rtl, +.pd-b-5, +.pd-tb-5 { + padding-bottom: 0.3125rem !important; } + +body.rtl .pd-5-rtl, +.pd-5 { + padding: 0.3125rem !important; } + +body.rtl .mr-t-5-rtl, +body.rtl .mr-tb-5-rtl, +.mr-t-5, +.mr-tb-5 { + margin-top: 0.3125rem !important; } + +body.rtl .mr-b-5-rtl, +body.rtl .mr-tb-5-rtl, +.mr-b-5, +.mr-tb-5 { + margin-bottom: 0.3125rem !important; } + +body.rtl .mr-5-rtl, body.rtl .mx-5-rtl, body.rtl .m-5-rtl, +.mr-5 { + margin: 0.3125rem !important; } + +body.rtl .pd-t-10-rtl, +body.rtl .pd-tb-10-rtl, +.pd-t-10, +.pd-tb-10 { + padding-top: 0.625rem !important; } + +body.rtl .pd-b-10-rtl, +body.rtl .pd-tb-10-rtl, +.pd-b-10, +.pd-tb-10 { + padding-bottom: 0.625rem !important; } + +body.rtl .pd-10-rtl, +.pd-10 { + padding: 0.625rem !important; } + +body.rtl .mr-t-10-rtl, +body.rtl .mr-tb-10-rtl, +.mr-t-10, +.mr-tb-10 { + margin-top: 0.625rem !important; } + +body.rtl .mr-b-10-rtl, +body.rtl .mr-tb-10-rtl, +.mr-b-10, +.mr-tb-10 { + margin-bottom: 0.625rem !important; } + +body.rtl .mr-10-rtl, +.mr-10 { + margin: 0.625rem !important; } + +body.rtl .pd-t-20-rtl, +body.rtl .pd-tb-20-rtl, +.pd-t-20, +.pd-tb-20 { + padding-top: 1.25rem !important; } + +body.rtl .pd-b-20-rtl, +body.rtl .pd-tb-20-rtl, +.pd-b-20, +.pd-tb-20 { + padding-bottom: 1.25rem !important; } + +body.rtl .pd-20-rtl, +.pd-20 { + padding: 1.25rem !important; } + +body.rtl .mr-t-20-rtl, +body.rtl .mr-tb-20-rtl, +.mr-t-20, +.mr-tb-20 { + margin-top: 1.25rem !important; } + +body.rtl .mr-b-20-rtl, +body.rtl .mr-tb-20-rtl, +.mr-b-20, +.mr-tb-20 { + margin-bottom: 1.25rem !important; } + +body.rtl .mr-20-rtl, +.mr-20 { + margin: 1.25rem !important; } + +body.rtl .pd-t-30-rtl, +body.rtl .pd-tb-30-rtl, +.pd-t-30, +.pd-tb-30 { + padding-top: 1.875rem !important; } + +body.rtl .pd-b-30-rtl, +body.rtl .pd-tb-30-rtl, +.pd-b-30, +.pd-tb-30 { + padding-bottom: 1.875rem !important; } + +body.rtl .pd-30-rtl, +.pd-30 { + padding: 1.875rem !important; } + +body.rtl .mr-t-30-rtl, +body.rtl .mr-tb-30-rtl, +.mr-t-30, +.mr-tb-30 { + margin-top: 1.875rem !important; } + +body.rtl .mr-b-30-rtl, +body.rtl .mr-tb-30-rtl, +.mr-b-30, +.mr-tb-30 { + margin-bottom: 1.875rem !important; } + +body.rtl .mr-30-rtl, +.mr-30 { + margin: 1.875rem !important; } + +body.rtl .pd-t-40-rtl, +body.rtl .pd-tb-40-rtl, +.pd-t-40, +.pd-tb-40 { + padding-top: 2.5rem !important; } + +body.rtl .pd-b-40-rtl, +body.rtl .pd-tb-40-rtl, +.pd-b-40, +.pd-tb-40 { + padding-bottom: 2.5rem !important; } + +body.rtl .pd-40-rtl, +.pd-40 { + padding: 2.5rem !important; } + +body.rtl .mr-t-40-rtl, +body.rtl .mr-tb-40-rtl, +.mr-t-40, +.mr-tb-40 { + margin-top: 2.5rem !important; } + +body.rtl .mr-b-40-rtl, +body.rtl .mr-tb-40-rtl, +.mr-b-40, +.mr-tb-40 { + margin-bottom: 2.5rem !important; } + +body.rtl .mr-40-rtl, +.mr-40 { + margin: 2.5rem !important; } + +body.rtl .pd-t-50-rtl, +body.rtl .pd-tb-50-rtl, +.pd-t-50, +.pd-tb-50 { + padding-top: 3.125rem !important; } + +body.rtl .pd-b-50-rtl, +body.rtl .pd-tb-50-rtl, +.pd-b-50, +.pd-tb-50 { + padding-bottom: 3.125rem !important; } + +body.rtl .pd-50-rtl, +.pd-50 { + padding: 3.125rem !important; } + +body.rtl .mr-t-50-rtl, +body.rtl .mr-tb-50-rtl, +.mr-t-50, +.mr-tb-50 { + margin-top: 3.125rem !important; } + +body.rtl .mr-b-50-rtl, +body.rtl .mr-tb-50-rtl, +.mr-b-50, +.mr-tb-50 { + margin-bottom: 3.125rem !important; } + +body.rtl .mr-50-rtl, +.mr-50 { + margin: 3.125rem !important; } + +body.rtl .pd-t-60-rtl, +body.rtl .pd-tb-60-rtl, +.pd-t-60, +.pd-tb-60 { + padding-top: 3.75rem !important; } + +body.rtl .pd-b-60-rtl, +body.rtl .pd-tb-60-rtl, +.pd-b-60, +.pd-tb-60 { + padding-bottom: 3.75rem !important; } + +body.rtl .pd-60-rtl, +.pd-60 { + padding: 3.75rem !important; } + +body.rtl .mr-t-60-rtl, +body.rtl .mr-tb-60-rtl, +.mr-t-60, +.mr-tb-60 { + margin-top: 3.75rem !important; } + +body.rtl .mr-b-60-rtl, +body.rtl .mr-tb-60-rtl, +.mr-b-60, +.mr-tb-60 { + margin-bottom: 3.75rem !important; } + +body.rtl .mr-60-rtl, +.mr-60 { + margin: 3.75rem !important; } + +body.rtl .pd-t-70-rtl, +body.rtl .pd-tb-70-rtl, +.pd-t-70, +.pd-tb-70 { + padding-top: 4.375rem !important; } + +body.rtl .pd-b-70-rtl, +body.rtl .pd-tb-70-rtl, +.pd-b-70, +.pd-tb-70 { + padding-bottom: 4.375rem !important; } + +body.rtl .pd-70-rtl, +.pd-70 { + padding: 4.375rem !important; } + +body.rtl .mr-t-70-rtl, +body.rtl .mr-tb-70-rtl, +.mr-t-70, +.mr-tb-70 { + margin-top: 4.375rem !important; } + +body.rtl .mr-b-70-rtl, +body.rtl .mr-tb-70-rtl, +.mr-b-70, +.mr-tb-70 { + margin-bottom: 4.375rem !important; } + +body.rtl .mr-70-rtl, +.mr-70 { + margin: 4.375rem !important; } + +body.rtl .pd-t-80-rtl, +body.rtl .pd-tb-80-rtl, +.pd-t-80, +.pd-tb-80 { + padding-top: 5rem !important; } + +body.rtl .pd-b-80-rtl, +body.rtl .pd-tb-80-rtl, +.pd-b-80, +.pd-tb-80 { + padding-bottom: 5rem !important; } + +body.rtl .pd-80-rtl, +.pd-80 { + padding: 5rem !important; } + +body.rtl .mr-t-80-rtl, +body.rtl .mr-tb-80-rtl, +.mr-t-80, +.mr-tb-80 { + margin-top: 5rem !important; } + +body.rtl .mr-b-80-rtl, +body.rtl .mr-tb-80-rtl, +.mr-b-80, +.mr-tb-80 { + margin-bottom: 5rem !important; } + +body.rtl .mr-80-rtl, +.mr-80 { + margin: 5rem !important; } + +body.rtl .pd-t-90-rtl, +body.rtl .pd-tb-90-rtl, +.pd-t-90, +.pd-tb-90 { + padding-top: 5.625rem !important; } + +body.rtl .pd-b-90-rtl, +body.rtl .pd-tb-90-rtl, +.pd-b-90, +.pd-tb-90 { + padding-bottom: 5.625rem !important; } + +body.rtl .pd-90-rtl, +.pd-90 { + padding: 5.625rem !important; } + +body.rtl .mr-t-90-rtl, +body.rtl .mr-tb-90-rtl, +.mr-t-90, +.mr-tb-90 { + margin-top: 5.625rem !important; } + +body.rtl .mr-b-90-rtl, +body.rtl .mr-tb-90-rtl, +.mr-b-90, +.mr-tb-90 { + margin-bottom: 5.625rem !important; } + +body.rtl .mr-90-rtl, +.mr-90 { + margin: 5.625rem !important; } + +body.rtl .pd-t-100-rtl, +body.rtl .pd-tb-100-rtl, +.pd-t-100, +.pd-tb-100 { + padding-top: 6.25rem !important; } + +body.rtl .pd-b-100-rtl, +body.rtl .pd-tb-100-rtl, +.pd-b-100, +.pd-tb-100 { + padding-bottom: 6.25rem !important; } + +body.rtl .pd-100-rtl, +.pd-100 { + padding: 6.25rem !important; } + +body.rtl .mr-t-100-rtl, +body.rtl .mr-tb-100-rtl, +.mr-t-100, +.mr-tb-100 { + margin-top: 6.25rem !important; } + +body.rtl .mr-b-100-rtl, +body.rtl .mr-tb-100-rtl, +.mr-b-100, +.mr-tb-100 { + margin-bottom: 6.25rem !important; } + +body.rtl .mr-100-rtl, +.mr-100 { + margin: 6.25rem !important; } + +body.rtl .pd-t-150-rtl, +body.rtl .pd-tb-150-rtl, +.pd-t-150, +.pd-tb-150 { + padding-top: 9.375rem !important; } + +body.rtl .pd-b-150-rtl, +body.rtl .pd-tb-150-rtl, +.pd-b-150, +.pd-tb-150 { + padding-bottom: 9.375rem !important; } + +body.rtl .pd-150-rtl, +.pd-150 { + padding: 9.375rem !important; } + +body.rtl .mr-t-150-rtl, +body.rtl .mr-tb-150-rtl, +.mr-t-150, +.mr-tb-150 { + margin-top: 9.375rem !important; } + +body.rtl .mr-b-150-rtl, +body.rtl .mr-tb-150-rtl, +.mr-b-150, +.mr-tb-150 { + margin-bottom: 9.375rem !important; } + +body.rtl .mr-150-rtl, +.mr-150 { + margin: 9.375rem !important; } + +body.rtl .pd-t-200-rtl, +body.rtl .pd-tb-200-rtl, +.pd-t-200, +.pd-tb-200 { + padding-top: 12.5rem !important; } + +body.rtl .pd-b-200-rtl, +body.rtl .pd-tb-200-rtl, +.pd-b-200, +.pd-tb-200 { + padding-bottom: 12.5rem !important; } + +body.rtl .pd-200-rtl, +.pd-200 { + padding: 12.5rem !important; } + +body.rtl .mr-t-200-rtl, +body.rtl .mr-tb-200-rtl, +.mr-t-200, +.mr-tb-200 { + margin-top: 12.5rem !important; } + +body.rtl .mr-b-200-rtl, +body.rtl .mr-tb-200-rtl, +.mr-b-200, +.mr-tb-200 { + margin-bottom: 12.5rem !important; } + +body.rtl .mr-200-rtl, +.mr-200 { + margin: 12.5rem !important; } + +body.rtl .pd-l-0-rtl, +body.rtl .pd-lr-0-rtl, +.pd-l-0, +.pd-lr-0 { + padding-left: 0rem !important; } + +body.rtl .pd-r-0-rtl, +body.rtl .pd-lr-0-rtl, +.pd-r-0, +.pd-lr-0 { + padding-right: 0rem !important; } + +body.rtl .mr-l-0-rtl, +body.rtl .mr-lr-0-rtl, +.mr-l-0, +.mr-lr-0 { + margin-left: 0rem !important; } + +body.rtl .mr-r-0-rtl, +body.rtl .mr-lr-0-rtl, +.mr-r-0, +.mr-lr-0 { + margin-right: 0rem !important; } + +body.rtl .pd-l-5-rtl, +body.rtl .pd-lr-5-rtl, +.pd-l-5, +.pd-lr-5 { + padding-left: 0.3125rem !important; } + +body.rtl .pd-r-5-rtl, +body.rtl .pd-lr-5-rtl, +.pd-r-5, +.pd-lr-5 { + padding-right: 0.3125rem !important; } + +body.rtl .mr-l-5-rtl, +body.rtl .mr-lr-5-rtl, +.mr-l-5, +.mr-lr-5 { + margin-left: 0.3125rem !important; } + +body.rtl .mr-r-5-rtl, +body.rtl .mr-lr-5-rtl, +.mr-r-5, +.mr-lr-5 { + margin-right: 0.3125rem !important; } + +body.rtl .pd-l-10-rtl, +body.rtl .pd-lr-10-rtl, +.pd-l-10, +.pd-lr-10 { + padding-left: 0.625rem !important; } + +body.rtl .pd-r-10-rtl, +body.rtl .pd-lr-10-rtl, +.pd-r-10, +.pd-lr-10 { + padding-right: 0.625rem !important; } + +body.rtl .mr-l-10-rtl, +body.rtl .mr-lr-10-rtl, +.mr-l-10, +.mr-lr-10 { + margin-left: 0.625rem !important; } + +body.rtl .mr-r-10-rtl, +body.rtl .mr-lr-10-rtl, +.mr-r-10, +.mr-lr-10 { + margin-right: 0.625rem !important; } + +body.rtl .pd-l-15-rtl, +body.rtl .pd-lr-15-rtl, +.pd-l-15, +.pd-lr-15 { + padding-left: 0.9375rem !important; } + +body.rtl .pd-r-15-rtl, +body.rtl .pd-lr-15-rtl, +.pd-r-15, +.pd-lr-15 { + padding-right: 0.9375rem !important; } + +body.rtl .mr-l-15-rtl, +body.rtl .mr-lr-15-rtl, +.mr-l-15, +.mr-lr-15 { + margin-left: 0.9375rem !important; } + +body.rtl .mr-r-15-rtl, +body.rtl .mr-lr-15-rtl, +.mr-r-15, +.mr-lr-15 { + margin-right: 0.9375rem !important; } + +body.rtl .pd-l-20-rtl, +body.rtl .pd-lr-20-rtl, +.pd-l-20, +.pd-lr-20 { + padding-left: 1.25rem !important; } + +body.rtl .pd-r-20-rtl, +body.rtl .pd-lr-20-rtl, +.pd-r-20, +.pd-lr-20 { + padding-right: 1.25rem !important; } + +body.rtl .mr-l-20-rtl, +body.rtl .mr-lr-20-rtl, +.mr-l-20, +.mr-lr-20 { + margin-left: 1.25rem !important; } + +body.rtl .mr-r-20-rtl, +body.rtl .mr-lr-20-rtl, +.mr-r-20, +.mr-lr-20 { + margin-right: 1.25rem !important; } + +body.rtl .pd-l-30-rtl, +body.rtl .pd-lr-30-rtl, +.pd-l-30, +.pd-lr-30 { + padding-left: 1.875rem !important; } + +body.rtl .pd-r-30-rtl, +body.rtl .pd-lr-30-rtl, +.pd-r-30, +.pd-lr-30 { + padding-right: 1.875rem !important; } + +body.rtl .mr-l-30-rtl, +body.rtl .mr-lr-30-rtl, +.mr-l-30, +.mr-lr-30 { + margin-left: 1.875rem !important; } + +body.rtl .mr-r-30-rtl, +body.rtl .mr-lr-30-rtl, +.mr-r-30, +.mr-lr-30 { + margin-right: 1.875rem !important; } + +body.rtl .pd-l-40-rtl, +body.rtl .pd-lr-40-rtl, +.pd-l-40, +.pd-lr-40 { + padding-left: 2.5rem !important; } + +body.rtl .pd-r-40-rtl, +body.rtl .pd-lr-40-rtl, +.pd-r-40, +.pd-lr-40 { + padding-right: 2.5rem !important; } + +body.rtl .mr-l-40-rtl, +body.rtl .mr-lr-40-rtl, +.mr-l-40, +.mr-lr-40 { + margin-left: 2.5rem !important; } + +body.rtl .mr-r-40-rtl, +body.rtl .mr-lr-40-rtl, +.mr-r-40, +.mr-lr-40 { + margin-right: 2.5rem !important; } + +body.rtl .pd-l-50-rtl, +body.rtl .pd-lr-50-rtl, +.pd-l-50, +.pd-lr-50 { + padding-left: 3.125rem !important; } + +body.rtl .pd-r-50-rtl, +body.rtl .pd-lr-50-rtl, +.pd-r-50, +.pd-lr-50 { + padding-right: 3.125rem !important; } + +body.rtl .mr-l-50-rtl, +body.rtl .mr-lr-50-rtl, +.mr-l-50, +.mr-lr-50 { + margin-left: 3.125rem !important; } + +body.rtl .mr-r-50-rtl, +body.rtl .mr-lr-50-rtl, +.mr-r-50, +.mr-lr-50 { + margin-right: 3.125rem !important; } + +body.rtl .pd-l-60-rtl, +body.rtl .pd-lr-60-rtl, +.pd-l-60, +.pd-lr-60 { + padding-left: 3.75rem !important; } + +body.rtl .pd-r-60-rtl, +body.rtl .pd-lr-60-rtl, +.pd-r-60, +.pd-lr-60 { + padding-right: 3.75rem !important; } + +body.rtl .mr-l-60-rtl, +body.rtl .mr-lr-60-rtl, +.mr-l-60, +.mr-lr-60 { + margin-left: 3.75rem !important; } + +body.rtl .mr-r-60-rtl, +body.rtl .mr-lr-60-rtl, +.mr-r-60, +.mr-lr-60 { + margin-right: 3.75rem !important; } + +body.rtl .pd-l-70-rtl, +body.rtl .pd-lr-70-rtl, +.pd-l-70, +.pd-lr-70 { + padding-left: 4.375rem !important; } + +body.rtl .pd-r-70-rtl, +body.rtl .pd-lr-70-rtl, +.pd-r-70, +.pd-lr-70 { + padding-right: 4.375rem !important; } + +body.rtl .mr-l-70-rtl, +body.rtl .mr-lr-70-rtl, +.mr-l-70, +.mr-lr-70 { + margin-left: 4.375rem !important; } + +body.rtl .mr-r-70-rtl, +body.rtl .mr-lr-70-rtl, +.mr-r-70, +.mr-lr-70 { + margin-right: 4.375rem !important; } + +body.rtl .pd-l-80-rtl, +body.rtl .pd-lr-80-rtl, +.pd-l-80, +.pd-lr-80 { + padding-left: 5rem !important; } + +body.rtl .pd-r-80-rtl, +body.rtl .pd-lr-80-rtl, +.pd-r-80, +.pd-lr-80 { + padding-right: 5rem !important; } + +body.rtl .mr-l-80-rtl, +body.rtl .mr-lr-80-rtl, +.mr-l-80, +.mr-lr-80 { + margin-left: 5rem !important; } + +body.rtl .mr-r-80-rtl, +body.rtl .mr-lr-80-rtl, +.mr-r-80, +.mr-lr-80 { + margin-right: 5rem !important; } + +body.rtl .pd-l-90-rtl, +body.rtl .pd-lr-90-rtl, +.pd-l-90, +.pd-lr-90 { + padding-left: 5.625rem !important; } + +body.rtl .pd-r-90-rtl, +body.rtl .pd-lr-90-rtl, +.pd-r-90, +.pd-lr-90 { + padding-right: 5.625rem !important; } + +body.rtl .mr-l-90-rtl, +body.rtl .mr-lr-90-rtl, +.mr-l-90, +.mr-lr-90 { + margin-left: 5.625rem !important; } + +body.rtl .mr-r-90-rtl, +body.rtl .mr-lr-90-rtl, +.mr-r-90, +.mr-lr-90 { + margin-right: 5.625rem !important; } + +/* RTL Margin Helpers +=========================*/ +body.rtl .ml-0-rtl, body.rtl .mx-0-rtl, body.rtl .m-0-rtl { + margin-left: 0 !important; } + +body.rtl .mr-0-rtl, body.rtl .mx-0-rtl, body.rtl .m-0-rtl { + margin-right: 0 !important; } + +body.rtl .mt-0-rtl, body.rtl .my-0-rtl, body.rtl .m-0-rtl { + margin-top: 0 !important; } + +body.rtl .mb-0-rtl, body.rtl .my-0-rtl, body.rtl .m-0-rtl { + margin-bottom: 0 !important; } + +body.rtl .ml-1-rtl, body.rtl .mx-1-rtl, body.rtl .m-1-rtl { + margin-left: 0.25rem !important; } + +body.rtl .mr-1-rtl, body.rtl .mx-1-rtl, body.rtl .m-1-rtl { + margin-right: 0.25rem !important; } + +body.rtl .mt-1-rtl, body.rtl .my-1-rtl, body.rtl .m-1-rtl { + margin-top: 0.25rem !important; } + +body.rtl .mb-1-rtl, body.rtl .my-1-rtl, body.rtl .m-1-rtl { + margin-bottom: 0.25rem !important; } + +body.rtl .ml-2-rtl, body.rtl .mx-2-rtl, body.rtl .m-2-rtl { + margin-left: 0.5rem !important; } + +body.rtl .mr-2-rtl, body.rtl .mx-2-rtl, body.rtl .m-2-rtl { + margin-right: 0.5rem !important; } + +body.rtl .mt-2-rtl, body.rtl .my-2-rtl, body.rtl .m-2-rtl { + margin-top: 0.5rem !important; } + +body.rtl .mb-2-rtl, body.rtl .my-2-rtl, body.rtl .m-2-rtl { + margin-bottom: 0.5rem !important; } + +body.rtl .ml-3-rtl, body.rtl .mx-3-rtl, body.rtl .m-3-rtl { + margin-left: 1rem !important; } + +body.rtl .mr-3-rtl, body.rtl .mx-3-rtl, body.rtl .m-3-rtl { + margin-right: 1rem !important; } + +body.rtl .mt-3-rtl, body.rtl .my-3-rtl, body.rtl .m-3-rtl { + margin-top: 1rem !important; } + +body.rtl .mb-3-rtl, body.rtl .my-3-rtl, body.rtl .m-3-rtl { + margin-bottom: 1rem !important; } + +body.rtl .ml-4-rtl, body.rtl .mx-4-rtl, body.rtl .m-4-rtl { + margin-left: 1.5rem !important; } + +body.rtl .mr-4-rtl, body.rtl .mx-4-rtl, body.rtl .m-4-rtl { + margin-right: 1.5rem !important; } + +body.rtl .mt-4-rtl, body.rtl .my-4-rtl, body.rtl .m-4-rtl { + margin-top: 1.5rem !important; } + +body.rtl .mb-4-rtl, body.rtl .my-4-rtl, body.rtl .m-4-rtl { + margin-bottom: 1.5rem !important; } + +body.rtl .ml-5-rtl, body.rtl .mx-5-rtl, body.rtl .m-5-rtl { + margin-left: 3rem !important; } + +body.rtl .mr-5-rtl, body.rtl .mx-5-rtl, body.rtl .m-5-rtl { + margin-right: 3rem !important; } + +body.rtl .mt-5-rtl, body.rtl .my-5-rtl, body.rtl .m-5-rtl { + margin-top: 3rem !important; } + +body.rtl .mb-5-rtl, body.rtl .my-5-rtl, body.rtl .m-5-rtl { + margin-bottom: 3rem !important; } + +body.rtl .mr-auto-rtl, body.rtl .mx-auto-rtl, body.rtl .m-auto-rtl, body.rtl .my-auto-rtl { + margin-right: auto !important; } + +body.rtl .ml-auto-rtl, body.rtl .mx-auto-rtl, body.rtl .m-auto-rtl, body.rtl .my-auto-rtl { + margin-left: auto !important; } + +body.rtl .mt-auto-rtl { + margin-top: auto !important; } + +body.rtl .mb-auto-rtl { + margin-bottom: auto !important; } + +/* RTL Padding Helpers +=========================*/ +body.rtl .pl-0-rtl, body.rtl .px-0-rtl, body.rtl .p-0-rtl { + padding-left: 0 !important; } + +body.rtl .pr-0-rtl, body.rtl .px-0-rtl, body.rtl .p-0-rtl { + padding-right: 0 !important; } + +body.rtl .pt-0-rtl, body.rtl .py-0-rtl, body.rtl .p-0-rtl { + padding-top: 0 !important; } + +body.rtl .pb-0-rtl, body.rtl .py-0-rtl, body.rtl .p-0-rtl { + padding-bottom: 0 !important; } + +body.rtl .pl-1-rtl, body.rtl .px-1-rtl, body.rtl .p-1-rtl { + padding-left: 0.25rem !important; } + +body.rtl .pr-1-rtl, body.rtl .px-1-rtl, body.rtl .p-1-rtl { + padding-right: 0.25rem !important; } + +body.rtl .pt-1-rtl, body.rtl .py-1-rtl, body.rtl .p-1-rtl { + padding-top: 0.25rem !important; } + +body.rtl .pb-1-rtl, body.rtl .py-1-rtl, body.rtl .p-1-rtl { + padding-bottom: 0.25rem !important; } + +body.rtl .pl-2-rtl, body.rtl .px-2-rtl, body.rtl .p-2-rtl { + padding-left: 0.5rem !important; } + +body.rtl .pr-2-rtl, body.rtl .px-2-rtl, body.rtl .p-2-rtl { + padding-right: 0.5rem !important; } + +body.rtl .pt-2-rtl, body.rtl .py-2-rtl, body.rtl .p-2-rtl { + padding-top: 0.5rem !important; } + +body.rtl .pb-2-rtl, body.rtl .py-2-rtl, body.rtl .p-2-rtl { + padding-bottom: 0.5rem !important; } + +body.rtl .pl-3-rtl, body.rtl .px-3-rtl, body.rtl .p-3-rtl { + padding-left: 1rem !important; } + +body.rtl .pr-3-rtl, body.rtl .px-3-rtl, body.rtl .p-3-rtl { + padding-right: 1rem !important; } + +body.rtl .pt-3-rtl, body.rtl .py-3-rtl, body.rtl .p-3-rtl { + padding-top: 1rem !important; } + +body.rtl .pb-3-rtl, body.rtl .py-3-rtl, body.rtl .p-3-rtl { + padding-bottom: 1rem !important; } + +body.rtl .pl-4-rtl, body.rtl .px-4-rtl, body.rtl .p-4-rtl { + padding-left: 1.5rem !important; } + +body.rtl .pr-4-rtl, body.rtl .px-4-rtl, body.rtl .p-4-rtl { + padding-right: 1.5rem !important; } + +body.rtl .pt-4-rtl, body.rtl .py-4-rtl, body.rtl .p-4-rtl { + padding-top: 1.5rem !important; } + +body.rtl .pb-4-rtl, body.rtl .py-4-rtl, body.rtl .p-4-rtl { + padding-bottom: 1.5rem !important; } + +body.rtl .pl-5-rtl, body.rtl .px-5-rtl, body.rtl .p-5-rtl { + padding-left: 3rem !important; } + +body.rtl .pr-5-rtl, body.rtl .px-5-rtl, body.rtl .p-5-rtl { + padding-right: 3rem !important; } + +body.rtl .pt-5-rtl, body.rtl .py-5-rtl, body.rtl .p-5-rtl { + padding-top: 3rem !important; } + +body.rtl .pb-5-rtl, body.rtl .py-5-rtl, body.rtl .p-5-rtl { + padding-bottom: 3rem !important; } + +/* Float RTL Helpers +=========================*/ +body.rtl .float-right-rtl { + float: right !important; } + +body.rtl .float-left-rtl { + float: left !important; } + +body.rtl .float-none-rtl { + float: none !important; } + +body.rtl .float-xs-right-rtl { + float: right !important; } + +body.rtl .float-xs-left-rtl { + float: left !important; } + +body.rtl .float-sm-right-rtl { + float: right !important; } + +body.rtl .float-sm-left-rtl { + float: left !important; } + +body.rtl .float-md-right-rtl { + float: right !important; } + +body.rtl .float-md-left-rtl { + float: left !important; } + +body.rtl .float-lg-right-rtl { + float: right !important; } + +body.rtl .float-lg-left-rtl { + float: left !important; } + +body.rtl .float-xl-right-rtl { + float: right !important; } + +body.rtl .float-xl-left-rtl { + float: left !important; } + +/* Width Helpers +=========================*/ +.w-10 { + width: 10% !important; } + +.w-20 { + width: 20% !important; } + +.w-30 { + width: 30% !important; } + +.w-40 { + width: 40% !important; } + +.w-50 { + width: 50% !important; } + +.w-60 { + width: 60% !important; } + +.w-70 { + width: 70% !important; } + +.w-80 { + width: 80% !important; } + +.w-90 { + width: 90% !important; } + +.w-100 { + width: 100% !important; } + +/******************************** +********************************* +BUTTONS +********************************* +*********************************/ +.btn { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.875rem; + font-family: "Montserrat", sans-serif; + cursor: pointer; + border-width: 2px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .btn-list .btn { + margin-bottom: 0.625rem; + margin-right: 0.625rem; } + .btn.border-thick { + border-width: 2px; } + .btn.border-thicker { + border-width: 3px; } + .btn.text-uppercase { + letter-spacing: 0.1em; } + .btn .list-icon { + font-size: 1.125rem; + vertical-align: middle; + position: relative; + top: -0.0625rem; + font-weight: 400; } + .btn .social-icons { + font-size: 1.5625rem; } + .btn.btn-lg .list-icon, .btn-group-lg > .btn .list-icon { + font-size: 1.5rem; } + .btn.btn-lg .social-icons, .btn-group-lg > .btn .social-icons { + font-size: 2.5rem; } + .btn .caret { + margin-left: 0.3125rem; } + .btn.disabled, .btn:disabled { + cursor: not-allowed; } + .btn[class*="bg"][class*="contrast"]:hover { + color: #fff; } + +.btn-lg, .btn-group-lg > .btn { + min-height: 4em; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0.3125rem 1.5rem; + font-size: 1.125rem; + line-height: 3; + border-radius: 0.3rem; } + .btn-lg:not(.btn-circle), .btn-group-lg > .btn:not(.btn-circle) { + min-width: 8.75rem; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.1875rem 0.5rem; + font-size: 0.75rem; + line-height: 2; + border-radius: 0.2rem; } + +.btn-xs { + padding: 0 0.3125rem; + font-size: 0.75rem; + line-height: 2; + border-radius: 0.2rem; } + +.btn-rounded { + border-radius: 6.25rem; } + +.btn-circle { + border-radius: 100%; + height: 3.125rem; + width: 3.125rem; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 !important; } + .btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn { + height: 4.375rem; + width: 4.375rem; } + .btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn { + height: 1.875rem; + width: 1.875rem; } + +.btn-block { + display: block; + width: 100%; } + +/* Button Colors +========================*/ +.btn:active { + -webkit-box-shadow: inset 0 2px 2px 2px rgba(0, 0, 0, 0.02); + box-shadow: inset 0 2px 2px 2px rgba(0, 0, 0, 0.02); } + +.btn-default { + color: #555; + background-color: #e4e7ea; + border-color: #e4e7ea; } + .btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, + .show > .btn-default.dropdown-toggle, + .show > .btn-default.dropdown-toggle:hover, + .show > .btn-default.dropdown-toggle:focus { + color: #555; + background-color: #d6dadf; + border-color: #d6dadf; } + .btn-default:focus, .btn-default:active, .btn-default:active:focus, + .show > .btn-default.dropdown-toggle:focus { + outline: 0 0 0 2px rgba(228, 231, 234, 0.3); } + +.btn-outline-default { + color: #e4e7ea; + background: transparent; + border-color: #e4e7ea; } + .btn-outline-default:focus, .btn-outline-default:hover, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default:active:hover, + .show > .btn-outline-default.dropdown-toggle, + .show > .btn-outline-default.dropdown-toggle:hover, + .show > .btn-outline-default.dropdown-toggle:focus { + color: #555; + background-color: #e4e7ea; } + +.btn:focus { + outline: 0; + -webkit-box-shadow: none !important; + box-shadow: none !important; } + +.btn-outline-default { + color: #555; } + +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover { + background: #8253eb; + border-color: #8253eb; } + +.btn-color-scheme { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-color-scheme:hover { + color: #fff; + background-color: #6931e7; + border-color: #6125e6; } + .btn-color-scheme:focus, .btn-color-scheme.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); } + .btn-color-scheme.disabled, .btn-color-scheme:disabled { + background-color: #8253eb; + border-color: #8253eb; } + .btn-color-scheme:active, .btn-color-scheme.active, + .show > .btn-color-scheme.dropdown-toggle { + background-color: #6931e7; + background-image: none; + border-color: #6125e6; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-color-scheme-dark { + color: #fff; + background-color: #835c9e; + border-color: #835c9e; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-color-scheme-dark:hover { + color: #fff; + background-color: #6f4e86; + border-color: #68497e; } + .btn-color-scheme-dark:focus, .btn-color-scheme-dark.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(131, 92, 158, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(131, 92, 158, 0.5); } + .btn-color-scheme-dark.disabled, .btn-color-scheme-dark:disabled { + background-color: #835c9e; + border-color: #835c9e; } + .btn-color-scheme-dark:active, .btn-color-scheme-dark.active, + .show > .btn-color-scheme-dark.dropdown-toggle { + background-color: #6f4e86; + background-image: none; + border-color: #68497e; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-content-color { + color: #fff; + background-color: #999; + border-color: #999; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-content-color:hover { + color: #fff; + background-color: #868686; + border-color: gray; } + .btn-content-color:focus, .btn-content-color.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-content-color.disabled, .btn-content-color:disabled { + background-color: #999; + border-color: #999; } + .btn-content-color:active, .btn-content-color.active, + .show > .btn-content-color.dropdown-toggle { + background-color: #868686; + background-image: none; + border-color: gray; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-content { + color: #fff; + background-color: #999; + border-color: #999; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-content:hover { + color: #fff; + background-color: #868686; + border-color: gray; } + .btn-content:focus, .btn-content.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-content.disabled, .btn-content:disabled { + background-color: #999; + border-color: #999; } + .btn-content:active, .btn-content.active, + .show > .btn-content.dropdown-toggle { + background-color: #868686; + background-image: none; + border-color: gray; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-primary { + color: #fff; + background-color: #8253eb; + border-color: #8253eb; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-primary:hover { + color: #fff; + background-color: #6931e7; + border-color: #6125e6; } + .btn-primary:focus, .btn-primary.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(130, 83, 235, 0.5); } + .btn-primary.disabled, .btn-primary:disabled { + background-color: #8253eb; + border-color: #8253eb; } + .btn-primary:active, .btn-primary.active, + .show > .btn-primary.dropdown-toggle { + background-color: #6931e7; + background-image: none; + border-color: #6125e6; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-secondary { + color: #fff; + background-color: #868e96; + border-color: #868e96; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-secondary:hover { + color: #fff; + background-color: #727b84; + border-color: #6c757d; } + .btn-secondary:focus, .btn-secondary.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-secondary.disabled, .btn-secondary:disabled { + background-color: #868e96; + border-color: #868e96; } + .btn-secondary:active, .btn-secondary.active, + .show > .btn-secondary.dropdown-toggle { + background-color: #727b84; + background-image: none; + border-color: #6c757d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-success { + color: #fff; + background-color: #38d57a; + border-color: #38d57a; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-success:hover { + color: #fff; + background-color: #28bf67; + border-color: #26b462; } + .btn-success:focus, .btn-success.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5); } + .btn-success.disabled, .btn-success:disabled { + background-color: #38d57a; + border-color: #38d57a; } + .btn-success:active, .btn-success.active, + .show > .btn-success.dropdown-toggle { + background-color: #28bf67; + background-image: none; + border-color: #26b462; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-info { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-info:hover { + color: #fff; + background-color: #038fcd; + border-color: #0286c1; } + .btn-info:focus, .btn-info.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5); } + .btn-info.disabled, .btn-info:disabled { + background-color: #03a9f3; + border-color: #03a9f3; } + .btn-info:active, .btn-info.active, + .show > .btn-info.dropdown-toggle { + background-color: #038fcd; + background-image: none; + border-color: #0286c1; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-warning { + color: #fff; + background-color: #ffcc02; + border-color: #ffcc02; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-warning:hover { + color: #fff; + background-color: #dbaf00; + border-color: #cea400; } + .btn-warning:focus, .btn-warning.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5); } + .btn-warning.disabled, .btn-warning:disabled { + background-color: #ffcc02; + border-color: #ffcc02; } + .btn-warning:active, .btn-warning.active, + .show > .btn-warning.dropdown-toggle { + background-color: #dbaf00; + background-image: none; + border-color: #cea400; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-danger { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-danger:hover { + color: #fff; + background-color: #e1432e; + border-color: #e03922; } + .btn-danger:focus, .btn-danger.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5); } + .btn-danger.disabled, .btn-danger:disabled { + background-color: #e6614f; + border-color: #e6614f; } + .btn-danger:active, .btn-danger.active, + .show > .btn-danger.dropdown-toggle { + background-color: #e1432e; + background-image: none; + border-color: #e03922; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-light { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-light:hover { + color: #fff; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-light:focus, .btn-light.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-light.disabled, .btn-light:disabled { + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:active, .btn-light.active, + .show > .btn-light.dropdown-toggle { + background-color: #e2e6ea; + background-image: none; + border-color: #dae0e5; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-dark:focus, .btn-dark.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + background-color: #343a40; + border-color: #343a40; } + .btn-dark:active, .btn-dark.active, + .show > .btn-dark.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-100 { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-100:hover { + color: #fff; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-gray-100:focus, .btn-gray-100.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-gray-100.disabled, .btn-gray-100:disabled { + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-gray-100:active, .btn-gray-100.active, + .show > .btn-gray-100.dropdown-toggle { + background-color: #e2e6ea; + background-image: none; + border-color: #dae0e5; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-200 { + color: #fff; + background-color: #ddd; + border-color: #ddd; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-200:hover { + color: #fff; + background-color: #cacaca; + border-color: #c4c4c4; } + .btn-gray-200:focus, .btn-gray-200.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5); } + .btn-gray-200.disabled, .btn-gray-200:disabled { + background-color: #ddd; + border-color: #ddd; } + .btn-gray-200:active, .btn-gray-200.active, + .show > .btn-gray-200.dropdown-toggle { + background-color: #cacaca; + background-image: none; + border-color: #c4c4c4; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-300 { + color: #fff; + background-color: #bbb; + border-color: #bbb; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-300:hover { + color: #fff; + background-color: #a8a8a8; + border-color: #a2a2a2; } + .btn-gray-300:focus, .btn-gray-300.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5); } + .btn-gray-300.disabled, .btn-gray-300:disabled { + background-color: #bbb; + border-color: #bbb; } + .btn-gray-300:active, .btn-gray-300.active, + .show > .btn-gray-300.dropdown-toggle { + background-color: #a8a8a8; + background-image: none; + border-color: #a2a2a2; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-400 { + color: #fff; + background-color: #aaa; + border-color: #aaa; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-400:hover { + color: #fff; + background-color: #979797; + border-color: #919191; } + .btn-gray-400:focus, .btn-gray-400.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5); } + .btn-gray-400.disabled, .btn-gray-400:disabled { + background-color: #aaa; + border-color: #aaa; } + .btn-gray-400:active, .btn-gray-400.active, + .show > .btn-gray-400.dropdown-toggle { + background-color: #979797; + background-image: none; + border-color: #919191; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-500 { + color: #fff; + background-color: #999; + border-color: #999; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-500:hover { + color: #fff; + background-color: #868686; + border-color: gray; } + .btn-gray-500:focus, .btn-gray-500.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5); } + .btn-gray-500.disabled, .btn-gray-500:disabled { + background-color: #999; + border-color: #999; } + .btn-gray-500:active, .btn-gray-500.active, + .show > .btn-gray-500.dropdown-toggle { + background-color: #868686; + background-image: none; + border-color: gray; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-600 { + color: #fff; + background-color: #868e96; + border-color: #868e96; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-600:hover { + color: #fff; + background-color: #727b84; + border-color: #6c757d; } + .btn-gray-600:focus, .btn-gray-600.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-gray-600.disabled, .btn-gray-600:disabled { + background-color: #868e96; + border-color: #868e96; } + .btn-gray-600:active, .btn-gray-600.active, + .show > .btn-gray-600.dropdown-toggle { + background-color: #727b84; + background-image: none; + border-color: #6c757d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-700 { + color: #fff; + background-color: #495057; + border-color: #495057; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-700:hover { + color: #fff; + background-color: #383d42; + border-color: #32373b; } + .btn-gray-700:focus, .btn-gray-700.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5); } + .btn-gray-700.disabled, .btn-gray-700:disabled { + background-color: #495057; + border-color: #495057; } + .btn-gray-700:active, .btn-gray-700.active, + .show > .btn-gray-700.dropdown-toggle { + background-color: #383d42; + background-image: none; + border-color: #32373b; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-800 { + color: #fff; + background-color: #343a40; + border-color: #343a40; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-800:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-gray-800:focus, .btn-gray-800.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-gray-800.disabled, .btn-gray-800:disabled { + background-color: #343a40; + border-color: #343a40; } + .btn-gray-800:active, .btn-gray-800.active, + .show > .btn-gray-800.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-900 { + color: #fff; + background-color: #212529; + border-color: #212529; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-900:hover { + color: #fff; + background-color: #101214; + border-color: #0a0c0d; } + .btn-gray-900:focus, .btn-gray-900.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5); } + .btn-gray-900.disabled, .btn-gray-900:disabled { + background-color: #212529; + border-color: #212529; } + .btn-gray-900:active, .btn-gray-900.active, + .show > .btn-gray-900.dropdown-toggle { + background-color: #101214; + background-image: none; + border-color: #0a0c0d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-blue { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-blue:hover { + color: #fff; + background-color: #0260b2; + border-color: #025aa5; } + .btn-blue:focus, .btn-blue.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(2, 117, 216, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(2, 117, 216, 0.5); } + .btn-blue.disabled, .btn-blue:disabled { + background-color: #0275d8; + border-color: #0275d8; } + .btn-blue:active, .btn-blue.active, + .show > .btn-blue.dropdown-toggle { + background-color: #0260b2; + background-image: none; + border-color: #025aa5; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-persian-blue { + color: #fff; + background-color: #4786ff; + border-color: #4786ff; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-persian-blue:hover { + color: #fff; + background-color: #216dff; + border-color: #1464ff; } + .btn-persian-blue:focus, .btn-persian-blue.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(71, 134, 255, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(71, 134, 255, 0.5); } + .btn-persian-blue.disabled, .btn-persian-blue:disabled { + background-color: #4786ff; + border-color: #4786ff; } + .btn-persian-blue:active, .btn-persian-blue.active, + .show > .btn-persian-blue.dropdown-toggle { + background-color: #216dff; + background-image: none; + border-color: #1464ff; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-indigo { + color: #fff; + background-color: #6610f2; + border-color: #6610f2; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-indigo:hover { + color: #fff; + background-color: #560bd0; + border-color: #510bc4; } + .btn-indigo:focus, .btn-indigo.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(102, 16, 242, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(102, 16, 242, 0.5); } + .btn-indigo.disabled, .btn-indigo:disabled { + background-color: #6610f2; + border-color: #6610f2; } + .btn-indigo:active, .btn-indigo.active, + .show > .btn-indigo.dropdown-toggle { + background-color: #560bd0; + background-image: none; + border-color: #510bc4; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-purple { + color: #fff; + background-color: #9c77ef; + border-color: #9c77ef; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-purple:hover { + color: #fff; + background-color: #8355eb; + border-color: #7b49ea; } + .btn-purple:focus, .btn-purple.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 119, 239, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 119, 239, 0.5); } + .btn-purple.disabled, .btn-purple:disabled { + background-color: #9c77ef; + border-color: #9c77ef; } + .btn-purple:active, .btn-purple.active, + .show > .btn-purple.dropdown-toggle { + background-color: #8355eb; + background-image: none; + border-color: #7b49ea; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-pink { + color: #fff; + background-color: #e83e8c; + border-color: #e83e8c; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-pink:hover { + color: #fff; + background-color: #e41c78; + border-color: #d91a72; } + .btn-pink:focus, .btn-pink.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(232, 62, 140, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(232, 62, 140, 0.5); } + .btn-pink.disabled, .btn-pink:disabled { + background-color: #e83e8c; + border-color: #e83e8c; } + .btn-pink:active, .btn-pink.active, + .show > .btn-pink.dropdown-toggle { + background-color: #e41c78; + background-image: none; + border-color: #d91a72; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-red { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-red:hover { + color: #fff; + background-color: #e1432e; + border-color: #e03922; } + .btn-red:focus, .btn-red.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5); } + .btn-red.disabled, .btn-red:disabled { + background-color: #e6614f; + border-color: #e6614f; } + .btn-red:active, .btn-red.active, + .show > .btn-red.dropdown-toggle { + background-color: #e1432e; + background-image: none; + border-color: #e03922; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-cerize-red { + color: #fff; + background-color: #fa607e; + border-color: #fa607e; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-cerize-red:hover { + color: #fff; + background-color: #f93b60; + border-color: #f82f56; } + .btn-cerize-red:focus, .btn-cerize-red.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(250, 96, 126, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(250, 96, 126, 0.5); } + .btn-cerize-red.disabled, .btn-cerize-red:disabled { + background-color: #fa607e; + border-color: #fa607e; } + .btn-cerize-red:active, .btn-cerize-red.active, + .show > .btn-cerize-red.dropdown-toggle { + background-color: #f93b60; + background-image: none; + border-color: #f82f56; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-orange { + color: #fff; + background-color: #fb9678; + border-color: #fb9678; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-orange:hover { + color: #fff; + background-color: #fa7953; + border-color: #fa6f46; } + .btn-orange:focus, .btn-orange.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(251, 150, 120, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(251, 150, 120, 0.5); } + .btn-orange.disabled, .btn-orange:disabled { + background-color: #fb9678; + border-color: #fb9678; } + .btn-orange:active, .btn-orange.active, + .show > .btn-orange.dropdown-toggle { + background-color: #fa7953; + background-image: none; + border-color: #fa6f46; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-yellow { + color: #fff; + background-color: #ffcc02; + border-color: #ffcc02; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-yellow:hover { + color: #fff; + background-color: #dbaf00; + border-color: #cea400; } + .btn-yellow:focus, .btn-yellow.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5); } + .btn-yellow.disabled, .btn-yellow:disabled { + background-color: #ffcc02; + border-color: #ffcc02; } + .btn-yellow:active, .btn-yellow.active, + .show > .btn-yellow.dropdown-toggle { + background-color: #dbaf00; + background-image: none; + border-color: #cea400; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-mustard { + color: #fff; + background-color: #fdb44d; + border-color: #fdb44d; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-mustard:hover { + color: #fff; + background-color: #fda427; + border-color: #fc9f1b; } + .btn-mustard:focus, .btn-mustard.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(253, 180, 77, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(253, 180, 77, 0.5); } + .btn-mustard.disabled, .btn-mustard:disabled { + background-color: #fdb44d; + border-color: #fdb44d; } + .btn-mustard:active, .btn-mustard.active, + .show > .btn-mustard.dropdown-toggle { + background-color: #fda427; + background-image: none; + border-color: #fc9f1b; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-green { + color: #fff; + background-color: #38d57a; + border-color: #38d57a; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-green:hover { + color: #fff; + background-color: #28bf67; + border-color: #26b462; } + .btn-green:focus, .btn-green.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5); } + .btn-green.disabled, .btn-green:disabled { + background-color: #38d57a; + border-color: #38d57a; } + .btn-green:active, .btn-green.active, + .show > .btn-green.dropdown-toggle { + background-color: #28bf67; + background-image: none; + border-color: #26b462; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-teal { + color: #fff; + background-color: #20c997; + border-color: #20c997; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-teal:hover { + color: #fff; + background-color: #1ba87e; + border-color: #199d76; } + .btn-teal:focus, .btn-teal.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(32, 201, 151, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(32, 201, 151, 0.5); } + .btn-teal.disabled, .btn-teal:disabled { + background-color: #20c997; + border-color: #20c997; } + .btn-teal:active, .btn-teal.active, + .show > .btn-teal.dropdown-toggle { + background-color: #1ba87e; + background-image: none; + border-color: #199d76; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-cyan { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-cyan:hover { + color: #fff; + background-color: #038fcd; + border-color: #0286c1; } + .btn-cyan:focus, .btn-cyan.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5); } + .btn-cyan.disabled, .btn-cyan:disabled { + background-color: #03a9f3; + border-color: #03a9f3; } + .btn-cyan:active, .btn-cyan.active, + .show > .btn-cyan.dropdown-toggle { + background-color: #038fcd; + background-image: none; + border-color: #0286c1; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-white { + color: #fff; + background-color: #fff; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-white:hover { + color: #fff; + background-color: #ececec; + border-color: #e6e6e6; } + .btn-white:focus, .btn-white.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 255, 255, 0.5); } + .btn-white.disabled, .btn-white:disabled { + background-color: #fff; + border-color: #fff; } + .btn-white:active, .btn-white.active, + .show > .btn-white.dropdown-toggle { + background-color: #ececec; + background-image: none; + border-color: #e6e6e6; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-light { + color: #fff; + background-color: #ddd; + border-color: #ddd; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-light:hover { + color: #fff; + background-color: #cacaca; + border-color: #c4c4c4; } + .btn-gray-light:focus, .btn-gray-light.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5); } + .btn-gray-light.disabled, .btn-gray-light:disabled { + background-color: #ddd; + border-color: #ddd; } + .btn-gray-light:active, .btn-gray-light.active, + .show > .btn-gray-light.dropdown-toggle { + background-color: #cacaca; + background-image: none; + border-color: #c4c4c4; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray { + color: #fff; + background-color: #868e96; + border-color: #868e96; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray:hover { + color: #fff; + background-color: #727b84; + border-color: #6c757d; } + .btn-gray:focus, .btn-gray.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-gray.disabled, .btn-gray:disabled { + background-color: #868e96; + border-color: #868e96; } + .btn-gray:active, .btn-gray.active, + .show > .btn-gray.dropdown-toggle { + background-color: #727b84; + background-image: none; + border-color: #6c757d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-gray-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-gray-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-gray-dark:focus, .btn-gray-dark.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-gray-dark.disabled, .btn-gray-dark:disabled { + background-color: #343a40; + border-color: #343a40; } + .btn-gray-dark:active, .btn-gray-dark.active, + .show > .btn-gray-dark.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-violet { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-violet:hover { + color: #fff; + background-color: #802091; + border-color: #771e86; } + .btn-violet:focus, .btn-violet.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 39, 176, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 39, 176, 0.5); } + .btn-violet.disabled, .btn-violet:disabled { + background-color: #9c27b0; + border-color: #9c27b0; } + .btn-violet:active, .btn-violet.active, + .show > .btn-violet.dropdown-toggle { + background-color: #802091; + background-image: none; + border-color: #771e86; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-brown { + color: #fff; + background-color: #795548; + border-color: #795548; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-brown:hover { + color: #fff; + background-color: #61443a; + border-color: #593f35; } + .btn-brown:focus, .btn-brown.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(121, 85, 72, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(121, 85, 72, 0.5); } + .btn-brown.disabled, .btn-brown:disabled { + background-color: #795548; + border-color: #795548; } + .btn-brown:active, .btn-brown.active, + .show > .btn-brown.dropdown-toggle { + background-color: #61443a; + background-image: none; + border-color: #593f35; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-light-gray { + color: #fff; + background-color: #f9f9f9; + border-color: #f9f9f9; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-light-gray:hover { + color: #fff; + background-color: #e6e6e6; + border-color: #e0e0e0; } + .btn-light-gray:focus, .btn-light-gray.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(249, 249, 249, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(249, 249, 249, 0.5); } + .btn-light-gray.disabled, .btn-light-gray:disabled { + background-color: #f9f9f9; + border-color: #f9f9f9; } + .btn-light-gray:active, .btn-light-gray.active, + .show > .btn-light-gray.dropdown-toggle { + background-color: #e6e6e6; + background-image: none; + border-color: #e0e0e0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-slate { + color: #fff; + background-color: #607d8b; + border-color: #607d8b; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-slate:hover { + color: #fff; + background-color: #506974; + border-color: #4b626d; } + .btn-slate:focus, .btn-slate.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(96, 125, 139, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(96, 125, 139, 0.5); } + .btn-slate.disabled, .btn-slate:disabled { + background-color: #607d8b; + border-color: #607d8b; } + .btn-slate:active, .btn-slate.active, + .show > .btn-slate.dropdown-toggle { + background-color: #506974; + background-image: none; + border-color: #4b626d; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-facebook { + color: #fff; + background-color: #4b64a6; + border-color: #4b64a6; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-facebook:hover { + color: #fff; + background-color: #3f548c; + border-color: #3b4f83; } + .btn-facebook:focus, .btn-facebook.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(75, 100, 166, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(75, 100, 166, 0.5); } + .btn-facebook.disabled, .btn-facebook:disabled { + background-color: #4b64a6; + border-color: #4b64a6; } + .btn-facebook:active, .btn-facebook.active, + .show > .btn-facebook.dropdown-toggle { + background-color: #3f548c; + background-image: none; + border-color: #3b4f83; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-twitter { + color: #fff; + background-color: #0dace3; + border-color: #0dace3; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-twitter:hover { + color: #fff; + background-color: #0b91bf; + border-color: #0a87b3; } + .btn-twitter:focus, .btn-twitter.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(13, 172, 227, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(13, 172, 227, 0.5); } + .btn-twitter.disabled, .btn-twitter:disabled { + background-color: #0dace3; + border-color: #0dace3; } + .btn-twitter:active, .btn-twitter.active, + .show > .btn-twitter.dropdown-toggle { + background-color: #0b91bf; + background-image: none; + border-color: #0a87b3; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-googleplus { + color: #fff; + background-color: #dd4b39; + border-color: #dd4b39; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-googleplus:hover { + color: #fff; + background-color: #cd3623; + border-color: #c23321; } + .btn-googleplus:focus, .btn-googleplus.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 75, 57, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 75, 57, 0.5); } + .btn-googleplus.disabled, .btn-googleplus:disabled { + background-color: #dd4b39; + border-color: #dd4b39; } + .btn-googleplus:active, .btn-googleplus.active, + .show > .btn-googleplus.dropdown-toggle { + background-color: #cd3623; + background-image: none; + border-color: #c23321; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-linkedin { + color: #fff; + background-color: #007bb6; + border-color: #007bb6; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-linkedin:hover { + color: #fff; + background-color: #006190; + border-color: #005983; } + .btn-linkedin:focus, .btn-linkedin.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 123, 182, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 123, 182, 0.5); } + .btn-linkedin.disabled, .btn-linkedin:disabled { + background-color: #007bb6; + border-color: #007bb6; } + .btn-linkedin:active, .btn-linkedin.active, + .show > .btn-linkedin.dropdown-toggle { + background-color: #006190; + background-image: none; + border-color: #005983; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-instagram { + color: #fff; + background-color: #3f729b; + border-color: #3f729b; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-instagram:hover { + color: #fff; + background-color: #345e80; + border-color: #305777; } + .btn-instagram:focus, .btn-instagram.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(63, 114, 155, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(63, 114, 155, 0.5); } + .btn-instagram.disabled, .btn-instagram:disabled { + background-color: #3f729b; + border-color: #3f729b; } + .btn-instagram:active, .btn-instagram.active, + .show > .btn-instagram.dropdown-toggle { + background-color: #345e80; + background-image: none; + border-color: #305777; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-pinterest { + color: #fff; + background-color: #cb2027; + border-color: #cb2027; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-pinterest:hover { + color: #fff; + background-color: #aa1b21; + border-color: #9f191f; } + .btn-pinterest:focus, .btn-pinterest.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(203, 32, 39, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(203, 32, 39, 0.5); } + .btn-pinterest.disabled, .btn-pinterest:disabled { + background-color: #cb2027; + border-color: #cb2027; } + .btn-pinterest:active, .btn-pinterest.active, + .show > .btn-pinterest.dropdown-toggle { + background-color: #aa1b21; + background-image: none; + border-color: #9f191f; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-dribbble { + color: #fff; + background-color: #ea4c89; + border-color: #ea4c89; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-dribbble:hover { + color: #fff; + background-color: #e62a72; + border-color: #e51e6b; } + .btn-dribbble:focus, .btn-dribbble.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(234, 76, 137, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(234, 76, 137, 0.5); } + .btn-dribbble.disabled, .btn-dribbble:disabled { + background-color: #ea4c89; + border-color: #ea4c89; } + .btn-dribbble:active, .btn-dribbble.active, + .show > .btn-dribbble.dropdown-toggle { + background-color: #e62a72; + background-image: none; + border-color: #e51e6b; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-youtube { + color: #fff; + background-color: #b00; + border-color: #b00; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-youtube:hover { + color: #fff; + background-color: #950000; + border-color: #880000; } + .btn-youtube:focus, .btn-youtube.focus { + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 0, 0, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 0, 0, 0.5); } + .btn-youtube.disabled, .btn-youtube:disabled { + background-color: #b00; + border-color: #b00; } + .btn-youtube:active, .btn-youtube.active, + .show > .btn-youtube.dropdown-toggle { + background-color: #950000; + background-image: none; + border-color: #880000; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.btn-outline-blue { + color: #0275d8; + background-color: transparent; + background-image: none; + border-color: #0275d8; } + .btn-outline-blue:hover { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-blue:focus, .btn-outline-blue.focus { + -webkit-box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5); + box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5); } + .btn-outline-blue.disabled, .btn-outline-blue:disabled { + color: #0275d8; + background-color: transparent; } + .btn-outline-blue:active, .btn-outline-blue.active, + .show > .btn-outline-blue.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + +.btn-outline-persian-blue { + color: #4786ff; + background-color: transparent; + background-image: none; + border-color: #4786ff; } + .btn-outline-persian-blue:hover { + color: #fff; + background-color: #4786ff; + border-color: #4786ff; } + .btn-outline-persian-blue:focus, .btn-outline-persian-blue.focus { + -webkit-box-shadow: 0 0 0 3px rgba(71, 134, 255, 0.5); + box-shadow: 0 0 0 3px rgba(71, 134, 255, 0.5); } + .btn-outline-persian-blue.disabled, .btn-outline-persian-blue:disabled { + color: #4786ff; + background-color: transparent; } + .btn-outline-persian-blue:active, .btn-outline-persian-blue.active, + .show > .btn-outline-persian-blue.dropdown-toggle { + color: #fff; + background-color: #4786ff; + border-color: #4786ff; } + +.btn-outline-indigo { + color: #6610f2; + background-color: transparent; + background-image: none; + border-color: #6610f2; } + .btn-outline-indigo:hover { + color: #fff; + background-color: #6610f2; + border-color: #6610f2; } + .btn-outline-indigo:focus, .btn-outline-indigo.focus { + -webkit-box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5); + box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5); } + .btn-outline-indigo.disabled, .btn-outline-indigo:disabled { + color: #6610f2; + background-color: transparent; } + .btn-outline-indigo:active, .btn-outline-indigo.active, + .show > .btn-outline-indigo.dropdown-toggle { + color: #fff; + background-color: #6610f2; + border-color: #6610f2; } + +.btn-outline-purple { + color: #9c77ef; + background-color: transparent; + background-image: none; + border-color: #9c77ef; } + .btn-outline-purple:hover { + color: #fff; + background-color: #9c77ef; + border-color: #9c77ef; } + .btn-outline-purple:focus, .btn-outline-purple.focus { + -webkit-box-shadow: 0 0 0 3px rgba(156, 119, 239, 0.5); + box-shadow: 0 0 0 3px rgba(156, 119, 239, 0.5); } + .btn-outline-purple.disabled, .btn-outline-purple:disabled { + color: #9c77ef; + background-color: transparent; } + .btn-outline-purple:active, .btn-outline-purple.active, + .show > .btn-outline-purple.dropdown-toggle { + color: #fff; + background-color: #9c77ef; + border-color: #9c77ef; } + +.btn-outline-pink { + color: #e83e8c; + background-color: transparent; + background-image: none; + border-color: #e83e8c; } + .btn-outline-pink:hover { + color: #fff; + background-color: #e83e8c; + border-color: #e83e8c; } + .btn-outline-pink:focus, .btn-outline-pink.focus { + -webkit-box-shadow: 0 0 0 3px rgba(232, 62, 140, 0.5); + box-shadow: 0 0 0 3px rgba(232, 62, 140, 0.5); } + .btn-outline-pink.disabled, .btn-outline-pink:disabled { + color: #e83e8c; + background-color: transparent; } + .btn-outline-pink:active, .btn-outline-pink.active, + .show > .btn-outline-pink.dropdown-toggle { + color: #fff; + background-color: #e83e8c; + border-color: #e83e8c; } + +.btn-outline-red { + color: #e6614f; + background-color: transparent; + background-image: none; + border-color: #e6614f; } + .btn-outline-red:hover { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; } + .btn-outline-red:focus, .btn-outline-red.focus { + -webkit-box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5); + box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5); } + .btn-outline-red.disabled, .btn-outline-red:disabled { + color: #e6614f; + background-color: transparent; } + .btn-outline-red:active, .btn-outline-red.active, + .show > .btn-outline-red.dropdown-toggle { + color: #fff; + background-color: #e6614f; + border-color: #e6614f; } + +.btn-outline-cerize-red { + color: #fa607e; + background-color: transparent; + background-image: none; + border-color: #fa607e; } + .btn-outline-cerize-red:hover { + color: #fff; + background-color: #fa607e; + border-color: #fa607e; } + .btn-outline-cerize-red:focus, .btn-outline-cerize-red.focus { + -webkit-box-shadow: 0 0 0 3px rgba(250, 96, 126, 0.5); + box-shadow: 0 0 0 3px rgba(250, 96, 126, 0.5); } + .btn-outline-cerize-red.disabled, .btn-outline-cerize-red:disabled { + color: #fa607e; + background-color: transparent; } + .btn-outline-cerize-red:active, .btn-outline-cerize-red.active, + .show > .btn-outline-cerize-red.dropdown-toggle { + color: #fff; + background-color: #fa607e; + border-color: #fa607e; } + +.btn-outline-orange { + color: #fb9678; + background-color: transparent; + background-image: none; + border-color: #fb9678; } + .btn-outline-orange:hover { + color: #fff; + background-color: #fb9678; + border-color: #fb9678; } + .btn-outline-orange:focus, .btn-outline-orange.focus { + -webkit-box-shadow: 0 0 0 3px rgba(251, 150, 120, 0.5); + box-shadow: 0 0 0 3px rgba(251, 150, 120, 0.5); } + .btn-outline-orange.disabled, .btn-outline-orange:disabled { + color: #fb9678; + background-color: transparent; } + .btn-outline-orange:active, .btn-outline-orange.active, + .show > .btn-outline-orange.dropdown-toggle { + color: #fff; + background-color: #fb9678; + border-color: #fb9678; } + +.btn-outline-yellow { + color: #ffcc02; + background-color: transparent; + background-image: none; + border-color: #ffcc02; } + .btn-outline-yellow:hover { + color: #fff; + background-color: #ffcc02; + border-color: #ffcc02; } + .btn-outline-yellow:focus, .btn-outline-yellow.focus { + -webkit-box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5); + box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5); } + .btn-outline-yellow.disabled, .btn-outline-yellow:disabled { + color: #ffcc02; + background-color: transparent; } + .btn-outline-yellow:active, .btn-outline-yellow.active, + .show > .btn-outline-yellow.dropdown-toggle { + color: #fff; + background-color: #ffcc02; + border-color: #ffcc02; } + +.btn-outline-mustard { + color: #fdb44d; + background-color: transparent; + background-image: none; + border-color: #fdb44d; } + .btn-outline-mustard:hover { + color: #fff; + background-color: #fdb44d; + border-color: #fdb44d; } + .btn-outline-mustard:focus, .btn-outline-mustard.focus { + -webkit-box-shadow: 0 0 0 3px rgba(253, 180, 77, 0.5); + box-shadow: 0 0 0 3px rgba(253, 180, 77, 0.5); } + .btn-outline-mustard.disabled, .btn-outline-mustard:disabled { + color: #fdb44d; + background-color: transparent; } + .btn-outline-mustard:active, .btn-outline-mustard.active, + .show > .btn-outline-mustard.dropdown-toggle { + color: #fff; + background-color: #fdb44d; + border-color: #fdb44d; } + +.btn-outline-green { + color: #38d57a; + background-color: transparent; + background-image: none; + border-color: #38d57a; } + .btn-outline-green:hover { + color: #fff; + background-color: #38d57a; + border-color: #38d57a; } + .btn-outline-green:focus, .btn-outline-green.focus { + -webkit-box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5); + box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5); } + .btn-outline-green.disabled, .btn-outline-green:disabled { + color: #38d57a; + background-color: transparent; } + .btn-outline-green:active, .btn-outline-green.active, + .show > .btn-outline-green.dropdown-toggle { + color: #fff; + background-color: #38d57a; + border-color: #38d57a; } + +.btn-outline-teal { + color: #20c997; + background-color: transparent; + background-image: none; + border-color: #20c997; } + .btn-outline-teal:hover { + color: #fff; + background-color: #20c997; + border-color: #20c997; } + .btn-outline-teal:focus, .btn-outline-teal.focus { + -webkit-box-shadow: 0 0 0 3px rgba(32, 201, 151, 0.5); + box-shadow: 0 0 0 3px rgba(32, 201, 151, 0.5); } + .btn-outline-teal.disabled, .btn-outline-teal:disabled { + color: #20c997; + background-color: transparent; } + .btn-outline-teal:active, .btn-outline-teal.active, + .show > .btn-outline-teal.dropdown-toggle { + color: #fff; + background-color: #20c997; + border-color: #20c997; } + +.btn-outline-cyan { + color: #03a9f3; + background-color: transparent; + background-image: none; + border-color: #03a9f3; } + .btn-outline-cyan:hover { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; } + .btn-outline-cyan:focus, .btn-outline-cyan.focus { + -webkit-box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5); + box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5); } + .btn-outline-cyan.disabled, .btn-outline-cyan:disabled { + color: #03a9f3; + background-color: transparent; } + .btn-outline-cyan:active, .btn-outline-cyan.active, + .show > .btn-outline-cyan.dropdown-toggle { + color: #fff; + background-color: #03a9f3; + border-color: #03a9f3; } + +.btn-outline-white { + color: #fff; + background-color: transparent; + background-image: none; + border-color: #fff; } + .btn-outline-white:hover { + color: #fff; + background-color: #fff; + border-color: #fff; } + .btn-outline-white:focus, .btn-outline-white.focus { + -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } + .btn-outline-white.disabled, .btn-outline-white:disabled { + color: #fff; + background-color: transparent; } + .btn-outline-white:active, .btn-outline-white.active, + .show > .btn-outline-white.dropdown-toggle { + color: #fff; + background-color: #fff; + border-color: #fff; } + +.btn-outline-gray-light { + color: #ddd; + background-color: transparent; + background-image: none; + border-color: #ddd; } + .btn-outline-gray-light:hover { + color: #fff; + background-color: #ddd; + border-color: #ddd; } + .btn-outline-gray-light:focus, .btn-outline-gray-light.focus { + -webkit-box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5); + box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5); } + .btn-outline-gray-light.disabled, .btn-outline-gray-light:disabled { + color: #ddd; + background-color: transparent; } + .btn-outline-gray-light:active, .btn-outline-gray-light.active, + .show > .btn-outline-gray-light.dropdown-toggle { + color: #fff; + background-color: #ddd; + border-color: #ddd; } + +.btn-outline-gray { + color: #868e96; + background-color: transparent; + background-image: none; + border-color: #868e96; } + .btn-outline-gray:hover { + color: #fff; + background-color: #868e96; + border-color: #868e96; } + .btn-outline-gray:focus, .btn-outline-gray.focus { + -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } + .btn-outline-gray.disabled, .btn-outline-gray:disabled { + color: #868e96; + background-color: transparent; } + .btn-outline-gray:active, .btn-outline-gray.active, + .show > .btn-outline-gray.dropdown-toggle { + color: #fff; + background-color: #868e96; + border-color: #868e96; } + +.btn-outline-gray-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; } + .btn-outline-gray-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus { + -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-outline-gray-dark.disabled, .btn-outline-gray-dark:disabled { + color: #343a40; + background-color: transparent; } + .btn-outline-gray-dark:active, .btn-outline-gray-dark.active, + .show > .btn-outline-gray-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + +.btn-outline-violet { + color: #9c27b0; + background-color: transparent; + background-image: none; + border-color: #9c27b0; } + .btn-outline-violet:hover { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; } + .btn-outline-violet:focus, .btn-outline-violet.focus { + -webkit-box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.5); + box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.5); } + .btn-outline-violet.disabled, .btn-outline-violet:disabled { + color: #9c27b0; + background-color: transparent; } + .btn-outline-violet:active, .btn-outline-violet.active, + .show > .btn-outline-violet.dropdown-toggle { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; } + +.btn-outline-brown { + color: #795548; + background-color: transparent; + background-image: none; + border-color: #795548; } + .btn-outline-brown:hover { + color: #fff; + background-color: #795548; + border-color: #795548; } + .btn-outline-brown:focus, .btn-outline-brown.focus { + -webkit-box-shadow: 0 0 0 3px rgba(121, 85, 72, 0.5); + box-shadow: 0 0 0 3px rgba(121, 85, 72, 0.5); } + .btn-outline-brown.disabled, .btn-outline-brown:disabled { + color: #795548; + background-color: transparent; } + .btn-outline-brown:active, .btn-outline-brown.active, + .show > .btn-outline-brown.dropdown-toggle { + color: #fff; + background-color: #795548; + border-color: #795548; } + +.btn-outline-light-gray { + color: #f9f9f9; + background-color: transparent; + background-image: none; + border-color: #f9f9f9; } + .btn-outline-light-gray:hover { + color: #fff; + background-color: #f9f9f9; + border-color: #f9f9f9; } + .btn-outline-light-gray:focus, .btn-outline-light-gray.focus { + -webkit-box-shadow: 0 0 0 3px rgba(249, 249, 249, 0.5); + box-shadow: 0 0 0 3px rgba(249, 249, 249, 0.5); } + .btn-outline-light-gray.disabled, .btn-outline-light-gray:disabled { + color: #f9f9f9; + background-color: transparent; } + .btn-outline-light-gray:active, .btn-outline-light-gray.active, + .show > .btn-outline-light-gray.dropdown-toggle { + color: #fff; + background-color: #f9f9f9; + border-color: #f9f9f9; } + +.btn-outline-slate { + color: #607d8b; + background-color: transparent; + background-image: none; + border-color: #607d8b; } + .btn-outline-slate:hover { + color: #fff; + background-color: #607d8b; + border-color: #607d8b; } + .btn-outline-slate:focus, .btn-outline-slate.focus { + -webkit-box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.5); + box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.5); } + .btn-outline-slate.disabled, .btn-outline-slate:disabled { + color: #607d8b; + background-color: transparent; } + .btn-outline-slate:active, .btn-outline-slate.active, + .show > .btn-outline-slate.dropdown-toggle { + color: #fff; + background-color: #607d8b; + border-color: #607d8b; } + +.btn-outline-facebook { + color: #4b64a6; + background-color: transparent; + background-image: none; + border-color: #4b64a6; } + .btn-outline-facebook:hover { + color: #fff; + background-color: #4b64a6; + border-color: #4b64a6; } + .btn-outline-facebook:focus, .btn-outline-facebook.focus { + -webkit-box-shadow: 0 0 0 3px rgba(75, 100, 166, 0.5); + box-shadow: 0 0 0 3px rgba(75, 100, 166, 0.5); } + .btn-outline-facebook.disabled, .btn-outline-facebook:disabled { + color: #4b64a6; + background-color: transparent; } + .btn-outline-facebook:active, .btn-outline-facebook.active, + .show > .btn-outline-facebook.dropdown-toggle { + color: #fff; + background-color: #4b64a6; + border-color: #4b64a6; } + +.btn-outline-twitter { + color: #0dace3; + background-color: transparent; + background-image: none; + border-color: #0dace3; } + .btn-outline-twitter:hover { + color: #fff; + background-color: #0dace3; + border-color: #0dace3; } + .btn-outline-twitter:focus, .btn-outline-twitter.focus { + -webkit-box-shadow: 0 0 0 3px rgba(13, 172, 227, 0.5); + box-shadow: 0 0 0 3px rgba(13, 172, 227, 0.5); } + .btn-outline-twitter.disabled, .btn-outline-twitter:disabled { + color: #0dace3; + background-color: transparent; } + .btn-outline-twitter:active, .btn-outline-twitter.active, + .show > .btn-outline-twitter.dropdown-toggle { + color: #fff; + background-color: #0dace3; + border-color: #0dace3; } + +.btn-outline-googleplus { + color: #dd4b39; + background-color: transparent; + background-image: none; + border-color: #dd4b39; } + .btn-outline-googleplus:hover { + color: #fff; + background-color: #dd4b39; + border-color: #dd4b39; } + .btn-outline-googleplus:focus, .btn-outline-googleplus.focus { + -webkit-box-shadow: 0 0 0 3px rgba(221, 75, 57, 0.5); + box-shadow: 0 0 0 3px rgba(221, 75, 57, 0.5); } + .btn-outline-googleplus.disabled, .btn-outline-googleplus:disabled { + color: #dd4b39; + background-color: transparent; } + .btn-outline-googleplus:active, .btn-outline-googleplus.active, + .show > .btn-outline-googleplus.dropdown-toggle { + color: #fff; + background-color: #dd4b39; + border-color: #dd4b39; } + +.btn-outline-linkedin { + color: #007bb6; + background-color: transparent; + background-image: none; + border-color: #007bb6; } + .btn-outline-linkedin:hover { + color: #fff; + background-color: #007bb6; + border-color: #007bb6; } + .btn-outline-linkedin:focus, .btn-outline-linkedin.focus { + -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 182, 0.5); + box-shadow: 0 0 0 3px rgba(0, 123, 182, 0.5); } + .btn-outline-linkedin.disabled, .btn-outline-linkedin:disabled { + color: #007bb6; + background-color: transparent; } + .btn-outline-linkedin:active, .btn-outline-linkedin.active, + .show > .btn-outline-linkedin.dropdown-toggle { + color: #fff; + background-color: #007bb6; + border-color: #007bb6; } + +.btn-outline-instagram { + color: #3f729b; + background-color: transparent; + background-image: none; + border-color: #3f729b; } + .btn-outline-instagram:hover { + color: #fff; + background-color: #3f729b; + border-color: #3f729b; } + .btn-outline-instagram:focus, .btn-outline-instagram.focus { + -webkit-box-shadow: 0 0 0 3px rgba(63, 114, 155, 0.5); + box-shadow: 0 0 0 3px rgba(63, 114, 155, 0.5); } + .btn-outline-instagram.disabled, .btn-outline-instagram:disabled { + color: #3f729b; + background-color: transparent; } + .btn-outline-instagram:active, .btn-outline-instagram.active, + .show > .btn-outline-instagram.dropdown-toggle { + color: #fff; + background-color: #3f729b; + border-color: #3f729b; } + +.btn-outline-pinterest { + color: #cb2027; + background-color: transparent; + background-image: none; + border-color: #cb2027; } + .btn-outline-pinterest:hover { + color: #fff; + background-color: #cb2027; + border-color: #cb2027; } + .btn-outline-pinterest:focus, .btn-outline-pinterest.focus { + -webkit-box-shadow: 0 0 0 3px rgba(203, 32, 39, 0.5); + box-shadow: 0 0 0 3px rgba(203, 32, 39, 0.5); } + .btn-outline-pinterest.disabled, .btn-outline-pinterest:disabled { + color: #cb2027; + background-color: transparent; } + .btn-outline-pinterest:active, .btn-outline-pinterest.active, + .show > .btn-outline-pinterest.dropdown-toggle { + color: #fff; + background-color: #cb2027; + border-color: #cb2027; } + +.btn-outline-dribbble { + color: #ea4c89; + background-color: transparent; + background-image: none; + border-color: #ea4c89; } + .btn-outline-dribbble:hover { + color: #fff; + background-color: #ea4c89; + border-color: #ea4c89; } + .btn-outline-dribbble:focus, .btn-outline-dribbble.focus { + -webkit-box-shadow: 0 0 0 3px rgba(234, 76, 137, 0.5); + box-shadow: 0 0 0 3px rgba(234, 76, 137, 0.5); } + .btn-outline-dribbble.disabled, .btn-outline-dribbble:disabled { + color: #ea4c89; + background-color: transparent; } + .btn-outline-dribbble:active, .btn-outline-dribbble.active, + .show > .btn-outline-dribbble.dropdown-toggle { + color: #fff; + background-color: #ea4c89; + border-color: #ea4c89; } + +.btn-outline-youtube { + color: #b00; + background-color: transparent; + background-image: none; + border-color: #b00; } + .btn-outline-youtube:hover { + color: #fff; + background-color: #b00; + border-color: #b00; } + .btn-outline-youtube:focus, .btn-outline-youtube.focus { + -webkit-box-shadow: 0 0 0 3px rgba(187, 0, 0, 0.5); + box-shadow: 0 0 0 3px rgba(187, 0, 0, 0.5); } + .btn-outline-youtube.disabled, .btn-outline-youtube:disabled { + color: #b00; + background-color: transparent; } + .btn-outline-youtube:active, .btn-outline-youtube.active, + .show > .btn-outline-youtube.dropdown-toggle { + color: #fff; + background-color: #b00; + border-color: #b00; } + +.btn-outline-white:hover { + color: #8253eb; } + +.btn-outline-inverse { + color: #fff; + border: 2px solid #fff; + background: transparent; } + .btn-outline-inverse:hover { + color: #8253eb !important; + background-color: #fff; } + +/* Justified button groups +========================*/ +.btn-group-justified { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .btn-group-justified .btn, + .btn-group-justified .btn-group { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .btn-group-justified .btn .btn, + .btn-group-justified .btn-group .btn { + width: 100%; } + .btn-group-justified .btn .dropdown-menu, + .btn-group-justified .btn-group .dropdown-menu { + left: auto; } + +/******************************** + ********************************* +Progress + ********************************* + *********************************/ +.progress .progress-bar { + height: 100%; } + +.progress.progress-xsm { + height: 1.25rem; + margin: 0.5em 0; } + +.progress.progress-sm { + height: 0.625rem; + margin: 0.35714em 0; } + +.progress.inverse { + background: rgba(255, 255, 255, 0.3); } + +.progress-lg .progress-bar { + height: 100%; } + +/******************************** + ********************************* +Tables + ********************************* + *********************************/ +.table thead tr.thead-inverse th { + background: inherit; } + +.table.table-inverse thead th { + border-width: 0; } + +.table > tbody > tr:first-child > td { + border-top: none; } + +.table.table-borderless td, .table.table-borderless th { + border: none; } + +.table > tbody > tr[class*="bg-"] > td { + color: #fff; } + +.table > thead > tr > th { + border-bottom-width: 1px; + border-top-width: 0px; } + +.table.color-table > thead > tr > th { + border: 0; } + +.table .progress { + margin: 0; + margin-bottom: 0 !important; + position: relative; + top: 0.66667em; } + +td.footable-sortable > span.fooicon, +th.footable-sortable > span.fooicon { + top: 1.08333em; + font-size: 0.85714em; } + +.table, +.table > tbody > tr > td, +.table > thead > tr > th, +.table > tbody > tr > th, .table-bordered, +.table-bordered > tbody > tr > td, +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th { + border-color: #eef1f2; } + +/* DataTables +========================*/ +.dataTables_wrapper label { + font-weight: normal; } + +.dataTables_wrapper .dataTables_filter input { + padding: 0.35714em 0.71429em; + border: 0.0625rem solid #eee; + border-radius: 0.125rem; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .dataTables_wrapper .dataTables_filter input:focus { + border-color: #03a9f3; } + +.dataTables_wrapper .dataTables_length { + margin: 1.07143em auto; } + .dataTables_wrapper .dataTables_length select { + padding: 0.21429em 0.5em; } + +.dataTables_wrapper table.dataTable { + border: 0.0625rem solid #eee; + margin-top: 1.42857em; } + .dataTables_wrapper table.dataTable thead th { + border-color: #eef1f2; } + .dataTables_wrapper table.dataTable th, .dataTables_wrapper table.dataTable td { + padding: 1.07143em 1.42857em; } + .dataTables_wrapper table.dataTable tfoot th { + border-top: 0.0625rem solid #eee; } + .dataTables_wrapper table.dataTable thead th { + border-top: 0; } + .dataTables_wrapper table.dataTable thead .sorting, + .dataTables_wrapper table.dataTable thead .sorting_asc, + .dataTables_wrapper table.dataTable thead .sorting_desc { + background: none; + position: relative; } + .dataTables_wrapper table.dataTable thead .sorting:before, + .dataTables_wrapper table.dataTable thead .sorting_asc:before, + .dataTables_wrapper table.dataTable thead .sorting_desc:before { + position: absolute; + top: 50%; + right: 0.71429em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-family: "Material Icons"; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + font-size: 1.28571em; } + .dataTables_wrapper table.dataTable thead .sorting_asc::before { + content: 'expand_less'; } + .dataTables_wrapper table.dataTable thead .sorting_desc::before { + content: 'expand_more'; } + .dataTables_wrapper table.dataTable thead .sorting::before { + content: 'sort'; + opacity: 0.1; } + +.dataTables_wrapper .dataTables_info { + margin-top: 1.42857em; } + +.dataTables_wrapper .dataTables_paginate { + margin-top: 2.14286em; + padding: 0; + border: 0.0625rem solid #eee; } + .dataTables_wrapper .dataTables_paginate .paginate_button { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + border: 0; } + .dataTables_wrapper .dataTables_paginate .paginate_button:hover { + background: none; + border: 0; + color: #999 !important; } + .dataTables_wrapper .dataTables_paginate .paginate_button:focus { + -webkit-box-shadow: none; + box-shadow: none; } + .dataTables_wrapper .dataTables_paginate .paginate_button.current { + background: #8253eb; + border: 0; + border-radius: 0; + color: #fff !important; } + .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: #6125e6; + border: 0; + color: #fff !important; } + .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous { + border: 0; } + +/* Bootstrap Tables +========================*/ +.bootstrap-table { + position: relative; } + .bootstrap-table .btn { + cursor: pointer; } + .bootstrap-table .btn i:before { + font-family: "Material Icons"; + display: block; + line-height: 1; + font-style: normal; + font-size: 1.33333em; } + .bootstrap-table .btn[name="refresh"] i:before { + content: "refresh"; } + .bootstrap-table .btn[name="toggle"] i:before { + content: "dehaze"; } + .bootstrap-table .btn i.glyphicon-th:before { + content: "apps"; + display: inline; + vertical-align: middle; } + +.fixed-table-toolbar { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: absolute; + top: 0; + right: 1.07143em; + z-index: 1; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + margin-top: -0.71429em; } + .fixed-table-toolbar .search { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } + .fixed-table-toolbar .btn-group, .fixed-table-toolbar .btn-group > .btn-group { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .fixed-table-toolbar .btn-group .btn { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .fixed-table-toolbar .search, .fixed-table-toolbar .columns { + margin-top: 0; + margin-bottom: 0; } + .fixed-table-toolbar .search .btn, .fixed-table-toolbar .columns .btn { + padding: 0 0.71429em; } + .fixed-table-toolbar .search .dropdown-menu input, .fixed-table-toolbar .columns .dropdown-menu input { + display: none; } + .fixed-table-toolbar .search .dropdown-menu label, .fixed-table-toolbar .columns .dropdown-menu label { + cursor: pointer; } + .fixed-table-toolbar .search .dropdown-menu label:before, .fixed-table-toolbar .columns .dropdown-menu label:before { + display: inline-block; + line-height: 1; + vertical-align: middle; + text-align: center; + height: 1.42857em; + width: 1.42857em; + content: ""; + font-family: "feather"; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + background: none; + border: 0.125rem solid #eee; + margin-right: 0.71429em; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + color: #fff; } + .fixed-table-toolbar .search .dropdown-menu label.checkbox-checked::before, .fixed-table-toolbar .columns .dropdown-menu label.checkbox-checked::before { + content: "\e925"; + background: #8253eb; + color: #fff; + border-color: #8253eb; } + @media (max-width: 767px) { + .fixed-table-toolbar { + display: none; } } + body.rtl .fixed-table-toolbar { + left: 0; + right: auto; } + +.fixed-table-container { + border: 0; + border-bottom: 0.0625rem solid #eee; } + .fixed-table-container thead th .both { + background: none; + position: relative; } + .fixed-table-container thead th .both:before { + content: ''; + position: absolute; + top: 50%; + right: 0.71429em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-family: "Material Icons"; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + font-size: 1.28571em; } + .fixed-table-container thead th .both.asc::before { + content: 'expand_less'; + opacity: 1; } + .fixed-table-container thead th .both.desc::before { + content: 'expand_more'; + opacity: 1; } + .fixed-table-container thead th .both::before { + content: 'sort'; + opacity: 0.1; } + +.bootstrap-table .table { + border: 0.0625rem solid #eee; } + .bootstrap-table .table > thead > tr > th { + border-bottom: 0.0625rem solid #eee; } + +/* Responsive Tables +========================*/ +.responsive-utilities .is-hidden { + color: #ccc; + background-color: #f9f9f9 !important; } + +.responsive-utilities .is-visible { + color: #468847; + background-color: #dff0d8 !important; } + +.tablesaw .tablesaw-sortable-head:before { + content: ''; + position: absolute; + top: 50%; + right: 0.71429em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-family: "Material Icons"; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + font-size: 1.28571em; } + +.tablesaw .tablesaw-sortable-ascending:before { + content: 'expand_less'; } + +.tablesaw .tablesaw-sortable-descending:before { + content: 'expand_more'; } + +.tablesaw-bar .tablesaw-columntoggle-popup .btn-group { + display: inline-block; + margin: 0.71429em 0 0.35714em 0; } + .tablesaw-bar .tablesaw-columntoggle-popup .btn-group label { + height: auto; + line-height: 2rem; } + .tablesaw-bar .tablesaw-columntoggle-popup .btn-group label input { + height: auto; + position: relative; + top: 0.14286em; } + +.tablesaw-bar .tablesaw-bar-section .btn-select { + padding: 0.40816em 0.81633em; + padding-right: 4.08163em; + font-weight: normal; + position: relative; + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; + background: #eee; + text-transform: none; } + .tablesaw-bar .tablesaw-bar-section .btn-select span { + line-height: 1.63265em; + height: 1.63265em; + display: block; } + .tablesaw-bar .tablesaw-bar-section .btn-select select { + cursor: pointer; } + .tablesaw-bar .tablesaw-bar-section .btn-select:after { + display: none; } + .tablesaw-bar .tablesaw-bar-section .btn-select:before { + content: 'expand_more'; + font-family: "Material Icons"; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + font-size: 1.46939em; + text-transform: lowercase; + position: absolute; + top: 50%; + right: 0.81633em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1; } + +.tablesaw-sortable-arrow { + display: none; } + +.tablesaw-swipe .tablesaw-cell-persist { + border-right: 0.0625rem solid #eee; } + +/* Editable +========================*/ +.table-editable .tabledit-toolbar, +.table-editable-inline .tabledit-toolbar { + display: inline !important; } + .table-editable .tabledit-toolbar .tabledit-save-button, .table-editable .tabledit-toolbar .tabledit-confirm-button, .table-editable .tabledit-toolbar .tabledit-restore-button, + .table-editable-inline .tabledit-toolbar .tabledit-save-button, + .table-editable-inline .tabledit-toolbar .tabledit-confirm-button, + .table-editable-inline .tabledit-toolbar .tabledit-restore-button { + margin-left: 0.66667em; } + .table-editable .tabledit-toolbar .btn-group .btn, + .table-editable-inline .tabledit-toolbar .btn-group .btn { + cursor: pointer; } + .table-editable .tabledit-toolbar .btn-group .btn span.glyphicon::before, + .table-editable-inline .tabledit-toolbar .btn-group .btn span.glyphicon::before { + font-family: "feather"; + display: inline-block; + line-height: 1; + font-style: normal; + font-size: 1.33333em; + font-weight: 300; + position: relative; + top: 3px; } + .table-editable .tabledit-toolbar .btn-group .btn .glyphicon-pencil::before, + .table-editable-inline .tabledit-toolbar .btn-group .btn .glyphicon-pencil::before { + content: "\e950"; } + .table-editable .tabledit-toolbar .btn-group .btn .glyphicon-trash::before, + .table-editable-inline .tabledit-toolbar .btn-group .btn .glyphicon-trash::before { + content: "\e9cd"; } + +.table-editable tr.tabledit-deleted-row, +.table-editable-inline tr.tabledit-deleted-row { + display: none; } + +/* Footable +========================*/ +.footable .footable-sortable .fooicon { + display: none; } + +.footable .footable-sortable:before { + content: 'sort'; + opacity: 0; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + position: absolute; + top: 50%; + right: 0.71429em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 1.28571em; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.footable .footable-sortable:hover::before { + opacity: 1; } + +.footable .footable-sortable.footable-asc::before { + content: 'expand_more'; + opacity: 1; } + +.footable .footable-sortable.footable-desc::before { + content: 'expand_less'; + opacity: 1; } + +.footable .footable-filtering th { + border-top: none; } + +.footable .footable-filtering form.form-inline { + margin-top: 0; + margin-bottom: 1.07143em; + float: right; } + +.footable .checkbox input[type="checkbox"] { + opacity: 1; } + +.footable .footable-first-visible span::before { + display: none; } + +.footable .footable-first-visible span::after { + font-family: "FontAwesome"; + display: block; + font-style: normal; + font-size: 1.28571em; + font-weight: 300; } + +.footable .footable-first-visible .fooicon-plus::after { + content: "\f067"; } + +.footable .footable-first-visible .fooicon-minus::after { + content: "\f068"; } + +.footable .input-group-btn { + display: inline-block; } + .footable .input-group-btn .btn span.fooicon::before { + display: none; } + .footable .input-group-btn .btn span.fooicon::after { + font-family: "FontAwesome"; + display: block; + font-style: normal; + font-size: 1.06667em; + font-weight: 300; } + .footable .input-group-btn .btn .fooicon-search::after { + content: "\f002"; } + +.footable .footable-paging span.label { + font-size: 0.78571em; + background: rgba(0, 0, 0, 0.7); + color: #fff; } + +.footable .footable-paging .pagination { + margin: auto; + display: inline-block; } + .footable .footable-paging .pagination > li.active > a { + background: #51d2b7; + border-color: #51d2b7; + color: #fff; } + .footable .footable-paging .pagination li a { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -0.07143em; + line-height: 1.25; + color: #51d2b7; + background-color: #fff; + border: 0.0625rem solid #ddd; } + .footable .footable-paging .pagination li a:hover { + background: #51d2b7; + border-color: #51d2b7; + color: #fff; } + .footable .footable-paging .pagination li.footable-page-nav[data-page="first"] a { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .footable .footable-paging .pagination li.footable-page-nav[data-page="last"] a { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } + +table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] { + line-height: 1em; + height: 1em; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + +.footable-filtering .footable-filtering-search .dropdown-menu li a { + display: block; + width: 100%; + padding: 0.21429em 1.42857em; + padding-top: 0.35714em; + padding-bottom: 0.35714em; + clear: both; + font-weight: normal; + color: #888; + text-align: inherit; + white-space: nowrap; + background: none; + border: 0; } + .footable-filtering .footable-filtering-search .dropdown-menu li a:hover { + color: #555; + text-decoration: none; + background-color: #f7fafc; } + .footable-filtering .footable-filtering-search .dropdown-menu li a label { + cursor: pointer; } + +/******************************** +********************************* +Card +********************************* +*********************************/ +.card[class*='bg']:not([class*='card-inverse']) .card-header { + background: inherit; } + +.card-blue { + background: #0275d8; } + +.card-persian-blue { + background: #4786ff; } + +.card-indigo { + background: #6610f2; } + +.card-purple { + background: #9c77ef; } + +.card-pink { + background: #e83e8c; } + +.card-red { + background: #e6614f; } + +.card-cerize-red { + background: #fa607e; } + +.card-orange { + background: #fb9678; } + +.card-yellow { + background: #ffcc02; } + +.card-mustard { + background: #fdb44d; } + +.card-green { + background: #38d57a; } + +.card-teal { + background: #20c997; } + +.card-cyan { + background: #03a9f3; } + +.card-white { + background: #fff; } + +.card-gray-light { + background: #ddd; } + +.card-gray { + background: #868e96; } + +.card-gray-dark { + background: #343a40; } + +.card-violet { + background: #9c27b0; } + +.card-brown { + background: #795548; } + +.card-light-gray { + background: #f9f9f9; } + +.card-slate { + background: #607d8b; } + +.card-facebook { + background: #4b64a6; } + +.card-twitter { + background: #0dace3; } + +.card-googleplus { + background: #dd4b39; } + +.card-linkedin { + background: #007bb6; } + +.card-instagram { + background: #3f729b; } + +.card-pinterest { + background: #cb2027; } + +.card-dribbble { + background: #ea4c89; } + +.card-youtube { + background: #b00; } + +.card-title { + margin-top: 0; } + +.card-header .list-icon { + position: absolute; + right: 0.625rem; + top: 0.625rem; + width: 3.125rem; + height: 3.125rem; + text-align: center; + line-height: 3.125rem; + border-radius: 100%; + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } + +.card-action { + border-top: 1px solid rgba(0, 0, 0, 0.125); + padding: 1.25rem; } + +.text-inverse .card-link:hover, .card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1em; } + +.card-expandable .card-body, .card-expandable .card-action { + display: none; } + +.card-expandable.card-expanded .card-body, +.card-expandable.card-expanded .card-action { + display: block; } + +.card-expandable.card-expanded .list-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.card-expandable .card-header { + cursor: pointer; } + +.card-outline-color-scheme { + border-color: #8253eb; } + .card-outline-color-scheme .card-footer, + .card-outline-color-scheme .card-header { + background: #8253eb; } + +.card-outline-color-scheme-dark { + border-color: #835c9e; } + .card-outline-color-scheme-dark .card-footer, + .card-outline-color-scheme-dark .card-header { + background: #835c9e; } + +.card-outline-content-color { + border-color: #999; } + .card-outline-content-color .card-footer, + .card-outline-content-color .card-header { + background: #999; } + +.card-outline-content { + border-color: #999; } + .card-outline-content .card-footer, + .card-outline-content .card-header { + background: #999; } + +.card-outline-primary { + border-color: #8253eb; } + .card-outline-primary .card-footer, + .card-outline-primary .card-header { + background: #8253eb; } + +.card-outline-secondary { + border-color: #868e96; } + .card-outline-secondary .card-footer, + .card-outline-secondary .card-header { + background: #868e96; } + +.card-outline-success { + border-color: #38d57a; } + .card-outline-success .card-footer, + .card-outline-success .card-header { + background: #38d57a; } + +.card-outline-info { + border-color: #03a9f3; } + .card-outline-info .card-footer, + .card-outline-info .card-header { + background: #03a9f3; } + +.card-outline-warning { + border-color: #ffcc02; } + .card-outline-warning .card-footer, + .card-outline-warning .card-header { + background: #ffcc02; } + +.card-outline-danger { + border-color: #e6614f; } + .card-outline-danger .card-footer, + .card-outline-danger .card-header { + background: #e6614f; } + +.card-outline-light { + border-color: #f8f9fa; } + .card-outline-light .card-footer, + .card-outline-light .card-header { + background: #f8f9fa; } + +.card-outline-dark { + border-color: #343a40; } + .card-outline-dark .card-footer, + .card-outline-dark .card-header { + background: #343a40; } + +.card-outline-gray-100 { + border-color: #f8f9fa; } + .card-outline-gray-100 .card-footer, + .card-outline-gray-100 .card-header { + background: #f8f9fa; } + +.card-outline-gray-200 { + border-color: #ddd; } + .card-outline-gray-200 .card-footer, + .card-outline-gray-200 .card-header { + background: #ddd; } + +.card-outline-gray-300 { + border-color: #bbb; } + .card-outline-gray-300 .card-footer, + .card-outline-gray-300 .card-header { + background: #bbb; } + +.card-outline-gray-400 { + border-color: #aaa; } + .card-outline-gray-400 .card-footer, + .card-outline-gray-400 .card-header { + background: #aaa; } + +.card-outline-gray-500 { + border-color: #999; } + .card-outline-gray-500 .card-footer, + .card-outline-gray-500 .card-header { + background: #999; } + +.card-outline-gray-600 { + border-color: #868e96; } + .card-outline-gray-600 .card-footer, + .card-outline-gray-600 .card-header { + background: #868e96; } + +.card-outline-gray-700 { + border-color: #495057; } + .card-outline-gray-700 .card-footer, + .card-outline-gray-700 .card-header { + background: #495057; } + +.card-outline-gray-800 { + border-color: #343a40; } + .card-outline-gray-800 .card-footer, + .card-outline-gray-800 .card-header { + background: #343a40; } + +.card-outline-gray-900 { + border-color: #212529; } + .card-outline-gray-900 .card-footer, + .card-outline-gray-900 .card-header { + background: #212529; } + +.card-outline-blue { + border-color: #0275d8; } + .card-outline-blue .card-footer, + .card-outline-blue .card-header { + background: #0275d8; } + +.card-outline-persian-blue { + border-color: #4786ff; } + .card-outline-persian-blue .card-footer, + .card-outline-persian-blue .card-header { + background: #4786ff; } + +.card-outline-indigo { + border-color: #6610f2; } + .card-outline-indigo .card-footer, + .card-outline-indigo .card-header { + background: #6610f2; } + +.card-outline-purple { + border-color: #9c77ef; } + .card-outline-purple .card-footer, + .card-outline-purple .card-header { + background: #9c77ef; } + +.card-outline-pink { + border-color: #e83e8c; } + .card-outline-pink .card-footer, + .card-outline-pink .card-header { + background: #e83e8c; } + +.card-outline-red { + border-color: #e6614f; } + .card-outline-red .card-footer, + .card-outline-red .card-header { + background: #e6614f; } + +.card-outline-cerize-red { + border-color: #fa607e; } + .card-outline-cerize-red .card-footer, + .card-outline-cerize-red .card-header { + background: #fa607e; } + +.card-outline-orange { + border-color: #fb9678; } + .card-outline-orange .card-footer, + .card-outline-orange .card-header { + background: #fb9678; } + +.card-outline-yellow { + border-color: #ffcc02; } + .card-outline-yellow .card-footer, + .card-outline-yellow .card-header { + background: #ffcc02; } + +.card-outline-mustard { + border-color: #fdb44d; } + .card-outline-mustard .card-footer, + .card-outline-mustard .card-header { + background: #fdb44d; } + +.card-outline-green { + border-color: #38d57a; } + .card-outline-green .card-footer, + .card-outline-green .card-header { + background: #38d57a; } + +.card-outline-teal { + border-color: #20c997; } + .card-outline-teal .card-footer, + .card-outline-teal .card-header { + background: #20c997; } + +.card-outline-cyan { + border-color: #03a9f3; } + .card-outline-cyan .card-footer, + .card-outline-cyan .card-header { + background: #03a9f3; } + +.card-outline-white { + border-color: #fff; } + .card-outline-white .card-footer, + .card-outline-white .card-header { + background: #fff; } + +.card-outline-gray-light { + border-color: #ddd; } + .card-outline-gray-light .card-footer, + .card-outline-gray-light .card-header { + background: #ddd; } + +.card-outline-gray { + border-color: #868e96; } + .card-outline-gray .card-footer, + .card-outline-gray .card-header { + background: #868e96; } + +.card-outline-gray-dark { + border-color: #343a40; } + .card-outline-gray-dark .card-footer, + .card-outline-gray-dark .card-header { + background: #343a40; } + +.card-outline-violet { + border-color: #9c27b0; } + .card-outline-violet .card-footer, + .card-outline-violet .card-header { + background: #9c27b0; } + +.card-outline-brown { + border-color: #795548; } + .card-outline-brown .card-footer, + .card-outline-brown .card-header { + background: #795548; } + +.card-outline-light-gray { + border-color: #f9f9f9; } + .card-outline-light-gray .card-footer, + .card-outline-light-gray .card-header { + background: #f9f9f9; } + +.card-outline-slate { + border-color: #607d8b; } + .card-outline-slate .card-footer, + .card-outline-slate .card-header { + background: #607d8b; } + +.card-outline-facebook { + border-color: #4b64a6; } + .card-outline-facebook .card-footer, + .card-outline-facebook .card-header { + background: #4b64a6; } + +.card-outline-twitter { + border-color: #0dace3; } + .card-outline-twitter .card-footer, + .card-outline-twitter .card-header { + background: #0dace3; } + +.card-outline-googleplus { + border-color: #dd4b39; } + .card-outline-googleplus .card-footer, + .card-outline-googleplus .card-header { + background: #dd4b39; } + +.card-outline-linkedin { + border-color: #007bb6; } + .card-outline-linkedin .card-footer, + .card-outline-linkedin .card-header { + background: #007bb6; } + +.card-outline-instagram { + border-color: #3f729b; } + .card-outline-instagram .card-footer, + .card-outline-instagram .card-header { + background: #3f729b; } + +.card-outline-pinterest { + border-color: #cb2027; } + .card-outline-pinterest .card-footer, + .card-outline-pinterest .card-header { + background: #cb2027; } + +.card-outline-dribbble { + border-color: #ea4c89; } + .card-outline-dribbble .card-footer, + .card-outline-dribbble .card-header { + background: #ea4c89; } + +.card-outline-youtube { + border-color: #b00; } + .card-outline-youtube .card-footer, + .card-outline-youtube .card-header { + background: #b00; } + +[class*='card-outline'] .card-block { + background: #fff; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } + +[class*='card-outline'] .card-footer, +[class*='card-outline'] .card-header { + color: #fff; } + [class*='card-outline'] .card-footer h1, [class*='card-outline'] .card-footer h2, [class*='card-outline'] .card-footer h3, [class*='card-outline'] .card-footer h4, [class*='card-outline'] .card-footer h5, [class*='card-outline'] .card-footer h6, + [class*='card-outline'] .card-header h1, + [class*='card-outline'] .card-header h2, + [class*='card-outline'] .card-header h3, + [class*='card-outline'] .card-header h4, + [class*='card-outline'] .card-header h5, + [class*='card-outline'] .card-header h6 { + color: inherit; } + +.card-body { + z-index: 1; } + +.blog-post-new .card-header { + position: relative; + z-index: 1; } + .blog-post-new .card-header::before { + content: ""; + position: absolute; + right: 0; + bottom: 0; + left: 0; + height: 7.14286em; + -webkit-transform: skewY(-4deg) translateY(70%); + transform: skewY(-4deg) translateY(70%); + background: #fff; + z-index: 0; } + .blog-post-new .card-header .user-image { + position: absolute; + right: 2.85714em; + bottom: -0.35714em; } + .blog-post-new .card-header .badge, .blog-post-new .card-header .label { + position: absolute; + padding: 0.57143em 1.14286em; + top: 1.42857em; + left: 1.42857em; } + .blog-post-new .card-header .badge::before, .blog-post-new .card-header .label::before { + content: ""; + position: absolute; + right: -1em; + top: 0; + border-style: solid; + border-width: 0px 0 15.5px 14px; + border-color: transparent transparent transparent #e6614f; } + .blog-post-new .card-header .badge::after, .blog-post-new .card-header .label::after { + content: ""; + position: absolute; + right: -1em; + bottom: 0; + border-style: solid; + border-width: 15.5px 0 0 14px; + border-color: transparent transparent transparent #e6614f; } + +.blog-post-new .card-body { + padding-left: 2.14286em; + padding-right: 2.14286em; } + .blog-post-new .card-body p { + font-size: 0.92857em; + line-height: 1.78571em; } + +.blog-post-new .card-action a { + font-weight: 400; + font-size: 0.92857em; } + .blog-post-new .card-action a i { + font-size: 1.14286em; } + +body.rtl .blog-post-new .card-header .user-image { + right: auto; + left: 2.85714em; } + +.listing-card { + background: #fff; + border-radius: 3px; + overflow: hidden; + margin-bottom: 6px; + width: 100%; } + .listing-card header, .listing-card .card-info, .listing-card footer { + padding-left: 15px; + padding-right: 15px; } + .listing-card h4 { + font-size: 1.6em; } + .listing-card figure { + position: relative; } + .listing-card figure a:not(.add-to-favourites) { + display: block; } + .listing-card figure img { + width: 100%; + height: auto; } + .listing-card .add-to-favourites { + position: absolute; + top: 15px; + right: 15px; + padding: 10px; + border-radius: 3px; + background: #000; + opacity: .6; + color: #fff; + line-height: 1; } + .listing-card .add-to-favourites:hover { + opacity: .8; } + .listing-card .add-to-favourites i { + font-size: 1.06667em; + line-height: 1; } + .listing-card .card-info { + font-family: "Montserrat", sans-serif; + font-size: 0.93333em; + color: #bbb; + font-weight: 500; + margin-top: 1.78571em; + letter-spacing: -1px; } + .listing-card .card-info strong { + color: #666; } + .listing-card svg { + width: 36px; + height: 36px; + vertical-align: middle; + position: relative; + top: -2px; } + .listing-card .card-info-baths svg { + top: -6px; } + .listing-card .card-info path, + .listing-card .card-info line, + .listing-card .card-info g { + stroke: #bbb; } + .listing-card header { + color: #666; + margin-top: 1.875rem; } + .listing-card footer { + padding-top: 15px; + padding-bottom: 20px; + border-top: 1px solid #eef1f2; } + .listing-card footer .float-left { + font-family: "Montserrat", sans-serif; + font-size: 0.86667em; + font-weight: 600; + padding-top: 5px; } + .listing-card footer .float-left i { + position: relative; + top: 2px; + margin-right: 5px; } + .listing-card .btn { + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0px; + font-size: 0.73333em; } + +/******************************** +********************************* +Blog Post +********************************* +*********************************/ +.blog-post-single, +.blog-post { + display: inline-block; } + .blog-post-single figure, + .blog-post figure { + margin-bottom: 0; } + .blog-post-single p:last-child, + .blog-post p:last-child { + margin-bottom: 0; } + +.blog-post-card { + background: #fff; + overflow: hidden; + border-radius: .5rem; + border: 0.0625rem solid #eef1f2; + display: block; + margin-bottom: 1.875rem; } + .blog-post-card .blog-post-content, + .blog-post-card footer, + .blog-post-card header { + position: relative; + padding-left: 2.14286em; + padding-right: 2.14286em; } + .blog-post-card > figure { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .blog-post-card > figure a { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .blog-post-card > figure img { + width: 100%; } + .blog-post-card header { + padding-top: 1.78571em; } + .blog-post-card .blog-post-share-links { + position: absolute; + top: 0; + left: 2.85714em; + padding-left: 2.85714em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + overflow: hidden; + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; + max-width: 0; + height: 2.85714em; } + .blog-post-card .blog-post-share-links > li { + padding: 0; + padding-left: 0.71429em; + margin-right: 0; + height: 2.85714em; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-transition-delay: 0s; + transition-delay: 0s; } + .blog-post-card .blog-post-share-links > li:first-child { + padding-left: 0; + position: absolute; + top: 0; + left: 0; + z-index: 2; } + .blog-post-card .blog-post-share-links > li:not(:first-child) { + opacity: 0; + -webkit-transform: translateX(-1.25rem) rotate(0deg); + transform: translateX(-1.25rem) rotate(0deg); } + .blog-post-card .blog-post-share-links.active, .blog-post-card .blog-post-share-links:hover { + max-width: 56.25rem; } + .blog-post-card .blog-post-share-links.active > li:not(:first-child), .blog-post-card .blog-post-share-links:hover > li:not(:first-child) { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } + .blog-post-card .blog-post-share-links.active li:first-child, .blog-post-card .blog-post-share-links:hover li:first-child { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } + .blog-post-card .blog-post-share-links.active li:nth-child(1), .blog-post-card .blog-post-share-links:hover li:nth-child(1) { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; } + .blog-post-card .blog-post-share-links.active li:nth-child(2), .blog-post-card .blog-post-share-links:hover li:nth-child(2) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; } + .blog-post-card .blog-post-share-links.active li:nth-child(3), .blog-post-card .blog-post-share-links:hover li:nth-child(3) { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; } + .blog-post-card .blog-post-share-links.active li:nth-child(4), .blog-post-card .blog-post-share-links:hover li:nth-child(4) { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; } + .blog-post-card .blog-post-share-links.active li:nth-child(5), .blog-post-card .blog-post-share-links:hover li:nth-child(5) { + -webkit-transition-delay: 0.25s; + transition-delay: 0.25s; } + .blog-post-card .blog-post-share-links.active li:nth-child(6), .blog-post-card .blog-post-share-links:hover li:nth-child(6) { + -webkit-transition-delay: 0.3s; + transition-delay: 0.3s; } + .blog-post-card .blog-post-share-links.active li:nth-child(7), .blog-post-card .blog-post-share-links:hover li:nth-child(7) { + -webkit-transition-delay: 0.35s; + transition-delay: 0.35s; } + .blog-post-card .blog-post-share-links.active li:nth-child(8), .blog-post-card .blog-post-share-links:hover li:nth-child(8) { + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; } + .blog-post-card .blog-post-share-links.active li:nth-child(9), .blog-post-card .blog-post-share-links:hover li:nth-child(9) { + -webkit-transition-delay: 0.45s; + transition-delay: 0.45s; } + .blog-post-card .blog-post-share-links.active li:nth-child(10), .blog-post-card .blog-post-share-links:hover li:nth-child(10) { + -webkit-transition-delay: 0.5s; + transition-delay: 0.5s; } + .blog-post-card .blog-post-share-links a { + display: inline-block; + color: #fff; + height: 2.85714em; + width: 2.85714em; + text-align: center; + border-radius: 6.25rem; } + .blog-post-card .blog-post-share-links a i { + line-height: 1.33333em; + font-size: 2.14286em; } + .blog-post-card .blog-post-title { + margin: 0.71429em 0 1.42857em; } + .blog-post-card .blog-post-title a { + color: #999; } + .blog-post-card .blog-post-title a:focus, .blog-post-card .blog-post-title a:hover { + color: #8253eb; } + .blog-post-card .blog-post-tags { + font-size: 0.9em; } + .blog-post-card .blog-post-tags ul { + margin-left: 0; } + .blog-post-card .blog-post-tags ul > li { + padding: 0; } + .blog-post-card .blog-post-tags ul > li:after { + content: ','; } + .blog-post-card .blog-post-tags ul > li:last-child:after { + content: ''; } + .blog-post-card .blog-post-content { + margin-top: 2em; } + .blog-post-card footer { + padding-bottom: 2.85714em; } + .blog-post-card.blog-post-single header { + padding-top: 3.57143em; } + .blog-post-card.blog-post-single .blog-post-content { + margin-bottom: 2.85714em; } + +/******************************** +********************************* +Comments +********************************* +*********************************/ +.blog-post-comments .comment { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .blog-post-comments .comment > figure { + margin-right: 1.875rem; } + +.blog-post-comments .comment-body { + background: #fff; + padding: 20px 20px; } + .blog-post-comments .comment-body p:last-child { + margin-bottom: 0; } + +.blog-post-comments .replies { + margin-top: 1.875rem; + padding-left: 5.625rem; + width: 100%; } + +.rtl .blog-post-comments .comment > figure { + margin-left: 1.875rem; + margin-right: 0; } + +.rtl .blog-post-comments .replies { + padding-left: 0; + padding-right: 5.625rem; } + +/******************************** +********************************* +Sidebar +********************************* +*********************************/ +.blog-page-sidebar .widget { + margin-bottom: 3.57143em; } + +.blog-page-sidebar .widget-title { + margin-top: 0; + font-size: 1.25rem; + padding-bottom: 1.25rem; + position: relative; + margin-bottom: 1.25rem; } + .blog-page-sidebar .widget-title:after { + content: ''; + width: 2.5rem; + height: 1px; + background: #8253eb; + display: block; + position: absolute; + bottom: 0; + left: 0; } + +.rtl .blog-page-sidebar .widget-title::after { + position: absolute; + right: 0; + bottom: 0; + left: auto; } + +.blog-page-sidebar .widget_tag_cloud .tagcloud a { + font-family: "Montserrat", sans-serif; + line-height: 1.3; } + +.blog-page-sidebar .widget_archives ul { + list-style: none; + padding: 0; } + +.blog-page-sidebar .widget_archives li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-bottom: 1px dashed rgba(153, 153, 153, 0.3); + margin-bottom: .5em; + padding-bottom: .5em; + padding-bottom: .5em; + font-family: "Montserrat", sans-serif; + color: #bbb; } + +.blog-page-sidebar .widget_archives a { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +/******************************** +********************************* +Carousel +********************************* +*********************************/ +.carousel.slick-slider .slick-slide img { + width: 100%; + height: auto; } + +.carousel.slick-slider.slick-dotted.slick-slider { + margin-bottom: 4.28571em; } + +.carousel.slick-slider .slick-slide { + max-width: 100%; + height: auto; } + +.carousel.slick-slider .slick-arrow:before { + font-size: 2.25rem; + display: block; } + +.carousel.slick-slider .slick-next, .carousel.slick-slider .slick-prev { + height: 3.75rem; + width: 3.75rem; + z-index: 3; } + +.carousel.slick-slider .slick-next { + right: 1.5625rem; } + .carousel.slick-slider .slick-next:before { + content: "keyboard_arrow_right"; + font-family: "Material Icons"; } + +.carousel.slick-slider .slick-prev { + left: 1.5625rem; } + .carousel.slick-slider .slick-prev:before { + content: "keyboard_arrow_left"; + font-family: "Material Icons"; } + +.carousel.slick-slider .slick-dots { + bottom: -3.4375rem; } + .carousel.slick-slider .slick-dots li { + padding: 0 0.3125rem; } + .carousel.slick-slider .slick-dots li.slick-active button:before { + -webkit-transform: scale(1.5); + transform: scale(1.5); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0.265, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0.265, 1); + transition: transform 0.3s cubic-bezier(0.68, 0, 0.265, 1); + transition: transform 0.3s cubic-bezier(0.68, 0, 0.265, 1), -webkit-transform 0.3s cubic-bezier(0.68, 0, 0.265, 1); } + .carousel.slick-slider .slick-dots li button:before { + height: 0.625rem; + width: 0.625rem; + content: ""; + display: block; + background: #8253eb; + border-radius: 100px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + opacity: 0.2; } + +.carousel.slick-slider .single-item-caption { + background: #fff; + text-shadow: none; + bottom: auto; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .carousel.slick-slider .single-item-caption .single-item-caption-inside { + border: 6px solid #e0f0ed; + margin: 0 1.42857em 0 1.42857em; + padding-bottom: 1.42857em; } + .carousel.slick-slider .single-item-caption .single-item-caption-inside p { + color: #000; } + +.carousel.slick-slider .carousel-caption { + width: 50%; + left: 50%; + right: auto; } + +body.rtl .carousel.slick-slider { + direction: ltr; } + +.multi-slide-carousel { + /* the parent */ } + .multi-slide-carousel .slick-slide { + margin-left: 0.125rem; } + .multi-slide-carousel .slick-list { + margin-left: -0.125rem; } + .multi-slide-carousel .item-image { + position: relative; } + .multi-slide-carousel .item-image .img-shadow .shadow { + position: absolute; + width: 100%; + height: 100%; + -webkit-box-shadow: inset 0 -100px 70px -30px rgba(0, 0, 0, 0.7); + box-shadow: inset 0 -100px 70px -30px rgba(0, 0, 0, 0.7); + top: 0; + left: 0; } + .multi-slide-carousel .item-image .header-caption { + position: absolute; + top: 0; + padding: 1.42857em; } + .multi-slide-carousel .item-image .header-caption a { + position: relative; + font-family: "Roboto", sans-serif; + font-size: 0.85714em; + color: #fff; + padding: 0.41667em 0.66667em; + border-radius: 5px; + border-bottom-left-radius: 0; + display: inline-block; } + .multi-slide-carousel .item-image .header-caption a .triangle-top-left { + display: inline-block; + position: absolute; + left: 0; + top: 100%; + width: 0; + height: 0; + border-style: solid; + border-width: 6px 4px 0 0; + border-color: #38d57a transparent transparent transparent; } + .multi-slide-carousel .item-image .content-caption { + cursor: pointer; + font-weight: 300; + position: absolute; + bottom: -4.64286em; + padding: 0 1.42857em; + -webkit-transition: all .4s ease-in-out; + transition: all .4s ease-in-out; } + @media (min-width: 768px) and (max-width: 1023px) { + .multi-slide-carousel .item-image .content-caption { + -webkit-transition: none; + transition: none; + bottom: 0; } + .multi-slide-carousel .item-image .content-caption .item-desc { + display: none; } } + @media (max-width: 767px) { + .multi-slide-carousel .item-image .content-caption { + -webkit-transition: none; + transition: none; + bottom: 0; } + .multi-slide-carousel .item-image .content-caption .item-desc { + display: none; } } + .multi-slide-carousel .item-image .content-caption .item-title { + text-decoration: none; + margin-bottom: 0.71429em; } + .multi-slide-carousel .item-image .content-caption .item-title h3 { + font-family: "Roboto", sans-serif; } + .multi-slide-carousel .item-image:hover .content-caption { + bottom: 0; } + body.rtl .multi-slide-carousel .item-image .content-caption { + direction: rtl; } + +/******************************** +********************************* +Tabs +********************************* +*********************************/ +.nav-tabs a, +.nav-pills a { + color: #444; } + +.nav-tabs { + position: relative; } + .nav-tabs li a { + font-weight: 600; + color: #313a46; } + .nav-tabs li a:hover { + background: rgba(0, 0, 0, 0.03); } + .nav-tabs li.active a, + .nav-tabs li.active a:focus, + .nav-tabs li.active a:hover { + color: #8253eb; + border-color: #ddd #ddd #fff; } + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + border-color: #ddd #ddd #fff; + background: none; } + .nav-tabs .list-icon { + font-size: 1.125rem; + vertical-align: middle; + position: relative; + top: -0.0625rem; } + +.tab-content { + padding-top: 1.42857em; + padding: 20px; + background: #fff; } + +/* Vertical Tabs +========================*/ +.tabs-vertical { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .tabs-vertical .nav-tabs { + -ms-flex-preferred-size: 10.71429em; + flex-basis: 10.71429em; + border: 0; } + .tabs-vertical .nav-tabs li a { + border: 0; + border-radius: 2px; } + .tabs-vertical .nav-tabs li.active a, + .tabs-vertical .nav-tabs li.active a:focus, + .tabs-vertical .nav-tabs li.active a:hover, + .tabs-vertical .nav-tabs .nav-link.active, + .tabs-vertical .nav-tabs .nav-item.show .nav-link { + color: #fff !important; + background: #8253eb; + border: 0; } + .tabs-vertical .tab-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 0 0 1.42857em; } + body.rtl .tabs-vertical .tab-content { + padding: 0 1.42857em 0 0; } + +.tabs-vertical-right .nav-tabs { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + +.tabs-vertical-right .tab-content { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + padding: 0 0 1.42857em 0; } + +.tabs-vertical-icons .nav-tabs { + -ms-flex-preferred-size: auto; + flex-basis: auto; + text-align: center; } + +/* Tabs Bordered +========================*/ +.tabs-bordered .nav-tabs { + border: 0; } + .tabs-bordered .nav-tabs li { + z-index: 1; } + .tabs-bordered .nav-tabs li + li { + margin-left: 0.71429em; } + .tabs-bordered .nav-tabs a { + font-weight: 500; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + border-radius: 0; + border: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; + position: relative; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .tabs-bordered .nav-tabs a:hover, + .tabs-bordered .nav-tabs a:focus { + color: #8253eb; + background: transparent; } + .tabs-bordered .nav-tabs li.active a, + .tabs-bordered .nav-tabs li.active a:focus, + .tabs-bordered .nav-tabs li.active a:hover, + .tabs-bordered .nav-tabs .nav-link.active, + .tabs-bordered .nav-tabs .nav-item.show .nav-link { + color: #fff !important; + border: 0; + background: #8253eb; } + .tabs-bordered .nav-tabs a::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + background: #d2d8d6; + content: ''; + -webkit-transition: all 0.3s, -webkit-transform 0.3s; + transition: all 0.3s, -webkit-transform 0.3s; + transition: all 0.3s, transform 0.3s; + transition: all 0.3s, transform 0.3s, -webkit-transform 0.3s; + -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); + transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); + -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); + transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); } + .tabs-bordered .nav-tabs .nav-link.active::before { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + .tabs-bordered .nav-tabs .nav-link.active::before, + .tabs-bordered .nav-tabs li a:hover::before, + .tabs-bordered .nav-tabs li a:focus::before { + background: #8253eb; } + +body.rtl .tabs-bordered li:first-child { + margin-left: 0.71429em; } + +/* Page Tabs +========================*/ +.tabs-page .nav-tabs { + border-bottom: 0; } + .tabs-page .nav-tabs .nav-link { + border: 1px solid rgba(255, 255, 255, 0.2); + background: rgba(255, 255, 255, 0.1); + border-radius: 0; + font-family: "Montserrat", sans-serif; + color: rgba(255, 255, 255, 0.5); + font-weight: 600; + padding: 1rem 3rem; } + .tabs-page .nav-tabs .nav-link.active { + background: #f5f7fa; + color: #8253eb; + -webkit-box-shadow: 0px -4px 0 0 #8253eb; + box-shadow: 0px -4px 0 0 #8253eb; } + .tabs-page .nav-tabs li { + margin-left: 0.35714em; + margin-right: 0.35714em; } + +/******************************** +********************************* +Accordions +********************************* +*********************************/ +.accordion .card { + margin-bottom: 0.35714em; } + .accordion .card .card-header { + padding: 0; } + .accordion .card .card-header a { + display: block; + padding: 0.83333em 1.94444em 0.83333em 0.83333em; + position: relative; } + .accordion .card .card-header a:after { + content: "\e92b"; + font-family: "feather"; + font-size: 1.125rem; + position: absolute; + top: 50%; + right: 0.9375rem; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .accordion .card .card-header a.collapsed::after { + content: "\e928"; } + .accordion .card .card-title { + font-size: 1.07143em; + margin-bottom: 0; + padding: 0.375em 0.375em; } + +.accordion [class*="card-outline-"] .card-header a, .accordion .card-inverse .card-header a { + color: #fff; } + +body.rtl .accordion .card .card-header a:after { + right: auto; + left: 0.9375rem; } + +.accordion-minimal .card { + border: none; } + +.accordion-minimal .card-header { + background: #fff; } + +.accordion-minimal .card-title a { + color: #999; } + .accordion-minimal .card-title a:hover, .accordion-minimal .card-title a:focus { + color: #8253eb; } + +.accordion-minimal .card-block { + padding: 1.78571em; } + +/******************************** + ********************************* + LISTS + ********************************* + *********************************/ +.list-group .list-icon { + font-size: 1.28571em; + position: relative; } + +.list-group .badge, .list-group .label { + margin-top: 0.14286em; } + +/* Sortable Lists +========================*/ +.list-group.sortable .list-group-item { + border-radius: 0.14286em; + margin-bottom: 0.35714em; + padding-top: 1.07143em; + padding-bottom: 1.07143em; } + .list-group.sortable .list-group-item::after { + clear: both; + content: ""; + display: block; } + +.list-group.sortable .list-icon { + font-size: 1.28571em; + position: relative; + top: -0.11111em; } + +.list-group.sortable a .list-icon { + color: #8253eb; } + +.list-group.sortable a:hover .list-icon { + color: #8253eb; } + +.list-group.sortable .ui-sortable-placeholder { + height: 3.78571em; + border: 0.125rem dashed #8253eb !important; + background: none !important; + margin-bottom: 0.35714em; + list-style: none; + visibility: visible !important; } + +/* Nestable Sortable List +========================*/ +.dd-dragel, +.dd { + display: block; + width: 100%; + max-width: none; } + .dd-dragel .dd-item, + .dd .dd-item { + position: relative; } + .dd-dragel .dd-item .dd-list, + .dd .dd-item .dd-list { + padding-left: 2.85714em; } + .dd-dragel .dd-item .dd-handle, + .dd .dd-item .dd-handle { + cursor: move; } + .dd-dragel .dd-item > div, + .dd-dragel .dd-item .dd-handle, + .dd .dd-item > div, + .dd .dd-item .dd-handle { + font-weight: normal; + font-size: 0.875rem; + color: #999; + border: 0.0625rem solid #ddd; + padding: 0.71429em 1.42857em; + height: 2.85714em; + background: #fff; + margin: 0.71429em 0; } + .dd-dragel .dd-item > button.dd-expand, + .dd-dragel .dd-item > button.dd-collapse, + .dd .dd-item > button.dd-expand, + .dd .dd-item > button.dd-collapse { + line-height: 1; + font-size: 1.23077em; + text-align: center; + opacity: 0.2; + height: 2.5em; + width: 2.5em; + margin: 0; } + .dd-dragel .dd-item > button.dd-expand:before, + .dd-dragel .dd-item > button.dd-collapse:before, + .dd .dd-item > button.dd-expand:before, + .dd .dd-item > button.dd-collapse:before { + font-family: 'Material Icons'; } + .dd-dragel .dd-item > button.dd-collapse::before, + .dd .dd-item > button.dd-collapse::before { + content: 'remove'; } + .dd-dragel .dd-item > button.dd-expand::before, + .dd .dd-item > button.dd-expand::before { + content: 'add'; } + .dd-dragel .dd-item.dd3-item, + .dd .dd-item.dd3-item { + padding-left: 2.92308em; } + .dd-dragel .dd-item.dd3-item .dd-list, + .dd .dd-item.dd3-item .dd-list { + padding-left: 0; } + .dd-dragel .dd-item .dd3-handle, + .dd .dd-item .dd3-handle { + background: #eee; + height: 2.85714em; + width: 2.85714em; + line-height: 2.85714em; + text-align: center; + display: inline-block; + padding: 0; + margin: 0; + position: absolute; + top: 0; + left: 0; } + .dd-dragel .dd-item .dd3-handle:before, + .dd .dd-item .dd3-handle:before { + content: "open_with"; + font-family: 'Material Icons'; + text-indent: 0; } + +/******************************** +********************************* +Counters +********************************* +*********************************/ +.counter-gradient { + text-align: center; + padding: 2.14286em 1.42857em; } + .counter-gradient .counter { + color: #8253eb; + background: -webkit-linear-gradient(#8253eb, #68497e); + background-size: cover; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } + +.counter-w-info { + margin-bottom: 10px; } + .counter-w-info .counter { + font-size: 2.625rem; + margin: 0 0.15em; } + .counter-w-info .counter-title { + font-size: 1.5rem; + font-family: "Montserrat", sans-serif; + text-align: center; + line-height: 1.2; + letter-spacing: -0.05em; + color: #444; } + .counter-w-info .counter-info { + text-align: center; + font-family: "Montserrat", sans-serif; + letter-spacing: -0.06em; + font-size: 0.92857em; + font-weight: 600; + margin-top: 0.38462em; + color: #bbb; } + .counter-w-info .counter-info .badge, .counter-w-info .counter-info .label { + font-size: inherit; } + +/* Modals +========================*/ +.modal-content { + padding: 0 25px; + border-radius: 0.21429em; } + .modal-content .close { + font-size: 1.28571em; + top: -0.85714em; + position: absolute; + right: -0.85714em; + height: 2em; + width: 2em; + background-color: #313a46; + opacity: 1; + border: 2px solid #ffffff; + text-shadow: none; + color: #ffffff; + border-radius: 50%; + text-align: center; + line-height: 1.83333em; } + .modal-content .close:hover { + background-color: #8253eb; } + body.rtl .modal-content .close { + right: auto; + left: -0.85714em; } + +.modal-footer, +.modal-body { + padding-left: 0; + padding-right: 0; } + +.modal-header { + border-top-left-radius: 0.21429em; + border-top-right-radius: 0.21429em; + margin: -1px calc(-25px - 1px) 0; } + +.modal-title { + margin-top: 0; } + +.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6 { + color: #777; } + +.modal-img { + cursor: pointer; } + +.modal-color-scheme .modal-content .modal-header { + background: #8253eb; + border: 0; } + +.modal-color-scheme-dark .modal-content .modal-header { + background: #835c9e; + border: 0; } + +.modal-content-color .modal-content .modal-header { + background: #999; + border: 0; } + +.modal-content .modal-content .modal-header { + background: #999; + border: 0; } + +.modal-primary .modal-content .modal-header { + background: #8253eb; + border: 0; } + +.modal-secondary .modal-content .modal-header { + background: #868e96; + border: 0; } + +.modal-success .modal-content .modal-header { + background: #38d57a; + border: 0; } + +.modal-info .modal-content .modal-header { + background: #03a9f3; + border: 0; } + +.modal-warning .modal-content .modal-header { + background: #ffcc02; + border: 0; } + +.modal-danger .modal-content .modal-header { + background: #e6614f; + border: 0; } + +.modal-light .modal-content .modal-header { + background: #f8f9fa; + border: 0; } + +.modal-dark .modal-content .modal-header { + background: #343a40; + border: 0; } + +.modal-gray-100 .modal-content .modal-header { + background: #f8f9fa; + border: 0; } + +.modal-gray-200 .modal-content .modal-header { + background: #ddd; + border: 0; } + +.modal-gray-300 .modal-content .modal-header { + background: #bbb; + border: 0; } + +.modal-gray-400 .modal-content .modal-header { + background: #aaa; + border: 0; } + +.modal-gray-500 .modal-content .modal-header { + background: #999; + border: 0; } + +.modal-gray-600 .modal-content .modal-header { + background: #868e96; + border: 0; } + +.modal-gray-700 .modal-content .modal-header { + background: #495057; + border: 0; } + +.modal-gray-800 .modal-content .modal-header { + background: #343a40; + border: 0; } + +.modal-gray-900 .modal-content .modal-header { + background: #212529; + border: 0; } + +.modal-blue .modal-content .modal-header { + background: #0275d8; + border: 0; } + +.modal-persian-blue .modal-content .modal-header { + background: #4786ff; + border: 0; } + +.modal-indigo .modal-content .modal-header { + background: #6610f2; + border: 0; } + +.modal-purple .modal-content .modal-header { + background: #9c77ef; + border: 0; } + +.modal-pink .modal-content .modal-header { + background: #e83e8c; + border: 0; } + +.modal-red .modal-content .modal-header { + background: #e6614f; + border: 0; } + +.modal-cerize-red .modal-content .modal-header { + background: #fa607e; + border: 0; } + +.modal-orange .modal-content .modal-header { + background: #fb9678; + border: 0; } + +.modal-yellow .modal-content .modal-header { + background: #ffcc02; + border: 0; } + +.modal-mustard .modal-content .modal-header { + background: #fdb44d; + border: 0; } + +.modal-green .modal-content .modal-header { + background: #38d57a; + border: 0; } + +.modal-teal .modal-content .modal-header { + background: #20c997; + border: 0; } + +.modal-cyan .modal-content .modal-header { + background: #03a9f3; + border: 0; } + +.modal-white .modal-content .modal-header { + background: #fff; + border: 0; } + +.modal-gray-light .modal-content .modal-header { + background: #ddd; + border: 0; } + +.modal-gray .modal-content .modal-header { + background: #868e96; + border: 0; } + +.modal-gray-dark .modal-content .modal-header { + background: #343a40; + border: 0; } + +.modal-violet .modal-content .modal-header { + background: #9c27b0; + border: 0; } + +.modal-brown .modal-content .modal-header { + background: #795548; + border: 0; } + +.modal-light-gray .modal-content .modal-header { + background: #f9f9f9; + border: 0; } + +.modal-slate .modal-content .modal-header { + background: #607d8b; + border: 0; } + +.modal-facebook .modal-content .modal-header { + background: #4b64a6; + border: 0; } + +.modal-twitter .modal-content .modal-header { + background: #0dace3; + border: 0; } + +.modal-googleplus .modal-content .modal-header { + background: #dd4b39; + border: 0; } + +.modal-linkedin .modal-content .modal-header { + background: #007bb6; + border: 0; } + +.modal-instagram .modal-content .modal-header { + background: #3f729b; + border: 0; } + +.modal-pinterest .modal-content .modal-header { + background: #cb2027; + border: 0; } + +.modal-dribbble .modal-content .modal-header { + background: #ea4c89; + border: 0; } + +.modal-youtube .modal-content .modal-header { + background: #b00; + border: 0; } + +.modal-content .modal-header { + background: none; } + +/******************************** + ********************************* + BASIC + ********************************* + *********************************/ +/* Basic Form +========================*/ +select, +button, +textarea, +input { + font-family: inherit; } + select::-webkit-input-placeholder, + button::-webkit-input-placeholder, + textarea::-webkit-input-placeholder, + input::-webkit-input-placeholder { + color: #bbb; + opacity: 1; } + select:-moz-placeholder, + button:-moz-placeholder, + textarea:-moz-placeholder, + input:-moz-placeholder { + color: #bbb; + opacity: 1; } + select::-moz-placeholder, + button::-moz-placeholder, + textarea::-moz-placeholder, + input::-moz-placeholder { + color: #bbb; + opacity: 1; } + select:-ms-input-placeholder, + button:-ms-input-placeholder, + textarea:-ms-input-placeholder, + input:-ms-input-placeholder { + color: #bbb; + opacity: 1; } + +.form-group { + position: relative; } + +.form-text { + color: #8d9ea7; } + +label { + text-transform: uppercase; + font-weight: 700; + color: #222; + font-size: 12px; + font-family: "Montserrat", sans-serif; } + .radiobox label, + .checkbox label { + font-weight: 400; + text-transform: none; } + +.col-form-label { + padding-top: calc(0.5625rem + 1px); + padding-bottom: calc(0.5625rem + 1px); } + +.input-group-addon { + border: 1px solid #e4e9f0; } + .input-group-addon:first-child { + border-right: 0; } + .input-group-addon i { + font-size: 1.125rem; } + +.bootstrap-tagsinput .label-info { + background: #03a9f3; } + +.checkbox { + position: relative; + padding: 0.5625rem 0; + border-width: 1px; } + .checkbox, .checkbox label, .checkbox span.label-text { + border-style: solid; + border-color: transparent; } + .checkbox + .checkbox { + padding-top: 0; } + .checkbox input[type="checkbox"] { + opacity: 0; } + .checkbox input[type="checkbox"]:disabled + label { + cursor: not-allowed; } + .checkbox label { + padding-left: 0; + cursor: pointer; + margin-bottom: 0; + border-width: inherit; + font-weight: inherit; + font-size: inherit; + color: inherit; } + .checkbox .label-text { + position: relative; + padding-left: 2.14286em; + border-width: inherit; + font-weight: inherit; + color: inherit; } + .checkbox .label-text:after { + position: absolute; + top: 50%; + left: 0; + content: ""; + font-family: "feather"; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + font-size: 0.875rem; + border-color: #eee; + border-style: solid; + border-width: inherit; + height: 1.28571em; + width: 1.28571em; + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.5s ease; + transition: all 0.5s ease; + color: #fff; + 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; } + .checkbox.checkbox-circle span.label-text::after { + border-radius: 100%; } + .checkbox.checkbox-rounded span.label-text::after { + border-radius: 5px; } + .checkbox.checkbox-full-bg { + margin-bottom: 0.71429em; } + .checkbox.checkbox-full-bg span.label-text { + font-size: 1em; + letter-spacing: -.05em; + font-weight: 500; } + .checkbox.checkbox-full-bg span.label-text::after { + background: #f9f9f9; + border-radius: 3px; + font-size: 0.75rem; } + .checkbox.checkbox-lg span.label-text { + padding-left: 2.85714em; } + .checkbox.checkbox-lg span.label-text::after { + height: 2.71429em; + width: 2.71429em; } + .checkbox.checkbox-md span.label-text { + margin-left: 2.35714em; } + .checkbox.checkbox-md span.label-text, + .checkbox.checkbox-md span.label-text::after { + height: 2em; + width: 2em; } + .checkbox input[type=checkbox]:checked + .label-text:after { + content: "\e925"; + background: #eee; + border-color: #ddd; + color: #999; } + .checkbox input[type=checkbox]:disabled + .label-text:after { + opacity: 0.5; + cursor: not-allowed; } + .checkbox.checkbox-star .label-text:after { + height: 1em; + width: 1em; + content: '\e9bf'; + color: #bbb; + border: 0; + font-size: inherit; } + .checkbox.checkbox-star input[type=checkbox]:checked + .label-text:after { + content: '\e9bf'; + color: #ffcc02; + background: none; } + .checkbox.checkbox-color-scheme input[type=checkbox]:checked + span.label-text::after { + background: #8253eb; + border-color: #8253eb; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-color-scheme input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-color-scheme-dark input[type=checkbox]:checked + span.label-text::after { + background: #835c9e; + border-color: #835c9e; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-color-scheme-dark input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-content-color input[type=checkbox]:checked + span.label-text::after { + background: #999; + border-color: #999; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-content-color input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-content input[type=checkbox]:checked + span.label-text::after { + background: #999; + border-color: #999; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-content input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-primary input[type=checkbox]:checked + span.label-text::after { + background: #8253eb; + border-color: #8253eb; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-primary input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-secondary input[type=checkbox]:checked + span.label-text::after { + background: #868e96; + border-color: #868e96; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-secondary input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-success input[type=checkbox]:checked + span.label-text::after { + background: #38d57a; + border-color: #38d57a; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-success input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-info input[type=checkbox]:checked + span.label-text::after { + background: #03a9f3; + border-color: #03a9f3; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-info input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-warning input[type=checkbox]:checked + span.label-text::after { + background: #ffcc02; + border-color: #ffcc02; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-warning input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-danger input[type=checkbox]:checked + span.label-text::after { + background: #e6614f; + border-color: #e6614f; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-danger input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-light input[type=checkbox]:checked + span.label-text::after { + background: #f8f9fa; + border-color: #f8f9fa; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-light input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-dark input[type=checkbox]:checked + span.label-text::after { + background: #343a40; + border-color: #343a40; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-dark input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-100 input[type=checkbox]:checked + span.label-text::after { + background: #f8f9fa; + border-color: #f8f9fa; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-100 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-200 input[type=checkbox]:checked + span.label-text::after { + background: #ddd; + border-color: #ddd; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-200 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-300 input[type=checkbox]:checked + span.label-text::after { + background: #bbb; + border-color: #bbb; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-300 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-400 input[type=checkbox]:checked + span.label-text::after { + background: #aaa; + border-color: #aaa; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-400 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-500 input[type=checkbox]:checked + span.label-text::after { + background: #999; + border-color: #999; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-500 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-600 input[type=checkbox]:checked + span.label-text::after { + background: #868e96; + border-color: #868e96; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-600 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-700 input[type=checkbox]:checked + span.label-text::after { + background: #495057; + border-color: #495057; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-700 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-800 input[type=checkbox]:checked + span.label-text::after { + background: #343a40; + border-color: #343a40; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-800 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-900 input[type=checkbox]:checked + span.label-text::after { + background: #212529; + border-color: #212529; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-900 input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-blue input[type=checkbox]:checked + span.label-text::after { + background: #0275d8; + border-color: #0275d8; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-blue input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-persian-blue input[type=checkbox]:checked + span.label-text::after { + background: #4786ff; + border-color: #4786ff; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-persian-blue input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-indigo input[type=checkbox]:checked + span.label-text::after { + background: #6610f2; + border-color: #6610f2; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-indigo input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-purple input[type=checkbox]:checked + span.label-text::after { + background: #9c77ef; + border-color: #9c77ef; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-purple input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-pink input[type=checkbox]:checked + span.label-text::after { + background: #e83e8c; + border-color: #e83e8c; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-pink input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-red input[type=checkbox]:checked + span.label-text::after { + background: #e6614f; + border-color: #e6614f; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-red input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-cerize-red input[type=checkbox]:checked + span.label-text::after { + background: #fa607e; + border-color: #fa607e; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-cerize-red input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-orange input[type=checkbox]:checked + span.label-text::after { + background: #fb9678; + border-color: #fb9678; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-orange input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-yellow input[type=checkbox]:checked + span.label-text::after { + background: #ffcc02; + border-color: #ffcc02; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-yellow input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-mustard input[type=checkbox]:checked + span.label-text::after { + background: #fdb44d; + border-color: #fdb44d; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-mustard input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-green input[type=checkbox]:checked + span.label-text::after { + background: #38d57a; + border-color: #38d57a; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-green input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-teal input[type=checkbox]:checked + span.label-text::after { + background: #20c997; + border-color: #20c997; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-teal input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-cyan input[type=checkbox]:checked + span.label-text::after { + background: #03a9f3; + border-color: #03a9f3; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-cyan input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-white input[type=checkbox]:checked + span.label-text::after { + background: #fff; + border-color: #fff; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-white input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-light input[type=checkbox]:checked + span.label-text::after { + background: #ddd; + border-color: #ddd; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-light input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray input[type=checkbox]:checked + span.label-text::after { + background: #868e96; + border-color: #868e96; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-gray-dark input[type=checkbox]:checked + span.label-text::after { + background: #343a40; + border-color: #343a40; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-gray-dark input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-violet input[type=checkbox]:checked + span.label-text::after { + background: #9c27b0; + border-color: #9c27b0; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-violet input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-brown input[type=checkbox]:checked + span.label-text::after { + background: #795548; + border-color: #795548; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-brown input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-light-gray input[type=checkbox]:checked + span.label-text::after { + background: #f9f9f9; + border-color: #f9f9f9; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-light-gray input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-slate input[type=checkbox]:checked + span.label-text::after { + background: #607d8b; + border-color: #607d8b; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-slate input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-facebook input[type=checkbox]:checked + span.label-text::after { + background: #4b64a6; + border-color: #4b64a6; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-facebook input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-twitter input[type=checkbox]:checked + span.label-text::after { + background: #0dace3; + border-color: #0dace3; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-twitter input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-googleplus input[type=checkbox]:checked + span.label-text::after { + background: #dd4b39; + border-color: #dd4b39; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-googleplus input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-linkedin input[type=checkbox]:checked + span.label-text::after { + background: #007bb6; + border-color: #007bb6; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-linkedin input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-instagram input[type=checkbox]:checked + span.label-text::after { + background: #3f729b; + border-color: #3f729b; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-instagram input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-pinterest input[type=checkbox]:checked + span.label-text::after { + background: #cb2027; + border-color: #cb2027; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-pinterest input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-dribbble input[type=checkbox]:checked + span.label-text::after { + background: #ea4c89; + border-color: #ea4c89; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-dribbble input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + .checkbox.checkbox-youtube input[type=checkbox]:checked + span.label-text::after { + background: #b00; + border-color: #b00; + color: #fff; } + .checkbox.checkbox-full-bg.checkbox-youtube input[type="checkbox"]:checked + span.label-text::after { + color: #fff; } + body.rtl .checkbox .label-text { + padding-left: 0; + padding-right: 2.14286em; } + body.rtl .checkbox .label-text:after { + left: auto; + right: 0; } + +.radiobox { + padding: 0.5625rem 0; } + .radiobox + .radiobox { + padding-top: 0; } + .radiobox input[type="radio"] { + position: absolute; + opacity: 0; + pointer-events: none; } + .radiobox input[type="radio"]:disabled + label { + cursor: not-allowed; } + .radiobox label { + cursor: pointer; + font-weight: normal; + margin-bottom: 0; + border-width: inherit; + font-weight: inherit; + font-size: inherit; + color: inherit; } + .radiobox span.label-text { + position: relative; + padding-left: 2.14286em; + border-width: inherit; + font-weight: inherit; + color: inherit; } + .radiobox span.label-text:before { + content: ""; + height: 1.42857em; + width: 1.42857em; + display: inline-block; + background: none; + border: 1px solid #ddd; + border-radius: 100%; + vertical-align: middle; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .radiobox span.label-text:after { + content: ""; + height: 0.71429em; + width: 0.71429em; + display: inline-block; + border-radius: 100%; + background: #8253eb; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%) translateX(5px) scale(0); + transform: translateY(-50%) translateX(5px) scale(0); + opacity: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .radiobox.radiobox-lg span.label-text { + padding-left: 2.85714em; } + .radiobox.radiobox-lg span.label-text::after { + height: 2.71429em; + width: 2.71429em; } + .radiobox.radiobox-md span.label-text { + margin-left: 2.35714em; } + .radiobox.radiobox-md span.label-text, + .radiobox.radiobox-md span.label-text::after { + height: 2em; + width: 2em; } + .radiobox input[type="radio"]:checked + span.label-text:after { + -webkit-transform: translateY(-50%) translateX(5px) scale(1); + transform: translateY(-50%) translateX(5px) scale(1); + opacity: 1; + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; } + .radiobox input[type="radio"]:checked + span.label-text:before { + border-color: #8253eb; } + .radiobox input[type="radio"]:disabled + span.label-text:after, .radiobox input[type="radio"]:disabled + span.label-text:before { + opacity: 0.5; } + .radiobox.radio-blue input[type=radio]:checked + span.label-text::after { + background: #0275d8; } + .radiobox.radio-blue input[type=radio]:checked + span.label-text::before { + border-color: #0275d8; } + .radiobox.radio-persian-blue input[type=radio]:checked + span.label-text::after { + background: #4786ff; } + .radiobox.radio-persian-blue input[type=radio]:checked + span.label-text::before { + border-color: #4786ff; } + .radiobox.radio-indigo input[type=radio]:checked + span.label-text::after { + background: #6610f2; } + .radiobox.radio-indigo input[type=radio]:checked + span.label-text::before { + border-color: #6610f2; } + .radiobox.radio-purple input[type=radio]:checked + span.label-text::after { + background: #9c77ef; } + .radiobox.radio-purple input[type=radio]:checked + span.label-text::before { + border-color: #9c77ef; } + .radiobox.radio-pink input[type=radio]:checked + span.label-text::after { + background: #e83e8c; } + .radiobox.radio-pink input[type=radio]:checked + span.label-text::before { + border-color: #e83e8c; } + .radiobox.radio-red input[type=radio]:checked + span.label-text::after { + background: #e6614f; } + .radiobox.radio-red input[type=radio]:checked + span.label-text::before { + border-color: #e6614f; } + .radiobox.radio-cerize-red input[type=radio]:checked + span.label-text::after { + background: #fa607e; } + .radiobox.radio-cerize-red input[type=radio]:checked + span.label-text::before { + border-color: #fa607e; } + .radiobox.radio-orange input[type=radio]:checked + span.label-text::after { + background: #fb9678; } + .radiobox.radio-orange input[type=radio]:checked + span.label-text::before { + border-color: #fb9678; } + .radiobox.radio-yellow input[type=radio]:checked + span.label-text::after { + background: #ffcc02; } + .radiobox.radio-yellow input[type=radio]:checked + span.label-text::before { + border-color: #ffcc02; } + .radiobox.radio-mustard input[type=radio]:checked + span.label-text::after { + background: #fdb44d; } + .radiobox.radio-mustard input[type=radio]:checked + span.label-text::before { + border-color: #fdb44d; } + .radiobox.radio-green input[type=radio]:checked + span.label-text::after { + background: #38d57a; } + .radiobox.radio-green input[type=radio]:checked + span.label-text::before { + border-color: #38d57a; } + .radiobox.radio-teal input[type=radio]:checked + span.label-text::after { + background: #20c997; } + .radiobox.radio-teal input[type=radio]:checked + span.label-text::before { + border-color: #20c997; } + .radiobox.radio-cyan input[type=radio]:checked + span.label-text::after { + background: #03a9f3; } + .radiobox.radio-cyan input[type=radio]:checked + span.label-text::before { + border-color: #03a9f3; } + .radiobox.radio-white input[type=radio]:checked + span.label-text::after { + background: #fff; } + .radiobox.radio-white input[type=radio]:checked + span.label-text::before { + border-color: #fff; } + .radiobox.radio-gray-light input[type=radio]:checked + span.label-text::after { + background: #ddd; } + .radiobox.radio-gray-light input[type=radio]:checked + span.label-text::before { + border-color: #ddd; } + .radiobox.radio-gray input[type=radio]:checked + span.label-text::after { + background: #868e96; } + .radiobox.radio-gray input[type=radio]:checked + span.label-text::before { + border-color: #868e96; } + .radiobox.radio-gray-dark input[type=radio]:checked + span.label-text::after { + background: #343a40; } + .radiobox.radio-gray-dark input[type=radio]:checked + span.label-text::before { + border-color: #343a40; } + .radiobox.radio-violet input[type=radio]:checked + span.label-text::after { + background: #9c27b0; } + .radiobox.radio-violet input[type=radio]:checked + span.label-text::before { + border-color: #9c27b0; } + .radiobox.radio-brown input[type=radio]:checked + span.label-text::after { + background: #795548; } + .radiobox.radio-brown input[type=radio]:checked + span.label-text::before { + border-color: #795548; } + .radiobox.radio-light-gray input[type=radio]:checked + span.label-text::after { + background: #f9f9f9; } + .radiobox.radio-light-gray input[type=radio]:checked + span.label-text::before { + border-color: #f9f9f9; } + .radiobox.radio-slate input[type=radio]:checked + span.label-text::after { + background: #607d8b; } + .radiobox.radio-slate input[type=radio]:checked + span.label-text::before { + border-color: #607d8b; } + .radiobox.radio-facebook input[type=radio]:checked + span.label-text::after { + background: #4b64a6; } + .radiobox.radio-facebook input[type=radio]:checked + span.label-text::before { + border-color: #4b64a6; } + .radiobox.radio-twitter input[type=radio]:checked + span.label-text::after { + background: #0dace3; } + .radiobox.radio-twitter input[type=radio]:checked + span.label-text::before { + border-color: #0dace3; } + .radiobox.radio-googleplus input[type=radio]:checked + span.label-text::after { + background: #dd4b39; } + .radiobox.radio-googleplus input[type=radio]:checked + span.label-text::before { + border-color: #dd4b39; } + .radiobox.radio-linkedin input[type=radio]:checked + span.label-text::after { + background: #007bb6; } + .radiobox.radio-linkedin input[type=radio]:checked + span.label-text::before { + border-color: #007bb6; } + .radiobox.radio-instagram input[type=radio]:checked + span.label-text::after { + background: #3f729b; } + .radiobox.radio-instagram input[type=radio]:checked + span.label-text::before { + border-color: #3f729b; } + .radiobox.radio-pinterest input[type=radio]:checked + span.label-text::after { + background: #cb2027; } + .radiobox.radio-pinterest input[type=radio]:checked + span.label-text::before { + border-color: #cb2027; } + .radiobox.radio-dribbble input[type=radio]:checked + span.label-text::after { + background: #ea4c89; } + .radiobox.radio-dribbble input[type=radio]:checked + span.label-text::before { + border-color: #ea4c89; } + .radiobox.radio-youtube input[type=radio]:checked + span.label-text::after { + background: #b00; } + .radiobox.radio-youtube input[type=radio]:checked + span.label-text::before { + border-color: #b00; } + .radiobox.radio-color-scheme input[type=radio]:checked + span.label-text::after { + background: #8253eb; } + .radiobox.radio-color-scheme input[type=radio]:checked + span.label-text::before { + border-color: #8253eb; } + .radiobox.radio-color-scheme-dark input[type=radio]:checked + span.label-text::after { + background: #835c9e; } + .radiobox.radio-color-scheme-dark input[type=radio]:checked + span.label-text::before { + border-color: #835c9e; } + .radiobox.radio-content-color input[type=radio]:checked + span.label-text::after { + background: #999; } + .radiobox.radio-content-color input[type=radio]:checked + span.label-text::before { + border-color: #999; } + .radiobox.radio-content input[type=radio]:checked + span.label-text::after { + background: #999; } + .radiobox.radio-content input[type=radio]:checked + span.label-text::before { + border-color: #999; } + .radiobox.radio-primary input[type=radio]:checked + span.label-text::after { + background: #8253eb; } + .radiobox.radio-primary input[type=radio]:checked + span.label-text::before { + border-color: #8253eb; } + .radiobox.radio-secondary input[type=radio]:checked + span.label-text::after { + background: #868e96; } + .radiobox.radio-secondary input[type=radio]:checked + span.label-text::before { + border-color: #868e96; } + .radiobox.radio-success input[type=radio]:checked + span.label-text::after { + background: #38d57a; } + .radiobox.radio-success input[type=radio]:checked + span.label-text::before { + border-color: #38d57a; } + .radiobox.radio-info input[type=radio]:checked + span.label-text::after { + background: #03a9f3; } + .radiobox.radio-info input[type=radio]:checked + span.label-text::before { + border-color: #03a9f3; } + .radiobox.radio-warning input[type=radio]:checked + span.label-text::after { + background: #ffcc02; } + .radiobox.radio-warning input[type=radio]:checked + span.label-text::before { + border-color: #ffcc02; } + .radiobox.radio-danger input[type=radio]:checked + span.label-text::after { + background: #e6614f; } + .radiobox.radio-danger input[type=radio]:checked + span.label-text::before { + border-color: #e6614f; } + .radiobox.radio-light input[type=radio]:checked + span.label-text::after { + background: #f8f9fa; } + .radiobox.radio-light input[type=radio]:checked + span.label-text::before { + border-color: #f8f9fa; } + .radiobox.radio-dark input[type=radio]:checked + span.label-text::after { + background: #343a40; } + .radiobox.radio-dark input[type=radio]:checked + span.label-text::before { + border-color: #343a40; } + .radiobox.radio-gray-100 input[type=radio]:checked + span.label-text::after { + background: #f8f9fa; } + .radiobox.radio-gray-100 input[type=radio]:checked + span.label-text::before { + border-color: #f8f9fa; } + .radiobox.radio-gray-200 input[type=radio]:checked + span.label-text::after { + background: #ddd; } + .radiobox.radio-gray-200 input[type=radio]:checked + span.label-text::before { + border-color: #ddd; } + .radiobox.radio-gray-300 input[type=radio]:checked + span.label-text::after { + background: #bbb; } + .radiobox.radio-gray-300 input[type=radio]:checked + span.label-text::before { + border-color: #bbb; } + .radiobox.radio-gray-400 input[type=radio]:checked + span.label-text::after { + background: #aaa; } + .radiobox.radio-gray-400 input[type=radio]:checked + span.label-text::before { + border-color: #aaa; } + .radiobox.radio-gray-500 input[type=radio]:checked + span.label-text::after { + background: #999; } + .radiobox.radio-gray-500 input[type=radio]:checked + span.label-text::before { + border-color: #999; } + .radiobox.radio-gray-600 input[type=radio]:checked + span.label-text::after { + background: #868e96; } + .radiobox.radio-gray-600 input[type=radio]:checked + span.label-text::before { + border-color: #868e96; } + .radiobox.radio-gray-700 input[type=radio]:checked + span.label-text::after { + background: #495057; } + .radiobox.radio-gray-700 input[type=radio]:checked + span.label-text::before { + border-color: #495057; } + .radiobox.radio-gray-800 input[type=radio]:checked + span.label-text::after { + background: #343a40; } + .radiobox.radio-gray-800 input[type=radio]:checked + span.label-text::before { + border-color: #343a40; } + .radiobox.radio-gray-900 input[type=radio]:checked + span.label-text::after { + background: #212529; } + .radiobox.radio-gray-900 input[type=radio]:checked + span.label-text::before { + border-color: #212529; } + body.rtl .radiobox .label-text { + padding-left: 0; + padding-right: 2.14286em; } + body.rtl .radiobox .label-text:before, body.rtl .radiobox .label-text:after { + left: auto; + right: 0; } + body.rtl .radiobox .label-text:after { + -webkit-transform: translateY(-50%) translateX(-50%) scale(0); + transform: translateY(-50%) translateX(-50%) scale(0); } + body.rtl .radiobox input[type="radio"]:checked + span.label-text:after { + -webkit-transform: translateY(-50%) translateX(-50%) scale(1); + transform: translateY(-50%) translateX(-50%) scale(1); } + +.checkbox input[type=checkbox], +.checkbox-inline input[type=checkbox], +.radio input[type=radio], +.radio-inline input[type=radio] { + position: absolute; } + +.form-input-icon { + position: relative; } + .form-input-icon > i { + position: absolute; + top: 50%; + left: 0.625rem; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1; + z-index: 3; + text-align: center; + color: #b8beca; } + .form-input-icon .form-control { + padding-left: 2.5rem; } + +.form-input-icon-right > i { + left: auto; + right: 0.625rem; } + +.form-input-icon-right .form-control { + padding-left: 1rem; + padding-right: 2.5rem; } + +.form-control-rounded { + border-radius: 500px; } + +.form-material .form-control:disabled, .form-material .form-control.disabled { + cursor: not-allowed; + color: rgba(153, 153, 153, 0.5); } + +.form-material input, .form-material input:focus, .form-material textarea, .form-material textarea:focus, .form-material select, .form-material select:focus { + -webkit-box-shadow: none; + box-shadow: none; } + +.form-material input::-webkit-input-placeholder, .form-material textarea::-webkit-input-placeholder, .form-material select::-webkit-input-placeholder { + opacity: 0; } + +.form-material input:-moz-placeholder, .form-material textarea:-moz-placeholder, .form-material select:-moz-placeholder { + opacity: 0; } + +.form-material input::-moz-placeholder, .form-material textarea::-moz-placeholder, .form-material select::-moz-placeholder { + opacity: 0; } + +.form-material input:-ms-input-placeholder, .form-material textarea:-ms-input-placeholder, .form-material select:-ms-input-placeholder { + opacity: 0; } + +.form-material .form-group { + position: relative; } + +.form-material .form-group > label { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-bottom: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + pointer-events: none; + opacity: 0.7; } + +.form-material .input-focused input::-webkit-input-placeholder, +.form-material .input-has-value input::-webkit-input-placeholder { + opacity: 1; } + +.form-material .input-focused input:-moz-placeholder, +.form-material .input-has-value input:-moz-placeholder { + opacity: 1; } + +.form-material .input-focused input::-moz-placeholder, +.form-material .input-has-value input::-moz-placeholder { + opacity: 1; } + +.form-material .input-focused input:-ms-input-placeholder, +.form-material .input-has-value input:-ms-input-placeholder { + opacity: 1; } + +.form-material .form-group > input[type="file"] { + padding-top: 1em; } + +.form-material .form-group > textarea + label { + top: calc(0.5625rem * 2); } + +.form-material .form-group > input[type="file"] + label, +.form-material .form-group > select + label, +.form-material .form-group.input-has-value label, +.form-material .form-group.input-focused label { + font-size: .75em; + top: 0; + opacity: 1; } + +.form-material .form-control { + border-radius: 0; + border: 0; + padding-left: 0; + padding-right: 0; + background-color: transparent; + background-position: center bottom, center calc(99%); + background-repeat: no-repeat; + background-size: 0 2px, 100% 1px; + -webkit-transition: background 0s ease-out 0s; + transition: background 0s ease-out 0s; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8253eb), to(#8253eb)), -webkit-gradient(linear, left top, left bottom, from(#e4e9f0), to(#e4e9f0)); + background-image: linear-gradient(#8253eb, #8253eb), linear-gradient(#e4e9f0, #e4e9f0); + padding: calc(0.5625rem + 4px) 0; } + +.form-material .form-control-icon .input-group .form-control, +.form-material .form-control-icon label { + padding-left: 2.1875rem; } + +.form-material .form-control-icon .input-group > i { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + +.form-material .form-control-icon.input-has-value label, +.form-material .form-control-icon.input-focused label { + padding-left: 0; } + +.form-material .form-control-icon.form-control-icon-right label, +.form-material .form-control-icon.form-control-icon-right .form-control { + padding-left: 0; + padding-right: 2.1875rem; } + +.form-material .form-control-icon.form-control-icon-right .input-group > i { + left: auto; + right: 0; } + +.form-material .form-control:focus { + background-size: 100% 2px, 100% 1px; + outline: 0 none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; } + +body.rtl .form-material .form-group > label { + left: auto; + right: 0; } + +.form-bordered .form-group { + padding-bottom: 1.5625rem; + border-bottom: 1px solid #f2f2f2; } + .form-bordered .form-group:first-child { + padding-top: 1.5625rem; } + .form-bordered .form-group:last-child { + border-bottom: 0; } + +.has-feedback label ~ .form-control-feedback { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 1.07143em; } + +/* File Dropzone +========================*/ +.dropzone { + position: relative; + border: 2px dashed #ddd; } + .dropzone .dz-message { + margin: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; } + .dropzone .dz-message span { + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); } + .dropzone .dz-preview .dz-progress { + margin-top: 0; } + .dropzone .dz-preview .dz-details { + height: 100%; + width: 100%; } + .dropzone .dz-preview .dz-success-mark { + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); } + .dropzone .dz-preview .dz-success-mark, + .dropzone .dz-preview .dz-error-mark { + height: 3.375rem; + width: 3.375rem; } + .dropzone .dz-preview.dz-error .dz-image { + background: #e6614f; } + .dropzone .dz-preview.dz-error .dz-details .dz-filename, + .dropzone .dz-preview.dz-error .dz-details .dz-size { + opacity: 0.5; } + .dropzone .dz-preview.dz-error .dz-error-mark { + -webkit-animation: none; + animation: none; + margin: 0; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .dropzone .dz-preview.dz-error .dz-error-message { + color: #fff; + background: #e6614f; } + .dropzone .dz-preview.dz-error .dz-error-message:after { + border-bottom-color: #e6614f; } + .dropzone .dz-preview .dz-remove { + padding: 0.55556em; + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 100; + display: block; + background: #8253eb; + color: #fff; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + font-size: 0.64286em; + text-transform: uppercase; + font-weight: bold; + letter-spacing: 0.1em; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; } + .dropzone .dz-preview .dz-remove:hover { + text-decoration: none; } + .dropzone .dz-image-preview .dz-remove { + opacity: 0; } + .dropzone .dz-image-preview:hover .dz-remove { + opacity: 1; } + +/* Spectrum Color Picker +========================*/ +.colorpicker .input-group-addon { + cursor: pointer; + position: relative; } + .colorpicker .input-group-addon i { + width: 1em; + display: block; } + .colorpicker .input-group-addon i:after { + content: ''; + background: inherit; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; } + +.sp-container { + background: #f9f9f9; + border: 1px solid #ddd; } + +.sp-input { + border: 1px solid #ddd; } + .sp-input:focus { + border-color: #ccc; } + +/* Date Range Picker +========================*/ +.predefinedRanges { + display: inline-block; } + +.daterangepicker td.active, .daterangepicker td.active:hover { + background-color: #8253eb; } + +.daterangepicker .input-mini.active { + border-color: #8253eb; } + +body.rtl .daterangepicker .ranges ul { + padding-right: 0; } + +.daterangepicker.dropdown-menu { + -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1); + width: auto; + padding: 0.71429em 1.07143em; + z-index: 10; } + .daterangepicker.dropdown-menu.show-calendar { + padding-top: 1.42857em; } + .daterangepicker.dropdown-menu .calendar-table { + border: 1px solid #eef1f2; + border-left: 0; } + .daterangepicker.dropdown-menu .calendar-table tbody { + color: #666; } + .daterangepicker.dropdown-menu .left .calendar-table { + border-left: 1px solid #eef1f2; } + .daterangepicker.dropdown-menu .range_inputs { + margin-left: 1.07143em; } + +.ranges { + width: 11.25rem; + padding: 0; } + .ranges ul { + margin-bottom: 0.71429em; } + .ranges li { + margin: 0; + padding: 0.35714em 1.42857em; + color: #514d6a; + background: transparent; + border-radius: 0; + border: 0; } + .ranges li:hover { + border: 0; + color: #514d6a; + background: #fdfcff; } + .ranges li.active { + background: #8253eb; + border: 0; } + .ranges li.active:hover { + color: #fff; } + +/* Date Picker +========================*/ +.datepicker { + margin: 0 auto; } + .datepicker.dropdown-menu { + width: auto; + padding: 1.07143em 1.78571em; + -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); } + .datepicker tbody { + color: #666; } + .datepicker table tr td span.active, + .datepicker table tr td span.active:hover, + .datepicker td .month.active { + background: #8253eb !important; } + .datepicker td.active, + .datepicker td.selected { + background: #8253eb !important; } + +/* Select2 Select Dropdown +========================*/ +.select2-container--default .select2-selection--single .select2-selection__rendered, +.select2-container--default .select2-selection--multiple .select2-selection__rendered { + background: none; + line-height: calc(2.5rem + 2px) !important; + margin-bottom: -0.125rem; + padding-left: 1em; } + +.select2-container--default { + max-width: 100%; } + .select2-container--default.select2 { + width: 100% !important; } + .select2-container--default .select2-selection--single { + border: 1px solid #ccc; + padding-right: 0.625rem; + height: calc(2.5rem + 2px) !important; } + .select2-container--default .select2-selection--single .select2-selection__arrow { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 0.9375rem; } + .select2-container--default .select2-selection--multiple { + min-height: calc(2.5rem + 2px) !important; + height: auto; + line-height: 1; + border: 1px solid #ccc; } + .select2-container--default .select2-selection--multiple .select2-selection__rendered { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { + display: flex-item; + margin: 0.41667em 0.16667em; + border-radius: 20px; + font-size: 0.75rem; + line-height: 2em; + padding-right: 0.625rem; + background: #03a9f3; + color: #fff; + border-color: #03a9f3; } + .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:first-child { + margin-left: 0; } + .select2-container--default .select2-selection--multiple .select2-search__field { + margin-top: 0; + margin-bottom: 0; } + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + width: 0.9375rem; + text-align: center; + color: #fff; + opacity: 0.4; } + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + opacity: 1; + color: #fff; } + .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #03a9f3; } + .select2-container--default .select2-seach--inline { + line-height: 1.3 !important; } + .select2-container--default.select2-container--open .select2-selection--single { + border-color: #03a9f3; } + .select2-container--default .select2-results__option[aria-selected="true"] { + display: none; } + .select2-container--default .select2-results__option--highlighted[aria-selected] { + background: #03a9f3; } + +body.rtl .select2-results__options { + padding-right: 0; } + +/* SelectPicker Select Dropdown +========================*/ +.bootstrap-select.btn-group .dropdown-toggle .bs-caret { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; } + .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1; + margin: 0; } + +.bootstrap-select.open .dropdown-menu { + display: none; } + +.bootstrap-select.open.show .dropdown-menu { + display: block; } + +.bootstrap-select .dropdown-menu li a { + line-height: 2em; + display: block; + width: 100%; + color: #cccccc; + padding: 0.35714em 1.42857em; } + .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus { + color: #999; + background: #f7fafc; } + .bootstrap-select .dropdown-menu li a span::before { + font-family: "feather"; + -webkit-font-feature-settings: "liga"; + font-feature-settings: "liga"; + font-size: 1.125rem; + font-weight: 600; } + .bootstrap-select .dropdown-menu li a .glyphicon-ok::before { + content: "\e925"; } + +.bootstrap-select .dropdown-menu[aria-expanded="true"] { + display: block; } + +.bootstrap-select .dropdown-menu a[aria-selected="true"] { + color: #fff !important; + background: #8253eb !important; } + +.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-top: 0; } + +/* Tags Input +========================*/ +.bootstrap-tagsinput { + width: 100%; } + .bootstrap-tagsinput .tag { + font-size: 0.75rem; + padding: 0.33333em 0.83333em; + border-radius: 100px; + display: inline-block; + margin: 0.41667em 0; } + .bootstrap-tagsinput .tag [data-role="remove"]::after { + content: "\e9ea"; + font-family: "feather"; + -webkit-font-feature-settings: "liga"; + font-feature-settings: "liga"; + line-height: 1; + vertical-align: middle; + padding: 0; + margin: 0; } + .bootstrap-tagsinput input[type="text"] { + min-width: 9.375rem; + line-height: 2; } + .input-group .bootstrap-tagsinput:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group .bootstrap-tagsinput:not(:first-child):not(:nth-last-child(2)) { + border-radius: 0; } + .input-group .bootstrap-tagsinput:nth-last-child(2) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +/* Switchery +=======================*/ +.switchery { + width: 4.28571em; } + .switchery > small { + -webkit-box-shadow: none; + box-shadow: none; } + +.switchery-small { + height: 1.5rem; + border-radius: 1.5rem; } + .switchery-small > small { + height: 1.5rem; + width: 1.5rem; } + +.switchery-large { + width: 5.71429em; } + +/* Touchspin +=======================*/ +.bootstrap-touchspin .input-group-btn-vertical { + min-width: 1.25rem; } + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { + display: block; + font-size: 9px; + height: 50%; + width: 20px; + position: absolute; + top: 0; + right: 0; } + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i, + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up i { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + font-size: 14px; + line-height: 1; + font-style: normal; } + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up i::before { + content: "+"; } + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { + top: calc(50% + 2px); } + .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i:before { + content: "-"; } + +/* MultiSelect +========================*/ +.ms-container { + width: 100%; } + .ms-container .ms-list { + border-radius: 0; } + .ms-container .ms-list.ms-focus { + border-color: #8253eb; + -webkit-box-shadow: 0 0 7px -2px #8253eb; + box-shadow: 0 0 7px -2px #8253eb; } + .ms-container .ms-selection li, + .ms-container .ms-selectable li { + line-height: 2; } + .ms-container .ms-selection li.ms-hover, + .ms-container .ms-selectable li.ms-hover { + background: #8253eb; } + body.rtl .ms-container .ms-optgroup { + padding-right: 0; } + body.rtl .ms-container .ms-optgroup-label { + padding-right: 5px; } + +.multi-step-signup .multi-step-form fieldset { + text-align: center; + display: none; } + .multi-step-signup .multi-step-form fieldset.active { + display: block; } + .multi-step-signup .multi-step-form fieldset textarea { + resize: none; } + .multi-step-signup .multi-step-form fieldset input[type=number]::-webkit-inner-spin-button, + .multi-step-signup .multi-step-form fieldset input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; } + +.multi-step-signup .steps-tab li { + padding: 0 80px; + position: relative; } + +.multi-step-signup .steps-tab a { + line-height: 40px; + font-size: 12px; + color: #fff; } + +.multi-step-signup .steps-tab .step { + display: block; + margin-left: 25%; + width: 40px; + height: 40px; + line-height: 30px; + color: #8253eb; + background-color: #F5F7FA; + border: 5px solid #8253eb; + font-size: 0.8rem; + border-radius: 50%; + z-index: 1; } + +@media (max-width: 768px) { + .multi-step-signup .steps-tab li { + padding: 0 20px; } } + +.multi-step-signup .steps-tab li::before { + content: ""; + top: 18px; + width: 100%; + height: 5px; + z-index: -1; + display: block; + position: absolute; + left: -50%; + background-color: #8253eb; + opacity: .7; } + +.multi-step-signup .steps-tab li:first-child::before { + display: none; } + +.multi-step-signup .steps-tab li:last-child::after { + display: none; } + +.multi-step-signup .steps-tab ul li.done .step { + background-color: #8253eb; + border-color: #8253eb; + color: #FFF; } + +.multi-step-signup .steps-tab ul li.done::before { + background-color: #8253eb; + opacity: 1; } + +.multi-step-signup .steps-tab ul li.active .step { + border-color: #8253eb; + background-color: #FFF; + color: #8253eb; } + +.multi-step-signup .steps-tab ul li.active::before { + background-color: #8253eb; + opacity: 1; } + +body.rtl .multi-step-signup .steps-tab li::before { + left: auto; + right: calc(-50% - 10px); } + +/* Bootstrap Wysiwyg +========================*/ +.wysihtml5-sandbox { + width: 100% !important; + border: 1px solid #eee !important; + padding: 20px !important; } + +ul.wysihtml5-toolbar { + border: 1px solid #eee; + border-bottom: 0; } + ul.wysihtml5-toolbar > li { + margin: 0; } + ul.wysihtml5-toolbar > li .btn { + background: none; + border: 0; } + ul.wysihtml5-toolbar > li .btn .glyphicon { + margin-right: 1em; } + ul.wysihtml5-toolbar > li .btn:active, ul.wysihtml5-toolbar > li .btn:focus { + background: none; } + body.rtl ul.wysihtml5-toolbar > li .btn .glyphicon { + margin-right: 0; + margin-left: 1em; } + +ul.wysihtml5-toolbar > li .modal .btn { + background: #8253eb; + color: #fff; } + +ul.wysihtml5-toolbar > li .modal .checkbox label { + padding-left: 30px; + position: relative; } + ul.wysihtml5-toolbar > li .modal .checkbox label:before { + content: ''; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + border: 1px solid #ddd; + display: block; + height: 20px; + width: 20px; + line-height: 20px; + text-align: center; + color: #fff; + position: absolute; + top: 0; + left: 0; } + ul.wysihtml5-toolbar > li .modal .checkbox label.checkbox-checked:before { + background: #8253eb; + border-color: #8253eb; + content: 'check'; } + +body.rtl .input-group .input-group-btn-vertical:first-child:last-child .btn, +body.rtl .input-group .input-group-btn-vertical .btn, +body.rtl .input-group .input-group-btn:first-child:last-child .btn, +body.rtl .input-group .input-group-btn .btn, +body.rtl .input-group .input-group-addon:first-child:last-child, +body.rtl .input-group .input-group-addon { + border-radius: 0.25rem; } + +body.rtl .input-group .input-group-btn-vertical:first-child .btn, +body.rtl .input-group .input-group-btn:first-child .btn, +body.rtl .input-group .input-group-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-right: 1px solid #eef1f2; + border-left: 0; } + +body.rtl .input-group .input-group-btn-vertical:last-child .btn, +body.rtl .input-group .input-group-btn:last-child .btn, +body.rtl .input-group .input-group-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left: 1px solid #eef1f2; + border-right: 0; } + +body.rtl .input-group .input-group-btn-vertical:not(:first-child):not(:last-child) .btn, +body.rtl .input-group .input-group-btn:not(:first-child):not(:last-child) .btn, +body.rtl .input-group .input-group-addon:not(:first-child):not(:last-child) { + border-radius: 0; } + +body.rtl .input-group .form-control:first-child:last-child, +body.rtl .input-group .form-control { + border-radius: 0.25rem; } + +body.rtl .input-group .form-control:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +body.rtl .input-group .form-control:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +body.rtl .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; } + +input[data-plugin="knob"] { + right: 50% !important; + -webkit-transform: translateX(50%) !important; + transform: translateX(50%) !important; } + +/******************************** + ********************************* +Range Slider + ********************************* + *********************************/ +.irs { + display: block; + clear: both; + margin: 3em 0; } + .irs .irs-single, + .irs .irs-from, + .irs .irs-to { + display: block; + height: 2em; + line-height: 2em; + text-align: center; + display: block; + background: #8253eb; + color: #fff; + font-size: 0.71429em; + top: -3em; + padding: 0 .5em; } + .irs .irs-single:after, + .irs .irs-from:after, + .irs .irs-to:after { + border-color: #8253eb transparent transparent transparent; } + .irs .irs-single:after, + .irs .irs-max:after, + .irs .irs-min:after, + .irs .irs-from:after, + .irs .irs-to:after { + content: ''; + height: 0; + width: 0; + border-style: solid; + border-width: 5px 3px 0 3px; + position: absolute; + right: 50%; + bottom: -0.5em; + -webkit-transform: translateX(50%); + transform: translateX(50%); } + .irs .irs-slider { + display: block; + height: 2em; + width: 2em; + background: yellow; + top: 0; + border-radius: 100px; + background: #fff; + border: 1px solid #ddd; + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); + cursor: pointer; + z-index: 3; } + .irs .irs-shadow.shadow-from, + .irs .irs-shadow.shadow-to, + .irs .irs-line, + .irs .irs-bar { + height: 1em; + top: 0.5em; + border-radius: 100px; + background: #eee; + -webkit-box-shadow: inset 1px 1px 5px 0 #ddd; + box-shadow: inset 1px 1px 5px 0 #ddd; + border: 1px solid #d9d9d9; + cursor: pointer; } + .irs .irs-bar { + background: #8253eb; + -webkit-box-shadow: inset 1px 1px 5px 0 #8253eb; + box-shadow: inset 1px 1px 5px 0 #8253eb; + border: 1px solid #6125e6; + border-left: 0; + z-index: 2; } + .irs .irs-shadow.shadow-from, + .irs .irs-shadow.shadow-to { + background: #bbb; + -webkit-box-shadow: inset 1px 1px 5px 0 #bbb; + box-shadow: inset 1px 1px 5px 0 #bbb; + border: 1px solid #aaa; + z-index: 1; } + .irs .irs-grid { + top: 2em; + opacity: 0.2; } + .irs .irs-max, + .irs .irs-min { + text-align: center; + height: 2em; + padding: 0 .5em; + line-height: 2em; + position: absolute; + top: -3em; + left: 0; + background: #eee; + border: 1px solid #ddd; + font-size: 0.71429em; } + .irs .irs-max:after, + .irs .irs-min:after { + border-color: #ddd transparent transparent transparent; } + .irs .irs-min { + left: 0; } + .irs .irs-max { + left: auto; + right: 0; } + .irs .irs-bar-edge { + height: 1em; + top: 0.5em; + width: 1.42857em; + border: 1px solid #6125e6; + border-right: 0; + background: #8253eb; + -webkit-box-shadow: inset 1px 1px 5px 0 #8253eb; + box-shadow: inset 1px 1px 5px 0 #8253eb; + border-radius: 16px 0 0 16px; } + +/******************************** + ********************************* +Pagination + ********************************* + *********************************/ +.pager .material-icons, +.pagination .material-icons { + font-size: 0.75rem; + vertical-align: middle; } + +.pager { + list-style: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-left: 0; } + .pager li.spacer { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +body.rtl .pagination .page-item:last-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +body.rtl .pagination .page-item:first-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0; } + +/* Fullcalendar +========================*/ +.custom-fullcalendar { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .custom-fullcalendar .fc-toolbar { + height: 6.875rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + padding: 0 1.25rem; + margin-bottom: 0; + border-bottom: 1px solid #eef1f2; } + .custom-fullcalendar .fc-toolbar .fc-left { + -webkit-box-ordinal-group: 1; + -ms-flex-order: 0; + order: 0; } + .custom-fullcalendar .fc-toolbar .fc-center { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .custom-fullcalendar .fc-toolbar .fc-right { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + @media (max-width: 767px) { + .custom-fullcalendar .fc-toolbar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + padding: 1.25rem 1.25rem; } + .custom-fullcalendar .fc-toolbar .fc-center { + margin: 1.07143em 0; } } + .custom-fullcalendar .fc-toolbar h2 { + font-size: 2.14286em; } + .custom-fullcalendar .fc-toolbar .fc-icon { + opacity: 0; + visibility: hidden; } + .custom-fullcalendar .fc-toolbar .fc-next-button::after { + content: '\e92a'; + font-family: 'feather'; + font-size: 1.42857em; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateX(50%) translateY(-50%); + transform: translateX(50%) translateY(-50%); + color: #bbb; } + .custom-fullcalendar .fc-toolbar .fc-prev-button::after { + content: '\e929'; + font-size: 1.42857em; + font-family: 'feather'; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateX(50%) translateY(-50%); + transform: translateX(50%) translateY(-50%); + color: #bbb; } + .custom-fullcalendar .fc-toolbar .fc-today-button { + font-family: "Montserrat", sans-serif; + padding-right: 1.25rem; + padding-left: 1.25rem; } + .custom-fullcalendar .fc-view-container { + border-left: 1px solid #eef1f2; + padding: 0; } + .custom-fullcalendar-sidebar { + top: 6.875rem; + z-index: 2; } + .custom-fullcalendar .fc-button { + height: 1.875rem; } + .custom-fullcalendar .fc-view > table tbody > tr > td:first-child { + border-left: 00; } + .custom-fullcalendar .fc-other-month { + background-image: repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 8px, transparent 8px, transparent 16px); } + .custom-fullcalendar td, + .custom-fullcalendar tbody { + border-color: #eef1f2; } + .custom-fullcalendar .fc-week table td:first-child { + border-left: 0; } + .custom-fullcalendar .fc-week table td:last-child { + border-right: 0; } + .custom-fullcalendar .fc-view > table > thead td { + border-top: 0; } + .custom-fullcalendar .fc-toolbar .fc-button { + background: transparent; + border-color: rgba(238, 241, 242, 0.7); + border-radius: 0; + padding: 0.71429em 0.71429em; + -webkit-box-shadow: none; + box-shadow: none; + height: auto; + z-index: 1; + font-family: "Montserrat", sans-serif; } + .custom-fullcalendar .fc-toolbar .fc-button.fc-state-active { + color: #8253eb; } + .custom-fullcalendar .fc-toolbar .fc-button.fc-state-disabled { + opacity: 0.4; } + .custom-fullcalendar .fc-event { + font-size: 0.75rem; + border-radius: 0; + margin-right: 0; + margin-bottom: 0; + margin-left: 0; + padding: 0.41667em; + text-align: center; + color: #fff !important; + -webkit-transition: background 0.3s ease, color 0.3s ease; + transition: background 0.3s ease, color 0.3s ease; + font-family: "Montserrat", sans-serif; } + .custom-fullcalendar .fc-widget-header { + border-left: 0; + border-right: 0; } + .custom-fullcalendar .fc-head .fc-axis, + .custom-fullcalendar .fc-day-header { + font-weight: normal; + font-size: 0.85714em; + letter-spacing: 0.1em; + opacity: 0.6; + border: 0; + padding: 1.66667em 0.83333em; + text-transform: uppercase; } + .custom-fullcalendar .fc-head .fc-axis a, + .custom-fullcalendar .fc-day-header a { + color: #fff; } + .custom-fullcalendar .fc-body .fc-axis { + background: #eee; } + .custom-fullcalendar .fc-day-top { + font-size: 1em; } + .custom-fullcalendar .fc-day-top a { + color: #999; } + +.fullcalendar-events .fc-event { + background: transparent !important; + border: 0 !important; + color: #444; + cursor: pointer; + padding: 0.71429em 1.42857em; + font-size: 0.875rem; + font-family: "Montserrat", sans-serif; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .fullcalendar-events .fc-event:hover { + background: rgba(130, 83, 235, 0.03) !important; } + +.fullcalendar-events .fc-event-text { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +.fullcalendar-events i { + height: 2.14286em; + width: 2.14286em; + text-align: center; + line-height: 2.14286em; + border-radius: 3px; + margin-right: 1.25rem; + background: inherit; } + +body.rtl .fullcalendar-events i { + margin-right: 0; + margin-left: 1.25rem; } + +/* CLNDR +========================*/ +.clndr { + padding: 1.78571em 2.14286em; + position: relative; } + .clndr .day-number { + position: relative; + z-index: 2; } + .clndr .clndr-grid::after { + clear: both; + content: ""; + display: block; } + .clndr .clndr-grid .days { + display: block; } + .clndr .clndr-grid .days > .day { + display: inline-block; + width: 14.28571%; + float: left; + padding: 0 0.71429em; + line-height: 3em; + cursor: pointer; + position: relative; + z-index: 0; } + .clndr .clndr-grid .days > .day.event::before, .clndr .clndr-grid .days > .day.today::before { + content: ""; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); + background: rgba(153, 153, 153, 0.1); + z-index: 1; + height: 2.5em; + width: 2.5em; + border-radius: 100px; + display: block; + opacity: 0; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .clndr .clndr-grid .days > .day.event::before { + background: none; + border: 1px solid rgba(153, 153, 153, 0.3); } + .clndr .clndr-grid .days > .day.event::before { + opacity: 1; } + .clndr .clndr-grid .days > .day.last-month, .clndr .clndr-grid .days > .day.next-month { + color: rgba(153, 153, 153, 0.2); } + .clndr .event-listing { + margin-right: -2.28571em; + margin-bottom: -1.85714em; + margin-left: -2.28571em; + margin-top: 2.5em; + padding: 1.42857em 0 1.42857em; + color: #999; + background: #fff; } + .clndr .event-listing::after { + clear: both; + content: ""; + display: block; } + .clndr .event-listing .selected-date { + position: relative; + text-align: center; + display: block; } + .clndr .event-listing .selected-date .date { + vertical-align: top; + font-size: 2.14286em; + line-height: 1em; } + .clndr .event-listing .event-item { + border-bottom: 1px solid #ddd; + padding-bottom: 0.71429em; + margin-bottom: 0.71429em; } + .clndr .event-listing .event-item:last-child { + border-bottom: 0; + margin-bottom: 0; } + .clndr .event-listing .event-item-time { + opacity: 0.5; } + .clndr .event-listing .event-item-title { + margin-left: 0.71429em; } + .clndr .event-listing .event-item-icon { + vertical-align: sub; + float: right; } + .clndr .clndr-previous-button, + .clndr .clndr-today-button, + .clndr .clndr-next-button { + cursor: pointer; + position: relative; + top: -0.14286em; } + +.color-white .clndr, +.color-white .clndr .clndr-title, +.color-white .clndr .curront-month, +.color-white .clndr .days .day { + color: #fff; } + +.color-white .clndr .days .day.last-month, .color-white .clndr .days .day.next-month { + color: rgba(255, 255, 255, 0.3); } + +.color-white .clndr .days .day.event::before { + background: none; + border: 1px solid rgba(255, 255, 255, 0.3); } + +.color-white .clndr .days .day.today { + color: #8253eb; } + .color-white .clndr .days .day.today::before { + background: white; + opacity: 1; + border-color: transparent; } + +/******************************** +********************************* +BASIC +********************************* +*********************************/ +/* Vector Maps +========================*/ +.gmap { + width: 100%; + height: 21.42857em; } + .gmap .overlay { + background: #8253eb; + border-radius: 5px; + color: #fff; + padding: 1em; + position: relative; + font-family: "Montserrat", sans-serif; + font-size: 1.36364em; + z-index: 1; + -webkit-transform: translateY(-1.42857em); + transform: translateY(-1.42857em); } + .gmap .overlay:before { + z-index: 2; + height: 0; + width: 0; + border-style: solid; + border-width: 10px 10px 0 10px; + border-color: #8253eb transparent transparent transparent; + display: block; + content: ""; + position: absolute; + right: 50%; + bottom: 0; + -webkit-transform: translateX(50%) translateY(100%); + transform: translateX(50%) translateY(100%); } + +/******************************** +********************************* +BASIC +********************************* +*********************************/ +/* Vector Maps +========================*/ +.vmap { + width: 100%; + height: 28.57143em; } + .vmap .jqvmap-zoomin, .vmap .jqvmap-zoomout { + height: 1em; + width: 1em; + font-size: 1.07143em; + line-height: 0.66667em; } + +/******************************** + ********************************* +Inbox + ********************************* + *********************************/ +/* Mail Inbox +========================*/ +.mail-inbox { + position: relative; } + @media (max-width: 767px) { + .mail-inbox { + height: auto !important; } } + @media (min-width: 768px) and (max-width: 1023px) { + .mail-inbox { + height: auto !important; } } + +.mail-inbox-header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 5em; + padding-right: 1.25rem; + padding-left: 1.25rem; + border-bottom: 1px solid #eef1f2; } + +.mail-inbox-select-all { + font-size: 0.85714em; + display: inline-block; } + .mail-inbox-select-all span.label-text { + padding-left: 2.08333em; } + +.mail-list-item { + position: relative; + padding: 1.42857em 1.25rem; + border-bottom: 1px solid #eef1f2; } + .mail-list-item .checkbox { + padding: 0; } + .mail-list-item.unread .mail-title { + font-weight: 600; } + .mail-list-item .checkbox .label-text { + padding-left: 1em; } + .mail-list-item .mail-select-checkbox .label-text { + margin-right: .5em; + top: -5px; + padding: 0 !important; + margin-right: 1.42857em; } + body.rtl .mail-list-item .mail-select-checkbox .label-text { + margin-right: 0; + margin-left: 1.42857em; } + .mail-list-item:nth-child(odd) { + background: rgba(130, 83, 235, 0.03); } + .mail-list-item::last-child { + border-bottom: 0; } + +.mail-inbox-categories .list-inline-item { + margin-right: 1.5em; } + .mail-inbox-categories .list-inline-item:not(.active) a { + color: #444; } + +/* Mail Single +========================*/ +.mail-single > header { + margin-left: 1.07143em; } + +.mail-single-content { + border: 1px solid #eef1f2; + border-left: 0; + border-right: 0; + position: relative; + top: -0.07143em; + padding: 2.5em 3.57143em 0.71429em 3.57143em; } + .mail-single-content > header { + color: #444; } + .mail-single-content > header a { + color: #444; + font-weight: 700; } + .mail-single-content > header a:hover { + text-decoration: underline; } + +.mail-single-reply { + border: 1px solid #eef1f2; + border-radius: 5px; + padding: 1.42857em; + position: relative; } + .mail-single-reply .triangle-top { + height: 0; + width: 0; + position: absolute; + top: -1.07143em; + left: 3.57143em; + border-style: solid; + border-width: 0 15px 15px 15px; + border-color: transparent transparent #ccc transparent; } + .mail-single-reply .triangle-top:after { + content: ''; + position: absolute; + top: 0.07143em; + left: -1.14286em; + height: 0; + width: 0; + border-style: solid; + border-width: 0 16px 16px 16px; + border-color: transparent transparent #fff transparent; } + +/* Mail Compose +========================*/ +.mail-sidebar { + border-right: 1px solid #eef1f2; } + body.rtl .mail-sidebar { + border-right: 0; + border-left: 1px solid #eef1f2; } + +.mail-compose .wysihtml5-sandbox { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + border-left: 0 !important; + border-right: 0 !important; } + +.mail-compose .wysihtml5-toolbar { + border-left: 0; + border-right: 0; } + +.mail-compose .wysihtml5-toolbar { + border-left: 0; + border-right: 0; } + +/* Mail Attachment +========================*/ +.mail-attachment .mail-attachment-heading .list-icon { + height: 1em; + width: 1.25rem; + text-align: center; + font-size: 1.125rem; + margin-right: 0.3125rem; } + +.mail-attachment .file-list { + margin: 0 -0.9375rem; } + +.mail-attachment .file-list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-uadius: 3px; + padding: 0.71429em 1.07143em; + -webkit-transition: background 0.3s ease; + transition: background 0.3s ease; + font-size: 0.85714em; + font-weight: 600; } + .mail-attachment .file-list-item i, + .mail-attachment .file-list-item img { + height: 1.78571em; + width: 1.78571em; + line-height: 1.78571em; + text-align: center; + border-radius: 100px; + margin-right: 0.71429em; } + .mail-attachment .file-list-item a { + color: #444; } + .mail-attachment .file-list-item a.list-inline-item { + font-size: 1.08333em; + color: #bbb; + font-weight: normal; } + .mail-attachment .file-list-item:hover { + background: #f9f9f9; } + +/******************************** +********************************* +Widgets +********************************* +*********************************/ +/* Widgets +========================*/ +.widget-holder figure, +.widget-latest-comments figure, +.widget-todo figure, +.widget-latest-transactions figure, +.widget-user-activities figure { + margin-bottom: 0; } + +.widget-holder .single, +.widget-latest-comments .single, +.widget-todo .single, +.widget-latest-transactions .single, +.widget-user-activities .single { + padding: 1.07143em 0; + border-bottom: 1px solid #eef1f2; } + .widget-holder .single:first-of-type, + .widget-latest-comments .single:first-of-type, + .widget-todo .single:first-of-type, + .widget-latest-transactions .single:first-of-type, + .widget-user-activities .single:first-of-type { + padding-top: 0; } + .widget-holder .single:last-of-type, + .widget-latest-comments .single:last-of-type, + .widget-todo .single:last-of-type, + .widget-latest-transactions .single:last-of-type, + .widget-user-activities .single:last-of-type { + border-bottom: 0; + padding-bottom: 0; } + +.widget-holder .single-header, +.widget-latest-comments .single-header, +.widget-todo .single-header, +.widget-latest-transactions .single-header, +.widget-user-activities .single-header { + margin-bottom: 10px; } + +.widget-holder .single-amount, +.widget-holder .single-user-details, +.widget-latest-comments .single-amount, +.widget-latest-comments .single-user-details, +.widget-todo .single-amount, +.widget-todo .single-user-details, +.widget-latest-transactions .single-amount, +.widget-latest-transactions .single-user-details, +.widget-user-activities .single-amount, +.widget-user-activities .single-user-details { + margin-left: 1.5em; } + +.widget-holder .single-event-icon, +.widget-holder .single-user-avatar, +.widget-latest-comments .single-event-icon, +.widget-latest-comments .single-user-avatar, +.widget-todo .single-event-icon, +.widget-todo .single-user-avatar, +.widget-latest-transactions .single-event-icon, +.widget-latest-transactions .single-user-avatar, +.widget-user-activities .single-event-icon, +.widget-user-activities .single-user-avatar { + margin-right: 1.5em; } + +.widget-holder .single-user-details, +.widget-latest-comments .single-user-details, +.widget-todo .single-user-details, +.widget-latest-transactions .single-user-details, +.widget-user-activities .single-user-details { + font-size: 1em; } + .widget-holder .single-user-details small, + .widget-latest-comments .single-user-details small, + .widget-todo .single-user-details small, + .widget-latest-transactions .single-user-details small, + .widget-user-activities .single-user-details small { + line-height: 1; } + +.widget-holder .single-user-name, +.widget-latest-comments .single-user-name, +.widget-todo .single-user-name, +.widget-latest-transactions .single-user-name, +.widget-user-activities .single-user-name { + line-height: 1.3; + font-weight: 600; + color: #444; + display: block; } + +.widget-holder .single-user-name, +.widget-latest-comments .single-user-name, +.widget-todo .single-user-name, +.widget-latest-transactions .single-user-name, +.widget-user-activities .single-user-name { + font-family: "Montserrat", sans-serif; } + +body.rtl .widget-holder .single-user-avatar, body.rtl +.widget-latest-comments .single-user-avatar, body.rtl +.widget-todo .single-user-avatar, body.rtl +.widget-latest-transactions .single-user-avatar, body.rtl +.widget-user-activities .single-user-avatar { + margin-left: 1.5em; + margin-right: 0; } + +/* Latest Transactions +========================*/ +.widget-latest-transactions { + width: 100%; } + .widget-latest-transactions tr { + border-bottom: 1px solid #eef1f2; } + .widget-latest-transactions td { + padding: 1.07143em 0; } + .widget-latest-transactions tr:first-child td { + padding-top: 0; } + .widget-latest-transactions tr:last-child td { + padding-bottom: 0; } + .widget-latest-transactions tr:last-child { + border-bottom: 0; } + .widget-latest-transactions figure { + margin-bottom: 0; } + .widget-latest-transactions .single-amount, + .widget-latest-transactions .single-user-details { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + margin-left: 1.5em; } + .widget-latest-transactions .single-user-details { + font-size: 1em; } + .widget-latest-transactions .single-user-details small { + line-height: 1; } + .widget-latest-transactions .single-status, + .widget-latest-transactions .single-amount { + font-size: 0.92857em; } + .widget-latest-transactions .single-amount { + color: #444; + margin-bottom: 0; + font-weight: 500; } + .widget-latest-transactions .single-status { + vertical-align: middle; + letter-spacing: -0.05em; } + .widget-latest-transactions .single-status i { + margin-right: 0.4em; } + .widget-latest-transactions .single-status, .widget-latest-transactions .single-user-name, .widget-latest-transactions .single-amount { + font-family: "Montserrat", sans-serif; } + +/* User Activities +========================*/ +.widget-user-activities { + width: 100%; } + .widget-user-activities .single { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 1.78571em 0; } + .widget-user-activities .single-body { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + padding-left: calc(50px + 1.5em); } + .widget-user-activities .single-body p { + font-size: 0.92857em; } + .widget-user-activities .single-likes i { + margin-right: 0.5em; + color: #bbb; } + .widget-user-activities .single-attachment { + display: block; + background: rgba(3, 169, 243, 0.05); + border: 1px solid rgba(3, 169, 243, 0.1); + border-radius: 3px; + padding: 0.71429em; + margin-top: 0.71429em; } + .widget-user-activities .single-attachment-icon { + background: #03a9f3; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 2em; + width: 2em; + color: #fff; + font-size: 1.42857em; + border-radius: 3px; + float: left; + margin-right: 0.75em; } + .widget-user-activities .single-attachment-filesize, + .widget-user-activities .single-attachment-filename { + display: block; + font-size: 0.85714em; } + .widget-user-activities .single-attachment-filename { + font-family: "Montserrat", sans-serif; + font-weight: 600; + color: #444; } + .widget-user-activities .single-attachment-filesize { + color: #bbb; } + .widget-user-activities .single-event-icon { + background: #8253eb; + color: #fff; + border-radius: 100px; + font-size: 1.25rem; + height: 3.125rem; + width: 3.125rem; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .widget-user-activities .single-users-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-flow: row-reverse; + flex-flow: row-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .widget-user-activities .single-users-list a { + height: 2.1875rem; + width: 2.1875rem; + margin-left: -0.625rem; } + .widget-user-activities .single-users-list a:nth-last-child(2) { + margin-left: 0; } + .widget-user-activities .single-users-list a img { + border-radius: 100px; + border: 2px solid #fff; } + .widget-user-activities .single-users-list a.more { + height: auto; + width: auto; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + margin-left: 1em; + color: #999; } + body.rtl .widget-user-activities .single-event-icon { + margin-right: 0; + margin-left: 1.5em; } + body.rtl .widget-user-activities .single-users-list a.more { + margin-left: 0; + margin-right: 1em; } + +/* Chat Activities +========================*/ +.widget-chat-activity .message { + margin: 0.71429em 0; } + .widget-chat-activity .message:first-child { + margin-top: 0; } + .widget-chat-activity .message:last-child { + margin-bottom: 0; } + .widget-chat-activity .message p { + background: #8253eb; + border: 1px solid #8253eb; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + padding: .5em 1em; + color: #fff; + margin-bottom: .5em; + position: relative; } + .widget-chat-activity .message p:first-child:before, .widget-chat-activity .message p:first-child:after { + content: ""; + height: 0; + width: 0; + display: block; + position: absolute; + top: 1.25rem; + right: -7px; + left: auto; + border-style: solid; + border-width: 6px 0 7px 6px; + border-color: transparent transparent transparent #8253eb; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .widget-chat-activity .message p:first-child:before { + right: -7px; + border-left-color: #8253eb; } + .widget-chat-activity .message .message-body { + margin-top: .5em; + 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: end; + -ms-flex-align: end; + align-items: flex-end; + margin: auto 1.5em; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .widget-chat-activity .message figure { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .widget-chat-activity .message.reply p { + background: #fff; + border: 1px solid #eef1f2; + border-radius: 0; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + color: #666; } + .widget-chat-activity .message.reply p:first-child:before, .widget-chat-activity .message.reply p:first-child:after { + content: ""; + height: 0; + width: 0; + display: block; + position: absolute; + right: auto; + left: -7px; + border-style: solid; + border-width: 6px 7px 6px 0; + border-color: transparent #fff transparent transparent; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .widget-chat-activity .message.reply p:first-child:before { + left: -9px; + border-right-color: #eef1f2; } + .widget-chat-activity .message.reply figure { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .widget-chat-activity .message.reply .message-body { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + +body.rtl .widget-chat-activity .message p:first-child::before, +body.rtl .widget-chat-activity .message p:first-child::after { + border-width: 6px 7px 6px 0; + border-color: transparent #8253eb transparent transparent; } + +body.rtl .widget-chat-activity .message p:first-child:after, +body.rtl .widget-chat-activity .message p:first-child:before { + right: auto; + left: -7px; } + +body.rtl .widget-chat-activity .message.reply p:first-child::after, +body.rtl .widget-chat-activity .message.reply p:first-child::before { + border-width: 6px 0 6px 7px; + border-color: transparent transparent transparent #8253eb; } + +body.rtl .widget-chat-activity .message.reply p:first-child:after, +body.rtl .widget-chat-activity .message.reply p:first-child:before { + left: auto; + right: -7px; } + +body.rtl .widget-chat-activity .message.reply p:first-child:before { + border-left-color: #eef1f2; + right: -8px; } + +body.rtl .widget-chat-activity .message.reply p:first-child:after { + border-left-color: #fff; } + +/* Latest Comments +========================*/ +.widget-latest-comments .single { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + +.widget-latest-comments .single-body { + margin-left: 1.5em; } + +.widget-latest-comments .single-user-name { + display: inline; } + +.widget-latest-comments .single-timestamp { + font-size: 0.92857em; + margin-left: 0.4em; } + +.widget-latest-comments .single:hover .single-footer ul { + display: block; } + +.widget-latest-comments .single-footer .badge, .widget-latest-comments .single-footer .label { + padding-right: 1rem; + padding-bottom: 1; + padding-left: 1rem; + font-family: "Montserrat", sans-serif; } + +.widget-latest-comments .single-footer ul { + list-style: none; + padding-left: 0; + margin-bottom: 0; + display: none; } + @media (min-width: 768px) and (max-width: 1023px) { + .widget-latest-comments .single-footer ul { + display: block; } } + @media (max-width: 767px) { + .widget-latest-comments .single-footer ul { + display: block; } } + .widget-latest-comments .single-footer ul li { + display: inline-block; + font-size: 1.28571em; + line-height: 1em; + padding-left: 0.27778em; + padding-right: 0.27778em; } + .widget-latest-comments .single-footer ul li a { + color: #bbb; } + .widget-latest-comments .single-footer ul li a:hover { + color: #8253eb; } + +/* Latest Posts +========================*/ +.widget-latest-posts { + position: relative; } + .widget-latest-posts .widget-bg { + border-radius: 5px; + overflow: hidden; } + .widget-latest-posts .widget-body { + padding: 0; } + .widget-latest-posts .box-title { + text-transform: uppercase; + font-size: 0.75rem; + font-weight: 600; + color: #bbb; + letter-spacing: .1em; } + .widget-latest-posts article { + margin-left: 0; + margin-right: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; } + .widget-latest-posts article .row, .widget-latest-posts article .custom-fullcalendar { + margin: 0; } + .widget-latest-posts figure { + margin-bottom: 0; } + .widget-latest-posts .post-img { + padding: 0; } + .widget-latest-posts .post-details { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 2.14286em 1.42857em; } + .widget-latest-posts .post-details figure { + height: 1.875rem; + width: 1.875rem; } + .widget-latest-posts .post-details .post-links { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .widget-latest-posts .post-details .post-links ul { + margin-left: 1em; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .widget-latest-posts .post-details .post-links li { + display: inline-block; + padding: 0 0.5em; + font-family: "Montserrat", sans-serif; + font-size: 0.78571em; + font-weight: 700; } + .widget-latest-posts .post-details .post-links li a { + color: #444; } + .widget-latest-posts .post-details .post-links li a i { + color: #bbb; } + .widget-latest-posts .post-details .post-links li a:hover { + color: #8253eb; } + .widget-latest-posts .post-title { + margin-top: 0; + margin-bottom: 1.25rem; + font-weight: 300; } + .widget-latest-posts .post-title a { + color: #444; } + .widget-latest-posts .post-title a:hover { + color: #8253eb; } + .widget-latest-posts .carousel.slick-slider.slick-dotted { + margin-bottom: 0; } + .widget-latest-posts .carousel.slick-slider .slick-dots { + position: absolute; + bottom: 20px; + left: 0; + width: 42%; + text-align: center; } + .widget-latest-posts .carousel.slick-slider .slick-dots li { + margin-right: 3px; + margin-left: 3px; } + .widget-latest-posts .carousel.slick-slider .slick-dots li button::before { + background: none; + border: 2px solid #fff; + opacity: 1; + height: 12px; + width: 12px; } + .widget-latest-posts .carousel.slick-slider .slick-dots .slick-active button::before { + -webkit-transform: none; + transform: none; + background: #fff; } + body.rtl .widget-latest-posts .post-details { + direction: rtl; } + +/* User Profile +========================*/ +.widget-user-profile .profile-wall-img img { + width: 100%; + height: auto; } + +.widget-user-profile .profile-body { + padding: 0 20px; + text-align: center; + 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; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.widget-user-profile .profile-user-avatar { + margin-top: -5.71429em; } + .widget-user-profile .profile-user-avatar a { + display: block; } + .widget-user-profile .profile-user-avatar img { + border-radius: 100px; + border: 2px solid #fff; + -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); } + .widget-user-profile .profile-user-avatar:after { + content: ''; + width: 30px; + height: 1px; + background: #eef1f2; + margin-top: 1.42857em; } + +.widget-user-profile .profile-user-name { + font-weight: 300; + margin-top: 1.5rem; + margin-bottom: 0.3125rem; } + +.widget-user-profile .profile-seperator { + width: 30px; + border-top-color: #eef1f2; + margin-top: 1.25rem; } + +.widget-user-profile .profile-user-address { + font-size: 0.85714em; + font-family: "Montserrat", sans-serif; + font-weight: 600; } + +/* Counter Widget +========================*/ +.widget-todo .single { + padding: 1.42857em 0; } + +.widget-todo .single-icon { + margin-right: 1.07143em; + margin-top: 0.21429em; + font-size: 1.42857em; } + +.widget-todo .single-title { + margin: 0.42857em 0; + font-size: 0.875rem; + letter-spacing: 0; + font-weight: 600; } + +.widget-todo .dropdown-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .widget-todo .dropdown-item .list-icon { + margin-right: 0.42857em; + font-size: 1em; } + +.widget-todo .single-tags { + font-family: "Montserrat", sans-serif; } + .widget-todo .single-tags li { + display: inline-block; + margin-right: 0.35714em; + font-weight: 600; + font-size: 0.9em; } + .widget-todo .single-tags li a:before { + content: '\0023'; } + +.widget-todo .single.done .media-body { + opacity: 0.4; } + +.widget-todo .dropdown > .dropdown-toggle { + color: #999; } + +.widget-todo .add-btn { + position: absolute; + right: 50%; + bottom: 0; + -webkit-transform: translateY(50%) translateX(50%); + transform: translateY(50%) translateX(50%); } + +body.rtl .widget-todo .dropdown-item .list-icon { + margin-right: 0; + margin-left: 0.42857em; } + +/* Counter Widget +========================*/ +.widget-counter { + padding-left: 0.71429em; } + .widget-counter h6 { + text-transform: uppercase; + font-weight: bold; + margin-top: 0.71429em; + padding-right: 2.14286em; } + .widget-counter small { + font-weight: 700; + letter-spacing: .05em; + display: block; + opacity: .5; + margin-top: 0.47619em; + text-transform: none; } + .widget-counter i { + position: absolute; + top: 1.57895em; + right: 2.10526em; + font-size: 1.35714em; } + .widget-counter i::before, .widget-counter i::after { + content: ""; + background: #e5e5e5; + position: absolute; + left: -0.36842em; } + .text-inverse .widget-counter i::before, + .text-inverse .widget-counter i::after { + background: #fff; + background: rgba(255, 255, 255, 0.3); } + .widget-counter i::before { + top: 0.31579em; + height: 1.05263em; + width: 0.05263em; } + .widget-counter i::after { + bottom: -0.42105em; + width: 1.05263em; + height: 0.05263em; } + .widget-counter h3 { + font-family: "Roboto", sans-serif; + font-weight: 300; + font-size: 2.85714em; } + +/* User List +=======================*/ +ul.widget-user-list { + padding-top: 0.71429em; } + ul.widget-user-list .d-flex a { + display: inline-block; } + ul.widget-user-list li { + padding-bottom: 0.71429em; + padding-top: 1.07143em; + border-bottom: 0.0625rem solid white; } + ul.widget-user-list li:last-child { + border: none; } + ul.widget-user-list h5 { + font-size: 1.07143em; + margin-top: 0; } + ul.widget-user-list small { + display: block; + font-size: 0.78571em; } + ul.widget-user-list .media-body { + position: relative; } + ul.widget-user-list .media-body .btn { + padding: 0 2.15385em; + text-transform: uppercase; + margin-top: 0.23077em; + line-height: 2.46154em; + border-radius: 0.30769em; + font-size: 0.92857em; + float: right; } + ul.widget-user-list .media-body .btn-outline-secondary { + color: #ccc; } + ul.widget-user-list .media-body .btn-outline-secondary:hover { + color: #555; + background-color: #e4e7ea; } + body.rtl ul.widget-user-list { + padding-top: 0.71429em; + padding-right: 1.25rem; + padding-left: 1.25rem; } + @media (max-width: 480px) { + ul.widget-user-list .media-body .btn { + display: none; } } + ul.widget-user-list .media-heading a { + display: inline-block; + color: rgba(0, 0, 0, 0.7); + margin: 0.28571em 0 0.35714em; } + ul.widget-user-list .media-heading a:hover { + color: #8253eb; } + +/* Profile Add Content Widget +============================*/ +.widget-profile-add-tabs { + margin-bottom: 2.14286em; } + .widget-profile-add-tabs .nav-pills .nav-link { + padding: .3em 2em; + font-weight: 500; + font-size: 0.85714em; } + .widget-profile-add-tabs .nav-pills .nav-link.active { + background: rgba(130, 83, 235, 0.1); + color: #8253eb; } + .widget-profile-add-tabs .nav-pills .nav-link.attach-file-link { + padding-right: 0; + padding-left: 0; + font-size: 0.92857em; } + .widget-profile-add-tabs .tab-content { + border: 1px solid #eef1f2; + margin-top: 1.42857em; } + .widget-profile-add-tabs textarea { + border: 0; + -webkit-box-shadow: 0; + box-shadow: 0; + width: 100%; + min-height: 50px; + font-family: "Montserrat", sans-serif; + resize: none; } + +/* Status Table Widget +============================*/ +.widget-status-table thead { + color: #cccccc; } + +.widget-status-table span { + text-transform: uppercase; + letter-spacing: 0.19048em; + border-radius: 1.42857em; + padding: 0.47619em 1.42857em; } + +.widget-status-table i { + letter-spacing: 0.55556em; } + .widget-status-table i:hover { + color: #999 !important; } + +.widget-status-table tbody a { + color: rgba(0, 0, 0, 0.7); } + +.widget-status-table tbody a:hover { + color: #8253eb; } + +/* User Activity Feed +====================================*/ +.widget-activity-header .nav-pills .nav-link { + border-radius: 1.66667em; + font-family: "Roboto", sans-serif; + font-size: 0.85714em; + font-weight: 600; + color: #999; } + +.widget-activity-header .nav-pills .nav-link.active { + color: #fff; + background-color: #03a9f3; } + +.widget-activity-header form { + position: relative; } + .widget-activity-header form .form-control { + border: 2px solid #f2f3f5; + border-radius: 1.07143em; + padding: 1.07143em 9.28571em 1.07143em 1.42857em; + -webkit-box-shadow: none; + box-shadow: none; } + .widget-activity-header form .form-control:focus { + border-color: #f2f3f5; + -webkit-box-shadow: none; + box-shadow: none; } + .widget-activity-header form .form-control::-webkit-input-placeholder { + color: #b9bec3; + font-family: "Roboto", sans-serif; } + .widget-activity-header form .form-control:-moz-placeholder { + color: #b9bec3; + font-family: "Roboto", sans-serif; } + .widget-activity-header form .form-control::-moz-placeholder { + color: #b9bec3; + font-family: "Roboto", sans-serif; } + .widget-activity-header form .form-control:-ms-input-placeholder { + color: #b9bec3; + font-family: "Roboto", sans-serif; } + .widget-activity-header form div { + position: absolute; + bottom: 1.42857em; + right: 1.42857em; } + .widget-activity-header form div i { + color: #c9d2da; } + .widget-activity-header form div button { + border-radius: 0.85714em; + font-family: "Roboto", sans-serif; + letter-spacing: 0.07143em; + background-color: #c9d2da; } + +.widget-activitys { + padding-top: 0.71429em; } + .widget-activitys li { + position: relative; + margin-top: 0; + padding: 0.71429em 0; } + .widget-activitys li::before { + content: ""; + background: #e5e5e5; + position: absolute; + top: 0; + left: 1.5em; + width: 0.0625rem; + height: 100%; } + .widget-activitys li:first-child { + padding-top: 0; } + .widget-activitys li:last-child, .widget-activitys li:last-child .media-body { + padding-bottom: 0; } + .widget-activitys .media-body { + padding: 0.85714em 0; + font-family: "Roboto", sans-serif; } + .widget-activitys .media-heading { + line-height: 1.5em; + margin-top: 0; } + .widget-activitys .media-heading strong a { + color: #444; } + .widget-activitys .media-heading strong a:hover { + text-decoration: underline; } + .widget-activitys .media-body-content { + padding-top: 1.07143em; } + .widget-activitys .widget-body-image-list figcaption { + text-align: center; + padding-top: 0.57143em; + font-family: "Montserrat", sans-serif; } + .widget-activitys .widget-body-image-list figcaption small { + display: block; + font-size: 70%; } + +/* Widget Social Twitter +====================================*/ +.facebook-widget, +.twitter-widget { + overflow: hidden; + position: relative; + padding: 2.14286em 1.42857em; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 13.75rem; } + .facebook-widget .status, + .twitter-widget .status { + font-size: 1.07143em; + margin-top: 2em; } + .facebook-widget .status-container, + .twitter-widget .status-container { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .facebook-widget h5, .facebook-widget h6, + .twitter-widget h5, + .twitter-widget h6 { + color: #fff; } + .facebook-widget .after, + .twitter-widget .after { + font-family: 'feather'; + font-size: 21.42857em; + line-height: 6.25rem; + opacity: 0.3; + color: #fff; + position: absolute; + right: 0; + bottom: 0; + pointer-events: none; } + .facebook-widget .user-info, + .twitter-widget .user-info { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .facebook-widget .widget-icon, + .twitter-widget .widget-icon { + font-size: 1.71429em; } + .facebook-widget figure, + .twitter-widget figure { + margin-bottom: 0; } + .facebook-widget .user-name-group, + .twitter-widget .user-name-group { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .facebook-widget .user-profile-picture, + .twitter-widget .user-profile-picture { + height: 2.14286em; + width: 2.14286em; + border-radius: 7.14286em; + float: left; + margin-right: 0.71429em; } + .facebook-widget .user-name, + .twitter-widget .user-name { + margin-top: 0.35714em; + margin-bottom: 0.35714em; + text-transform: uppercase; + font-weight: 600; + font-size: 0.85714em; + letter-spacing: .05em; } + .facebook-widget .user-screen-name, + .twitter-widget .user-screen-name { + margin: 0; + opacity: 0.7; + font-weight: normal; + font-size: 0.78571em; + letter-spacing: 0; } + .facebook-widget p, + .twitter-widget p { + margin-bottom: 0; + font-family: "Montserrat", sans-serif; } + body.rtl .facebook-widget .user-profile-picture, body.rtl + .twitter-widget .user-profile-picture { + margin-right: 0; + margin-left: 0.71429em; } + +/* Chart Specific Styles +====================================*/ +.progress-stats-round { + position: relative; } + .progress-stats-round .list-icon { + font-size: 2.14286em; + font-weight: 600; + position: absolute; + top: 1em; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + +.widget-social a { + margin-top: -1.42857em; + margin-bottom: -1.42857em; + padding-top: 2.14286em; + padding-bottom: 1.07143em; } + .widget-social a:hover { + text-decoration: none; } + .widget-social a i { + font-size: 2.85714em; } + +.widget-social-ft { + margin-top: -1.42857em; + margin-bottom: -1.42857em; } + .widget-social-ft header { + padding: 1.42857em 0; } + .widget-social-ft header i { + font-size: 2.85714em; } + .widget-social-ft div div:last-child { + border-left: 0.0625rem solid #eef1f2; } + +.doughnut-widget { + position: relative; } + .doughnut-widget section { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + .doughnut-widget section small { + display: inline-block; } + +.doughnut-widget-details ul { + width: 7.14286em; + line-height: 2.14286em; + margin-left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + +.statistic-squares [class*="col-"] { + border-top: 0.0625rem solid #eee; + border-left: 0.0625rem solid #eee; + padding-top: 2.14286em; + padding-bottom: 2.14286em; } + .statistic-squares [class*="col-"]:first-child { + border-left: 0; } + +.statistic-squares > .row:first-child [class*="col-"], .statistic-squares > .custom-fullcalendar:first-child [class*="col-"] { + border-top: 0; } + +.knob-widget section { + position: relative; } + .knob-widget section i { + font-size: 4.28571em; + color: rgba(0, 0, 0, 0.1); + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + +.knob-widget ul li { + padding-left: 1.42857em; + padding-right: 1.42857em; } + .knob-widget ul li:last-child { + border-left: 0.0625rem solid #eef1f2; } + +.card-user-info-widget .caption-btn > a { + margin-bottom: 0.66667em; + letter-spacing: 0.13333em; } + +.card-user-info-widget .followers-details-list li { + border: 0.0625rem solid #eef1f2; + padding: 0 2.85714em; } + .card-user-info-widget .followers-details-list li:first-child { + border-left: 0; } + .card-user-info-widget .followers-details-list li:last-child { + border-left: 0; + border-right: 0; } + +.card-user-info-widget .email-details-list li { + padding: 0px 2.14286em; + line-height: 2.14286em; } + +/******************************** +********************************* +Light Box Gallery +********************************* +*********************************/ +.lightbox-gallery .lightbox img { + width: 100%; + height: auto; } + +.lightbox-gallery .lightbox a { + overflow: hidden; + display: block; + position: relative; } + .lightbox-gallery .lightbox a img { + -webkit-transition: all 250ms; + transition: all 250ms; } + .lightbox-gallery .lightbox a:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); } + +.promo-code-widget header h5 { + background-color: #adc1c8; + width: 2.85714em; + height: 2.85714em; + line-height: 2.85714em; + color: #ffffff; } + +.promo-code-widget section > a { + display: inline-block; + border: 1px dashed #eef1f2; } + +.promo-code-widget section > input { + max-width: 100%; } + +.social-icon-widget div:first-child { + position: relative; } + .social-icon-widget div:first-child::after { + content: ""; + position: absolute; + width: 0.07143em; + height: 3.57143em; + background-color: #dfe3e9; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + +.latest-widget header { + border-bottom: 1px solid #efefef; } + +.latest-widget section .col-md-3 { + border-right: 1px solid #efefef; } + .latest-widget section .col-md-3:last-child { + border-right: 0; } + .latest-widget section .col-md-3 h5 { + line-height: 1.57143em; } + +.latest-widget footer .btn { + background-color: #333333; + color: #fff; + outline: none; } + +.latest-widget footer .btn-default:active { + background-color: #333333; + color: #fff; } + +.card-bench-widget figure { + position: relative; } + .card-bench-widget figure header { + position: absolute; + top: 1.42857em; + right: 1.42857em; } + .card-bench-widget figure header .btn { + font-weight: 700; + letter-spacing: 0.07143em; + color: #fff; + border-color: #fff; } + .card-bench-widget figure header .btn:hover { + background-color: #fff; + color: #000; } + .card-bench-widget figure section { + position: absolute; + bottom: 2.85714em; + right: 1.42857em; } + .card-bench-widget figure ul { + position: absolute; + bottom: 0em; + right: 1.42857em; } + +.city-card-widget figure { + position: relative; } + .city-card-widget figure .city-card-status, + .city-card-widget figure .city-card-details { + position: absolute; + left: 1.42857em; } + .city-card-widget figure .city-card-status { + top: 1.42857em; } + .city-card-widget figure .city-card-details { + bottom: 0; } + .city-card-widget figure .city-card-button { + position: absolute; + right: 1.42857em; + bottom: 1.42857em; } + .city-card-widget figure .city-card-button .btn { + color: #fff; + border-color: #fff; } + .city-card-widget figure .city-card-button .btn:hover { + color: #000; + background-color: #fff; } + +.ecommerce-products-card figure { + position: relative; } + .ecommerce-products-card figure figcaption { + position: absolute; + top: 1.42857em; + right: 1.42857em; } + +.ecommerce-products-card .ecommerce-products-card-details { + padding: 2.14286em 2.85714em 1.78571em; } + .ecommerce-products-card .ecommerce-products-card-details .product-title h6 { + color: #bbc7d3; } + .ecommerce-products-card .ecommerce-products-card-details .buy-button .btn { + border-radius: 0; + color: #ffffff; + background-color: #88bf57; + outline: none; } + .ecommerce-products-card .ecommerce-products-card-details .buyer-button .btn { + color: #bbc7d3; + border-color: #bbc7d3; } + .ecommerce-products-card .ecommerce-products-card-details .buyer-button .btn:hover, .ecommerce-products-card .ecommerce-products-card-details .buyer-button .btn:focus { + color: #000; } + .ecommerce-products-card .ecommerce-products-card-details .product-ratings li a i { + color: #f3a855; } + +/* Simple Thumnail Gallery +========================*/ +.gallery-small a { + display: inline-block; + overflow: hidden; + background: #000; + position: relative; + text-align: center; } + +.gallery-small img { + -webkit-transition: 250ms opacity, 250ms -webkit-transform; + transition: 250ms opacity, 250ms -webkit-transform; + transition: 250ms transform, 250ms opacity; + transition: 250ms transform, 250ms opacity, 250ms -webkit-transform; + width: 100%; + height: auto; } + +.gallery-small a:hover > img, +.gallery-small a.active > img { + -webkit-transform: scale(1.1); + transform: scale(1.1); } + +.gallery-small a:hover img, +.gallery-small .active img { + opacity: .7; } + +.gallery-small a:hover span, +.gallery-small .active span { + display: block; + width: 100%; + position: absolute; + color: #fff; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 1.6em; + line-height: 1; + font-weight: 700; + letter-spacing: -2px; + font-family: "Montserrat", sans-serif; } + +.gallery-small a:hover small, +.gallery-small .active small { + display: block; + color: #fff; + font-size: .8rem; + margin-top: 5px; + letter-spacing: 0; } + +/* Chart Widgets +============================*/ +.chart-widget .card .card-header { + padding-left: 2.14286em; + background-color: #f9faff; } + .chart-widget .card .card-header span { + color: #9ca0a8; } + +.chart-widget .card .card-body { + background-color: #f9faff; } + +.chart-widget .card .card-footer { + background: none; + border-color: #edf3f8; } + +.chart-widget .pie-chart { + position: relative; } + .chart-widget .pie-chart section { + color: #9ca0a8; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + +.online-course-widget .card-header { + background: none; + position: relative; } + .online-course-widget .card-header::after { + content: ""; + position: absolute; + height: 0.21429em; + width: 2.85714em; + bottom: 0; + left: 1.42857em; + background: #e9ecf0; } + .online-course-widget .card-header a i { + font-size: 1.57143em; + background: #e9ecf0; + padding: 0.68182em; } + .online-course-widget .card-header a:hover i { + background-color: #8253eb; } + .online-course-widget .card-header span { + color: #6a768c; + font-size: 0.92857em; + font-weight: 600; + padding: 1.15385em 1.53846em; } + +.online-course-widget .card-body { + margin-bottom: 0.71429em; } + .online-course-widget .card-body h5 a { + font-weight: 300; + line-height: 1.78571em; + color: #6a768c; } + +.online-course-widget .card-footer { + padding: 1.07143em 1.42857em; + background-color: #fff; + border-color: #eef1f2; } + +.select-widget { + font-family: "Roboto", sans-serif; + margin-bottom: 2.14286em; } + .select-widget section { + margin-top: 2.14286em; } + .select-widget section a div { + margin-left: -0.71429em; + margin-right: -0.71429em; + border: 1px solid #eef1f2; + border-radius: 0.35714em; + padding: 0 0.71429em 2.85714em 0.71429em; } + .select-widget section i { + font-size: 5.42857em; + vertical-align: bottom; } + +.subscribe-widget { + border: 0.14286em dashed #eef1f2; + padding: 1.42857em 1.42857em 2.85714em 1.42857em; } + .subscribe-widget .col-md-2 { + position: relative; } + .subscribe-widget .col-md-2 i { + font-size: 5.42857em; } + .subscribe-widget .col-md-2 i::before { + position: absolute; + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + left: 40%; + top: 20%; } + .subscribe-widget .form-control { + -webkit-box-shadow: none; + box-shadow: none; } + +.tickets-table table thead { + background: #fbfbfc; } + .tickets-table table thead th { + padding: 1.42857em; + border-top: 1px solid #eef1f2; + border-bottom: 1px solid #eef1f2; } + +.tickets-table table tbody tr { + margin: 0.71429em 0; } + .tickets-table table tbody tr:last-child td { + border: none; } + .tickets-table table tbody tr td { + padding: 0.71429em 1.42857em; + border-bottom: 1px solid #eef1f2; } + .tickets-table table tbody tr td i { + font-size: 1.28571em; } + .tickets-table table tbody tr td i::before { + vertical-align: -webkit-baseline-middle; } + +.schedule-widget .col-md-3 { + position: relative; } + .schedule-widget .col-md-3::after { + content: ""; + position: absolute; + height: 2.85714em; + width: 0.07143em; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #eef1f2; } + .schedule-widget .col-md-3:last-child::after { + display: none; } + +.schedule-widget a i { + position: relative; + background: #eef1f2; + font-size: 1.28571em; + height: 3.57143em; + width: 3.57143em; } + .schedule-widget a i::before { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + +.purpose-widget .card .card-body { + border-bottom: 1px solid #eef1f2; } + .purpose-widget .card .card-body .col-md-6 { + padding: 2.14286em; + border-right: 1px solid #eef1f2; } + .purpose-widget .card .card-body .col-md-6:last-child { + border: none; } + .purpose-widget .card .card-body:last-child { + border: none; } + +.status-view-widget .col-md-6 a { + padding: 2.5em 1.78571em; + border: 1px solid #fff; + border-radius: 0.35714em; + background: #f9f9f9; } + .status-view-widget .col-md-6 a i { + font-size: 1.42857em; } + .status-view-widget .col-md-6 a i::before { + vertical-align: -webkit-baseline-middle; } + .status-view-widget .col-md-6 a h3 { + color: #444; } + .status-view-widget .col-md-6 a:hover { + background: none; + border-color: #38d57a; } + +.sports-card .card .card-header .list-icon { + width: auto; + height: auto; + line-height: normal; } + +.sports-card .card .card-body > div > a small { + border-bottom: 1px solid #eef1f2; } + +/* Map Widgets +============================*/ +.widget-map .gmap { + position: relative; } + .widget-map .gmap:after { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); + pointer-events: none; } + +.widget-map .card { + -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } + +/* Project Index +============================*/ +.widget-project-index .card { + border: 0; } + .widget-project-index .card .card-header { + background: #fff; + border: 0; } + .widget-project-index .card .card-header a { + padding-right: 1.25rem; + padding-left: 1.25rem; } + .widget-project-index .card .card-header a::after { + display: none; } + .widget-project-index .card .card-title { + padding: 0; } + .widget-project-index .card .count { + height: 1.25rem; + width: 1.25rem; + line-height: 1.125rem; + text-align: center; + border-radius: 100%; + border: 2px solid #eef1f2; + display: inline-block; } + +.widget-project-index .list-group { + border: 0; + background: #f5f7fa; } + .widget-project-index .list-group .list-group-item { + padding: 0.75em 1.25rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: top; + -ms-flex-align: top; + align-items: top; + background: #f5f7fa; + border: 0; + color: #bbb; + font-size: 0.92857em; + font-weight: 500; } + .widget-project-index .list-group .list-group-item.active { + color: #444; + -webkit-box-shadow: inset 4px 0 0 0 #8253eb; + box-shadow: inset 4px 0 0 0 #8253eb; } + .widget-project-index .list-group small { + margin-left: 1em; } + .widget-project-index .list-group .list-icon { + line-height: 2.14286em; + margin-right: 1em; + color: #bbb; } + .widget-project-index .list-group .done-icon { + display: block; + font-size: 0.75rem; + height: 1.66667em; + width: 1.66667em; + line-height: 1.66667em; + text-align: center; + border-radius: 100%; + margin-top: .2em; } + +body.rtl .widget-project-index .list-group .list-group-item.active { + -webkit-box-shadow: inset -4px 0 0 0 #8253eb; + box-shadow: inset -4px 0 0 0 #8253eb; } + +body.rtl .widget-project-index .list-group .list-icon { + margin-right: 0; + margin-left: 1em; } + +/******************************** +********************************* +Pricing Table +********************************* +*********************************/ +.pricing-box { + border: 0.0625rem solid #eef1f2; + border-radius: 0.28571em; + background: #fff; + margin: 3em 0; + padding-bottom: 1.07143em; + padding-top: 0.71429em; } + [class^="col-md-"] .pricing-box { + margin-left: -0.35714em; + margin-right: -0.35714em; } + .pricing-box .heading-basic { + background: #d0ecfd; + height: 5.71429em; + width: 5.71429em; + display: inline-block; + line-height: 5.71429em; + margin: auto; } + .pricing-box .heading-custom { + background: #f1f1f1; + height: 5.71429em; + width: 5.71429em; + line-height: 5.71429em; + display: inline-block; + margin: auto; } + .pricing-box li { + padding: 0.5em 0; } + .pricing-box hr { + width: 80%; } + .pricing-box.featured-pricing-box { + position: relative; + z-index: 1; + -webkit-box-shadow: 0px 0px 0.64286em rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 0.64286em rgba(0, 0, 0, 0.1); } + .pricing-box.featured-pricing-box .heading-featured { + background: #d6f5d6; + height: 2.85714em; + width: 2.85714em; + line-height: 2.85714em; + display: inline-block; + margin: 0; } + [class^=col-md-] .pricing-box.featured-pricing-box { + margin-left: -2.14286em; + margin-right: -2.14286em; + margin-top: 0; + margin-bottom: 0; } + .pricing-box.featured-pricing-box-2 h5, .pricing-box.featured-pricing-box-2 p, .pricing-box.featured-pricing-box-2 a, .pricing-box.featured-pricing-box-2 li { + color: #fff; } + .pricing-box.featured-pricing-box-2 li { + color: #fff !important; } + .pricing-box.featured-pricing-box-2 .btn-outline-default:hover { + background: #fff; + border-color: transparent; + color: rgba(135, 206, 250, 0.7); } + .pricing-box header { + margin-top: 2.14286em; } + .pricing-box header h5 { + font-weight: 700; + margin-bottom: 1.11111em; } + .pricing-box header span sub { + font-size: 0.35714em; + font-weight: 700; + position: relative; + top: 0; } + .pricing-box header .header-text { + font-size: 1.07143em; + font-weight: 500; + margin-top: 2em; } + .pricing-box header .triangle-top-right { + display: inline-block; + width: 0; + height: 0; + border-style: solid; + border-width: 0 80px 80px 0; + border-color: transparent #38d57a transparent transparent; + position: absolute; + top: 0.35714em; + right: 0.35714em; } + .pricing-box header .triangle-top-right::before { + content: "\e9bf"; + font-family: "feather"; + color: #fff; + font-size: 1.42857em; + position: absolute; + left: 2.25em; + top: 0.5em; } + .pricing-box ul { + padding-right: 0; } + .pricing-box .pricing-box-content li { + border: none; + color: #aaa; + background-color: transparent; } + .pricing-box .pricing-box-content .btn { + width: 80%; + letter-spacing: 0.14286em; + font-size: 0.78571em; + font-weight: 700; + margin-bottom: 1.78571em; + text-transform: uppercase; } + +/******************************** +********************************* +Timeline +********************************* +*********************************/ +.timeline { + position: relative; + margin: 1.42857em 0; } + .timeline .timeline-body { + padding: 0 1.42857em; + display: inline-block; + width: 40%; + margin-left: 5%; + background: #fff; + border: 1px solid #ddd; + -webkit-box-shadow: 0 2px 3px 0 #ddd; + box-shadow: 0 2px 3px 0 #ddd; + text-align: right; + border-radius: 10px; } + .timeline .timeline-body header { + padding: 1.5873em 1.5873em; + margin: 0 -1.5873em 1.5873em; + background: #8253eb; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + color: #fff; + font-size: 0.9em; } + .timeline .timeline-body header .timeline-body-title { + font-size: 0.875rem; + line-height: 1.5; + margin: 0; + color: #fff; } + .timeline .timeline-body header a { + color: #fff; + border-bottom: 1px dotted #fff; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .timeline .timeline-body header a:hover { + border-bottom-color: rgba(255, 255, 255, 0.5); } + .timeline .timeline-body > *:last-child:not(header) { + margin-bottom: 1.42857em; } + .timeline .timeline-body header:last-child { + margin-bottom: 0; + border-radius: 10px; } + .timeline .timeline-body iframe { + width: 100%; } + .timeline .timeline-header { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + z-index: 2; } + .timeline .timeline-header i { + height: 2.5em; + width: 2.5em; + border-radius: 100px; + background: #8253eb; + color: #fff; + line-height: 2.5em; + font-size: 1.71429em; + text-align: center; } + .timeline .timeline-title { + position: absolute; + top: 0; + left: 55%; + width: 10%; + text-align: left; } + .timeline .timeline-title img { + border-radius: 100px; + height: 3.57143em; + width: 3.57143em; } + .timeline .timeline-title span, .timeline .timeline-title small { + display: block; } + .timeline .timeline-title h5 { + margin: 0.55556em 0 0.27778em; } + .timeline .timeline-title h5 a { + color: #999; } + .timeline .timeline-single { + padding-bottom: 5.71429em; + position: relative; + z-index: 1; + min-height: 7.14286em; } + .timeline .timeline-single:after { + content: ""; + border-right: 4px solid #8253eb; + z-index: 0; + display: block; + position: absolute; + top: 5em; + bottom: 0.71429em; + left: 50%; + opacity: 0.2; } + .timeline .timeline-single:nth-child(even) .timeline-body { + margin-left: 55%; + text-align: left; } + .timeline .timeline-single:nth-child(even) .timeline-title { + left: 35%; + text-align: right; } + body.rtl .timeline { + direction: ltr; } + body.rtl .timeline .timeline-single:nth-child(even) .timeline-body { + text-align: right; } + body.rtl .timeline .load-more-btn { + direction: ltr; } + @media (max-width: 768px) { + .timeline .timeline-body { + width: 45%; + margin-left: 0; } } + +@-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + .timeline .load-more-btn { + margin-left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + .timeline .load-more-btn:after { + content: "refresh"; + font-family: "Material Icons"; + font-size: 1.33333em; + vertical-align: middle; + display: none; + -webkit-animation-name: loadingAnimation; + animation-name: loadingAnimation; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } + .timeline .load-more-btn.loading span { + display: none; } + .timeline .load-more-btn.loading:after { + display: block; } + +/******************************** +********************************* +Icon Box +********************************* +*********************************/ +.icon-box header a { + font-size: 1.42857em; + color: #999; } + +.icon-box header img { + height: 1.66667em; + width: 1.66667em; + max-width: none; } + +.icon-box section h5 { + margin-bottom: 1.25rem; } + +.icon-box section p { + line-height: 1.78571em; + font-size: 1em; } + .icon-box section p:last-child { + margin-bottom: 0; } + +.icon-box-xs header a { + font-size: 0.75rem; } + +.icon-box-sm header a { + font-size: 1rem; } + +.icon-box-lg header a { + font-size: 1.5rem; } + +.icon-box-xl header a { + font-size: 1.75rem; } + +.icon-box-centered { + padding: 2.85714em 1.42857em 2.14286em; + text-align: center; } + .icon-box-centered header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .icon-box-centered section { + margin-top: 2.14286em; } + .icon-box-centered h5 { + margin-bottom: 1.66667em; } + +.icon-box-side { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 2.14286em 0; } + .icon-box-side header { + margin: 0 1.42857em; } + .icon-box-side a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .icon-box-side .icon-box-title { + margin-top: 0; } + .icon-box-side section { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +.icon-box-circle-bg header a { + color: #fff; + background: #999; } + +.icon-box-circle header a { + border-radius: 100px; + height: 2em; + width: 2em; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.icon-box-circle.icon-box-xs header a { + font-size: 0.625rem; } + +.icon-box-circle.icon-box-sm header a { + font-size: 0.875rem; } + +.icon-box-circle.icon-box-lg header a { + font-size: 1.5rem; } + +.icon-box-circle.icon-box-xl header a { + font-size: 1.875rem; } + +.icon-box-outline header a { + padding: 1em; + border: 1px solid #999; } + +.icon-box-outline-thick header a { + border: 2px solid #999; } + +.icon-box-outline-thicker header a { + border: 3px solid #999; } + +.icon-box-outline-thickest header a { + border: 4px solid #999; } + +.icon-box-outline.icon-box-xs header a { + font-size: 0.625rem; } + +.icon-box-outline.icon-box-sm header a { + font-size: 0.875rem; } + +.icon-box-outline.icon-box-lg header a { + font-size: 1.5rem; } + +.icon-box-outline.icon-box-xl header a { + font-size: 1.875rem; } + +.icon-box-circle-bg header a, .icon-box-circle-bg header i, +[class^='icon-box-outline'] header a, +[class^='icon-box-outline'] header i { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.icon-box-circle-bg header a, +[class^='icon-box-outline'] header a { + font-size: 1.42857em; + height: 2em; + width: 2em; + text-align: center; + border-radius: 100%; } + +.icon-box-circle-bg header i, +[class^='icon-box-outline'] header i { + font-size: 1em; + line-height: 1; } + +.icon-box-circle-bg.icon-box-xs header a, +[class^='icon-box-outline'].icon-box-xs header a { + font-size: 0.625rem; } + +.icon-box-circle-bg.icon-box-sm header a, +[class^='icon-box-outline'].icon-box-sm header a { + font-size: 0.875rem; } + +.icon-box-circle-bg.icon-box-lg header a, +[class^='icon-box-outline'].icon-box-lg header a { + font-size: 1.5rem; } + +.icon-box-circle-bg.icon-box-xl header a, +[class^='icon-box-outline'].icon-box-xl header a { + font-size: 1.875rem; } + +/* Media Elements +========================*/ +.mejs__container { + max-width: 100%; + width: 100% !important; + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; } + .mejs__container.mejs__video { + background: none; } + +.mejs__overlay { + width: 100% !important; } + +.mejs__mediaelement * { + width: 100% !important; + max-width: 100%; } + +.mejs__overlay-button { + background: none; + color: #fff; + height: 3.75rem; + width: 3.75rem; } + .mejs__overlay-button:before { + content: '\e99e'; + font-family: 'feather'; + font-size: 3.75rem; + line-height: 3.75rem; } + +.video { + max-width: 100%; } + +.no-control-onstart.mejs__video--playing .mejs__controls { + display: block; } + +.no-controls-onstart:not(.mejs__video--playing) .mejs__controls { + display: none; } + +.mejs__container.style-2 .mejs__controls { + background: #444; } + +.mejs__container.style-2 .mejs__time-rail { + position: absolute; + top: -7px; + right: 0; + left: 0; + width: 100% !important; + height: 3px; + margin: 0; + padding: 0; } + +.mejs__container.style-2 .mejs__time-buffering, .mejs__container.style-2 .mejs__time-current, .mejs__container.style-2 .mejs__time-float, .mejs__container.style-2 .mejs__time-float-corner, .mejs__container.style-2 .mejs__time-float-current, .mejs__container.style-2 .mejs__time-hovered, .mejs__container.style-2 .mejs__time-loaded, .mejs__container.style-2 .mejs__time-marker, .mejs__container.style-2 .mejs__time-total { + height: 3px; } + +.mejs__container.style-2 .mejs__time-total { + background: #fff; } + +.mejs__container.style-2 .mejs__time-loaded { + background: rgba(130, 83, 235, 0.4); } + +.mejs__container.style-2 .mejs__time-current { + background: #8253eb; } + +.mejs__container.style-2 .mejs__time-hovered { + background: #6125e6; } + +.mejs__container.style-2 .mejs__time-float, +.mejs__container.style-2 .mejs__time-handle { + display: none !important; } + +.mejs__container.style-2 .mejs__volume-button > button, +.mejs__container.style-2 .mejs__playpause-button > button, +.mejs__container.style-2 .mejs__fullscreen-button > button { + background: none; } + .mejs__container.style-2 .mejs__volume-button > button::before, + .mejs__container.style-2 .mejs__playpause-button > button::before, + .mejs__container.style-2 .mejs__fullscreen-button > button::before { + font-family: 'Material Icons'; + vertical-align: middle; + text-rendering: optimizeLegibility; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + font-size: 1.5rem; + height: 1em; + width: 1em; + color: #fff; } + +.mejs__container.style-2 .mejs__fullscreen-button { + float: right; } + .mejs__container.style-2 .mejs__fullscreen-button > button::before { + content: 'fullscreen'; } + .mejs__container.style-2 .mejs__fullscreen-button.mejs__unfullscreen > button::before { + content: 'fullscreen_exit'; } + +.mejs__container.style-2 .mejs__playpause-button.mejs__play > button::before { + content: 'play_arrow'; } + +.mejs__container.style-2 .mejs__playpause-button.mejs__pause > button::before { + content: 'pause'; } + +.mejs__container.style-2 .mejs__volume-button { + padding-left: 0; + padding-right: 0; } + .mejs__container.style-2 .mejs__volume-button > button::before { + content: 'volume_up'; } + .mejs__container.style-2 .mejs__volume-button.mejs__unmute > button::before { + content: 'volume_off'; } + +.mejs__container.style-2 .mejs__overlay-button:before { + font-family: 'Material Icons'; + content: 'play_arrow'; } + +.mejs__container.style-2 .mejs__duration-container { + opacity: 0.5; } + .mejs__container.style-2 .mejs__duration-container:before { + content: '\002f '; + margin-right: .5em; } + +/******************************** +********************************* +Contacts +********************************* +*********************************/ +.contact-list { + position: relative; + width: 100%; + max-height: 100%; + margin: 15px 0; } + .contact-list tr { + border-bottom: 1px solid #eef1f2; } + .contact-list td { + vertical-align: middle; + font-family: "Montserrat", sans-serif; + letter-spacing: -0.05em; + color: #444; + font-weight: 500; + line-height: 1.5; + padding: 10px 0; } + .contact-list td a { + color: #444; } + .contact-list td small { + font-size: 0.92857em; + font-weight: 300; + color: #bbb; } + .contact-list td small a { + color: #bbb; + text-decoration: underline; } + .contact-list td figure { + margin-bottom: 0; } + .contact-list a { + color: #999; } + .contact-list a:hover { + color: #8253eb; } + .contact-list .list-icon { + font-size: 1.28571em; + color: #666; } + .contact-list .unread td { + font-weight: 600; } + .contact-list label { + margin-bottom: 0; } + +.contact-list-user { + position: relative; + z-index: 12; } + .contact-list-user input[type="checkbox"], + .contact-list-user figure { + cursor: pointer; + margin-bottom: 0; + padding: 2px; } + .contact-list-user input[type="checkbox"] { + position: absolute; + margin: 0; + opacity: 0; } + .contact-list-user figure { + border: 2px solid transparent; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 100%; } + .contact-list-user input:checked + figure { + border-color: #e6614f; } + +.contact-list-message .badge, .contact-list-message .label { + border-radius: 3px; + text-transform: uppercase; + font-size: 0.78571em; + letter-spacing: 0.03571em; } + +.contact-list-badge { + text-align: right; } + +.contact-info { + position: relative; + border: 1px solid rgba(238, 241, 242, 0.5); + padding: 2.14286em 1.42857em; + text-align: center; } + .contact-info header.padded-reverse { + position: relative; + min-height: 155px; + background-color: #8253eb; + background-position: center; + background-repeat: no-repeat; + background-size: cover; } + .contact-info header.padded-reverse figure { + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%) translateY(50%); + transform: translateX(-50%) translateY(50%); } + .contact-info .social-ratings { + margin-top: 40px; + border-top: 1px solid #eef1f2; } + .contact-info .social-ratings .col-md-4 { + padding: 15px 0; + border-left: 1px solid #eef1f2; } + .contact-info .social-ratings .col-md-4:first-child { + border: 0; } + +.contact-info-list-border { + margin-top: 20px; } + .contact-info-list-border .widget-body { + border: 1px solid #eef1f2; } + +.contact-details-tab { + border-color: #eef1f2; + left: -1px; } + .contact-details-tab .nav-item a { + padding: 0 50px; + line-height: 60px; + display: inline-block; + text-transform: uppercase; + font-family: "Montserrat", sans-serif; + font-weight: 600; + color: #bbb; } + .contact-details-tab .nav-item a:hover { + background: transparent; + border-color: #eef1f2; } + .contact-details-tab .nav-item a.active { + background: #fff; + border-top-left-radius: .125em; + border-top-right-radius: .125em; + border-color: #eef1f2 #eef1f2 #fff; } + +.contact-details-cell { + border: 1px solid #eef1f2; + margin-bottom: 6px; + padding: 20px 22px 18px; + overflow: hidden; + color: #666; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .contact-details-cell small { + padding-right: 20px; } + .contact-details-cell span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-item-align: end; + align-self: flex-end; + font-size: 1em; + margin: 0; + text-align: right; } + body.rtl .contact-details-cell span { + text-align: left; } + +.contact-details-textarea p { + width: 80%; + margin-left: 20%; + text-align: left; } + +.contact-list-right .mail-list-user { + width: 100px; } + +@media (max-width: 767px) { + .contact-list-right .mail-list-user, + .contact-list-right .mail-list-time { + display: none; } + .contact-list-right .mail-list-name { + padding-left: 2em; } } + +.contact-list-right td { + padding: 0.71429em 0; + position: relative; } + +.contact-list-right td label { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + +.contact-list-right tr:first-child td label { + top: calc(50% + 5px); } + +.contact-list-right .mail-list-name > a { + font-weight: 700; + display: block; } + +.contact-list-right .mail-list-name .text-muted a { + color: #8d9ea7; + text-decoration: underline; } + +/******************************** +********************************* +Chats +********************************* +*********************************/ +.chatbox { + color: #444; } + .chatbox small { + color: #444; } + .chatbox > [class*="col"] { + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.chatbox-body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +.chatbox-header { + height: 6.875rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.chatbox-user-list .user-name { + line-height: 1; } + +.chatbox-user-list small { + font-size: 0.71429em; } + +.chatbox-user-list .icon-box header a { + border: 1px solid rgba(153, 153, 153, 0.2); } + +.chatbox-user-list .user-list-single { + padding: 0 1rem; + position: relative; + margin-bottom: 1.5rem; } + +.chatbox-messages { + padding: 1rem; } + .chatbox-messages .message { + margin-bottom: 1rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-flow: row-reverse; + flex-flow: row-reverse; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + .chatbox-messages .message figure { + margin-left: 1rem; } + .chatbox-messages .message .media-body { + 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-align: end; + -ms-flex-align: end; + align-items: flex-end; } + .chatbox-messages .message p { + max-width: 50%; + margin-bottom: .5em; + padding: .5em 1em; + background: #8253eb; + color: #fff; + border-radius: 3px; + position: relative; } + .chatbox-messages .message p:first-child { + margin-top: .5em; } + .chatbox-messages .message p:first-child::after, .chatbox-messages .message p:first-child::before { + content: ''; + position: absolute; + top: 50%; + right: -7px; + height: 0; + width: 0; + display: block; + border-style: solid; + border-width: 5px 0 5px 7px; + border-color: transparent transparent transparent #8253eb; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .chatbox-messages .message.reply { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row; + flex-flow: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + .chatbox-messages .message.reply .media-body { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + .chatbox-messages .message.reply figure { + margin-left: auto; + margin-right: 1rem; } + .chatbox-messages .message.reply p { + color: #999; + background: #fff; + border: 1px solid #eef1f2; + border-radius: 3px; } + .chatbox-messages .message.reply p:first-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .chatbox-messages .message.reply p:first-child::before { + right: auto; + left: -8px; + border-width: 5px 7px 5px 0; + border-color: transparent #eef1f2 transparent transparent; } + .chatbox-messages .message.reply p:first-child::after { + right: auto; + left: -7px; + border-width: 5px 7px 5px 0; + border-color: transparent #fff transparent transparent; } + body.rtl .chatbox-messages .message figure { + margin-left: 0; + margin-right: 1rem; } + body.rtl .chatbox-messages .message p:first-child { + border-radius: 0; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + body.rtl .chatbox-messages .message p:first-child::before, body.rtl .chatbox-messages .message p:first-child::after { + right: auto; + left: -7px; + border-width: 5px 7px 5px 0; + border-color: transparent #8253eb transparent transparent; } + body.rtl .chatbox-messages .message.reply p:first-child { + border-radius: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + body.rtl .chatbox-messages .message.reply p:first-child::before, body.rtl .chatbox-messages .message.reply p:first-child::after { + left: auto; + right: -7px; + border-width: 5px 0 5px 7px; + border-color: transparent transparent transparent #eef1f2; } + body.rtl .chatbox-messages .message.reply p:first-child::after { + right: -6px; + border-color: transparent transparent transparent #fff; } + body.rtl .chatbox-messages .message.reply figure { + margin-right: 0; + margin-left: 1rem; } + +/******************************** +********************************* +Site Map +********************************* +*********************************/ +.sitemap { + position: relative; } + .sitemap i { + font-size: 1.28571em; + vertical-align: top; + top: 2px; } + .sitemap a { + color: #7c8d96; } + .sitemap a:hover { + color: #8253eb; } + .sitemap ul { + margin-left: 1.07143em; } + .sitemap li { + position: relative; + padding-left: 2.85714em; + padding-top: 0.21429em; } + .sitemap li.menu-item-has-children > ul { + margin-top: 0.71429em; + margin-left: 1.78571em; } + .sitemap li::before { + content: ""; + position: absolute; + left: 0.5em; + top: -0.85714em; + height: 1.78571em; + width: 2.5em; + border-bottom: 0.0625rem solid #ddd; + border-left: 0.0625rem solid #ddd; } + body.rtl .sitemap li { + padding-left: 0; + padding-right: 2.85714em; } + body.rtl .sitemap li:before { + left: auto; + right: 0; + border-left: 0; + border-right: 1px solid #eef1f2; } + +.sitemap-default a, +.sitemap-right a { + margin-left: 0.71429em; } + +.sitemap-right strong { + color: #8253eb; + text-transform: uppercase; + font-size: 1.07143em; + font-weight: 500; } + +/******************************** +********************************* +E-Commerce Products +********************************* +*********************************/ +.ecommerce-products li { + margin-bottom: 2.14286em; } + .ecommerce-products li:nth-child(3n+1) { + clear: both; } + @media (max-width: 991px) { + .ecommerce-products li:nth-child(3n+1) { + clear: none; } + .ecommerce-products li:nth-child(odd) { + clear: both; } } + +.ecommerce-products .card { + -webkit-transition: all .2s; + transition: all .2s; } + .ecommerce-products .card:hover { + -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); + -webkit-transform: scale(1.01); + transform: scale(1.01); } + .ecommerce-products .card .card-header { + position: relative; } + .ecommerce-products .card .card-header .triangle-top-right { + position: absolute; + display: inline-block; + width: 0; + height: 0; + top: 0; + right: 0; + border-style: solid; + border-width: 0 80px 80px 0; + border-color: transparent #8253eb transparent transparent; } + .ecommerce-products .card .card-header .triangle-top-right::after { + content: "\e925"; + font-family: "feather"; + color: #fff; + font-size: 1.42857em; + position: absolute; + left: 2.25em; + top: 0.5em; } + .ecommerce-products .card .card-footer { + border-color: #eef1f2; + background: none; } + .ecommerce-products .card .card-footer div { + border-right: 1px solid #eef1f2; } + .ecommerce-products .card .card-footer div:last-child { + border: none; } + .ecommerce-products .card .card-footer div a { + color: #bbb; } + .ecommerce-products .card .card-footer div:hover a { + color: #8253eb; } + +body.rtl .ecommerce-products .card .card-footer div { + border-right: 0; + border-left: 1px solid #eef1f2; } + body.rtl .ecommerce-products .card .card-footer div:last-child { + border: none; } + +.invoice-sum li { + background: rgba(0, 0, 0, 0.05); + margin-bottom: 0.14286em; + padding: 0.35714em 0.71429em; } + +/******************************** +********************************* +Weather +********************************* +*********************************/ +.weather-card-image figure { + overflow: hidden; + height: 20.71429em; + position: relative; + background-size: cover; + background-position: center center; + margin-bottom: 0; } + +.weather-card-image img { + width: 100%; } + +.weather-card-image figcaption { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; } + .weather-card-image figcaption h6 { + position: absolute; + bottom: 0.71429em; } + .weather-card-image figcaption span { + position: absolute; + right: 1em; + bottom: 0.5em; + font-size: 1.42857em; } + .weather-card-image figcaption span sup { + font-size: 0.5em; + vertical-align: super; } + +.weather-card-image .weather-footer div { + padding: 0 1.07143em; + margin: 2.14286em 0 2.14286em 0; + border-left: 0.0625rem solid #eee; } + .weather-card-image .weather-footer div:first-child { + border: 0; } + +.weather-card-image-dark { + position: relative; + height: 30.71429em; + overflow: hidden; + background-size: cover; + background-position: center center; } + .weather-card-image-dark i { + position: absolute; + text-align: center; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + font-size: 3.57143em; } + .weather-card-image-dark .weather-caption { + position: absolute; + bottom: 2.14286em; + left: 1.42857em; } + .weather-card-image-dark .weather-date { + padding: 0.71429em 1.07143em; + position: absolute; + bottom: 3.21429em; + right: 0; } + +.weather-status { + font-size: 2.14286em; + margin-left: -0.33333em; } + +.weather-card-default table tr td { + border: 0; } + +.weather-card-default li { + padding: 0 0.9375em; + font-size: 1.14286em; } + +.weather-card-simple h3 { + font-weight: 400; } + +.weather-card-simple i { + font-size: 2.5em; + margin-top: 0.28571em; } + +/******************************** +********************************* +To Do App +********************************* +*********************************/ +.todo-widget { + padding-bottom: 1.42857em; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .todo-widget .list-group { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + margin-bottom: 1.42857em; } + .todo-widget input { + height: 3.21429em; } + .todo-widget .list-group-item { + margin: 0; + padding: 0; + border: 0; } + .todo-widget .list-group-item.checked .label-text { + font-style: italic; + text-decoration: line-through; } + .todo-widget .list-group-item:hover { + background: #f9f9f9; } + .todo-widget .list-group-item:hover .edit-item, + .todo-widget .list-group-item:hover .delete-item { + opacity: 1; } + @media (max-width: 767px) { + .todo-widget .list-group-item .label-text { + padding-right: 5em; } + .todo-widget .list-group-item .edit-item, + .todo-widget .list-group-item .delete-item { + opacity: 1; } } + @media (min-width: 768px) and (max-width: 1023px) { + .todo-widget { + opacity: 1; } + .todo-widget .list-group-item .label-text { + padding-right: 3.21429em; } + .todo-widget .list-group-item .delete-item, + .todo-widget .list-group-item .edit-item { + opacity: 1; } } + .todo-widget label { + display: block; + position: relative; + padding: 1.07143em; + font-weight: normal; + cursor: pointer; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + margin-bottom: 0; } + .todo-widget label input[type="checkbox"] { + display: none; } + .todo-widget label .label-text { + display: block; } + .todo-widget .edit-item, + .todo-widget .delete-item { + position: absolute; + top: 50%; + right: 0.625em; + color: #999; + opacity: 0; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + font-size: 1.14286em; + background: #03a9f3; + color: #fff; + height: 1.875em; + width: 1.875em; + line-height: 1.875em; + text-align: center; + border-radius: 100px; } + .todo-widget .edit-item { + right: 3.125em; } + .todo-widget .edit-field { + position: relative; } + .todo-widget .edit-field input { + padding-right: 3.57143em; } + .todo-widget .edit-field .submit-btn { + position: absolute; + top: 50%; + right: 0.66667em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 2em; + width: 2em; + line-height: 1.8em; + font-size: 1.07143em; + padding: 0; + border-radius: 100px; + text-align: center; } + .todo-widget .edit-field .submit-btn i { + font-size: 1.06667em; } + +/******************************** + ********************************* +Kanban + ********************************* + *********************************/ +/* Kanban Widget +========================*/ +.kanban-widget { + overflow-x: auto; } + .kanban-widget .category-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row; + flex-flow: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + .kanban-widget .category-item { + padding: 1.5em; + background: #fff; + margin-right: 1em; + width: 100%; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: calc(100vh - $nav-height); } + .kanban-widget .category-item:last-of-type { + margin-right: 0; } + .kanban-widget .category-item .add-new-task { + cursor: pointer; } + .kanban-widget .category-title { + margin-top: 0; + margin-bottom: 1.5em; } + .kanban-widget .task-item { + background: #f5f7fa; + margin-bottom: 1.42857em; + padding: 1em; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .kanban-widget .task-item:hover { + background: #e4e9f2; } + .kanban-widget .task-item .badge, .kanban-widget .task-item .label { + font-size: 0.875rem; } + .kanban-widget .task-label { + position: absolute; + top: -2px; + right: 10px; + line-height: 1; } + .kanban-widget .task-title { + margin: 0 0 .5em; } + .kanban-widget .task-item:hover .task-users figure { + border-color: #e4e9f2; } + .kanban-widget .task-users figure { + margin-bottom: 0; + margin-left: -20px; + border: 5px solid #f5f7fa; + border-radius: 100px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .kanban-widget .task-users figure:first-child { + margin-left: 0; } + +/******************************** +********************************* +Custom Scroll +********************************* +*********************************/ +.custom-scroll-content { + height: 16.42857em; } + +.left-scroll .ps.ps--active-x > .ps__scrollbar-x-rail, .left-scroll .ps.ps--active-y > .ps__scrollbar-y-rail { + left: 0; } + +.color-scroll .ps > .ps__scrollbar-y-rail:hover .ps__scrollbar-y { + background: rgba(0, 0, 255, 0.7); } + +.color-scroll .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { + background: rgba(0, 0, 255, 0.7); } + .color-scroll .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y:hover { + background: rgba(0, 0, 255, 0.7); } + +.ps:hover > .ps__scrollbar-y-rail:hover { + background: transparent; } + +/******************************** +********************************* +Tooltips +********************************* +*********************************/ +.fancy-tooltip { + display: inline-block; + position: relative; + font-weight: 700; } + .fancy-tooltip .list-icon { + vertical-align: bottom; } + +.tooltip-item { + cursor: pointer; + display: inline-block; + font-weight: 500; } + .fancy-tooltip:not(a) .tooltip-item { + padding: 0 0.71429em; + background: rgba(0, 0, 0, 0.1); } + +.tooltip-content { + font-weight: 500; + border-radius: 0.3125rem; + position: absolute; + z-index: 99; + width: 18.75rem; + left: 50%; + margin: 0 0 1.25rem -9.375rem; + bottom: 100%; + text-align: left; + -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); + box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); + background: #2b2b2b; + color: #fff; + opacity: 0; + cursor: default; + pointer-events: none; + /* SlideInDown Effect + ========================*/ + /* SlideInUp Effect + ========================*/ + /* Rotate Effect + ========================*/ + /* Spin Effect + ========================*/ } + .tooltip-content img { + position: relative; + border-top-left-radius: 0.3125rem; + border-bottom-left-radius: 0.3125rem; + height: 10em; + display: block; + float: left; + margin-right: 1em; } + .tooltip-content::after { + content: ''; + top: 95%; + left: 50%; + border: solid transparent; + height: 1.07143em; + width: 1.07143em; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + pointer-events: none; + border-color: transparent; + background: inherit; + margin-left: -0.71429em; } + .tooltip-effect-slideInDown .tooltip-content { + -webkit-transform: translate3d(0, -0.71429em, 0); + transform: translate3d(0, -0.71429em, 0); + -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s; + transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } + .tooltip-effect-slideInUp .tooltip-content { + -webkit-transform-origin: 50% calc(110%); + transform-origin: 50% calc(110%); + -webkit-transform: perspective(71.42857em) rotate3d(1, 0, 0, 45deg); + transform: perspective(71.42857em) rotate3d(1, 0, 0, 45deg); + -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; + transition: opacity 0.2s, -webkit-transform 0.2s; + transition: opacity 0.2s, transform 0.2s; + transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; } + .tooltip-effect-rotate .tooltip-content { + -webkit-transform-origin: 50% calc(106%); + transform-origin: 50% calc(106%); + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s; + transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } + .icon-tooltip.tooltip-effect-rotate .tooltip-content { + -webkit-transform: translate3d(0, 0.71429em, 0) rotate3d(1, 1, 1, 45deg); + transform: translate3d(0, 0.71429em, 0) rotate3d(1, 1, 1, 45deg); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; } + .tooltip-effect-spin .tooltip-content { + -webkit-transform: translate3d(0, 0.71429em, 0) rotate3d(0, 1, 0, 90deg); + transform: translate3d(0, 0.71429em, 0) rotate3d(0, 1, 0, 90deg); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s; + transition: opacity .3s, transform .3s, -webkit-transform .3s; } + .fancy-tooltip:hover .tooltip-content, + .fancy-tooltip:active .tooltip-content { + pointer-events: auto; + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); + transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } + +.tooltip-text { + display: block; + font-size: 1.14286em; + padding: 1.25em; } + +/* Icon Tooltips +========================*/ +.icon-tooltip .tooltip-text { + padding: 0; } + +.icon-tooltip .tooltip-content { + padding: 0; + text-align: center; + border-radius: 50%; + width: 5.71429em; + height: 5.71429em; + line-height: 5.71429em; + margin-left: -2.85714em; + -webkit-box-shadow: none; + box-shadow: none; + background: #8253eb; + color: #fff; } + .icon-tooltip .tooltip-content .list-icon { + line-height: 4em; + font-size: 1.42857em; } + .icon-tooltip .tooltip-content::after { + top: 5.57143em; + border-top-color: #8253eb; } + +/******************************** +********************************* +Content Area +********************************* +*********************************/ +.widget-bg { + border: 0 !important; } + +.jqstooltip { + -webkit-box-sizing: content-box; + box-sizing: content-box; } + +.dropdown-toggle::after { + display: none; } + +ul.wysihtml5-toolbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +.wysihtml5-toolbar .dropdown .dropdown-menu { + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } + .wysihtml5-toolbar .dropdown .dropdown-menu li a { + display: block; + width: 100%; + padding: 0.35714em 1.42857em; + color: #888; } + .wysihtml5-toolbar .dropdown .dropdown-menu li a:hover, .wysihtml5-toolbar .dropdown .dropdown-menu li a:focus { + color: #514d6a; + background: #f7fafc; } + +.wysihtml5-toolbar .btn-default:active { + color: #555; + background-color: #d6dadf; + border-color: #d6dadf; } + +.wysihtml5-toolbar .btn { + cursor: pointer; } + .wysihtml5-toolbar .btn span::before, .wysihtml5-toolbar .btn span::after { + font-family: "FontAwesome"; + display: block; + line-height: 1; + font-style: normal; + font-size: 1.2em; + font-weight: 300; + display: inline; + vertical-align: middle; } + .wysihtml5-toolbar .btn .glyphicon-font::before { + content: "\f031"; + vertical-align: baseline; } + .wysihtml5-toolbar .btn .glyphicon-quote::before { + display: none; } + .wysihtml5-toolbar .btn .glyphicon-quote::after { + content: "\f10d"; } + .wysihtml5-toolbar .btn .glyphicon-list::before { + content: "\f03a"; } + .wysihtml5-toolbar .btn .glyphicon-th-list::before { + content: "\f00b"; } + .wysihtml5-toolbar .btn .glyphicon-indent-right::before { + content: "\f03b"; } + .wysihtml5-toolbar .btn .glyphicon-indent-left::before { + content: "\f03c"; } + .wysihtml5-toolbar .btn .glyphicon-share::before { + content: "\f045"; } + .wysihtml5-toolbar .btn .glyphicon-picture::before { + content: "\f03e"; } + +.search-results .form-control { + -webkit-box-shadow: none; + box-shadow: none; } + +.search-results .col-md-3 h5 { + letter-spacing: 0.2rem; + opacity: .8; } + +/* Bootstrap UI +========================*/ +.badge.up, .up.label { + position: absolute; + top: 0.625rem; + right: 0.25rem; } + +.badge-sm { + font-size: 0.6875rem; + padding: 0.125rem 0.3125rem; } + +.badge-border { + background: transparent !important; + border-width: 2px; + border-style: solid; + padding: 0.1875rem 0.375rem; + border-radius: 200px; + color: #8253eb; + font-weight: 700; } + .badge-border.bg-color-scheme { + color: #8253eb; } + .badge-border.bg-primary { + color: #8253eb; } + .badge-border.bg-danger { + color: #e6614f; } + .badge-border.bg-warning { + color: #ffcc02; } + .badge-border.bg-success { + color: #38d57a; } + .badge-border.bg-info { + color: #03a9f3; } + .badge-border.bg-facebook { + color: #4b64a6; } + .badge-border.bg-twitter { + color: #0dace3; } + .badge-border.bg-googleplus { + color: #dd4b39; } + .badge-border.bg-linkedin { + color: #007bb6; } + .badge-border.bg-instagram { + color: #3f729b; } + .badge-border.bg-pinterest { + color: #cb2027; } + .badge-border.bg-dribbble { + color: #ea4c89; } + .badge-border.bg-youtube { + color: #b00; } + .badge-border.badge-border-inverted { + color: #fff; } + +/* Basic Icons Styles +========================*/ +.icons-page .main-wrapper .material-icons { + font-size: 3.42857em; } + +.icons-page .main-wrapper .fa { + font-size: 2.57143em; } + +.icons-page .main-wrapper [class^="feather-"], +.icons-page .main-wrapper [class*=" feather-"] { + font-size: 2.57143em; } + +.icons-page .main-wrapper .linea { + font-size: 2.57143em; + vertical-align: bottom; } + +.icons-page .main-wrapper .col-md-2, +.icons-page .main-wrapper .col-md-3 { + cursor: pointer; + opacity: .7; + margin: 1.42857em 0; } + .icons-page .main-wrapper .col-md-2:hover, + .icons-page .main-wrapper .col-md-3:hover { + opacity: 1; } + +.icons-page .main-wrapper .social-icons { + font-size: 4.28571em; } + +.icons-page .main-wrapper .wi { + font-size: 2.85714em; } + +.list-icon.pull-left { + margin-right: 0.4375rem; } + +.list-icon.pull-right { + margin-left: 0.3125rem; } + +/* Page Title Area +========================*/ +.page-title { + height: 4.42857em; + line-height: 4.42857em; + margin: 0 -2.14286em; + padding: 0 2.14286em; + border-bottom: 1px solid #eef1f2; + position: relative; + background: white; } + .page-title .page-title-left { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .page-title .page-title-right .btn { + color: #fff; } + .header-light .page-title, + .sidebar-horizontal .page-title { + background: transparent; } + .page-title .page-title-description, + .page-title .page-title-heading { + display: inline-block; + letter-spacing: -0.08em; + font-family: "Montserrat", sans-serif; } + .page-title .page-title-description { + font-size: 0.875rem; + font-weight: 400; } + .page-title ol { + line-height: 4.42857em; + margin: 0; + padding: 0; + background: transparent; + display: inline-block; } + +/* Breadcrumbs */ +.breadcrumb { + font-weight: 300; + letter-spacing: -.06em; } + .breadcrumb a { + color: #888; } + .breadcrumb a:hover { + color: #000; } + .breadcrumb > .active { + color: #8253eb; } + body.rtl .breadcrumb { + direction: ltr; + text-align: right; } + +/* Widget Boxes +========================*/ +.page-title + .widget-list { + margin-top: 35px; } + +.widget-list.widget-list-full-width { + margin-right: -30px; + margin-left: -30px; } + +.widget-holder { + margin-bottom: 6px; } + .widget-holder.widget-full-content .widget-body { + padding: 0; } + .widget-holder.widget-no-padding .widget-body { + padding: 0; } + .widget-holder.widget-full-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .widget-holder.widget-full-height .widget-bg-transparent, + .widget-holder.widget-full-height .widget-bg { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; } + .widget-holder.widget-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .widget-holder.widget-flex .widget-bg-transparent, + .widget-holder.widget-flex .widget-bg { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; } + .widget-holder.widget-flex .widget-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .widget-holder.widget-sm .widget-heading { + padding: 0.92857em 1.42857em 0.92857em 1.42857em; + border-bottom: 1px solid #eef1f2; + color: #bbb; } + .widget-holder.widget-border-radius, .widget-holder.widget-border-radius .widget-heading { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.widget-bg { + background: #fff; + width: 100%; } + .widget-heading + .widget-bg { + border-top: 0; } + +.widget-body { + padding: 20px 20px; } + .widget-body > .full-row { + margin-left: -1.42857em; + margin-right: -1.42857em; } + +.box-title, +.widget-heading h5, +.widget-heading .widget-title { + font-family: "Montserrat", sans-serif; + line-height: 2em; + margin: 0; + letter-spacing: -.05em; + font-weight: 500; + line-height: 1.5; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .box-title small, + .widget-heading h5 small, + .widget-heading .widget-title small { + font-weight: 400; + text-transform: none; } + +.box-title { + margin-bottom: 1.25rem; } + +.widget-heading { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; } + .widget-heading h5 { + float: left; + margin: 0; } + .widget-bg .widget-heading { + padding: 20px 20px 0; } + .widget-bg .widget-heading[class*='bg-'] .widget-title { + color: #fff; } + .widget-heading.widget-heading-border { + min-height: 4.6875rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + margin-right: 20px; + margin-left: 20px; + padding: 0 0 1.07143em; + border-bottom: 1px solid #eef1f2; } + [class*=bg-] .widget-heading.widget-heading-border { + border-color: rgba(255, 255, 255, 0.2); } + +.widget-graph-info { + float: right; } + .widget-graph-info .arrow-icon { + position: relative; } + .widget-graph-info .arrow-icon:after { + font-family: 'feather'; + content: '\e931'; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateY(-50%) translateX(50%); + transform: translateY(-50%) translateX(50%); + font-size: 1.3em; + color: inherit; } + +.widget-heading-icon { + float: right; + font-size: 1.125rem; + color: #ddd; } + .widget-bg .widget-heading[class*='bg-'] .widget-heading-icon { + color: #fff; + background: rgba(255, 255, 255, 0.1); + position: absolute; + top: 0; + right: 0; + bottom: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 0.9375rem; + padding-left: 0.9375rem; } + body.rtl .widget-bg .widget-heading[class*='bg-'] .widget-heading-icon { + right: auto; + left: 0; } + +.widget-actions { + margin: 0.35714em 0 0; + float: right; } + .widget-actions > li { + display: inline-block; } + .widget-actions > li > a { + color: #333; } + .widget-actions > li > a .list-icon { + position: relative; + top: -0.125rem; } + .widget-actions .list-icon { + vertical-align: middle; + font-size: 1.38462em; } + .widget-actions .dropdown-menu { + left: auto; + right: 0; + padding-top: 0.71429em; } + @media (min-width: 768px) and (max-width: 1023px) { + .widget-actions { + float: left; } } + +/* Full Width BG Pages +========================*/ +.body-bg-full { + background-position: center; + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + height: 100%; + overflow: hidden; } + .body-bg-full .wrapper, + .body-bg-full #app { + margin: 0; + display: table; + width: 100%; + height: 100%; + overflow: hidden; } + .body-bg-full .content-wrapper { + padding: 1.71429em; + display: table-cell; + text-align: center; + vertical-align: middle; + min-height: auto; + width: 25rem; } + .body-bg-full .main-wrapper { + background: transparent; + max-width: 30rem; + margin: 0 auto; } + +.error-page .page-title, +.profile-page .page-title { + height: auto; + margin: 0; + padding: 0; + background: transparent; + border: 0; } + +.profile-page { + overflow: visible; } + .profile-page h2 { + letter-spacing: -3px; } + .profile-page .navbar-header { + float: none; + width: auto; } + .profile-page .login-links { + margin-top: 2.5em; + font-size: 1.14286em; + font-weight: 300; + opacity: .8; } + +.error-page h1 { + font-size: 7.5rem; + font-weight: 600; + text-shadow: 4px 4px 0 #835c9e, 6px 6px 0 #fff; + margin: 0 0 0.2em; + letter-spacing: -0.05833em; } + +.error-page h3 { + letter-spacing: -0.04167em; } + +/* Search Results Page +========================*/ +.search-listing > li { + border-bottom: 1px solid #eee; + padding: 0.71429em 0; } + +.search-listing img { + width: 10.71429em; } + +.search-listing h5 { + font-weight: 300; + margin-bottom: 0.27778em; } + .search-listing h5 a { + color: #03a9f3; } + .search-listing h5 a:hover { + text-decoration: underline; } + +.search-listing .media-body h5 { + margin-top: 0.27778em; } + +.search-listing p { + margin-top: 0.35714em; } + +/* Notifications / Alerts +========================*/ +.alert { + position: relative; } + .alert .close { + color: inherit; + opacity: .7; } + .alert .close:focus, .alert .close:hover { + color: #000; + opacity: .9; } + +.alert-icon { + padding-left: 3.57143em; } + .alert-icon i { + position: absolute; + left: 5px; + height: 2.08333em; + width: 2.08333em; + text-align: center; + top: 5px; + line-height: 2.08333em; } + +/* Sweet Alerts */ +.swal2-modal { + padding: 2.85714em !important; } + .swal2-modal .swal2-title { + font-family: "Roboto", sans-serif; + font-weight: 400; } + .swal2-modal .swal2-content { + font-size: 1.14286em; + color: #8d9ea7; } + .swal2-modal .btn { + min-width: 8.33333em; + border-radius: 3px; + margin: 0.55556em 0.27778em 0; + border: none !important; + padding: 0.27778em 1.11111em; + font-size: 1.28571em; + display: inline; } + +/* Toastr */ +body .jq-toast-single { + border-radius: 0; + background-color: #313a46; + font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; + font-size: 0.92857em; + line-height: 1.69231em; } + body .jq-toast-single h2 { + font-family: "Montserrat", sans-serif; + font-size: 1.07692em; + font-weight: 700; } + +body .jq-toast-heading { + font-family: "Montserrat", sans-serif; } + +body .jq-icon-info { + background-color: #03a9f3; + color: #fff; } + +body .jq-icon-success { + background-color: #38d57a; + color: #fff; } + +body .jq-icon-error { + background-color: #e6614f; + color: #fff; } + +body .jq-icon-warning { + background-color: #ffcc02; + color: #fff; } + +body .close-jq-toast-single { + background: #313a46; + color: #fff; + border-radius: 50%; + height: 1.6em; + width: 1.6em; + line-height: 1.6em; + text-align: center; + top: -0.6em; + right: -0.6em; + font-size: 1.53846em; } + body .close-jq-toast-single:hover { + background: #666; } + +/* Progress Bars +========================*/ +.progress { + -webkit-box-shadow: none !important; + box-shadow: none !important; + background-color: rgba(120, 130, 140, 0.13); + height: 0.33333em; + border-radius: 0px; + margin-bottom: 1.5em; + overflow: hidden; } + +.progress-bar { + -webkit-box-shadow: none; + box-shadow: none; + font-size: 0.66667em; + font-weight: 600; + line-height: 1.5em; } + +.progress-vertical, +.progress-vertical-top { + min-height: 20.83333em; + height: 20.83333em; + width: 0.33333em; + position: relative; + display: inline-block; + margin-bottom: 0; + margin-right: 1.66667em; } + .progress-vertical .progress-bar, + .progress-vertical-top .progress-bar { + width: 100%; + position: absolute; + bottom: 0; } + .progress-vertical.progress-sm, + .progress-vertical-top.progress-sm { + margin: 0; + margin-right: 1.25rem; + width: 0.5rem; } + .progress-vertical.progress-md, + .progress-vertical-top.progress-md { + width: 0.9375rem; } + .progress-vertical.progress-lg, + .progress-vertical-top.progress-lg { + width: 1.25rem; } + +.progress-vertical-top .progress-bar { + bottom: auto; } + +.progress-sm { + height: 0.5rem !important; } + .progress-sm .progress-bar { + font-size: 0.5rem; + line-height: 0.5rem; } + +.progress-md { + height: 0.9375rem !important; } + .progress-md .progress-bar { + font-size: 0.6875rem; + line-height: 0.9375rem; } + +.progress-lg { + height: 1.25rem !important; } + .progress-lg .progress-bar { + font-size: 0.75rem; + line-height: 1.25rem; } + +/* Other Plugin Overrides +========================*/ +.main-wrapper .dropify-wrapper, .main-wrapper .dropify-wrapper .dropify-preview { + padding-top: 0; + padding-bottom: 0; } + +/* Profile Pages +========================*/ +.container-min-full-height { + min-height: 100vh; } + +.container-max-full-height { + max-height: 100vh; } + +.login-center { + background: #fff; + min-width: 31.25rem; + padding: 2.14286em 3.57143em; + border-radius: 5px; + margin: 2.85714em 0; } + @media (max-width: 767px) { + .login-center { + width: 80vw; } } + +.login-right, +.login-left { + 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-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.login-left { + background: #fff; } + .login-left .form-group { + margin-bottom: 2rem; } + .login-left input[type="text"], + .login-left input[type="email"], + .login-left input[type="password"] { + text-align: center; + font-size: 1.2em; + border: 0; + letter-spacing: -1px; + font-family: "Montserrat", sans-serif; + font-weight: 500; + color: #444; + padding: 0 0 .9em; + background-color: transparent; + background-position: center bottom, center calc(99%); + background-repeat: no-repeat; + background-size: 0 2px, 100% 3px; + -webkit-transition: background 0s ease-out 0s; + transition: background 0s ease-out 0s; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8253eb), to(#8253eb)), -webkit-gradient(linear, left top, left bottom, from(#eef1f2), to(#eef1f2)); + background-image: linear-gradient(#8253eb, #8253eb), linear-gradient(#eef1f2, #eef1f2); } + .login-left input[type="text"]:focus, + .login-left input[type="email"]:focus, + .login-left input[type="password"]:focus { + background-size: 100% 2px, 100% 3px; + outline: 0 none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; } + .login-left label { + letter-spacing: 1px; } + +.login-right { + background-position: right; + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + position: relative; + font-size: 1.2em; + line-height: 1.86667em; } + .login-right .list-inline-item:not(:last-child) { + margin-right: 10px; } + +/******************************** + ********************************* + HEADER + ********************************* + *********************************/ +/* Base Header styles +========================*/ +.navbar-nav { + margin: 0; } + +.navbar { + border-radius: 0; + border: 0; + background: -webkit-gradient(linear, left top, right top, from(#835c9e), to(#8253eb)); + background: linear-gradient(90deg, #835c9e, #8253eb); + border-bottom: none; + width: 100%; + margin-bottom: 0; + position: relative; + z-index: 99; + height: 5rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + padding: 0; } + .navbar .btn-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .navbar .btn-list .btn { + margin: 0; + background: #9165f4; + border: transparent; + font-family: "Montserrat", sans-serif; + font-weight: 500; + padding: 0.85714em 1.42857em; + border-radius: 0.21429em; } + .navbar .btn-list .dropdown-menu { + top: 5rem; + margin-top: 0; } + .navbar .spacer { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +@media (min-width: 961px) { + .navbar { + position: fixed; } + .sidebar-horizontal .navbar { + position: relative; } } + +/* Logo Area +========================*/ +.navbar-header { + width: 14.0625rem; } + +.navbar-brand { + padding: 0; + height: 5rem; + text-align: center; + width: 100%; + font-size: 1.5rem; + font-family: "Montserrat", sans-serif; + font-weight: 600; + background: #fff; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #eef1f2; } + .navbar-brand .logo-bon { + color: #8253eb; } + .navbar-brand .logo-vue { + color: #bbb; } + .navbar-brand:hover { + color: #fff; } + .logo-light .navbar-brand { + background: #fff; } + .logo-dark .navbar-brand { + background: #835c9e; } + .navbar-brand p { + margin-bottom: 0; } + .navbar-brand img { + display: inline-block; + margin: 0 auto; } + .rtl .navbar-brand { + margin-right: 0; + margin-left: 1rem; } + +.navbar .logo-collapse { + display: none; } + +@media (min-width: 961px) { + .sidebar-collapse .logo-expand { + display: none; } + .sidebar-collapse .logo-collapse { + display: inline-block; } + .sidebar-collapse .navbar-header { + width: 3.75rem; } + .sidebar-collapse .navbar-brand p { + visibility: hidden; + max-width: 1em; } + .sidebar-collapse .navbar-brand p::first-letter { + display: inline; + visibility: visible; } } + +@media (max-width: 960px) { + .site-sidebar { + border-bottom: 1px solid #ddd; } + .navbar .logo-expand { + display: none; } + .navbar .logo-collapse { + display: inline-block; } + .navbar-header { + float: left; + width: 3.75rem; } + .navbar-brand p { + visibility: hidden; + max-width: 1em; } + .navbar-brand p::first-letter { + display: inline; + visibility: visible; } } + +/* Base Navbar Styles +========================*/ +.navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + .navbar-nav > li, .navbar-nav > li > a { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + .navbar-nav > li > a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 2em; + line-height: 5rem; + color: rgba(255, 255, 255, 0.6); + font-family: "Montserrat", sans-serif; + font-size: 1.07143em; } + .navbar-nav > li > a.dropdown-toggle { + padding: 0 1em; } + .navbar-nav > li > a i + .badge, .navbar-nav > li > a i + .label { + position: absolute; + top: 50%; + right: 5px; + margin-top: -0.4375rem; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .navbar-nav > li > a i + .badge-border { + background: #fff !important; + -webkit-box-shadow: 0 0 0 2px transparent; + box-shadow: 0 0 0 2px transparent; } + .navbar-nav .sidebar-toggle { + font-size: 1.2em; + position: relative; } + .navbar-nav .sidebar-toggle a { + padding: 0 1.66667em; } + .navbar-nav .sidebar-toggle::after { + content: ""; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 40%; + width: 1px; + background: rgba(255, 255, 255, 0.3); } + .header-dark .navbar-nav .sidebar-toggle::after { + opacity: .3; } + .navbar-nav.pull-right .dropdown-menu { + left: auto; + right: 0; } + .navbar-nav .avatar { + display: inline-block; + position: relative; + height: auto; } + .navbar-nav .avatar::before { + content: ""; + position: absolute; + top: 50%; + right: -0.5625rem; + bottom: auto; + left: auto; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background: #fff; + height: 1.375rem; + width: 1.375rem; + border-radius: 100px; } + .navbar-nav .avatar img { + max-width: 3.75rem; } + .navbar-nav .avatar .list-icon { + margin-left: -0.8125rem; + position: absolute; + top: 50%; + right: -0.4em; + bottom: auto; + left: auto; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: #8253eb; } + .header-light .navbar-nav .avatar::before, + .header-dark .navbar-nav .avatar::before { + background: #9165f4; } + .header-light .navbar-nav .avatar .list-icon, + .header-dark .navbar-nav .avatar .list-icon { + color: #fff; } + body.rtl .navbar-nav { + padding-right: 0; } + body.rtl .navbar-nav .sidebar-toggle::after { + left: 0; + right: auto; } + +.header-dark .navbar-nav > li > a i + .badge-border { + background: #835c9e !important; + -webkit-box-shadow: 0 0 0 2px #835c9e; + box-shadow: 0 0 0 2px #835c9e; } + +.header-light .navbar-nav > li > a i + .badge-border { + background: #fff !important; + -webkit-box-shadow: 0 0 0 2px #fff; + box-shadow: 0 0 0 2px #fff; } + +@media (max-width: 720px) { + .navbar-nav { + margin-top: 0; + margin-bottom: 0; } } + +/* Menu Dropdowns +========================*/ +.navbar-nav .dropdown-menu { + position: absolute; } + +.dropdown-menu { + border: 1px solid #eef1f2; + -webkit-box-shadow: none; + box-shadow: none; + width: 12.85714em; } + .dropdown-menu .dropdown-item strong, + .dropdown-menu .dropdown-header { + font-size: 0.875rem; + font-weight: 700; + color: #835c9e; } + .dropdown-menu .dropdown-item .badge, .dropdown-menu .dropdown-item .label { + position: relative; + top: -0.125rem; + font-size: 0.9em; } + .dropdown-menu .dropdown-item .list-icon { + font-size: 1.125rem; } + +.dropdown-card { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + border: none; + width: 21.25rem; + -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1); + background: #fff; + position: relative; } + .dropdown-card.dropdown-card-profile { + width: 15.625rem; + border-radius: 5px; + padding-top: 0; + padding-bottom: 0; } + .dropdown-card.dropdown-card-profile .card-header { + padding: 0; } + .dropdown-card.dropdown-card-profile .card-header > a { + padding: 1.5625em 1.25em; + border-right: 1px solid #eef1f2; } + .dropdown-card.dropdown-card-profile .card-header > a:last-child { + border-right: none; } + .dropdown-card.dropdown-card-profile .card-header > a i { + color: #bbb; + font-size: 1.25em; } + .dropdown-card.dropdown-card-profile .card-header > a:hover i { + color: #8253eb; } + .dropdown-card.dropdown-card-profile .card-body li { + padding: 0; } + .dropdown-card.dropdown-card-profile .card-body li a { + padding: 0.66667em; + display: block; + color: #495057; + font-size: 1.07143em; + font-family: "Montserrat", sans-serif; } + .dropdown-card.dropdown-card-profile .card-body li a:hover { + color: #8253eb; } + .dropdown-card.dropdown-card-profile.dropdown-card-profile-dark { + background: #292b2e; } + .dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-header { + border-color: rgba(255, 255, 255, 0.3); } + .dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-header > a { + border-color: rgba(255, 255, 255, 0.3); } + .dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-body li a { + color: #bbb; } + .dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-body li:hover a { + color: #8253eb; } + .dropdown-card.dropdown-card-profile.dropdown-card-profile-dark::after { + border-color: transparent transparent #292b2e transparent; } + .dropdown-card .card { + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + background: none; } + .dropdown-card .card-header { + padding-bottom: 0.9375em; + font-size: 1.14286em; + background: none; + border-bottom: 1px solid #f1f1f1; + font-family: "Montserrat", sans-serif; + color: #444; + margin-bottom: 0.3125em; + font-weight: 700; } + .dropdown-card .card-header .dropdown-menu-options { + color: #afb2ba; } + .dropdown-card .card-body li { + padding: 0.71429em 1.78571em 0.71429em 1.07143em; } + .dropdown-card .card-body li .media-body { + padding: 0 0.71429em; + letter-spacing: 0.03571em; } + .dropdown-card .card-body li .media-body .user--online { + top: -0.35714em; } + .dropdown-card .card-footer { + border: none; + background: none; + padding-top: 1.07143em; } + +.dropdown-card-dark { + background: #835c9e; + border-color: transparent; } + .dropdown-card-dark::after { + border-color: transparent transparent #835c9e transparent; } + .dropdown-card-dark .card { + background: #835c9e; } + .dropdown-card-dark .card-heading-extra { + border-color: #777; + border-color: rgba(255, 255, 255, 0.1); } + .dropdown-card-dark [class*="user--"]::after { + border-color: transparent !important; } + .dropdown-card-dark .card-header { + color: #fff; + border-color: rgba(255, 255, 255, 0.1); } + .dropdown-card-dark .card-header .dropdown-menu-options { + color: #8253eb !important; } + .dropdown-card-dark .dropdown-list-group li { + border-color: rgba(255, 255, 255, 0.1); } + .dropdown-card-dark .dropdown-list-group li:hover { + background: none; } + .dropdown-card-dark .dropdown-list-group li:hover .media-content { + color: #fff; } + .dropdown-card-dark .dropdown-list-group li a .media-heading { + color: #8253eb; } + .dropdown-card-dark .dropdown-list-group li .media-content { + -webkit-transition: color 250ms; + transition: color 250ms; + color: #afb2ba; + font-weight: 300; } + +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: absolute; + width: 20rem; + border: 1px solid #eef1f2; + background: #fff; } + .navbar-nav .open .dropdown-menu.dropdown-card-dark { + background: #835c9e; } } + +.dropdown-list-group { + position: relative; + margin: 0 0 0 0; + padding: 0; } + .dropdown-list-group .card-body { + padding: 0; } + .dropdown-list-group li { + border-bottom: 1px solid #eef1f2; } + .dropdown-list-group li:nth-child(odd) { + background: rgba(130, 83, 235, 0.03); } + .dropdown-list-group li a { + color: #999; + padding: 1.07143em 0; } + .dropdown-list-group li a .media-heading { + color: #444; + font-weight: 600; + letter-spacing: 0; } + .dropdown-list-group li a .media-content { + color: #868e96; } + .dropdown-list-group li a:hover { + background: transparent; + text-decoration: none; + color: #999; } + .dropdown-list-group a { + font-size: 13px; } + .dropdown-list-group a img { + max-width: 100%; + position: relative; } + .dropdown-list-group a .d-flex { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + margin-right: .75em; } + .dropdown-list-group a .list-icon { + color: #fff; + width: 100%; + text-align: center; + font-size: 1.38462em; + line-height: 2.22222em; + top: 0; + height: 2.22222em; + width: 2.22222em; + background: #8253eb; + border-radius: 100px; } + .dropdown-list-group a [class*="user--"]:after { + position: absolute; + top: auto; + right: auto; + bottom: 0; + left: 0; + border: 1px solid #fff; } + body.rtl .dropdown-list-group { + padding: 0; } + body.rtl .dropdown-list-group a .d-flex { + margin-right: 0; + margin-left: 0.75em; } + +.card-heading-extra { + border-bottom: 1px solid #eef1f2; + padding-bottom: 2.72727em; + margin-bottom: 2.72727em; + text-transform: uppercase; + font-size: 0.78571em; } + .card-heading-extra h3 { + margin: 0; + text-transform: none; } + .card-heading-extra a { + color: #999; } + .card-heading-extra a:hover, + .card-heading-extra a .list-icon { + text-decoration: none; + color: #8253eb !important; } + .card-heading-extra .list-icon { + font-size: 1.125rem; + top: -0.0625rem; + position: relative; + margin: 0 0.3125rem; } + .card-heading-extra [class*="user--"] { + padding-left: 1.25rem; } + .card-heading-extra [class*="user--"]::after { + position: absolute; + top: 0.125rem; + left: 0; } + +/* Search Form +========================*/ +.navbar-search { + position: relative; + width: 17.14286em; + margin-top: 0; } + .navbar-search input[type="search"], + .navbar-search .toggle-navbar-search, + .navbar-search .list-icon { + display: inline-block; + float: left; + line-height: 5rem; + z-index: 1; + height: 5rem; } + .navbar-search .list-icon { + position: relative; + left: 1.25rem; + top: -0.0625rem; + color: rgba(255, 255, 255, 0.6); } + .navbar-search input[type="search"] { + cursor: pointer; + font-family: "Montserrat", sans-serif; + font-size: 0.92857em; + font-weight: 500; + background: transparent; + border: 0; + padding: 0 1em 0 3.57143em; + width: 100%; + color: #fff; + position: absolute; + top: 0; + left: 0; } + .navbar-search input[type="search"]::-webkit-input-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.7); } + .navbar-search input[type="search"]:-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.7); } + .navbar-search input[type="search"]::-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.7); } + .navbar-search input[type="search"]:-ms-input-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.7); } + .navbar-search .remove-focus { + z-index: 10; + opacity: 0; + -webkit-transition: none; + transition: none; + visibility: hidden; + color: #8253eb; + position: absolute; + right: 2.5rem; + bottom: 50%; + -webkit-transform: translateY(50%); + transform: translateY(50%); + font-size: 1.25rem; } + .navbar-search .remove-focus:hover { + color: #000; } + .navbar-search.input-focused { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 2; + background: #fff; + width: auto; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .navbar-search.input-focused::before { + content: ""; + display: block; + background: #000; + background: rgba(0, 0, 0, 0.5); + height: 100vh; + position: fixed; + top: 5rem; + right: 0; + bottom: 0; + left: 0; + z-index: 99; } + .navbar-search.input-focused .list-icon { + left: 1.75rem; } + .navbar-search.input-focused input[type='search'] { + cursor: auto; + padding-right: 4em; + font-size: 1.42857em; + color: #999; } + .navbar-search.input-focused input[type='search']::-webkit-input-placeholder { + color: rgba(153, 153, 153, 0.3); } + .navbar-search.input-focused input[type='search']:-moz-placeholder { + color: rgba(153, 153, 153, 0.3); } + .navbar-search.input-focused input[type='search']::-moz-placeholder { + color: rgba(153, 153, 153, 0.3); } + .navbar-search.input-focused input[type='search']:-ms-input-placeholder { + color: rgba(153, 153, 153, 0.3); } + .navbar-search.input-focused .list-icon { + color: #8253eb; } + .navbar-search.input-focused .remove-focus { + opacity: 1; + visibility: visible; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + body.rtl .navbar-search input[type="search"] { + padding: 0 3.57143em 0 1em; } + body.rtl .navbar-search .list-icon { + left: 0; + right: 1.25rem; + float: right; } + body.rtl .navbar-search.input-focused .remove-focus { + right: auto; + left: 2.5rem; } + +/* Header Dark +========================*/ +.header-dark .navbar-nav > li > a.active, .header-dark .navbar-nav > li > a:hover, .header-dark .navbar-nav > li > a:focus { + background: #9165f4; + color: #fff; } + +.header-dark .navbar-nav .open > a { + background-color: #9165f4; } + +/* Header Light +========================*/ +.header-light .navbar { + background: #fff; } + +.header-light .navbar-nav > li > a { + color: #8253eb; } + .header-light .navbar-nav > li > a:hover, .header-light .navbar-nav > li > a:focus { + background: #fdfcff; } + +.header-light .navbar-nav .open > a { + background-color: #fdfcff; } + +.header-light .navbar-search:not(.input-focused), .header-light .navbar-search:not(.input-focused) .list-icon { + color: #8253eb; } + +.header-light .navbar-search:not(.input-focused) input[type="text"]::-webkit-input-placeholder { + color: #8253eb; } + +.header-light .navbar-search:not(.input-focused) input[type="text"]:-moz-placeholder { + color: #8253eb; } + +.header-light .navbar-search:not(.input-focused) input[type="text"]::-moz-placeholder { + color: #8253eb; } + +.header-light .navbar-search:not(.input-focused) input[type="text"]:-ms-input-placeholder { + color: #8253eb; } + +/* Header for Horizontal Sidebar Pages +========================*/ +@media (min-width: 961px) { + .sidebar-horizontal .sidebar-toggle { + display: none; } + .sidebar-horizontal .navbar { + -webkit-box-shadow: none; + box-shadow: none; + border: 0; } + .sidebar-horizontal .side-menu > li > a .list-icon { + top: 0.375rem; + position: relative; } } + +/* Header with Centered Logo +========================*/ +@media (min-width: 961px) { + .header-centered .navbar { + padding-left: 1.07143em; } + .header-centered .navbar-header { + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + .sidebar-horizontal.header-centered .side-menu { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .sidebar-horizontal.header-centered .side-menu ul { + text-align: left; } } + +/* Widget Contact Info +========================*/ +.nav-contact-info .contact-info-body { + position: relative; + z-index: 2; + padding: 3.75rem 1rem 1rem; } + .nav-contact-info .contact-info-body:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 50%; + height: 1.875rem; + width: 4.375rem; + -webkit-transform: translateX(50%); + transform: translateX(50%); + border-bottom-left-radius: 5.625rem; + border-bottom-right-radius: 5.625rem; + background: #fff; + z-index: -1; } + +/******************************** +********************************* +BASIC +********************************* +*********************************/ +/* Colors +========================*/ +/******************************** +********************************* +SIDEBAR +********************************* +*********************************/ +.site-sidebar { + position: relative; + z-index: 9; + background: #fff; + border-right: 1px solid #eef1f2; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; + padding-bottom: 30px; } + .site-sidebar.scrollbar-enabled { + padding-right: 0; } + .rtl .site-sidebar { + border-right: 0; + border-left: 1px solid #eef1f2; } + +.sidebar-nav { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 1.07143em; } + +@media (max-width: 960px) { + .scrollbar-enabled.site-sidebar { + position: absolute; } + .site-sidebar { + display: none; + width: 30em; + max-width: 100%; + position: absolute; } } + +.sidebar-collapse .sidebar-collapse-hidden { + display: none !important; } + +/* Sidebar User Area +========================*/ +.side-user { + padding: 1.42857em 0; + border-bottom: 1px solid #eef1f2; + margin-right: -1px; + position: relative; } + .sidebar-collapse .side-user { + padding-top: 0.71429em; + padding-bottom: 0.71429em; + position: relative; + top: 20px; + padding-bottom: 0; } + .sidebar-collapse .side-user .media-left { + padding-right: 0; + position: relative; + left: -0.57143em; } + .sidebar-collapse .side-user .dropdown-toggle { + display: none; } + .sidebar-collapse .side-user figure::after { + height: 0.7em; + width: 0.7em; + bottom: 0px; + left: 0.28571em; } + .sidebar-collapse .side-user img { + max-width: 2.85714em; + height: auto; } + .side-user .media { + color: #8253eb; } + .side-user .side-user-heading { + color: #444; + font-family: "Montserrat", sans-serif; } + .side-user .side-user-heading:hover { + color: #8253eb; } + .side-user .side-user-link { + display: none; + height: 1.85714em; + width: 1.85714em; + background: #fff; + position: absolute; + right: -5px; + bottom: -5px; + -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4); + border-radius: 3.57143em; } + .side-user .side-user-link .list-icon { + font-size: 1em; + line-height: 1.92857em; } + .side-user > a:hover .media-heading, + .side-user .active .media-heading { + color: #8253eb; } + .side-user .media-body { + font-size: 0.92857em; } + .side-user [class*="user--"]:after { + right: auto; + left: 0.5rem; } + body.rtl .side-user { + padding-right: 0; } + +/* Vertical Sidebar +========================*/ +.side-menu { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + line-height: 2.14286em; + margin-top: 1.42857em; + font-family: "Montserrat", sans-serif; } + .side-menu ul { + font-size: 0.85714em; + font-weight: 300; + margin-left: 3.58333em; + position: relative; + top: -10px; } + .side-menu ul ul { + font-size: 0.85714em; + margin-left: 1.25em; + top: 0; } + .side-menu .collapse.in { + display: block; } + .side-menu li { + position: relative; } + .side-menu li a { + color: #8253eb; + position: relative; + display: block; + padding-top: 0; + padding-bottom: 0; + font-weight: 500; } + .side-menu li a:hover { + color: #8253eb; } + .side-menu > li > a { + padding: 0.46429em 0 0.46429em 1.07143em; + line-height: 3.42857em; + color: #3e4b5b; + border-top: 1px solid transparent; + font-family: "Montserrat", sans-serif; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .side-menu > li > a:hover, .side-menu > li > a:focus { + color: #444; + background: transparent; } + .side-menu > li > a .hide-text { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .side-menu > li > a i { + font-size: 1.28571em; + vertical-align: middle; + position: relative; + top: -2px; } + body.rtl .side-menu > li > a i.list-icon { + margin-left: .4em; } + .side-menu > li > a .badge, .side-menu > li > a .label { + position: relative; + top: 1.18182em; + font-size: 0.73333em; + line-height: 1.2; } + .side-menu > li::after { + content: " "; + position: absolute; + width: 100%; + height: 1px; + right: 0; + background: rgba(255, 255, 255, 0.05); } + .sidebar-collapse .side-menu > li > a { + padding: 0.46429em 0 0.46429em 1.42857em; } + body.rtl.sidebar-collapse .side-menu > li > a { + padding: 0.46429em 1.07143em 0.46429em 1.42857em; } + .side-menu > li:first-child > a { + border-top: 0; } + .side-menu .list-icon { + margin-right: 0.4em; + line-height: inherit; } + .side-menu :not([class*="color-"]) > .list-icon { + color: #8253eb; } + .side-menu .menu-item-has-children > a { + position: relative; } + .side-menu .menu-item-has-children > a::before { + font-family: 'feather'; + content: "\e928"; + position: absolute; + right: 0.55556em; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 0.75rem; + color: #7b7b7b; } + body.rtl .side-menu .menu-item-has-children > a::before { + right: auto; + left: 0; } + .side-menu .menu-item-has-children.active > a::before { + content: "\e928"; } + body.rtl .side-menu { + padding-right: 0; } + body.rtl .side-menu ul { + margin-left: 0; } + body.rtl .side-menu ul ul { + padding-right: 0; + margin-right: 1em; } + +/* Expanded Vertical Sidebar +========================*/ +@media (min-width: 961px) { + .sidebar-expand .site-sidebar { + position: fixed; + width: 14.0625rem; + height: calc(100vh - 5rem); } + .sidebar-expand .site-sidebar .side-menu > li > a { + border-top-color: #eef1f2; } } + +/* Collapsed Vertical Sidebar +========================*/ +@media (min-width: 961px) { + .sidebar-collapse .site-sidebar { + position: absolute; + top: 5rem; + left: 0; + width: 3.75rem; + bottom: 0; + overflow: visible !important; } + .sidebar-collapse .hide-menu, .sidebar-collapse .hide-menu .badge, .sidebar-collapse .hide-menu .label { + display: none; } + .sidebar-collapse .sidebar-nav { + padding: 0; } + .sidebar-collapse .side-menu > li:hover { + width: 21.46154em; + border-top-right-radius: 5px; } + .sidebar-collapse .side-menu > li:hover > a { + background: #fdfcff; + display: block; + z-index: 9; } + .sidebar-collapse .side-menu > li:hover > a .hide-menu { + display: inline-block; } + .sidebar-collapse .side-menu > li:hover .sub-menu { + margin-top: 1.07143em; } + .sidebar-collapse .side-menu > li:hover > a, .sidebar-collapse .side-menu > li:hover .sub-menu { + -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } + .sidebar-collapse .side-menu > li > a { + -webkit-transition: none; + transition: none; } + .sidebar-collapse .side-menu > li > a::before { + display: none; } + .sidebar-collapse .side-menu li:hover > .sub-menu { + display: block; } + .sidebar-collapse .side-menu .sub-menu { + position: absolute; + top: 3.69231em; + left: calc(3.75rem - 1px); + width: calc(100% - 3.75rem + 1px); + margin-left: 0; + padding: 0 0 1.15385em; + display: none; + background: #fdfcff; + z-index: 10; } + .sidebar-collapse .side-menu .sub-menu li { + background: #fdfcff; } + .sidebar-collapse .side-menu .sub-menu .sub-menu { + left: 100%; + top: 0; + padding-top: 1.15385em; } + .sidebar-collapse .side-menu .sub-menu a { + padding: 0 1.15385em 0 1.92308em; } + .sidebar-collapse .sidebar-module { + display: none; } + body.rtl.sidebar-collapse .site-sidebar { + left: auto; + right: 0; } + body.rtl.sidebar-collapse .side-menu .sub-menu { + left: 0; } } + +/* Horizontal Sidebar +========================*/ +@media (min-width: 961px) { + .sidebar-horizontal .site-sidebar { + padding: 0 1.07143em; + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); + position: relative; + width: 100%; } + .sidebar-horizontal .fix-top .site-sidebar { + position: fixed; + top: 0; } + .sidebar-horizontal .list-icon { + margin-right: 0; } + .sidebar-horizontal .side-user, .sidebar-horizontal .side-menu .badge, .sidebar-horizontal .side-menu .label { + display: none; } + .sidebar-horizontal .side-menu { + margin-top: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row; + flex-flow: row; } + .sidebar-horizontal .side-menu ul { + position: absolute; + top: 0; + left: 100%; + background: #fdfcff; + z-index: 9; + margin-left: 0; + width: 16.92308em; + padding: 0.76923em 0; + display: none; + line-height: 2.76923em; + -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } + .sidebar-horizontal .side-menu ul li { + background: #fdfcff; } + .sidebar-horizontal .side-menu ul li:last-child { + padding-bottom: 0.35714em; } + .sidebar-horizontal .side-menu li:hover > ul { + display: block; } + .sidebar-horizontal .side-menu a { + padding-right: 1.07143em; + padding-left: 1.07143em; } + .sidebar-horizontal .side-menu > li { + display: inline-block; } + .sidebar-horizontal .side-menu > li > ul { + left: 0; + top: 100%; } + .sidebar-horizontal .side-menu > li > ul a { + font-size: 1.07692em; } + .sidebar-horizontal .side-menu > li > a { + border: 0; + padding: 0.66667em 1em 0.33333em; + text-align: center; } + .sidebar-horizontal .side-menu > li > a::after { + content: ""; + width: 100%; + height: 0.13333em; + background: transparent; + position: absolute; + bottom: -0.06667em; + left: 0; + z-index: 10; } + .sidebar-horizontal .side-menu > li > a::before { + display: none; } + .sidebar-horizontal .side-menu > li > a .list-icon { + display: block; } + .sidebar-horizontal .side-menu .two-li { + width: 31.42857em; } + .sidebar-horizontal .side-menu .two-li::after { + clear: both; + content: ""; + display: block; } + .sidebar-horizontal .side-menu .two-li li { + float: left; + width: 50%; } } + +/* Sidebar Dark +========================*/ +.sidebar-dark .content-wrapper { + background: #835c9e; } + +.sidebar-dark .site-sidebar { + background: #835c9e; + border-color: rgba(255, 255, 255, 0.2); } + .sidebar-dark .site-sidebar .ps-scrollbar-y-rail, + .sidebar-dark .site-sidebar .ps-scrollbar-x { + background: transparent !important; } + .sidebar-dark .site-sidebar .ps-scrollbar-y { + background: gainsboro !important; + right: 0 !important; + width: 0.3125rem !important; } + +.sidebar-dark .side-menu li:hover, .sidebar-dark .side-menu li.active { + background: #8253eb; } + +.sidebar-dark .side-menu li.active > a { + color: #fff; } + +.sidebar-dark .side-menu li a { + color: #afb2ba; } + .sidebar-dark .side-menu li a:hover { + color: #fff; } + +.sidebar-dark .side-menu :not([class*="color-"]) > .list-icon, +.sidebar-dark .side-menu .menu-item-has-children > a::before { + color: #737986; } + +.sidebar-dark.sidebar-collapse .side-menu .sub-menu, .sidebar-dark.sidebar-horizontal .side-menu .sub-menu { + background: #8253eb; } + .sidebar-dark.sidebar-collapse .side-menu .sub-menu li, .sidebar-dark.sidebar-horizontal .side-menu .sub-menu li { + background: #8253eb; } + +.sidebar-dark .side-user { + border-bottom: 0; } + .sidebar-dark .side-user .media { + color: #afb2ba; } + .sidebar-dark .side-user .media-heading { + color: #fff; + font-weight: 400; } + .sidebar-dark .side-user > a:hover .media-heading, + .sidebar-dark .side-user .active .media-heading { + color: #fff; } + .sidebar-dark .side-user .side-menu li:hover { + background: transparent; } + .sidebar-dark .side-user .side-menu li a { + color: #afb2ba; } + .sidebar-dark .side-user .side-menu li a:hover { + color: #fff; } + .sidebar-dark .side-user [class*="user--"]:after { + border-color: #8253eb; } + +/* Right Sidebar +========================*/ +.scrollbar-enabled { + position: relative; + padding-right: 15px; } + .left-scroll .scrollbar-enabled { + padding-right: 0; + padding-left: 15px; } + +.sidebar-dark .site-sidebar .ps-scrollbar-y-rail, +.sidebar-dark .site-sidebar .ps-scrollbar-x, +.right-sidebar-dark .right-sidebar .ps-scrollbar-y-rail, +.right-sidebar-dark .right-sidebar .ps-scrollbar-x { + background: transparent !important; } + +.sidebar-dark .site-sidebar .ps-scrollbar-y, +.right-sidebar-dark .right-sidebar .ps-scrollbar-y { + background: gainsboro !important; + right: 0 !important; + width: 0.3125rem !important; } + +.right-sidebar { + position: fixed; + top: 5rem; + right: 0; + width: 14.0625rem; + background: #fff; + height: calc(100vh - 5rem); + border-left: 1px solid #eef1f2; + -webkit-transform: translateX(100%); + transform: translateX(100%); + padding: 1.07143em; + z-index: 9; } + .right-sidebar-expand .right-sidebar { + -webkit-transform: translateY(0); + transform: translateY(0); } + @media (min-width: 768px) and (max-width: 1023px) { + .right-sidebar .right-sidebar { + width: 100%; + height: auto; } } + body.rtl .right-sidebar { + left: 0; + right: auto; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + border-left: 0; + border-right: 1px solid #eef1f2; } + body.rtl.right-sidebar-expand .right-sidebar { + -webkit-transform: translateX(0); + transform: translateX(0); } + +.sidebar-chat-info { + color: #8253eb; + font-size: 0.92857em; } + +/* Sidebar Chat +========================*/ +.sidebar-chat { + z-index: 9999999; } + .sidebar-chat .list-group-item { + background: none; + border: 0; + border-top: 1px solid #eef1f2; + padding: 0.71429em 0; + overflow: hidden; + color: #999; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .sidebar-chat .list-group-item:hover, .sidebar-chat .list-group-item.chat-active, .sidebar-chat .list-group-item.active, .sidebar-chat .list-group-item.active:focus, .sidebar-chat .list-group-item.active:hover { + background: #fdfcff; + color: #999; + z-index: auto; } + .sidebar-chat .list-group-item figure { + margin-bottom: 0; } + .sidebar-chat .list-group-item > span { + line-height: 1em; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .sidebar-chat .list-group-item .name { + font-size: 0.92857em; + font-family: "Montserrat", sans-serif; + color: #444; + font-weight: 500; + top: 0.69231em; + margin-bottom: 0.38462em; + margin-top: 0.30769em; } + .sidebar-chat .list-group-item .username { + opacity: 0.7; + font-size: 0.85714em; + top: -0.08333em; } + .sidebar-chat .list-group-item:first-child { + border-radius: 0; } + .sidebar-chat [class*="user-"]:after { + position: absolute; + top: calc(50% + 15px); + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + +.sidebar-chat-subtitle { + text-transform: uppercase; + margin-top: 2.85714em; + color: #bbb; + font-weight: 700; + letter-spacing: 0.07143em; } + +/* Chat Panel +========================*/ +.chat-panel { + position: fixed; + top: calc(100vh); + right: calc( 14.0625rem + 15px); + width: 24.28571em; + -webkit-transform: translateY(-100%) translateX(14.0625rem); + transform: translateY(-100%) translateX(14.0625rem); + z-index: 9999; } + .right-sidebar-expand .chat-panel { + -webkit-transform: translateY(-100%) translateX(0); + transform: translateY(-100%) translateX(0); } + .chat-panel .minimize { + border: 0; + background: none; + height: auto; + width: auto; + padding: 0; + margin: 0; + margin-right: 0.35714em; + line-height: 1em; + position: relative; + top: -0.07143em; + float: right; + color: #000; + opacity: 0.2; } + .chat-panel .minimize:hover { + opacity: 0.5; } + .chat-panel .user-name { + color: #444; } + .chat-panel .close { + opacity: 0.2; } + .chat-panel .close:hover { + opacity: 0.5; } + .chat-panel .card { + border-radius: 10px; + border: none; + -webkit-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.1); + margin-bottom: 1.42857em; } + .chat-panel .card-header { + background: none; + padding: 1.07143em 1.42857em; + font-size: 1.14286em; + border-bottom: 1px solid #f1f1f1; } + .chat-panel .card-header button { + cursor: pointer; } + .chat-panel .card-body { + padding: 1.07143em; } + .chat-panel .card-footer { + background: none; + padding: 1.07143em 1.42857em; + border-top: 1px solid #f1f1f1; } + .chat-panel .card-footer a i { + color: #bbb; + position: relative; + top: 4px; } + .chat-panel .card-footer textarea::-webkit-input-placeholder { + color: #bbb; } + .chat-panel .card-footer textarea:-moz-placeholder { + color: #bbb; } + .chat-panel .card-footer textarea::-moz-placeholder { + color: #bbb; } + .chat-panel .card-footer textarea:-ms-input-placeholder { + color: #bbb; } + .chat-panel .messages { + position: relative; + max-height: 21.42857em; + overflow-y: scroll; + margin-top: -1.07143em; + margin-right: -1.07143em; + margin-left: -1.07143em; + padding-top: 1.07143em; + padding-right: 1.07143em; + padding-left: 1.07143em; } + body.rtl .chat-panel { + right: auto; + left: calc(14.0625rem + 15px); } + +/* Dark Right Sidebar +========================*/ +.right-sidebar-dark .right-sidebar { + background: #835c9e; + border-color: rgba(255, 255, 255, 0.2); } + .right-sidebar-dark .right-sidebar .list-group-item:hover, .right-sidebar-dark .right-sidebar .list-group-item.chat-active, .right-sidebar-dark .right-sidebar .list-group-item.active, .right-sidebar-dark .right-sidebar .list-group-item.active:focus, .right-sidebar-dark .right-sidebar .list-group-item.active:hover { + background: #8253eb; } + .right-sidebar-dark .right-sidebar .list-group-item:hover .name, .right-sidebar-dark .right-sidebar .list-group-item.chat-active .name, .right-sidebar-dark .right-sidebar .list-group-item.active .name, .right-sidebar-dark .right-sidebar .list-group-item.active:focus .name, .right-sidebar-dark .right-sidebar .list-group-item.active:hover .name { + color: #fff; } + .right-sidebar-dark .right-sidebar .list-group-item span { + color: #afb2ba; } + +.right-sidebar-dark .right-sidebar h3, .right-sidebar-dark .sidebar-chat-subtitle { + color: #fff; } + +.right-sidebar-dark .sidebar-chat-info { + color: #afb2ba; } + +.right-sidebar-dark .chat-panel .minimize, +.right-sidebar-dark .chat-panel button.close { + color: #fff; + opacity: .4; } + .right-sidebar-dark .chat-panel .minimize:hover, + .right-sidebar-dark .chat-panel button.close:hover { + opacity: 1; } + +.right-sidebar-dark .chat-panel .message p { + background: #8253eb; + color: #fff; } + +.right-sidebar-dark .chat-panel .chat-extra-buttons a { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + color: #fff; } + .right-sidebar-dark .chat-panel .chat-extra-buttons a:hover { + opacity: 0.6; + border: 0; } + +.right-sidebar-dark .chat-panel textarea { + border-color: rgba(255, 255, 255, 0.2); + color: #fff; + background: transparent; } + .right-sidebar-dark .chat-panel textarea::-webkit-input-placeholder { + color: #fff; + opacity: .7; } + .right-sidebar-dark .chat-panel textarea:-moz-placeholder { + color: #fff; + opacity: .7; } + .right-sidebar-dark .chat-panel textarea::-moz-placeholder { + color: #fff; + opacity: .7; } + .right-sidebar-dark .chat-panel textarea:-ms-input-placeholder { + color: #fff; + opacity: .7; } + +/******************************** +********************************* +MEDIA QUERIES +********************************* +*********************************/ + +/*# sourceMappingURL=style.css.map */