Showing source for: https://77store.ws/
Duration: 0.176664s
Server: cloudflare
<html lang="en">
<head>
<title>
77store | 77store.me | 77store.cc - 77store Login
</title>
<meta content="77store.me - BANKS/ACCOUNTS/SHOPS/REAL DOCS/SSN/LOOKUP & And much more. LookUp DL/SSN/DOB
Flood Email/Call/Sms Accounts Shop / Bank Account + Information / Bank Self Registered" name="description">
<meta charset="utf-8" data-n-head="1">
<meta content="width=device-width, initial-scale=1" data-n-head="1" name="viewport">
<meta content="77STORE" data-hid="description" data-n-head="1" name="description">
<meta content="77STORE" data-hid="keyword" data-n-head="1" name="keyword">
<meta content="telephone=no" data-n-head="1" name="format-detection">
<link data-n-head="1" href="/favicon.ico" rel="icon" type="image/x-icon">
<style type="text/css">
.__nuxt-error-page {
padding : 1rem;
background : #f7f8fb;
color : #47494e;
text-align : center;
display : flex;
justify-content : center;
align-items : center;
flex-direction : column;
font-family : sans-serif;
font-weight : 100!important;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0
}
.__nuxt-error-page .error {
max-width : 450px
}
.__nuxt-error-page .title {
font-size : 1.5rem;
margin-top : 15px;
color : #47494e;
margin-bottom : 8px
}
.__nuxt-error-page .description {
color : #7f828b;
line-height : 21px;
margin-bottom : 10px
}
.__nuxt-error-page a {
color : #7f828b!important;
text-decoration : none
}
.__nuxt-error-page .logo {
position : fixed;
left : 12px;
bottom : 12px
}
</style>
<style type="text/css">
.nuxt-progress {
position : fixed;
top : 0;
left : 0;
right : 0;
height : 2px;
width : 0;
opacity : 1;
transition : width .1s,opacity .4s;
background-color : #000;
z-index : 999999
}
.nuxt-progress.nuxt-progress-notransition {
transition : none
}
.nuxt-progress-failed {
background-color : red
}
</style>
<style type="text/css">
/*!
* Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue : #007bff;
--indigo : #6610f2;
--purple : #6f42c1;
--pink : #e83e8c;
--red : #dc3545;
--orange : #fd7e14;
--yellow : #ffc107;
--green : #28a745;
--teal : #20c997;
--cyan : #17a2b8;
--white : #fff;
--gray : #6c757d;
--gray-dark : #343a40;
--primary : #007bff;
--secondary : #6c757d;
--success : #28a745;
--info : #17a2b8;
--warning : #ffc107;
--danger : #dc3545;
--light : #f8f9fa;
--dark : #343a40;
--breakpoint-xs : 0;
--breakpoint-sm : 576px;
--breakpoint-md : 768px;
--breakpoint-lg : 992px;
--breakpoint-xl : 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
*,:after,:before {
box-sizing : border-box
}
html {
font-family : sans-serif;
line-height : 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
display : block
}
body {
margin : 0;
font-family : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #212529;
text-align : left;
background-color : #fff
}
[tabindex="-1"]
:focus:not(.focus-visible),[tabindex="-1"]:focus:not(:focus-visible) {
outline : 0!important
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible
}
h1,h2,h3,h4,h5,h6 {
margin-top : 0;
margin-bottom : .5rem
}
p {
margin-top : 0;
margin-bottom : 1rem
}
abbr[data-original-title],abbr[title] {
text-decoration : underline;
-webkit-text-decoration: underline dotted;
text-decoration : underline dotted;
cursor : help;
border-bottom : 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
font-style : normal;
line-height : inherit
}
address,dl,ol,ul {
margin-bottom : 1rem
}
dl,ol,ul {
margin-top : 0
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom : 0
}
dt {
font-weight : 700
}
dd {
margin-bottom : .5rem;
margin-left : 0
}
blockquote {
margin : 0 0 1rem
}
b,strong {
font-weight : bolder
}
small {
font-size : 80%
}
sub,sup {
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline
}
sub {
bottom : -.25em
}
sup {
top : -.5em
}
a {
color : #007bff;
text-decoration : none;
background-color : transparent
}
a:hover {
color : #0056b3;
text-decoration : underline
}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
color : inherit;
text-decoration : none
}
code,kbd,pre,samp {
font-family : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size : 1em
}
pre {
margin-top : 0;
margin-bottom : 1rem;
overflow : auto;
-ms-overflow-style : scrollbar
}
figure {
margin : 0 0 1rem
}
img {
border-style : none
}
img,svg {
vertical-align : middle
}
svg {
overflow : hidden
}
table {
border-collapse : collapse
}
caption {
padding-top : .75rem;
padding-bottom : .75rem;
color : #6c757d;
text-align : left;
caption-side : bottom
}
th {
text-align : inherit;
text-align : -webkit-match-parent
}
label {
display : inline-block;
margin-bottom : .5rem
}
button {
border-radius : 0
}
button:focus:not(.focus-visible),button:focus:not(:focus-visible) {
outline : 0
}
button,input,optgroup,select,textarea {
margin : 0;
font-family : inherit;
font-size : inherit;
line-height : inherit
}
button,input {
overflow : visible
}
button,select {
text-transform : none
}
[role=button]
{cursor:pointer}
select {
word-wrap : normal
}
[type=button]
,
[type=reset]
,
[type=submit]
,
button {
-webkit-appearance : button
}
[type=button]
:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor : pointer
}
[type=button]
::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
padding : 0;
border-style : none
}
input[type=checkbox],input[type=radio] {
box-sizing : border-box;
padding : 0
}
textarea {
overflow : auto;
resize : vertical
}
fieldset {
min-width : 0;
padding : 0;
margin : 0;
border : 0
}
legend {
display : block;
width : 100%;
max-width : 100%;
padding : 0;
margin-bottom : .5rem;
font-size : 1.5rem;
line-height : inherit;
color : inherit;
white-space : normal
}
progress {
vertical-align : baseline
}
[type=number]
::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height : auto
}
[type=search]
{outline-offset:-2px;-webkit-appearance:none}
[type=search]
::-webkit-search-decoration {
-webkit-appearance : none
}
::-webkit-file-upload-button {
font : inherit;
-webkit-appearance : button
}
output {
display : inline-block
}
summary {
display : list-item;
cursor : pointer
}
template {
display : none
}
[hidden]
{display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-bottom : .5rem;
font-weight : 500;
line-height : 1.2
}
.h1,h1 {
font-size : 2.5rem
}
.h2,h2 {
font-size : 2rem
}
.h3,h3 {
font-size : 1.75rem
}
.h4,h4 {
font-size : 1.5rem
}
.h5,h5 {
font-size : 1.25rem
}
.h6,h6 {
font-size : 1rem
}
.lead {
font-size : 1.25rem;
font-weight : 300
}
.display-1 {
font-size : 6rem
}
.display-1,.display-2 {
font-weight : 300;
line-height : 1.2
}
.display-2 {
font-size : 5.5rem
}
.display-3 {
font-size : 4.5rem
}
.display-3,.display-4 {
font-weight : 300;
line-height : 1.2
}
.display-4 {
font-size : 3.5rem
}
hr {
margin-top : 1rem;
margin-bottom : 1rem;
border : 0;
border-top : 1px solid rgba(0,0,0,.1)
}
.small,small {
font-size : 80%;
font-weight : 400
}
.mark,mark {
padding : .2em;
background-color : #fcf8e3
}
.list-inline,.list-unstyled {
padding-left : 0;
list-style : none
}
.list-inline-item {
display : inline-block
}
.list-inline-item:not(:last-child) {
margin-right : .5rem
}
.initialism {
font-size : 90%;
text-transform : uppercase
}
.blockquote {
margin-bottom : 1rem;
font-size : 1.25rem
}
.blockquote-footer {
display : block;
font-size : 80%;
color : #6c757d
}
.blockquote-footer:before {
content : "— "
}
.img-fluid,.img-thumbnail {
max-width : 100%;
height : auto
}
.img-thumbnail {
padding : .25rem;
background-color : #fff;
border : 1px solid #dee2e6;
border-radius : .25rem
}
.figure {
display : inline-block
}
.figure-img {
margin-bottom : .5rem;
line-height : 1
}
.figure-caption {
font-size : 90%;
color : #6c757d
}
code {
font-size : 87.5%;
color : #e83e8c;
word-wrap : break-word
}
a>code {
color : inherit
}
kbd {
padding : .2rem .4rem;
font-size : 87.5%;
color : #fff;
background-color : #212529;
border-radius : .2rem
}
kbd kbd {
padding : 0;
font-size : 100%;
font-weight : 700
}
pre {
display : block;
font-size : 87.5%;
color : #212529
}
pre code {
font-size : inherit;
color : inherit;
word-break : normal
}
.pre-scrollable {
max-height : 340px;
overflow-y : scroll
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto
}
@media (min-width:576px) {
.container,.container-sm {
max-width : 540px
}
}
@media (min-width:768px) {
.container,.container-md,.container-sm {
max-width : 720px
}
}
@media (min-width:992px) {
.container,.container-lg,.container-md,.container-sm {
max-width : 960px
}
}
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width : 1140px
}
}
.row {
display : flex;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px
}
.no-gutters {
margin-right : 0;
margin-left : 0
}
.no-gutters>.col,.no-gutters>[class*=col-] {
padding-right : 0;
padding-left : 0
}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.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-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.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-auto,.col-xl,.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-auto {
position : relative;
width : 100%;
padding-right : 15px;
padding-left : 15px
}
.col {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-first {
order : -1
}
.order-last {
order : 13
}
.order-0 {
order : 0
}
.order-1 {
order : 1
}
.order-2 {
order : 2
}
.order-3 {
order : 3
}
.order-4 {
order : 4
}
.order-5 {
order : 5
}
.order-6 {
order : 6
}
.order-7 {
order : 7
}
.order-8 {
order : 8
}
.order-9 {
order : 9
}
.order-10 {
order : 10
}
.order-11 {
order : 11
}
.order-12 {
order : 12
}
.offset-1 {
margin-left : 8.333333%
}
.offset-2 {
margin-left : 16.666667%
}
.offset-3 {
margin-left : 25%
}
.offset-4 {
margin-left : 33.333333%
}
.offset-5 {
margin-left : 41.666667%
}
.offset-6 {
margin-left : 50%
}
.offset-7 {
margin-left : 58.333333%
}
.offset-8 {
margin-left : 66.666667%
}
.offset-9 {
margin-left : 75%
}
.offset-10 {
margin-left : 83.333333%
}
.offset-11 {
margin-left : 91.666667%
}
@media (min-width:576px) {
.col-sm {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-sm-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-sm-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-sm-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-sm-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-sm-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-sm-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-sm-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-sm-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-sm-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-sm-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-sm-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-sm-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-sm-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-sm-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-sm-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-sm-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-sm-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-sm-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-sm-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-sm-first {
order : -1
}
.order-sm-last {
order : 13
}
.order-sm-0 {
order : 0
}
.order-sm-1 {
order : 1
}
.order-sm-2 {
order : 2
}
.order-sm-3 {
order : 3
}
.order-sm-4 {
order : 4
}
.order-sm-5 {
order : 5
}
.order-sm-6 {
order : 6
}
.order-sm-7 {
order : 7
}
.order-sm-8 {
order : 8
}
.order-sm-9 {
order : 9
}
.order-sm-10 {
order : 10
}
.order-sm-11 {
order : 11
}
.order-sm-12 {
order : 12
}
.offset-sm-0 {
margin-left : 0
}
.offset-sm-1 {
margin-left : 8.333333%
}
.offset-sm-2 {
margin-left : 16.666667%
}
.offset-sm-3 {
margin-left : 25%
}
.offset-sm-4 {
margin-left : 33.333333%
}
.offset-sm-5 {
margin-left : 41.666667%
}
.offset-sm-6 {
margin-left : 50%
}
.offset-sm-7 {
margin-left : 58.333333%
}
.offset-sm-8 {
margin-left : 66.666667%
}
.offset-sm-9 {
margin-left : 75%
}
.offset-sm-10 {
margin-left : 83.333333%
}
.offset-sm-11 {
margin-left : 91.666667%
}
}
@media (min-width:768px) {
.col-md {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-md-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-md-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-md-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-md-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-md-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-md-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-md-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-md-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-md-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-md-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-md-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-md-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-md-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-md-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-md-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-md-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-md-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-md-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-md-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-md-first {
order : -1
}
.order-md-last {
order : 13
}
.order-md-0 {
order : 0
}
.order-md-1 {
order : 1
}
.order-md-2 {
order : 2
}
.order-md-3 {
order : 3
}
.order-md-4 {
order : 4
}
.order-md-5 {
order : 5
}
.order-md-6 {
order : 6
}
.order-md-7 {
order : 7
}
.order-md-8 {
order : 8
}
.order-md-9 {
order : 9
}
.order-md-10 {
order : 10
}
.order-md-11 {
order : 11
}
.order-md-12 {
order : 12
}
.offset-md-0 {
margin-left : 0
}
.offset-md-1 {
margin-left : 8.333333%
}
.offset-md-2 {
margin-left : 16.666667%
}
.offset-md-3 {
margin-left : 25%
}
.offset-md-4 {
margin-left : 33.333333%
}
.offset-md-5 {
margin-left : 41.666667%
}
.offset-md-6 {
margin-left : 50%
}
.offset-md-7 {
margin-left : 58.333333%
}
.offset-md-8 {
margin-left : 66.666667%
}
.offset-md-9 {
margin-left : 75%
}
.offset-md-10 {
margin-left : 83.333333%
}
.offset-md-11 {
margin-left : 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-lg-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-lg-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-lg-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-lg-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-lg-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-lg-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-lg-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-lg-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-lg-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-lg-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-lg-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-lg-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-lg-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-lg-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-lg-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-lg-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-lg-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-lg-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-lg-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-lg-first {
order : -1
}
.order-lg-last {
order : 13
}
.order-lg-0 {
order : 0
}
.order-lg-1 {
order : 1
}
.order-lg-2 {
order : 2
}
.order-lg-3 {
order : 3
}
.order-lg-4 {
order : 4
}
.order-lg-5 {
order : 5
}
.order-lg-6 {
order : 6
}
.order-lg-7 {
order : 7
}
.order-lg-8 {
order : 8
}
.order-lg-9 {
order : 9
}
.order-lg-10 {
order : 10
}
.order-lg-11 {
order : 11
}
.order-lg-12 {
order : 12
}
.offset-lg-0 {
margin-left : 0
}
.offset-lg-1 {
margin-left : 8.333333%
}
.offset-lg-2 {
margin-left : 16.666667%
}
.offset-lg-3 {
margin-left : 25%
}
.offset-lg-4 {
margin-left : 33.333333%
}
.offset-lg-5 {
margin-left : 41.666667%
}
.offset-lg-6 {
margin-left : 50%
}
.offset-lg-7 {
margin-left : 58.333333%
}
.offset-lg-8 {
margin-left : 66.666667%
}
.offset-lg-9 {
margin-left : 75%
}
.offset-lg-10 {
margin-left : 83.333333%
}
.offset-lg-11 {
margin-left : 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-xl-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-xl-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-xl-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-xl-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-xl-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-xl-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-xl-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-xl-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-xl-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-xl-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-xl-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-xl-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-xl-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-xl-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-xl-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-xl-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-xl-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-xl-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-xl-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-xl-first {
order : -1
}
.order-xl-last {
order : 13
}
.order-xl-0 {
order : 0
}
.order-xl-1 {
order : 1
}
.order-xl-2 {
order : 2
}
.order-xl-3 {
order : 3
}
.order-xl-4 {
order : 4
}
.order-xl-5 {
order : 5
}
.order-xl-6 {
order : 6
}
.order-xl-7 {
order : 7
}
.order-xl-8 {
order : 8
}
.order-xl-9 {
order : 9
}
.order-xl-10 {
order : 10
}
.order-xl-11 {
order : 11
}
.order-xl-12 {
order : 12
}
.offset-xl-0 {
margin-left : 0
}
.offset-xl-1 {
margin-left : 8.333333%
}
.offset-xl-2 {
margin-left : 16.666667%
}
.offset-xl-3 {
margin-left : 25%
}
.offset-xl-4 {
margin-left : 33.333333%
}
.offset-xl-5 {
margin-left : 41.666667%
}
.offset-xl-6 {
margin-left : 50%
}
.offset-xl-7 {
margin-left : 58.333333%
}
.offset-xl-8 {
margin-left : 66.666667%
}
.offset-xl-9 {
margin-left : 75%
}
.offset-xl-10 {
margin-left : 83.333333%
}
.offset-xl-11 {
margin-left : 91.666667%
}
}
.table {
width : 100%;
margin-bottom : 1rem;
color : #212529
}
.table td,.table th {
padding : .75rem;
vertical-align : top;
border-top : 1px solid #dee2e6
}
.table thead th {
vertical-align : bottom;
border-bottom : 2px solid #dee2e6
}
.table tbody+tbody {
border-top : 2px solid #dee2e6
}
.table-sm td,.table-sm th {
padding : .3rem
}
.table-bordered,.table-bordered td,.table-bordered th {
border : 1px solid #dee2e6
}
.table-bordered thead td,.table-bordered thead th {
border-bottom-width : 2px
}
.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
border : 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color : rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
color : #212529;
background-color : rgba(0,0,0,.075)
}
.table-primary,.table-primary>td,.table-primary>th {
background-color : #b8daff
}
.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
border-color : #7abaff
}
.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
background-color : #9fcdff
}
.table-secondary,.table-secondary>td,.table-secondary>th {
background-color : #d6d8db
}
.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
border-color : #b3b7bb
}
.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
background-color : #c8cbcf
}
.table-success,.table-success>td,.table-success>th {
background-color : #c3e6cb
}
.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
border-color : #8fd19e
}
.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
background-color : #b1dfbb
}
.table-info,.table-info>td,.table-info>th {
background-color : #bee5eb
}
.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
border-color : #86cfda
}
.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
background-color : #abdde5
}
.table-warning,.table-warning>td,.table-warning>th {
background-color : #ffeeba
}
.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
border-color : #ffdf7e
}
.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
background-color : #ffe8a1
}
.table-danger,.table-danger>td,.table-danger>th {
background-color : #f5c6cb
}
.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
border-color : #ed969e
}
.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
background-color : #f1b0b7
}
.table-light,.table-light>td,.table-light>th {
background-color : #fdfdfe
}
.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
border-color : #fbfcfc
}
.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
background-color : #ececf6
}
.table-dark,.table-dark>td,.table-dark>th {
background-color : #c6c8ca
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color : #95999c
}
.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
background-color : #b9bbbe
}
.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
background-color : rgba(0,0,0,.075)
}
.table .thead-dark th {
color : #fff;
background-color : #343a40;
border-color : #454d55
}
.table .thead-light th {
color : #495057;
background-color : #e9ecef;
border-color : #dee2e6
}
.table-dark {
color : #fff;
background-color : #343a40
}
.table-dark td,.table-dark th,.table-dark thead th {
border-color : #454d55
}
.table-dark.table-bordered {
border : 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color : hsla(0,0%,100%,.05)
}
.table-dark.table-hover tbody tr:hover {
color : #fff;
background-color : hsla(0,0%,100%,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border : 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border : 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border : 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border : 0
}
}
.table-responsive {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border : 0
}
.form-control {
display : block;
width : 100%;
height : calc(1.5em + .75rem + 2px);
padding : .375rem .75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-clip : padding-box;
border : 1px solid #ced4da;
border-radius : .25rem;
transition : border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition : none
}
}
.form-control::-ms-expand {
background-color : transparent;
border : 0
}
.form-control:-moz-focusring {
color : transparent;
text-shadow : 0 0 0 #495057
}
.form-control:focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-moz-placeholder {
color : #6c757d;
opacity : 1
}
.form-control:-ms-input-placeholder {
color : #6c757d;
opacity : 1
}
.form-control::placeholder {
color : #6c757d;
opacity : 1
}
.form-control:disabled,.form-control[readonly] {
background-color : #e9ecef;
opacity : 1
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
select.form-control:focus::-ms-value {
color : #495057;
background-color : #fff
}
.form-control-file,.form-control-range {
display : block;
width : 100%
}
.col-form-label {
padding-top : calc(.375rem + 1px);
padding-bottom : calc(.375rem + 1px);
margin-bottom : 0;
font-size : inherit;
line-height : 1.5
}
.col-form-label-lg {
padding-top : calc(.5rem + 1px);
padding-bottom : calc(.5rem + 1px);
font-size : 1.25rem;
line-height : 1.5
}
.col-form-label-sm {
padding-top : calc(.25rem + 1px);
padding-bottom : calc(.25rem + 1px);
font-size : .875rem;
line-height : 1.5
}
.form-control-plaintext {
display : block;
width : 100%;
padding : .375rem 0;
margin-bottom : 0;
font-size : 1rem;
line-height : 1.5;
color : #212529;
background-color : transparent;
border : solid transparent;
border-width : 1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
padding-right : 0;
padding-left : 0
}
.form-control-sm {
height : calc(1.5em + .5rem + 2px);
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5;
border-radius : .2rem
}
.form-control-lg {
height : calc(1.5em + 1rem + 2px);
padding : .5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : .3rem
}
select.form-control[multiple],select.form-control[size],textarea.form-control {
height : auto
}
.form-group {
margin-bottom : 1rem
}
.form-text {
display : block;
margin-top : .25rem
}
.form-row {
display : flex;
flex-wrap : wrap;
margin-right : -5px;
margin-left : -5px
}
.form-row>.col,.form-row>[class*=col-] {
padding-right : 5px;
padding-left : 5px
}
.form-check {
position : relative;
display : block;
padding-left : 1.25rem
}
.form-check-input {
position : absolute;
margin-top : .3rem;
margin-left : -1.25rem
}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
color : #6c757d
}
.form-check-label {
margin-bottom : 0
}
.form-check-inline {
display : inline-flex;
align-items : center;
padding-left : 0;
margin-right : .75rem
}
.form-check-inline .form-check-input {
position : static;
margin-top : 0;
margin-right : .3125rem;
margin-left : 0
}
.valid-feedback {
display : none;
width : 100%;
margin-top : .25rem;
font-size : 80%;
color : #28a745
}
.valid-tooltip {
position : absolute;
top : 100%;
left : 0;
z-index : 5;
display : none;
max-width : 100%;
padding : .25rem .5rem;
margin-top : .1rem;
font-size : .875rem;
line-height : 1.5;
color : #fff;
background-color : rgba(40,167,69,.9);
border-radius : .25rem
}
.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
left : 5px
}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
display : block
}
.form-control.is-valid,.was-validated .form-control:valid {
border-color : #28a745;
padding-right : calc(1.5em + .75rem);
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
background-repeat : no-repeat;
background-position : right calc(.375em + .1875rem) center;
background-size : calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
padding-right : calc(1.5em + .75rem);
background-position : top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,.was-validated .custom-select:valid {
border-color : #28a745;
padding-right : calc(.75em + 2.3125rem);
background : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
color : #28a745
}
.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
display : block
}
.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
color : #28a745
}
.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
border-color : #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
border-color : #34ce57;
background-color : #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label {
border-color : #28a745
}
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
display : none;
width : 100%;
margin-top : .25rem;
font-size : 80%;
color : #dc3545
}
.invalid-tooltip {
position : absolute;
top : 100%;
left : 0;
z-index : 5;
display : none;
max-width : 100%;
padding : .25rem .5rem;
margin-top : .1rem;
font-size : .875rem;
line-height : 1.5;
color : #fff;
background-color : rgba(220,53,69,.9);
border-radius : .25rem
}
.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
left : 5px
}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
display : block
}
.form-control.is-invalid,.was-validated .form-control:invalid {
border-color : #dc3545;
padding-right : calc(1.5em + .75rem);
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
background-repeat : no-repeat;
background-position : right calc(.375em + .1875rem) center;
background-size : calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
padding-right : calc(1.5em + .75rem);
background-position : top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,.was-validated .custom-select:invalid {
border-color : #dc3545;
padding-right : calc(.75em + 2.3125rem);
background : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
color : #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
display : block
}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
color : #dc3545
}
.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
border-color : #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
border-color : #e4606d;
background-color : #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label {
border-color : #dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline {
display : flex;
flex-flow : row wrap;
align-items : center
}
.form-inline .form-check {
width : 100%
}
@media (min-width:576px) {
.form-inline label {
justify-content : center
}
.form-inline .form-group,.form-inline label {
display : flex;
align-items : center;
margin-bottom : 0
}
.form-inline .form-group {
flex : 0 0 auto;
flex-flow : row wrap
}
.form-inline .form-control {
display : inline-block;
width : auto;
vertical-align : middle
}
.form-inline .form-control-plaintext {
display : inline-block
}
.form-inline .custom-select,.form-inline .input-group {
width : auto
}
.form-inline .form-check {
display : flex;
align-items : center;
justify-content : center;
width : auto;
padding-left : 0
}
.form-inline .form-check-input {
position : relative;
flex-shrink : 0;
margin-top : 0;
margin-right : .25rem;
margin-left : 0
}
.form-inline .custom-control {
align-items : center;
justify-content : center
}
.form-inline .custom-control-label {
margin-bottom : 0
}
}
.btn {
display : inline-block;
font-weight : 400;
color : #212529;
text-align : center;
vertical-align : middle;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
background-color : transparent;
border : 1px solid transparent;
padding : .375rem .75rem;
font-size : 1rem;
line-height : 1.5;
border-radius : .25rem;
transition : color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition : none
}
}
.btn:hover {
color : #212529;
text-decoration : none
}
.btn.focus,.btn:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.btn.disabled,.btn:disabled {
opacity : .65
}
.btn:not(:disabled):not(.disabled) {
cursor : pointer
}
a.btn.disabled,fieldset:disabled a.btn {
pointer-events : none
}
.btn-primary {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
color : #fff;
background-color : #0069d9;
border-color : #0062cc
}
.btn-primary.focus,.btn-primary:focus {
box-shadow : 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-primary.disabled,.btn-primary:disabled {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
color : #fff;
background-color : #0062cc;
border-color : #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-secondary {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {
color : #fff;
background-color : #5a6268;
border-color : #545b62
}
.btn-secondary.focus,.btn-secondary:focus {
box-shadow : 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-secondary.disabled,.btn-secondary:disabled {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
color : #fff;
background-color : #545b62;
border-color : #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-success {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-success.focus,.btn-success:focus,.btn-success:hover {
color : #fff;
background-color : #218838;
border-color : #1e7e34
}
.btn-success.focus,.btn-success:focus {
box-shadow : 0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-success.disabled,.btn-success:disabled {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
color : #fff;
background-color : #1e7e34;
border-color : #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-info {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-info.focus,.btn-info:focus,.btn-info:hover {
color : #fff;
background-color : #138496;
border-color : #117a8b
}
.btn-info.focus,.btn-info:focus {
box-shadow : 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-info.disabled,.btn-info:disabled {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
color : #fff;
background-color : #117a8b;
border-color : #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-warning {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-warning.focus,.btn-warning:focus,.btn-warning:hover {
color : #212529;
background-color : #e0a800;
border-color : #d39e00
}
.btn-warning.focus,.btn-warning:focus {
box-shadow : 0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-warning.disabled,.btn-warning:disabled {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
color : #212529;
background-color : #d39e00;
border-color : #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-danger {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-danger.focus,.btn-danger:focus,.btn-danger:hover {
color : #fff;
background-color : #c82333;
border-color : #bd2130
}
.btn-danger.focus,.btn-danger:focus {
box-shadow : 0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-danger.disabled,.btn-danger:disabled {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
color : #fff;
background-color : #bd2130;
border-color : #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-light {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-light.focus,.btn-light:focus,.btn-light:hover {
color : #212529;
background-color : #e2e6ea;
border-color : #dae0e5
}
.btn-light.focus,.btn-light:focus {
box-shadow : 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-light.disabled,.btn-light:disabled {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
color : #212529;
background-color : #dae0e5;
border-color : #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-dark {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-dark.focus,.btn-dark:focus,.btn-dark:hover {
color : #fff;
background-color : #23272b;
border-color : #1d2124
}
.btn-dark.focus,.btn-dark:focus {
box-shadow : 0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-dark.disabled,.btn-dark:disabled {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
color : #fff;
background-color : #1d2124;
border-color : #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-outline-primary {
color : #007bff;
border-color : #007bff
}
.btn-outline-primary:hover {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-outline-primary.focus,.btn-outline-primary:focus {
box-shadow : 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {
color : #007bff;
background-color : transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-secondary {
color : #6c757d;
border-color : #6c757d
}
.btn-outline-secondary:hover {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-outline-secondary.focus,.btn-outline-secondary:focus {
box-shadow : 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
color : #6c757d;
background-color : transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-success {
color : #28a745;
border-color : #28a745
}
.btn-outline-success:hover {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-outline-success.focus,.btn-outline-success:focus {
box-shadow : 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-success.disabled,.btn-outline-success:disabled {
color : #28a745;
background-color : transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-info {
color : #17a2b8;
border-color : #17a2b8
}
.btn-outline-info:hover {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-outline-info.focus,.btn-outline-info:focus {
box-shadow : 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-info.disabled,.btn-outline-info:disabled {
color : #17a2b8;
background-color : transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-warning {
color : #ffc107;
border-color : #ffc107
}
.btn-outline-warning:hover {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-outline-warning.focus,.btn-outline-warning:focus {
box-shadow : 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled {
color : #ffc107;
background-color : transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-danger {
color : #dc3545;
border-color : #dc3545
}
.btn-outline-danger:hover {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-outline-danger.focus,.btn-outline-danger:focus {
box-shadow : 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled {
color : #dc3545;
background-color : transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-light {
color : #f8f9fa;
border-color : #f8f9fa
}
.btn-outline-light:hover {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-outline-light.focus,.btn-outline-light:focus {
box-shadow : 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-light.disabled,.btn-outline-light:disabled {
color : #f8f9fa;
background-color : transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-dark {
color : #343a40;
border-color : #343a40
}
.btn-outline-dark:hover {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-outline-dark.focus,.btn-outline-dark:focus {
box-shadow : 0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-outline-dark.disabled,.btn-outline-dark:disabled {
color : #343a40;
background-color : transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-link {
font-weight : 400;
color : #007bff;
text-decoration : none
}
.btn-link:hover {
color : #0056b3
}
.btn-link.focus,.btn-link:focus,.btn-link:hover {
text-decoration : underline
}
.btn-link.disabled,.btn-link:disabled {
color : #6c757d;
pointer-events : none
}
.btn-group-lg>.btn,.btn-lg {
padding : .5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : .3rem
}
.btn-group-sm>.btn,.btn-sm {
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5;
border-radius : .2rem
}
.btn-block {
display : block;
width : 100%
}
.btn-block+.btn-block {
margin-top : .5rem
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width : 100%
}
.fade {
transition : opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition : none
}
}
.fade:not(.show) {
opacity : 0
}
.collapse:not(.show) {
display : none
}
.collapsing {
position : relative;
height : 0;
overflow : hidden;
transition : height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition : none
}
}
.dropdown,.dropleft,.dropright,.dropup {
position : relative
}
.dropdown-toggle {
white-space : nowrap
}
.dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
border-top : .3em solid;
border-right : .3em solid transparent;
border-bottom : 0;
border-left : .3em solid transparent
}
.dropdown-toggle:empty:after {
margin-left : 0
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 10rem;
padding : .5rem 0;
margin : .125rem 0 0;
font-size : 1rem;
color : #212529;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.15);
border-radius : .25rem
}
.dropdown-menu-left {
right : auto;
left : 0
}
.dropdown-menu-right {
right : 0;
left : auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right : auto;
left : 0
}
.dropdown-menu-sm-right {
right : 0;
left : auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right : auto;
left : 0
}
.dropdown-menu-md-right {
right : 0;
left : auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right : auto;
left : 0
}
.dropdown-menu-lg-right {
right : 0;
left : auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right : auto;
left : 0
}
.dropdown-menu-xl-right {
right : 0;
left : auto
}
}
.dropup .dropdown-menu {
top : auto;
bottom : 100%;
margin-top : 0;
margin-bottom : .125rem
}
.dropup .dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
border-top : 0;
border-right : .3em solid transparent;
border-bottom : .3em solid;
border-left : .3em solid transparent
}
.dropup .dropdown-toggle:empty:after {
margin-left : 0
}
.dropright .dropdown-menu {
top : 0;
right : auto;
left : 100%;
margin-top : 0;
margin-left : .125rem
}
.dropright .dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
border-top : .3em solid transparent;
border-right : 0;
border-bottom : .3em solid transparent;
border-left : .3em solid
}
.dropright .dropdown-toggle:empty:after {
margin-left : 0
}
.dropright .dropdown-toggle:after {
vertical-align : 0
}
.dropleft .dropdown-menu {
top : 0;
right : 100%;
left : auto;
margin-top : 0;
margin-right : .125rem
}
.dropleft .dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
display : none
}
.dropleft .dropdown-toggle:before {
display : inline-block;
margin-right : .255em;
vertical-align : .255em;
content : "";
border-top : .3em solid transparent;
border-right : .3em solid;
border-bottom : .3em solid transparent
}
.dropleft .dropdown-toggle:empty:after {
margin-left : 0
}
.dropleft .dropdown-toggle:before {
vertical-align : 0
}
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
right : auto;
bottom : auto
}
.dropdown-divider {
height : 0;
margin : .5rem 0;
overflow : hidden;
border-top : 1px solid #e9ecef
}
.dropdown-item {
display : block;
width : 100%;
padding : .25rem 1.5rem;
clear : both;
font-weight : 400;
color : #212529;
text-align : inherit;
white-space : nowrap;
background-color : transparent;
border : 0
}
.dropdown-item:focus,.dropdown-item:hover {
color : #16181b;
text-decoration : none;
background-color : #e9ecef
}
.dropdown-item.active,.dropdown-item:active {
color : #fff;
text-decoration : none;
background-color : #007bff
}
.dropdown-item.disabled,.dropdown-item:disabled {
color : #adb5bd;
pointer-events : none;
background-color : transparent
}
.dropdown-menu.show {
display : block
}
.dropdown-header {
display : block;
padding : .5rem 1.5rem;
margin-bottom : 0;
font-size : .875rem;
color : #6c757d;
white-space : nowrap
}
.dropdown-item-text {
display : block;
padding : .25rem 1.5rem;
color : #212529
}
.btn-group,.btn-group-vertical {
position : relative;
display : inline-flex;
vertical-align : middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position : relative;
flex : 1 1 auto
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index : 1
}
.btn-toolbar {
display : flex;
flex-wrap : wrap;
justify-content : flex-start
}
.btn-toolbar .input-group {
width : auto
}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
margin-left : -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right : .5625rem;
padding-left : .5625rem
}
.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
margin-left : 0
}
.dropleft .dropdown-toggle-split:before {
margin-right : 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
padding-right : .375rem;
padding-left : .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
padding-right : .75rem;
padding-left : .75rem
}
.btn-group-vertical {
flex-direction : column;
align-items : flex-start;
justify-content : center
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
width : 100%
}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
margin-top : -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
margin-bottom : 0
}
.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio] {
position : absolute;
clip : rect(0,0,0,0);
pointer-events : none
}
.input-group {
position : relative;
display : flex;
flex-wrap : wrap;
align-items : stretch;
width : 100%
}
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
position : relative;
flex : 1 1 auto;
width : 1%;
min-width : 0;
margin-bottom : 0
}
.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
margin-left : -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
z-index : 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index : 4
}
.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display : flex;
align-items : center
}
.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n/**/+3) .custom-file-label:after,.input-group.has-validation>.custom-select:nth-last-child(n/**/+3),.input-group.has-validation>.form-control:nth-last-child(n/**/+3),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append,.input-group-prepend {
display : flex
}
.input-group-append .btn,.input-group-prepend .btn {
position : relative;
z-index : 2
}
.input-group-append .btn:focus,.input-group-prepend .btn:focus {
z-index : 3
}
.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
margin-left : -1px
}
.input-group-prepend {
margin-right : -1px
}
.input-group-append {
margin-left : -1px
}
.input-group-text {
display : flex;
align-items : center;
padding : .375rem .75rem;
margin-bottom : 0;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
text-align : center;
white-space : nowrap;
background-color : #e9ecef;
border : 1px solid #ced4da;
border-radius : .25rem
}
.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
margin-top : 0
}
.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
height : calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
padding : .5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : .3rem
}
.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
height : calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5;
border-radius : .2rem
}
.input-group-lg>.custom-select,.input-group-sm>.custom-select {
padding-right : 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n/**/+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n/**/+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position : relative;
z-index : 1;
display : block;
min-height : 1.5rem;
padding-left : 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust : exact
}
.custom-control-inline {
display : inline-flex;
margin-right : 1rem
}
.custom-control-input {
position : absolute;
left : 0;
z-index : -1;
width : 1rem;
height : 1.25rem;
opacity : 0
}
.custom-control-input:checked~.custom-control-label:before {
color : #fff;
border-color : #007bff;
background-color : #007bff
}
.custom-control-input:focus~.custom-control-label:before {
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label:before {
border-color : #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label:before {
color : #fff;
background-color : #b3d7ff;
border-color : #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
color : #6c757d
}
.custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before {
background-color : #e9ecef
}
.custom-control-label {
position : relative;
margin-bottom : 0;
vertical-align : top
}
.custom-control-label:before {
pointer-events : none;
background-color : #fff;
border : 1px solid #adb5bd
}
.custom-control-label:after,.custom-control-label:before {
position : absolute;
top : .25rem;
left : -1.5rem;
display : block;
width : 1rem;
height : 1rem;
content : ""
}
.custom-control-label:after {
background : 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label:before {
border-radius : .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
border-color : #007bff;
background-color : #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-radio .custom-control-label:before {
border-radius : 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-switch {
padding-left : 2.25rem
}
.custom-switch .custom-control-label:before {
left : -2.25rem;
width : 1.75rem;
pointer-events : all;
border-radius : .5rem
}
.custom-switch .custom-control-label:after {
top : calc(.25rem + 2px);
left : calc(-2.25rem + 2px);
width : calc(1rem - 4px);
height : calc(1rem - 4px);
background-color : #adb5bd;
border-radius : .5rem;
transition : transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label:after {
transition : none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label:after {
background-color : #fff;
transform : translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-select {
display : inline-block;
width : 100%;
height : calc(1.5em + .75rem + 2px);
padding : .375rem 1.75rem .375rem .75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
vertical-align : middle;
background : #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
border : 1px solid #ced4da;
border-radius : .25rem;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
.custom-select:focus {
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-select:focus::-ms-value {
color : #495057;
background-color : #fff
}
.custom-select[multiple],.custom-select[size]:not([size="1"]) {
height : auto;
padding-right : .75rem;
background-image : none
}
.custom-select:disabled {
color : #6c757d;
background-color : #e9ecef
}
.custom-select::-ms-expand {
display : none
}
.custom-select:-moz-focusring {
color : transparent;
text-shadow : 0 0 0 #495057
}
.custom-select-sm {
height : calc(1.5em + .5rem + 2px);
padding-top : .25rem;
padding-bottom : .25rem;
padding-left : .5rem;
font-size : .875rem
}
.custom-select-lg {
height : calc(1.5em + 1rem + 2px);
padding-top : .5rem;
padding-bottom : .5rem;
padding-left : 1rem;
font-size : 1.25rem
}
.custom-file {
display : inline-block;
margin-bottom : 0
}
.custom-file,.custom-file-input {
position : relative;
width : 100%;
height : calc(1.5em + .75rem + 2px)
}
.custom-file-input {
z-index : 2;
margin : 0;
overflow : hidden;
opacity : 0
}
.custom-file-input:focus~.custom-file-label {
border-color : #80bdff;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label {
background-color : #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label:after {
content : "Browse"
}
.custom-file-input~.custom-file-label[data-browse]:after {
content : attr(data-browse)
}
.custom-file-label {
left : 0;
z-index : 1;
height : calc(1.5em + .75rem + 2px);
overflow : hidden;
font-weight : 400;
background-color : #fff;
border : 1px solid #ced4da;
border-radius : .25rem
}
.custom-file-label,.custom-file-label:after {
position : absolute;
top : 0;
right : 0;
padding : .375rem .75rem;
line-height : 1.5;
color : #495057
}
.custom-file-label:after {
bottom : 0;
z-index : 3;
display : block;
height : calc(1.5em + .75rem);
content : "Browse";
background-color : #e9ecef;
border-left : inherit;
border-radius : 0 .25rem .25rem 0
}
.custom-range {
width : 100%;
height : 1.4rem;
padding : 0;
background-color : transparent;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
.custom-range:focus {
outline : 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-ms-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range::-moz-focus-outer {
border : 0
}
.custom-range::-webkit-slider-thumb {
width : 1rem;
height : 1rem;
margin-top : -.25rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
-webkit-transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-appearance : none;
appearance : none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition : none;
transition : none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color : #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width : 100%;
height : .5rem;
color : transparent;
cursor : pointer;
background-color : #dee2e6;
border-color : transparent;
border-radius : 1rem
}
.custom-range::-moz-range-thumb {
width : 1rem;
height : 1rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
-moz-transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-moz-appearance : none;
appearance : none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition : none;
transition : none
}
}
.custom-range::-moz-range-thumb:active {
background-color : #b3d7ff
}
.custom-range::-moz-range-track {
width : 100%;
height : .5rem;
color : transparent;
cursor : pointer;
background-color : #dee2e6;
border-color : transparent;
border-radius : 1rem
}
.custom-range::-ms-thumb {
width : 1rem;
height : 1rem;
margin-top : 0;
margin-right : .2rem;
margin-left : .2rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
-ms-transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
appearance : none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition : none;
transition : none
}
}
.custom-range::-ms-thumb:active {
background-color : #b3d7ff
}
.custom-range::-ms-track {
width : 100%;
height : .5rem;
color : transparent;
cursor : pointer;
background-color : transparent;
border-color : transparent;
border-width : .5rem
}
.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper {
background-color : #dee2e6;
border-radius : 1rem
}
.custom-range::-ms-fill-upper {
margin-right : 15px
}
.custom-range:disabled::-webkit-slider-thumb {
background-color : #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor : default
}
.custom-range:disabled::-moz-range-thumb {
background-color : #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor : default
}
.custom-range:disabled::-ms-thumb {
background-color : #adb5bd
}
.custom-control-label:before,.custom-file-label,.custom-select {
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label:before,.custom-file-label,.custom-select {
transition : none
}
}
.nav {
display : flex;
flex-wrap : wrap;
padding-left : 0;
margin-bottom : 0;
list-style : none
}
.nav-link {
display : block;
padding : .5rem 1rem
}
.nav-link:focus,.nav-link:hover {
text-decoration : none
}
.nav-link.disabled {
color : #6c757d;
pointer-events : none;
cursor : default
}
.nav-tabs {
border-bottom : 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom : -1px;
border : 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
border-color : #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color : #6c757d;
background-color : transparent;
border-color : transparent
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
color : #495057;
background-color : #fff;
border-color : #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top : -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius : .25rem
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
color : #fff;
background-color : #007bff
}
.nav-fill .nav-item,.nav-fill>.nav-link {
flex : 1 1 auto;
text-align : center
}
.nav-justified .nav-item,.nav-justified>.nav-link {
flex-basis : 0;
flex-grow : 1;
text-align : center
}
.tab-content>.tab-pane {
display : none
}
.tab-content>.active {
display : block
}
.navbar {
position : relative;
padding : .5rem 1rem
}
.navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between
}
.navbar-brand {
display : inline-block;
padding-top : .3125rem;
padding-bottom : .3125rem;
margin-right : 1rem;
font-size : 1.25rem;
line-height : inherit;
white-space : nowrap
}
.navbar-brand:focus,.navbar-brand:hover {
text-decoration : none
}
.navbar-nav {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
list-style : none
}
.navbar-nav .nav-link {
padding-right : 0;
padding-left : 0
}
.navbar-nav .dropdown-menu {
position : static;
float : none
}
.navbar-text {
display : inline-block;
padding-top : .5rem;
padding-bottom : .5rem
}
.navbar-collapse {
flex-basis : 100%;
flex-grow : 1;
align-items : center
}
.navbar-toggler {
padding : .25rem .75rem;
font-size : 1.25rem;
line-height : 1;
background-color : transparent;
border : 1px solid transparent;
border-radius : .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 : 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
max-height : 75vh;
overflow-y : auto
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction : row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-sm .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-sm .navbar-toggler {
display : none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction : row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-md .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-md .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-md .navbar-toggler {
display : none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction : row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-lg .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-lg .navbar-toggler {
display : none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction : row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-xl .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-xl .navbar-toggler {
display : none
}
}
.navbar-expand {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
padding-right : 0;
padding-left : 0
}
.navbar-expand .navbar-nav {
flex-direction : row
}
.navbar-expand .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
flex-wrap : nowrap
}
.navbar-expand .navbar-nav-scroll {
overflow : visible
}
.navbar-expand .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand .navbar-toggler {
display : none
}
.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
color : rgba(0,0,0,.9)
}
.navbar-light .navbar-nav .nav-link {
color : rgba(0,0,0,.5)
}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
color : rgba(0,0,0,.7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color : rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
color : rgba(0,0,0,.9)
}
.navbar-light .navbar-toggler {
color : rgba(0,0,0,.5);
border-color : rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
color : rgba(0,0,0,.5)
}
.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
color : rgba(0,0,0,.9)
}
.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
color : #fff
}
.navbar-dark .navbar-nav .nav-link {
color : hsla(0,0%,100%,.5)
}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
color : hsla(0,0%,100%,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color : hsla(0,0%,100%,.25)
}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
color : #fff
}
.navbar-dark .navbar-toggler {
color : hsla(0,0%,100%,.5);
border-color : hsla(0,0%,100%,.1)
}
.navbar-dark .navbar-toggler-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-dark .navbar-text {
color : hsla(0,0%,100%,.5)
}
.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
color : #fff
}
.card {
position : relative;
display : flex;
flex-direction : column;
min-width : 0;
word-wrap : break-word;
background-color : #fff;
background-clip : border-box;
border : 1px solid rgba(0,0,0,.125);
border-radius : .25rem
}
.card>hr {
margin-right : 0;
margin-left : 0
}
.card>.list-group {
border-top : inherit;
border-bottom : inherit
}
.card>.list-group:first-child {
border-top-width : 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width : 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
border-top : 0
}
.card-body {
flex : 1 1 auto;
min-height : 1px;
padding : 1.25rem
}
.card-title {
margin-bottom : .75rem
}
.card-subtitle {
margin-top : -.375rem
}
.card-subtitle,.card-text:last-child {
margin-bottom : 0
}
.card-link:hover {
text-decoration : none
}
.card-link+.card-link {
margin-left : 1.25rem
}
.card-header {
padding : .75rem 1.25rem;
margin-bottom : 0;
background-color : rgba(0,0,0,.03);
border-bottom : 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
border-radius : calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding : .75rem 1.25rem;
background-color : rgba(0,0,0,.03);
border-top : 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
border-radius : 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-bottom : -.75rem;
border-bottom : 0
}
.card-header-pills,.card-header-tabs {
margin-right : -.625rem;
margin-left : -.625rem
}
.card-img-overlay {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
padding : 1.25rem;
border-radius : calc(.25rem - 1px)
}
.card-img,.card-img-bottom,.card-img-top {
flex-shrink : 0;
width : 100%
}
.card-img,.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom : 15px
}
@media (min-width:576px) {
.card-deck {
display : flex;
flex-flow : row wrap;
margin-right : -15px;
margin-left : -15px
}
.card-deck .card {
flex : 1 0 0%;
margin-right : 15px;
margin-bottom : 0;
margin-left : 15px
}
}
.card-group>.card {
margin-bottom : 15px
}
@media (min-width:576px) {
.card-group {
display : flex;
flex-flow : row wrap
}
.card-group>.card {
flex : 1 0 0%;
margin-bottom : 0
}
.card-group>.card+.card {
margin-left : 0;
border-left : 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom : .75rem
}
@media (min-width:576px) {
.card-columns {
-moz-column-count : 3;
column-count : 3;
-webkit-column-gap : 1.25rem;
-moz-column-gap : 1.25rem;
grid-column-gap : 1.25rem;
column-gap : 1.25rem;
orphans : 1;
widows : 1
}
.card-columns .card {
display : inline-block;
width : 100%
}
}
.accordion {
overflow-anchor : none
}
.accordion>.card {
overflow : hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom : 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius : 0;
margin-bottom : -1px
}
.breadcrumb {
display : flex;
flex-wrap : wrap;
padding : .75rem 1rem;
margin-bottom : 1rem;
list-style : none;
background-color : #e9ecef;
border-radius : .25rem
}
.breadcrumb-item+.breadcrumb-item {
padding-left : .5rem
}
.breadcrumb-item+.breadcrumb-item:before {
float : left;
padding-right : .5rem;
color : #6c757d;
content : "/"
}
.breadcrumb-item+.breadcrumb-item:hover:before {
text-decoration : underline;
text-decoration : none
}
.breadcrumb-item.active {
color : #6c757d
}
.pagination {
display : flex;
padding-left : 0;
list-style : none;
border-radius : .25rem
}
.page-link {
position : relative;
display : block;
padding : .5rem .75rem;
margin-left : -1px;
line-height : 1.25;
color : #007bff;
background-color : #fff;
border : 1px solid #dee2e6
}
.page-link:hover {
z-index : 2;
color : #0056b3;
text-decoration : none;
background-color : #e9ecef;
border-color : #dee2e6
}
.page-link:focus {
z-index : 3;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.page-item:first-child .page-link {
margin-left : 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index : 3;
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.page-item.disabled .page-link {
color : #6c757d;
pointer-events : none;
cursor : auto;
background-color : #fff;
border-color : #dee2e6
}
.pagination-lg .page-link {
padding : .75rem 1.5rem;
font-size : 1.25rem;
line-height : 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display : inline-block;
padding : .25em .4em;
font-size : 75%;
font-weight : 700;
line-height : 1;
text-align : center;
white-space : nowrap;
vertical-align : baseline;
border-radius : .25rem;
transition : color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition : none
}
}
a.badge:focus,a.badge:hover {
text-decoration : none
}
.badge:empty {
display : none
}
.btn .badge {
position : relative;
top : -1px
}
.badge-pill {
padding-right : .6em;
padding-left : .6em;
border-radius : 10rem
}
.badge-primary {
color : #fff;
background-color : #007bff
}
a.badge-primary:focus,a.badge-primary:hover {
color : #fff;
background-color : #0062cc
}
a.badge-primary.focus,a.badge-primary:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.5)
}
.badge-secondary {
color : #fff;
background-color : #6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover {
color : #fff;
background-color : #545b62
}
a.badge-secondary.focus,a.badge-secondary:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(108,117,125,.5)
}
.badge-success {
color : #fff;
background-color : #28a745
}
a.badge-success:focus,a.badge-success:hover {
color : #fff;
background-color : #1e7e34
}
a.badge-success.focus,a.badge-success:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.5)
}
.badge-info {
color : #fff;
background-color : #17a2b8
}
a.badge-info:focus,a.badge-info:hover {
color : #fff;
background-color : #117a8b
}
a.badge-info.focus,a.badge-info:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(23,162,184,.5)
}
.badge-warning {
color : #212529;
background-color : #ffc107
}
a.badge-warning:focus,a.badge-warning:hover {
color : #212529;
background-color : #d39e00
}
a.badge-warning.focus,a.badge-warning:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger {
color : #fff;
background-color : #dc3545
}
a.badge-danger:focus,a.badge-danger:hover {
color : #fff;
background-color : #bd2130
}
a.badge-danger.focus,a.badge-danger:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.5)
}
.badge-light {
color : #212529;
background-color : #f8f9fa
}
a.badge-light:focus,a.badge-light:hover {
color : #212529;
background-color : #dae0e5
}
a.badge-light.focus,a.badge-light:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark {
color : #fff;
background-color : #343a40
}
a.badge-dark:focus,a.badge-dark:hover {
color : #fff;
background-color : #1d2124
}
a.badge-dark.focus,a.badge-dark:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(52,58,64,.5)
}
.jumbotron {
padding : 2rem 1rem;
margin-bottom : 2rem;
background-color : #e9ecef;
border-radius : .3rem
}
@media (min-width:576px) {
.jumbotron {
padding : 4rem 2rem
}
}
.jumbotron-fluid {
padding-right : 0;
padding-left : 0;
border-radius : 0
}
.alert {
position : relative;
padding : .75rem 1.25rem;
margin-bottom : 1rem;
border : 1px solid transparent;
border-radius : .25rem
}
.alert-heading {
color : inherit
}
.alert-link {
font-weight : 700
}
.alert-dismissible {
padding-right : 4rem
}
.alert-dismissible .close {
position : absolute;
top : 0;
right : 0;
z-index : 2;
padding : .75rem 1.25rem;
color : inherit
}
.alert-primary {
color : #004085;
background-color : #cce5ff;
border-color : #b8daff
}
.alert-primary hr {
border-top-color : #9fcdff
}
.alert-primary .alert-link {
color : #002752
}
.alert-secondary {
color : #383d41;
background-color : #e2e3e5;
border-color : #d6d8db
}
.alert-secondary hr {
border-top-color : #c8cbcf
}
.alert-secondary .alert-link {
color : #202326
}
.alert-success {
color : #155724;
background-color : #d4edda;
border-color : #c3e6cb
}
.alert-success hr {
border-top-color : #b1dfbb
}
.alert-success .alert-link {
color : #0b2e13
}
.alert-info {
color : #0c5460;
background-color : #d1ecf1;
border-color : #bee5eb
}
.alert-info hr {
border-top-color : #abdde5
}
.alert-info .alert-link {
color : #062c33
}
.alert-warning {
color : #856404;
background-color : #fff3cd;
border-color : #ffeeba
}
.alert-warning hr {
border-top-color : #ffe8a1
}
.alert-warning .alert-link {
color : #533f03
}
.alert-danger {
color : #721c24;
background-color : #f8d7da;
border-color : #f5c6cb
}
.alert-danger hr {
border-top-color : #f1b0b7
}
.alert-danger .alert-link {
color : #491217
}
.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
}
@-webkit-keyframes progress-bar-stripes {
0%
{background-position:1rem 0}
to {
background-position : 0 0
}
}
@keyframes progress-bar-stripes {
0%
{background-position:1rem 0}
to {
background-position : 0 0
}
}
.progress {
height : 1rem;
line-height : 0;
font-size : .75rem;
background-color : #e9ecef;
border-radius : .25rem
}
.progress,.progress-bar {
display : flex;
overflow : hidden
}
.progress-bar {
flex-direction : column;
justify-content : center;
color : #fff;
text-align : center;
white-space : nowrap;
background-color : #007bff;
transition : width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition : none
}
}
.progress-bar-striped {
background-image : linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-size : 1rem 1rem
}
.progress-bar-animated {
-webkit-animation : progress-bar-stripes 1s linear infinite;
animation : progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation : none;
animation : none
}
}
.media {
display : flex;
align-items : flex-start
}
.media-body {
flex : 1
}
.list-group {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
border-radius : .25rem
}
.list-group-item-action {
width : 100%;
color : #495057;
text-align : inherit
}
.list-group-item-action:focus,.list-group-item-action:hover {
z-index : 1;
color : #495057;
text-decoration : none;
background-color : #f8f9fa
}
.list-group-item-action:active {
color : #212529;
background-color : #e9ecef
}
.list-group-item {
position : relative;
display : block;
padding : .75rem 1.25rem;
background-color : #fff;
border : 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,.list-group-item:disabled {
color : #6c757d;
pointer-events : none;
background-color : #fff
}
.list-group-item.active {
z-index : 2;
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.list-group-item+.list-group-item {
border-top-width : 0
}
.list-group-item+.list-group-item.active {
margin-top : -1px;
border-top-width : 1px
}
.list-group-horizontal {
flex-direction : row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
flex-direction : row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
flex-direction : row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
flex-direction : row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
flex-direction : row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
.list-group-flush {
border-radius : 0
}
.list-group-flush>.list-group-item {
border-width : 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width : 0
}
.list-group-item-primary {
color : #004085;
background-color : #b8daff
}
.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
color : #004085;
background-color : #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color : #fff;
background-color : #004085;
border-color : #004085
}
.list-group-item-secondary {
color : #383d41;
background-color : #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
color : #383d41;
background-color : #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color : #fff;
background-color : #383d41;
border-color : #383d41
}
.list-group-item-success {
color : #155724;
background-color : #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
color : #155724;
background-color : #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color : #fff;
background-color : #155724;
border-color : #155724
}
.list-group-item-info {
color : #0c5460;
background-color : #bee5eb
}
.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
color : #0c5460;
background-color : #abdde5
}
.list-group-item-info.list-group-item-action.active {
color : #fff;
background-color : #0c5460;
border-color : #0c5460
}
.list-group-item-warning {
color : #856404;
background-color : #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
color : #856404;
background-color : #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color : #fff;
background-color : #856404;
border-color : #856404
}
.list-group-item-danger {
color : #721c24;
background-color : #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
color : #721c24;
background-color : #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color : #fff;
background-color : #721c24;
border-color : #721c24
}
.list-group-item-light {
color : #818182;
background-color : #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
color : #818182;
background-color : #ececf6
}
.list-group-item-light.list-group-item-action.active {
color : #fff;
background-color : #818182;
border-color : #818182
}
.list-group-item-dark {
color : #1b1e21;
background-color : #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
color : #1b1e21;
background-color : #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color : #fff;
background-color : #1b1e21;
border-color : #1b1e21
}
.close {
float : right;
font-size : 1.5rem;
font-weight : 700;
line-height : 1;
color : #000;
text-shadow : 0 1px 0 #fff;
opacity : .5
}
.close:hover {
color : #000;
text-decoration : none
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
opacity : .75
}
button.close {
padding : 0;
background-color : transparent;
border : 0
}
a.close.disabled {
pointer-events : none
}
.toast {
flex-basis : 350px;
max-width : 350px;
font-size : .875rem;
background-color : hsla(0,0%,100%,.85);
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.1);
box-shadow : 0 .25rem .75rem rgba(0,0,0,.1);
opacity : 0;
border-radius : .25rem
}
.toast:not(:last-child) {
margin-bottom : .75rem
}
.toast.showing {
opacity : 1
}
.toast.show {
display : block;
opacity : 1
}
.toast.hide {
display : none
}
.toast-header {
display : flex;
align-items : center;
padding : .25rem .75rem;
color : #6c757d;
background-color : hsla(0,0%,100%,.85);
background-clip : padding-box;
border-bottom : 1px solid rgba(0,0,0,.05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
padding : .75rem
}
.modal-open {
overflow : hidden
}
.modal-open .modal {
overflow-x : hidden;
overflow-y : auto
}
.modal {
position : fixed;
top : 0;
left : 0;
z-index : 1050;
display : none;
width : 100%;
height : 100%;
overflow : hidden;
outline : 0
}
.modal-dialog {
position : relative;
width : auto;
margin : .5rem;
pointer-events : none
}
.modal.fade .modal-dialog {
transition : transform .3s ease-out;
transform : translateY(-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition : none
}
}
.modal.show .modal-dialog {
transform : none
}
.modal.modal-static .modal-dialog {
transform : scale(1.02)
}
.modal-dialog-scrollable {
display : flex;
max-height : calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height : calc(100vh - 1rem);
overflow : hidden
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
flex-shrink : 0
}
.modal-dialog-scrollable .modal-body {
overflow-y : auto
}
.modal-dialog-centered {
display : flex;
align-items : center;
min-height : calc(100% - 1rem)
}
.modal-dialog-centered:before {
display : block;
height : calc(100vh - 1rem);
height : -webkit-min-content;
height : -moz-min-content;
height : min-content;
content : ""
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction : column;
justify-content : center;
height : 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height : none
}
.modal-dialog-centered.modal-dialog-scrollable:before {
content : none
}
.modal-content {
position : relative;
display : flex;
flex-direction : column;
width : 100%;
pointer-events : auto;
background-color : #fff;
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.2);
border-radius : .3rem;
outline : 0
}
.modal-backdrop {
position : fixed;
top : 0;
left : 0;
z-index : 1040;
width : 100vw;
height : 100vh;
background-color : #000
}
.modal-backdrop.fade {
opacity : 0
}
.modal-backdrop.show {
opacity : .5
}
.modal-header {
display : flex;
align-items : flex-start;
justify-content : space-between;
padding : 1rem;
border-bottom : 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding : 1rem;
margin : -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom : 0;
line-height : 1.5
}
.modal-body {
position : relative;
flex : 1 1 auto;
padding : 1rem
}
.modal-footer {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : flex-end;
padding : .75rem;
border-top : 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin : .25rem
}
.modal-scrollbar-measure {
position : absolute;
top : -9999px;
width : 50px;
height : 50px;
overflow : scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width : 500px;
margin : 1.75rem auto
}
.modal-dialog-scrollable {
max-height : calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height : calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height : calc(100% - 3.5rem)
}
.modal-dialog-centered:before {
height : calc(100vh - 3.5rem);
height : -webkit-min-content;
height : -moz-min-content;
height : min-content
}
.modal-sm {
max-width : 300px
}
}
@media (min-width:992px) {
.modal-lg,.modal-xl {
max-width : 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width : 1140px
}
}
[dir=ltr]
.tooltip {
text-align : left
}
[dir=rtl]
.tooltip {
text-align : right
}
.tooltip {
position : absolute;
z-index : 1070;
display : block;
margin : 0;
font-family : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : .875rem;
word-wrap : break-word;
opacity : 0
}
.tooltip.show {
opacity : .9
}
.tooltip .arrow {
position : absolute;
display : block;
width : .8rem;
height : .4rem
}
.tooltip .arrow:before {
position : absolute;
content : "";
border-color : transparent;
border-style : solid
}
.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
padding : .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
bottom : 0
}
.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before {
top : 0;
border-width : .4rem .4rem 0;
border-top-color : #000
}
.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
padding : 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
left : 0;
width : .4rem;
height : .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before {
right : 0;
border-width : .4rem .4rem .4rem 0;
border-right-color : #000
}
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
padding : .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
top : 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before {
bottom : 0;
border-width : 0 .4rem .4rem;
border-bottom-color : #000
}
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
padding : 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
right : 0;
width : .4rem;
height : .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before {
left : 0;
border-width : .4rem 0 .4rem .4rem;
border-left-color : #000
}
.tooltip-inner {
max-width : 200px;
padding : .25rem .5rem;
color : #fff;
text-align : center;
background-color : #000;
border-radius : .25rem
}
[dir=ltr]
.popover {
text-align : left
}
[dir=rtl]
.popover {
text-align : right
}
.popover {
top : 0;
left : 0;
z-index : 1060;
max-width : 276px;
font-family : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : .875rem;
word-wrap : break-word;
background-color : #fff;
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.2);
border-radius : .3rem
}
.popover,.popover .arrow {
position : absolute;
display : block
}
.popover .arrow {
width : 1rem;
height : .5rem;
margin : 0 .3rem
}
.popover .arrow:after,.popover .arrow:before {
position : absolute;
display : block;
content : "";
border-color : transparent;
border-style : solid
}
.bs-popover-auto[x-placement^=top],.bs-popover-top {
margin-bottom : .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow {
bottom : calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before {
bottom : 0;
border-width : .5rem .5rem 0;
border-top-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after {
bottom : 1px;
border-width : .5rem .5rem 0;
border-top-color : #fff
}
.bs-popover-auto[x-placement^=right],.bs-popover-right {
margin-left : .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow {
left : calc(-.5rem - 1px);
width : .5rem;
height : 1rem;
margin : .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before {
left : 0;
border-width : .5rem .5rem .5rem 0;
border-right-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after {
left : 1px;
border-width : .5rem .5rem .5rem 0;
border-right-color : #fff
}
.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
margin-top : .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow {
top : calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before {
top : 0;
border-width : 0 .5rem .5rem;
border-bottom-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after {
top : 1px;
border-width : 0 .5rem .5rem;
border-bottom-color : #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
position : absolute;
top : 0;
left : 50%;
display : block;
width : 1rem;
margin-left : -.5rem;
content : "";
border-bottom : 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],.bs-popover-left {
margin-right : .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow {
right : calc(-.5rem - 1px);
width : .5rem;
height : 1rem;
margin : .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before {
right : 0;
border-width : .5rem 0 .5rem .5rem;
border-left-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after {
right : 1px;
border-width : .5rem 0 .5rem .5rem;
border-left-color : #fff
}
.popover-header {
padding : .5rem .75rem;
margin-bottom : 0;
font-size : 1rem;
background-color : #f7f7f7;
border-bottom : 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display : none
}
.popover-body {
padding : .5rem .75rem;
color : #212529
}
.carousel {
position : relative
}
.carousel.pointer-event {
touch-action : pan-y
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden
}
.carousel-inner:after {
display : block;
clear : both;
content : ""
}
.carousel-item {
position : relative;
display : none;
float : left;
width : 100%;
margin-right : -100%;
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
transition : transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition : none
}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
display : block
}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
transform : translateX(100%)
}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
transform : translateX(-100%)
}
.carousel-fade .carousel-item {
opacity : 0;
transition-property : opacity;
transform : none
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
z-index : 1;
opacity : 1
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
z-index : 0;
opacity : 0;
transition : opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
transition : none
}
}
.carousel-control-next,.carousel-control-prev {
position : absolute;
top : 0;
bottom : 0;
z-index : 1;
display : flex;
align-items : center;
justify-content : center;
width : 15%;
color : #fff;
text-align : center;
opacity : .5;
transition : opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,.carousel-control-prev {
transition : none
}
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
color : #fff;
text-decoration : none;
outline : 0;
opacity : .9
}
.carousel-control-prev {
left : 0
}
.carousel-control-next {
right : 0
}
.carousel-control-next-icon,.carousel-control-prev-icon {
display : inline-block;
width : 20px;
height : 20px;
background : 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
position : absolute;
right : 0;
bottom : 0;
left : 0;
z-index : 15;
display : flex;
justify-content : center;
padding-left : 0;
margin-right : 15%;
margin-left : 15%;
list-style : none
}
.carousel-indicators li {
box-sizing : content-box;
flex : 0 1 auto;
width : 30px;
height : 3px;
margin-right : 3px;
margin-left : 3px;
text-indent : -999px;
cursor : pointer;
background-color : #fff;
background-clip : padding-box;
border-top : 10px solid transparent;
border-bottom : 10px solid transparent;
opacity : .5;
transition : opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition : none
}
}
.carousel-indicators .active {
opacity : 1
}
.carousel-caption {
position : absolute;
right : 15%;
bottom : 20px;
left : 15%;
z-index : 10;
padding-top : 20px;
padding-bottom : 20px;
color : #fff;
text-align : center
}
@-webkit-keyframes spinner-border {
to {
transform : rotate(1turn)
}
}
@keyframes spinner-border {
to {
transform : rotate(1turn)
}
}
.spinner-border {
display : inline-block;
width : 2rem;
height : 2rem;
vertical-align : text-bottom;
border : .25em solid;
border-right : .25em solid transparent;
border-radius : 50%;
-webkit-animation : spinner-border .75s linear infinite;
animation : spinner-border .75s linear infinite
}
.spinner-border-sm {
width : 1rem;
height : 1rem;
border-width : .2em
}
@-webkit-keyframes spinner-grow {
0%
{transform:scale(0)}
50%
{opacity:1;transform:none}
}
@keyframes spinner-grow {
0%
{transform:scale(0)}
50%
{opacity:1;transform:none}
}
.spinner-grow {
display : inline-block;
width : 2rem;
height : 2rem;
vertical-align : text-bottom;
background-color : currentColor;
border-radius : 50%;
opacity : 0;
-webkit-animation : spinner-grow .75s linear infinite;
animation : spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width : 1rem;
height : 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration : 1.5s
}
}
.align-baseline {
vertical-align : baseline!important
}
.align-top {
vertical-align : top!important
}
.align-middle {
vertical-align : middle!important
}
.align-bottom {
vertical-align : bottom!important
}
.align-text-bottom {
vertical-align : text-bottom!important
}
.align-text-top {
vertical-align : text-top!important
}
.bg-primary {
background-color : #007bff!important
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
background-color : #0062cc!important
}
.bg-secondary {
background-color : #6c757d!important
}
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
background-color : #545b62!important
}
.bg-success {
background-color : #28a745!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
background-color : #1e7e34!important
}
.bg-info {
background-color : #17a2b8!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
background-color : #117a8b!important
}
.bg-warning {
background-color : #ffc107!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
background-color : #d39e00!important
}
.bg-danger {
background-color : #dc3545!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
background-color : #bd2130!important
}
.bg-light {
background-color : #f8f9fa!important
}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
background-color : #dae0e5!important
}
.bg-dark {
background-color : #343a40!important
}
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
background-color : #1d2124!important
}
.bg-white {
background-color : #fff!important
}
.bg-transparent {
background-color : transparent!important
}
.border {
border : 1px solid #dee2e6!important
}
.border-top {
border-top : 1px solid #dee2e6!important
}
.border-right {
border-right : 1px solid #dee2e6!important
}
.border-bottom {
border-bottom : 1px solid #dee2e6!important
}
.border-left {
border-left : 1px solid #dee2e6!important
}
.border-0 {
border : 0!important
}
.border-top-0 {
border-top : 0!important
}
.border-right-0 {
border-right : 0!important
}
.border-bottom-0 {
border-bottom : 0!important
}
.border-left-0 {
border-left : 0!important
}
.border-primary {
border-color : #007bff!important
}
.border-secondary {
border-color : #6c757d!important
}
.border-success {
border-color : #28a745!important
}
.border-info {
border-color : #17a2b8!important
}
.border-warning {
border-color : #ffc107!important
}
.border-danger {
border-color : #dc3545!important
}
.border-light {
border-color : #f8f9fa!important
}
.border-dark {
border-color : #343a40!important
}
.border-white {
border-color : #fff!important
}
.rounded-sm {
border-radius : .2rem!important
}
.rounded {
border-radius : .25rem!important
}
.rounded-top {
border-top-left-radius: .25rem!important
}
.rounded-right,.rounded-top {
border-top-right-radius: .25rem!important
}
.rounded-bottom,.rounded-right {
border-bottom-right-radius: .25rem!important
}
.rounded-bottom,.rounded-left {
border-bottom-left-radius: .25rem!important
}
.rounded-left {
border-top-left-radius: .25rem!important
}
.rounded-lg {
border-radius : .3rem!important
}
.rounded-circle {
border-radius : 50%!important
}
.rounded-pill {
border-radius : 50rem!important
}
.rounded-0 {
border-radius : 0!important
}
.clearfix:after {
display : block;
clear : both;
content : ""
}
.d-none {
display : none!important
}
.d-inline {
display : inline!important
}
.d-inline-block {
display : inline-block!important
}
.d-block {
display : block!important
}
.d-table {
display : table!important
}
.d-table-row {
display : table-row!important
}
.d-table-cell {
display : table-cell!important
}
.d-flex {
display : flex!important
}
.d-inline-flex {
display : inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display : none!important
}
.d-sm-inline {
display : inline!important
}
.d-sm-inline-block {
display : inline-block!important
}
.d-sm-block {
display : block!important
}
.d-sm-table {
display : table!important
}
.d-sm-table-row {
display : table-row!important
}
.d-sm-table-cell {
display : table-cell!important
}
.d-sm-flex {
display : flex!important
}
.d-sm-inline-flex {
display : inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
display : none!important
}
.d-md-inline {
display : inline!important
}
.d-md-inline-block {
display : inline-block!important
}
.d-md-block {
display : block!important
}
.d-md-table {
display : table!important
}
.d-md-table-row {
display : table-row!important
}
.d-md-table-cell {
display : table-cell!important
}
.d-md-flex {
display : flex!important
}
.d-md-inline-flex {
display : inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display : none!important
}
.d-lg-inline {
display : inline!important
}
.d-lg-inline-block {
display : inline-block!important
}
.d-lg-block {
display : block!important
}
.d-lg-table {
display : table!important
}
.d-lg-table-row {
display : table-row!important
}
.d-lg-table-cell {
display : table-cell!important
}
.d-lg-flex {
display : flex!important
}
.d-lg-inline-flex {
display : inline-flex!important
}
}
@media (min-width: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-row {
display : table-row!important
}
.d-xl-table-cell {
display : table-cell!important
}
.d-xl-flex {
display : flex!important
}
.d-xl-inline-flex {
display : inline-flex!important
}
}
@media print {
.d-print-none {
display : none!important
}
.d-print-inline {
display : inline!important
}
.d-print-inline-block {
display : inline-block!important
}
.d-print-block {
display : block!important
}
.d-print-table {
display : table!important
}
.d-print-table-row {
display : table-row!important
}
.d-print-table-cell {
display : table-cell!important
}
.d-print-flex {
display : flex!important
}
.d-print-inline-flex {
display : inline-flex!important
}
}
.embed-responsive {
position : relative;
display : block;
width : 100%;
padding : 0;
overflow : hidden
}
.embed-responsive:before {
display : block;
content : ""
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 100%;
height : 100%;
border : 0
}
.embed-responsive-21by9:before {
padding-top : 42.857143%
}
.embed-responsive-16by9:before {
padding-top : 56.25%
}
.embed-responsive-4by3:before {
padding-top : 75%
}
.embed-responsive-1by1:before {
padding-top : 100%
}
.flex-row {
flex-direction : row!important
}
.flex-column {
flex-direction : column!important
}
.flex-row-reverse {
flex-direction : row-reverse!important
}
.flex-column-reverse {
flex-direction : column-reverse!important
}
.flex-wrap {
flex-wrap : wrap!important
}
.flex-nowrap {
flex-wrap : nowrap!important
}
.flex-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-fill {
flex : 1 1 auto!important
}
.flex-grow-0 {
flex-grow : 0!important
}
.flex-grow-1 {
flex-grow : 1!important
}
.flex-shrink-0 {
flex-shrink : 0!important
}
.flex-shrink-1 {
flex-shrink : 1!important
}
.justify-content-start {
justify-content : flex-start!important
}
.justify-content-end {
justify-content : flex-end!important
}
.justify-content-center {
justify-content : center!important
}
.justify-content-between {
justify-content : space-between!important
}
.justify-content-around {
justify-content : space-around!important
}
.align-items-start {
align-items : flex-start!important
}
.align-items-end {
align-items : flex-end!important
}
.align-items-center {
align-items : center!important
}
.align-items-baseline {
align-items : baseline!important
}
.align-items-stretch {
align-items : stretch!important
}
.align-content-start {
align-content : flex-start!important
}
.align-content-end {
align-content : flex-end!important
}
.align-content-center {
align-content : center!important
}
.align-content-between {
align-content : space-between!important
}
.align-content-around {
align-content : space-around!important
}
.align-content-stretch {
align-content : stretch!important
}
.align-self-auto {
align-self : auto!important
}
.align-self-start {
align-self : flex-start!important
}
.align-self-end {
align-self : flex-end!important
}
.align-self-center {
align-self : center!important
}
.align-self-baseline {
align-self : baseline!important
}
.align-self-stretch {
align-self : stretch!important
}
@media (min-width:576px) {
.flex-sm-row {
flex-direction : row!important
}
.flex-sm-column {
flex-direction : column!important
}
.flex-sm-row-reverse {
flex-direction : row-reverse!important
}
.flex-sm-column-reverse {
flex-direction : column-reverse!important
}
.flex-sm-wrap {
flex-wrap : wrap!important
}
.flex-sm-nowrap {
flex-wrap : nowrap!important
}
.flex-sm-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-sm-fill {
flex : 1 1 auto!important
}
.flex-sm-grow-0 {
flex-grow : 0!important
}
.flex-sm-grow-1 {
flex-grow : 1!important
}
.flex-sm-shrink-0 {
flex-shrink : 0!important
}
.flex-sm-shrink-1 {
flex-shrink : 1!important
}
.justify-content-sm-start {
justify-content : flex-start!important
}
.justify-content-sm-end {
justify-content : flex-end!important
}
.justify-content-sm-center {
justify-content : center!important
}
.justify-content-sm-between {
justify-content : space-between!important
}
.justify-content-sm-around {
justify-content : space-around!important
}
.align-items-sm-start {
align-items : flex-start!important
}
.align-items-sm-end {
align-items : flex-end!important
}
.align-items-sm-center {
align-items : center!important
}
.align-items-sm-baseline {
align-items : baseline!important
}
.align-items-sm-stretch {
align-items : stretch!important
}
.align-content-sm-start {
align-content : flex-start!important
}
.align-content-sm-end {
align-content : flex-end!important
}
.align-content-sm-center {
align-content : center!important
}
.align-content-sm-between {
align-content : space-between!important
}
.align-content-sm-around {
align-content : space-around!important
}
.align-content-sm-stretch {
align-content : stretch!important
}
.align-self-sm-auto {
align-self : auto!important
}
.align-self-sm-start {
align-self : flex-start!important
}
.align-self-sm-end {
align-self : flex-end!important
}
.align-self-sm-center {
align-self : center!important
}
.align-self-sm-baseline {
align-self : baseline!important
}
.align-self-sm-stretch {
align-self : stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction : row!important
}
.flex-md-column {
flex-direction : column!important
}
.flex-md-row-reverse {
flex-direction : row-reverse!important
}
.flex-md-column-reverse {
flex-direction : column-reverse!important
}
.flex-md-wrap {
flex-wrap : wrap!important
}
.flex-md-nowrap {
flex-wrap : nowrap!important
}
.flex-md-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-md-fill {
flex : 1 1 auto!important
}
.flex-md-grow-0 {
flex-grow : 0!important
}
.flex-md-grow-1 {
flex-grow : 1!important
}
.flex-md-shrink-0 {
flex-shrink : 0!important
}
.flex-md-shrink-1 {
flex-shrink : 1!important
}
.justify-content-md-start {
justify-content : flex-start!important
}
.justify-content-md-end {
justify-content : flex-end!important
}
.justify-content-md-center {
justify-content : center!important
}
.justify-content-md-between {
justify-content : space-between!important
}
.justify-content-md-around {
justify-content : space-around!important
}
.align-items-md-start {
align-items : flex-start!important
}
.align-items-md-end {
align-items : flex-end!important
}
.align-items-md-center {
align-items : center!important
}
.align-items-md-baseline {
align-items : baseline!important
}
.align-items-md-stretch {
align-items : stretch!important
}
.align-content-md-start {
align-content : flex-start!important
}
.align-content-md-end {
align-content : flex-end!important
}
.align-content-md-center {
align-content : center!important
}
.align-content-md-between {
align-content : space-between!important
}
.align-content-md-around {
align-content : space-around!important
}
.align-content-md-stretch {
align-content : stretch!important
}
.align-self-md-auto {
align-self : auto!important
}
.align-self-md-start {
align-self : flex-start!important
}
.align-self-md-end {
align-self : flex-end!important
}
.align-self-md-center {
align-self : center!important
}
.align-self-md-baseline {
align-self : baseline!important
}
.align-self-md-stretch {
align-self : stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
flex-direction : row!important
}
.flex-lg-column {
flex-direction : column!important
}
.flex-lg-row-reverse {
flex-direction : row-reverse!important
}
.flex-lg-column-reverse {
flex-direction : column-reverse!important
}
.flex-lg-wrap {
flex-wrap : wrap!important
}
.flex-lg-nowrap {
flex-wrap : nowrap!important
}
.flex-lg-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-lg-fill {
flex : 1 1 auto!important
}
.flex-lg-grow-0 {
flex-grow : 0!important
}
.flex-lg-grow-1 {
flex-grow : 1!important
}
.flex-lg-shrink-0 {
flex-shrink : 0!important
}
.flex-lg-shrink-1 {
flex-shrink : 1!important
}
.justify-content-lg-start {
justify-content : flex-start!important
}
.justify-content-lg-end {
justify-content : flex-end!important
}
.justify-content-lg-center {
justify-content : center!important
}
.justify-content-lg-between {
justify-content : space-between!important
}
.justify-content-lg-around {
justify-content : space-around!important
}
.align-items-lg-start {
align-items : flex-start!important
}
.align-items-lg-end {
align-items : flex-end!important
}
.align-items-lg-center {
align-items : center!important
}
.align-items-lg-baseline {
align-items : baseline!important
}
.align-items-lg-stretch {
align-items : stretch!important
}
.align-content-lg-start {
align-content : flex-start!important
}
.align-content-lg-end {
align-content : flex-end!important
}
.align-content-lg-center {
align-content : center!important
}
.align-content-lg-between {
align-content : space-between!important
}
.align-content-lg-around {
align-content : space-around!important
}
.align-content-lg-stretch {
align-content : stretch!important
}
.align-self-lg-auto {
align-self : auto!important
}
.align-self-lg-start {
align-self : flex-start!important
}
.align-self-lg-end {
align-self : flex-end!important
}
.align-self-lg-center {
align-self : center!important
}
.align-self-lg-baseline {
align-self : baseline!important
}
.align-self-lg-stretch {
align-self : stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
flex-direction : row!important
}
.flex-xl-column {
flex-direction : column!important
}
.flex-xl-row-reverse {
flex-direction : row-reverse!important
}
.flex-xl-column-reverse {
flex-direction : column-reverse!important
}
.flex-xl-wrap {
flex-wrap : wrap!important
}
.flex-xl-nowrap {
flex-wrap : nowrap!important
}
.flex-xl-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-xl-fill {
flex : 1 1 auto!important
}
.flex-xl-grow-0 {
flex-grow : 0!important
}
.flex-xl-grow-1 {
flex-grow : 1!important
}
.flex-xl-shrink-0 {
flex-shrink : 0!important
}
.flex-xl-shrink-1 {
flex-shrink : 1!important
}
.justify-content-xl-start {
justify-content : flex-start!important
}
.justify-content-xl-end {
justify-content : flex-end!important
}
.justify-content-xl-center {
justify-content : center!important
}
.justify-content-xl-between {
justify-content : space-between!important
}
.justify-content-xl-around {
justify-content : space-around!important
}
.align-items-xl-start {
align-items : flex-start!important
}
.align-items-xl-end {
align-items : flex-end!important
}
.align-items-xl-center {
align-items : center!important
}
.align-items-xl-baseline {
align-items : baseline!important
}
.align-items-xl-stretch {
align-items : stretch!important
}
.align-content-xl-start {
align-content : flex-start!important
}
.align-content-xl-end {
align-content : flex-end!important
}
.align-content-xl-center {
align-content : center!important
}
.align-content-xl-between {
align-content : space-between!important
}
.align-content-xl-around {
align-content : space-around!important
}
.align-content-xl-stretch {
align-content : stretch!important
}
.align-self-xl-auto {
align-self : auto!important
}
.align-self-xl-start {
align-self : flex-start!important
}
.align-self-xl-end {
align-self : flex-end!important
}
.align-self-xl-center {
align-self : center!important
}
.align-self-xl-baseline {
align-self : baseline!important
}
.align-self-xl-stretch {
align-self : stretch!important
}
}
.float-left {
float : left!important
}
.float-right {
float : right!important
}
.float-none {
float : none!important
}
@media (min-width:576px) {
.float-sm-left {
float : left!important
}
.float-sm-right {
float : right!important
}
.float-sm-none {
float : none!important
}
}
@media (min-width:768px) {
.float-md-left {
float : left!important
}
.float-md-right {
float : right!important
}
.float-md-none {
float : none!important
}
}
@media (min-width:992px) {
.float-lg-left {
float : left!important
}
.float-lg-right {
float : right!important
}
.float-lg-none {
float : none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
float : left!important
}
.float-xl-right {
float : right!important
}
.float-xl-none {
float : none!important
}
}
.user-select-all {
-webkit-user-select : all!important;
-moz-user-select : all!important;
-ms-user-select : all!important;
user-select : all!important
}
.user-select-auto {
-webkit-user-select : auto!important;
-moz-user-select : auto!important;
-ms-user-select : auto!important;
user-select : auto!important
}
.user-select-none {
-webkit-user-select : none!important;
-moz-user-select : none!important;
-ms-user-select : none!important;
user-select : none!important
}
.overflow-auto {
overflow : auto!important
}
.overflow-hidden {
overflow : hidden!important
}
.position-static {
position : static!important
}
.position-relative {
position : relative!important
}
.position-absolute {
position : absolute!important
}
.position-fixed {
position : fixed!important
}
.position-sticky {
position : sticky!important
}
.fixed-top {
top : 0
}
.fixed-bottom,.fixed-top {
position : fixed;
right : 0;
left : 0;
z-index : 1030
}
.fixed-bottom {
bottom : 0
}
@supports (position:sticky) {
.sticky-top {
position : sticky;
top : 0;
z-index : 1020
}
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
white-space : nowrap;
border : 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
overflow : visible;
clip : auto;
white-space : normal
}
.shadow-sm {
box-shadow : 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow : 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg {
box-shadow : 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
box-shadow : none!important
}
.w-25 {
width : 25%!important
}
.w-50 {
width : 50%!important
}
.w-75 {
width : 75%!important
}
.w-100 {
width : 100%!important
}
.w-auto {
width : auto!important
}
.h-25 {
height : 25%!important
}
.h-50 {
height : 50%!important
}
.h-75 {
height : 75%!important
}
.h-100 {
height : 100%!important
}
.h-auto {
height : auto!important
}
.mw-100 {
max-width : 100%!important
}
.mh-100 {
max-height : 100%!important
}
.min-vw-100 {
min-width : 100vw!important
}
.min-vh-100 {
min-height : 100vh!important
}
.vw-100 {
width : 100vw!important
}
.vh-100 {
height : 100vh!important
}
.m-0 {
margin : 0!important
}
.mt-0,.my-0 {
margin-top : 0!important
}
.mr-0,.mx-0 {
margin-right : 0!important
}
.mb-0,.my-0 {
margin-bottom : 0!important
}
.ml-0,.mx-0 {
margin-left : 0!important
}
.m-1 {
margin : .25rem!important
}
.mt-1,.my-1 {
margin-top : .25rem!important
}
.mr-1,.mx-1 {
margin-right : .25rem!important
}
.mb-1,.my-1 {
margin-bottom : .25rem!important
}
.ml-1,.mx-1 {
margin-left : .25rem!important
}
.m-2 {
margin : .5rem!important
}
.mt-2,.my-2 {
margin-top : .5rem!important
}
.mr-2,.mx-2 {
margin-right : .5rem!important
}
.mb-2,.my-2 {
margin-bottom : .5rem!important
}
.ml-2,.mx-2 {
margin-left : .5rem!important
}
.m-3 {
margin : 1rem!important
}
.mt-3,.my-3 {
margin-top : 1rem!important
}
.mr-3,.mx-3 {
margin-right : 1rem!important
}
.mb-3,.my-3 {
margin-bottom : 1rem!important
}
.ml-3,.mx-3 {
margin-left : 1rem!important
}
.m-4 {
margin : 1.5rem!important
}
.mt-4,.my-4 {
margin-top : 1.5rem!important
}
.mr-4,.mx-4 {
margin-right : 1.5rem!important
}
.mb-4,.my-4 {
margin-bottom : 1.5rem!important
}
.ml-4,.mx-4 {
margin-left : 1.5rem!important
}
.m-5 {
margin : 3rem!important
}
.mt-5,.my-5 {
margin-top : 3rem!important
}
.mr-5,.mx-5 {
margin-right : 3rem!important
}
.mb-5,.my-5 {
margin-bottom : 3rem!important
}
.ml-5,.mx-5 {
margin-left : 3rem!important
}
.p-0 {
padding : 0!important
}
.pt-0,.py-0 {
padding-top : 0!important
}
.pr-0,.px-0 {
padding-right : 0!important
}
.pb-0,.py-0 {
padding-bottom : 0!important
}
.pl-0,.px-0 {
padding-left : 0!important
}
.p-1 {
padding : .25rem!important
}
.pt-1,.py-1 {
padding-top : .25rem!important
}
.pr-1,.px-1 {
padding-right : .25rem!important
}
.pb-1,.py-1 {
padding-bottom : .25rem!important
}
.pl-1,.px-1 {
padding-left : .25rem!important
}
.p-2 {
padding : .5rem!important
}
.pt-2,.py-2 {
padding-top : .5rem!important
}
.pr-2,.px-2 {
padding-right : .5rem!important
}
.pb-2,.py-2 {
padding-bottom : .5rem!important
}
.pl-2,.px-2 {
padding-left : .5rem!important
}
.p-3 {
padding : 1rem!important
}
.pt-3,.py-3 {
padding-top : 1rem!important
}
.pr-3,.px-3 {
padding-right : 1rem!important
}
.pb-3,.py-3 {
padding-bottom : 1rem!important
}
.pl-3,.px-3 {
padding-left : 1rem!important
}
.p-4 {
padding : 1.5rem!important
}
.pt-4,.py-4 {
padding-top : 1.5rem!important
}
.pr-4,.px-4 {
padding-right : 1.5rem!important
}
.pb-4,.py-4 {
padding-bottom : 1.5rem!important
}
.pl-4,.px-4 {
padding-left : 1.5rem!important
}
.p-5 {
padding : 3rem!important
}
.pt-5,.py-5 {
padding-top : 3rem!important
}
.pr-5,.px-5 {
padding-right : 3rem!important
}
.pb-5,.py-5 {
padding-bottom : 3rem!important
}
.pl-5,.px-5 {
padding-left : 3rem!important
}
.m-n1 {
margin : -.25rem!important
}
.mt-n1,.my-n1 {
margin-top : -.25rem!important
}
.mr-n1,.mx-n1 {
margin-right : -.25rem!important
}
.mb-n1,.my-n1 {
margin-bottom : -.25rem!important
}
.ml-n1,.mx-n1 {
margin-left : -.25rem!important
}
.m-n2 {
margin : -.5rem!important
}
.mt-n2,.my-n2 {
margin-top : -.5rem!important
}
.mr-n2,.mx-n2 {
margin-right : -.5rem!important
}
.mb-n2,.my-n2 {
margin-bottom : -.5rem!important
}
.ml-n2,.mx-n2 {
margin-left : -.5rem!important
}
.m-n3 {
margin : -1rem!important
}
.mt-n3,.my-n3 {
margin-top : -1rem!important
}
.mr-n3,.mx-n3 {
margin-right : -1rem!important
}
.mb-n3,.my-n3 {
margin-bottom : -1rem!important
}
.ml-n3,.mx-n3 {
margin-left : -1rem!important
}
.m-n4 {
margin : -1.5rem!important
}
.mt-n4,.my-n4 {
margin-top : -1.5rem!important
}
.mr-n4,.mx-n4 {
margin-right : -1.5rem!important
}
.mb-n4,.my-n4 {
margin-bottom : -1.5rem!important
}
.ml-n4,.mx-n4 {
margin-left : -1.5rem!important
}
.m-n5 {
margin : -3rem!important
}
.mt-n5,.my-n5 {
margin-top : -3rem!important
}
.mr-n5,.mx-n5 {
margin-right : -3rem!important
}
.mb-n5,.my-n5 {
margin-bottom : -3rem!important
}
.ml-n5,.mx-n5 {
margin-left : -3rem!important
}
.m-auto {
margin : auto!important
}
.mt-auto,.my-auto {
margin-top : auto!important
}
.mr-auto,.mx-auto {
margin-right : auto!important
}
.mb-auto,.my-auto {
margin-bottom : auto!important
}
.ml-auto,.mx-auto {
margin-left : auto!important
}
@media (min-width:576px) {
.m-sm-0 {
margin : 0!important
}
.mt-sm-0,.my-sm-0 {
margin-top : 0!important
}
.mr-sm-0,.mx-sm-0 {
margin-right : 0!important
}
.mb-sm-0,.my-sm-0 {
margin-bottom : 0!important
}
.ml-sm-0,.mx-sm-0 {
margin-left : 0!important
}
.m-sm-1 {
margin : .25rem!important
}
.mt-sm-1,.my-sm-1 {
margin-top : .25rem!important
}
.mr-sm-1,.mx-sm-1 {
margin-right : .25rem!important
}
.mb-sm-1,.my-sm-1 {
margin-bottom : .25rem!important
}
.ml-sm-1,.mx-sm-1 {
margin-left : .25rem!important
}
.m-sm-2 {
margin : .5rem!important
}
.mt-sm-2,.my-sm-2 {
margin-top : .5rem!important
}
.mr-sm-2,.mx-sm-2 {
margin-right : .5rem!important
}
.mb-sm-2,.my-sm-2 {
margin-bottom : .5rem!important
}
.ml-sm-2,.mx-sm-2 {
margin-left : .5rem!important
}
.m-sm-3 {
margin : 1rem!important
}
.mt-sm-3,.my-sm-3 {
margin-top : 1rem!important
}
.mr-sm-3,.mx-sm-3 {
margin-right : 1rem!important
}
.mb-sm-3,.my-sm-3 {
margin-bottom : 1rem!important
}
.ml-sm-3,.mx-sm-3 {
margin-left : 1rem!important
}
.m-sm-4 {
margin : 1.5rem!important
}
.mt-sm-4,.my-sm-4 {
margin-top : 1.5rem!important
}
.mr-sm-4,.mx-sm-4 {
margin-right : 1.5rem!important
}
.mb-sm-4,.my-sm-4 {
margin-bottom : 1.5rem!important
}
.ml-sm-4,.mx-sm-4 {
margin-left : 1.5rem!important
}
.m-sm-5 {
margin : 3rem!important
}
.mt-sm-5,.my-sm-5 {
margin-top : 3rem!important
}
.mr-sm-5,.mx-sm-5 {
margin-right : 3rem!important
}
.mb-sm-5,.my-sm-5 {
margin-bottom : 3rem!important
}
.ml-sm-5,.mx-sm-5 {
margin-left : 3rem!important
}
.p-sm-0 {
padding : 0!important
}
.pt-sm-0,.py-sm-0 {
padding-top : 0!important
}
.pr-sm-0,.px-sm-0 {
padding-right : 0!important
}
.pb-sm-0,.py-sm-0 {
padding-bottom : 0!important
}
.pl-sm-0,.px-sm-0 {
padding-left : 0!important
}
.p-sm-1 {
padding : .25rem!important
}
.pt-sm-1,.py-sm-1 {
padding-top : .25rem!important
}
.pr-sm-1,.px-sm-1 {
padding-right : .25rem!important
}
.pb-sm-1,.py-sm-1 {
padding-bottom : .25rem!important
}
.pl-sm-1,.px-sm-1 {
padding-left : .25rem!important
}
.p-sm-2 {
padding : .5rem!important
}
.pt-sm-2,.py-sm-2 {
padding-top : .5rem!important
}
.pr-sm-2,.px-sm-2 {
padding-right : .5rem!important
}
.pb-sm-2,.py-sm-2 {
padding-bottom : .5rem!important
}
.pl-sm-2,.px-sm-2 {
padding-left : .5rem!important
}
.p-sm-3 {
padding : 1rem!important
}
.pt-sm-3,.py-sm-3 {
padding-top : 1rem!important
}
.pr-sm-3,.px-sm-3 {
padding-right : 1rem!important
}
.pb-sm-3,.py-sm-3 {
padding-bottom : 1rem!important
}
.pl-sm-3,.px-sm-3 {
padding-left : 1rem!important
}
.p-sm-4 {
padding : 1.5rem!important
}
.pt-sm-4,.py-sm-4 {
padding-top : 1.5rem!important
}
.pr-sm-4,.px-sm-4 {
padding-right : 1.5rem!important
}
.pb-sm-4,.py-sm-4 {
padding-bottom : 1.5rem!important
}
.pl-sm-4,.px-sm-4 {
padding-left : 1.5rem!important
}
.p-sm-5 {
padding : 3rem!important
}
.pt-sm-5,.py-sm-5 {
padding-top : 3rem!important
}
.pr-sm-5,.px-sm-5 {
padding-right : 3rem!important
}
.pb-sm-5,.py-sm-5 {
padding-bottom : 3rem!important
}
.pl-sm-5,.px-sm-5 {
padding-left : 3rem!important
}
.m-sm-n1 {
margin : -.25rem!important
}
.mt-sm-n1,.my-sm-n1 {
margin-top : -.25rem!important
}
.mr-sm-n1,.mx-sm-n1 {
margin-right : -.25rem!important
}
.mb-sm-n1,.my-sm-n1 {
margin-bottom : -.25rem!important
}
.ml-sm-n1,.mx-sm-n1 {
margin-left : -.25rem!important
}
.m-sm-n2 {
margin : -.5rem!important
}
.mt-sm-n2,.my-sm-n2 {
margin-top : -.5rem!important
}
.mr-sm-n2,.mx-sm-n2 {
margin-right : -.5rem!important
}
.mb-sm-n2,.my-sm-n2 {
margin-bottom : -.5rem!important
}
.ml-sm-n2,.mx-sm-n2 {
margin-left : -.5rem!important
}
.m-sm-n3 {
margin : -1rem!important
}
.mt-sm-n3,.my-sm-n3 {
margin-top : -1rem!important
}
.mr-sm-n3,.mx-sm-n3 {
margin-right : -1rem!important
}
.mb-sm-n3,.my-sm-n3 {
margin-bottom : -1rem!important
}
.ml-sm-n3,.mx-sm-n3 {
margin-left : -1rem!important
}
.m-sm-n4 {
margin : -1.5rem!important
}
.mt-sm-n4,.my-sm-n4 {
margin-top : -1.5rem!important
}
.mr-sm-n4,.mx-sm-n4 {
margin-right : -1.5rem!important
}
.mb-sm-n4,.my-sm-n4 {
margin-bottom : -1.5rem!important
}
.ml-sm-n4,.mx-sm-n4 {
margin-left : -1.5rem!important
}
.m-sm-n5 {
margin : -3rem!important
}
.mt-sm-n5,.my-sm-n5 {
margin-top : -3rem!important
}
.mr-sm-n5,.mx-sm-n5 {
margin-right : -3rem!important
}
.mb-sm-n5,.my-sm-n5 {
margin-bottom : -3rem!important
}
.ml-sm-n5,.mx-sm-n5 {
margin-left : -3rem!important
}
.m-sm-auto {
margin : auto!important
}
.mt-sm-auto,.my-sm-auto {
margin-top : auto!important
}
.mr-sm-auto,.mx-sm-auto {
margin-right : auto!important
}
.mb-sm-auto,.my-sm-auto {
margin-bottom : auto!important
}
.ml-sm-auto,.mx-sm-auto {
margin-left : auto!important
}
}
@media (min-width:768px) {
.m-md-0 {
margin : 0!important
}
.mt-md-0,.my-md-0 {
margin-top : 0!important
}
.mr-md-0,.mx-md-0 {
margin-right : 0!important
}
.mb-md-0,.my-md-0 {
margin-bottom : 0!important
}
.ml-md-0,.mx-md-0 {
margin-left : 0!important
}
.m-md-1 {
margin : .25rem!important
}
.mt-md-1,.my-md-1 {
margin-top : .25rem!important
}
.mr-md-1,.mx-md-1 {
margin-right : .25rem!important
}
.mb-md-1,.my-md-1 {
margin-bottom : .25rem!important
}
.ml-md-1,.mx-md-1 {
margin-left : .25rem!important
}
.m-md-2 {
margin : .5rem!important
}
.mt-md-2,.my-md-2 {
margin-top : .5rem!important
}
.mr-md-2,.mx-md-2 {
margin-right : .5rem!important
}
.mb-md-2,.my-md-2 {
margin-bottom : .5rem!important
}
.ml-md-2,.mx-md-2 {
margin-left : .5rem!important
}
.m-md-3 {
margin : 1rem!important
}
.mt-md-3,.my-md-3 {
margin-top : 1rem!important
}
.mr-md-3,.mx-md-3 {
margin-right : 1rem!important
}
.mb-md-3,.my-md-3 {
margin-bottom : 1rem!important
}
.ml-md-3,.mx-md-3 {
margin-left : 1rem!important
}
.m-md-4 {
margin : 1.5rem!important
}
.mt-md-4,.my-md-4 {
margin-top : 1.5rem!important
}
.mr-md-4,.mx-md-4 {
margin-right : 1.5rem!important
}
.mb-md-4,.my-md-4 {
margin-bottom : 1.5rem!important
}
.ml-md-4,.mx-md-4 {
margin-left : 1.5rem!important
}
.m-md-5 {
margin : 3rem!important
}
.mt-md-5,.my-md-5 {
margin-top : 3rem!important
}
.mr-md-5,.mx-md-5 {
margin-right : 3rem!important
}
.mb-md-5,.my-md-5 {
margin-bottom : 3rem!important
}
.ml-md-5,.mx-md-5 {
margin-left : 3rem!important
}
.p-md-0 {
padding : 0!important
}
.pt-md-0,.py-md-0 {
padding-top : 0!important
}
.pr-md-0,.px-md-0 {
padding-right : 0!important
}
.pb-md-0,.py-md-0 {
padding-bottom : 0!important
}
.pl-md-0,.px-md-0 {
padding-left : 0!important
}
.p-md-1 {
padding : .25rem!important
}
.pt-md-1,.py-md-1 {
padding-top : .25rem!important
}
.pr-md-1,.px-md-1 {
padding-right : .25rem!important
}
.pb-md-1,.py-md-1 {
padding-bottom : .25rem!important
}
.pl-md-1,.px-md-1 {
padding-left : .25rem!important
}
.p-md-2 {
padding : .5rem!important
}
.pt-md-2,.py-md-2 {
padding-top : .5rem!important
}
.pr-md-2,.px-md-2 {
padding-right : .5rem!important
}
.pb-md-2,.py-md-2 {
padding-bottom : .5rem!important
}
.pl-md-2,.px-md-2 {
padding-left : .5rem!important
}
.p-md-3 {
padding : 1rem!important
}
.pt-md-3,.py-md-3 {
padding-top : 1rem!important
}
.pr-md-3,.px-md-3 {
padding-right : 1rem!important
}
.pb-md-3,.py-md-3 {
padding-bottom : 1rem!important
}
.pl-md-3,.px-md-3 {
padding-left : 1rem!important
}
.p-md-4 {
padding : 1.5rem!important
}
.pt-md-4,.py-md-4 {
padding-top : 1.5rem!important
}
.pr-md-4,.px-md-4 {
padding-right : 1.5rem!important
}
.pb-md-4,.py-md-4 {
padding-bottom : 1.5rem!important
}
.pl-md-4,.px-md-4 {
padding-left : 1.5rem!important
}
.p-md-5 {
padding : 3rem!important
}
.pt-md-5,.py-md-5 {
padding-top : 3rem!important
}
.pr-md-5,.px-md-5 {
padding-right : 3rem!important
}
.pb-md-5,.py-md-5 {
padding-bottom : 3rem!important
}
.pl-md-5,.px-md-5 {
padding-left : 3rem!important
}
.m-md-n1 {
margin : -.25rem!important
}
.mt-md-n1,.my-md-n1 {
margin-top : -.25rem!important
}
.mr-md-n1,.mx-md-n1 {
margin-right : -.25rem!important
}
.mb-md-n1,.my-md-n1 {
margin-bottom : -.25rem!important
}
.ml-md-n1,.mx-md-n1 {
margin-left : -.25rem!important
}
.m-md-n2 {
margin : -.5rem!important
}
.mt-md-n2,.my-md-n2 {
margin-top : -.5rem!important
}
.mr-md-n2,.mx-md-n2 {
margin-right : -.5rem!important
}
.mb-md-n2,.my-md-n2 {
margin-bottom : -.5rem!important
}
.ml-md-n2,.mx-md-n2 {
margin-left : -.5rem!important
}
.m-md-n3 {
margin : -1rem!important
}
.mt-md-n3,.my-md-n3 {
margin-top : -1rem!important
}
.mr-md-n3,.mx-md-n3 {
margin-right : -1rem!important
}
.mb-md-n3,.my-md-n3 {
margin-bottom : -1rem!important
}
.ml-md-n3,.mx-md-n3 {
margin-left : -1rem!important
}
.m-md-n4 {
margin : -1.5rem!important
}
.mt-md-n4,.my-md-n4 {
margin-top : -1.5rem!important
}
.mr-md-n4,.mx-md-n4 {
margin-right : -1.5rem!important
}
.mb-md-n4,.my-md-n4 {
margin-bottom : -1.5rem!important
}
.ml-md-n4,.mx-md-n4 {
margin-left : -1.5rem!important
}
.m-md-n5 {
margin : -3rem!important
}
.mt-md-n5,.my-md-n5 {
margin-top : -3rem!important
}
.mr-md-n5,.mx-md-n5 {
margin-right : -3rem!important
}
.mb-md-n5,.my-md-n5 {
margin-bottom : -3rem!important
}
.ml-md-n5,.mx-md-n5 {
margin-left : -3rem!important
}
.m-md-auto {
margin : auto!important
}
.mt-md-auto,.my-md-auto {
margin-top : auto!important
}
.mr-md-auto,.mx-md-auto {
margin-right : auto!important
}
.mb-md-auto,.my-md-auto {
margin-bottom : auto!important
}
.ml-md-auto,.mx-md-auto {
margin-left : auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin : 0!important
}
.mt-lg-0,.my-lg-0 {
margin-top : 0!important
}
.mr-lg-0,.mx-lg-0 {
margin-right : 0!important
}
.mb-lg-0,.my-lg-0 {
margin-bottom : 0!important
}
.ml-lg-0,.mx-lg-0 {
margin-left : 0!important
}
.m-lg-1 {
margin : .25rem!important
}
.mt-lg-1,.my-lg-1 {
margin-top : .25rem!important
}
.mr-lg-1,.mx-lg-1 {
margin-right : .25rem!important
}
.mb-lg-1,.my-lg-1 {
margin-bottom : .25rem!important
}
.ml-lg-1,.mx-lg-1 {
margin-left : .25rem!important
}
.m-lg-2 {
margin : .5rem!important
}
.mt-lg-2,.my-lg-2 {
margin-top : .5rem!important
}
.mr-lg-2,.mx-lg-2 {
margin-right : .5rem!important
}
.mb-lg-2,.my-lg-2 {
margin-bottom : .5rem!important
}
.ml-lg-2,.mx-lg-2 {
margin-left : .5rem!important
}
.m-lg-3 {
margin : 1rem!important
}
.mt-lg-3,.my-lg-3 {
margin-top : 1rem!important
}
.mr-lg-3,.mx-lg-3 {
margin-right : 1rem!important
}
.mb-lg-3,.my-lg-3 {
margin-bottom : 1rem!important
}
.ml-lg-3,.mx-lg-3 {
margin-left : 1rem!important
}
.m-lg-4 {
margin : 1.5rem!important
}
.mt-lg-4,.my-lg-4 {
margin-top : 1.5rem!important
}
.mr-lg-4,.mx-lg-4 {
margin-right : 1.5rem!important
}
.mb-lg-4,.my-lg-4 {
margin-bottom : 1.5rem!important
}
.ml-lg-4,.mx-lg-4 {
margin-left : 1.5rem!important
}
.m-lg-5 {
margin : 3rem!important
}
.mt-lg-5,.my-lg-5 {
margin-top : 3rem!important
}
.mr-lg-5,.mx-lg-5 {
margin-right : 3rem!important
}
.mb-lg-5,.my-lg-5 {
margin-bottom : 3rem!important
}
.ml-lg-5,.mx-lg-5 {
margin-left : 3rem!important
}
.p-lg-0 {
padding : 0!important
}
.pt-lg-0,.py-lg-0 {
padding-top : 0!important
}
.pr-lg-0,.px-lg-0 {
padding-right : 0!important
}
.pb-lg-0,.py-lg-0 {
padding-bottom : 0!important
}
.pl-lg-0,.px-lg-0 {
padding-left : 0!important
}
.p-lg-1 {
padding : .25rem!important
}
.pt-lg-1,.py-lg-1 {
padding-top : .25rem!important
}
.pr-lg-1,.px-lg-1 {
padding-right : .25rem!important
}
.pb-lg-1,.py-lg-1 {
padding-bottom : .25rem!important
}
.pl-lg-1,.px-lg-1 {
padding-left : .25rem!important
}
.p-lg-2 {
padding : .5rem!important
}
.pt-lg-2,.py-lg-2 {
padding-top : .5rem!important
}
.pr-lg-2,.px-lg-2 {
padding-right : .5rem!important
}
.pb-lg-2,.py-lg-2 {
padding-bottom : .5rem!important
}
.pl-lg-2,.px-lg-2 {
padding-left : .5rem!important
}
.p-lg-3 {
padding : 1rem!important
}
.pt-lg-3,.py-lg-3 {
padding-top : 1rem!important
}
.pr-lg-3,.px-lg-3 {
padding-right : 1rem!important
}
.pb-lg-3,.py-lg-3 {
padding-bottom : 1rem!important
}
.pl-lg-3,.px-lg-3 {
padding-left : 1rem!important
}
.p-lg-4 {
padding : 1.5rem!important
}
.pt-lg-4,.py-lg-4 {
padding-top : 1.5rem!important
}
.pr-lg-4,.px-lg-4 {
padding-right : 1.5rem!important
}
.pb-lg-4,.py-lg-4 {
padding-bottom : 1.5rem!important
}
.pl-lg-4,.px-lg-4 {
padding-left : 1.5rem!important
}
.p-lg-5 {
padding : 3rem!important
}
.pt-lg-5,.py-lg-5 {
padding-top : 3rem!important
}
.pr-lg-5,.px-lg-5 {
padding-right : 3rem!important
}
.pb-lg-5,.py-lg-5 {
padding-bottom : 3rem!important
}
.pl-lg-5,.px-lg-5 {
padding-left : 3rem!important
}
.m-lg-n1 {
margin : -.25rem!important
}
.mt-lg-n1,.my-lg-n1 {
margin-top : -.25rem!important
}
.mr-lg-n1,.mx-lg-n1 {
margin-right : -.25rem!important
}
.mb-lg-n1,.my-lg-n1 {
margin-bottom : -.25rem!important
}
.ml-lg-n1,.mx-lg-n1 {
margin-left : -.25rem!important
}
.m-lg-n2 {
margin : -.5rem!important
}
.mt-lg-n2,.my-lg-n2 {
margin-top : -.5rem!important
}
.mr-lg-n2,.mx-lg-n2 {
margin-right : -.5rem!important
}
.mb-lg-n2,.my-lg-n2 {
margin-bottom : -.5rem!important
}
.ml-lg-n2,.mx-lg-n2 {
margin-left : -.5rem!important
}
.m-lg-n3 {
margin : -1rem!important
}
.mt-lg-n3,.my-lg-n3 {
margin-top : -1rem!important
}
.mr-lg-n3,.mx-lg-n3 {
margin-right : -1rem!important
}
.mb-lg-n3,.my-lg-n3 {
margin-bottom : -1rem!important
}
.ml-lg-n3,.mx-lg-n3 {
margin-left : -1rem!important
}
.m-lg-n4 {
margin : -1.5rem!important
}
.mt-lg-n4,.my-lg-n4 {
margin-top : -1.5rem!important
}
.mr-lg-n4,.mx-lg-n4 {
margin-right : -1.5rem!important
}
.mb-lg-n4,.my-lg-n4 {
margin-bottom : -1.5rem!important
}
.ml-lg-n4,.mx-lg-n4 {
margin-left : -1.5rem!important
}
.m-lg-n5 {
margin : -3rem!important
}
.mt-lg-n5,.my-lg-n5 {
margin-top : -3rem!important
}
.mr-lg-n5,.mx-lg-n5 {
margin-right : -3rem!important
}
.mb-lg-n5,.my-lg-n5 {
margin-bottom : -3rem!important
}
.ml-lg-n5,.mx-lg-n5 {
margin-left : -3rem!important
}
.m-lg-auto {
margin : auto!important
}
.mt-lg-auto,.my-lg-auto {
margin-top : auto!important
}
.mr-lg-auto,.mx-lg-auto {
margin-right : auto!important
}
.mb-lg-auto,.my-lg-auto {
margin-bottom : auto!important
}
.ml-lg-auto,.mx-lg-auto {
margin-left : auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin : 0!important
}
.mt-xl-0,.my-xl-0 {
margin-top : 0!important
}
.mr-xl-0,.mx-xl-0 {
margin-right : 0!important
}
.mb-xl-0,.my-xl-0 {
margin-bottom : 0!important
}
.ml-xl-0,.mx-xl-0 {
margin-left : 0!important
}
.m-xl-1 {
margin : .25rem!important
}
.mt-xl-1,.my-xl-1 {
margin-top : .25rem!important
}
.mr-xl-1,.mx-xl-1 {
margin-right : .25rem!important
}
.mb-xl-1,.my-xl-1 {
margin-bottom : .25rem!important
}
.ml-xl-1,.mx-xl-1 {
margin-left : .25rem!important
}
.m-xl-2 {
margin : .5rem!important
}
.mt-xl-2,.my-xl-2 {
margin-top : .5rem!important
}
.mr-xl-2,.mx-xl-2 {
margin-right : .5rem!important
}
.mb-xl-2,.my-xl-2 {
margin-bottom : .5rem!important
}
.ml-xl-2,.mx-xl-2 {
margin-left : .5rem!important
}
.m-xl-3 {
margin : 1rem!important
}
.mt-xl-3,.my-xl-3 {
margin-top : 1rem!important
}
.mr-xl-3,.mx-xl-3 {
margin-right : 1rem!important
}
.mb-xl-3,.my-xl-3 {
margin-bottom : 1rem!important
}
.ml-xl-3,.mx-xl-3 {
margin-left : 1rem!important
}
.m-xl-4 {
margin : 1.5rem!important
}
.mt-xl-4,.my-xl-4 {
margin-top : 1.5rem!important
}
.mr-xl-4,.mx-xl-4 {
margin-right : 1.5rem!important
}
.mb-xl-4,.my-xl-4 {
margin-bottom : 1.5rem!important
}
.ml-xl-4,.mx-xl-4 {
margin-left : 1.5rem!important
}
.m-xl-5 {
margin : 3rem!important
}
.mt-xl-5,.my-xl-5 {
margin-top : 3rem!important
}
.mr-xl-5,.mx-xl-5 {
margin-right : 3rem!important
}
.mb-xl-5,.my-xl-5 {
margin-bottom : 3rem!important
}
.ml-xl-5,.mx-xl-5 {
margin-left : 3rem!important
}
.p-xl-0 {
padding : 0!important
}
.pt-xl-0,.py-xl-0 {
padding-top : 0!important
}
.pr-xl-0,.px-xl-0 {
padding-right : 0!important
}
.pb-xl-0,.py-xl-0 {
padding-bottom : 0!important
}
.pl-xl-0,.px-xl-0 {
padding-left : 0!important
}
.p-xl-1 {
padding : .25rem!important
}
.pt-xl-1,.py-xl-1 {
padding-top : .25rem!important
}
.pr-xl-1,.px-xl-1 {
padding-right : .25rem!important
}
.pb-xl-1,.py-xl-1 {
padding-bottom : .25rem!important
}
.pl-xl-1,.px-xl-1 {
padding-left : .25rem!important
}
.p-xl-2 {
padding : .5rem!important
}
.pt-xl-2,.py-xl-2 {
padding-top : .5rem!important
}
.pr-xl-2,.px-xl-2 {
padding-right : .5rem!important
}
.pb-xl-2,.py-xl-2 {
padding-bottom : .5rem!important
}
.pl-xl-2,.px-xl-2 {
padding-left : .5rem!important
}
.p-xl-3 {
padding : 1rem!important
}
.pt-xl-3,.py-xl-3 {
padding-top : 1rem!important
}
.pr-xl-3,.px-xl-3 {
padding-right : 1rem!important
}
.pb-xl-3,.py-xl-3 {
padding-bottom : 1rem!important
}
.pl-xl-3,.px-xl-3 {
padding-left : 1rem!important
}
.p-xl-4 {
padding : 1.5rem!important
}
.pt-xl-4,.py-xl-4 {
padding-top : 1.5rem!important
}
.pr-xl-4,.px-xl-4 {
padding-right : 1.5rem!important
}
.pb-xl-4,.py-xl-4 {
padding-bottom : 1.5rem!important
}
.pl-xl-4,.px-xl-4 {
padding-left : 1.5rem!important
}
.p-xl-5 {
padding : 3rem!important
}
.pt-xl-5,.py-xl-5 {
padding-top : 3rem!important
}
.pr-xl-5,.px-xl-5 {
padding-right : 3rem!important
}
.pb-xl-5,.py-xl-5 {
padding-bottom : 3rem!important
}
.pl-xl-5,.px-xl-5 {
padding-left : 3rem!important
}
.m-xl-n1 {
margin : -.25rem!important
}
.mt-xl-n1,.my-xl-n1 {
margin-top : -.25rem!important
}
.mr-xl-n1,.mx-xl-n1 {
margin-right : -.25rem!important
}
.mb-xl-n1,.my-xl-n1 {
margin-bottom : -.25rem!important
}
.ml-xl-n1,.mx-xl-n1 {
margin-left : -.25rem!important
}
.m-xl-n2 {
margin : -.5rem!important
}
.mt-xl-n2,.my-xl-n2 {
margin-top : -.5rem!important
}
.mr-xl-n2,.mx-xl-n2 {
margin-right : -.5rem!important
}
.mb-xl-n2,.my-xl-n2 {
margin-bottom : -.5rem!important
}
.ml-xl-n2,.mx-xl-n2 {
margin-left : -.5rem!important
}
.m-xl-n3 {
margin : -1rem!important
}
.mt-xl-n3,.my-xl-n3 {
margin-top : -1rem!important
}
.mr-xl-n3,.mx-xl-n3 {
margin-right : -1rem!important
}
.mb-xl-n3,.my-xl-n3 {
margin-bottom : -1rem!important
}
.ml-xl-n3,.mx-xl-n3 {
margin-left : -1rem!important
}
.m-xl-n4 {
margin : -1.5rem!important
}
.mt-xl-n4,.my-xl-n4 {
margin-top : -1.5rem!important
}
.mr-xl-n4,.mx-xl-n4 {
margin-right : -1.5rem!important
}
.mb-xl-n4,.my-xl-n4 {
margin-bottom : -1.5rem!important
}
.ml-xl-n4,.mx-xl-n4 {
margin-left : -1.5rem!important
}
.m-xl-n5 {
margin : -3rem!important
}
.mt-xl-n5,.my-xl-n5 {
margin-top : -3rem!important
}
.mr-xl-n5,.mx-xl-n5 {
margin-right : -3rem!important
}
.mb-xl-n5,.my-xl-n5 {
margin-bottom : -3rem!important
}
.ml-xl-n5,.mx-xl-n5 {
margin-left : -3rem!important
}
.m-xl-auto {
margin : auto!important
}
.mt-xl-auto,.my-xl-auto {
margin-top : auto!important
}
.mr-xl-auto,.mx-xl-auto {
margin-right : auto!important
}
.mb-xl-auto,.my-xl-auto {
margin-bottom : auto!important
}
.ml-xl-auto,.mx-xl-auto {
margin-left : auto!important
}
}
.stretched-link:after {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1;
pointer-events : auto;
content : "";
background-color : transparent
}
.text-monospace {
font-family : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}
.text-justify {
text-align : justify!important
}
.text-wrap {
white-space : normal!important
}
.text-nowrap {
white-space : nowrap!important
}
.text-truncate {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap
}
.text-left {
text-align : left!important
}
.text-right {
text-align : right!important
}
.text-center {
text-align : center!important
}
@media (min-width:576px) {
.text-sm-left {
text-align : left!important
}
.text-sm-right {
text-align : right!important
}
.text-sm-center {
text-align : center!important
}
}
@media (min-width:768px) {
.text-md-left {
text-align : left!important
}
.text-md-right {
text-align : right!important
}
.text-md-center {
text-align : center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align : left!important
}
.text-lg-right {
text-align : right!important
}
.text-lg-center {
text-align : center!important
}
}
@media (min-width: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-light {
font-weight : 300!important
}
.font-weight-lighter {
font-weight : lighter!important
}
.font-weight-normal {
font-weight : 400!important
}
.font-weight-bold {
font-weight : 700!important
}
.font-weight-bolder {
font-weight : bolder!important
}
.font-italic {
font-style : italic!important
}
.text-white {
color : #fff!important
}
.text-primary {
color : #007bff!important
}
a.text-primary:focus,a.text-primary:hover {
color : #0056b3!important
}
.text-secondary {
color : #6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover {
color : #494f54!important
}
.text-success {
color : #28a745!important
}
a.text-success:focus,a.text-success:hover {
color : #19692c!important
}
.text-info {
color : #17a2b8!important
}
a.text-info:focus,a.text-info:hover {
color : #0f6674!important
}
.text-warning {
color : #ffc107!important
}
a.text-warning:focus,a.text-warning:hover {
color : #ba8b00!important
}
.text-danger {
color : #dc3545!important
}
a.text-danger:focus,a.text-danger:hover {
color : #a71d2a!important
}
.text-light {
color : #f8f9fa!important
}
a.text-light:focus,a.text-light:hover {
color : #cbd3da!important
}
.text-dark {
color : #343a40!important
}
a.text-dark:focus,a.text-dark:hover {
color : #121416!important
}
.text-body {
color : #212529!important
}
.text-muted {
color : #6c757d!important
}
.text-black-50 {
color : rgba(0,0,0,.5)!important
}
.text-white-50 {
color : hsla(0,0%,100%,.5)!important
}
.text-hide {
font : 0/0 a;
color : transparent;
text-shadow : none;
background-color : transparent;
border : 0
}
.text-decoration-none {
text-decoration : none!important
}
.text-break {
word-break : break-word!important;
word-wrap : break-word!important
}
.text-reset {
color : inherit!important
}
.visible {
visibility : visible!important
}
.invisible {
visibility : hidden!important
}
@media print {
*,:after,:before {
text-shadow : none!important;
box-shadow : none!important
}
a:not(.btn) {
text-decoration : underline
}
abbr[title]:after {
content : " (" attr(title) ")"
}
pre {
white-space : pre-wrap!important
}
blockquote,pre {
border : 1px solid #adb5bd;
page-break-inside : avoid
}
thead {
display : table-header-group
}
img,tr {
page-break-inside : avoid
}
h2,h3,p {
orphans : 3;
widows : 3
}
h2,h3 {
page-break-after : avoid
}
@page {
size
:
a3
}
.container,body {
min-width : 992px!important
}
.navbar {
display : none
}
.badge {
border : 1px solid #000
}
.table {
border-collapse : collapse!important
}
.table td,.table th {
background-color : #fff!important
}
.table-bordered td,.table-bordered th {
border : 1px solid #dee2e6!important
}
.table-dark {
color : inherit
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color : #dee2e6
}
.table .thead-dark th {
color : inherit;
border-color : #dee2e6
}
}
</style>
<style type="text/css">
@charset "UTF-8";
/*!
* BootstrapVue Custom CSS (https://bootstrap-vue.org)
*/.bv-no-focus-ring:focus {
outline
:
none
}
@media (max-width:575.98px) {
.bv-d-xs-down-none {
display : none!important
}
}
@media (max-width:767.98px) {
.bv-d-sm-down-none {
display : none!important
}
}
@media (max-width:991.98px) {
.bv-d-md-down-none {
display : none!important
}
}
@media (max-width:1199.98px) {
.bv-d-lg-down-none {
display : none!important
}
}
.bv-d-xl-down-none {
display : none!important
}
.form-control.focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control.focus.is-valid {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.form-control.focus.is-invalid {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.b-avatar {
display : inline-flex;
align-items : center;
justify-content : center;
vertical-align : middle;
flex-shrink : 0;
width : 2.5rem;
height : 2.5rem;
font-size : inherit;
font-weight : 400;
line-height : 1;
max-width : 100%;
max-height : auto;
text-align : center;
overflow : visible;
position : relative;
transition : color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.b-avatar:focus {
outline : 0
}
.b-avatar.btn,.b-avatar[href] {
padding : 0;
border : 0
}
.b-avatar.btn .b-avatar-img img,.b-avatar[href] .b-avatar-img img {
transition : transform .15s ease-in-out
}
.b-avatar.btn:not(:disabled):not(.disabled),.b-avatar[href]:not(:disabled):not(.disabled) {
cursor : pointer
}
.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
transform : scale(1.15)
}
.b-avatar.disabled,.b-avatar:disabled,.b-avatar[disabled] {
opacity : .65;
pointer-events : none
}
.b-avatar .b-avatar-custom,.b-avatar .b-avatar-img,.b-avatar .b-avatar-text {
border-radius : inherit;
width : 100%;
height : 100%;
overflow : hidden;
display : flex;
justify-content : center;
align-items : center;
-webkit-mask-image : radial-gradient(#fff,#000);
mask-image : radial-gradient(#fff,#000)
}
.b-avatar .b-avatar-text {
text-transform : uppercase;
white-space : nowrap
}
.b-avatar[href] {
text-decoration : none
}
.b-avatar>.b-icon {
width : 60%;
height : auto;
max-width : 100%
}
.b-avatar .b-avatar-img img {
width : 100%;
height : 100%;
max-height : auto;
border-radius : inherit;
-o-object-fit : cover;
object-fit : cover
}
.b-avatar .b-avatar-badge {
position : absolute;
min-height : 1.5em;
min-width : 1.5em;
padding : .25em;
line-height : 1;
border-radius : 10em;
font-size : 70%;
font-weight : 700;
z-index : 1
}
.b-avatar-sm {
width : 1.5rem;
height : 1.5rem
}
.b-avatar-sm .b-avatar-text {
font-size : .6rem
}
.b-avatar-sm .b-avatar-badge {
font-size : .42rem
}
.b-avatar-lg {
width : 3.5rem;
height : 3.5rem
}
.b-avatar-lg .b-avatar-text {
font-size : 1.4rem
}
.b-avatar-lg .b-avatar-badge {
font-size : .98rem
}
.b-avatar-group .b-avatar-group-inner {
display : flex;
flex-wrap : wrap
}
.b-avatar-group .b-avatar {
border : 1px solid #dee2e6
}
.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled),.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled) {
z-index : 1
}
.b-calendar {
display : inline-flex
}
.b-calendar .b-calendar-inner {
min-width : 250px
}
.b-calendar .b-calendar-header,.b-calendar .b-calendar-nav {
margin-bottom : .25rem
}
.b-calendar .b-calendar-nav .btn {
padding : .25rem
}
.b-calendar output {
padding : .25rem;
font-size : 80%
}
.b-calendar output.readonly {
background-color : #e9ecef;
opacity : 1
}
.b-calendar .b-calendar-footer {
margin-top : .5rem
}
.b-calendar .b-calendar-grid {
padding : 0;
margin : 0;
overflow : hidden
}
.b-calendar .b-calendar-grid .row {
flex-wrap : nowrap
}
.b-calendar .b-calendar-grid-caption {
padding : .25rem
}
.b-calendar .b-calendar-grid-body .col[data-date] .btn {
width : 32px;
height : 32px;
font-size : 14px;
line-height : 1;
margin : 3px auto;
padding : 9px 0
}
.b-calendar .btn.disabled,.b-calendar .btn:disabled,.b-calendar .btn[aria-disabled=true] {
cursor : default;
pointer-events : none
}
.card-img-left {
border-top-left-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-img-right {
border-top-right-radius: calc(.25rem - 1px);
border-bottom-right-radius: calc(.25rem - 1px)
}
.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret:before,.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret:after {
display : none!important
}
.dropdown .dropdown-menu:focus {
outline : none
}
.b-dropdown-form {
display : inline-block;
padding : .25rem 1.5rem;
width : 100%;
clear : both;
font-weight : 400
}
.b-dropdown-form:focus {
outline : 1px dotted!important;
outline : 5px auto -webkit-focus-ring-color!important
}
.b-dropdown-form.disabled,.b-dropdown-form:disabled {
outline : 0!important;
color : #adb5bd;
pointer-events : none
}
.b-dropdown-text {
display : inline-block;
padding : .25rem 1.5rem;
margin-bottom : 0;
width : 100%;
clear : both;
font-weight : lighter
}
.custom-checkbox.b-custom-control-lg,.input-group-lg .custom-checkbox {
font-size : 1.25rem;
line-height : 1.5;
padding-left : 1.875rem
}
.custom-checkbox.b-custom-control-lg .custom-control-label:before,.input-group-lg .custom-checkbox .custom-control-label:before {
top : .3125rem;
left : -1.875rem;
width : 1.25rem;
height : 1.25rem;
border-radius : .3rem
}
.custom-checkbox.b-custom-control-lg .custom-control-label:after,.input-group-lg .custom-checkbox .custom-control-label:after {
top : .3125rem;
left : -1.875rem;
width : 1.25rem;
height : 1.25rem;
background-size : 50% 50%
}
.custom-checkbox.b-custom-control-sm,.input-group-sm .custom-checkbox {
font-size : .875rem;
line-height : 1.5;
padding-left : 1.3125rem
}
.custom-checkbox.b-custom-control-sm .custom-control-label:before,.input-group-sm .custom-checkbox .custom-control-label:before {
top : .21875rem;
left : -1.3125rem;
width : .875rem;
height : .875rem;
border-radius : .2rem
}
.custom-checkbox.b-custom-control-sm .custom-control-label:after,.input-group-sm .custom-checkbox .custom-control-label:after {
top : .21875rem;
left : -1.3125rem;
width : .875rem;
height : .875rem;
background-size : 50% 50%
}
.custom-switch.b-custom-control-lg,.input-group-lg .custom-switch {
padding-left : 2.8125rem
}
.custom-switch.b-custom-control-lg .custom-control-label,.input-group-lg .custom-switch .custom-control-label {
font-size : 1.25rem;
line-height : 1.5
}
.custom-switch.b-custom-control-lg .custom-control-label:before,.input-group-lg .custom-switch .custom-control-label:before {
top : .3125rem;
height : 1.25rem;
left : -2.8125rem;
width : 2.1875rem;
border-radius : .625rem
}
.custom-switch.b-custom-control-lg .custom-control-label:after,.input-group-lg .custom-switch .custom-control-label:after {
top : calc(.3125rem + 2px);
left : calc(-2.8125rem + 2px);
width : calc(1.25rem - 4px);
height : calc(1.25rem - 4px);
border-radius : .625rem;
background-size : 50% 50%
}
.custom-switch.b-custom-control-lg .custom-control-input:checked~.custom-control-label:after,.input-group-lg .custom-switch .custom-control-input:checked~.custom-control-label:after {
transform : translateX(.9375rem)
}
.custom-switch.b-custom-control-sm,.input-group-sm .custom-switch {
padding-left : 1.96875rem
}
.custom-switch.b-custom-control-sm .custom-control-label,.input-group-sm .custom-switch .custom-control-label {
font-size : .875rem;
line-height : 1.5
}
.custom-switch.b-custom-control-sm .custom-control-label:before,.input-group-sm .custom-switch .custom-control-label:before {
top : .21875rem;
left : -1.96875rem;
width : 1.53125rem;
height : .875rem;
border-radius : .4375rem
}
.custom-switch.b-custom-control-sm .custom-control-label:after,.input-group-sm .custom-switch .custom-control-label:after {
top : calc(.21875rem + 2px);
left : calc(-1.96875rem + 2px);
width : calc(.875rem - 4px);
height : calc(.875rem - 4px);
border-radius : .4375rem;
background-size : 50% 50%
}
.custom-switch.b-custom-control-sm .custom-control-input:checked~.custom-control-label:after,.input-group-sm .custom-switch .custom-control-input:checked~.custom-control-label:after {
transform : translateX(.65625rem)
}
.input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn,.input-group>.input-group-append:not(:last-child)>.btn-group>.btn,.input-group>.input-group-prepend>.btn-group>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn-group>.btn,.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.b-form-btn-label-control.form-control {
display : flex;
align-items : stretch;
height : auto;
padding : 0;
background-image : none
}
.input-group .b-form-btn-label-control.form-control {
padding : 0
}
.b-form-btn-label-control.form-control[dir=rtl],[dir=rtl] .b-form-btn-label-control.form-control {
flex-direction : row-reverse
}
.b-form-btn-label-control.form-control[dir=rtl]>label,[dir=rtl] .b-form-btn-label-control.form-control>label {
text-align : right
}
.b-form-btn-label-control.form-control>.btn {
line-height : 1;
font-size : inherit;
box-shadow : none!important;
border : 0
}
.b-form-btn-label-control.form-control>.btn:disabled {
pointer-events : none
}
.b-form-btn-label-control.form-control.is-valid>.btn {
color : #28a745
}
.b-form-btn-label-control.form-control.is-invalid>.btn {
color : #dc3545
}
.b-form-btn-label-control.form-control>.dropdown-menu {
padding : .5rem
}
.b-form-btn-label-control.form-control>.form-control {
height : auto;
min-height : calc(1.5em + .75rem);
padding-left : .25rem;
margin : 0;
border : 0;
outline : 0;
background : transparent;
word-break : break-word;
font-size : inherit;
white-space : normal;
cursor : pointer
}
.b-form-btn-label-control.form-control>.form-control.form-control-sm {
min-height : calc(1.5em + .5rem)
}
.b-form-btn-label-control.form-control>.form-control.form-control-lg {
min-height : calc(1.5em + 1rem)
}
.input-group.input-group-sm .b-form-btn-label-control.form-control>.form-control {
min-height : calc(1.5em + .5rem);
padding-top : .25rem;
padding-bottom : .25rem
}
.input-group.input-group-lg .b-form-btn-label-control.form-control>.form-control {
min-height : calc(1.5em + 1rem);
padding-top : .5rem;
padding-bottom : .5rem
}
.b-form-btn-label-control.form-control[aria-disabled=true],.b-form-btn-label-control.form-control[aria-readonly=true] {
background-color : #e9ecef;
opacity : 1
}
.b-form-btn-label-control.form-control[aria-disabled=true] {
pointer-events : none
}
.b-form-btn-label-control.form-control[aria-disabled=true]>label {
cursor : default
}
.b-form-btn-label-control.btn-group>.dropdown-menu {
padding : .5rem
}
.custom-file-label {
white-space : nowrap;
overflow-x : hidden
}
.b-custom-control-lg.custom-file,.b-custom-control-lg .custom-file-input,.b-custom-control-lg .custom-file-label,.input-group-lg.custom-file,.input-group-lg .custom-file-input,.input-group-lg .custom-file-label {
font-size : 1.25rem;
height : calc(1.5em + 1rem + 2px)
}
.b-custom-control-lg .custom-file-label,.b-custom-control-lg .custom-file-label:after,.input-group-lg .custom-file-label,.input-group-lg .custom-file-label:after {
padding : .5rem 1rem;
line-height : 1.5
}
.b-custom-control-lg .custom-file-label,.input-group-lg .custom-file-label {
border-radius : .3rem
}
.b-custom-control-lg .custom-file-label:after,.input-group-lg .custom-file-label:after {
font-size : inherit;
height : calc(1.5em + 1rem);
border-radius : 0 .3rem .3rem 0
}
.b-custom-control-sm.custom-file,.b-custom-control-sm .custom-file-input,.b-custom-control-sm .custom-file-label,.input-group-sm.custom-file,.input-group-sm .custom-file-input,.input-group-sm .custom-file-label {
font-size : .875rem;
height : calc(1.5em + .5rem + 2px)
}
.b-custom-control-sm .custom-file-label,.b-custom-control-sm .custom-file-label:after,.input-group-sm .custom-file-label,.input-group-sm .custom-file-label:after {
padding : .25rem .5rem;
line-height : 1.5
}
.b-custom-control-sm .custom-file-label,.input-group-sm .custom-file-label {
border-radius : .2rem
}
.b-custom-control-sm .custom-file-label:after,.input-group-sm .custom-file-label:after {
font-size : inherit;
height : calc(1.5em + .5rem);
border-radius : 0 .2rem .2rem 0
}
.form-control.is-invalid,.form-control.is-valid,.was-validated .form-control:invalid,.was-validated .form-control:valid {
background-position : right calc(.375em + .1875rem) center
}
input[type=color].form-control {
height : calc(1.5em + .75rem + 2px);
padding : .125rem .25rem
}
.input-group-sm input[type=color].form-control,input[type=color].form-control.form-control-sm {
height : calc(1.5em + .5rem + 2px);
padding : .125rem .25rem
}
.input-group-lg input[type=color].form-control,input[type=color].form-control.form-control-lg {
height : calc(1.5em + 1rem + 2px);
padding : .125rem .25rem
}
input[type=color].form-control:disabled {
background-color : #adb5bd;
opacity : .65
}
.input-group>.custom-range {
position : relative;
flex : 1 1 auto;
width : 1%;
margin-bottom : 0
}
.input-group>.custom-file+.custom-range,.input-group>.custom-range+.custom-file,.input-group>.custom-range+.custom-range,.input-group>.custom-range+.custom-select,.input-group>.custom-range+.form-control,.input-group>.custom-range+.form-control-plaintext,.input-group>.custom-select+.custom-range,.input-group>.form-control+.custom-range,.input-group>.form-control-plaintext+.custom-range {
margin-left : -1px
}
.input-group>.custom-range:focus {
z-index : 3
}
.input-group>.custom-range:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-range:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-range {
padding : 0 .75rem;
background-color : #fff;
background-clip : padding-box;
border : 1px solid #ced4da;
height : calc(1.5em + .75rem + 2px);
border-radius : .25rem;
transition : border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.input-group>.custom-range {
transition : none
}
}
.input-group>.custom-range:focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.input-group>.custom-range:disabled,.input-group>.custom-range[readonly] {
background-color : #e9ecef
}
.input-group-lg>.custom-range {
height : calc(1.5em + 1rem + 2px);
padding : 0 1rem;
border-radius : .3rem
}
.input-group-sm>.custom-range {
height : calc(1.5em + .5rem + 2px);
padding : 0 .5rem;
border-radius : .2rem
}
.input-group .custom-range.is-valid,.was-validated .input-group .custom-range:valid {
border-color : #28a745
}
.input-group .custom-range.is-valid:focus,.was-validated .input-group .custom-range:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-range.is-valid:focus::-webkit-slider-thumb,.was-validated .custom-range:valid:focus::-webkit-slider-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem #9be7ac
}
.custom-range.is-valid:focus::-moz-range-thumb,.was-validated .custom-range:valid:focus::-moz-range-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem #9be7ac
}
.custom-range.is-valid:focus::-ms-thumb,.was-validated .custom-range:valid:focus::-ms-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem #9be7ac
}
.custom-range.is-valid::-webkit-slider-thumb,.was-validated .custom-range:valid::-webkit-slider-thumb {
background-color : #28a745;
background-image : none
}
.custom-range.is-valid::-webkit-slider-thumb:active,.was-validated .custom-range:valid::-webkit-slider-thumb:active {
background-color : #9be7ac;
background-image : none
}
.custom-range.is-valid::-webkit-slider-runnable-track,.was-validated .custom-range:valid::-webkit-slider-runnable-track {
background-color : rgba(40,167,69,.35)
}
.custom-range.is-valid::-moz-range-thumb,.was-validated .custom-range:valid::-moz-range-thumb {
background-color : #28a745;
background-image : none
}
.custom-range.is-valid::-moz-range-thumb:active,.was-validated .custom-range:valid::-moz-range-thumb:active {
background-color : #9be7ac;
background-image : none
}
.custom-range.is-valid::-moz-range-track,.was-validated .custom-range:valid::-moz-range-track {
background : rgba(40,167,69,.35)
}
.custom-range.is-valid~.valid-feedback,.custom-range.is-valid~.valid-tooltip,.was-validated .custom-range:valid~.valid-feedback,.was-validated .custom-range:valid~.valid-tooltip {
display : block
}
.custom-range.is-valid::-ms-thumb,.was-validated .custom-range:valid::-ms-thumb {
background-color : #28a745;
background-image : none
}
.custom-range.is-valid::-ms-thumb:active,.was-validated .custom-range:valid::-ms-thumb:active {
background-color : #9be7ac;
background-image : none
}
.custom-range.is-valid::-ms-track-lower,.custom-range.is-valid::-ms-track-upper,.was-validated .custom-range:valid::-ms-track-lower,.was-validated .custom-range:valid::-ms-track-upper {
background : rgba(40,167,69,.35)
}
.input-group .custom-range.is-invalid,.was-validated .input-group .custom-range:invalid {
border-color : #dc3545
}
.input-group .custom-range.is-invalid:focus,.was-validated .input-group .custom-range:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-range.is-invalid:focus::-webkit-slider-thumb,.was-validated .custom-range:invalid:focus::-webkit-slider-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem #f6cdd1
}
.custom-range.is-invalid:focus::-moz-range-thumb,.was-validated .custom-range:invalid:focus::-moz-range-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem #f6cdd1
}
.custom-range.is-invalid:focus::-ms-thumb,.was-validated .custom-range:invalid:focus::-ms-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem #f6cdd1
}
.custom-range.is-invalid::-webkit-slider-thumb,.was-validated .custom-range:invalid::-webkit-slider-thumb {
background-color : #dc3545;
background-image : none
}
.custom-range.is-invalid::-webkit-slider-thumb:active,.was-validated .custom-range:invalid::-webkit-slider-thumb:active {
background-color : #f6cdd1;
background-image : none
}
.custom-range.is-invalid::-webkit-slider-runnable-track,.was-validated .custom-range:invalid::-webkit-slider-runnable-track {
background-color : rgba(220,53,69,.35)
}
.custom-range.is-invalid::-moz-range-thumb,.was-validated .custom-range:invalid::-moz-range-thumb {
background-color : #dc3545;
background-image : none
}
.custom-range.is-invalid::-moz-range-thumb:active,.was-validated .custom-range:invalid::-moz-range-thumb:active {
background-color : #f6cdd1;
background-image : none
}
.custom-range.is-invalid::-moz-range-track,.was-validated .custom-range:invalid::-moz-range-track {
background : rgba(220,53,69,.35)
}
.custom-range.is-invalid~.invalid-feedback,.custom-range.is-invalid~.invalid-tooltip,.was-validated .custom-range:invalid~.invalid-feedback,.was-validated .custom-range:invalid~.invalid-tooltip {
display : block
}
.custom-range.is-invalid::-ms-thumb,.was-validated .custom-range:invalid::-ms-thumb {
background-color : #dc3545;
background-image : none
}
.custom-range.is-invalid::-ms-thumb:active,.was-validated .custom-range:invalid::-ms-thumb:active {
background-color : #f6cdd1;
background-image : none
}
.custom-range.is-invalid::-ms-track-lower,.custom-range.is-invalid::-ms-track-upper,.was-validated .custom-range:invalid::-ms-track-lower,.was-validated .custom-range:invalid::-ms-track-upper {
background : rgba(220,53,69,.35)
}
.custom-radio.b-custom-control-lg,.input-group-lg .custom-radio {
font-size : 1.25rem;
line-height : 1.5;
padding-left : 1.875rem
}
.custom-radio.b-custom-control-lg .custom-control-label:before,.input-group-lg .custom-radio .custom-control-label:before {
top : .3125rem;
left : -1.875rem;
width : 1.25rem;
height : 1.25rem;
border-radius : 50%
}
.custom-radio.b-custom-control-lg .custom-control-label:after,.input-group-lg .custom-radio .custom-control-label:after {
top : .3125rem;
left : -1.875rem;
width : 1.25rem;
height : 1.25rem;
background : no-repeat 50%/50% 50%
}
.custom-radio.b-custom-control-sm,.input-group-sm .custom-radio {
font-size : .875rem;
line-height : 1.5;
padding-left : 1.3125rem
}
.custom-radio.b-custom-control-sm .custom-control-label:before,.input-group-sm .custom-radio .custom-control-label:before {
top : .21875rem;
left : -1.3125rem;
width : .875rem;
height : .875rem;
border-radius : 50%
}
.custom-radio.b-custom-control-sm .custom-control-label:after,.input-group-sm .custom-radio .custom-control-label:after {
top : .21875rem;
left : -1.3125rem;
width : .875rem;
height : .875rem;
background : no-repeat 50%/50% 50%
}
.b-rating {
text-align : center
}
.b-rating.d-inline-flex {
width : auto
}
.b-rating .b-rating-star,.b-rating .b-rating-value {
padding : 0 .25em
}
.b-rating .b-rating-value {
min-width : 2.5em
}
.b-rating .b-rating-star {
display : inline-flex;
justify-content : center;
outline : 0
}
.b-rating .b-rating-star .b-rating-icon {
display : inline-flex;
transition : all .15s ease-in-out
}
.b-rating.disabled,.b-rating:disabled {
background-color : #e9ecef;
color : #6c757d
}
.b-rating:not(.disabled):not(.readonly) .b-rating-star {
cursor : pointer
}
.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon,.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon {
transform : scale(1.5)
}
.b-rating[dir=rtl] .b-rating-star-half {
transform : scaleX(-1)
}
.b-form-spinbutton {
text-align : center;
overflow : hidden;
background-image : none;
padding : 0
}
.b-form-spinbutton[dir=rtl]:not(.flex-column),[dir=rtl] .b-form-spinbutton:not(.flex-column) {
flex-direction : row-reverse
}
.b-form-spinbutton output {
font-size : inherit;
outline : 0;
border : 0;
background-color : transparent;
width : auto;
margin : 0;
padding : 0 .25rem
}
.b-form-spinbutton output>bdi,.b-form-spinbutton output>div {
display : block;
min-width : 2.25em;
height : 1.5em
}
.b-form-spinbutton.flex-column {
height : auto;
width : auto
}
.b-form-spinbutton.flex-column output {
margin : 0 .25rem;
padding : .25rem 0
}
.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
output-width : 100%
}
.b-form-spinbutton.d-inline-flex:not(.flex-column) {
width : auto
}
.b-form-spinbutton .btn {
line-height : 1;
box-shadow : none!important
}
.b-form-spinbutton .btn:disabled {
pointer-events : none
}
.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon {
transform : scale(1.25)
}
.b-form-spinbutton.disabled,.b-form-spinbutton.readonly {
background-color : #e9ecef
}
.b-form-spinbutton.disabled {
pointer-events : none
}
.b-form-tags.focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.b-form-tags.focus.is-valid {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.b-form-tags.focus.is-invalid {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.b-form-tags.disabled {
background-color : #e9ecef
}
.b-form-tags-list {
margin-top : -.25rem
}
.b-form-tags-list .b-form-tag,.b-form-tags-list .b-form-tags-field {
margin-top : .25rem
}
.b-form-tags-input {
color : #495057
}
.b-form-tag {
font-size : 75%;
font-weight : 400;
line-height : 1.5;
margin-right : .25rem
}
.b-form-tag.disabled {
opacity : .75
}
.b-form-tag>button.b-form-tag-remove {
color : inherit;
font-size : 125%;
line-height : 1;
float : none;
margin-left : .25rem
}
.form-control-lg .b-form-tag,.form-control-sm .b-form-tag {
line-height : 1.5
}
.media-aside {
display : flex;
margin-right : 1rem
}
.media-aside-right {
margin-right : 0;
margin-left : 1rem
}
.modal-backdrop {
opacity : .5
}
.b-pagination-pills .page-item .page-link {
border-radius : 50rem!important;
margin-left : .25rem;
line-height : 1
}
.b-pagination-pills .page-item:first-child .page-link {
margin-left : 0
}
.popover.b-popover {
display : block;
opacity : 1;
outline : 0
}
.popover.b-popover.fade:not(.show) {
opacity : 0
}
.popover.b-popover.show {
opacity : 1
}
.b-popover-primary.popover {
background-color : #cce5ff;
border-color : #b8daff
}
.b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-primary.bs-popover-top>.arrow:before {
border-top-color : #b8daff
}
.b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-primary.bs-popover-top>.arrow:after {
border-top-color : #cce5ff
}
.b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-primary.bs-popover-right>.arrow:before {
border-right-color : #b8daff
}
.b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-primary.bs-popover-right>.arrow:after {
border-right-color : #cce5ff
}
.b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-primary.bs-popover-bottom>.arrow:before {
border-bottom-color : #b8daff
}
.b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-primary.bs-popover-bottom .popover-header:before,.b-popover-primary.bs-popover-bottom>.arrow:after {
border-bottom-color : #bdddff
}
.b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-primary.bs-popover-left>.arrow:before {
border-left-color : #b8daff
}
.b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-primary.bs-popover-left>.arrow:after {
border-left-color : #cce5ff
}
.b-popover-primary .popover-header {
color : #212529;
background-color : #bdddff;
border-bottom-color : #a3d0ff
}
.b-popover-primary .popover-body {
color : #004085
}
.b-popover-secondary.popover {
background-color : #e2e3e5;
border-color : #d6d8db
}
.b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-secondary.bs-popover-top>.arrow:before {
border-top-color : #d6d8db
}
.b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-secondary.bs-popover-top>.arrow:after {
border-top-color : #e2e3e5
}
.b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-secondary.bs-popover-right>.arrow:before {
border-right-color : #d6d8db
}
.b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-secondary.bs-popover-right>.arrow:after {
border-right-color : #e2e3e5
}
.b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-secondary.bs-popover-bottom>.arrow:before {
border-bottom-color : #d6d8db
}
.b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-secondary.bs-popover-bottom .popover-header:before,.b-popover-secondary.bs-popover-bottom>.arrow:after {
border-bottom-color : #dadbde
}
.b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-secondary.bs-popover-left>.arrow:before {
border-left-color : #d6d8db
}
.b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-secondary.bs-popover-left>.arrow:after {
border-left-color : #e2e3e5
}
.b-popover-secondary .popover-header {
color : #212529;
background-color : #dadbde;
border-bottom-color : #ccced2
}
.b-popover-secondary .popover-body {
color : #383d41
}
.b-popover-success.popover {
background-color : #d4edda;
border-color : #c3e6cb
}
.b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-success.bs-popover-top>.arrow:before {
border-top-color : #c3e6cb
}
.b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-success.bs-popover-top>.arrow:after {
border-top-color : #d4edda
}
.b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-success.bs-popover-right>.arrow:before {
border-right-color : #c3e6cb
}
.b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-success.bs-popover-right>.arrow:after {
border-right-color : #d4edda
}
.b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-success.bs-popover-bottom>.arrow:before {
border-bottom-color : #c3e6cb
}
.b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-success.bs-popover-bottom .popover-header:before,.b-popover-success.bs-popover-bottom>.arrow:after {
border-bottom-color : #c9e8d1
}
.b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-success.bs-popover-left>.arrow:before {
border-left-color : #c3e6cb
}
.b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-success.bs-popover-left>.arrow:after {
border-left-color : #d4edda
}
.b-popover-success .popover-header {
color : #212529;
background-color : #c9e8d1;
border-bottom-color : #b7e1c1
}
.b-popover-success .popover-body {
color : #155724
}
.b-popover-info.popover {
background-color : #d1ecf1;
border-color : #bee5eb
}
.b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-info.bs-popover-top>.arrow:before {
border-top-color : #bee5eb
}
.b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-info.bs-popover-top>.arrow:after {
border-top-color : #d1ecf1
}
.b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-info.bs-popover-right>.arrow:before {
border-right-color : #bee5eb
}
.b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-info.bs-popover-right>.arrow:after {
border-right-color : #d1ecf1
}
.b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-info.bs-popover-bottom>.arrow:before {
border-bottom-color : #bee5eb
}
.b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-info.bs-popover-bottom .popover-header:before,.b-popover-info.bs-popover-bottom>.arrow:after {
border-bottom-color : #c5e7ed
}
.b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-info.bs-popover-left>.arrow:before {
border-left-color : #bee5eb
}
.b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-info.bs-popover-left>.arrow:after {
border-left-color : #d1ecf1
}
.b-popover-info .popover-header {
color : #212529;
background-color : #c5e7ed;
border-bottom-color : #b2dfe7
}
.b-popover-info .popover-body {
color : #0c5460
}
.b-popover-warning.popover {
background-color : #fff3cd;
border-color : #ffeeba
}
.b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-warning.bs-popover-top>.arrow:before {
border-top-color : #ffeeba
}
.b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-warning.bs-popover-top>.arrow:after {
border-top-color : #fff3cd
}
.b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-warning.bs-popover-right>.arrow:before {
border-right-color : #ffeeba
}
.b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-warning.bs-popover-right>.arrow:after {
border-right-color : #fff3cd
}
.b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-warning.bs-popover-bottom>.arrow:before {
border-bottom-color : #ffeeba
}
.b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-warning.bs-popover-bottom .popover-header:before,.b-popover-warning.bs-popover-bottom>.arrow:after {
border-bottom-color : #ffefbe
}
.b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-warning.bs-popover-left>.arrow:before {
border-left-color : #ffeeba
}
.b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-warning.bs-popover-left>.arrow:after {
border-left-color : #fff3cd
}
.b-popover-warning .popover-header {
color : #212529;
background-color : #ffefbe;
border-bottom-color : #ffe9a4
}
.b-popover-warning .popover-body {
color : #856404
}
.b-popover-danger.popover {
background-color : #f8d7da;
border-color : #f5c6cb
}
.b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-danger.bs-popover-top>.arrow:before {
border-top-color : #f5c6cb
}
.b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-danger.bs-popover-top>.arrow:after {
border-top-color : #f8d7da
}
.b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-danger.bs-popover-right>.arrow:before {
border-right-color : #f5c6cb
}
.b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-danger.bs-popover-right>.arrow:after {
border-right-color : #f8d7da
}
.b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-danger.bs-popover-bottom>.arrow:before {
border-bottom-color : #f5c6cb
}
.b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-danger.bs-popover-bottom .popover-header:before,.b-popover-danger.bs-popover-bottom>.arrow:after {
border-bottom-color : #f6cace
}
.b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-danger.bs-popover-left>.arrow:before {
border-left-color : #f5c6cb
}
.b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-danger.bs-popover-left>.arrow:after {
border-left-color : #f8d7da
}
.b-popover-danger .popover-header {
color : #212529;
background-color : #f6cace;
border-bottom-color : #f2b4ba
}
.b-popover-danger .popover-body {
color : #721c24
}
.b-popover-light.popover {
background-color : #fefefe;
border-color : #fdfdfe
}
.b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-light.bs-popover-top>.arrow:before {
border-top-color : #fdfdfe
}
.b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-light.bs-popover-top>.arrow:after {
border-top-color : #fefefe
}
.b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-light.bs-popover-right>.arrow:before {
border-right-color : #fdfdfe
}
.b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-light.bs-popover-right>.arrow:after {
border-right-color : #fefefe
}
.b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-light.bs-popover-bottom>.arrow:before {
border-bottom-color : #fdfdfe
}
.b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-light.bs-popover-bottom .popover-header:before,.b-popover-light.bs-popover-bottom>.arrow:after {
border-bottom-color : #f6f6f6
}
.b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-light.bs-popover-left>.arrow:before {
border-left-color : #fdfdfe
}
.b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-light.bs-popover-left>.arrow:after {
border-left-color : #fefefe
}
.b-popover-light .popover-header {
color : #212529;
background-color : #f6f6f6;
border-bottom-color : #eaeaea
}
.b-popover-light .popover-body {
color : #818182
}
.b-popover-dark.popover {
background-color : #d6d8d9;
border-color : #c6c8ca
}
.b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:before,.b-popover-dark.bs-popover-top>.arrow:before {
border-top-color : #c6c8ca
}
.b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:after,.b-popover-dark.bs-popover-top>.arrow:after {
border-top-color : #d6d8d9
}
.b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:before,.b-popover-dark.bs-popover-right>.arrow:before {
border-right-color : #c6c8ca
}
.b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:after,.b-popover-dark.bs-popover-right>.arrow:after {
border-right-color : #d6d8d9
}
.b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:before,.b-popover-dark.bs-popover-bottom>.arrow:before {
border-bottom-color : #c6c8ca
}
.b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header:before,.b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:after,.b-popover-dark.bs-popover-bottom .popover-header:before,.b-popover-dark.bs-popover-bottom>.arrow:after {
border-bottom-color : #ced0d2
}
.b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:before,.b-popover-dark.bs-popover-left>.arrow:before {
border-left-color : #c6c8ca
}
.b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:after,.b-popover-dark.bs-popover-left>.arrow:after {
border-left-color : #d6d8d9
}
.b-popover-dark .popover-header {
color : #212529;
background-color : #ced0d2;
border-bottom-color : #c1c4c5
}
.b-popover-dark .popover-body {
color : #1b1e21
}
.b-sidebar-outer {
position : fixed;
top : 0;
left : 0;
right : 0;
height : 0;
overflow : visible;
z-index : 1035
}
.b-sidebar-backdrop {
left : 0;
z-index : -1;
width : 100vw;
opacity : .6
}
.b-sidebar,.b-sidebar-backdrop {
position : fixed;
top : 0;
height : 100vh
}
.b-sidebar {
display : flex;
flex-direction : column;
width : 320px;
max-width : 100%;
max-height : 100%;
margin : 0;
outline : 0;
transform : translateX(0)
}
.b-sidebar.slide {
transition : transform .3s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.b-sidebar.slide {
transition : none
}
}
.b-sidebar:not(.b-sidebar-right) {
left : 0;
right : auto
}
.b-sidebar:not(.b-sidebar-right).slide:not(.show) {
transform : translateX(-100%)
}
.b-sidebar:not(.b-sidebar-right)>.b-sidebar-header .close {
margin-left : auto
}
.b-sidebar.b-sidebar-right {
left : auto;
right : 0
}
.b-sidebar.b-sidebar-right.slide:not(.show) {
transform : translateX(100%)
}
.b-sidebar.b-sidebar-right>.b-sidebar-header .close {
margin-right : auto
}
.b-sidebar>.b-sidebar-header {
font-size : 1.5rem;
padding : .5rem 1rem;
display : flex;
flex-direction : row;
flex-grow : 0;
align-items : center
}
[dir=rtl]
.b-sidebar>.b-sidebar-header {
flex-direction : row-reverse
}
.b-sidebar>.b-sidebar-header .close {
float : none;
font-size : 1.5rem
}
.b-sidebar>.b-sidebar-body {
flex-grow : 1;
height : 100%;
overflow-y : auto
}
.b-sidebar>.b-sidebar-footer {
flex-grow : 0
}
.b-skeleton-wrapper {
cursor : wait
}
.b-skeleton {
position : relative;
overflow : hidden;
background-color : rgba(0,0,0,.12);
cursor : wait;
-webkit-mask-image : radial-gradient(#fff,#000);
mask-image : radial-gradient(#fff,#000)
}
.b-skeleton:before {
content : " "
}
.b-skeleton-text {
height : 1rem;
margin-bottom : .25rem;
border-radius : .25rem
}
.b-skeleton-button {
width : 75px;
padding : .375rem .75rem;
font-size : 1rem;
line-height : 1.5;
border-radius : .25rem
}
.b-skeleton-avatar {
width : 2.5em;
height : 2.5em;
border-radius : 50%
}
.b-skeleton-input {
height : calc(1.5em + .75rem + 2px);
padding : .375rem .75rem;
line-height : 1.5;
border : 1px solid #ced4da;
border-radius : .25rem
}
.b-skeleton-icon-wrapper svg {
color : rgba(0,0,0,.12)
}
.b-skeleton-img {
height : 100%;
width : 100%
}
.b-skeleton-animate-wave:after {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 0;
background : linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);
-webkit-animation : b-skeleton-animate-wave 1.75s linear infinite;
animation : b-skeleton-animate-wave 1.75s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.b-skeleton-animate-wave:after {
background : none;
-webkit-animation : none;
animation : none
}
}
@-webkit-keyframes b-skeleton-animate-wave {
0%
{transform:translateX(-100%)}
to {
transform : translateX(100%)
}
}
@keyframes b-skeleton-animate-wave {
0%
{transform:translateX(-100%)}
to {
transform : translateX(100%)
}
}
.b-skeleton-animate-fade {
-webkit-animation : b-skeleton-animate-fade .875s ease-in-out infinite alternate;
animation : b-skeleton-animate-fade .875s ease-in-out infinite alternate
}
@media (prefers-reduced-motion:reduce) {
.b-skeleton-animate-fade {
-webkit-animation : none;
animation : none
}
}
@-webkit-keyframes b-skeleton-animate-fade {
0%
{opacity:1}
to {
opacity : .4
}
}
@keyframes b-skeleton-animate-fade {
0%
{opacity:1}
to {
opacity : .4
}
}
.b-skeleton-animate-throb {
-webkit-animation : b-skeleton-animate-throb .875s ease-in infinite alternate;
animation : b-skeleton-animate-throb .875s ease-in infinite alternate
}
@media (prefers-reduced-motion:reduce) {
.b-skeleton-animate-throb {
-webkit-animation : none;
animation : none
}
}
@-webkit-keyframes b-skeleton-animate-throb {
0%
{transform:scale(1)}
to {
transform : scale(.975)
}
}
@keyframes b-skeleton-animate-throb {
0%
{transform:scale(1)}
to {
transform : scale(.975)
}
}
.table.b-table.b-table-fixed {
table-layout : fixed
}
.table.b-table.b-table-no-border-collapse {
border-collapse : separate;
border-spacing : 0
}
.table.b-table[aria-busy=true] {
opacity : .55
}
.table.b-table>tbody>tr.b-table-details>td {
border-top : none!important
}
.table.b-table>caption {
caption-side : bottom
}
.table.b-table.b-table-caption-top>caption {
caption-side : top!important
}
.table.b-table>tbody>.table-active,.table.b-table>tbody>.table-active>td,.table.b-table>tbody>.table-active>th {
background-color : rgba(0,0,0,.075)
}
.table.b-table.table-hover>tbody>tr.table-active:hover td,.table.b-table.table-hover>tbody>tr.table-active:hover th {
color : #212529;
background-image : linear-gradient(rgba(0,0,0,.075),rgba(0,0,0,.075));
background-repeat : no-repeat
}
.table.b-table>tbody>.bg-active,.table.b-table>tbody>.bg-active>td,.table.b-table>tbody>.bg-active>th {
background-color : hsla(0,0%,100%,.075)!important
}
.table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover td,.table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover th {
color : #fff;
background-image : linear-gradient(hsla(0,0%,100%,.075),hsla(0,0%,100%,.075));
background-repeat : no-repeat
}
.b-table-sticky-header,.table-responsive,[class*=table-responsive-] {
margin-bottom : 1rem
}
.b-table-sticky-header>.table,.table-responsive>.table,[class*=table-responsive-]>.table {
margin-bottom : 0
}
.b-table-sticky-header {
overflow-y : auto;
max-height : 300px
}
@media print {
.b-table-sticky-header {
overflow-y : visible!important;
max-height : none!important
}
}
@supports (position:sticky) {
.b-table-sticky-header>.table.b-table>thead>tr>th {
position : sticky;
top : 0;
z-index : 2
}
.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
position : sticky;
left : 0
}
.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
z-index : 5
}
.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column {
z-index : 2
}
.table.b-table>tbody>tr>.table-b-table-default,.table.b-table>tfoot>tr>.table-b-table-default,.table.b-table>thead>tr>.table-b-table-default {
color : #212529;
background-color : #fff
}
.table.b-table.table-dark>tbody>tr>.bg-b-table-default,.table.b-table.table-dark>tfoot>tr>.bg-b-table-default,.table.b-table.table-dark>thead>tr>.bg-b-table-default {
color : #fff;
background-color : #343a40
}
.table.b-table.table-striped>tbody>tr:nth-of-type(odd)>.table-b-table-default {
background-image : linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05));
background-repeat : no-repeat
}
.table.b-table.table-striped.table-dark>tbody>tr:nth-of-type(odd)>.bg-b-table-default {
background-image : linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));
background-repeat : no-repeat
}
.table.b-table.table-hover>tbody>tr:hover>.table-b-table-default {
color : #212529;
background-image : linear-gradient(rgba(0,0,0,.075),rgba(0,0,0,.075));
background-repeat : no-repeat
}
.table.b-table.table-hover.table-dark>tbody>tr:hover>.bg-b-table-default {
color : #fff;
background-image : linear-gradient(hsla(0,0%,100%,.075),hsla(0,0%,100%,.075));
background-repeat : no-repeat
}
}
.table.b-table>tfoot>tr>[aria-sort],.table.b-table>thead>tr>[aria-sort] {
cursor : pointer;
background-image : none;
background-repeat : no-repeat;
background-size : .65em 1em
}
.table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left),.table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
background-position : right .375rem center;
padding-right : calc(.75rem + .65em)
}
.table.b-table>tfoot>tr>[aria-sort].b-table-sort-icon-left,.table.b-table>thead>tr>[aria-sort].b-table-sort-icon-left {
background-position : left .375rem center;
padding-left : calc(.75rem + .65em)
}
.table.b-table>tfoot>tr>[aria-sort=none],.table.b-table>thead>tr>[aria-sort=none] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table>tfoot>tr>[aria-sort=ascending],.table.b-table>thead>tr>[aria-sort=ascending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table>tfoot>tr>[aria-sort=descending],.table.b-table>thead>tr>[aria-sort=descending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table.table-dark>tfoot>tr>[aria-sort=none],.table.b-table.table-dark>thead>tr>[aria-sort=none],.table.b-table>.thead-dark>tr>[aria-sort=none] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table.table-dark>tfoot>tr>[aria-sort=ascending],.table.b-table.table-dark>thead>tr>[aria-sort=ascending],.table.b-table>.thead-dark>tr>[aria-sort=ascending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table.table-dark>tfoot>tr>[aria-sort=descending],.table.b-table.table-dark>thead>tr>[aria-sort=descending],.table.b-table>.thead-dark>tr>[aria-sort=descending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table>tfoot>tr>.table-dark[aria-sort=none],.table.b-table>thead>tr>.table-dark[aria-sort=none] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table>tfoot>tr>.table-dark[aria-sort=ascending],.table.b-table>thead>tr>.table-dark[aria-sort=ascending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table>tfoot>tr>.table-dark[aria-sort=descending],.table.b-table>thead>tr>.table-dark[aria-sort=descending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.table.b-table.table-sm>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left),.table.b-table.table-sm>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
background-position : right .15rem center;
padding-right : calc(.3rem + .65em)
}
.table.b-table.table-sm>tfoot>tr>[aria-sort].b-table-sort-icon-left,.table.b-table.table-sm>thead>tr>[aria-sort].b-table-sort-icon-left {
background-position : left .15rem center;
padding-left : calc(.3rem + .65em)
}
.table.b-table.b-table-selectable:not(.b-table-selectable-no-click)>tbody>tr {
cursor : pointer
}
.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range>tbody>tr {
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none
}
@media (max-width:575.98px) {
.table.b-table.b-table-stacked-sm {
display : block;
width : 100%
}
.table.b-table.b-table-stacked-sm>caption,.table.b-table.b-table-stacked-sm>tbody,.table.b-table.b-table-stacked-sm>tbody>tr,.table.b-table.b-table-stacked-sm>tbody>tr>td,.table.b-table.b-table-stacked-sm>tbody>tr>th {
display : block
}
.table.b-table.b-table-stacked-sm>tfoot,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-sm>thead,.table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row {
display : none
}
.table.b-table.b-table-stacked-sm>caption {
caption-side : top!important
}
.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before {
content : attr(data-label);
width : 40%;
float : left;
text-align : right;
word-wrap : break-word;
font-weight : 700;
font-style : normal;
padding : 0 .5rem 0 0;
margin : 0
}
.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:after {
display : block;
clear : both;
content : ""
}
.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div {
display : inline-block;
width : 60%;
padding : 0 0 0 .5rem;
margin : 0
}
.table.b-table.b-table-stacked-sm>tbody>tr.bottom-row,.table.b-table.b-table-stacked-sm>tbody>tr.top-row {
display : none
}
.table.b-table.b-table-stacked-sm>tbody>tr>:first-child,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th {
border-top-width : 3px
}
}
@media (max-width:767.98px) {
.table.b-table.b-table-stacked-md {
display : block;
width : 100%
}
.table.b-table.b-table-stacked-md>caption,.table.b-table.b-table-stacked-md>tbody,.table.b-table.b-table-stacked-md>tbody>tr,.table.b-table.b-table-stacked-md>tbody>tr>td,.table.b-table.b-table-stacked-md>tbody>tr>th {
display : block
}
.table.b-table.b-table-stacked-md>tfoot,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-md>thead,.table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>thead>tr.b-table-top-row {
display : none
}
.table.b-table.b-table-stacked-md>caption {
caption-side : top!important
}
.table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before {
content : attr(data-label);
width : 40%;
float : left;
text-align : right;
word-wrap : break-word;
font-weight : 700;
font-style : normal;
padding : 0 .5rem 0 0;
margin : 0
}
.table.b-table.b-table-stacked-md>tbody>tr>[data-label]:after {
display : block;
clear : both;
content : ""
}
.table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div {
display : inline-block;
width : 60%;
padding : 0 0 0 .5rem;
margin : 0
}
.table.b-table.b-table-stacked-md>tbody>tr.bottom-row,.table.b-table.b-table-stacked-md>tbody>tr.top-row {
display : none
}
.table.b-table.b-table-stacked-md>tbody>tr>:first-child,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th {
border-top-width : 3px
}
}
@media (max-width:991.98px) {
.table.b-table.b-table-stacked-lg {
display : block;
width : 100%
}
.table.b-table.b-table-stacked-lg>caption,.table.b-table.b-table-stacked-lg>tbody,.table.b-table.b-table-stacked-lg>tbody>tr,.table.b-table.b-table-stacked-lg>tbody>tr>td,.table.b-table.b-table-stacked-lg>tbody>tr>th {
display : block
}
.table.b-table.b-table-stacked-lg>tfoot,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-lg>thead,.table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row {
display : none
}
.table.b-table.b-table-stacked-lg>caption {
caption-side : top!important
}
.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before {
content : attr(data-label);
width : 40%;
float : left;
text-align : right;
word-wrap : break-word;
font-weight : 700;
font-style : normal;
padding : 0 .5rem 0 0;
margin : 0
}
.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:after {
display : block;
clear : both;
content : ""
}
.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div {
display : inline-block;
width : 60%;
padding : 0 0 0 .5rem;
margin : 0
}
.table.b-table.b-table-stacked-lg>tbody>tr.bottom-row,.table.b-table.b-table-stacked-lg>tbody>tr.top-row {
display : none
}
.table.b-table.b-table-stacked-lg>tbody>tr>:first-child,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th {
border-top-width : 3px
}
}
@media (max-width:1199.98px) {
.table.b-table.b-table-stacked-xl {
display : block;
width : 100%
}
.table.b-table.b-table-stacked-xl>caption,.table.b-table.b-table-stacked-xl>tbody,.table.b-table.b-table-stacked-xl>tbody>tr,.table.b-table.b-table-stacked-xl>tbody>tr>td,.table.b-table.b-table-stacked-xl>tbody>tr>th {
display : block
}
.table.b-table.b-table-stacked-xl>tfoot,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-xl>thead,.table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row {
display : none
}
.table.b-table.b-table-stacked-xl>caption {
caption-side : top!important
}
.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before {
content : attr(data-label);
width : 40%;
float : left;
text-align : right;
word-wrap : break-word;
font-weight : 700;
font-style : normal;
padding : 0 .5rem 0 0;
margin : 0
}
.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:after {
display : block;
clear : both;
content : ""
}
.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div {
display : inline-block;
width : 60%;
padding : 0 0 0 .5rem;
margin : 0
}
.table.b-table.b-table-stacked-xl>tbody>tr.bottom-row,.table.b-table.b-table-stacked-xl>tbody>tr.top-row {
display : none
}
.table.b-table.b-table-stacked-xl>tbody>tr>:first-child,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th {
border-top-width : 3px
}
}
.table.b-table.b-table-stacked {
display : block;
width : 100%
}
.table.b-table.b-table-stacked>caption,.table.b-table.b-table-stacked>tbody,.table.b-table.b-table-stacked>tbody>tr,.table.b-table.b-table-stacked>tbody>tr>td,.table.b-table.b-table-stacked>tbody>tr>th {
display : block
}
.table.b-table.b-table-stacked>tfoot,.table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked>thead,.table.b-table.b-table-stacked>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked>thead>tr.b-table-top-row {
display : none
}
.table.b-table.b-table-stacked>caption {
caption-side : top!important
}
.table.b-table.b-table-stacked>tbody>tr>[data-label]:before {
content : attr(data-label);
width : 40%;
float : left;
text-align : right;
word-wrap : break-word;
font-weight : 700;
font-style : normal;
padding : 0 .5rem 0 0;
margin : 0
}
.table.b-table.b-table-stacked>tbody>tr>[data-label]:after {
display : block;
clear : both;
content : ""
}
.table.b-table.b-table-stacked>tbody>tr>[data-label]>div {
display : inline-block;
width : 60%;
padding : 0 0 0 .5rem;
margin : 0
}
.table.b-table.b-table-stacked>tbody>tr.bottom-row,.table.b-table.b-table-stacked>tbody>tr.top-row {
display : none
}
.table.b-table.b-table-stacked>tbody>tr>:first-child,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+th {
border-top-width : 3px
}
.b-time {
min-width : 150px
}
.b-time[aria-disabled=true] output,.b-time[aria-readonly=true] output,.b-time output.disabled {
background-color : #e9ecef;
opacity : 1
}
.b-time[aria-disabled=true] output {
pointer-events : none
}
[dir=rtl]
.b-time>.d-flex:not(.flex-column) {
flex-direction : row-reverse
}
.b-time .b-time-header {
margin-bottom : .5rem
}
.b-time .b-time-header output {
padding : .25rem;
font-size : 80%
}
.b-time .b-time-footer {
margin-top : .5rem
}
.b-time .b-time-ampm {
margin-left : .5rem
}
.b-toast {
display : block;
position : relative;
max-width : 350px;
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
background-clip : padding-box;
z-index : 1;
border-radius : .25rem
}
.b-toast .toast {
background-color : hsla(0,0%,100%,.85)
}
.b-toast:not(:last-child) {
margin-bottom : .75rem
}
.b-toast.b-toast-solid .toast {
background-color : #fff
}
.b-toast .toast {
opacity : 1
}
.b-toast .toast.fade:not(.show) {
opacity : 0
}
.b-toast .toast .toast-body {
display : block
}
.b-toast-primary .toast {
background-color : rgba(230,242,255,.85);
border-color : rgba(184,218,255,.85);
color : #004085
}
.b-toast-primary .toast .toast-header {
color : #004085;
background-color : rgba(204,229,255,.85);
border-bottom-color : rgba(184,218,255,.85)
}
.b-toast-primary.b-toast-solid .toast {
background-color : #e6f2ff
}
.b-toast-secondary .toast {
background-color : rgba(239,240,241,.85);
border-color : rgba(214,216,219,.85);
color : #383d41
}
.b-toast-secondary .toast .toast-header {
color : #383d41;
background-color : rgba(226,227,229,.85);
border-bottom-color : rgba(214,216,219,.85)
}
.b-toast-secondary.b-toast-solid .toast {
background-color : #eff0f1
}
.b-toast-success .toast {
background-color : rgba(230,245,233,.85);
border-color : rgba(195,230,203,.85);
color : #155724
}
.b-toast-success .toast .toast-header {
color : #155724;
background-color : rgba(212,237,218,.85);
border-bottom-color : rgba(195,230,203,.85)
}
.b-toast-success.b-toast-solid .toast {
background-color : #e6f5e9
}
.b-toast-info .toast {
background-color : rgba(229,244,247,.85);
border-color : rgba(190,229,235,.85);
color : #0c5460
}
.b-toast-info .toast .toast-header {
color : #0c5460;
background-color : rgba(209,236,241,.85);
border-bottom-color : rgba(190,229,235,.85)
}
.b-toast-info.b-toast-solid .toast {
background-color : #e5f4f7
}
.b-toast-warning .toast {
background-color : rgba(255,249,231,.85);
border-color : rgba(255,238,186,.85);
color : #856404
}
.b-toast-warning .toast .toast-header {
color : #856404;
background-color : rgba(255,243,205,.85);
border-bottom-color : rgba(255,238,186,.85)
}
.b-toast-warning.b-toast-solid .toast {
background-color : #fff9e7
}
.b-toast-danger .toast {
background-color : rgba(252,237,238,.85);
border-color : rgba(245,198,203,.85);
color : #721c24
}
.b-toast-danger .toast .toast-header {
color : #721c24;
background-color : rgba(248,215,218,.85);
border-bottom-color : rgba(245,198,203,.85)
}
.b-toast-danger.b-toast-solid .toast {
background-color : #fcedee
}
.b-toast-light .toast {
background-color : hsla(0,0%,100%,.85);
border-color : rgba(253,253,254,.85);
color : #818182
}
.b-toast-light .toast .toast-header {
color : #818182;
background-color : hsla(0,0%,99.6%,.85);
border-bottom-color : rgba(253,253,254,.85)
}
.b-toast-light.b-toast-solid .toast {
background-color : #fff
}
.b-toast-dark .toast {
background-color : rgba(227,229,229,.85);
border-color : rgba(198,200,202,.85);
color : #1b1e21
}
.b-toast-dark .toast .toast-header {
color : #1b1e21;
background-color : rgba(214,216,217,.85);
border-bottom-color : rgba(198,200,202,.85)
}
.b-toast-dark.b-toast-solid .toast {
background-color : #e3e5e5
}
.b-toaster {
z-index : 1100
}
.b-toaster .b-toaster-slot {
position : relative;
display : block
}
.b-toaster .b-toaster-slot:empty {
display : none!important
}
.b-toaster.b-toaster-bottom-center,.b-toaster.b-toaster-bottom-full,.b-toaster.b-toaster-bottom-left,.b-toaster.b-toaster-bottom-right,.b-toaster.b-toaster-top-center,.b-toaster.b-toaster-top-full,.b-toaster.b-toaster-top-left,.b-toaster.b-toaster-top-right {
position : fixed;
left : .5rem;
right : .5rem;
margin : 0;
padding : 0;
height : 0;
overflow : visible
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-full .b-toaster-slot,.b-toaster.b-toaster-bottom-left .b-toaster-slot,.b-toaster.b-toaster-bottom-right .b-toaster-slot,.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-full .b-toaster-slot,.b-toaster.b-toaster-top-left .b-toaster-slot,.b-toaster.b-toaster-top-right .b-toaster-slot {
position : absolute;
max-width : 350px;
width : 100%;
left : 0;
right : 0;
padding : 0;
margin : 0
}
.b-toaster.b-toaster-bottom-full .b-toaster-slot,.b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast,.b-toaster.b-toaster-top-full .b-toaster-slot,.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,.b-toaster.b-toaster-top-full .b-toaster-slot .toast {
width : 100%;
max-width : 100%
}
.b-toaster.b-toaster-top-center,.b-toaster.b-toaster-top-full,.b-toaster.b-toaster-top-left,.b-toaster.b-toaster-top-right {
top : 0
}
.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-full .b-toaster-slot,.b-toaster.b-toaster-top-left .b-toaster-slot,.b-toaster.b-toaster-top-right .b-toaster-slot {
top : .5rem
}
.b-toaster.b-toaster-bottom-center,.b-toaster.b-toaster-bottom-full,.b-toaster.b-toaster-bottom-left,.b-toaster.b-toaster-bottom-right {
bottom : 0
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-full .b-toaster-slot,.b-toaster.b-toaster-bottom-left .b-toaster-slot,.b-toaster.b-toaster-bottom-right .b-toaster-slot {
bottom : .5rem
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-right .b-toaster-slot,.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-right .b-toaster-slot {
margin-left : auto
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-left .b-toaster-slot,.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-left .b-toaster-slot {
margin-right : auto
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-left .b-toast.b-toaster-move,.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-right .b-toast.b-toaster-move {
transition : transform .175s
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade {
transition-delay : .175s
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active {
position : absolute;
transition-delay : .175s
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade {
transition-delay : 0s
}
.tooltip.b-tooltip {
display : block;
opacity : .9;
outline : 0
}
.tooltip.b-tooltip.fade:not(.show) {
opacity : 0
}
.tooltip.b-tooltip.show {
opacity : .9
}
.tooltip.b-tooltip.noninteractive {
pointer-events : none
}
.tooltip.b-tooltip .arrow {
margin : 0 .25rem
}
.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.bs-tooltip-left .arrow,.tooltip.b-tooltip.bs-tooltip-right .arrow {
margin : .25rem 0
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-primary.bs-tooltip-top .arrow:before {
border-top-color : #007bff
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-primary.bs-tooltip-right .arrow:before {
border-right-color : #007bff
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow:before {
border-bottom-color : #007bff
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-primary.bs-tooltip-left .arrow:before {
border-left-color : #007bff
}
.tooltip.b-tooltip-primary .tooltip-inner {
color : #fff;
background-color : #007bff
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow:before {
border-top-color : #6c757d
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow:before {
border-right-color : #6c757d
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow:before {
border-bottom-color : #6c757d
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow:before {
border-left-color : #6c757d
}
.tooltip.b-tooltip-secondary .tooltip-inner {
color : #fff;
background-color : #6c757d
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-success.bs-tooltip-top .arrow:before {
border-top-color : #28a745
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-success.bs-tooltip-right .arrow:before {
border-right-color : #28a745
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow:before {
border-bottom-color : #28a745
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-success.bs-tooltip-left .arrow:before {
border-left-color : #28a745
}
.tooltip.b-tooltip-success .tooltip-inner {
color : #fff;
background-color : #28a745
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-info.bs-tooltip-top .arrow:before {
border-top-color : #17a2b8
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-info.bs-tooltip-right .arrow:before {
border-right-color : #17a2b8
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow:before {
border-bottom-color : #17a2b8
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-info.bs-tooltip-left .arrow:before {
border-left-color : #17a2b8
}
.tooltip.b-tooltip-info .tooltip-inner {
color : #fff;
background-color : #17a2b8
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-warning.bs-tooltip-top .arrow:before {
border-top-color : #ffc107
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-warning.bs-tooltip-right .arrow:before {
border-right-color : #ffc107
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow:before {
border-bottom-color : #ffc107
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-warning.bs-tooltip-left .arrow:before {
border-left-color : #ffc107
}
.tooltip.b-tooltip-warning .tooltip-inner {
color : #212529;
background-color : #ffc107
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-danger.bs-tooltip-top .arrow:before {
border-top-color : #dc3545
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-danger.bs-tooltip-right .arrow:before {
border-right-color : #dc3545
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow:before {
border-bottom-color : #dc3545
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-danger.bs-tooltip-left .arrow:before {
border-left-color : #dc3545
}
.tooltip.b-tooltip-danger .tooltip-inner {
color : #fff;
background-color : #dc3545
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-light.bs-tooltip-top .arrow:before {
border-top-color : #f8f9fa
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-light.bs-tooltip-right .arrow:before {
border-right-color : #f8f9fa
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow:before {
border-bottom-color : #f8f9fa
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-light.bs-tooltip-left .arrow:before {
border-left-color : #f8f9fa
}
.tooltip.b-tooltip-light .tooltip-inner {
color : #212529;
background-color : #f8f9fa
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.b-tooltip-dark.bs-tooltip-top .arrow:before {
border-top-color : #343a40
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow:before,.tooltip.b-tooltip-dark.bs-tooltip-right .arrow:before {
border-right-color : #343a40
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow:before {
border-bottom-color : #343a40
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow:before,.tooltip.b-tooltip-dark.bs-tooltip-left .arrow:before {
border-left-color : #343a40
}
.tooltip.b-tooltip-dark .tooltip-inner {
color : #fff;
background-color : #343a40
}
.b-icon.bi {
display : inline-block;
overflow : visible;
vertical-align : -.15em
}
.b-icon.b-icon-animation-cylon,.b-icon.b-iconstack .b-icon-animation-cylon>g {
transform-origin : center;
-webkit-animation : b-icon-animation-cylon .75s ease-in-out infinite alternate;
animation : b-icon-animation-cylon .75s ease-in-out infinite alternate
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-cylon,.b-icon.b-iconstack .b-icon-animation-cylon>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-cylon-vertical,.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g {
transform-origin : center;
-webkit-animation : b-icon-animation-cylon-vertical .75s ease-in-out infinite alternate;
animation : b-icon-animation-cylon-vertical .75s ease-in-out infinite alternate
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-cylon-vertical,.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-fade,.b-icon.b-iconstack .b-icon-animation-fade>g {
transform-origin : center;
-webkit-animation : b-icon-animation-fade .75s ease-in-out infinite alternate;
animation : b-icon-animation-fade .75s ease-in-out infinite alternate
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-fade,.b-icon.b-iconstack .b-icon-animation-fade>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-spin,.b-icon.b-iconstack .b-icon-animation-spin>g {
transform-origin : center;
-webkit-animation : b-icon-animation-spin 2s linear infinite normal;
animation : b-icon-animation-spin 2s linear infinite normal
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-spin,.b-icon.b-iconstack .b-icon-animation-spin>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-spin-reverse,.b-icon.b-iconstack .b-icon-animation-spin-reverse>g {
transform-origin : center;
animation : b-icon-animation-spin 2s linear infinite reverse
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-spin-reverse,.b-icon.b-iconstack .b-icon-animation-spin-reverse>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-spin-pulse,.b-icon.b-iconstack .b-icon-animation-spin-pulse>g {
transform-origin : center;
-webkit-animation : b-icon-animation-spin 1s steps(8) infinite normal;
animation : b-icon-animation-spin 1s steps(8) infinite normal
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-spin-pulse,.b-icon.b-iconstack .b-icon-animation-spin-pulse>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-spin-reverse-pulse,.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g {
transform-origin : center;
animation : b-icon-animation-spin 1s steps(8) infinite reverse
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-spin-reverse-pulse,.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g {
-webkit-animation : none;
animation : none
}
}
.b-icon.b-icon-animation-throb,.b-icon.b-iconstack .b-icon-animation-throb>g {
transform-origin : center;
-webkit-animation : b-icon-animation-throb .75s ease-in-out infinite alternate;
animation : b-icon-animation-throb .75s ease-in-out infinite alternate
}
@media (prefers-reduced-motion:reduce) {
.b-icon.b-icon-animation-throb,.b-icon.b-iconstack .b-icon-animation-throb>g {
-webkit-animation : none;
animation : none
}
}
@-webkit-keyframes b-icon-animation-cylon {
0%
{transform:translateX(-25%)}
to {
transform : translateX(25%)
}
}
@keyframes b-icon-animation-cylon {
0%
{transform:translateX(-25%)}
to {
transform : translateX(25%)
}
}
@-webkit-keyframes b-icon-animation-cylon-vertical {
0%
{transform:translateY(25%)}
to {
transform : translateY(-25%)
}
}
@keyframes b-icon-animation-cylon-vertical {
0%
{transform:translateY(25%)}
to {
transform : translateY(-25%)
}
}
@-webkit-keyframes b-icon-animation-fade {
0%
{opacity:.1}
to {
opacity : 1
}
}
@keyframes b-icon-animation-fade {
0%
{opacity:.1}
to {
opacity : 1
}
}
@-webkit-keyframes b-icon-animation-spin {
0%
{transform:rotate(0deg)}
to {
transform : rotate(359deg)
}
}
@keyframes b-icon-animation-spin {
0%
{transform:rotate(0deg)}
to {
transform : rotate(359deg)
}
}
@-webkit-keyframes b-icon-animation-throb {
0%
{opacity:.5;transform:scale(.5)}
to {
opacity : 1;
transform : scale(1)
}
}
@keyframes b-icon-animation-throb {
0%
{opacity:.5;transform:scale(.5)}
to {
opacity : 1;
transform : scale(1)
}
}
.btn .b-icon.bi,.dropdown-item .b-icon.bi,.dropdown-toggle .b-icon.bi,.input-group-text .b-icon.bi,.nav-link .b-icon.bi {
font-size : 125%;
vertical-align : text-bottom
}
</style>
<style type="text/css">
/*!
* Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue : #007bff;
--indigo : #6610f2;
--purple : #6f42c1;
--pink : #e83e8c;
--red : #dc3545;
--orange : #fd7e14;
--yellow : #ffc107;
--green : #28a745;
--teal : #20c997;
--cyan : #17a2b8;
--white : #fff;
--gray : #6c757d;
--gray-dark : #343a40;
--primary : #007bff;
--secondary : #6c757d;
--success : #28a745;
--info : #17a2b8;
--warning : #ffc107;
--danger : #dc3545;
--light : #f8f9fa;
--dark : #343a40;
--breakpoint-xs : 0;
--breakpoint-sm : 576px;
--breakpoint-md : 768px;
--breakpoint-lg : 992px;
--breakpoint-xl : 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
*,:after,:before {
box-sizing : border-box
}
html {
font-family : sans-serif;
line-height : 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
display : block
}
body {
margin : 0;
font-family : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #212529;
text-align : left;
background-color : #fff
}
[tabindex="-1"]
:focus:not(.focus-visible),[tabindex="-1"]:focus:not(:focus-visible) {
outline : 0!important
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible
}
h1,h2,h3,h4,h5,h6 {
margin-top : 0;
margin-bottom : .5rem
}
p {
margin-bottom : 1rem
}
abbr[data-original-title],abbr[title] {
text-decoration : underline;
-webkit-text-decoration: underline dotted;
text-decoration : underline dotted;
cursor : help;
border-bottom : 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
font-style : normal;
line-height : inherit
}
address,dl,ol,ul {
margin-bottom : 1rem
}
dl,ol,ul {
margin-top : 0
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom : 0
}
dt {
font-weight : 700
}
dd {
margin-bottom : .5rem;
margin-left : 0
}
blockquote {
margin : 0 0 1rem
}
b,strong {
font-weight : bolder
}
small {
font-size : 80%
}
sub,sup {
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline
}
sub {
bottom : -.25em
}
sup {
top : -.5em
}
a {
color : #007bff;
text-decoration : none;
background-color : transparent
}
a:hover {
color : #0056b3;
text-decoration : underline
}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
color : inherit;
text-decoration : none
}
code,kbd,pre,samp {
font-family : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size : 1em
}
pre {
margin-top : 0;
margin-bottom : 1rem;
overflow : auto;
-ms-overflow-style : scrollbar
}
figure {
margin : 0 0 1rem
}
img {
border-style : none
}
img,svg {
vertical-align : middle
}
svg {
overflow : hidden
}
table {
border-collapse : collapse
}
caption {
padding-top : .75rem;
padding-bottom : .75rem;
color : #6c757d;
text-align : left;
caption-side : bottom
}
th {
text-align : inherit;
text-align : -webkit-match-parent
}
label {
display : inline-block;
margin-bottom : .5rem
}
button {
border-radius : 0
}
button:focus:not(.focus-visible),button:focus:not(:focus-visible) {
outline : 0
}
button,input,optgroup,select,textarea {
margin : 0;
font-family : inherit;
font-size : inherit;
line-height : inherit
}
button,input {
overflow : visible
}
button,select {
text-transform : none
}
[role=button]
{cursor:pointer}
select {
word-wrap : normal
}
[type=button]
,
[type=reset]
,
[type=submit]
,
button {
-webkit-appearance : button
}
[type=button]
:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor : pointer
}
[type=button]
::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
padding : 0;
border-style : none
}
input[type=checkbox],input[type=radio] {
box-sizing : border-box;
padding : 0
}
textarea {
overflow : auto;
resize : vertical
}
fieldset {
min-width : 0;
padding : 0;
margin : 0;
border : 0
}
legend {
display : block;
width : 100%;
max-width : 100%;
padding : 0;
margin-bottom : .5rem;
font-size : 1.5rem;
line-height : inherit;
color : inherit;
white-space : normal
}
progress {
vertical-align : baseline
}
[type=number]
::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height : auto
}
[type=search]
{outline-offset:-2px;-webkit-appearance:none}
[type=search]
::-webkit-search-decoration {
-webkit-appearance : none
}
::-webkit-file-upload-button {
font : inherit;
-webkit-appearance : button
}
output {
display : inline-block
}
summary {
display : list-item;
cursor : pointer
}
template {
display : none
}
[hidden]
{display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-bottom : .5rem;
font-weight : 500;
line-height : 1.2
}
.h1,h1 {
font-size : 2.5rem
}
.h2,h2 {
font-size : 2rem
}
.h3,h3 {
font-size : 1.75rem
}
.h4,h4 {
font-size : 1.5rem
}
.h5,h5 {
font-size : 1.25rem
}
.h6,h6 {
font-size : 1rem
}
.lead {
font-size : 1.25rem;
font-weight : 300
}
.display-1 {
font-size : 6rem
}
.display-1,.display-2 {
font-weight : 300;
line-height : 1.2
}
.display-2 {
font-size : 5.5rem
}
.display-3 {
font-size : 4.5rem
}
.display-3,.display-4 {
font-weight : 300;
line-height : 1.2
}
.display-4 {
font-size : 3.5rem
}
hr {
margin-top : 1rem;
margin-bottom : 1rem;
border : 0;
border-top : 1px solid rgba(0,0,0,.1)
}
.small,small {
font-size : 80%;
font-weight : 400
}
.mark,mark {
padding : .2em;
background-color : #fcf8e3
}
.list-inline,.list-unstyled {
padding-left : 0;
list-style : none
}
.list-inline-item {
display : inline-block
}
.list-inline-item:not(:last-child) {
margin-right : .5rem
}
.initialism {
font-size : 90%;
text-transform : uppercase
}
.blockquote {
margin-bottom : 1rem;
font-size : 1.25rem
}
.blockquote-footer {
display : block;
font-size : 80%;
color : #6c757d
}
.blockquote-footer:before {
content : "— "
}
.img-fluid,.img-thumbnail {
max-width : 100%;
height : auto
}
.img-thumbnail {
padding : .25rem;
background-color : #fff;
border : 1px solid #dee2e6;
border-radius : .25rem
}
.figure {
display : inline-block
}
.figure-img {
margin-bottom : .5rem;
line-height : 1
}
.figure-caption {
font-size : 90%;
color : #6c757d
}
code {
font-size : 87.5%;
color : #e83e8c;
word-wrap : break-word
}
a>code {
color : inherit
}
kbd {
padding : .2rem .4rem;
font-size : 87.5%;
color : #fff;
background-color : #212529;
border-radius : .2rem
}
kbd kbd {
padding : 0;
font-size : 100%;
font-weight : 700
}
pre {
display : block;
font-size : 87.5%;
color : #212529
}
pre code {
font-size : inherit;
color : inherit;
word-break : normal
}
.pre-scrollable {
max-height : 340px;
overflow-y : scroll
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto
}
@media (min-width:576px) {
.container,.container-sm {
max-width : 540px
}
}
@media (min-width:768px) {
.container,.container-md,.container-sm {
max-width : 720px
}
}
@media (min-width:992px) {
.container,.container-lg,.container-md,.container-sm {
max-width : 960px
}
}
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width : 1140px
}
}
.row {
display : flex;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px
}
.no-gutters {
margin-right : 0;
margin-left : 0
}
.no-gutters>.col,.no-gutters>[class*=col-] {
padding-right : 0;
padding-left : 0
}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.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-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.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-auto,.col-xl,.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-auto {
position : relative;
width : 100%;
padding-right : 15px;
padding-left : 15px
}
.col {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-first {
order : -1
}
.order-last {
order : 13
}
.order-0 {
order : 0
}
.order-1 {
order : 1
}
.order-2 {
order : 2
}
.order-3 {
order : 3
}
.order-4 {
order : 4
}
.order-5 {
order : 5
}
.order-6 {
order : 6
}
.order-7 {
order : 7
}
.order-8 {
order : 8
}
.order-9 {
order : 9
}
.order-10 {
order : 10
}
.order-11 {
order : 11
}
.order-12 {
order : 12
}
.offset-1 {
margin-left : 8.333333%
}
.offset-2 {
margin-left : 16.666667%
}
.offset-3 {
margin-left : 25%
}
.offset-4 {
margin-left : 33.333333%
}
.offset-5 {
margin-left : 41.666667%
}
.offset-6 {
margin-left : 50%
}
.offset-7 {
margin-left : 58.333333%
}
.offset-8 {
margin-left : 66.666667%
}
.offset-9 {
margin-left : 75%
}
.offset-10 {
margin-left : 83.333333%
}
.offset-11 {
margin-left : 91.666667%
}
@media (min-width:576px) {
.col-sm {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-sm-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-sm-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-sm-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-sm-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-sm-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-sm-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-sm-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-sm-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-sm-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-sm-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-sm-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-sm-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-sm-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-sm-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-sm-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-sm-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-sm-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-sm-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-sm-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-sm-first {
order : -1
}
.order-sm-last {
order : 13
}
.order-sm-0 {
order : 0
}
.order-sm-1 {
order : 1
}
.order-sm-2 {
order : 2
}
.order-sm-3 {
order : 3
}
.order-sm-4 {
order : 4
}
.order-sm-5 {
order : 5
}
.order-sm-6 {
order : 6
}
.order-sm-7 {
order : 7
}
.order-sm-8 {
order : 8
}
.order-sm-9 {
order : 9
}
.order-sm-10 {
order : 10
}
.order-sm-11 {
order : 11
}
.order-sm-12 {
order : 12
}
.offset-sm-0 {
margin-left : 0
}
.offset-sm-1 {
margin-left : 8.333333%
}
.offset-sm-2 {
margin-left : 16.666667%
}
.offset-sm-3 {
margin-left : 25%
}
.offset-sm-4 {
margin-left : 33.333333%
}
.offset-sm-5 {
margin-left : 41.666667%
}
.offset-sm-6 {
margin-left : 50%
}
.offset-sm-7 {
margin-left : 58.333333%
}
.offset-sm-8 {
margin-left : 66.666667%
}
.offset-sm-9 {
margin-left : 75%
}
.offset-sm-10 {
margin-left : 83.333333%
}
.offset-sm-11 {
margin-left : 91.666667%
}
}
@media (min-width:768px) {
.col-md {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-md-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-md-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-md-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-md-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-md-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-md-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-md-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-md-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-md-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-md-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-md-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-md-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-md-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-md-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-md-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-md-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-md-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-md-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-md-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-md-first {
order : -1
}
.order-md-last {
order : 13
}
.order-md-0 {
order : 0
}
.order-md-1 {
order : 1
}
.order-md-2 {
order : 2
}
.order-md-3 {
order : 3
}
.order-md-4 {
order : 4
}
.order-md-5 {
order : 5
}
.order-md-6 {
order : 6
}
.order-md-7 {
order : 7
}
.order-md-8 {
order : 8
}
.order-md-9 {
order : 9
}
.order-md-10 {
order : 10
}
.order-md-11 {
order : 11
}
.order-md-12 {
order : 12
}
.offset-md-0 {
margin-left : 0
}
.offset-md-1 {
margin-left : 8.333333%
}
.offset-md-2 {
margin-left : 16.666667%
}
.offset-md-3 {
margin-left : 25%
}
.offset-md-4 {
margin-left : 33.333333%
}
.offset-md-5 {
margin-left : 41.666667%
}
.offset-md-6 {
margin-left : 50%
}
.offset-md-7 {
margin-left : 58.333333%
}
.offset-md-8 {
margin-left : 66.666667%
}
.offset-md-9 {
margin-left : 75%
}
.offset-md-10 {
margin-left : 83.333333%
}
.offset-md-11 {
margin-left : 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-lg-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-lg-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-lg-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-lg-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-lg-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-lg-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-lg-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-lg-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-lg-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-lg-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-lg-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-lg-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-lg-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-lg-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-lg-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-lg-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-lg-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-lg-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-lg-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-lg-first {
order : -1
}
.order-lg-last {
order : 13
}
.order-lg-0 {
order : 0
}
.order-lg-1 {
order : 1
}
.order-lg-2 {
order : 2
}
.order-lg-3 {
order : 3
}
.order-lg-4 {
order : 4
}
.order-lg-5 {
order : 5
}
.order-lg-6 {
order : 6
}
.order-lg-7 {
order : 7
}
.order-lg-8 {
order : 8
}
.order-lg-9 {
order : 9
}
.order-lg-10 {
order : 10
}
.order-lg-11 {
order : 11
}
.order-lg-12 {
order : 12
}
.offset-lg-0 {
margin-left : 0
}
.offset-lg-1 {
margin-left : 8.333333%
}
.offset-lg-2 {
margin-left : 16.666667%
}
.offset-lg-3 {
margin-left : 25%
}
.offset-lg-4 {
margin-left : 33.333333%
}
.offset-lg-5 {
margin-left : 41.666667%
}
.offset-lg-6 {
margin-left : 50%
}
.offset-lg-7 {
margin-left : 58.333333%
}
.offset-lg-8 {
margin-left : 66.666667%
}
.offset-lg-9 {
margin-left : 75%
}
.offset-lg-10 {
margin-left : 83.333333%
}
.offset-lg-11 {
margin-left : 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
flex-basis : 0;
flex-grow : 1;
max-width : 100%
}
.row-cols-xl-1>* {
flex : 0 0 100%;
max-width : 100%
}
.row-cols-xl-2>* {
flex : 0 0 50%;
max-width : 50%
}
.row-cols-xl-3>* {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.row-cols-xl-4>* {
flex : 0 0 25%;
max-width : 25%
}
.row-cols-xl-5>* {
flex : 0 0 20%;
max-width : 20%
}
.row-cols-xl-6>* {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-xl-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%
}
.col-xl-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%
}
.col-xl-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%
}
.col-xl-3 {
flex : 0 0 25%;
max-width : 25%
}
.col-xl-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%
}
.col-xl-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%
}
.col-xl-6 {
flex : 0 0 50%;
max-width : 50%
}
.col-xl-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%
}
.col-xl-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%
}
.col-xl-9 {
flex : 0 0 75%;
max-width : 75%
}
.col-xl-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%
}
.col-xl-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%
}
.col-xl-12 {
flex : 0 0 100%;
max-width : 100%
}
.order-xl-first {
order : -1
}
.order-xl-last {
order : 13
}
.order-xl-0 {
order : 0
}
.order-xl-1 {
order : 1
}
.order-xl-2 {
order : 2
}
.order-xl-3 {
order : 3
}
.order-xl-4 {
order : 4
}
.order-xl-5 {
order : 5
}
.order-xl-6 {
order : 6
}
.order-xl-7 {
order : 7
}
.order-xl-8 {
order : 8
}
.order-xl-9 {
order : 9
}
.order-xl-10 {
order : 10
}
.order-xl-11 {
order : 11
}
.order-xl-12 {
order : 12
}
.offset-xl-0 {
margin-left : 0
}
.offset-xl-1 {
margin-left : 8.333333%
}
.offset-xl-2 {
margin-left : 16.666667%
}
.offset-xl-3 {
margin-left : 25%
}
.offset-xl-4 {
margin-left : 33.333333%
}
.offset-xl-5 {
margin-left : 41.666667%
}
.offset-xl-6 {
margin-left : 50%
}
.offset-xl-7 {
margin-left : 58.333333%
}
.offset-xl-8 {
margin-left : 66.666667%
}
.offset-xl-9 {
margin-left : 75%
}
.offset-xl-10 {
margin-left : 83.333333%
}
.offset-xl-11 {
margin-left : 91.666667%
}
}
.table {
width : 100%;
margin-bottom : 1rem;
color : #212529
}
.table td,.table th {
padding : .75rem;
vertical-align : top;
border-top : 1px solid #dee2e6
}
.table thead th {
border-bottom : 2px solid #dee2e6
}
.table tbody+tbody {
border-top : 2px solid #dee2e6
}
.table-sm td,.table-sm th {
padding : .3rem
}
.table-bordered,.table-bordered td,.table-bordered th {
border : 1px solid #dee2e6
}
.table-bordered thead td,.table-bordered thead th {
border-bottom-width : 2px
}
.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
border : 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color : rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
color : #212529;
background-color : rgba(0,0,0,.075)
}
.table-primary,.table-primary>td,.table-primary>th {
background-color : #b8daff
}
.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
border-color : #7abaff
}
.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
background-color : #9fcdff
}
.table-secondary,.table-secondary>td,.table-secondary>th {
background-color : #d6d8db
}
.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
border-color : #b3b7bb
}
.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
background-color : #c8cbcf
}
.table-success,.table-success>td,.table-success>th {
background-color : #c3e6cb
}
.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
border-color : #8fd19e
}
.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
background-color : #b1dfbb
}
.table-info,.table-info>td,.table-info>th {
background-color : #bee5eb
}
.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
border-color : #86cfda
}
.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
background-color : #abdde5
}
.table-warning,.table-warning>td,.table-warning>th {
background-color : #ffeeba
}
.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
border-color : #ffdf7e
}
.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
background-color : #ffe8a1
}
.table-danger,.table-danger>td,.table-danger>th {
background-color : #f5c6cb
}
.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
border-color : #ed969e
}
.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
background-color : #f1b0b7
}
.table-light,.table-light>td,.table-light>th {
background-color : #fdfdfe
}
.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
border-color : #fbfcfc
}
.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
background-color : #ececf6
}
.table-dark,.table-dark>td,.table-dark>th {
background-color : #c6c8ca
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color : #95999c
}
.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
background-color : #b9bbbe
}
.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
background-color : rgba(0,0,0,.075)
}
.table .thead-dark th {
color : #fff;
background-color : #343a40;
border-color : #454d55
}
.table .thead-light th {
color : #495057;
background-color : #e9ecef;
border-color : #dee2e6
}
.table-dark {
color : #fff;
background-color : #343a40
}
.table-dark td,.table-dark th,.table-dark thead th {
border-color : #454d55
}
.table-dark.table-bordered {
border : 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color : hsla(0,0%,100%,.05)
}
.table-dark.table-hover tbody tr:hover {
color : #fff;
background-color : hsla(0,0%,100%,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border : 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border : 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border : 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border : 0
}
}
.table-responsive {
display : block;
width : 100%;
overflow-x : auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border : 0
}
.form-control {
display : block;
width : 100%;
height : calc(1.5em + .75rem + 2px);
padding : .375rem .75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-clip : padding-box;
border : 1px solid #ced4da;
border-radius : .25rem;
transition : border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition : none
}
}
.form-control::-ms-expand {
background-color : transparent;
border : 0
}
.form-control:-moz-focusring {
color : transparent;
text-shadow : 0 0 0 #495057
}
.form-control:focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-moz-placeholder {
color : #6c757d;
opacity : 1
}
.form-control:-ms-input-placeholder {
color : #6c757d;
opacity : 1
}
.form-control::placeholder {
color : #6c757d;
opacity : 1
}
.form-control:disabled,.form-control[readonly] {
background-color : #e9ecef;
opacity : 1
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
select.form-control:focus::-ms-value {
color : #495057;
background-color : #fff
}
.form-control-file,.form-control-range {
display : block;
width : 100%
}
.col-form-label {
padding-top : calc(.375rem + 1px);
padding-bottom : calc(.375rem + 1px);
margin-bottom : 0;
font-size : inherit;
line-height : 1.5
}
.col-form-label-lg {
padding-top : calc(.5rem + 1px);
padding-bottom : calc(.5rem + 1px);
font-size : 1.25rem;
line-height : 1.5
}
.col-form-label-sm {
padding-top : calc(.25rem + 1px);
padding-bottom : calc(.25rem + 1px);
font-size : .875rem;
line-height : 1.5
}
.form-control-plaintext {
display : block;
width : 100%;
padding : .375rem 0;
margin-bottom : 0;
font-size : 1rem;
line-height : 1.5;
color : #212529;
background-color : transparent;
border : solid transparent;
border-width : 1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
padding-right : 0;
padding-left : 0
}
.form-control-sm {
height : calc(1.5em + .5rem + 2px);
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5;
border-radius : .2rem
}
.form-control-lg {
height : calc(1.5em + 1rem + 2px);
padding : .5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : .3rem
}
select.form-control[multiple],select.form-control[size],textarea.form-control {
height : auto
}
.form-group {
margin-bottom : 1rem
}
.form-text {
display : block;
margin-top : .25rem
}
.form-row {
display : flex;
flex-wrap : wrap;
margin-right : -5px;
margin-left : -5px
}
.form-row>.col,.form-row>[class*=col-] {
padding-right : 5px;
padding-left : 5px
}
.form-check {
position : relative;
display : block;
padding-left : 1.25rem
}
.form-check-input {
position : absolute;
margin-top : .3rem;
margin-left : -1.25rem
}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
color : #6c757d
}
.form-check-label {
margin-bottom : 0
}
.form-check-inline {
display : inline-flex;
align-items : center;
padding-left : 0;
margin-right : .75rem
}
.form-check-inline .form-check-input {
position : static;
margin-top : 0;
margin-right : .3125rem;
margin-left : 0
}
.valid-feedback {
display : none;
width : 100%;
margin-top : .25rem;
font-size : 80%;
color : #28a745
}
.valid-tooltip {
position : absolute;
top : 100%;
left : 0;
z-index : 5;
display : none;
max-width : 100%;
padding : .25rem .5rem;
margin-top : .1rem;
font-size : .875rem;
line-height : 1.5;
color : #fff;
background-color : rgba(40,167,69,.9);
border-radius : .25rem
}
.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
left : 5px
}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
display : block
}
.form-control.is-valid,.was-validated .form-control:valid {
border-color : #28a745;
padding-right : calc(1.5em + .75rem);
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
background-repeat : no-repeat;
background-position : right calc(.375em + .1875rem) center;
background-size : calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
padding-right : calc(1.5em + .75rem);
background-position : top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,.was-validated .custom-select:valid {
border-color : #28a745;
padding-right : calc(.75em + 2.3125rem);
background : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
color : #28a745
}
.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
display : block
}
.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
color : #28a745
}
.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
border-color : #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
border-color : #34ce57;
background-color : #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label {
border-color : #28a745
}
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color : #28a745;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
display : none;
width : 100%;
margin-top : .25rem;
font-size : 80%;
color : #dc3545
}
.invalid-tooltip {
position : absolute;
top : 100%;
left : 0;
z-index : 5;
display : none;
max-width : 100%;
padding : .25rem .5rem;
margin-top : .1rem;
font-size : .875rem;
line-height : 1.5;
color : #fff;
background-color : rgba(220,53,69,.9);
border-radius : .25rem
}
.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
left : 5px
}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
display : block
}
.form-control.is-invalid,.was-validated .form-control:invalid {
border-color : #dc3545;
padding-right : calc(1.5em + .75rem);
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
background-repeat : no-repeat;
background-position : right calc(.375em + .1875rem) center;
background-size : calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
padding-right : calc(1.5em + .75rem);
background-position : top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,.was-validated .custom-select:invalid {
border-color : #dc3545;
padding-right : calc(.75em + 2.3125rem);
background : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
color : #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
display : block
}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
color : #dc3545
}
.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
border-color : #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
border-color : #e4606d;
background-color : #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label {
border-color : #dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color : #dc3545;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline {
display : flex;
flex-flow : row wrap;
align-items : center
}
.form-inline .form-check {
width : 100%
}
@media (min-width:576px) {
.form-inline label {
justify-content : center
}
.form-inline .form-group,.form-inline label {
display : flex;
align-items : center;
margin-bottom : 0
}
.form-inline .form-group {
flex : 0 0 auto;
flex-flow : row wrap
}
.form-inline .form-control {
display : inline-block;
width : auto;
vertical-align : middle
}
.form-inline .form-control-plaintext {
display : inline-block
}
.form-inline .custom-select,.form-inline .input-group {
width : auto
}
.form-inline .form-check {
display : flex;
align-items : center;
justify-content : center;
width : auto;
padding-left : 0
}
.form-inline .form-check-input {
position : relative;
flex-shrink : 0;
margin-top : 0;
margin-right : .25rem;
margin-left : 0
}
.form-inline .custom-control {
align-items : center;
justify-content : center
}
.form-inline .custom-control-label {
margin-bottom : 0
}
}
.btn {
display : inline-block;
color : #212529;
text-align : center;
vertical-align : middle;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
background-color : transparent;
border : 1px solid transparent;
padding : .375rem .75rem;
font-size : 1rem;
line-height : 1.5;
border-radius : .25rem;
transition : color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition : none
}
}
.btn:hover {
color : #212529;
text-decoration : none
}
.btn.focus,.btn:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.btn.disabled,.btn:disabled {
opacity : .65
}
.btn:not(:disabled):not(.disabled) {
cursor : pointer
}
a.btn.disabled,fieldset:disabled a.btn {
pointer-events : none
}
.btn-primary {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
color : #fff;
background-color : #0069d9;
border-color : #0062cc
}
.btn-primary.focus,.btn-primary:focus {
box-shadow : 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-primary.disabled,.btn-primary:disabled {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
color : #fff;
background-color : #0062cc;
border-color : #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-secondary {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {
color : #fff;
background-color : #5a6268;
border-color : #545b62
}
.btn-secondary.focus,.btn-secondary:focus {
box-shadow : 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-secondary.disabled,.btn-secondary:disabled {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
color : #fff;
background-color : #545b62;
border-color : #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-success {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-success.focus,.btn-success:focus,.btn-success:hover {
color : #fff;
background-color : #218838;
border-color : #1e7e34
}
.btn-success.focus,.btn-success:focus {
box-shadow : 0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-success.disabled,.btn-success:disabled {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
color : #fff;
background-color : #1e7e34;
border-color : #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-info {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-info.focus,.btn-info:focus,.btn-info:hover {
color : #fff;
background-color : #138496;
border-color : #117a8b
}
.btn-info.focus,.btn-info:focus {
box-shadow : 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-info.disabled,.btn-info:disabled {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
color : #fff;
background-color : #117a8b;
border-color : #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-warning {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-warning.focus,.btn-warning:focus,.btn-warning:hover {
color : #212529;
background-color : #e0a800;
border-color : #d39e00
}
.btn-warning.focus,.btn-warning:focus {
box-shadow : 0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-warning.disabled,.btn-warning:disabled {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
color : #212529;
background-color : #d39e00;
border-color : #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-danger {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-danger.focus,.btn-danger:focus,.btn-danger:hover {
color : #fff;
background-color : #c82333;
border-color : #bd2130
}
.btn-danger.focus,.btn-danger:focus {
box-shadow : 0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-danger.disabled,.btn-danger:disabled {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
color : #fff;
background-color : #bd2130;
border-color : #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-light {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-light.focus,.btn-light:focus,.btn-light:hover {
color : #212529;
background-color : #e2e6ea;
border-color : #dae0e5
}
.btn-light.focus,.btn-light:focus {
box-shadow : 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-light.disabled,.btn-light:disabled {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
color : #212529;
background-color : #dae0e5;
border-color : #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-dark {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-dark.focus,.btn-dark:focus,.btn-dark:hover {
color : #fff;
background-color : #23272b;
border-color : #1d2124
}
.btn-dark.focus,.btn-dark:focus {
box-shadow : 0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-dark.disabled,.btn-dark:disabled {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
color : #fff;
background-color : #1d2124;
border-color : #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-outline-primary {
color : #007bff;
border-color : #007bff
}
.btn-outline-primary:hover {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-outline-primary.focus,.btn-outline-primary:focus {
box-shadow : 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {
color : #007bff;
background-color : transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-secondary {
color : #6c757d;
border-color : #6c757d
}
.btn-outline-secondary:hover {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-outline-secondary.focus,.btn-outline-secondary:focus {
box-shadow : 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
color : #6c757d;
background-color : transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
color : #fff;
background-color : #6c757d;
border-color : #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-success {
color : #28a745;
border-color : #28a745
}
.btn-outline-success:hover {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-outline-success.focus,.btn-outline-success:focus {
box-shadow : 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-success.disabled,.btn-outline-success:disabled {
color : #28a745;
background-color : transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
color : #fff;
background-color : #28a745;
border-color : #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-info {
color : #17a2b8;
border-color : #17a2b8
}
.btn-outline-info:hover {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-outline-info.focus,.btn-outline-info:focus {
box-shadow : 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-info.disabled,.btn-outline-info:disabled {
color : #17a2b8;
background-color : transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-warning {
color : #ffc107;
border-color : #ffc107
}
.btn-outline-warning:hover {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-outline-warning.focus,.btn-outline-warning:focus {
box-shadow : 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled {
color : #ffc107;
background-color : transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
color : #212529;
background-color : #ffc107;
border-color : #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-danger {
color : #dc3545;
border-color : #dc3545
}
.btn-outline-danger:hover {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-outline-danger.focus,.btn-outline-danger:focus {
box-shadow : 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled {
color : #dc3545;
background-color : transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
color : #fff;
background-color : #dc3545;
border-color : #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-light {
color : #f8f9fa;
border-color : #f8f9fa
}
.btn-outline-light:hover {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-outline-light.focus,.btn-outline-light:focus {
box-shadow : 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-light.disabled,.btn-outline-light:disabled {
color : #f8f9fa;
background-color : transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-dark {
color : #343a40;
border-color : #343a40
}
.btn-outline-dark:hover {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-outline-dark.focus,.btn-outline-dark:focus {
box-shadow : 0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-outline-dark.disabled,.btn-outline-dark:disabled {
color : #343a40;
background-color : transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
color : #fff;
background-color : #343a40;
border-color : #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow : 0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-link {
font-weight : 400;
color : #007bff;
text-decoration : none
}
.btn-link:hover {
color : #0056b3
}
.btn-link.focus,.btn-link:focus,.btn-link:hover {
text-decoration : underline
}
.btn-link.disabled,.btn-link:disabled {
color : #6c757d;
pointer-events : none
}
.btn-group-lg>.btn,.btn-lg {
padding : .5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : .3rem
}
.btn-group-sm>.btn,.btn-sm {
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5;
border-radius : .2rem
}
.btn-block {
display : block;
width : 100%
}
.btn-block+.btn-block {
margin-top : .5rem
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width : 100%
}
.fade {
transition : opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition : none
}
}
.fade:not(.show) {
opacity : 0
}
.collapse:not(.show) {
display : none
}
.collapsing {
position : relative;
height : 0;
overflow : hidden;
transition : height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition : none
}
}
.dropdown,.dropleft,.dropright,.dropup {
position : relative
}
.dropdown-toggle {
white-space : nowrap
}
.dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
border-top : .3em solid;
border-right : .3em solid transparent;
border-bottom : 0;
border-left : .3em solid transparent
}
.dropdown-toggle:empty:after {
margin-left : 0
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 10rem;
padding : .5rem 0;
margin : .125rem 0 0;
font-size : 1rem;
color : #212529;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.15);
border-radius : .25rem
}
.dropdown-menu-left {
right : auto;
left : 0
}
.dropdown-menu-right {
right : 0;
left : auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right : auto;
left : 0
}
.dropdown-menu-sm-right {
right : 0;
left : auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right : auto;
left : 0
}
.dropdown-menu-md-right {
right : 0;
left : auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right : auto;
left : 0
}
.dropdown-menu-lg-right {
right : 0;
left : auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right : auto;
left : 0
}
.dropdown-menu-xl-right {
right : 0;
left : auto
}
}
.dropup .dropdown-menu {
top : auto;
bottom : 100%;
margin-top : 0;
margin-bottom : .125rem
}
.dropup .dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
border-top : 0;
border-right : .3em solid transparent;
border-bottom : .3em solid;
border-left : .3em solid transparent
}
.dropup .dropdown-toggle:empty:after {
margin-left : 0
}
.dropright .dropdown-menu {
top : 0;
right : auto;
left : 100%;
margin-top : 0;
margin-left : .125rem
}
.dropright .dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
border-top : .3em solid transparent;
border-right : 0;
border-bottom : .3em solid transparent;
border-left : .3em solid
}
.dropright .dropdown-toggle:empty:after {
margin-left : 0
}
.dropright .dropdown-toggle:after {
vertical-align : 0
}
.dropleft .dropdown-menu {
top : 0;
right : 100%;
left : auto;
margin-top : 0;
margin-right : .125rem
}
.dropleft .dropdown-toggle:after {
display : inline-block;
margin-left : .255em;
vertical-align : .255em;
content : "";
display : none
}
.dropleft .dropdown-toggle:before {
display : inline-block;
margin-right : .255em;
vertical-align : .255em;
content : "";
border-top : .3em solid transparent;
border-right : .3em solid;
border-bottom : .3em solid transparent
}
.dropleft .dropdown-toggle:empty:after {
margin-left : 0
}
.dropleft .dropdown-toggle:before {
vertical-align : 0
}
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
right : auto;
bottom : auto
}
.dropdown-divider {
height : 0;
margin : .5rem 0;
overflow : hidden;
border-top : 1px solid #e9ecef
}
.dropdown-item {
display : block;
width : 100%;
padding : .25rem 1.5rem;
clear : both;
font-weight : 400;
color : #212529;
text-align : inherit;
white-space : nowrap;
background-color : transparent;
border : 0
}
.dropdown-item:focus,.dropdown-item:hover {
color : #16181b;
text-decoration : none;
background-color : #e9ecef
}
.dropdown-item.active,.dropdown-item:active {
color : #fff;
text-decoration : none;
background-color : #007bff
}
.dropdown-item.disabled,.dropdown-item:disabled {
color : #adb5bd;
pointer-events : none;
background-color : transparent
}
.dropdown-menu.show {
display : block
}
.dropdown-header {
display : block;
padding : .5rem 1.5rem;
margin-bottom : 0;
font-size : .875rem;
color : #6c757d;
white-space : nowrap
}
.dropdown-item-text {
display : block;
padding : .25rem 1.5rem;
color : #212529
}
.btn-group,.btn-group-vertical {
position : relative;
display : inline-flex;
vertical-align : middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position : relative;
flex : 1 1 auto
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index : 1
}
.btn-toolbar {
display : flex;
flex-wrap : wrap;
justify-content : flex-start
}
.btn-toolbar .input-group {
width : auto
}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
margin-left : -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right : .5625rem;
padding-left : .5625rem
}
.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
margin-left : 0
}
.dropleft .dropdown-toggle-split:before {
margin-right : 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
padding-right : .375rem;
padding-left : .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
padding-right : .75rem;
padding-left : .75rem
}
.btn-group-vertical {
flex-direction : column;
align-items : flex-start;
justify-content : center
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
width : 100%
}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
margin-top : -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
margin-bottom : 0
}
.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio] {
position : absolute;
clip : rect(0,0,0,0);
pointer-events : none
}
.input-group {
position : relative;
display : flex;
flex-wrap : wrap;
align-items : stretch;
width : 100%
}
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
position : relative;
flex : 1 1 auto;
width : 1%;
min-width : 0;
margin-bottom : 0
}
.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
margin-left : -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
z-index : 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index : 4
}
.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display : flex;
align-items : center
}
.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n/**/+3) .custom-file-label:after,.input-group.has-validation>.custom-select:nth-last-child(n/**/+3),.input-group.has-validation>.form-control:nth-last-child(n/**/+3),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append,.input-group-prepend {
display : flex
}
.input-group-append .btn,.input-group-prepend .btn {
position : relative;
z-index : 2
}
.input-group-append .btn:focus,.input-group-prepend .btn:focus {
z-index : 3
}
.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
margin-left : -1px
}
.input-group-prepend {
margin-right : -1px
}
.input-group-append {
margin-left : -1px
}
.input-group-text {
display : flex;
align-items : center;
padding : .375rem .75rem;
margin-bottom : 0;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
text-align : center;
white-space : nowrap;
background-color : #e9ecef;
border : 1px solid #ced4da;
border-radius : .25rem
}
.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
margin-top : 0
}
.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
height : calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
padding : .5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : .3rem
}
.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
height : calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5;
border-radius : .2rem
}
.input-group-lg>.custom-select,.input-group-sm>.custom-select {
padding-right : 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n/**/+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n/**/+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position : relative;
z-index : 1;
display : block;
min-height : 1.5rem;
padding-left : 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust : exact
}
.custom-control-inline {
display : inline-flex;
margin-right : 1rem
}
.custom-control-input {
position : absolute;
left : 0;
z-index : -1;
width : 1rem;
height : 1.25rem;
opacity : 0
}
.custom-control-input:checked~.custom-control-label:before {
color : #fff;
border-color : #007bff;
background-color : #007bff
}
.custom-control-input:focus~.custom-control-label:before {
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label:before {
border-color : #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label:before {
color : #fff;
background-color : #b3d7ff;
border-color : #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
color : #6c757d
}
.custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before {
background-color : #e9ecef
}
.custom-control-label {
position : relative;
margin-bottom : 0;
vertical-align : top
}
.custom-control-label:before {
pointer-events : none
}
.custom-control-label:after,.custom-control-label:before {
position : absolute;
top : .25rem;
left : -1.5rem;
display : block;
width : 1rem;
height : 1rem;
content : ""
}
.custom-control-label:after {
background : 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label:before {
border-radius : .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
border-color : #007bff;
background-color : #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-radio .custom-control-label:before {
border-radius : 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-switch {
padding-left : 2.25rem
}
.custom-switch .custom-control-label:before {
left : -2.25rem;
width : 1.75rem;
pointer-events : all;
border-radius : .5rem
}
.custom-switch .custom-control-label:after {
top : calc(.25rem + 2px);
left : calc(-2.25rem + 2px);
width : calc(1rem - 4px);
height : calc(1rem - 4px);
background-color : #adb5bd;
border-radius : .5rem;
transition : transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label:after {
transition : none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label:after {
background-color : #fff;
transform : translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
background-color : rgba(0,123,255,.5)
}
.custom-select {
display : inline-block;
width : 100%;
height : calc(1.5em + .75rem + 2px);
padding : .375rem 1.75rem .375rem .75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
vertical-align : middle;
background : #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
border : 1px solid #ced4da;
border-radius : .25rem;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
.custom-select:focus {
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-select:focus::-ms-value {
color : #495057;
background-color : #fff
}
.custom-select[multiple],.custom-select[size]:not([size=""]) {
height : auto;
padding-right : .75rem;
background-image : none
}
.custom-select:disabled {
color : #6c757d;
background-color : #e9ecef
}
.custom-select::-ms-expand {
display : none
}
.custom-select:-moz-focusring {
color : transparent;
text-shadow : 0 0 0 #495057
}
.custom-select-sm {
height : calc(1.5em + .5rem + 2px);
padding-top : .25rem;
padding-bottom : .25rem;
padding-left : .5rem;
font-size : .875rem
}
.custom-select-lg {
height : calc(1.5em + 1rem + 2px);
padding-top : .5rem;
padding-bottom : .5rem;
padding-left : 1rem;
font-size : 1.25rem
}
.custom-file {
display : inline-block;
margin-bottom : 0
}
.custom-file,.custom-file-input {
position : relative;
width : 100%;
height : calc(1.5em + .75rem + 2px)
}
.custom-file-input {
z-index : 2;
margin : 0;
overflow : hidden;
opacity : 0
}
.custom-file-input:focus~.custom-file-label {
border-color : #80bdff;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label {
background-color : #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label:after {
content : "Browse"
}
.custom-file-input~.custom-file-label[data-browse]:after {
content : attr(data-browse)
}
.custom-file-label {
left : 0;
z-index : 1;
height : calc(1.5em + .75rem + 2px);
overflow : hidden;
font-weight : 400;
background-color : #fff;
border : 1px solid #ced4da;
border-radius : .25rem
}
.custom-file-label,.custom-file-label:after {
position : absolute;
top : 0;
right : 0;
padding : .375rem .75rem;
line-height : 1.5;
color : #495057
}
.custom-file-label:after {
bottom : 0;
z-index : 3;
display : block;
height : calc(1.5em + .75rem);
content : "Browse";
background-color : #e9ecef;
border-left : inherit;
border-radius : 0 .25rem .25rem 0
}
.custom-range {
width : 100%;
height : 1.4rem;
padding : 0;
background-color : transparent;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
.custom-range:focus {
outline : 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-ms-thumb {
box-shadow : 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range::-moz-focus-outer {
border : 0
}
.custom-range::-webkit-slider-thumb {
width : 1rem;
height : 1rem;
margin-top : -.25rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
-webkit-transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-appearance : none;
appearance : none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition : none;
transition : none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color : #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width : 100%;
height : .5rem;
color : transparent;
cursor : pointer;
background-color : #dee2e6;
border-color : transparent;
border-radius : 1rem
}
.custom-range::-moz-range-thumb {
width : 1rem;
height : 1rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
-moz-transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-moz-appearance : none;
appearance : none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition : none;
transition : none
}
}
.custom-range::-moz-range-thumb:active {
background-color : #b3d7ff
}
.custom-range::-moz-range-track {
width : 100%;
height : .5rem;
color : transparent;
cursor : pointer;
background-color : #dee2e6;
border-color : transparent;
border-radius : 1rem
}
.custom-range::-ms-thumb {
width : 1rem;
height : 1rem;
margin-top : 0;
margin-right : .2rem;
margin-left : .2rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
-ms-transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
appearance : none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition : none;
transition : none
}
}
.custom-range::-ms-thumb:active {
background-color : #b3d7ff
}
.custom-range::-ms-track {
width : 100%;
height : .5rem;
color : transparent;
cursor : pointer;
background-color : transparent;
border-color : transparent;
border-width : .5rem
}
.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper {
background-color : #dee2e6;
border-radius : 1rem
}
.custom-range::-ms-fill-upper {
margin-right : 15px
}
.custom-range:disabled::-webkit-slider-thumb {
background-color : #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor : default
}
.custom-range:disabled::-moz-range-thumb {
background-color : #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor : default
}
.custom-range:disabled::-ms-thumb {
background-color : #adb5bd
}
.custom-control-label:before,.custom-file-label,.custom-select {
transition : background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label:before,.custom-file-label,.custom-select {
transition : none
}
}
.nav {
display : flex;
flex-wrap : wrap;
padding-left : 0;
margin-bottom : 0;
list-style : none
}
.nav-link {
display : block;
padding : .5rem 1rem
}
.nav-link:focus,.nav-link:hover {
text-decoration : none
}
.nav-link.disabled {
color : #6c757d;
pointer-events : none;
cursor : default
}
.nav-tabs {
border-bottom : 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom : -1px;
border : 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
border-color : #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color : #6c757d;
background-color : transparent;
border-color : transparent
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
color : #495057;
background-color : #fff;
border-color : #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top : -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius : .25rem
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
color : #fff;
background-color : #007bff
}
.nav-fill .nav-item,.nav-fill>.nav-link {
flex : 1 1 auto;
text-align : center
}
.nav-justified .nav-item,.nav-justified>.nav-link {
flex-basis : 0;
flex-grow : 1;
text-align : center
}
.tab-content>.tab-pane {
display : none
}
.tab-content>.active {
display : block
}
.navbar {
position : relative;
padding : .5rem 1rem
}
.navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between
}
.navbar-brand {
display : inline-block;
padding-top : .3125rem;
padding-bottom : .3125rem;
margin-right : 1rem;
font-size : 1.25rem;
line-height : inherit;
white-space : nowrap
}
.navbar-brand:focus,.navbar-brand:hover {
text-decoration : none
}
.navbar-nav {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
list-style : none
}
.navbar-nav .nav-link {
padding-right : 0;
padding-left : 0
}
.navbar-nav .dropdown-menu {
position : static;
float : none
}
.navbar-text {
display : inline-block;
padding-top : .5rem;
padding-bottom : .5rem
}
.navbar-collapse {
flex-basis : 100%;
flex-grow : 1;
align-items : center
}
.navbar-toggler {
padding : .25rem .75rem;
font-size : 1.25rem;
line-height : 1;
background-color : transparent;
border : 1px solid transparent;
border-radius : .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 : 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
max-height : 75vh;
overflow-y : auto
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction : row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-sm .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-sm .navbar-toggler {
display : none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction : row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-md .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-md .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-md .navbar-toggler {
display : none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction : row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-lg .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-lg .navbar-toggler {
display : none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
padding-right : 0;
padding-left : 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction : row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
flex-wrap : nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
overflow : visible
}
.navbar-expand-xl .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand-xl .navbar-toggler {
display : none
}
}
.navbar-expand {
flex-flow : row nowrap;
justify-content : flex-start
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
padding-right : 0;
padding-left : 0
}
.navbar-expand .navbar-nav {
flex-direction : row
}
.navbar-expand .navbar-nav .dropdown-menu {
position : absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right : .5rem;
padding-left : .5rem
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
flex-wrap : nowrap
}
.navbar-expand .navbar-nav-scroll {
overflow : visible
}
.navbar-expand .navbar-collapse {
display : flex!important;
flex-basis : auto
}
.navbar-expand .navbar-toggler {
display : none
}
.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
color : rgba(0,0,0,.9)
}
.navbar-light .navbar-nav .nav-link {
color : rgba(0,0,0,.5)
}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
color : rgba(0,0,0,.7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color : rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
color : rgba(0,0,0,.9)
}
.navbar-light .navbar-toggler {
color : rgba(0,0,0,.5);
border-color : rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
color : rgba(0,0,0,.5)
}
.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
color : rgba(0,0,0,.9)
}
.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
color : #fff
}
.navbar-dark .navbar-nav .nav-link {
color : hsla(0,0%,100%,.5)
}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
color : hsla(0,0%,100%,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color : hsla(0,0%,100%,.25)
}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
color : #fff
}
.navbar-dark .navbar-toggler {
color : hsla(0,0%,100%,.5);
border-color : hsla(0,0%,100%,.1)
}
.navbar-dark .navbar-toggler-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-dark .navbar-text {
color : hsla(0,0%,100%,.5)
}
.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
color : #fff
}
.card {
position : relative;
display : flex;
flex-direction : column;
min-width : 0;
word-wrap : break-word;
background-color : #fff;
background-clip : border-box;
border : 1px solid rgba(0,0,0,.125);
border-radius : .25rem
}
.card>hr {
margin-right : 0;
margin-left : 0
}
.card>.list-group {
border-top : inherit;
border-bottom : inherit
}
.card>.list-group:first-child {
border-top-width : 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width : 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
border-top : 0
}
.card-body {
flex : 1 1 auto;
min-height : 1px;
padding : 1.25rem
}
.card-title {
margin-bottom : .75rem
}
.card-subtitle {
margin-top : -.375rem
}
.card-subtitle,.card-text:last-child {
margin-bottom : 0
}
.card-link:hover {
text-decoration : none
}
.card-link+.card-link {
margin-left : 1.25rem
}
.card-header {
padding : .75rem 1.25rem;
margin-bottom : 0;
background-color : rgba(0,0,0,.03);
border-bottom : 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
border-radius : calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding : .75rem 1.25rem;
background-color : rgba(0,0,0,.03);
border-top : 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
border-radius : 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-bottom : -.75rem;
border-bottom : 0
}
.card-header-pills,.card-header-tabs {
margin-right : -.625rem;
margin-left : -.625rem
}
.card-img-overlay {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
padding : 1.25rem;
border-radius : calc(.25rem - 1px)
}
.card-img,.card-img-bottom,.card-img-top {
flex-shrink : 0;
width : 100%
}
.card-img,.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom : 15px
}
@media (min-width:576px) {
.card-deck {
display : flex;
flex-flow : row wrap;
margin-right : -15px;
margin-left : -15px
}
.card-deck .card {
flex : 1 0 0%;
margin-right : 15px;
margin-bottom : 0;
margin-left : 15px
}
}
.card-group>.card {
margin-bottom : 15px
}
@media (min-width:576px) {
.card-group {
display : flex;
flex-flow : row wrap
}
.card-group>.card {
flex : 1 0 0%;
margin-bottom : 0
}
.card-group>.card+.card {
margin-left : 0;
border-left : 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom : .75rem
}
@media (min-width:576px) {
.card-columns {
-moz-column-count : 3;
column-count : 3;
-webkit-column-gap : 1.25rem;
-moz-column-gap : 1.25rem;
grid-column-gap : 1.25rem;
column-gap : 1.25rem;
orphans : 1;
widows : 1
}
.card-columns .card {
display : inline-block;
width : 100%
}
}
.accordion {
overflow-anchor : none
}
.accordion>.card {
overflow : hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom : 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius : 0;
margin-bottom : -1px
}
.breadcrumb {
display : flex;
flex-wrap : wrap;
padding : .75rem 1rem;
margin-bottom : 1rem;
list-style : none;
background-color : #e9ecef;
border-radius : .25rem
}
.breadcrumb-item+.breadcrumb-item {
padding-left : .5rem
}
.breadcrumb-item+.breadcrumb-item:before {
float : left;
padding-right : .5rem;
color : #6c757d;
content : "/"
}
.breadcrumb-item+.breadcrumb-item:hover:before {
text-decoration : underline;
text-decoration : none
}
.breadcrumb-item.active {
color : #6c757d
}
.pagination {
display : flex;
padding-left : 0;
list-style : none;
border-radius : .25rem
}
.page-link {
position : relative;
display : block;
padding : .5rem .75rem;
margin-left : -1px;
line-height : 1.25;
color : #007bff;
background-color : #fff;
border : 1px solid #dee2e6
}
.page-link:hover {
z-index : 2;
color : #0056b3;
text-decoration : none;
background-color : #e9ecef;
border-color : #dee2e6
}
.page-link:focus {
z-index : 3;
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}
.page-item:first-child .page-link {
margin-left : 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index : 3;
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.page-item.disabled .page-link {
color : #6c757d;
pointer-events : none;
cursor : auto;
background-color : #fff;
border-color : #dee2e6
}
.pagination-lg .page-link {
padding : .75rem 1.5rem;
font-size : 1.25rem;
line-height : 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding : .25rem .5rem;
font-size : .875rem;
line-height : 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display : inline-block;
padding : .25em .4em;
font-size : 75%;
font-weight : 700;
line-height : 1;
text-align : center;
white-space : nowrap;
vertical-align : baseline;
border-radius : .25rem;
transition : color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition : none
}
}
a.badge:focus,a.badge:hover {
text-decoration : none
}
.badge:empty {
display : none
}
.btn .badge {
position : relative;
top : -1px
}
.badge-pill {
padding-right : .6em;
padding-left : .6em;
border-radius : 10rem
}
.badge-primary {
background-color : #007bff
}
a.badge-primary:focus,a.badge-primary:hover {
color : #fff;
background-color : #0062cc
}
a.badge-primary.focus,a.badge-primary:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(0,123,255,.5)
}
.badge-secondary {
color : #fff;
background-color : #6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover {
color : #fff;
background-color : #545b62
}
a.badge-secondary.focus,a.badge-secondary:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(108,117,125,.5)
}
.badge-success {
background-color : #28a745
}
a.badge-success:focus,a.badge-success:hover {
color : #fff;
background-color : #1e7e34
}
a.badge-success.focus,a.badge-success:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(40,167,69,.5)
}
.badge-info {
background-color : #17a2b8
}
a.badge-info:focus,a.badge-info:hover {
color : #fff;
background-color : #117a8b
}
a.badge-info.focus,a.badge-info:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(23,162,184,.5)
}
.badge-warning {
color : #212529;
background-color : #ffc107
}
a.badge-warning:focus,a.badge-warning:hover {
color : #212529;
background-color : #d39e00
}
a.badge-warning.focus,a.badge-warning:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger {
background-color : #dc3545
}
a.badge-danger:focus,a.badge-danger:hover {
color : #fff;
background-color : #bd2130
}
a.badge-danger.focus,a.badge-danger:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(220,53,69,.5)
}
.badge-light {
color : #212529;
background-color : #f8f9fa
}
a.badge-light:focus,a.badge-light:hover {
color : #212529;
background-color : #dae0e5
}
a.badge-light.focus,a.badge-light:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark {
background-color : #343a40
}
a.badge-dark:focus,a.badge-dark:hover {
color : #fff;
background-color : #1d2124
}
a.badge-dark.focus,a.badge-dark:focus {
outline : 0;
box-shadow : 0 0 0 .2rem rgba(52,58,64,.5)
}
.jumbotron {
padding : 2rem 1rem;
margin-bottom : 2rem;
background-color : #e9ecef;
border-radius : .3rem
}
@media (min-width:576px) {
.jumbotron {
padding : 4rem 2rem
}
}
.jumbotron-fluid {
padding-right : 0;
padding-left : 0;
border-radius : 0
}
.alert {
position : relative;
padding : .75rem 1.25rem;
margin-bottom : 1rem;
border : 1px solid transparent;
border-radius : .25rem
}
.alert-heading {
color : inherit
}
.alert-link {
font-weight : 700
}
.alert-dismissible {
padding-right : 4rem
}
.alert-dismissible .close {
position : absolute;
top : 0;
right : 0;
z-index : 2;
padding : .75rem 1.25rem
}
.alert-primary {
color : #004085;
background-color : #cce5ff;
border-color : #b8daff
}
.alert-primary hr {
border-top-color : #9fcdff
}
.alert-primary .alert-link {
color : #002752
}
.alert-secondary {
color : #383d41;
background-color : #e2e3e5;
border-color : #d6d8db
}
.alert-secondary hr {
border-top-color : #c8cbcf
}
.alert-secondary .alert-link {
color : #202326
}
.alert-success {
color : #155724;
background-color : #d4edda;
border-color : #c3e6cb
}
.alert-success hr {
border-top-color : #b1dfbb
}
.alert-success .alert-link {
color : #0b2e13
}
.alert-info {
color : #0c5460;
background-color : #d1ecf1;
border-color : #bee5eb
}
.alert-info hr {
border-top-color : #abdde5
}
.alert-info .alert-link {
color : #062c33
}
.alert-warning {
color : #856404;
background-color : #fff3cd;
border-color : #ffeeba
}
.alert-warning hr {
border-top-color : #ffe8a1
}
.alert-warning .alert-link {
color : #533f03
}
.alert-danger {
color : #721c24;
background-color : #f8d7da;
border-color : #f5c6cb
}
.alert-danger hr {
border-top-color : #f1b0b7
}
.alert-danger .alert-link {
color : #491217
}
.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
}
@-webkit-keyframes progress-bar-stripes {
0%
{background-position:1rem 0}
to {
background-position : 0 0
}
}
@keyframes progress-bar-stripes {
0%
{background-position:1rem 0}
to {
background-position : 0 0
}
}
.progress {
height : 1rem;
line-height : 0;
font-size : .75rem;
background-color : #e9ecef;
border-radius : .25rem
}
.progress,.progress-bar {
display : flex;
overflow : hidden
}
.progress-bar {
flex-direction : column;
justify-content : center;
color : #fff;
text-align : center;
white-space : nowrap;
background-color : #007bff;
transition : width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition : none
}
}
.progress-bar-striped {
background-image : linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-size : 1rem 1rem
}
.progress-bar-animated {
-webkit-animation : progress-bar-stripes 1s linear infinite;
animation : progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation : none;
animation : none
}
}
.media {
display : flex;
align-items : flex-start
}
.media-body {
flex : 1
}
.list-group {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
border-radius : .25rem
}
.list-group-item-action {
width : 100%;
color : #495057;
text-align : inherit
}
.list-group-item-action:focus,.list-group-item-action:hover {
z-index : 1;
color : #495057;
text-decoration : none;
background-color : #f8f9fa
}
.list-group-item-action:active {
color : #212529;
background-color : #e9ecef
}
.list-group-item {
position : relative;
display : block;
padding : .75rem 1.25rem;
background-color : #fff;
border : 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,.list-group-item:disabled {
color : #6c757d;
pointer-events : none;
background-color : #fff
}
.list-group-item.active {
z-index : 2;
color : #fff;
background-color : #007bff;
border-color : #007bff
}
.list-group-item+.list-group-item {
border-top-width : 0
}
.list-group-item+.list-group-item.active {
margin-top : -1px;
border-top-width : 1px
}
.list-group-horizontal {
flex-direction : row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
flex-direction : row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
flex-direction : row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
flex-direction : row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
flex-direction : row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top : 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width : 1px;
border-left-width : 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left : -1px;
border-left-width : 1px
}
}
.list-group-flush {
border-radius : 0
}
.list-group-flush>.list-group-item {
border-width : 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width : 0
}
.list-group-item-primary {
color : #004085;
background-color : #b8daff
}
.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
color : #004085;
background-color : #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color : #fff;
background-color : #004085;
border-color : #004085
}
.list-group-item-secondary {
color : #383d41;
background-color : #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
color : #383d41;
background-color : #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color : #fff;
background-color : #383d41;
border-color : #383d41
}
.list-group-item-success {
color : #155724;
background-color : #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
color : #155724;
background-color : #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color : #fff;
background-color : #155724;
border-color : #155724
}
.list-group-item-info {
color : #0c5460;
background-color : #bee5eb
}
.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
color : #0c5460;
background-color : #abdde5
}
.list-group-item-info.list-group-item-action.active {
color : #fff;
background-color : #0c5460;
border-color : #0c5460
}
.list-group-item-warning {
color : #856404;
background-color : #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
color : #856404;
background-color : #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color : #fff;
background-color : #856404;
border-color : #856404
}
.list-group-item-danger {
color : #721c24;
background-color : #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
color : #721c24;
background-color : #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color : #fff;
background-color : #721c24;
border-color : #721c24
}
.list-group-item-light {
color : #818182;
background-color : #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
color : #818182;
background-color : #ececf6
}
.list-group-item-light.list-group-item-action.active {
color : #fff;
background-color : #818182;
border-color : #818182
}
.list-group-item-dark {
color : #1b1e21;
background-color : #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
color : #1b1e21;
background-color : #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color : #fff;
background-color : #1b1e21;
border-color : #1b1e21
}
.close {
float : right;
font-size : 1.5rem;
font-weight : 700;
line-height : 1;
color : #000;
text-shadow : 0 1px 0 #fff;
opacity : .5
}
.close:hover {
color : #000;
text-decoration : none
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
opacity : .75
}
button.close {
padding : 0;
background-color : transparent;
border : 0
}
a.close.disabled {
pointer-events : none
}
.toast {
flex-basis : 350px;
max-width : 350px;
font-size : .875rem;
background-color : hsla(0,0%,100%,.85);
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.1);
box-shadow : 0 .25rem .75rem rgba(0,0,0,.1);
opacity : 0;
border-radius : .25rem
}
.toast:not(:last-child) {
margin-bottom : .75rem
}
.toast.showing {
opacity : 1
}
.toast.show {
display : block;
opacity : 1
}
.toast.hide {
display : none
}
.toast-header {
display : flex;
align-items : center;
padding : .25rem .75rem;
color : #6c757d;
background-color : hsla(0,0%,100%,.85);
background-clip : padding-box;
border-bottom : 1px solid rgba(0,0,0,.05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
padding : .75rem
}
.modal-open {
overflow : hidden
}
.modal-open .modal {
overflow-x : hidden;
overflow-y : auto
}
.modal {
position : fixed;
top : 0;
left : 0;
z-index : 1050;
display : none;
width : 100%;
height : 100%;
overflow : hidden;
outline : 0
}
.modal-dialog {
position : relative;
width : auto;
margin : .5rem;
pointer-events : none
}
.modal.fade .modal-dialog {
transition : transform .3s ease-out;
transform : translateY(-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition : none
}
}
.modal.show .modal-dialog {
transform : none
}
.modal.modal-static .modal-dialog {
transform : scale(1.02)
}
.modal-dialog-scrollable {
display : flex;
max-height : calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height : calc(100vh - 1rem);
overflow : hidden
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
flex-shrink : 0
}
.modal-dialog-scrollable .modal-body {
overflow-y : auto
}
.modal-dialog-centered {
display : flex;
align-items : center;
min-height : calc(100% - 1rem)
}
.modal-dialog-centered:before {
display : block;
height : calc(100vh - 1rem);
height : -webkit-min-content;
height : -moz-min-content;
height : min-content;
content : ""
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction : column;
justify-content : center;
height : 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height : none
}
.modal-dialog-centered.modal-dialog-scrollable:before {
content : none
}
.modal-content {
position : relative;
display : flex;
flex-direction : column;
width : 100%;
pointer-events : auto;
background-color : #fff;
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.2);
border-radius : .3rem;
outline : 0
}
.modal-backdrop {
position : fixed;
top : 0;
left : 0;
z-index : 1040;
width : 100vw;
height : 100vh;
background-color : #000
}
.modal-backdrop.fade {
opacity : 0
}
.modal-backdrop.show {
opacity : .5
}
.modal-header {
display : flex;
align-items : flex-start;
justify-content : space-between;
padding : 1rem;
border-bottom : 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding : 1rem;
margin : -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom : 0;
line-height : 1.5
}
.modal-body {
position : relative;
flex : 1 1 auto;
padding : 1rem
}
.modal-footer {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : flex-end;
padding : .75rem;
border-top : 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin : .25rem
}
.modal-scrollbar-measure {
position : absolute;
top : -9999px;
width : 50px;
height : 50px;
overflow : scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width : 500px;
margin : 1.75rem auto
}
.modal-dialog-scrollable {
max-height : calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height : calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height : calc(100% - 3.5rem)
}
.modal-dialog-centered:before {
height : calc(100vh - 3.5rem);
height : -webkit-min-content;
height : -moz-min-content;
height : min-content
}
.modal-sm {
max-width : 300px
}
}
@media (min-width:992px) {
.modal-lg,.modal-xl {
max-width : 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width : 1140px
}
}
[dir=ltr]
.tooltip {
text-align : left
}
[dir=rtl]
.tooltip {
text-align : right
}
.tooltip {
position : absolute;
z-index : 1070;
display : block;
margin : 0;
font-family : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : .875rem;
word-wrap : break-word;
opacity : 0
}
.tooltip.show {
opacity : .9
}
.tooltip .arrow {
position : absolute;
display : block;
width : .8rem;
height : .4rem
}
.tooltip .arrow:before {
position : absolute;
content : "";
border-color : transparent;
border-style : solid
}
.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
padding : .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
bottom : 0
}
.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before {
top : 0;
border-width : .4rem .4rem 0;
border-top-color : #000
}
.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
padding : 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
left : 0;
width : .4rem;
height : .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before {
right : 0;
border-width : .4rem .4rem .4rem 0;
border-right-color : #000
}
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
padding : .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
top : 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before {
bottom : 0;
border-width : 0 .4rem .4rem;
border-bottom-color : #000
}
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
padding : 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
right : 0;
width : .4rem;
height : .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before {
left : 0;
border-width : .4rem 0 .4rem .4rem;
border-left-color : #000
}
.tooltip-inner {
max-width : 200px;
padding : .25rem .5rem;
color : #fff;
text-align : center;
background-color : #000;
border-radius : .25rem
}
[dir=ltr]
.popover {
text-align : left
}
[dir=rtl]
.popover {
text-align : right
}
.popover {
top : 0;
left : 0;
z-index : 1060;
max-width : 276px;
font-family : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : .875rem;
word-wrap : break-word;
background-color : #fff;
background-clip : padding-box;
border : 1px solid rgba(0,0,0,.2);
border-radius : .3rem
}
.popover,.popover .arrow {
position : absolute;
display : block
}
.popover .arrow {
width : 1rem;
height : .5rem;
margin : 0 .3rem
}
.popover .arrow:after,.popover .arrow:before {
position : absolute;
display : block;
content : "";
border-color : transparent;
border-style : solid
}
.bs-popover-auto[x-placement^=top],.bs-popover-top {
margin-bottom : .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow {
bottom : calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before {
bottom : 0;
border-width : .5rem .5rem 0;
border-top-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after {
bottom : 1px;
border-width : .5rem .5rem 0;
border-top-color : #fff
}
.bs-popover-auto[x-placement^=right],.bs-popover-right {
margin-left : .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow {
left : calc(-.5rem - 1px);
width : .5rem;
height : 1rem;
margin : .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before {
left : 0;
border-width : .5rem .5rem .5rem 0;
border-right-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after {
left : 1px;
border-width : .5rem .5rem .5rem 0;
border-right-color : #fff
}
.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
margin-top : .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow {
top : calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before {
top : 0;
border-width : 0 .5rem .5rem;
border-bottom-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after {
top : 1px;
border-width : 0 .5rem .5rem;
border-bottom-color : #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
position : absolute;
top : 0;
left : 50%;
display : block;
width : 1rem;
margin-left : -.5rem;
content : "";
border-bottom : 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],.bs-popover-left {
margin-right : .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow {
right : calc(-.5rem - 1px);
width : .5rem;
height : 1rem;
margin : .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before {
right : 0;
border-width : .5rem 0 .5rem .5rem;
border-left-color : rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after {
right : 1px;
border-width : .5rem 0 .5rem .5rem;
border-left-color : #fff
}
.popover-header {
padding : .5rem .75rem;
margin-bottom : 0;
font-size : 1rem;
background-color : #f7f7f7;
border-bottom : 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display : none
}
.popover-body {
padding : .5rem .75rem;
color : #212529
}
.carousel {
position : relative
}
.carousel.pointer-event {
touch-action : pan-y
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden
}
.carousel-inner:after {
display : block;
clear : both;
content : ""
}
.carousel-item {
position : relative;
display : none;
float : left;
width : 100%;
margin-right : -100%;
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
transition : transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition : none
}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
display : block
}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
transform : translateX(100%)
}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
transform : translateX(-100%)
}
.carousel-fade .carousel-item {
opacity : 0;
transition-property : opacity;
transform : none
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
z-index : 1;
opacity : 1
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
z-index : 0;
opacity : 0;
transition : opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
transition : none
}
}
.carousel-control-next,.carousel-control-prev {
position : absolute;
top : 0;
bottom : 0;
z-index : 1;
display : flex;
align-items : center;
justify-content : center;
width : 15%;
color : #fff;
text-align : center;
opacity : .5;
transition : opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,.carousel-control-prev {
transition : none
}
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
color : #fff;
text-decoration : none;
outline : 0;
opacity : .9
}
.carousel-control-prev {
left : 0
}
.carousel-control-next {
right : 0
}
.carousel-control-next-icon,.carousel-control-prev-icon {
display : inline-block;
width : 20px;
height : 20px;
background : 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
position : absolute;
right : 0;
bottom : 0;
left : 0;
z-index : 15;
display : flex;
justify-content : center;
padding-left : 0;
margin-right : 15%;
margin-left : 15%;
list-style : none
}
.carousel-indicators li {
box-sizing : content-box;
flex : 0 1 auto;
width : 30px;
height : 3px;
margin-right : 3px;
margin-left : 3px;
text-indent : -999px;
cursor : pointer;
background-color : #fff;
background-clip : padding-box;
border-top : 10px solid transparent;
border-bottom : 10px solid transparent;
opacity : .5;
transition : opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition : none
}
}
.carousel-indicators .active {
opacity : 1
}
.carousel-caption {
position : absolute;
right : 15%;
bottom : 20px;
left : 15%;
z-index : 10;
padding-top : 20px;
padding-bottom : 20px;
color : #fff;
text-align : center
}
.spinner-border {
vertical-align : text-bottom;
-webkit-animation : spinner-border .75s linear infinite;
animation : spinner-border .75s linear infinite
}
.spinner-border-sm {
width : 1rem;
height : 1rem;
border-width : .2em
}
.spinner-grow {
vertical-align : text-bottom;
opacity : 0;
-webkit-animation : spinner-grow .75s linear infinite;
animation : spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width : 1rem;
height : 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration : 1.5s
}
}
.align-baseline {
vertical-align : baseline!important
}
.align-top {
vertical-align : top!important
}
.align-middle {
vertical-align : middle!important
}
.align-bottom {
vertical-align : bottom!important
}
.align-text-bottom {
vertical-align : text-bottom!important
}
.align-text-top {
vertical-align : text-top!important
}
.bg-primary {
background-color : #007bff!important
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
background-color : #0062cc!important
}
.bg-secondary {
background-color : #6c757d!important
}
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
background-color : #545b62!important
}
.bg-success {
background-color : #28a745!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
background-color : #1e7e34!important
}
.bg-info {
background-color : #17a2b8!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
background-color : #117a8b!important
}
.bg-warning {
background-color : #ffc107!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
background-color : #d39e00!important
}
.bg-danger {
background-color : #dc3545!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
background-color : #bd2130!important
}
.bg-light {
background-color : #f8f9fa!important
}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
background-color : #dae0e5!important
}
.bg-dark {
background-color : #343a40!important
}
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
background-color : #1d2124!important
}
.bg-white {
background-color : #fff!important
}
.bg-transparent {
background-color : transparent!important
}
.border {
border : 1px solid #dee2e6!important
}
.border-top {
border-top : 1px solid #dee2e6!important
}
.border-right {
border-right : 1px solid #dee2e6!important
}
.border-bottom {
border-bottom : 1px solid #dee2e6!important
}
.border-left {
border-left : 1px solid #dee2e6!important
}
.border-0 {
border : 0!important
}
.border-top-0 {
border-top : 0!important
}
.border-right-0 {
border-right : 0!important
}
.border-bottom-0 {
border-bottom : 0!important
}
.border-left-0 {
border-left : 0!important
}
.border-primary {
border-color : #007bff!important
}
.border-secondary {
border-color : #6c757d!important
}
.border-success {
border-color : #28a745!important
}
.border-info {
border-color : #17a2b8!important
}
.border-warning {
border-color : #ffc107!important
}
.border-danger {
border-color : #dc3545!important
}
.border-light {
border-color : #f8f9fa!important
}
.border-dark {
border-color : #343a40!important
}
.border-white {
border-color : #fff!important
}
.rounded-sm {
border-radius : .2rem!important
}
.rounded {
border-radius : .25rem!important
}
.rounded-top {
border-top-left-radius: .25rem!important
}
.rounded-right,.rounded-top {
border-top-right-radius: .25rem!important
}
.rounded-bottom,.rounded-right {
border-bottom-right-radius: .25rem!important
}
.rounded-bottom,.rounded-left {
border-bottom-left-radius: .25rem!important
}
.rounded-left {
border-top-left-radius: .25rem!important
}
.rounded-lg {
border-radius : .3rem!important
}
.rounded-circle {
border-radius : 50%!important
}
.rounded-pill {
border-radius : 50rem!important
}
.rounded-0 {
border-radius : 0!important
}
.clearfix:after {
display : block;
clear : both;
content : ""
}
.d-none {
display : none!important
}
.d-inline {
display : inline!important
}
.d-inline-block {
display : inline-block!important
}
.d-block {
display : block!important
}
.d-table {
display : table!important
}
.d-table-row {
display : table-row!important
}
.d-table-cell {
display : table-cell!important
}
.d-flex {
display : flex!important
}
.d-inline-flex {
display : inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display : none!important
}
.d-sm-inline {
display : inline!important
}
.d-sm-inline-block {
display : inline-block!important
}
.d-sm-block {
display : block!important
}
.d-sm-table {
display : table!important
}
.d-sm-table-row {
display : table-row!important
}
.d-sm-table-cell {
display : table-cell!important
}
.d-sm-flex {
display : flex!important
}
.d-sm-inline-flex {
display : inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
display : none!important
}
.d-md-inline {
display : inline!important
}
.d-md-inline-block {
display : inline-block!important
}
.d-md-block {
display : block!important
}
.d-md-table {
display : table!important
}
.d-md-table-row {
display : table-row!important
}
.d-md-table-cell {
display : table-cell!important
}
.d-md-flex {
display : flex!important
}
.d-md-inline-flex {
display : inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display : none!important
}
.d-lg-inline {
display : inline!important
}
.d-lg-inline-block {
display : inline-block!important
}
.d-lg-block {
display : block!important
}
.d-lg-table {
display : table!important
}
.d-lg-table-row {
display : table-row!important
}
.d-lg-table-cell {
display : table-cell!important
}
.d-lg-flex {
display : flex!important
}
.d-lg-inline-flex {
display : inline-flex!important
}
}
@media (min-width: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-row {
display : table-row!important
}
.d-xl-table-cell {
display : table-cell!important
}
.d-xl-flex {
display : flex!important
}
.d-xl-inline-flex {
display : inline-flex!important
}
}
@media print {
.d-print-none {
display : none!important
}
.d-print-inline {
display : inline!important
}
.d-print-inline-block {
display : inline-block!important
}
.d-print-block {
display : block!important
}
.d-print-table {
display : table!important
}
.d-print-table-row {
display : table-row!important
}
.d-print-table-cell {
display : table-cell!important
}
.d-print-flex {
display : flex!important
}
.d-print-inline-flex {
display : inline-flex!important
}
}
.embed-responsive {
position : relative;
display : block;
width : 100%;
padding : 0;
overflow : hidden
}
.embed-responsive:before {
display : block;
content : ""
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 100%;
height : 100%;
border : 0
}
.embed-responsive-21by9:before {
padding-top : 42.857143%
}
.embed-responsive-16by9:before {
padding-top : 56.25%
}
.embed-responsive-4by3:before {
padding-top : 75%
}
.embed-responsive-1by1:before {
padding-top : 100%
}
.flex-row {
flex-direction : row!important
}
.flex-column {
flex-direction : column!important
}
.flex-row-reverse {
flex-direction : row-reverse!important
}
.flex-column-reverse {
flex-direction : column-reverse!important
}
.flex-wrap {
flex-wrap : wrap!important
}
.flex-nowrap {
flex-wrap : nowrap!important
}
.flex-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-fill {
flex : 1 1 auto!important
}
.flex-grow-0 {
flex-grow : 0!important
}
.flex-grow-1 {
flex-grow : 1!important
}
.flex-shrink-0 {
flex-shrink : 0!important
}
.flex-shrink-1 {
flex-shrink : 1!important
}
.justify-content-start {
justify-content : flex-start!important
}
.justify-content-end {
justify-content : flex-end!important
}
.justify-content-center {
justify-content : center!important
}
.justify-content-between {
justify-content : space-between!important
}
.justify-content-around {
justify-content : space-around!important
}
.align-items-start {
align-items : flex-start!important
}
.align-items-end {
align-items : flex-end!important
}
.align-items-center {
align-items : center!important
}
.align-items-baseline {
align-items : baseline!important
}
.align-items-stretch {
align-items : stretch!important
}
.align-content-start {
align-content : flex-start!important
}
.align-content-end {
align-content : flex-end!important
}
.align-content-center {
align-content : center!important
}
.align-content-between {
align-content : space-between!important
}
.align-content-around {
align-content : space-around!important
}
.align-content-stretch {
align-content : stretch!important
}
.align-self-auto {
align-self : auto!important
}
.align-self-start {
align-self : flex-start!important
}
.align-self-end {
align-self : flex-end!important
}
.align-self-center {
align-self : center!important
}
.align-self-baseline {
align-self : baseline!important
}
.align-self-stretch {
align-self : stretch!important
}
@media (min-width:576px) {
.flex-sm-row {
flex-direction : row!important
}
.flex-sm-column {
flex-direction : column!important
}
.flex-sm-row-reverse {
flex-direction : row-reverse!important
}
.flex-sm-column-reverse {
flex-direction : column-reverse!important
}
.flex-sm-wrap {
flex-wrap : wrap!important
}
.flex-sm-nowrap {
flex-wrap : nowrap!important
}
.flex-sm-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-sm-fill {
flex : 1 1 auto!important
}
.flex-sm-grow-0 {
flex-grow : 0!important
}
.flex-sm-grow-1 {
flex-grow : 1!important
}
.flex-sm-shrink-0 {
flex-shrink : 0!important
}
.flex-sm-shrink-1 {
flex-shrink : 1!important
}
.justify-content-sm-start {
justify-content : flex-start!important
}
.justify-content-sm-end {
justify-content : flex-end!important
}
.justify-content-sm-center {
justify-content : center!important
}
.justify-content-sm-between {
justify-content : space-between!important
}
.justify-content-sm-around {
justify-content : space-around!important
}
.align-items-sm-start {
align-items : flex-start!important
}
.align-items-sm-end {
align-items : flex-end!important
}
.align-items-sm-center {
align-items : center!important
}
.align-items-sm-baseline {
align-items : baseline!important
}
.align-items-sm-stretch {
align-items : stretch!important
}
.align-content-sm-start {
align-content : flex-start!important
}
.align-content-sm-end {
align-content : flex-end!important
}
.align-content-sm-center {
align-content : center!important
}
.align-content-sm-between {
align-content : space-between!important
}
.align-content-sm-around {
align-content : space-around!important
}
.align-content-sm-stretch {
align-content : stretch!important
}
.align-self-sm-auto {
align-self : auto!important
}
.align-self-sm-start {
align-self : flex-start!important
}
.align-self-sm-end {
align-self : flex-end!important
}
.align-self-sm-center {
align-self : center!important
}
.align-self-sm-baseline {
align-self : baseline!important
}
.align-self-sm-stretch {
align-self : stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction : row!important
}
.flex-md-column {
flex-direction : column!important
}
.flex-md-row-reverse {
flex-direction : row-reverse!important
}
.flex-md-column-reverse {
flex-direction : column-reverse!important
}
.flex-md-wrap {
flex-wrap : wrap!important
}
.flex-md-nowrap {
flex-wrap : nowrap!important
}
.flex-md-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-md-fill {
flex : 1 1 auto!important
}
.flex-md-grow-0 {
flex-grow : 0!important
}
.flex-md-grow-1 {
flex-grow : 1!important
}
.flex-md-shrink-0 {
flex-shrink : 0!important
}
.flex-md-shrink-1 {
flex-shrink : 1!important
}
.justify-content-md-start {
justify-content : flex-start!important
}
.justify-content-md-end {
justify-content : flex-end!important
}
.justify-content-md-center {
justify-content : center!important
}
.justify-content-md-between {
justify-content : space-between!important
}
.justify-content-md-around {
justify-content : space-around!important
}
.align-items-md-start {
align-items : flex-start!important
}
.align-items-md-end {
align-items : flex-end!important
}
.align-items-md-center {
align-items : center!important
}
.align-items-md-baseline {
align-items : baseline!important
}
.align-items-md-stretch {
align-items : stretch!important
}
.align-content-md-start {
align-content : flex-start!important
}
.align-content-md-end {
align-content : flex-end!important
}
.align-content-md-center {
align-content : center!important
}
.align-content-md-between {
align-content : space-between!important
}
.align-content-md-around {
align-content : space-around!important
}
.align-content-md-stretch {
align-content : stretch!important
}
.align-self-md-auto {
align-self : auto!important
}
.align-self-md-start {
align-self : flex-start!important
}
.align-self-md-end {
align-self : flex-end!important
}
.align-self-md-center {
align-self : center!important
}
.align-self-md-baseline {
align-self : baseline!important
}
.align-self-md-stretch {
align-self : stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
flex-direction : row!important
}
.flex-lg-column {
flex-direction : column!important
}
.flex-lg-row-reverse {
flex-direction : row-reverse!important
}
.flex-lg-column-reverse {
flex-direction : column-reverse!important
}
.flex-lg-wrap {
flex-wrap : wrap!important
}
.flex-lg-nowrap {
flex-wrap : nowrap!important
}
.flex-lg-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-lg-fill {
flex : 1 1 auto!important
}
.flex-lg-grow-0 {
flex-grow : 0!important
}
.flex-lg-grow-1 {
flex-grow : 1!important
}
.flex-lg-shrink-0 {
flex-shrink : 0!important
}
.flex-lg-shrink-1 {
flex-shrink : 1!important
}
.justify-content-lg-start {
justify-content : flex-start!important
}
.justify-content-lg-end {
justify-content : flex-end!important
}
.justify-content-lg-center {
justify-content : center!important
}
.justify-content-lg-between {
justify-content : space-between!important
}
.justify-content-lg-around {
justify-content : space-around!important
}
.align-items-lg-start {
align-items : flex-start!important
}
.align-items-lg-end {
align-items : flex-end!important
}
.align-items-lg-center {
align-items : center!important
}
.align-items-lg-baseline {
align-items : baseline!important
}
.align-items-lg-stretch {
align-items : stretch!important
}
.align-content-lg-start {
align-content : flex-start!important
}
.align-content-lg-end {
align-content : flex-end!important
}
.align-content-lg-center {
align-content : center!important
}
.align-content-lg-between {
align-content : space-between!important
}
.align-content-lg-around {
align-content : space-around!important
}
.align-content-lg-stretch {
align-content : stretch!important
}
.align-self-lg-auto {
align-self : auto!important
}
.align-self-lg-start {
align-self : flex-start!important
}
.align-self-lg-end {
align-self : flex-end!important
}
.align-self-lg-center {
align-self : center!important
}
.align-self-lg-baseline {
align-self : baseline!important
}
.align-self-lg-stretch {
align-self : stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
flex-direction : row!important
}
.flex-xl-column {
flex-direction : column!important
}
.flex-xl-row-reverse {
flex-direction : row-reverse!important
}
.flex-xl-column-reverse {
flex-direction : column-reverse!important
}
.flex-xl-wrap {
flex-wrap : wrap!important
}
.flex-xl-nowrap {
flex-wrap : nowrap!important
}
.flex-xl-wrap-reverse {
flex-wrap : wrap-reverse!important
}
.flex-xl-fill {
flex : 1 1 auto!important
}
.flex-xl-grow-0 {
flex-grow : 0!important
}
.flex-xl-grow-1 {
flex-grow : 1!important
}
.flex-xl-shrink-0 {
flex-shrink : 0!important
}
.flex-xl-shrink-1 {
flex-shrink : 1!important
}
.justify-content-xl-start {
justify-content : flex-start!important
}
.justify-content-xl-end {
justify-content : flex-end!important
}
.justify-content-xl-center {
justify-content : center!important
}
.justify-content-xl-between {
justify-content : space-between!important
}
.justify-content-xl-around {
justify-content : space-around!important
}
.align-items-xl-start {
align-items : flex-start!important
}
.align-items-xl-end {
align-items : flex-end!important
}
.align-items-xl-center {
align-items : center!important
}
.align-items-xl-baseline {
align-items : baseline!important
}
.align-items-xl-stretch {
align-items : stretch!important
}
.align-content-xl-start {
align-content : flex-start!important
}
.align-content-xl-end {
align-content : flex-end!important
}
.align-content-xl-center {
align-content : center!important
}
.align-content-xl-between {
align-content : space-between!important
}
.align-content-xl-around {
align-content : space-around!important
}
.align-content-xl-stretch {
align-content : stretch!important
}
.align-self-xl-auto {
align-self : auto!important
}
.align-self-xl-start {
align-self : flex-start!important
}
.align-self-xl-end {
align-self : flex-end!important
}
.align-self-xl-center {
align-self : center!important
}
.align-self-xl-baseline {
align-self : baseline!important
}
.align-self-xl-stretch {
align-self : stretch!important
}
}
.float-left {
float : left!important
}
.float-right {
float : right!important
}
.float-none {
float : none!important
}
@media (min-width:576px) {
.float-sm-left {
float : left!important
}
.float-sm-right {
float : right!important
}
.float-sm-none {
float : none!important
}
}
@media (min-width:768px) {
.float-md-left {
float : left!important
}
.float-md-right {
float : right!important
}
.float-md-none {
float : none!important
}
}
@media (min-width:992px) {
.float-lg-left {
float : left!important
}
.float-lg-right {
float : right!important
}
.float-lg-none {
float : none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
float : left!important
}
.float-xl-right {
float : right!important
}
.float-xl-none {
float : none!important
}
}
.user-select-all {
-webkit-user-select : all!important;
-moz-user-select : all!important;
-ms-user-select : all!important;
user-select : all!important
}
.user-select-auto {
-webkit-user-select : auto!important;
-moz-user-select : auto!important;
-ms-user-select : auto!important;
user-select : auto!important
}
.user-select-none {
-webkit-user-select : none!important;
-moz-user-select : none!important;
-ms-user-select : none!important;
user-select : none!important
}
.overflow-auto {
overflow : auto!important
}
.overflow-hidden {
overflow : hidden!important
}
.position-static {
position : static!important
}
.position-relative {
position : relative!important
}
.position-absolute {
position : absolute!important
}
.position-fixed {
position : fixed!important
}
.position-sticky {
position : sticky!important
}
.fixed-top {
top : 0
}
.fixed-bottom,.fixed-top {
position : fixed;
right : 0;
left : 0;
z-index : 1030
}
.fixed-bottom {
bottom : 0
}
@supports (position:sticky) {
.sticky-top {
position : sticky;
top : 0;
z-index : 1020
}
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
white-space : nowrap;
border : 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
overflow : visible;
clip : auto;
white-space : normal
}
.shadow-sm {
box-shadow : 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow : 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg {
box-shadow : 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
box-shadow : none!important
}
.w-25 {
width : 25%!important
}
.w-50 {
width : 50%!important
}
.w-75 {
width : 75%!important
}
.w-100 {
width : 100%!important
}
.w-auto {
width : auto!important
}
.h-25 {
height : 25%!important
}
.h-50 {
height : 50%!important
}
.h-75 {
height : 75%!important
}
.h-100 {
height : 100%!important
}
.h-auto {
height : auto!important
}
.mw-100 {
max-width : 100%!important
}
.mh-100 {
max-height : 100%!important
}
.min-vw-100 {
min-width : 100vw!important
}
.min-vh-100 {
min-height : 100vh!important
}
.vw-100 {
width : 100vw!important
}
.vh-100 {
height : 100vh!important
}
.m-0 {
margin : 0!important
}
.mt-0,.my-0 {
margin-top : 0!important
}
.mr-0,.mx-0 {
margin-right : 0!important
}
.mb-0,.my-0 {
margin-bottom : 0!important
}
.ml-0,.mx-0 {
margin-left : 0!important
}
.m-1 {
margin : .25rem!important
}
.mt-1,.my-1 {
margin-top : .25rem!important
}
.mr-1,.mx-1 {
margin-right : .25rem!important
}
.mb-1,.my-1 {
margin-bottom : .25rem!important
}
.ml-1,.mx-1 {
margin-left : .25rem!important
}
.m-2 {
margin : .5rem!important
}
.mt-2,.my-2 {
margin-top : .5rem!important
}
.mr-2,.mx-2 {
margin-right : .5rem!important
}
.mb-2,.my-2 {
margin-bottom : .5rem!important
}
.ml-2,.mx-2 {
margin-left : .5rem!important
}
.m-3 {
margin : 1rem!important
}
.mt-3,.my-3 {
margin-top : 1rem!important
}
.mr-3,.mx-3 {
margin-right : 1rem!important
}
.mb-3,.my-3 {
margin-bottom : 1rem!important
}
.ml-3,.mx-3 {
margin-left : 1rem!important
}
.m-4 {
margin : 1.5rem!important
}
.mt-4,.my-4 {
margin-top : 1.5rem!important
}
.mr-4,.mx-4 {
margin-right : 1.5rem!important
}
.mb-4,.my-4 {
margin-bottom : 1.5rem!important
}
.ml-4,.mx-4 {
margin-left : 1.5rem!important
}
.m-5 {
margin : 3rem!important
}
.mt-5,.my-5 {
margin-top : 3rem!important
}
.mr-5,.mx-5 {
margin-right : 3rem!important
}
.mb-5,.my-5 {
margin-bottom : 3rem!important
}
.ml-5,.mx-5 {
margin-left : 3rem!important
}
.p-0 {
padding : 0!important
}
.pt-0,.py-0 {
padding-top : 0!important
}
.pr-0,.px-0 {
padding-right : 0!important
}
.pb-0,.py-0 {
padding-bottom : 0!important
}
.pl-0,.px-0 {
padding-left : 0!important
}
.p-1 {
padding : .25rem!important
}
.pt-1,.py-1 {
padding-top : .25rem!important
}
.pr-1,.px-1 {
padding-right : .25rem!important
}
.pb-1,.py-1 {
padding-bottom : .25rem!important
}
.pl-1,.px-1 {
padding-left : .25rem!important
}
.p-2 {
padding : .5rem!important
}
.pt-2,.py-2 {
padding-top : .5rem!important
}
.pr-2,.px-2 {
padding-right : .5rem!important
}
.pb-2,.py-2 {
padding-bottom : .5rem!important
}
.pl-2,.px-2 {
padding-left : .5rem!important
}
.p-3 {
padding : 1rem!important
}
.pt-3,.py-3 {
padding-top : 1rem!important
}
.pr-3,.px-3 {
padding-right : 1rem!important
}
.pb-3,.py-3 {
padding-bottom : 1rem!important
}
.pl-3,.px-3 {
padding-left : 1rem!important
}
.p-4 {
padding : 1.5rem!important
}
.pt-4,.py-4 {
padding-top : 1.5rem!important
}
.pr-4,.px-4 {
padding-right : 1.5rem!important
}
.pb-4,.py-4 {
padding-bottom : 1.5rem!important
}
.pl-4,.px-4 {
padding-left : 1.5rem!important
}
.p-5 {
padding : 3rem!important
}
.pt-5,.py-5 {
padding-top : 3rem!important
}
.pr-5,.px-5 {
padding-right : 3rem!important
}
.pb-5,.py-5 {
padding-bottom : 3rem!important
}
.pl-5,.px-5 {
padding-left : 3rem!important
}
.m-n1 {
margin : -.25rem!important
}
.mt-n1,.my-n1 {
margin-top : -.25rem!important
}
.mr-n1,.mx-n1 {
margin-right : -.25rem!important
}
.mb-n1,.my-n1 {
margin-bottom : -.25rem!important
}
.ml-n1,.mx-n1 {
margin-left : -.25rem!important
}
.m-n2 {
margin : -.5rem!important
}
.mt-n2,.my-n2 {
margin-top : -.5rem!important
}
.mr-n2,.mx-n2 {
margin-right : -.5rem!important
}
.mb-n2,.my-n2 {
margin-bottom : -.5rem!important
}
.ml-n2,.mx-n2 {
margin-left : -.5rem!important
}
.m-n3 {
margin : -1rem!important
}
.mt-n3,.my-n3 {
margin-top : -1rem!important
}
.mr-n3,.mx-n3 {
margin-right : -1rem!important
}
.mb-n3,.my-n3 {
margin-bottom : -1rem!important
}
.ml-n3,.mx-n3 {
margin-left : -1rem!important
}
.m-n4 {
margin : -1.5rem!important
}
.mt-n4,.my-n4 {
margin-top : -1.5rem!important
}
.mr-n4,.mx-n4 {
margin-right : -1.5rem!important
}
.mb-n4,.my-n4 {
margin-bottom : -1.5rem!important
}
.ml-n4,.mx-n4 {
margin-left : -1.5rem!important
}
.m-n5 {
margin : -3rem!important
}
.mt-n5,.my-n5 {
margin-top : -3rem!important
}
.mr-n5,.mx-n5 {
margin-right : -3rem!important
}
.mb-n5,.my-n5 {
margin-bottom : -3rem!important
}
.ml-n5,.mx-n5 {
margin-left : -3rem!important
}
.m-auto {
margin : auto!important
}
.mt-auto,.my-auto {
margin-top : auto!important
}
.mr-auto,.mx-auto {
margin-right : auto!important
}
.mb-auto,.my-auto {
margin-bottom : auto!important
}
.ml-auto,.mx-auto {
margin-left : auto!important
}
@media (min-width:576px) {
.m-sm-0 {
margin : 0!important
}
.mt-sm-0,.my-sm-0 {
margin-top : 0!important
}
.mr-sm-0,.mx-sm-0 {
margin-right : 0!important
}
.mb-sm-0,.my-sm-0 {
margin-bottom : 0!important
}
.ml-sm-0,.mx-sm-0 {
margin-left : 0!important
}
.m-sm-1 {
margin : .25rem!important
}
.mt-sm-1,.my-sm-1 {
margin-top : .25rem!important
}
.mr-sm-1,.mx-sm-1 {
margin-right : .25rem!important
}
.mb-sm-1,.my-sm-1 {
margin-bottom : .25rem!important
}
.ml-sm-1,.mx-sm-1 {
margin-left : .25rem!important
}
.m-sm-2 {
margin : .5rem!important
}
.mt-sm-2,.my-sm-2 {
margin-top : .5rem!important
}
.mr-sm-2,.mx-sm-2 {
margin-right : .5rem!important
}
.mb-sm-2,.my-sm-2 {
margin-bottom : .5rem!important
}
.ml-sm-2,.mx-sm-2 {
margin-left : .5rem!important
}
.m-sm-3 {
margin : 1rem!important
}
.mt-sm-3,.my-sm-3 {
margin-top : 1rem!important
}
.mr-sm-3,.mx-sm-3 {
margin-right : 1rem!important
}
.mb-sm-3,.my-sm-3 {
margin-bottom : 1rem!important
}
.ml-sm-3,.mx-sm-3 {
margin-left : 1rem!important
}
.m-sm-4 {
margin : 1.5rem!important
}
.mt-sm-4,.my-sm-4 {
margin-top : 1.5rem!important
}
.mr-sm-4,.mx-sm-4 {
margin-right : 1.5rem!important
}
.mb-sm-4,.my-sm-4 {
margin-bottom : 1.5rem!important
}
.ml-sm-4,.mx-sm-4 {
margin-left : 1.5rem!important
}
.m-sm-5 {
margin : 3rem!important
}
.mt-sm-5,.my-sm-5 {
margin-top : 3rem!important
}
.mr-sm-5,.mx-sm-5 {
margin-right : 3rem!important
}
.mb-sm-5,.my-sm-5 {
margin-bottom : 3rem!important
}
.ml-sm-5,.mx-sm-5 {
margin-left : 3rem!important
}
.p-sm-0 {
padding : 0!important
}
.pt-sm-0,.py-sm-0 {
padding-top : 0!important
}
.pr-sm-0,.px-sm-0 {
padding-right : 0!important
}
.pb-sm-0,.py-sm-0 {
padding-bottom : 0!important
}
.pl-sm-0,.px-sm-0 {
padding-left : 0!important
}
.p-sm-1 {
padding : .25rem!important
}
.pt-sm-1,.py-sm-1 {
padding-top : .25rem!important
}
.pr-sm-1,.px-sm-1 {
padding-right : .25rem!important
}
.pb-sm-1,.py-sm-1 {
padding-bottom : .25rem!important
}
.pl-sm-1,.px-sm-1 {
padding-left : .25rem!important
}
.p-sm-2 {
padding : .5rem!important
}
.pt-sm-2,.py-sm-2 {
padding-top : .5rem!important
}
.pr-sm-2,.px-sm-2 {
padding-right : .5rem!important
}
.pb-sm-2,.py-sm-2 {
padding-bottom : .5rem!important
}
.pl-sm-2,.px-sm-2 {
padding-left : .5rem!important
}
.p-sm-3 {
padding : 1rem!important
}
.pt-sm-3,.py-sm-3 {
padding-top : 1rem!important
}
.pr-sm-3,.px-sm-3 {
padding-right : 1rem!important
}
.pb-sm-3,.py-sm-3 {
padding-bottom : 1rem!important
}
.pl-sm-3,.px-sm-3 {
padding-left : 1rem!important
}
.p-sm-4 {
padding : 1.5rem!important
}
.pt-sm-4,.py-sm-4 {
padding-top : 1.5rem!important
}
.pr-sm-4,.px-sm-4 {
padding-right : 1.5rem!important
}
.pb-sm-4,.py-sm-4 {
padding-bottom : 1.5rem!important
}
.pl-sm-4,.px-sm-4 {
padding-left : 1.5rem!important
}
.p-sm-5 {
padding : 3rem!important
}
.pt-sm-5,.py-sm-5 {
padding-top : 3rem!important
}
.pr-sm-5,.px-sm-5 {
padding-right : 3rem!important
}
.pb-sm-5,.py-sm-5 {
padding-bottom : 3rem!important
}
.pl-sm-5,.px-sm-5 {
padding-left : 3rem!important
}
.m-sm-n1 {
margin : -.25rem!important
}
.mt-sm-n1,.my-sm-n1 {
margin-top : -.25rem!important
}
.mr-sm-n1,.mx-sm-n1 {
margin-right : -.25rem!important
}
.mb-sm-n1,.my-sm-n1 {
margin-bottom : -.25rem!important
}
.ml-sm-n1,.mx-sm-n1 {
margin-left : -.25rem!important
}
.m-sm-n2 {
margin : -.5rem!important
}
.mt-sm-n2,.my-sm-n2 {
margin-top : -.5rem!important
}
.mr-sm-n2,.mx-sm-n2 {
margin-right : -.5rem!important
}
.mb-sm-n2,.my-sm-n2 {
margin-bottom : -.5rem!important
}
.ml-sm-n2,.mx-sm-n2 {
margin-left : -.5rem!important
}
.m-sm-n3 {
margin : -1rem!important
}
.mt-sm-n3,.my-sm-n3 {
margin-top : -1rem!important
}
.mr-sm-n3,.mx-sm-n3 {
margin-right : -1rem!important
}
.mb-sm-n3,.my-sm-n3 {
margin-bottom : -1rem!important
}
.ml-sm-n3,.mx-sm-n3 {
margin-left : -1rem!important
}
.m-sm-n4 {
margin : -1.5rem!important
}
.mt-sm-n4,.my-sm-n4 {
margin-top : -1.5rem!important
}
.mr-sm-n4,.mx-sm-n4 {
margin-right : -1.5rem!important
}
.mb-sm-n4,.my-sm-n4 {
margin-bottom : -1.5rem!important
}
.ml-sm-n4,.mx-sm-n4 {
margin-left : -1.5rem!important
}
.m-sm-n5 {
margin : -3rem!important
}
.mt-sm-n5,.my-sm-n5 {
margin-top : -3rem!important
}
.mr-sm-n5,.mx-sm-n5 {
margin-right : -3rem!important
}
.mb-sm-n5,.my-sm-n5 {
margin-bottom : -3rem!important
}
.ml-sm-n5,.mx-sm-n5 {
margin-left : -3rem!important
}
.m-sm-auto {
margin : auto!important
}
.mt-sm-auto,.my-sm-auto {
margin-top : auto!important
}
.mr-sm-auto,.mx-sm-auto {
margin-right : auto!important
}
.mb-sm-auto,.my-sm-auto {
margin-bottom : auto!important
}
.ml-sm-auto,.mx-sm-auto {
margin-left : auto!important
}
}
@media (min-width:768px) {
.m-md-0 {
margin : 0!important
}
.mt-md-0,.my-md-0 {
margin-top : 0!important
}
.mr-md-0,.mx-md-0 {
margin-right : 0!important
}
.mb-md-0,.my-md-0 {
margin-bottom : 0!important
}
.ml-md-0,.mx-md-0 {
margin-left : 0!important
}
.m-md-1 {
margin : .25rem!important
}
.mt-md-1,.my-md-1 {
margin-top : .25rem!important
}
.mr-md-1,.mx-md-1 {
margin-right : .25rem!important
}
.mb-md-1,.my-md-1 {
margin-bottom : .25rem!important
}
.ml-md-1,.mx-md-1 {
margin-left : .25rem!important
}
.m-md-2 {
margin : .5rem!important
}
.mt-md-2,.my-md-2 {
margin-top : .5rem!important
}
.mr-md-2,.mx-md-2 {
margin-right : .5rem!important
}
.mb-md-2,.my-md-2 {
margin-bottom : .5rem!important
}
.ml-md-2,.mx-md-2 {
margin-left : .5rem!important
}
.m-md-3 {
margin : 1rem!important
}
.mt-md-3,.my-md-3 {
margin-top : 1rem!important
}
.mr-md-3,.mx-md-3 {
margin-right : 1rem!important
}
.mb-md-3,.my-md-3 {
margin-bottom : 1rem!important
}
.ml-md-3,.mx-md-3 {
margin-left : 1rem!important
}
.m-md-4 {
margin : 1.5rem!important
}
.mt-md-4,.my-md-4 {
margin-top : 1.5rem!important
}
.mr-md-4,.mx-md-4 {
margin-right : 1.5rem!important
}
.mb-md-4,.my-md-4 {
margin-bottom : 1.5rem!important
}
.ml-md-4,.mx-md-4 {
margin-left : 1.5rem!important
}
.m-md-5 {
margin : 3rem!important
}
.mt-md-5,.my-md-5 {
margin-top : 3rem!important
}
.mr-md-5,.mx-md-5 {
margin-right : 3rem!important
}
.mb-md-5,.my-md-5 {
margin-bottom : 3rem!important
}
.ml-md-5,.mx-md-5 {
margin-left : 3rem!important
}
.p-md-0 {
padding : 0!important
}
.pt-md-0,.py-md-0 {
padding-top : 0!important
}
.pr-md-0,.px-md-0 {
padding-right : 0!important
}
.pb-md-0,.py-md-0 {
padding-bottom : 0!important
}
.pl-md-0,.px-md-0 {
padding-left : 0!important
}
.p-md-1 {
padding : .25rem!important
}
.pt-md-1,.py-md-1 {
padding-top : .25rem!important
}
.pr-md-1,.px-md-1 {
padding-right : .25rem!important
}
.pb-md-1,.py-md-1 {
padding-bottom : .25rem!important
}
.pl-md-1,.px-md-1 {
padding-left : .25rem!important
}
.p-md-2 {
padding : .5rem!important
}
.pt-md-2,.py-md-2 {
padding-top : .5rem!important
}
.pr-md-2,.px-md-2 {
padding-right : .5rem!important
}
.pb-md-2,.py-md-2 {
padding-bottom : .5rem!important
}
.pl-md-2,.px-md-2 {
padding-left : .5rem!important
}
.p-md-3 {
padding : 1rem!important
}
.pt-md-3,.py-md-3 {
padding-top : 1rem!important
}
.pr-md-3,.px-md-3 {
padding-right : 1rem!important
}
.pb-md-3,.py-md-3 {
padding-bottom : 1rem!important
}
.pl-md-3,.px-md-3 {
padding-left : 1rem!important
}
.p-md-4 {
padding : 1.5rem!important
}
.pt-md-4,.py-md-4 {
padding-top : 1.5rem!important
}
.pr-md-4,.px-md-4 {
padding-right : 1.5rem!important
}
.pb-md-4,.py-md-4 {
padding-bottom : 1.5rem!important
}
.pl-md-4,.px-md-4 {
padding-left : 1.5rem!important
}
.p-md-5 {
padding : 3rem!important
}
.pt-md-5,.py-md-5 {
padding-top : 3rem!important
}
.pr-md-5,.px-md-5 {
padding-right : 3rem!important
}
.pb-md-5,.py-md-5 {
padding-bottom : 3rem!important
}
.pl-md-5,.px-md-5 {
padding-left : 3rem!important
}
.m-md-n1 {
margin : -.25rem!important
}
.mt-md-n1,.my-md-n1 {
margin-top : -.25rem!important
}
.mr-md-n1,.mx-md-n1 {
margin-right : -.25rem!important
}
.mb-md-n1,.my-md-n1 {
margin-bottom : -.25rem!important
}
.ml-md-n1,.mx-md-n1 {
margin-left : -.25rem!important
}
.m-md-n2 {
margin : -.5rem!important
}
.mt-md-n2,.my-md-n2 {
margin-top : -.5rem!important
}
.mr-md-n2,.mx-md-n2 {
margin-right : -.5rem!important
}
.mb-md-n2,.my-md-n2 {
margin-bottom : -.5rem!important
}
.ml-md-n2,.mx-md-n2 {
margin-left : -.5rem!important
}
.m-md-n3 {
margin : -1rem!important
}
.mt-md-n3,.my-md-n3 {
margin-top : -1rem!important
}
.mr-md-n3,.mx-md-n3 {
margin-right : -1rem!important
}
.mb-md-n3,.my-md-n3 {
margin-bottom : -1rem!important
}
.ml-md-n3,.mx-md-n3 {
margin-left : -1rem!important
}
.m-md-n4 {
margin : -1.5rem!important
}
.mt-md-n4,.my-md-n4 {
margin-top : -1.5rem!important
}
.mr-md-n4,.mx-md-n4 {
margin-right : -1.5rem!important
}
.mb-md-n4,.my-md-n4 {
margin-bottom : -1.5rem!important
}
.ml-md-n4,.mx-md-n4 {
margin-left : -1.5rem!important
}
.m-md-n5 {
margin : -3rem!important
}
.mt-md-n5,.my-md-n5 {
margin-top : -3rem!important
}
.mr-md-n5,.mx-md-n5 {
margin-right : -3rem!important
}
.mb-md-n5,.my-md-n5 {
margin-bottom : -3rem!important
}
.ml-md-n5,.mx-md-n5 {
margin-left : -3rem!important
}
.m-md-auto {
margin : auto!important
}
.mt-md-auto,.my-md-auto {
margin-top : auto!important
}
.mr-md-auto,.mx-md-auto {
margin-right : auto!important
}
.mb-md-auto,.my-md-auto {
margin-bottom : auto!important
}
.ml-md-auto,.mx-md-auto {
margin-left : auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin : 0!important
}
.mt-lg-0,.my-lg-0 {
margin-top : 0!important
}
.mr-lg-0,.mx-lg-0 {
margin-right : 0!important
}
.mb-lg-0,.my-lg-0 {
margin-bottom : 0!important
}
.ml-lg-0,.mx-lg-0 {
margin-left : 0!important
}
.m-lg-1 {
margin : .25rem!important
}
.mt-lg-1,.my-lg-1 {
margin-top : .25rem!important
}
.mr-lg-1,.mx-lg-1 {
margin-right : .25rem!important
}
.mb-lg-1,.my-lg-1 {
margin-bottom : .25rem!important
}
.ml-lg-1,.mx-lg-1 {
margin-left : .25rem!important
}
.m-lg-2 {
margin : .5rem!important
}
.mt-lg-2,.my-lg-2 {
margin-top : .5rem!important
}
.mr-lg-2,.mx-lg-2 {
margin-right : .5rem!important
}
.mb-lg-2,.my-lg-2 {
margin-bottom : .5rem!important
}
.ml-lg-2,.mx-lg-2 {
margin-left : .5rem!important
}
.m-lg-3 {
margin : 1rem!important
}
.mt-lg-3,.my-lg-3 {
margin-top : 1rem!important
}
.mr-lg-3,.mx-lg-3 {
margin-right : 1rem!important
}
.mb-lg-3,.my-lg-3 {
margin-bottom : 1rem!important
}
.ml-lg-3,.mx-lg-3 {
margin-left : 1rem!important
}
.m-lg-4 {
margin : 1.5rem!important
}
.mt-lg-4,.my-lg-4 {
margin-top : 1.5rem!important
}
.mr-lg-4,.mx-lg-4 {
margin-right : 1.5rem!important
}
.mb-lg-4,.my-lg-4 {
margin-bottom : 1.5rem!important
}
.ml-lg-4,.mx-lg-4 {
margin-left : 1.5rem!important
}
.m-lg-5 {
margin : 3rem!important
}
.mt-lg-5,.my-lg-5 {
margin-top : 3rem!important
}
.mr-lg-5,.mx-lg-5 {
margin-right : 3rem!important
}
.mb-lg-5,.my-lg-5 {
margin-bottom : 3rem!important
}
.ml-lg-5,.mx-lg-5 {
margin-left : 3rem!important
}
.p-lg-0 {
padding : 0!important
}
.pt-lg-0,.py-lg-0 {
padding-top : 0!important
}
.pr-lg-0,.px-lg-0 {
padding-right : 0!important
}
.pb-lg-0,.py-lg-0 {
padding-bottom : 0!important
}
.pl-lg-0,.px-lg-0 {
padding-left : 0!important
}
.p-lg-1 {
padding : .25rem!important
}
.pt-lg-1,.py-lg-1 {
padding-top : .25rem!important
}
.pr-lg-1,.px-lg-1 {
padding-right : .25rem!important
}
.pb-lg-1,.py-lg-1 {
padding-bottom : .25rem!important
}
.pl-lg-1,.px-lg-1 {
padding-left : .25rem!important
}
.p-lg-2 {
padding : .5rem!important
}
.pt-lg-2,.py-lg-2 {
padding-top : .5rem!important
}
.pr-lg-2,.px-lg-2 {
padding-right : .5rem!important
}
.pb-lg-2,.py-lg-2 {
padding-bottom : .5rem!important
}
.pl-lg-2,.px-lg-2 {
padding-left : .5rem!important
}
.p-lg-3 {
padding : 1rem!important
}
.pt-lg-3,.py-lg-3 {
padding-top : 1rem!important
}
.pr-lg-3,.px-lg-3 {
padding-right : 1rem!important
}
.pb-lg-3,.py-lg-3 {
padding-bottom : 1rem!important
}
.pl-lg-3,.px-lg-3 {
padding-left : 1rem!important
}
.p-lg-4 {
padding : 1.5rem!important
}
.pt-lg-4,.py-lg-4 {
padding-top : 1.5rem!important
}
.pr-lg-4,.px-lg-4 {
padding-right : 1.5rem!important
}
.pb-lg-4,.py-lg-4 {
padding-bottom : 1.5rem!important
}
.pl-lg-4,.px-lg-4 {
padding-left : 1.5rem!important
}
.p-lg-5 {
padding : 3rem!important
}
.pt-lg-5,.py-lg-5 {
padding-top : 3rem!important
}
.pr-lg-5,.px-lg-5 {
padding-right : 3rem!important
}
.pb-lg-5,.py-lg-5 {
padding-bottom : 3rem!important
}
.pl-lg-5,.px-lg-5 {
padding-left : 3rem!important
}
.m-lg-n1 {
margin : -.25rem!important
}
.mt-lg-n1,.my-lg-n1 {
margin-top : -.25rem!important
}
.mr-lg-n1,.mx-lg-n1 {
margin-right : -.25rem!important
}
.mb-lg-n1,.my-lg-n1 {
margin-bottom : -.25rem!important
}
.ml-lg-n1,.mx-lg-n1 {
margin-left : -.25rem!important
}
.m-lg-n2 {
margin : -.5rem!important
}
.mt-lg-n2,.my-lg-n2 {
margin-top : -.5rem!important
}
.mr-lg-n2,.mx-lg-n2 {
margin-right : -.5rem!important
}
.mb-lg-n2,.my-lg-n2 {
margin-bottom : -.5rem!important
}
.ml-lg-n2,.mx-lg-n2 {
margin-left : -.5rem!important
}
.m-lg-n3 {
margin : -1rem!important
}
.mt-lg-n3,.my-lg-n3 {
margin-top : -1rem!important
}
.mr-lg-n3,.mx-lg-n3 {
margin-right : -1rem!important
}
.mb-lg-n3,.my-lg-n3 {
margin-bottom : -1rem!important
}
.ml-lg-n3,.mx-lg-n3 {
margin-left : -1rem!important
}
.m-lg-n4 {
margin : -1.5rem!important
}
.mt-lg-n4,.my-lg-n4 {
margin-top : -1.5rem!important
}
.mr-lg-n4,.mx-lg-n4 {
margin-right : -1.5rem!important
}
.mb-lg-n4,.my-lg-n4 {
margin-bottom : -1.5rem!important
}
.ml-lg-n4,.mx-lg-n4 {
margin-left : -1.5rem!important
}
.m-lg-n5 {
margin : -3rem!important
}
.mt-lg-n5,.my-lg-n5 {
margin-top : -3rem!important
}
.mr-lg-n5,.mx-lg-n5 {
margin-right : -3rem!important
}
.mb-lg-n5,.my-lg-n5 {
margin-bottom : -3rem!important
}
.ml-lg-n5,.mx-lg-n5 {
margin-left : -3rem!important
}
.m-lg-auto {
margin : auto!important
}
.mt-lg-auto,.my-lg-auto {
margin-top : auto!important
}
.mr-lg-auto,.mx-lg-auto {
margin-right : auto!important
}
.mb-lg-auto,.my-lg-auto {
margin-bottom : auto!important
}
.ml-lg-auto,.mx-lg-auto {
margin-left : auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin : 0!important
}
.mt-xl-0,.my-xl-0 {
margin-top : 0!important
}
.mr-xl-0,.mx-xl-0 {
margin-right : 0!important
}
.mb-xl-0,.my-xl-0 {
margin-bottom : 0!important
}
.ml-xl-0,.mx-xl-0 {
margin-left : 0!important
}
.m-xl-1 {
margin : .25rem!important
}
.mt-xl-1,.my-xl-1 {
margin-top : .25rem!important
}
.mr-xl-1,.mx-xl-1 {
margin-right : .25rem!important
}
.mb-xl-1,.my-xl-1 {
margin-bottom : .25rem!important
}
.ml-xl-1,.mx-xl-1 {
margin-left : .25rem!important
}
.m-xl-2 {
margin : .5rem!important
}
.mt-xl-2,.my-xl-2 {
margin-top : .5rem!important
}
.mr-xl-2,.mx-xl-2 {
margin-right : .5rem!important
}
.mb-xl-2,.my-xl-2 {
margin-bottom : .5rem!important
}
.ml-xl-2,.mx-xl-2 {
margin-left : .5rem!important
}
.m-xl-3 {
margin : 1rem!important
}
.mt-xl-3,.my-xl-3 {
margin-top : 1rem!important
}
.mr-xl-3,.mx-xl-3 {
margin-right : 1rem!important
}
.mb-xl-3,.my-xl-3 {
margin-bottom : 1rem!important
}
.ml-xl-3,.mx-xl-3 {
margin-left : 1rem!important
}
.m-xl-4 {
margin : 1.5rem!important
}
.mt-xl-4,.my-xl-4 {
margin-top : 1.5rem!important
}
.mr-xl-4,.mx-xl-4 {
margin-right : 1.5rem!important
}
.mb-xl-4,.my-xl-4 {
margin-bottom : 1.5rem!important
}
.ml-xl-4,.mx-xl-4 {
margin-left : 1.5rem!important
}
.m-xl-5 {
margin : 3rem!important
}
.mt-xl-5,.my-xl-5 {
margin-top : 3rem!important
}
.mr-xl-5,.mx-xl-5 {
margin-right : 3rem!important
}
.mb-xl-5,.my-xl-5 {
margin-bottom : 3rem!important
}
.ml-xl-5,.mx-xl-5 {
margin-left : 3rem!important
}
.p-xl-0 {
padding : 0!important
}
.pt-xl-0,.py-xl-0 {
padding-top : 0!important
}
.pr-xl-0,.px-xl-0 {
padding-right : 0!important
}
.pb-xl-0,.py-xl-0 {
padding-bottom : 0!important
}
.pl-xl-0,.px-xl-0 {
padding-left : 0!important
}
.p-xl-1 {
padding : .25rem!important
}
.pt-xl-1,.py-xl-1 {
padding-top : .25rem!important
}
.pr-xl-1,.px-xl-1 {
padding-right : .25rem!important
}
.pb-xl-1,.py-xl-1 {
padding-bottom : .25rem!important
}
.pl-xl-1,.px-xl-1 {
padding-left : .25rem!important
}
.p-xl-2 {
padding : .5rem!important
}
.pt-xl-2,.py-xl-2 {
padding-top : .5rem!important
}
.pr-xl-2,.px-xl-2 {
padding-right : .5rem!important
}
.pb-xl-2,.py-xl-2 {
padding-bottom : .5rem!important
}
.pl-xl-2,.px-xl-2 {
padding-left : .5rem!important
}
.p-xl-3 {
padding : 1rem!important
}
.pt-xl-3,.py-xl-3 {
padding-top : 1rem!important
}
.pr-xl-3,.px-xl-3 {
padding-right : 1rem!important
}
.pb-xl-3,.py-xl-3 {
padding-bottom : 1rem!important
}
.pl-xl-3,.px-xl-3 {
padding-left : 1rem!important
}
.p-xl-4 {
padding : 1.5rem!important
}
.pt-xl-4,.py-xl-4 {
padding-top : 1.5rem!important
}
.pr-xl-4,.px-xl-4 {
padding-right : 1.5rem!important
}
.pb-xl-4,.py-xl-4 {
padding-bottom : 1.5rem!important
}
.pl-xl-4,.px-xl-4 {
padding-left : 1.5rem!important
}
.p-xl-5 {
padding : 3rem!important
}
.pt-xl-5,.py-xl-5 {
padding-top : 3rem!important
}
.pr-xl-5,.px-xl-5 {
padding-right : 3rem!important
}
.pb-xl-5,.py-xl-5 {
padding-bottom : 3rem!important
}
.pl-xl-5,.px-xl-5 {
padding-left : 3rem!important
}
.m-xl-n1 {
margin : -.25rem!important
}
.mt-xl-n1,.my-xl-n1 {
margin-top : -.25rem!important
}
.mr-xl-n1,.mx-xl-n1 {
margin-right : -.25rem!important
}
.mb-xl-n1,.my-xl-n1 {
margin-bottom : -.25rem!important
}
.ml-xl-n1,.mx-xl-n1 {
margin-left : -.25rem!important
}
.m-xl-n2 {
margin : -.5rem!important
}
.mt-xl-n2,.my-xl-n2 {
margin-top : -.5rem!important
}
.mr-xl-n2,.mx-xl-n2 {
margin-right : -.5rem!important
}
.mb-xl-n2,.my-xl-n2 {
margin-bottom : -.5rem!important
}
.ml-xl-n2,.mx-xl-n2 {
margin-left : -.5rem!important
}
.m-xl-n3 {
margin : -1rem!important
}
.mt-xl-n3,.my-xl-n3 {
margin-top : -1rem!important
}
.mr-xl-n3,.mx-xl-n3 {
margin-right : -1rem!important
}
.mb-xl-n3,.my-xl-n3 {
margin-bottom : -1rem!important
}
.ml-xl-n3,.mx-xl-n3 {
margin-left : -1rem!important
}
.m-xl-n4 {
margin : -1.5rem!important
}
.mt-xl-n4,.my-xl-n4 {
margin-top : -1.5rem!important
}
.mr-xl-n4,.mx-xl-n4 {
margin-right : -1.5rem!important
}
.mb-xl-n4,.my-xl-n4 {
margin-bottom : -1.5rem!important
}
.ml-xl-n4,.mx-xl-n4 {
margin-left : -1.5rem!important
}
.m-xl-n5 {
margin : -3rem!important
}
.mt-xl-n5,.my-xl-n5 {
margin-top : -3rem!important
}
.mr-xl-n5,.mx-xl-n5 {
margin-right : -3rem!important
}
.mb-xl-n5,.my-xl-n5 {
margin-bottom : -3rem!important
}
.ml-xl-n5,.mx-xl-n5 {
margin-left : -3rem!important
}
.m-xl-auto {
margin : auto!important
}
.mt-xl-auto,.my-xl-auto {
margin-top : auto!important
}
.mr-xl-auto,.mx-xl-auto {
margin-right : auto!important
}
.mb-xl-auto,.my-xl-auto {
margin-bottom : auto!important
}
.ml-xl-auto,.mx-xl-auto {
margin-left : auto!important
}
}
.stretched-link:after {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1;
pointer-events : auto;
content : "";
background-color : transparent
}
.text-monospace {
font-family : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}
.text-justify {
text-align : justify!important
}
.text-wrap {
white-space : normal!important
}
.text-nowrap {
white-space : nowrap!important
}
.text-truncate {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap
}
.text-left {
text-align : left!important
}
.text-right {
text-align : right!important
}
.text-center {
text-align : center!important
}
@media (min-width:576px) {
.text-sm-left {
text-align : left!important
}
.text-sm-right {
text-align : right!important
}
.text-sm-center {
text-align : center!important
}
}
@media (min-width:768px) {
.text-md-left {
text-align : left!important
}
.text-md-right {
text-align : right!important
}
.text-md-center {
text-align : center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align : left!important
}
.text-lg-right {
text-align : right!important
}
.text-lg-center {
text-align : center!important
}
}
@media (min-width: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-light {
font-weight : 300!important
}
.font-weight-lighter {
font-weight : lighter!important
}
.font-weight-normal {
font-weight : 400!important
}
.font-weight-bold {
font-weight : 700!important
}
.font-weight-bolder {
font-weight : bolder!important
}
.font-italic {
font-style : italic!important
}
.text-primary {
color : #007bff!important
}
a.text-primary:focus,a.text-primary:hover {
color : #0056b3!important
}
.text-secondary {
color : #6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover {
color : #494f54!important
}
.text-success {
color : #28a745!important
}
a.text-success:focus,a.text-success:hover {
color : #19692c!important
}
.text-info {
color : #17a2b8!important
}
a.text-info:focus,a.text-info:hover {
color : #0f6674!important
}
.text-warning {
color : #ffc107!important
}
a.text-warning:focus,a.text-warning:hover {
color : #ba8b00!important
}
.text-danger {
color : #dc3545!important
}
a.text-danger:focus,a.text-danger:hover {
color : #a71d2a!important
}
.text-light {
color : #f8f9fa!important
}
a.text-light:focus,a.text-light:hover {
color : #cbd3da!important
}
.text-dark {
color : #343a40!important
}
a.text-dark:focus,a.text-dark:hover {
color : #121416!important
}
.text-body {
color : #212529!important
}
.text-muted {
color : #6c757d!important
}
.text-black-50 {
color : rgba(0,0,0,.5)!important
}
.text-white-50 {
color : hsla(0,0%,100%,.5)!important
}
.text-hide {
font : 0/0 a;
color : transparent;
text-shadow : none;
background-color : transparent;
border : 0
}
.text-decoration-none {
text-decoration : none!important
}
.text-break {
word-break : break-word!important;
word-wrap : break-word!important
}
.text-reset {
color : inherit!important
}
.visible {
visibility : visible!important
}
.invisible {
visibility : hidden!important
}
@media print {
*,:after,:before {
text-shadow : none!important;
box-shadow : none!important
}
a:not(.btn) {
text-decoration : underline
}
abbr[title]:after {
content : " (" attr(title) ")"
}
pre {
white-space : pre-wrap!important
}
blockquote,pre {
border : 1px solid #adb5bd;
page-break-inside : avoid
}
thead {
display : table-header-group
}
img,tr {
page-break-inside : avoid
}
h2,h3,p {
orphans : 3;
widows : 3
}
h2,h3 {
page-break-after : avoid
}
@page {
size
:
a3
}
.container,body {
min-width : 992px!important
}
.navbar {
display : none
}
.badge {
border : 1px solid #000
}
.table {
border-collapse : collapse!important
}
.table td,.table th {
background-color : #fff!important
}
.table-bordered td,.table-bordered th {
border : 1px solid #dee2e6!important
}
.table-dark {
color : inherit
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color : #dee2e6
}
.table .thead-dark th {
color : inherit;
border-color : #dee2e6
}
}
.ps {
overflow : hidden!important;
overflow-anchor : none;
-ms-overflow-style : none;
touch-action : auto;
-ms-touch-action : auto
}
.ps__rail-x {
height : 10px;
bottom : 0
}
.ps__rail-x,.ps__rail-y {
display : none;
opacity : 0;
transition : background-color .2s linear,opacity .2s linear;
-webkit-transition : background-color .2s linear,opacity .2s linear;
position : absolute
}
.ps__rail-y {
width : 10px;
right : 0
}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
display : block;
background-color : transparent
}
.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
opacity : .6
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
background-color : #eee;
opacity : .9
}
.ps__thumb-x {
transition : background-color .2s linear,height .2s ease-in-out;
-webkit-transition : background-color .2s linear,height .2s ease-in-out;
height : 4px;
bottom : 2px
}
.ps__thumb-x,.ps__thumb-y {
background-color : #d3d3d3;
border-radius : 6px;
position : absolute
}
.ps__thumb-y {
transition : background-color .2s linear,width .2s ease-in-out;
-webkit-transition : background-color .2s linear,width .2s ease-in-out;
width : 4px;
right : 2px
}
.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
background-color : #e3e4eb;
height : 6px
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
background-color : #e3e4eb;
width : 6px
}
@supports (-ms-overflow-style:none) {
.ps {
overflow : auto!important
}
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
.ps {
overflow : auto!important
}
}
.loader {
border-radius : 50%;
border : 7px solid #f1f2f3;
border-top-color : #4361ee;
width : 58px;
height : 58px;
-webkit-animation : spin 2s linear infinite;
animation : spin 2s linear infinite
}
.loader.dual-loader {
border-bottom : 7px solid #4361ee
}
.loader.multi-loader {
border-bottom : 7px solid #e2a03f;
border-right : 7px solid #1abc9c;
border-left : 7px solid #e7515a
}
@-webkit-keyframes spinner-border {
to {
transform : rotate(1turn)
}
}
@keyframes spinner-border {
to {
transform : rotate(1turn)
}
}
.spinner-border {
position : relative;
display : inline-block;
width : 2rem;
height : 2rem;
overflow : hidden;
text-indent : -999em;
border : .25em solid;
border-right : .25em solid transparent;
border-radius : 50%;
-webkit-animation-name: spinner-border;
animation-name : spinner-border;
-webkit-animation-duration: .75s;
animation-duration : .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.spinner-border-reverse {
border-color : transparent currentColor transparent transparent
}
.spinner-border-reverse:after {
position : absolute;
top : -.25em;
right : -.25em;
bottom : -.25em;
left : -.25em;
display : inline-block;
content : "";
border : .25em solid rgba(0,0,0,.1);
border-radius : 50%
}
@-webkit-keyframes spinner-grow {
0%
{opacity:0;transform:scale(0)}
50%
{opacity:1}
to {
opacity : 0;
transform : scale(1)
}
}
@keyframes spinner-grow {
0%
{opacity:0;transform:scale(0)}
50%
{opacity:1}
to {
opacity : 0;
transform : scale(1)
}
}
.spinner-grow {
position : relative;
display : inline-block;
width : 2rem;
height : 2rem;
overflow : hidden;
text-indent : -999em;
background-color : currentColor;
border-radius : 50%;
-webkit-animation-name: spinner-grow;
animation-name : spinner-grow;
-webkit-animation-duration: .75s;
animation-duration : .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.loader-lg {
width : 2.5rem;
height : 2.5rem;
border-width : .35em
}
.loader-sm {
width : 1.5rem;
height : 1.5rem;
border-width : .15em
}
/*!
* 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: 1s;
animation-duration : 1s;
-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.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration : .75s
}
@-webkit-keyframes bounce {
0%
,
20%
,
53%
,
80%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
transform : translateZ(0)
}
40%
,
43%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}
70%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}
90%
{transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
0%
,
20%
,
53%
,
80%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
transform : translateZ(0)
}
40%
,
43%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}
70%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}
90%
{transform:translate3d(0,-4px,0)}
}
.bounce {
-webkit-animation-name: bounce;
animation-name : bounce;
transform-origin : center bottom
}
@-webkit-keyframes flash {
0%
,
50%
,
to {
opacity : 1
}
25%
,
75%
{opacity:0}
}
@keyframes flash {
0%
,
50%
,
to {
opacity : 1
}
25%
,
75%
{opacity:0}
}
.flash {
-webkit-animation-name: flash;
animation-name : flash
}
@-webkit-keyframes pulse {
0%
{transform:scaleX(1)}
50%
{transform:scale3d(1.05,1.05,1.05)}
to {
transform : scaleX(1)
}
}
@keyframes pulse {
0%
{transform:scaleX(1)}
50%
{transform:scale3d(1.05,1.05,1.05)}
to {
transform : scaleX(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name : pulse
}
@-webkit-keyframes rubberBand {
0%
{transform:scaleX(1)}
30%
{transform:scale3d(1.25,.75,1)}
40%
{transform:scale3d(.75,1.25,1)}
50%
{transform:scale3d(1.15,.85,1)}
65%
{transform:scale3d(.95,1.05,1)}
75%
{transform:scale3d(1.05,.95,1)}
to {
transform : scaleX(1)
}
}
@keyframes rubberBand {
0%
{transform:scaleX(1)}
30%
{transform:scale3d(1.25,.75,1)}
40%
{transform:scale3d(.75,1.25,1)}
50%
{transform:scale3d(1.15,.85,1)}
65%
{transform:scale3d(.95,1.05,1)}
75%
{transform:scale3d(1.05,.95,1)}
to {
transform : scaleX(1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name : rubberBand
}
@-webkit-keyframes shake {
0%
,
to {
transform : translateZ(0)
}
10%
,
30%
,
50%
,
70%
,
90%
{transform:translate3d(-10px,0,0)}
20%
,
40%
,
60%
,
80%
{transform:translate3d(10px,0,0)}
}
@keyframes shake {
0%
,
to {
transform : translateZ(0)
}
10%
,
30%
,
50%
,
70%
,
90%
{transform:translate3d(-10px,0,0)}
20%
,
40%
,
60%
,
80%
{transform:translate3d(10px,0,0)}
}
.shake {
-webkit-animation-name: shake;
animation-name : shake
}
@-webkit-keyframes headShake {
0%
{transform:translateX(0)}
6.5%
{transform:translateX(-6px) rotateY(-9deg)}
18.5%
{transform:translateX(5px) rotateY(7deg)}
31.5%
{transform:translateX(-3px) rotateY(-5deg)}
43.5%
{transform:translateX(2px) rotateY(3deg)}
50%
{transform:translateX(0)}
}
@keyframes headShake {
0%
{transform:translateX(0)}
6.5%
{transform:translateX(-6px) rotateY(-9deg)}
18.5%
{transform:translateX(5px) rotateY(7deg)}
31.5%
{transform:translateX(-3px) rotateY(-5deg)}
43.5%
{transform:translateX(2px) rotateY(3deg)}
50%
{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%
{transform:rotate(15deg)}
40%
{transform:rotate(-10deg)}
60%
{transform:rotate(5deg)}
80%
{transform:rotate(-5deg)}
to {
transform : rotate(0deg)
}
}
@keyframes swing {
20%
{transform:rotate(15deg)}
40%
{transform:rotate(-10deg)}
60%
{transform:rotate(5deg)}
80%
{transform:rotate(-5deg)}
to {
transform : rotate(0deg)
}
}
.swing {
transform-origin : top center;
-webkit-animation-name: swing;
animation-name : swing
}
@-webkit-keyframes tada {
0%
{transform:scaleX(1)}
10%
,
20%
{transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%
,
50%
,
70%
,
90%
{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%
,
60%
,
80%
{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {
transform : scaleX(1)
}
}
@keyframes tada {
0%
{transform:scaleX(1)}
10%
,
20%
{transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%
,
50%
,
70%
,
90%
{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%
,
60%
,
80%
{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {
transform : scaleX(1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name : tada
}
@-webkit-keyframes wobble {
0%
{transform:none}
15%
{transform:translate3d(-25%,0,0) rotate(-5deg)}
30%
{transform:translate3d(20%,0,0) rotate(3deg)}
45%
{transform:translate3d(-15%,0,0) rotate(-3deg)}
60%
{transform:translate3d(10%,0,0) rotate(2deg)}
75%
{transform:translate3d(-5%,0,0) rotate(-1deg)}
to {
transform : none
}
}
@keyframes wobble {
0%
{transform:none}
15%
{transform:translate3d(-25%,0,0) rotate(-5deg)}
30%
{transform:translate3d(20%,0,0) rotate(3deg)}
45%
{transform:translate3d(-15%,0,0) rotate(-3deg)}
60%
{transform:translate3d(10%,0,0) rotate(2deg)}
75%
{transform:translate3d(-5%,0,0) rotate(-1deg)}
to {
transform : none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name : wobble
}
@-webkit-keyframes jello {
0%
,
11.1%
,
to {
transform : none
}
22.2%
{transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%
{transform:skewX(6.25deg) skewY(6.25deg)}
44.4%
{transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%
{transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%
{transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%
{transform:skewX(.39063deg) skewY(.39063deg)}
88.8%
{transform:skewX(-.19531deg) skewY(-.19531deg)}
}
@keyframes jello {
0%
,
11.1%
,
to {
transform : none
}
22.2%
{transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%
{transform:skewX(6.25deg) skewY(6.25deg)}
44.4%
{transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%
{transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%
{transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%
{transform:skewX(.39063deg) skewY(.39063deg)}
88.8%
{transform:skewX(-.19531deg) skewY(-.19531deg)}
}
.jello {
-webkit-animation-name: jello;
animation-name : jello;
transform-origin : center
}
@-webkit-keyframes bounceIn {
0%
,
20%
,
40%
,
60%
,
80%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:scale3d(.3,.3,.3)}
20%
{transform:scale3d(1.1,1.1,1.1)}
40%
{transform:scale3d(.9,.9,.9)}
60%
{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%
{transform:scale3d(.97,.97,.97)}
to {
opacity : 1;
transform : scaleX(1)
}
}
@keyframes bounceIn {
0%
,
20%
,
40%
,
60%
,
80%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:scale3d(.3,.3,.3)}
20%
{transform:scale3d(1.1,1.1,1.1)}
40%
{transform:scale3d(.9,.9,.9)}
60%
{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%
{transform:scale3d(.97,.97,.97)}
to {
opacity : 1;
transform : scaleX(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name : bounceIn
}
@-webkit-keyframes bounceInDown {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,-3000px,0)}
60%
{opacity:1;transform:translate3d(0,25px,0)}
75%
{transform:translate3d(0,-10px,0)}
90%
{transform:translate3d(0,5px,0)}
to {
transform : none
}
}
@keyframes bounceInDown {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,-3000px,0)}
60%
{opacity:1;transform:translate3d(0,25px,0)}
75%
{transform:translate3d(0,-10px,0)}
90%
{transform:translate3d(0,5px,0)}
to {
transform : none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name : bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(-3000px,0,0)}
60%
{opacity:1;transform:translate3d(25px,0,0)}
75%
{transform:translate3d(-10px,0,0)}
90%
{transform:translate3d(5px,0,0)}
to {
transform : none
}
}
@keyframes bounceInLeft {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(-3000px,0,0)}
60%
{opacity:1;transform:translate3d(25px,0,0)}
75%
{transform:translate3d(-10px,0,0)}
90%
{transform:translate3d(5px,0,0)}
to {
transform : none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name : bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(3000px,0,0)}
60%
{opacity:1;transform:translate3d(-25px,0,0)}
75%
{transform:translate3d(10px,0,0)}
90%
{transform:translate3d(-5px,0,0)}
to {
transform : none
}
}
@keyframes bounceInRight {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(3000px,0,0)}
60%
{opacity:1;transform:translate3d(-25px,0,0)}
75%
{transform:translate3d(10px,0,0)}
90%
{transform:translate3d(-5px,0,0)}
to {
transform : none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name : bounceInRight
}
@-webkit-keyframes bounceInUp {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,3000px,0)}
60%
{opacity:1;transform:translate3d(0,-20px,0)}
75%
{transform:translate3d(0,10px,0)}
90%
{transform:translate3d(0,-5px,0)}
to {
transform : translateZ(0)
}
}
@keyframes bounceInUp {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,3000px,0)}
60%
{opacity:1;transform:translate3d(0,-20px,0)}
75%
{transform:translate3d(0,10px,0)}
90%
{transform:translate3d(0,-5px,0)}
to {
transform : translateZ(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name : bounceInUp
}
@-webkit-keyframes bounceOut {
20%
{transform:scale3d(.9,.9,.9)}
50%
,
55%
{opacity:1;transform:scale3d(1.1,1.1,1.1)}
to {
opacity : 0;
transform : scale3d(.3,.3,.3)
}
}
@keyframes bounceOut {
20%
{transform:scale3d(.9,.9,.9)}
50%
,
55%
{opacity:1;transform:scale3d(1.1,1.1,1.1)}
to {
opacity : 0;
transform : scale3d(.3,.3,.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name : bounceOut
}
@-webkit-keyframes bounceOutDown {
20%
{transform:translate3d(0,10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,-20px,0)}
to {
opacity : 0;
transform : translate3d(0,2000px,0)
}
}
@keyframes bounceOutDown {
20%
{transform:translate3d(0,10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,-20px,0)}
to {
opacity : 0;
transform : translate3d(0,2000px,0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name : bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20%
{opacity:1;transform:translate3d(20px,0,0)}
to {
opacity : 0;
transform : translate3d(-2000px,0,0)
}
}
@keyframes bounceOutLeft {
20%
{opacity:1;transform:translate3d(20px,0,0)}
to {
opacity : 0;
transform : translate3d(-2000px,0,0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name : bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20%
{opacity:1;transform:translate3d(-20px,0,0)}
to {
opacity : 0;
transform : translate3d(2000px,0,0)
}
}
@keyframes bounceOutRight {
20%
{opacity:1;transform:translate3d(-20px,0,0)}
to {
opacity : 0;
transform : translate3d(2000px,0,0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name : bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20%
{transform:translate3d(0,-10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,20px,0)}
to {
opacity : 0;
transform : translate3d(0,-2000px,0)
}
}
@keyframes bounceOutUp {
20%
{transform:translate3d(0,-10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,20px,0)}
to {
opacity : 0;
transform : translate3d(0,-2000px,0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name : bounceOutUp
}
@-webkit-keyframes fadeIn {
0%
{opacity:0}
to {
opacity : 1
}
}
@keyframes fadeIn {
0%
{opacity:0}
to {
opacity : 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name : fadeIn
}
@-webkit-keyframes fadeInDown {
0%
{opacity:0;transform:translate3d(0,-100%,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInDown {
0%
{opacity:0;transform:translate3d(0,-100%,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name : fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0%
{opacity:0;transform:translate3d(0,-2000px,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInDownBig {
0%
{opacity:0;transform:translate3d(0,-2000px,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name : fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0%
{opacity:0;transform:translate3d(-100%,0,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInLeft {
0%
{opacity:0;transform:translate3d(-100%,0,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name : fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0%
{opacity:0;transform:translate3d(-2000px,0,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInLeftBig {
0%
{opacity:0;transform:translate3d(-2000px,0,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name : fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0%
{opacity:0;transform:translate3d(100%,0,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInRight {
0%
{opacity:0;transform:translate3d(100%,0,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name : fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0%
{opacity:0;transform:translate3d(2000px,0,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInRightBig {
0%
{opacity:0;transform:translate3d(2000px,0,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name : fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0%
{opacity:0;transform:translate3d(0,100%,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInUp {
0%
{opacity:0;transform:translate3d(0,20%,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name : fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0%
{opacity:0;transform:translate3d(0,2000px,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes fadeInUpBig {
0%
{opacity:0;transform:translate3d(0,2000px,0)}
to {
opacity : 1;
transform : none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name : fadeInUpBig
}
@-webkit-keyframes fadeOut {
0%
{opacity:1}
to {
opacity : 0
}
}
@keyframes fadeOut {
0%
{opacity:1}
to {
opacity : 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name : fadeOut
}
@-webkit-keyframes fadeOutDown {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,100%,0)
}
}
@keyframes fadeOutDown {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,100%,0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name : fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,2000px,0)
}
}
@keyframes fadeOutDownBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,2000px,0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name : fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(-100%,0,0)
}
}
@keyframes fadeOutLeft {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(-100%,0,0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name : fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(-2000px,0,0)
}
}
@keyframes fadeOutLeftBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(-2000px,0,0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name : fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(100%,0,0)
}
}
@keyframes fadeOutRight {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(100%,0,0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name : fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(2000px,0,0)
}
}
@keyframes fadeOutRightBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(2000px,0,0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name : fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,-100%,0)
}
}
@keyframes fadeOutUp {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,-100%,0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name : fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,-2000px,0)
}
}
@keyframes fadeOutUpBig {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(0,-2000px,0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name : fadeOutUpBig
}
@-webkit-keyframes flip {
0%
{transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%
{transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%
{transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%
{transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to {
transform : perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0%
{transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%
{transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%
{transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%
{transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to {
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 {
0%
{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%
{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{transform:perspective(400px) rotateX(10deg);opacity:1}
80%
{transform:perspective(400px) rotateX(-5deg)}
to {
transform : perspective(400px)
}
}
@keyframes flipInX {
0%
{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%
{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{transform:perspective(400px) rotateX(10deg);opacity:1}
80%
{transform:perspective(400px) rotateX(-5deg)}
to {
transform : perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility : visible!important;
-webkit-animation-name: flipInX;
animation-name : flipInX
}
@-webkit-keyframes flipInY {
0%
{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%
{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{transform:perspective(400px) rotateY(10deg);opacity:1}
80%
{transform:perspective(400px) rotateY(-5deg)}
to {
transform : perspective(400px)
}
}
@keyframes flipInY {
0%
{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%
{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{transform:perspective(400px) rotateY(10deg);opacity:1}
80%
{transform:perspective(400px) rotateY(-5deg)}
to {
transform : perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility : visible!important;
-webkit-animation-name: flipInY;
animation-name : flipInY
}
@-webkit-keyframes flipOutX {
0%
{transform:perspective(400px)}
30%
{transform:perspective(400px) rotateX(-20deg);opacity:1}
to {
transform : perspective(400px) rotateX(90deg);
opacity : 0
}
}
@keyframes flipOutX {
0%
{transform:perspective(400px)}
30%
{transform:perspective(400px) rotateX(-20deg);opacity:1}
to {
transform : perspective(400px) rotateX(90deg);
opacity : 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name : flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility : visible!important
}
@-webkit-keyframes flipOutY {
0%
{transform:perspective(400px)}
30%
{transform:perspective(400px) rotateY(-15deg);opacity:1}
to {
transform : perspective(400px) rotateY(90deg);
opacity : 0
}
}
@keyframes flipOutY {
0%
{transform:perspective(400px)}
30%
{transform:perspective(400px) rotateY(-15deg);opacity:1}
to {
transform : perspective(400px) rotateY(90deg);
opacity : 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
backface-visibility : visible!important;
-webkit-animation-name: flipOutY;
animation-name : flipOutY
}
@-webkit-keyframes lightSpeedIn {
0%
{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%
{transform:skewX(20deg);opacity:1}
80%
{transform:skewX(-5deg);opacity:1}
to {
transform : none;
opacity : 1
}
}
@keyframes lightSpeedIn {
0%
{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%
{transform:skewX(20deg);opacity:1}
80%
{transform:skewX(-5deg);opacity:1}
to {
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 {
0%
{opacity:1}
to {
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0
}
}
@keyframes lightSpeedOut {
0%
{opacity:1}
to {
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 {
0%
{transform-origin:center;transform:rotate(-200deg);opacity:0}
to {
transform-origin : center;
transform : none;
opacity : 1
}
}
@keyframes rotateIn {
0%
{transform-origin:center;transform:rotate(-200deg);opacity:0}
to {
transform-origin : center;
transform : none;
opacity : 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name : rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0%
{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}
to {
transform-origin : left bottom;
transform : none;
opacity : 1
}
}
@keyframes rotateInDownLeft {
0%
{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}
to {
transform-origin : left bottom;
transform : none;
opacity : 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name : rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0%
{transform-origin:right bottom;transform:rotate(45deg);opacity:0}
to {
transform-origin : right bottom;
transform : none;
opacity : 1
}
}
@keyframes rotateInDownRight {
0%
{transform-origin:right bottom;transform:rotate(45deg);opacity:0}
to {
transform-origin : right bottom;
transform : none;
opacity : 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name : rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0%
{transform-origin:left bottom;transform:rotate(45deg);opacity:0}
to {
transform-origin : left bottom;
transform : none;
opacity : 1
}
}
@keyframes rotateInUpLeft {
0%
{transform-origin:left bottom;transform:rotate(45deg);opacity:0}
to {
transform-origin : left bottom;
transform : none;
opacity : 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name : rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0%
{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
to {
transform-origin : right bottom;
transform : none;
opacity : 1
}
}
@keyframes rotateInUpRight {
0%
{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
to {
transform-origin : right bottom;
transform : none;
opacity : 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name : rotateInUpRight
}
@-webkit-keyframes rotateOut {
0%
{transform-origin:center;opacity:1}
to {
transform-origin : center;
transform : rotate(200deg);
opacity : 0
}
}
@keyframes rotateOut {
0%
{transform-origin:center;opacity:1}
to {
transform-origin : center;
transform : rotate(200deg);
opacity : 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name : rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0%
{transform-origin:left bottom;opacity:1}
to {
transform-origin : left bottom;
transform : rotate(45deg);
opacity : 0
}
}
@keyframes rotateOutDownLeft {
0%
{transform-origin:left bottom;opacity:1}
to {
transform-origin : left bottom;
transform : rotate(45deg);
opacity : 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name : rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0%
{transform-origin:right bottom;opacity:1}
to {
transform-origin : right bottom;
transform : rotate(-45deg);
opacity : 0
}
}
@keyframes rotateOutDownRight {
0%
{transform-origin:right bottom;opacity:1}
to {
transform-origin : right bottom;
transform : rotate(-45deg);
opacity : 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name : rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0%
{transform-origin:left bottom;opacity:1}
to {
transform-origin : left bottom;
transform : rotate(-45deg);
opacity : 0
}
}
@keyframes rotateOutUpLeft {
0%
{transform-origin:left bottom;opacity:1}
to {
transform-origin : left bottom;
transform : rotate(-45deg);
opacity : 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name : rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0%
{transform-origin:right bottom;opacity:1}
to {
transform-origin : right bottom;
transform : rotate(90deg);
opacity : 0
}
}
@keyframes rotateOutUpRight {
0%
{transform-origin:right bottom;opacity:1}
to {
transform-origin : right bottom;
transform : rotate(90deg);
opacity : 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name : rotateOutUpRight
}
@-webkit-keyframes hinge {
0%
{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%
,
60%
{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%
,
80%
{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {
transform : translate3d(0,700px,0);
opacity : 0
}
}
@keyframes hinge {
0%
{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%
,
60%
{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%
,
80%
{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {
transform : translate3d(0,700px,0);
opacity : 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name : hinge
}
@-webkit-keyframes rollIn {
0%
{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}
to {
opacity : 1;
transform : none
}
}
@keyframes rollIn {
0%
{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}
to {
opacity : 1;
transform : none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name : rollIn
}
@-webkit-keyframes rollOut {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(100%,0,0) rotate(120deg)
}
}
@keyframes rollOut {
0%
{opacity:1}
to {
opacity : 0;
transform : translate3d(100%,0,0) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name : rollOut
}
@-webkit-keyframes zoomIn {
0%
{opacity:0;transform:scale3d(.3,.3,.3)}
50%
{opacity:1}
}
@keyframes zoomIn {
0%
{opacity:0;transform:scale3d(.3,.3,.3)}
50%
{opacity:1}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name : zoomIn
}
@-webkit-keyframes zoomInDown {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name : zoomInDown
}
@-webkit-keyframes zoomInLeft {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name : zoomInLeft
}
@-webkit-keyframes zoomInRight {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name : zoomInRight
}
@-webkit-keyframes zoomInUp {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {
0%
{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name : zoomInUp
}
@-webkit-keyframes zoomOut {
0%
{opacity:1}
50%
{opacity:0;transform:scale3d(.3,.3,.3)}
to {
opacity : 0
}
}
@keyframes zoomOut {
0%
{opacity:1}
50%
{opacity:0;transform:scale3d(.3,.3,.3)}
to {
opacity : 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name : zoomOut
}
@-webkit-keyframes zoomOutDown {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
transform : scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutDown {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
transform : scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name : zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {
opacity : 0;
transform : scale(.1) translate3d(-2000px,0,0);
transform-origin : left center
}
}
@keyframes zoomOutLeft {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {
opacity : 0;
transform : scale(.1) translate3d(-2000px,0,0);
transform-origin : left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name : zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {
opacity : 0;
transform : scale(.1) translate3d(2000px,0,0);
transform-origin : right center
}
}
@keyframes zoomOutRight {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {
opacity : 0;
transform : scale(.1) translate3d(2000px,0,0);
transform-origin : right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name : zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
transform : scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutUp {
40%
{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
transform : scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name : zoomOutUp
}
@-webkit-keyframes slideInDown {
0%
{transform:translate3d(0,-100%,0);visibility:visible}
to {
transform : translateZ(0)
}
}
@keyframes slideInDown {
0%
{transform:translate3d(0,-100%,0);visibility:visible}
to {
transform : translateZ(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name : slideInDown
}
@-webkit-keyframes slideInLeft {
0%
{transform:translate3d(-100%,0,0);visibility:visible}
to {
transform : translateZ(0)
}
}
@keyframes slideInLeft {
0%
{transform:translate3d(-100%,0,0);visibility:visible}
to {
transform : translateZ(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name : slideInLeft
}
@-webkit-keyframes slideInRight {
0%
{transform:translate3d(100%,0,0);visibility:visible}
to {
transform : translateZ(0)
}
}
@keyframes slideInRight {
0%
{transform:translate3d(100%,0,0);visibility:visible}
to {
transform : translateZ(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name : slideInRight
}
@-webkit-keyframes slideInUp {
0%
{transform:translate3d(0,100%,0);visibility:visible}
to {
transform : translateZ(0)
}
}
@keyframes slideInUp {
0%
{transform:translate3d(0,100%,0);visibility:visible}
to {
transform : translateZ(0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name : slideInUp
}
@-webkit-keyframes slideOutDown {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(0,100%,0)
}
}
@keyframes slideOutDown {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(0,100%,0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name : slideOutDown
}
@-webkit-keyframes slideOutLeft {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(-100%,0,0)
}
}
@keyframes slideOutLeft {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(-100%,0,0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name : slideOutLeft
}
@-webkit-keyframes slideOutRight {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(100%,0,0)
}
}
@keyframes slideOutRight {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(100%,0,0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name : slideOutRight
}
@-webkit-keyframes slideOutUp {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(0,-100%,0)
}
}
@keyframes slideOutUp {
0%
{transform:translateZ(0)}
to {
visibility : hidden;
transform : translate3d(0,-100%,0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name : slideOutUp
}
.new-control {
position : relative;
display : inline-flex;
padding-left : 1.5rem;
margin-right : 1rem;
font-weight : 100;
font-size : 14px
}
.new-control-input {
position : absolute;
z-index : -1;
opacity : 0
}
.new-control.new-checkbox {
cursor : pointer
}
.new-control.new-checkbox .new-control-indicator {
position : absolute;
top : 2px;
left : 0;
display : block;
width : 17px;
height : 17px;
pointer-events : none;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
background-color : #e0e6ed;
background-repeat : no-repeat;
background-position : 50%;
background-size : 50% 50%;
border-radius : 4px
}
.new-control.new-checkbox>input:checked~span.new-control-indicator {
background : #888ea8
}
.new-control.new-checkbox>input:checked~span.new-control-indicator:after {
display : block
}
.new-control.new-checkbox span.new-control-indicator:after {
border : solid #fff;
top : 50%;
left : 50%;
border-width : 0 2px 2px 0!important;
transform : rotate(45deg);
content : "";
position : absolute;
display : none;
margin-left : -2px;
margin-top : -5px;
width : 4px;
height : 8px
}
.new-checkbox-rounded span.new-control-indicator {
border-radius : 50%!important
}
.new-control.new-checkbox.new-checkbox-text.checkbox-outline-default>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text>input:checked~span.new-chk-content {
color : #888ea8
}
.new-control.new-checkbox.new-checkbox-text.checkbox-outline-primary>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-primary>input:checked~span.new-chk-content {
color : #4361ee
}
.new-control.new-checkbox.new-checkbox-text.checkbox-outline-success>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-success>input:checked~span.new-chk-content {
color : #1abc9c
}
.new-control.new-checkbox.new-checkbox-text.checkbox-info>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-outline-info>input:checked~span.new-chk-content {
color : #2196f3
}
.new-control.new-checkbox.new-checkbox-text.checkbox-outline-warning>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-warning>input:checked~span.new-chk-content {
color : #e2a03f
}
.new-control.new-checkbox.new-checkbox-text.checkbox-danger>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-outline-danger>input:checked~span.new-chk-content {
color : #e7515a
}
.new-control.new-checkbox.new-checkbox-text.checkbox-outline-secondary>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-secondary>input:checked~span.new-chk-content {
color : #805dca
}
.new-control.new-checkbox.new-checkbox-text.checkbox-dark>input:checked~span.new-chk-content,.new-control.new-checkbox.new-checkbox-text.checkbox-outline-dark>input:checked~span.new-chk-content {
color : #3b3f5c
}
.new-control.new-checkbox.checkbox-primary>input:checked~span.new-control-indicator {
background : #4361ee
}
.new-control.new-checkbox.checkbox-success>input:checked~span.new-control-indicator {
background : #1abc9c
}
.new-control.new-checkbox.checkbox-info>input:checked~span.new-control-indicator {
background : #2196f3
}
.new-control.new-checkbox.checkbox-warning>input:checked~span.new-control-indicator {
background : #e2a03f
}
.new-control.new-checkbox.checkbox-danger>input:checked~span.new-control-indicator {
background : #e7515a
}
.new-control.new-checkbox.checkbox-secondary>input:checked~span.new-control-indicator {
background : #805dca
}
.new-control.new-checkbox.checkbox-dark>input:checked~span.new-control-indicator {
background : #3b3f5c
}
.new-control.new-checkbox[class*=checkbox-outline-]>input:checked~span.new-control-indicator {
background-color : transparent
}
.new-control.new-checkbox.checkbox-outline-default>input:checked~span.new-control-indicator {
border : 2px solid #888ea8
}
.new-control.new-checkbox.checkbox-outline-primary>input:checked~span.new-control-indicator {
border : 2px solid #4361ee
}
.new-control.new-checkbox.checkbox-outline-success>input:checked~span.new-control-indicator {
border : 2px solid #1abc9c
}
.new-control.new-checkbox.checkbox-outline-info>input:checked~span.new-control-indicator {
border : 2px solid #2196f3
}
.new-control.new-checkbox.checkbox-outline-warning>input:checked~span.new-control-indicator {
border : 2px solid #e2a03f
}
.new-control.new-checkbox.checkbox-outline-danger>input:checked~span.new-control-indicator {
border : 2px solid #e7515a
}
.new-control.new-checkbox.checkbox-outline-secondary>input:checked~span.new-control-indicator {
border : 2px solid #805dca
}
.new-control.new-checkbox.checkbox-outline-dark>input:checked~span.new-control-indicator {
border : 2px solid #3b3f5c
}
.new-control.new-checkbox.checkbox-outline-default>input:checked~span.new-control-indicator:after {
border-color : #888ea8
}
.new-control.new-checkbox.checkbox-outline-primary>input:checked~span.new-control-indicator:after {
border-color : #4361ee
}
.new-control.new-checkbox.checkbox-outline-success>input:checked~span.new-control-indicator:after {
border-color : #1abc9c
}
.new-control.new-checkbox.checkbox-outline-info>input:checked~span.new-control-indicator:after {
border-color : #2196f3
}
.new-control.new-checkbox.checkbox-outline-warning>input:checked~span.new-control-indicator:after {
border-color : #e2a03f
}
.new-control.new-checkbox.checkbox-outline-danger>input:checked~span.new-control-indicator:after {
border-color : #e7515a
}
.new-control.new-checkbox.checkbox-outline-secondary>input:checked~span.new-control-indicator:after {
border-color : #805dca
}
.new-control.new-checkbox.checkbox-outline-dark>input:checked~span.new-control-indicator:after {
border-color : #3b3f5c
}
.new-control.new-radio {
cursor : pointer
}
.new-control.new-radio .new-control-indicator {
position : absolute;
top : 2px;
left : 0;
display : block;
width : 16px;
height : 16px;
pointer-events : none;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
background-color : #e0e6ed;
background-repeat : no-repeat;
background-position : 50%;
background-size : 50% 50%;
border-radius : 50%
}
.new-control.new-radio>input:checked~span.new-control-indicator {
background : #888ea8
}
.new-control.new-radio span.new-control-indicator:after {
top : 50%;
left : 50%;
margin-left : -3px;
margin-top : -3px;
content : "";
position : absolute;
display : none;
border-radius : 50%;
height : 6px;
width : 6px;
background-color : #fff
}
.new-control.new-radio.square-radio .new-control-indicator,.new-control.new-radio.square-radio span.new-control-indicator:after {
border-radius : 0
}
.new-control.new-radio.radio-primary>input:checked~span.new-control-indicator {
background : #4361ee
}
.new-control.new-radio.radio-success>input:checked~span.new-control-indicator {
background : #1abc9c
}
.new-control.new-radio.radio-info>input:checked~span.new-control-indicator {
background : #2196f3
}
.new-control.new-radio.radio-warning>input:checked~span.new-control-indicator {
background : #e2a03f
}
.new-control.new-radio.radio-danger>input:checked~span.new-control-indicator {
background : #e7515a
}
.new-control.new-radio.radio-secondary>input:checked~span.new-control-indicator {
background : #805dca
}
.new-control.new-radio.radio-dark>input:checked~span.new-control-indicator {
background : #3b3f5c
}
.new-control.new-radio[class*=radio-classic-]>input:checked~span.new-control-indicator {
background-color : transparent
}
.new-control.new-radio.radio-classic-default>input:checked~span.new-control-indicator {
border : 3px solid #888ea8
}
.new-control.new-radio.radio-classic-primary>input:checked~span.new-control-indicator {
border : 3px solid #4361ee
}
.new-control.new-radio.radio-classic-success>input:checked~span.new-control-indicator {
border : 3px solid #1abc9c
}
.new-control.new-radio.radio-classic-info>input:checked~span.new-control-indicator {
border : 3px solid #2196f3
}
.new-control.new-radio.radio-classic-warning>input:checked~span.new-control-indicator {
border : 3px solid #e2a03f
}
.new-control.new-radio.radio-classic-danger>input:checked~span.new-control-indicator {
border : 3px solid #e7515a
}
.new-control.new-radio.radio-classic-secondary>input:checked~span.new-control-indicator {
border : 3px solid #805dca
}
.new-control.new-radio.radio-classic-dark>input:checked~span.new-control-indicator {
border : 3px solid #3b3f5c
}
.new-control.new-radio.radio-classic-default>input:checked~span.new-control-indicator:after {
background-color : #888ea8
}
.new-control.new-radio.radio-classic-primary>input:checked~span.new-control-indicator:after {
background-color : #4361ee
}
.new-control.new-radio.radio-classic-success>input:checked~span.new-control-indicator:after {
background-color : #1abc9c
}
.new-control.new-radio.radio-classic-info>input:checked~span.new-control-indicator:after {
background-color : #2196f3
}
.new-control.new-radio.radio-classic-warning>input:checked~span.new-control-indicator:after {
background-color : #e2a03f
}
.new-control.new-radio.radio-classic-danger>input:checked~span.new-control-indicator:after {
background-color : #e7515a
}
.new-control.new-radio.radio-classic-secondary>input:checked~span.new-control-indicator:after {
background-color : #805dca
}
.new-control.new-radio.radio-classic-dark>input:checked~span.new-control-indicator:after {
background-color : #3b3f5c
}
.new-control.new-radio.new-radio-text.radio-classic-default>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text>input:checked~span.new-radio-content {
color : #888ea8
}
.new-control.new-radio.new-radio-text.radio-classic-primary>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-primary>input:checked~span.new-radio-content {
color : #4361ee
}
.new-control.new-radio.new-radio-text.radio-classic-success>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-success>input:checked~span.new-radio-content {
color : #1abc9c
}
.new-control.new-radio.new-radio-text.radio-classic-info>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-info>input:checked~span.new-radio-content {
color : #2196f3
}
.new-control.new-radio.new-radio-text.radio-classic-warning>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-warning>input:checked~span.new-radio-content {
color : #e2a03f
}
.new-control.new-radio.new-radio-text.radio-classic-danger>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-danger>input:checked~span.new-radio-content {
color : #e7515a
}
.new-control.new-radio.new-radio-text.radio-classic-secondary>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-secondary>input:checked~span.new-radio-content {
color : #805dca
}
.new-control.new-radio.new-radio-text.radio-classic-dark>input:checked~span.new-radio-content,.new-control.new-radio.new-radio-text.radio-dark>input:checked~span.new-radio-content {
color : #3b3f5c
}
select.form-custom::-ms-expand {
display : none
}
.custom-file-input:focus~.custom-file-label {
border : 1px solid #ced4da;
box-shadow : none
}
.custom-file-input:focus~.custom-file-label:after {
border : none;
border-left : 1px solid #ced4da
}
.lead a.btn.btn-primary.btn-lg {
margin-top : 15px;
border-radius : 4px
}
.jumbotron {
background-color : #f1f2f3
}
.mark,mark {
background-color : #fff9ed
}
.code-section-container {
margin-top : 20px;
text-align : left
}
.toggle-code-snippet {
background-color : transparent!important;
padding : 0!important;
box-shadow : none!important;
color : #888ea8!important;
margin-bottom : -24px;
border : none;
border-bottom : 1px dashed #bfc9d4;
border-radius : 0
}
.toggle-code-snippet svg {
color : #4361ee
}
.code-section {
padding : 0;
height : 0
}
.code-section-container.show-code .code-section {
margin-top : 20px;
height : auto
}
.code-section pre {
margin-bottom : 0;
height : 0;
padding : 0;
border-radius : 6px
}
.code-section-container.show-code .code-section pre {
height : auto;
padding : 22px
}
.code-section code {
color : #fff
}
blockquote.blockquote {
color : #0e1726;
padding : 20px 20px 20px 14px;
font-size : .875rem;
background-color : #fff;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border : 1px solid #e0e6ed;
border-left : 2px solid #4361ee;
box-shadow : 0 .1px 0 rgba(0,0,0,.002),0 .2px 0 rgba(0,0,0,.003),0 .4px 0 rgba(0,0,0,.004),0 .6px 0 rgba(0,0,0,.004),0 .9px 0 rgba(0,0,0,.005),0 1.2px 0 rgba(0,0,0,.006),0 1.8px 0 rgba(0,0,0,.006),0 2.6px 0 rgba(0,0,0,.007),0 3.9px 0 rgba(0,0,0,.008),0 7px 0 rgba(0,0,0,.01)
}
blockquote.blockquote>p {
margin-bottom : 0
}
blockquote .small:before,blockquote footer:before,blockquote small:before {
content : "— "
}
blockquote .small,blockquote footer,blockquote small {
display : block;
font-size : 80%;
line-height : 1.42857143;
color : #777
}
blockquote.media-object.m-o-border-right {
border-right : 4px solid #4361ee;
border-left : none
}
blockquote.media-object .media .usr-img img {
width : 55px;
height : 55px
}
.list-icon {
list-style : none;
padding : 0;
margin-bottom : 0
}
.list-icon li:not(:last-child) {
margin-bottom : 15px
}
.list-icon svg {
width : 18px;
height : 18px;
color : #4361ee;
margin-right : 2px;
vertical-align : sub
}
.list-icon .list-text {
font-size : 14px;
font-weight : 600;
color : #515365;
letter-spacing : 1px
}
a {
color : #515365;
outline : none
}
a:hover {
color : #555
}
a:focus,a:hover {
text-decoration : none
}
a:focus,button:focus,textarea,textarea:focus {
outline : none
}
.btn-link:hover {
text-decoration : none
}
span.blue {
color : #4361ee
}
span.green {
color : #1abc9c
}
span.red {
color : #e7515a
}
.form-group label,label {
font-size : 15px;
color : #888ea8;
letter-spacing : 1px;
margin-bottom : 0
}
.custom-control-input:disabled~.custom-control-label {
color : #d3d3d3
}
.form-control {
height : auto;
border : 1px solid #bfc9d4;
color : #3b3f5c;
font-size : 15px;
letter-spacing : 1px;
height : calc(1.4em + 1.4rem + 2px);
padding : .75rem 1.25rem;
border-radius : 6px
}
.form-control:focus {
box-shadow : 0 0 5px 2px rgba(194,213,255,.6196078431);
border-color : #4361ee;
color : #3b3f5c
}
.form-control::-moz-placeholder,.form-control::-ms-input-placeholder,.form-control::-webkit-input-placeholder {
color : #bfc9d4;
font-size : 15px
}
.form-control:focus::-moz-placeholder,.form-control:focus::-ms-input-placeholder,.form-control:focus::-webkit-input-placeholder {
color : #d3d3d3;
font-size : 15px
}
.form-control.form-control-lg {
font-size : 19px;
padding : 11px 20px
}
.form-control.form-control-sm {
padding : 7px 16px;
font-size : 13px
}
.custom-select {
height : auto;
border : 1px solid #f1f2f3;
color : #3b3f5c;
font-size : 15px;
padding : 11px 20px;
letter-spacing : 1px;
background-color : #f1f2f3
}
.custom-select.custom-select-lg {
font-size : 18px;
padding : 16px 20px
}
.custom-select:focus {
box-shadow : none;
border-color : #4361ee;
color : #3b3f5c
}
.form-control-file {
width : 100%;
color : #805dca
}
.form-control-file::-webkit-file-upload-button {
letter-spacing : 1px;
padding : 9px 20px;
text-shadow : none;
font-size : 12px;
color : #fff;
font-weight : 400;
white-space : normal;
word-wrap : break-word;
-webkit-transition : .2s ease-out;
transition : .2s ease-out;
touch-action : manipulation;
cursor : pointer;
background-color : #805dca;
box-shadow : 0 0 15px 1px rgba(113,106,202,.2);
will-change : opacity,transform;
transition : all .3s ease-out;
-webkit-transition : all .3s ease-out;
border-radius : 4px;
border : transparent;
outline : none
}
.form-control-file::-ms-file-upload-button {
letter-spacing : 1px;
padding : 9px 20px;
text-shadow : none;
font-size : 14px;
color : #fff;
font-weight : 400;
white-space : normal;
word-wrap : break-word;
-ms-transition : .2s ease-out;
transition : .2s ease-out;
touch-action : manipulation;
cursor : pointer;
background-color : #805dca;
box-shadow : 0 0 15px 1px rgba(113,106,202,.2);
will-change : opacity,transform;
-ms-transition : all .3s ease-out;
transition : all .3s ease-out;
-webkit-transition : all .3s ease-out;
border-radius : 4px;
border : transparent;
outline : none
}
.form-control-file.form-control-file-rounded::-webkit-file-upload-button {
border-radius : 1.875rem!important
}
select.form-control.form-custom {
display : inline-block;
width : 100%;
height : calc(2.25rem + 2px);
vertical-align : middle;
background : #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKYSURBVHhe7dy9ihNRGIfxoIWdKFjZaG8l3kRgd+cjSxCxEM8EwcJbMBdhaalXIlhp5y2IoIXNgiAKOpM9b1CZjfN1vt55HvizbLI7OckvYbtdEBEREREREREREREREREREc2uLDM3l8uHV+23qlsun13J80e3t9vtJXtTPK3X68tZYV7mZfWr/nqWr6r79i6VFcXmXl5UH3fPtzRvaphr9q7wNRj14V43h5NlRfWzPvQD+yOq2mGU5utfz7c076NAacPYH1IhShvG/vmGRjmEIdOEcghDFgylC4ZMA0oXDJl3lD4YspRR+mDIvKEMwZCliDIEQ+YcZQyGLCWUMRgyZyhTYMhSQJkCY7+iejcpypQYsphRJsWQTYXSYNQfu1etDzJyMaI4wZCNRXGJIYsJxSmGbAxKfbgXrRedeDGgeMGwq9/kb5s3u33obu3+bpTmR9sFXSwkik8MWXZq7tqH7179In1ou5irhUAJglGYs+PjJzfsEbp3crq5U//y57aLuppPlDAY1feTYpPbI/RPK0oojDw3hT3C8LShJI0haUFRgSGljqIKQ0oVRSWGlBqKagwpFZRZYEixo8wKQ4oVZZYYUmwos8aQYkEB449Co4DRUiiUes/BuKAQKL6XDIakGSU5DEkjSrIYkiaU5DEkDShqMKSUUdRhSCmiqMWQUkJRjyGlgDIbDClmlNlhSOco1Ze2FyXUZoshxYQyewwpBhQw/ikkChgXFAIFjP/kEwWMjvlAAaNnLlHAGJgLFDBGNiVKg5GVj0t7aRraFChgTNwYFDAcNQQFDMf1QQHDU11QwPDcIRQwAtWGAkbgzlHMJ4vxDYwIOjp6er357wirlbllbyIiIiIiIiIiIiIiIiIiIiJ1LRa/AQOrssvMgMN6AAAAAElFTkSuQmCC") no-repeat right .75rem center;
background-size : 13px 14px;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
.custom-file,.custom-file input {
height : auto
}
.custom-file-label {
height : auto;
border : 1px solid #f1f2f3;
color : #3b3f5c;
font-size : 15px;
padding : 8px 10px;
letter-spacing : 1px;
background-color : #f1f2f3
}
.custom-file-label:after {
height : auto;
padding : 8px 12px;
color : #515365
}
.input-group .btn:focus,.input-group .btn:hover,.input-group button:focus,.input-group button:hover {
transform : none
}
.input-group .dropdown-menu {
border : 1px solid #e0e6ed;
z-index : 1028;
box-shadow : none;
padding : .35rem 0;
top : 0!important;
right : auto;
border-radius : 8px
}
.input-group .dropdown-menu a.dropdown-item {
width : 100%;
padding : 6px 17px;
clear : both;
font-weight : 500;
color : #030305;
text-align : inherit;
white-space : nowrap;
background-color : transparent;
border : 0;
font-size : 13px
}
.input-group .dropdown-menu .dropdown-item:hover,.input-group .dropdown-menu a.dropdown-item:hover {
color : #2196f3
}
.input-group .dropdown-divider {
height : 0;
margin : .5rem 0;
overflow : hidden;
border-top : 1px solid #e9ecef
}
.input-group .input-group-prepend .input-group-text {
border : 1px solid #bfc9d4;
background-color : #f1f2f3
}
.input-group .input-group-prepend .input-group-text svg {
color : #888ea8
}
.input-group:hover .input-group-prepend .input-group-text svg {
color : #4361ee;
fill : rgba(27,85,226,.2392156863)
}
.input-group .input-group-append .input-group-text {
border : 1px solid #bfc9d4;
background-color : #f1f2f3
}
.input-group .input-group-append .input-group-text svg {
color : #888ea8
}
.input-group:hover .input-group-append .input-group-text svg {
color : #4361ee;
fill : rgba(27,85,226,.2392156863)
}
.invalid-feedback {
color : #e7515a
}
.invalid-feedback,.valid-feedback {
font-size : 13px;
font-weight : 700;
letter-spacing : 1px
}
.valid-feedback {
color : #1abc9c
}
.valid-tooltip {
background-color : #1abc9c
}
.invalid-tooltip {
background-color : #e7515a
}
.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
border-color : #1abc9c;
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231abc9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}
.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
color : #1abc9c
}
.form-control.is-invalid,.was-validated .form-control:invalid {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
color : #e7515a
}
.dropdown-toggle:after,.dropleft .dropdown-toggle:before,.dropright .dropdown-toggle:after,.dropup .dropdown-toggle:after {
display : none
}
.dropdown-toggle svg.feather[class*=feather-chevron-] {
width : 15px;
height : 15px;
vertical-align : middle
}
.btn {
padding : .4375rem 1.25rem;
text-shadow : none;
font-size : 14px;
color : #3b3f5c;
font-weight : 400;
white-space : normal;
word-wrap : break-word;
transition : .2s ease-out;
touch-action : manipulation;
cursor : pointer;
background-color : #f1f2f3;
box-shadow : 0 5px 20px 0 rgba(0,0,0,.1);
will-change : opacity,transform;
transition : all .3s ease-out;
-webkit-transition : all .3s ease-out
}
.btn svg {
width : 20px;
height : 20px;
vertical-align : bottom
}
.btn.rounded-circle {
height : 40px;
width : 40px;
padding : 8px
}
.btn:focus,.btn:hover {
color : #3b3f5c;
background-color : #f1f2f3;
border-color : #d3d3d3;
box-shadow : 0 2px 5px 0 #e0e6ed,0 2px 10px 0 #e0e6ed
}
.btn-group .btn:focus,.btn-group .btn:hover {
transform : none
}
.btn.btn[disabled],.btn.disabled {
background-color : #f1f2f3;
box-shadow : none;
border : 1px solid rgba(0,0,0,.13)
}
.btn.btn[disabled]:hover,.btn.disabled:hover {
cursor : not-allowed
}
.btn .caret {
border-top-color : #0e1726;
margin-top : 0;
margin-left : 3px;
vertical-align : middle
}
.btn+.caret,.btn+.dropdown-toggle .caret {
margin-left : 0
}
.btn-group .btn,.btn-group>.btn {
padding : 8px 14px
}
.btn-group-lg>.btn,.btn-group .btn.btn-lg,.btn-group>.btn.btn-lg,.btn-lg {
padding : .625rem 1.5rem;
font-size : 16px
}
.btn-group-lg .btn,.btn-group-lg>.btn {
font-size : 1.125rem
}
.btn-group-sm>.btn,.btn-group .btn.btn-sm,.btn-group>.btn.btn-sm,.btn-sm {
font-size : .6875rem
}
.btn-group .dropdown-menu {
border : 1px solid #e0e6ed;
z-index : 1028;
box-shadow : none;
padding : .35rem 0;
top : 0!important;
right : auto;
border-radius : 8px
}
.btn-group .dropdown-menu a.dropdown-item {
width : 100%;
padding : 6px 17px;
clear : both;
font-weight : 500;
color : #030305;
text-align : inherit;
white-space : nowrap;
background-color : transparent;
border : 0;
font-size : 13px
}
.btn-group .dropdown-menu a.dropdown-item:hover {
color : #2196f3
}
.btn-group .dropdown-menu a.dropdown-item svg {
cursor : pointer;
color : #888ea8;
margin-right : 6px;
vertical-align : middle;
width : 20px;
height : 20px;
fill : rgba(0,23,55,.08)
}
.btn-group .dropdown-menu a.dropdown-item:hover svg {
color : #4361ee
}
.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.btn-light-danger:focus,.btn-light-dark:focus,.btn-light-info:focus,.btn-light-primary:focus,.btn-light-secondary:focus,.btn-light-success:focus,.btn-light-warning:focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:focus .btn-light-default:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.btn.focus,.btn:focus,.show>.btn-danger.dropdown-toggle:focus,.show>.btn-dark.dropdown-toggle:focus,.show>.btn-info.dropdown-toggle:focus,.show>.btn-outline-danger.dropdown-toggle:focus,.show>.btn-outline-dark.dropdown-toggle:focus,.show>.btn-outline-info.dropdown-toggle:focus,.show>.btn-outline-primary.dropdown-toggle:focus,.show>.btn-outline-secondary.dropdown-toggle:focus,.show>.btn-outline-success.dropdown-toggle:focus,.show>.btn-outline-warning.dropdown-toggle:focus,.show>.btn-primary.dropdown-toggle:focus,.show>.btn-secondary.dropdown-toggle:focus,.show>.btn-success.dropdown-toggle:focus,.show>.btn-warning.dropdown-toggle:focus {
box-shadow : none
}
.btn-primary {
color : #fff!important;
background-color : #4361ee!important;
border-color : #4361ee;
box-shadow : 0 10px 20px -10px #4361ee
}
.btn-primary:focus,.btn-primary:hover {
color : #fff!important;
background-color : #4361ee;
box-shadow : none;
border-color : #4361ee
}
.btn-primary.active,.btn-primary:active {
background-color : #4361ee;
border-top : 1px solid #4361ee
}
.btn-primary.btn[disabled],.btn-primary.disabled,.btn-primary:disabled {
background-color : #4361ee;
border-color : #4361ee;
box-shadow : none
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus:active,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
color : #fff!important;
background-color : #2aebcb;
border-color : #2aebcb
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
color : #fff!important;
background-color : #4361ee;
border-color : #4361ee
}
.btn-primary .caret {
border-top-color : #fff
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color : #eaf1ff
}
.btn-secondary {
box-shadow : 0 10px 20px -10px #805dca
}
.btn-secondary,.btn-secondary:focus,.btn-secondary:hover {
color : #fff!important;
background-color : #805dca;
border-color : #805dca
}
.btn-secondary:focus,.btn-secondary:hover {
box-shadow : none
}
.btn-secondary.active,.btn-secondary:active {
background-color : #805dca;
border-top : 1px solid #805dca
}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
color : #fff!important;
background-color : #805dca;
border-color : #805dca
}
.btn-secondary.btn[disabled],.btn-secondary.disabled,.btn-secondary:disabled {
background-color : #805dca;
border-color : #805dca;
box-shadow : none
}
.btn-secondary .caret {
border-top-color : #fff
}
.btn-info {
box-shadow : 0 10px 20px -10px #2196f3
}
.btn-info,.btn-info:focus,.btn-info:hover {
color : #fff!important;
background-color : #2196f3;
border-color : #2196f3
}
.btn-info:focus,.btn-info:hover {
box-shadow : none
}
.btn-info.active,.btn-info:active {
background-color : #2196f3;
border-top : 1px solid #2196f3
}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
color : #fff!important;
background-color : #2196f3;
border-color : #2196f3
}
.btn-info.btn[disabled],.btn-info.disabled,.btn-info:disabled {
background-color : #2196f3;
border-color : #2196f3;
box-shadow : none
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info.focus:active,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
color : #fff!important;
background-color : #2196f3;
border-color : #2196f3
}
.btn-info .caret {
border-top-color : #fff
}
.btn-group.open .btn-info.dropdown-toggle {
background-color : #e7f7ff
}
.btn-warning {
box-shadow : 0 10px 20px -10px #e2a03f
}
.btn-warning,.btn-warning:focus,.btn-warning:hover {
color : #fff!important;
background-color : #e2a03f;
border-color : #e2a03f
}
.btn-warning:focus,.btn-warning:hover {
box-shadow : none
}
.btn-warning.active,.btn-warning:active {
background-color : #e2a03f;
border-top : 1px solid #e2a03f
}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
color : #0e1726;
background-color : #e2a03f;
border-color : #e2a03f
}
.btn-warning.btn[disabled],.btn-warning.disabled,.btn-warning:disabled {
background-color : #e2a03f;
border-color : #e2a03f;
box-shadow : none
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning.focus:active,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
color : #fff!important;
background-color : #e2a03f;
border-color : #e2a03f
}
.btn-warning .caret {
border-top-color : #fff
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color : #df8505
}
.btn-danger {
box-shadow : 0 10px 20px -10px #e7515a
}
.btn-danger,.btn-danger:focus,.btn-danger:hover {
color : #fff!important;
background-color : #e7515a;
border-color : #e7515a
}
.btn-danger:focus,.btn-danger:hover {
box-shadow : none
}
.btn-danger.active,.btn-danger:active {
background-color : #e7515a;
border-top : 1px solid #e7515a
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
color : #fff!important;
background-color : #e7515a;
border-color : #e7515a
}
.btn-danger.btn[disabled],.btn-danger.disabled,.btn-danger:disabled {
background-color : #e7515a;
border-color : #e7515a;
box-shadow : none
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger.focus:active,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
color : #fff!important;
background-color : #c00;
border-color : #c00
}
.btn-danger .caret {
border-top-color : #fff
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color : #a9302a
}
.btn-dark {
box-shadow : 0 10px 20px -10px #3b3f5c
}
.btn-dark,.btn-dark:focus,.btn-dark:hover {
color : #fff!important;
background-color : #3b3f5c;
border-color : #3b3f5c
}
.btn-dark:focus,.btn-dark:hover {
box-shadow : none
}
.btn-dark.active,.btn-dark:active {
background-color : #3b3f5c;
border-top : 1px solid #3b3f5c
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
color : #fff!important;
background-color : #3b3f5c;
border-color : #3b3f5c
}
.btn-dark.btn[disabled],.btn-dark.disabled,.btn-dark:disabled {
background-color : #3b3f5c;
border-color : #3b3f5c;
box-shadow : none
}
.btn-dark .caret {
border-top-color : #fff
}
.btn-group.open .btn-dark.dropdown-toggle {
background-color : #484848
}
.btn-success {
box-shadow : 0 10px 20px -10px #1abc9c
}
.btn-success,.btn-success:focus,.btn-success:hover {
color : #fff!important;
background-color : #1abc9c;
border-color : #1abc9c
}
.btn-success:focus,.btn-success:hover {
box-shadow : none
}
.btn-success.active,.btn-success:active {
background-color : #1abc9c;
border-top : 1px solid #1abc9c
}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
color : #fff!important;
background-color : #1abc9c;
border-color : #1abc9c
}
.btn-success.btn[disabled],.btn-success.disabled,.btn-success:disabled {
background-color : #1abc9c;
border-color : #1abc9c;
box-shadow : none
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success.focus:active,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
color : #fff!important;
background-color : #17c678;
border-color : #17c678
}
.btn-success .caret {
border-top-color : #fff
}
.btn.box-shadow-none {
border : none
}
.btn.box-shadow-none:focus,.btn.box-shadow-none:hover {
border : none;
box-shadow : none;
background-color : transparent
}
.box-shadow-none {
box-shadow : none!important
}
.btn.box-shadow-none:not(:disabled):not(.disabled).active,.btn.box-shadow-none:not(:disabled):not(.disabled):active,.show>.btn.box-shadow-none.dropdown-toggle {
border : none;
box-shadow : none;
background-color : transparent
}
.btn-group.open .btn-success.dropdown-toggle {
background-color : #499249
}
.btn-dismiss {
color : #0e1726;
background-color : #fff!important;
border-color : #fff;
padding : 3px 7px
}
.btn-dismiss:focus,.btn-dismiss:hover {
color : #0e1726;
background-color : #fff
}
.btn-dismiss.active,.btn-dismiss:active {
background-color : #fff;
border-top : 1px solid #fff
}
.btn-group>.btn i {
margin-right : 3px
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow : 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12)
}
.btn-group>.btn+.dropdown-toggle {
box-shadow : none
}
.btn-group>.btn+.dropdown-toggle.btn-primary {
border-left : 1px solid #4468fd
}
.btn-group>.btn+.dropdown-toggle.btn-success {
border-left : 1px solid #a3c66f
}
.btn-group>.btn+.dropdown-toggle.btn-info {
border-left : 1px solid #49acfb
}
.btn-group>.btn+.dropdown-toggle.btn-warning {
border-left : 1px solid #f5b455
}
.btn-group>.btn+.dropdown-toggle.btn-danger {
border-left : 1px solid #f1848b
}
.btn-group>.btn+.dropdown-toggle.btn-dark {
border-left : 1px solid #70767a
}
.btn-group>.btn+.dropdown-toggle.btn-secondary {
border-left : 1px solid #8353dc
}
.btn-group.dropleft .dropdown-toggle-split {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group.dropleft .btn-primary:not(.dropdown-toggle-split) {
border-left : 1px solid #4468fd
}
.btn-group.dropleft .btn-success:not(.dropdown-toggle-split) {
border-left : 1px solid #a3c66f
}
.btn-group.dropleft .btn-info:not(.dropdown-toggle-split) {
border-left : 1px solid #49acfb
}
.btn-group.dropleft .btn-warning:not(.dropdown-toggle-split) {
border-left : 1px solid #f5b455
}
.btn-group.dropleft .btn-danger:not(.dropdown-toggle-split) {
border-left : 1px solid #f1848b
}
.btn-group.dropleft .btn-dark:not(.dropdown-toggle-split) {
border-left : 1px solid #70767a
}
.btn-group.dropleft .btn-secondary:not(.dropdown-toggle-split) {
border-left : 1px solid #8353dc
}
.btn .badge.badge-align-right {
position : absolute;
top : -1px;
right : 8px
}
.dropup .btn .caret {
border-bottom-color : #0e1726
}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
background-color : #4361ee;
color : #fff!important
}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
background-color : #1abc9c;
color : #fff!important
}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
background-color : #2196f3;
color : #fff!important
}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
background-color : #e7515a;
color : #fff!important
}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
background-color : #e2a03f;
color : #fff!important
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
background-color : #805dca;
color : #fff!important
}
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
background-color : #3b3f5c;
color : #fff!important
}
.show>.btn-outline-danger.dropdown-toggle:after,.show>.btn-outline-danger.dropdown-toggle:before,.show>.btn-outline-dark.dropdown-toggle:after,.show>.btn-outline-dark.dropdown-toggle:before,.show>.btn-outline-info.dropdown-toggle:after,.show>.btn-outline-info.dropdown-toggle:before,.show>.btn-outline-primary.dropdown-toggle:after,.show>.btn-outline-primary.dropdown-toggle:before,.show>.btn-outline-secondary.dropdown-toggle:after,.show>.btn-outline-secondary.dropdown-toggle:before,.show>.btn-outline-success.dropdown-toggle:after,.show>.btn-outline-success.dropdown-toggle:before,.show>.btn-outline-warning.dropdown-toggle:after,.show>.btn-outline-warning.dropdown-toggle:before {
color : #fff!important
}
.btn-outline-primary {
border : 1px solid #4361ee!important;
color : #4361ee!important
}
.btn-outline-info,.btn-outline-primary {
background-color : transparent;
box-shadow : none
}
.btn-outline-info {
border : 1px solid #2196f3!important;
color : #2196f3!important
}
.btn-outline-warning {
border : 1px solid #e2a03f!important;
color : #e2a03f!important
}
.btn-outline-success,.btn-outline-warning {
background-color : transparent;
box-shadow : none
}
.btn-outline-success {
border : 1px solid #1abc9c!important;
color : #1abc9c!important
}
.btn-outline-danger {
border : 1px solid #e7515a!important;
color : #e7515a!important
}
.btn-outline-danger,.btn-outline-secondary {
background-color : transparent;
box-shadow : none
}
.btn-outline-secondary {
border : 1px solid #805dca!important;
color : #805dca!important
}
.btn-outline-dark {
border : 1px solid #3b3f5c!important;
color : #3b3f5c!important;
background-color : transparent;
box-shadow : none
}
.btn-outline-danger:hover,.btn-outline-dark:hover,.btn-outline-info:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-warning:hover {
box-shadow : 0 5px 20px 0 rgba(0,0,0,.1)
}
.btn-outline-primary:hover {
color : #fff!important;
background-color : #4361ee;
box-shadow : 0 10px 20px -10px #4361ee
}
.btn-outline-info:hover {
color : #fff!important;
background-color : #2196f3;
box-shadow : 0 10px 20px -10px #2196f3
}
.btn-outline-warning:hover {
color : #fff!important;
background-color : #e2a03f;
box-shadow : 0 10px 20px -10px #e2a03f
}
.btn-outline-success:hover {
color : #fff!important;
background-color : #1abc9c;
box-shadow : 0 10px 20px -10px #1abc9c
}
.btn-outline-danger:hover {
color : #fff!important;
background-color : #e7515a;
box-shadow : 0 10px 20px -10px #e7515a
}
.btn-outline-secondary:hover {
color : #fff!important;
background-color : #805dca;
box-shadow : 0 10px 20px -10px #805dca
}
.btn-outline-dark:hover {
color : #fff!important;
background-color : #3b3f5c!important;
box-shadow : 0 10px 20px -10px #3b3f5c
}
.btn-rounded {
border-radius : 1.875rem!important
}
.data-marker {
padding : 2px;
font-size : 18px;
display : inline-flex;
width : 10px;
height : 10px;
border-radius : 50%;
align-items : center;
justify-content : center
}
.data-marker-success {
background-color : #1abc9c
}
.data-marker-warning {
background-color : #e2a03f
}
.data-marker-danger,.data-marker-dark,.data-marker-info {
background-color : #e7515a
}
.badge {
line-height : 1.4;
padding : 3px 6px;
font-size : 12px;
font-weight : 600
}
.badge,.badge:hover {
transition : all .3s ease-out;
-webkit-transition : all .3s ease-out
}
.badge:hover {
transform : translateY(-3px)
}
.badge.badge-enabled {
background-color : #1abc9c;
color : #fff
}
.badge.badge-disable {
background-color : #e7515a;
color : #fff
}
.badge-pills {
border-radius : 30px
}
.badge-classic {
border-radius : 0
}
.badge-collapsed-img.badge-tooltip img,.badge-collapsed-img img {
width : 40px;
height : 40px;
border-radius : 20px;
border : 2px solid #fff;
box-shadow : 0 0 15px 1px rgba(113,106,202,.3);
margin-left : -21px
}
.badge-collapsed-img.badge-tooltip img {
transition : all .35s ease
}
.badge-collapsed-img.badge-tooltip img:hover {
transform : translateY(-5px) scale(1.02)
}
.badge-collapsed-img.translateY-axis img {
transition : all .35s ease
}
.badge-collapsed-img.translateY-axis img:hover {
transform : translateY(-5px) scale(1.02)
}
.badge-collapsed-img.rectangle-collapsed img {
width : 45px;
height : 32px
}
.badge-collapsed-img.translateX-axis img {
transition : all .35s ease
}
.badge-collapsed-img.translateX-axis img:hover {
transform : translateX(5px) scale(1.02)
}
.badge-primary {
color : #fff;
background-color : #4361ee
}
.badge-info {
color : #fff;
background-color : #2196f3
}
.badge-success {
color : #fff;
background-color : #1abc9c
}
.badge-danger {
color : #fff;
background-color : #e7515a
}
.badge-warning {
color : #fff;
background-color : #e2a03f
}
.badge-dark {
color : #fff;
background-color : #3b3f5c
}
.badge-secondary {
background-color : #805dca
}
.outline-badge-primary {
color : #4361ee;
background-color : transparent;
border : 1px solid #4361ee
}
.outline-badge-info {
color : #2196f3;
background-color : transparent;
border : 1px solid #2196f3
}
.outline-badge-success {
color : #1abc9c;
background-color : transparent;
border : 1px solid #1abc9c
}
.outline-badge-danger {
color : #e7515a;
background-color : transparent;
border : 1px solid #e7515a
}
.outline-badge-warning {
color : #e2a03f;
background-color : transparent;
border : 1px solid #e2a03f
}
.outline-badge-dark {
color : #3b3f5c;
background-color : transparent;
border : 1px solid #3b3f5c
}
.outline-badge-secondary {
color : #805dca;
background-color : transparent;
border : 1px solid #805dca
}
.outline-badge-primary:focus,.outline-badge-primary:hover {
background-color : #eaf1ff;
color : #4361ee
}
.outline-badge-secondary:focus,.outline-badge-secondary:hover {
color : #805dca;
background-color : #f3effc
}
.outline-badge-success:focus,.outline-badge-success:hover {
color : #1abc9c;
background-color : #ddf5f0
}
.outline-badge-danger:focus,.outline-badge-danger:hover {
color : #e7515a;
background-color : #fff5f5
}
.outline-badge-warning:focus,.outline-badge-warning:hover {
color : #e2a03f;
background-color : #fff9ed
}
.outline-badge-info:focus,.outline-badge-info:hover {
color : #2196f3;
background-color : #e7f7ff
}
.outline-badge-dark:focus,.outline-badge-dark:hover {
color : #3b3f5c;
background-color : #e3e4eb
}
.badge[class*=link-badge-] {
cursor : pointer
}
.link-badge-primary {
color : #4361ee
}
.link-badge-info,.link-badge-primary {
background-color : transparent;
border : 1px solid transparent
}
.link-badge-info {
color : #2196f3
}
.link-badge-success {
color : #1abc9c
}
.link-badge-danger,.link-badge-success {
background-color : transparent;
border : 1px solid transparent
}
.link-badge-danger {
color : #e7515a
}
.link-badge-warning {
color : #e2a03f
}
.link-badge-dark,.link-badge-warning {
background-color : transparent;
border : 1px solid transparent
}
.link-badge-dark {
color : #3b3f5c
}
.link-badge-secondary {
color : #805dca;
background-color : transparent;
border : 1px solid transparent
}
.link-badge-primary:focus,.link-badge-primary:hover {
color : #4361ee;
background-color : transparent
}
.link-badge-secondary:focus,.link-badge-secondary:hover {
color : #6f51ea;
background-color : transparent
}
.link-badge-success:focus,.link-badge-success:hover {
color : #2ea37d;
background-color : transparent
}
.link-badge-danger:focus,.link-badge-danger:hover {
color : #e7515a;
background-color : transparent
}
.link-badge-warning:focus,.link-badge-warning:hover {
color : #dea82a;
background-color : transparent
}
.link-badge-info:focus,.link-badge-info:hover {
color : #009eda;
background-color : transparent
}
.link-badge-dark:focus,.link-badge-dark:hover {
color : #454656;
background-color : transparent
}
.custom-dropdown-icon .dropdown-toggle:after,.custom-dropdown-icon .dropdown-toggle:before,.custom-dropdown .dropdown-toggle:after,.custom-dropdown .dropdown-toggle:before {
display : none
}
.custom-dropdown-icon .dropdown-item.active,.custom-dropdown-icon .dropdown-item:active,.custom-dropdown-icon .dropdown-item:hover,.custom-dropdown .dropdown-item.active,.custom-dropdown .dropdown-item:active,.custom-dropdown .dropdown-item:hover {
color : #888ea8;
background-color : #f1f2f3
}
.custom-dropdown-icon .dropdown-item,.custom-dropdown .dropdown-item {
font-size : 13px;
color : #888ea8;
display : block;
font-weight : 700;
padding : 11px 8px;
font-size : 12px
}
.custom-dropdown-icon .dropdown-menu .dropdown-item svg {
width : 20px;
height : 20px;
margin-right : 3px;
color : #888ea8
}
.custom-dropdown-icon .dropdown-item.active svg,.custom-dropdown-icon .dropdown-item:active svg,.custom-dropdown-icon .dropdown-item:hover svg,.custom-dropdown .dropdown-item.active svg,.custom-dropdown .dropdown-item:active svg,.custom-dropdown .dropdown-item:hover svg {
color : #4361ee
}
.status.rounded-tooltip .tooltip-inner {
border-radius : 20px;
padding : 8px 20px
}
.popover {
z-index : 999;
border-radius : 0;
box-shadow : 0 1px 3px rgba(0,0,0,.2);
border-bottom-color : #b3b3b3
}
input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly] {
cursor : not-allowed;
color : #bfc9d4
}
.help-block,.help-inline {
color : #555
}
.controls {
position : relative
}
.search-form-control {
border-radius : .25rem
}
.table-bordered {
border : 1px solid #f1f2f3
}
.table-striped tbody tr:nth-of-type(odd) {
background-color : #f1f2f3!important
}
.table>tbody>tr>td {
vertical-align : middle;
color : #515365;
font-size : 13px;
letter-spacing : 1px
}
.table>thead>tr>th {
color : #4361ee;
font-weight : 700;
font-size : 13px;
letter-spacing : 1px;
text-transform : uppercase
}
.table>tbody>tr>td .usr-img-frame {
background-color : #ebedf2;
padding : 2px;
width : 35px;
height : 35px
}
.table>tbody>tr>td .usr-img-frame img {
width : 35px;
margin : 0
}
.table>tbody>tr>td .admin-name {
font-weight : 700;
color : #515365
}
.table>tbody>tr>td .progress {
width : 135px;
height : 6px;
margin : auto 0
}
.table>tbody>tr>td svg.icon {
width : 21px
}
.table>tbody>tr>td .t-dot {
background-color : #000;
height : 11px;
width : 11px;
border-radius : 50%;
cursor : pointer;
margin : 0 auto
}
.table>tbody>tr>td svg.t-icon {
padding : 5px;
border-radius : 50%;
font-size : 11px;
vertical-align : sub;
cursor : pointer
}
.table>tbody>tr>td svg.t-icon.t-hover-icon:hover {
background-color : #e7515a;
color : #fff
}
.table-bordered td,.table-bordered th {
border : 1px solid #ebedf2
}
.table thead th {
vertical-align : bottom;
border-bottom : none
}
.table-hover:not(.table-dark) tbody tr:hover {
background-color : #f1f2f3!important
}
.table-controls>li>a svg {
color : #25d5e4
}
.table tr td .custom-dropdown-icon.t-custom-dropdown a.dropdown-toggle,.table tr td .custom-dropdown.t-custom-dropdown a.dropdown-toggle {
border-radius : 5px;
border : 1px solid #d3d3d3
}
.table-controls>li>a svg {
color : #888ea8;
width : 21px
}
.table.table-dark>thead>tr>th {
color : #d3d3d3
}
.table.table-dark>tbody>tr>td {
color : #fff
}
.table-dark,.table-dark.table-hover tbody tr {
background-color : #060818
}
.table-dark td,.table-dark th,.table-dark thead th {
border-color : #191e3a!important
}
.table-dark.table-hover tbody tr:hover {
background-color : rgba(25,30,58,.631372549)
}
.table.table-dark>tbody>tr>td i.t-icon {
padding : 5px;
border-radius : 50%;
font-size : 14px;
vertical-align : sub;
cursor : pointer;
color : #0e1726!important
}
table .badge-danger,table .badge-dark,table .badge-info,table .badge-primary,table .badge-secondary,table .badge-success,table .badge-warning {
box-shadow : 0 5px 20px 0 rgba(0,0,0,.2);
will-change : opacity,transform;
transition : all .3s ease-out;
-webkit-transition : all .3s ease-out
}
.table>tfoot>tr>th {
color : #3b3f5c
}
.table-vertical-align td,.table-vertical-align th,.table-vertical-align tr {
vertical-align : middle!important
}
.statbox .widget-content:after,.statbox .widget-content:before {
display : table;
content : "";
line-height : 0;
clear : both
}
.nav-tabs>li>a {
border-radius : 0!important
}
.btn-toolbar {
margin-left : 0
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.input-group>.form-control {
flex : 1 1 auto;
width : 1%
}
}
.spin {
-webkit-animation : spin 2s linear infinite;
animation : spin 2s linear infinite
}
.toast-header,.toast-primary {
background : #4361ee
}
.toast-header {
color : #fff;
border-bottom : 1px solid rgba(33,150,243,.3411764706)
}
.toast-header .meta-time {
color : #f1f2f3
}
.toast-header .close {
color : #f1f2f3;
opacity : 1;
text-shadow : none
}
.toast-body {
padding : 16px 12px;
color : #fff
}
.bg-primary {
background-color : #4361ee!important;
border-color : #4361ee;
color : #fff
}
.bg-success {
background-color : #1abc9c!important;
border-color : #1abc9c;
color : #fff
}
.bg-info {
background-color : #2196f3!important;
border-color : #2196f3;
color : #fff
}
.bg-warning {
background-color : #e2a03f!important;
border-color : #e2a03f;
color : #fff
}
.bg-danger {
background-color : #e7515a!important;
border-color : #e7515a;
color : #fff
}
.bg-secondary {
background-color : #805dca!important;
border-color : #805dca;
color : #fff
}
.bg-dark {
background-color : #fff;
border-color : #3b3f5c;
color : #fff
}
.bg-light-primary {
background-color : #eaf1ff!important;
border-color : #eaf1ff;
color : #2196f3
}
.bg-light-success {
background-color : #ddf5f0!important;
border-color : #ddf5f0;
color : #1abc9c
}
.bg-light-info {
background-color : #e7f7ff!important;
border-color : #e7f7ff;
color : #2196f3
}
.bg-light-warning {
background-color : #fff9ed!important;
border-color : #fff9ed;
color : #e2a03f
}
.bg-light-danger {
background-color : #fff5f5!important;
border-color : #fff5f5;
color : #e7515a
}
.bg-light-secondary {
background-color : #f3effc!important;
border-color : #f3effc;
color : #805dca
}
.bg-light-dark {
background-color : #e3e4eb;
border-color : #e3e4eb;
color : #fff
}
.progress {
border-radius : 0;
background-color : #ebedf2;
margin-bottom : 1.25rem;
height : 16px;
box-shadow : 1px 3px 20px 3px #f1f2f3
}
.progress.progress-bar-stack .progress-bar:last-child {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px
}
.progress .progress-bar {
font-size : 10px;
font-weight : 700;
box-shadow : 0 2px 4px rgba(0,69,255,.15),0 8px 16px rgba(0,69,255,.2);
font-size : 12px;
letter-spacing : 1px;
font-weight : 100
}
.progress:not(.progress-bar-stack) .progress-bar {
border-radius : 16px
}
.progress-sm {
height : 4px
}
.progress-md {
height : 10px
}
.progress-lg {
height : 20px
}
.progress-xl {
height : 25px
}
.progress-striped .progress-bar {
background-image : linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}
.progress .progress-title {
display : flex;
justify-content : space-between;
padding : 15px
}
.progress .progress-title span {
align-self : center
}
.progress .progress-bar.bg-gradient-primary {
background-color : #4361ee;
background : linear-gradient(90deg,#0081ff 0,#0045ff)
}
.progress .progress-bar.bg-gradient-info {
background-color : #4361ee;
background-image : linear-gradient(90deg,#04befe 0,#4481eb)
}
.progress .progress-bar.bg-gradient-success {
background-color : #4361ee;
background-image : linear-gradient(90deg,#3cba92 0,#0ba360)
}
.progress .progress-bar.bg-gradient-warning {
background-color : #4361ee;
background-image : linear-gradient(90deg,#f09819 0,#ff5858)
}
.progress .progress-bar.bg-gradient-secondary {
background-color : #4361ee;
background-image : linear-gradient(90deg,#7579ff 0,#b224ef)
}
.progress .progress-bar.bg-gradient-danger {
background-color : #4361ee;
background-image : linear-gradient(90deg,#d09693 0,#c71d6f)
}
.progress .progress-bar.bg-gradient-dark {
background-color : #4361ee;
background-image : linear-gradient(90deg,#2b5876 0,#4e4376)
}
.br-0 {
border-radius : 0!important
}
.br-4 {
border-radius : 4px!important
}
.br-6 {
border-radius : 6px!important
}
.br-30 {
border-radius : 30px!important
}
.br-50 {
border-radius : 50px!important
}
.br-left-30 {
border-top-left-radius: 30px!important;
border-bottom-left-radius: 30px!important
}
.br-right-30 {
border-top-right-radius: 30px!important;
border-bottom-right-radius: 30px!important
}
.bx-top-6 {
border-top-right-radius: 6px!important;
border-top-left-radius: 6px!important
}
.bx-bottom-6 {
border-bottom-right-radius: 6px!important;
border-bottom-left-radius: 6px!important
}
.badge.counter {
position : absolute;
z-index : 2;
right : 0;
top : -10px;
font-weight : 600;
width : 19px;
height : 19px;
border-radius : 50%;
padding : 2px 0;
font-size : 12px
}
.badge-chip {
display : inline-block;
padding : 0 25px;
font-size : 16px;
line-height : 42px;
border-radius : 25px
}
.badge-chip img {
float : left;
margin : 0 10px 0 -26px;
height : 44px;
width : 44px;
border-radius : 50%
}
.badge-chip .closebtn {
color : #f1f2f3;
font-weight : 700;
float : right;
font-size : 20px;
cursor : pointer
}
.badge-chip .closebtn:hover {
color : #fff
}
.text-primary {
color : #4361ee!important
}
.text-success {
color : #1abc9c!important
}
.text-info {
color : #2196f3!important
}
.text-danger {
color : #e7515a!important
}
.text-warning {
color : #e2a03f!important
}
.text-secondary {
color : #805dca!important
}
.text-dark {
color : #3b3f5c!important
}
.text-muted {
color : #888ea8!important
}
.text-white {
color : #fff!important
}
.text-black {
color : #000!important
}
.border {
border : 1px solid!important
}
.border-bottom {
border-bottom : 1px solid!important
}
.border-top {
border-top : 1px solid!important
}
.border-right {
border-right : 1px solid!important
}
.border-left {
border-left : 1px solid!important
}
.border-primary {
border-color : #4361ee!important
}
.border-info {
border-color : #2196f3!important
}
.border-warning {
border-color : #e2a03f!important
}
.border-success {
border-color : #1abc9c!important
}
.border-danger {
border-color : #e7515a!important
}
.border-secondary {
border-color : #805dca!important
}
.border-dark {
border-color : #3b3f5c!important
}
.border-dotted {
border-style : dotted!important
}
.border-dashed {
border-style : dashed!important
}
.border-solid {
border-style : solid!important
}
.border-double {
border-style : double!important
}
.border-width-1px {
border-width : 1px!important
}
.border-width-2px {
border-width : 2px!important
}
.border-width-3px {
border-width : 3px!important
}
.border-width-4px {
border-width : 4px!important
}
.border-width-5px {
border-width : 5px!important
}
.border-width-6px {
border-width : 6px!important
}
.position-absolute {
position : absolute
}
.position-static {
position : static
}
.position-fixed {
position : fixed
}
.position-inherit {
position : inherit
}
.position-initial {
position : static
}
.position-relative {
position : relative
}
html {
min-height : 100%
}
body {
font-family : "Nunito",sans-serif
}
h1,h2,h3,h4,h5,h6 {
color : #3b3f5c
}
:focus {
outline : none
}
::-moz-selection {
color : #4361ee;
background : transparent
}
::selection {
color : #4361ee;
background : transparent
}
p {
margin-top : 0;
margin-bottom : .625rem;
color : #515365
}
hr {
margin-top : 20px;
margin-bottom : 20px;
border-top : 1px solid #f1f2f3
}
strong {
font-weight : 600
}
code {
color : #e7515a
}
.page-header {
border : 0;
margin : 0
}
.page-header:after,.page-header:before {
display : table;
content : "";
line-height : 0
}
.page-header:after {
clear : both
}
.page-title h3 {
margin : 0;
font-size : 15px;
color : #3b3f5c;
font-weight : 700
}
.page-title span {
display : block;
font-size : 11px;
color : #888;
font-weight : 400
}
.main-container {
min-height : 100vh;
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : flex-start;
padding : 0 0 0 16px
}
#container.fixed-header {
margin-top : 56px
}
#content {
position : relative;
width : 50%;
flex-grow : 8;
margin-top : 108px;
margin-bottom : 0;
margin-left : 212px;
transition : .6s
}
.main-container-fluid>.main-content>.container {
float : left;
width : 100%
}
#content>.wrapper {
transition : margin .1s ease-in-out;
position : relative
}
.panel {
padding : 0;
margin-top : 0;
margin-bottom : 0
}
.layout-top-spacing {
margin-top : 20px
}
.layout-spacing {
padding-bottom : 40px
}
.layout-px-spacing {
padding : 0 20px 0 18px!important;
min-height : calc(100vh - 170px)!important
}
.sidebar-closed .layout-px-spacing {
padding : 0 16px!important
}
.seperator-header {
background : transparent;
box-shadow : none;
margin-bottom : 40px;
border-radius : 0
}
.seperator-header h4 {
margin-bottom : 0;
line-height : 1.4;
padding : 5px 8px;
font-size : 15px;
border-radius : 4px;
letter-spacing : 1px;
display : inline-block;
background : rgba(0,150,136,.26);
color : #009688;
font-weight : 500
}
.panel-body-area {
padding : 20px;
position : relative;
background-color : #fff;
box-shadow : 0 0 40px 0 rgba(94,92,154,.06)
}
.content-area {
max-width : 58.333333%;
margin-left : 80px
}
.header-container {
z-index : 1030;
border-bottom : 1px solid #0e1726
}
.header-container .navbar {
padding : 5px 0;
height : 54px;
max-height : 54px
}
.navbar {
padding : 0;
background : #0e1726
}
.navbar .theme-brand {
padding : .9px 0 .9px 13px!important;
border-radius : 6px 6px 0 0;
justify-content : space-between
}
.navbar .theme-brand li.theme-logo {
align-self : center
}
.navbar .theme-brand li.theme-logo img {
width : 34px;
height : 34px;
border-radius : 6px
}
.navbar .theme-brand li.theme-text {
margin-right : 47px
}
.navbar .theme-brand li.theme-text a {
font-size : 24px!important;
color : #e0e6ed!important;
line-height : 2.75rem;
padding : 0 .8rem;
text-transform : none;
position : unset;
font-weight : 700
}
.navbar.expand-header {
margin : 0
}
.navbar-brand {
width : 5.5rem;
padding-top : 0;
padding-bottom : 0;
margin-right : 0
}
.navbar-expand-sm .navbar-item {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
list-style : none
}
.navbar-expand-sm .navbar-item .nav-link {
line-height : 2.75rem;
padding : 6.24px 9.6px;
text-transform : none;
position : unset
}
.header-container .navbar .dropdown-menu {
border-radius : 6px;
border-color : #e0e6ed
}
.header-container .navbar .dropdown-item {
line-height : 1.8;
font-size : .96rem;
padding : 15px 0;
word-wrap : normal;
border-radius : 6px
}
.header-container .navbar .navbar-item .nav-item .dropdown-item.active,.header-container .navbar .navbar-item .nav-item .dropdown-item:active {
background-color : transparent;
color : #16181b
}
.header-container .navbar .navbar-item .nav-item.dropdown .nav-link:hover span {
color : #e0e6ed!important
}
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
top : 139%!important;
border-radius : 6px;
box-shadow : 0 10px 30px 0 rgba(31,45,61,.1);
background : #fff
}
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu.show {
top : 102%!important
}
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
position : absolute;
content : "";
top : -10px;
margin-left : -7px;
height : 0;
width : 0;
border-left : 9px solid transparent;
border-right : 9px solid transparent;
left : auto;
right : 7px;
border-bottom : 15px solid #fafafa
}
.header-container .navbar .language-dropdown {
margin-left : 20px
}
.header-container .navbar .language-dropdown a.nav-link {
position : relative;
font-size : 24px;
padding : 0
}
.header-container .navbar .language-dropdown a.dropdown-toggle:after {
display : none
}
.header-container .navbar .language-dropdown a.dropdown-toggle img {
width : 20px;
height : 20px;
margin : 11px 0
}
.header-container .navbar .navbar-item .nav-item.dropdown.language-dropdown .dropdown-menu {
min-width : 9rem;
left : 50%!important;
transform : translate(-50%)!important;
box-shadow : none;
z-index : 1070;
border-radius : 4px
}
.header-container .navbar .navbar-item .nav-item.dropdown.language-dropdown .dropdown-menu>div {
max-height : 300px;
position : relative
}
.header-container .navbar .language-dropdown .dropdown-menu:before {
top : -10px;
left : 41%;
right : auto!important
}
.header-container .navbar .language-dropdown .dropdown-menu:after {
top : -8.5px;
left : 49%!important;
right : auto!important
}
.header-container .navbar .language-dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu .dropdown-item:hover {
background : transparent
}
.header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active,.header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active {
background : #f8f8f8
}
.header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active span,.header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active span {
color : #4361ee
}
.header-container .navbar .language-dropdown .dropdown-menu a img {
width : 20px;
height : 20px;
margin-right : 16px
}
.header-container .navbar .language-dropdown .dropdown-menu a span {
color : #3b3f5c;
font-weight : 600
}
.header-container .navbar .language-dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu .dropdown-item:hover span {
color : #4361ee
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown {
margin-left : 20px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link {
padding : 0
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link:after {
display : none
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link svg {
color : #e0e6ed;
width : 22px;
height : 22px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge {
position : absolute;
top : 13px;
right : 2px;
width : 18px;
height : 18px;
border-radius : 50%;
padding : 1px 5px 0;
font-size : 10px;
color : #fff!important;
background : #4361ee;
border : 1px solid #e0e6ed;
top : 10px;
right : -8px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown.double-digit .nav-link span.badge {
top : 11px;
right : 1px;
width : 22px;
height : 22px;
padding : 3px 3px 0;
font-size : 9px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu {
min-width : 13rem;
right : 0;
left : auto
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu.show {
top : 102%!important
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item {
padding : 8px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item.active,.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:active,.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:focus,.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover {
background-color : transparent!important
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:first-child {
padding-top : 8px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after {
right : 17px
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:last-child {
padding-bottom : 8px;
cursor : pointer
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media {
margin : 0
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .avatar {
position : relative;
display : inline-block;
width : 39px;
height : 39px;
font-size : 14px;
font-weight : 500
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .avatar .avatar-title {
display : flex;
align-items : center;
justify-content : center;
width : 100%;
height : 100%;
background-color : #304aca;
color : #fff;
font-weight : 600
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media img {
width : 40px;
height : 40px;
border-radius : 12px;
border : 3px solid rgba(224,230,237,.16)
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name {
font-size : 15px;
margin-bottom : 0;
color : #3b3f5c;
font-weight : 600
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover .media-body h5.usr-name {
color : #4361ee
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body {
align-self : center
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body p.msg-title {
font-size : 10px;
font-weight : 700;
color : #888ea8;
margin-bottom : 0;
letter-spacing : 0
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown {
margin-left : 16px
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link {
padding : 0
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link:after {
display : none
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link svg {
color : #e0e6ed;
width : 22px;
height : 22px
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link span.badge {
position : absolute;
display : block;
width : 5px;
height : 5px;
border-radius : 50%;
padding : 0;
font-size : 10px;
color : #fff!important;
background : #e7515a;
top : 5px;
right : 2px
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
min-width : 15rem;
right : -3px;
left : auto
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:focus,.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover {
background-color : transparent!important;
cursor : pointer
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
border-bottom : 1px solid #e0e6ed
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .media {
margin : 0
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .notification-para {
color : #506690;
font-size : 14px;
font-weight : 600;
line-height : 1.5;
white-space : normal
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .notification-para .user-name {
color : #e0e6ed;
font-weight : 700
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .notification-meta-time {
font-size : 13px;
font-weight : 600;
color : #bfc9d4
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu.show {
top : 102%!important
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item {
padding : .625rem 1rem;
cursor : pointer;
border-radius : 0;
background : transparent
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media {
margin : 0
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu svg {
width : 23px;
height : 23px;
font-weight : 600;
color : #e2a03f;
fill : rgba(226,160,63,.2705882353);
align-self : center
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media.file-upload svg {
color : #e7515a;
fill : rgba(231,81,90,.2392156863)
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media.server-log svg {
color : #009688;
fill : rgba(0,150,136,.368627451)
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body {
display : flex;
justify-content : space-between
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info {
display : inline-block;
white-space : normal
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info h6 {
margin-bottom : 0;
font-weight : 600;
font-size : 14px;
margin-right : 8px;
color : #3b3f5c
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover .data-info h6 {
color : #445ede
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info p {
margin-bottom : 0;
font-size : 13px;
font-weight : 600;
color : #888ea8
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status {
display : inline-block;
white-space : normal
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg {
margin : 0
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg.feather-x {
color : #bfc9d4;
width : 19px;
height : 19px;
cursor : pointer
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg.feather-x:hover {
color : #e7515a
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg.feather-check {
color : #fff;
background : #0d9a5d;
border-radius : 50%;
padding : 3px;
width : 22px;
height : 22px
}
.navbar .navbar-item .nav-item.search-animated {
position : relative
}
.navbar .navbar-item .nav-item.search-animated svg {
font-weight : 600;
margin : 0 9.6px;
cursor : pointer;
color : #888ea8;
position : absolute;
width : 18px;
height : 18px;
top : 9px
}
.navbar .navbar-item .nav-item form.form-inline input.search-form-control {
width : 100%;
font-size : 14px;
background-color : rgba(81,83,101,.28);
border : none;
border-radius : 6px;
color : #888ea8;
letter-spacing : 1px;
padding : 0 4px 0 35px;
height : 36px;
font-weight : 600
}
.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus {
border : 1px solid #3b3f5c;
box-shadow : none
}
.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
border : 1px solid rgba(81,83,101,.28);
width : 100%;
width : 370px
}
.navbar .navbar-item .nav-item form.form-inline input.search-form-control::-moz-placeholder,.navbar .navbar-item .nav-item form.form-inline input.search-form-control::-ms-input-placeholder,.navbar .navbar-item .nav-item form.form-inline input.search-form-control::-webkit-input-placeholder {
color : #888ea8;
letter-spacing : 1px;
font-size : 13px
}
.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-moz-placeholder,.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-ms-input-placeholder,.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-webkit-input-placeholder {
color : #3b3f5c
}
.search-overlay {
display : none;
position : fixed;
width : 100vw;
height : 100vh;
background : transparent!important;
z-index : 814!important;
opacity : 0;
transition : all .5s ease-in-out
}
.search-overlay.show {
display : block;
opacity : .1
}
.navbar .navbar-item .nav-item.user-profile-dropdown {
margin : 0 20px 0 16px
}
.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user {
padding : 0;
position : relative
}
.navbar .navbar-item .nav-item.dropdown.user-profile-dropdown .nav-link:after {
display : none
}
.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link img {
width : 28px;
border-radius : 4px;
height : 28px
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu {
max-width : 13rem
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu li hr {
border : 0
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item {
padding : 0;
background : transparent;
border-radius : 0
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a {
display : block;
color : #3b3f5c;
font-size : 13px;
font-weight : 600;
padding : 9px 14px
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a {
color : #4361ee
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item.active,.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:active {
background-color : transparent
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
border-bottom : 1px solid #ebedf2
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
width : 17px;
margin-right : 7px;
height : 17px
}
.sub-header-container {
position : fixed;
top : 54px;
width : 100%;
z-index : 1029;
display : flex
}
.sub-header-container .navbar {
box-shadow : 0 20px 20px rgba(126,142,177,.12);
background : #fafafa;
border-radius : 0;
padding : 9px 0;
justify-content : flex-start;
min-height : 54px;
width : 100%;
border-bottom : 1px solid #ebedf2
}
.sub-header-container .navbar .toggle-sidebar {
position : relative;
padding : 0 25px 0 31px;
margin-left : 0
}
.sub-header-container .navbar .sidebarCollapse {
position : relative;
padding : 0 25px 0 15px;
margin-left : 0
}
.sub-header-container .navbar .sidebarCollapse svg {
width : 20px;
height : 20px;
color : #3b3f5c;
vertical-align : text-top
}
.sub-header-container .vue-portal-target {
display : flex;
align-items : center;
justify-content : space-between;
flex : 1
}
.page-header {
display : flex;
padding : 0
}
.sub-header-container .breadcrumb-one {
display : inline-block
}
.sub-header-container .breadcrumb-one .breadcrumb {
padding : 0;
vertical-align : sub;
background-color : transparent;
margin-bottom : 0
}
.sub-header-container .breadcrumb-one .breadcrumb-item {
align-self : center;
display : flex
}
.sub-header-container .breadcrumb-one .breadcrumb-item a {
color : #515365;
vertical-align : sub
}
.sub-header-container .breadcrumb-one .breadcrumb-item a svg {
width : 18px;
height : 18px;
vertical-align : sub;
fill : #515365
}
.sub-header-container .breadcrumb-one .breadcrumb-item.active a {
color : #515365
}
.sub-header-container .breadcrumb-one .breadcrumb-item span {
vertical-align : sub
}
.sub-header-container .breadcrumb-one .breadcrumb-item.active {
color : #3b3f5c;
font-weight : 600
}
.sub-header-container .breadcrumb-one .breadcrumb-item+.breadcrumb-item {
padding : 0
}
.sub-header-container .breadcrumb-one .breadcrumb-item+.breadcrumb-item:before {
color : #515365;
padding : 0 6px;
vertical-align : bottom;
display : inline-block;
float : none
}
.sub-header-container .more-dropdown .custom-dropdown-icon {
padding-right : 20px
}
.sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle {
position : relative;
padding : 9px 35px 10px 15px;
border : 1px solid #d3d3d3;
border-radius : 8px;
transform : none;
font-size : 13px;
line-height : 17px;
background-color : #fff;
letter-spacing : normal;
min-width : 115px;
text-align : inherit;
color : #1b2e4b;
box-shadow : none;
max-height : 35px
}
.sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle svg {
position : absolute;
right : 15px;
top : 11px;
color : #888ea8;
width : 13px;
height : 13px;
margin : 0;
transition : transform .2s ease-in-out
}
.sub-header-container .more-dropdown .custom-dropdown-icon.show a.dropdown-toggle svg {
transform : rotate(180deg)
}
.sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu {
position : absolute;
padding : 8px 0;
min-width : 155px;
border : 1px solid #d3d3d3;
z-index : 899;
box-shadow : none;
transition : top .3s ease-in-out 0s,opacity .3s ease-in-out 0s,visibility .3s ease-in-out 0s;
opacity : 0;
visibility : hidden;
display : block!important;
top : 50px!important;
right : 20px;
left : auto!important
}
.sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu.show {
opacity : 1;
visibility : visible;
top : 40px!important;
right : 20px
}
.sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a {
padding : 8px 15px;
font-size : 13px;
font-weight : 500;
color : #3b3f5c
}
.sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a:hover {
background-color : #f8f8f8;
color : #2196f3
}
@media(max-width:575px) {
.page-header {
display : block
}
}
.sidebar-wrapper {
width : 212px;
position : fixed;
z-index : 1028;
border-radius : 6px 6px 0 0;
transition : .6s;
height : 100vh;
touch-action : none;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
-webkit-user-drag : none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top : 106px;
left : 16px
}
.sidebar-theme {
background : transparent
}
.sidebar-closed.sbar-open {
padding : 0
}
.sidebar-closed>.sidebar-wrapper {
left : -270px
}
.sidebar-closed>#content {
margin-left : 0
}
#sidebar .navbar-brand .img-fluid {
display : inline;
width : 44px;
height : auto;
margin-left : 20px;
margin-top : 5px
}
#sidebar .border-underline {
border-left : 1px solid #ccc;
height : 20px;
margin-top : 18px;
margin-left : 0;
margin-right : 8px
}
#sidebar * {
overflow : hidden;
white-space : nowrap
}
.shadow-bottom {
display : block;
position : absolute;
z-index : 2;
height : 33px;
width : 100%;
pointer-events : none;
margin-top : -13px;
left : -4px;
filter : blur(3px);
background : linear-gradient(#f2f4f4 41%,hsla(0,0%,100%,.11) 95%,hsla(0,0%,100%,0))
}
#sidebar ul.menu-categories {
position : relative;
margin : auto;
width : 100%;
height : calc(100vh - 127px)!important;
overflow : hidden
}
#sidebar ul.menu-categories.ps {
height : calc(100vh - 107px)!important;
margin-right : 0;
padding-right : 18px;
border-right : 1px solid #e0e6ed
}
#sidebar .ps__thumb-y {
right : 4px
}
#sidebar ul.menu-categories li>.dropdown-toggle[aria-expanded=true] svg.feather-chevron-right,#sidebar ul.menu-categories li>.dropdown-toggle[data-active=true] svg.feather-chevron-right {
transform : rotate(90deg)
}
#sidebar ul.menu-categories li.menu:first-child ul.submenu>li a {
justify-content : flex-start
}
#sidebar ul.menu-categories li.menu:first-child ul.submenu>li a i {
align-self : center;
margin-right : 12px;
font-size : 19px;
width : 21px
}
#sidebar ul.menu-categories li.menu:first-child>.dropdown-toggle {
margin-top : 21px
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle {
display : flex;
justify-content : space-between;
cursor : pointer;
font-size : 13px;
color : #0e1726;
padding : 11px 14px;
transition : .6s;
margin-bottom : 4px;
font-weight : 600;
letter-spacing : 1px
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle>div {
align-self : center
}
#sidebar ul.menu-categories li.menu .dropdown-toggle:after {
display : none
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle svg {
color : #506690;
margin-right : 14px;
vertical-align : middle;
width : 20px;
height : 20px;
stroke-width : 1.6
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] {
background : #fff!important;
box-shadow : 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
border-radius : 6px;
color : #0e1726
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] svg {
color : #030305;
fill : #e0e6ed
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true]:hover svg,#sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] span {
color : #030305
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle.dropdown-toggle:not([data-active=true]):not([aria-expanded=true]):hover,#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover,#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) {
background : #fff;
box-shadow : 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
border-radius : 6px
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) {
color : #0e1726
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover svg {
color : #030305
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) svg {
color : #030305;
fill : #e0e6ed
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle svg.feather-chevron-right {
vertical-align : middle;
margin-right : 0;
width : 15px
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] svg.flaticon-down-arrow,#sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] svg.flaticon-right-arrow {
background-color : transparent
}
#sidebar ul.menu-categories li.menu>a span:not(.badge) {
vertical-align : middle
}
#sidebar ul.menu-categories li.menu.active>a {
background : #fff;
box-shadow : 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
border-radius : 6px;
color : #0e1726
}
#sidebar ul.menu-categories li.menu.active>a svg {
color : #030305;
fill : #e0e6ed
}
#sidebar ul.menu-categories li.menu.active>a:hover svg,#sidebar ul.menu-categories li.menu.active>a span {
color : #030305
}
#sidebar ul.menu-categories ul.submenu>li a {
position : relative;
display : flex;
justify-content : space-between;
padding : 10px 12px 10px 24px;
margin-left : 36px;
font-size : 13px;
color : #515365
}
#sidebar ul.menu-categories li.menu ul.submenu>li a:before {
content : "";
background-color : #d3d3d3;
position : absolute;
height : 3px;
width : 3px;
top : 17.5px;
left : 13px;
border-radius : 50%
}
#sidebar ul.menu-categories ul.submenu>li.active a {
color : #4361ee;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
font-weight : 600
}
#sidebar ul.menu-categories ul.submenu>li a.dropdown-toggle {
padding : 10px 15px 10px 24px
}
#sidebar ul.menu-categories li.menu ul.submenu>li.active a:before {
background-color : #4361ee
}
#sidebar ul.menu-categories ul.submenu>li.active {
position : relative
}
#sidebar ul.menu-categories ul.submenu>li a:hover {
color : #4361ee
}
#sidebar ul.menu-categories ul.submenu>li a:hover:before {
background-color : #4361ee!important
}
#sidebar ul.menu-categories ul.submenu>li a i {
align-self : center;
font-size : 9px
}
#sidebar ul.menu-categories ul.submenu li>[data-active=true] i {
color : #4361ee
}
#sidebar ul.menu-categories ul.submenu li>[data-active=true]:before {
background-color : #4361ee!important
}
#sidebar ul.menu-categories ul.submenu li>a[data-active=true] {
color : #4361ee
}
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a {
position : relative;
padding : 10px 12px 10px 13px;
margin-left : 47px;
font-size : 12px;
color : #515365
}
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li.active a {
color : #805dca
}
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a:hover {
color : #4361ee
}
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a:before {
display : none
}
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li.active a:before {
background-color : #4361ee
}
.overlay {
display : none;
position : fixed;
width : 100vw;
height : 100vh;
background : rgba(0,0,0,.4);
z-index : 1035!important;
opacity : 0;
transition : all .5s ease-in-out;
top : 0;
bottom : 0;
right : 0;
left : 0;
touch-action : pan-y;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
-webkit-user-drag : none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.e-animated {
-webkit-animation-duration: .6s;
animation-duration : .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode : both
}
.collapsible-vertical .sidebar-theme {
background-color : #fff
}
.collapsible-vertical .sidebar-wrapper {
top : 128px;
height : calc(100vh - 150px);
border-radius : 6px
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu {
color : #888ea8
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu.active>a {
background : transparent;
box-shadow : none
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu.active>a span {
color : #060818
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu.active>a svg {
color : #4361ee
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle {
padding : 9px 20px;
color : #888ea8
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle svg {
color : #515365
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) {
background : transparent;
box-shadow : none;
color : #060818
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) svg {
color : #4361ee
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle svg {
stroke-width : 2
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover {
background : transparent;
box-shadow : none;
color : #4361ee
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover svg {
color : #4361ee
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle.dropdown-toggle:not([data-active=true]):not([aria-expanded=true]):hover {
background : transparent;
box-shadow : none
}
.collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories ul.submenu>li.active:before {
content : "";
position : absolute;
background-color : transparent;
width : 15px;
height : 40px;
width : 100%;
left : 0
}
.collapsible-vertical .shadow-bottom {
display : none
}
.collapsible-vertical .sidebar-closed.main-container {
padding : 0 0 0 16px
}
.collapsible-vertical .sidebar-closed>.sidebar-wrapper {
width : 52px;
left : 16px;
background-color : #fff
}
.collapsible-vertical .sidebar-closed>.sidebar-wrapper:hover {
width : 212px
}
.collapsible-vertical .sidebar-closed>.sidebar-wrapper:hover .collapse.show {
display : block
}
.collapsible-vertical .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>.dropdown-toggle {
padding : 9px 20px;
transition : .6s
}
.collapsible-vertical .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>.dropdown-toggle svg.feather-chevron-right {
display : inline-block
}
.collapsible-vertical .sidebar-closed .sidebar-wrapper {
box-shadow : 18px 20px 10.3px -23px rgba(0,0,0,.15),-18px 20px 26px -23px rgba(0,0,0,.1),-17px 20px 53px -23px rgba(0,0,0,.124),-19px 20px 109.1px -23px rgba(0,0,0,.152),-17px 20px 299px -23px rgba(0,0,0,.22)
}
.collapsible-vertical .sidebar-closed .sidebar-wrapper .collapse.show {
display : none
}
.collapsible-vertical .sidebar-closed>#content {
margin-left : 54px
}
.collapsible-vertical .sidebar-closed #sidebar ul.menu-categories li.menu>.dropdown-toggle {
padding : 12px 16px;
transition : .6s;
position : relative
}
.collapsible-vertical .sidebar-closed #sidebar ul.menu-categories li.menu>.dropdown-toggle svg.feather-chevron-right {
display : none
}
.collapsible-vertical #sidebar ul.menu-categories {
padding-right : 0
}
.collapsible-vertical #sidebar ul.menu-categories.ps {
height : calc(100vh - 150px)!important;
border : 0
}
@media(max-width:991px) {
.collapsible-vertical .sidebar-wrapper {
top : 0
}
.collapsible-vertical .collapsible-vertical-mobile .sidebar-wrapper {
left : auto!important;
width : 255px!important
}
.collapsible-vertical .collapsible-vertical-mobile .overlay {
display : block;
opacity : .7
}
.collapsible-vertical .sidebar-closed>.sidebar-wrapper {
width : 255px;
top : 0;
left : 0
}
.collapsible-vertical .sidebar-closed .sidebar-wrapper .collapse.show {
display : block
}
.collapsible-vertical .sidebar-closed #sidebar ul.menu-categories li.menu>.dropdown-toggle {
padding : 9px 20px
}
.collapsible-vertical .sidebar-closed.main-container {
padding : 0!important
}
.collapsible-vertical .sidebar-closed #sidebar ul.menu-categories li.menu>.dropdown-toggle svg.feather-chevron-right {
display : block
}
.collapsible-vertical .sidebar-closed.collapsible-vertical-mobile .sidebar-wrapper {
left : -52px!important;
width : 0!important
}
.collapsible-vertical .sidebar-closed.collapsible-vertical-mobile .overlay.show {
display : none!important;
opacity : 0!important
}
.collapsible-vertical #sidebar ul.menu-categories.ps {
height : calc(100vh - 70px)!important
}
}
@-webkit-keyframes e-fadeInUp {
0%
{opacity:0;margin-top:10px}
to {
opacity : 1;
margin-top : 0
}
}
@keyframes e-fadeInUp {
0%
{opacity:0;margin-top:10px}
to {
opacity : 1;
margin-top : 0
}
}
.e-fadeInUp {
-webkit-animation-name: e-fadeInUp;
animation-name : e-fadeInUp
}
#sidebar ul.menu-categories .ps__rail-y {
right : -4px!important
}
.footer-wrapper {
padding : 10px 20px 10px 18px;
display : inline-block;
background : transparent;
font-weight : 600;
font-size : 12px;
width : 100%;
border-top-left-radius: 6px;
display : flex;
justify-content : space-between
}
.footer-wrapper .footer-section p {
margin-bottom : 0;
color : #515365;
font-size : 13px;
letter-spacing : 1px
}
.footer-wrapper .footer-section p a {
color : #515365
}
.footer-wrapper .footer-section svg {
color : #e7515a;
fill : rgba(231,81,90,.4196078431);
width : 15px;
height : 15px;
vertical-align : text-top
}
.main-container.sidebar-closed .footer-wrapper {
border-radius : 0
}
.panel {
border : 1px solid #e0e6ed;
box-shadow : 0 0 40px 0 rgba(94,92,154,.06);
border-radius : 6px;
background : #fff
}
.panel .panel-heading {
padding : 20px
}
.panel .panel-heading h4 {
font-size : 17px;
margin : 0;
color : #3b3f5c;
font-weight : 600
}
.panel .panel-body {
padding : 20px
}
@media(min-width:992px) {
.sidebar-closed #sidebar .theme-brand li.theme-text a {
display : none
}
}
@media(max-width:991px) {
.navbar .theme-brand {
padding : .9px 0 .9px 14px!important
}
.sub-header-container .navbar .sidebarCollapse,.sub-header-container .navbar .toggle-sidebar {
position : relative;
padding : 0 25px 0 16px
}
.main-container.sidebar-closed #content {
margin-left : 0
}
.shadow-bottom {
width : 100%
}
#content {
margin-left : 0
}
#sidebar .theme-brand {
border-radius : 0;
background-color : #4361ee;
padding : 7px 12px 7px 24px;
border-color : #4361ee
}
.sidebar-closed #sidebar .theme-brand {
padding : .9px 12px .9px 24px
}
.main-container:not(.sbar-open) .sidebar-wrapper,body.alt-menu .sidebar-closed>.sidebar-wrapper {
width : 0;
left : -52px
}
.main-container {
padding : 0
}
#sidebar ul.menu-categories.ps {
height : calc(100vh - 70px)!important;
padding-right : 14px
}
.sidebar-wrapper {
position : fixed;
top : 0;
left : 0;
bottom : 0;
width : 255px;
z-index : 9999;
backface-visibility : hidden;
-webkit-backface-visibility: hidden;
-webkit-transform : translateZ(0);
border-radius : 0
}
.sidebar-closed>.sidebar-wrapper {
left : 0
}
.sidebar-noneoverflow {
overflow : hidden
}
#sidebar {
height : 100vh!important;
padding : 10px 0 10px 10px;
backface-visibility : hidden;
-webkit-backface-visibility: hidden;
-webkit-transform : translateZ(0);
background : #f1f2f3
}
.footer-wrapper {
padding : 6px 16px 9px
}
.layout-px-spacing {
padding : 0 16px!important
}
.overlay.show {
display : block;
opacity : .7
}
}
@media(max-width:767px) {
.navbar .theme-brand li.theme-text {
display : none;
margin-right : 0
}
.navbar .navbar-item .nav-item .form-inline.search {
opacity : 0;
transition : opacity .2s,top .2s;
top : -25px
}
.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
opacity : 0;
transition : opacity .2s,top .2s
}
.navbar .navbar-item .nav-item .form-inline.search.input-focused {
position : absolute;
bottom : 0;
top : 0;
background : #060818;
height : 100%;
width : 100%;
left : 0;
right : 0;
z-index : 32;
margin-top : 0!important;
display : flex;
opacity : 1;
transition : opacity .2s,top .2s
}
.navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control {
opacity : 1;
transition : opacity .2s,top .2s
}
.navbar .navbar-item .nav-item.search-animated {
position : static
}
.navbar .navbar-item .nav-item.search-animated svg {
font-weight : 600;
margin : 0 9.6px;
cursor : pointer;
color : #e0e6ed;
position : static;
width : 24px;
height : 24px;
transition : top .2s;
top : -25px
}
.navbar .navbar-item .nav-item.search-animated.show-search svg {
margin : 0;
position : absolute;
top : 16px;
left : 16px;
width : 22px;
height : 22px;
color : #e0e6ed;
z-index : 40;
transition : top .2s
}
.navbar .navbar-item .nav-item .form-inline.search.input-focused .search-bar {
width : 100%
}
.navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control {
background : transparent;
display : block;
padding-left : 50px;
padding-right : 12px;
border : none
}
.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
border : none;
width : 100%;
display : none
}
.header-container .navbar .language-dropdown {
margin-left : 16px
}
}
@media(max-width:575px) {
.navbar .navbar-item .nav-item.message-dropdown .dropdown-menu {
min-width : 16.2rem
}
.sub-header-container .breadcrumb-one .breadcrumb-item+.breadcrumb-item:before,.sub-header-container .breadcrumb-one .breadcrumb-item:not(.active) {
display : none
}
.sub-header-container .breadcrumb-one .breadcrumb-item span {
vertical-align : sub;
font-size : 15px;
font-weight : 700
}
.sub-header-container .navbar .sidebarCollapse,.sub-header-container .navbar .toggle-sidebar {
padding : 0 13px 0 16px
}
.navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
right : 45px
}
.footer-wrapper .footer-section.f-section-2 {
display : none
}
}
.alert {
border-radius : 5px;
margin-bottom : 15px;
padding : .9375rem
}
.alert .btn {
padding : 3px 12px;
margin-right : 20px
}
.alert .btn:hover {
box-shadow : none
}
.alert .alert-icon svg {
vertical-align : middle;
width : 33px;
height : 33px;
stroke-width : 1.5
}
.alert .close {
color : #fff;
opacity : 1;
width : 18px
}
.alert-primary {
color : #fff;
background-color : #4361ee;
border-color : #4361ee
}
.alert-warning {
color : #fff;
background-color : #e2a03f;
border-color : #e2a03f
}
.alert-success {
color : #fff;
background-color : #1abc9c;
border-color : #1abc9c
}
.alert-info {
color : #fff;
background-color : #2196f3;
border-color : #2196f3
}
.alert-danger {
color : #fff;
background-color : #e7515a;
border-color : #e7515a
}
.alert-dark {
color : #fff;
background-color : #3b3f5c;
border-color : #3b3f5c
}
.alert-outline-primary {
border-color : #4361ee;
border-radius : 5px
}
.alert-outline-warning {
border-color : #dea82a;
border-radius : 5px
}
.alert-outline-success {
border-color : #1abc9c;
border-radius : 5px
}
.alert-outline-info {
border-color : #009eda;
border-radius : 5px
}
.alert-outline-danger {
border-color : #e7515a;
border-radius : 5px
}
.alert-outline-dark {
border-color : #454656;
border-radius : 5px
}
.alert.alert-light .close {
color : #0e1726
}
.alert.solid-alert-3 .close,.alert.solid-alert-4 .close {
color : #000
}
.hide-default {
display : none
}
.alert-light-primary {
color : #4361ee;
background-color : #eaf1ff;
border-color : #4361ee
}
.alert-light-primary svg.close {
color : #4361ee
}
.alert-light-warning {
color : #e2a03f;
background-color : #fff9ed;
border-color : #e2a03f
}
.alert-light-warning svg.close {
color : #e2a03f
}
.alert-light-success {
color : #1abc9c;
background-color : #ddf5f0;
border-color : #1abc9c
}
.alert-light-success svg.close {
color : #1abc9c
}
.alert-light-info {
color : #2196f3;
background-color : #e7f7ff;
border-color : #2196f3
}
.alert-light-info svg.close {
color : #2196f3
}
.alert-light-danger {
color : #e7515a;
background-color : #fff5f5;
border-color : #e7515a
}
.alert-light-danger svg.close {
color : #e7515a
}
.alert-light-dark {
color : #3b3f5c;
background-color : #e3e4eb;
border-color : #3b3f5c
}
.alert-light-dark svg.close {
color : #3b3f5c
}
.alert-background {
background-image : url("/_nuxt/img/ab-1.f76d202.jpeg");
background-color : #fff;
background-repeat : no-repeat;
background-position : 50%
}
.alert-background,.alert-gradient {
color : #fff;
background-size : cover;
border : none
}
.alert-gradient {
background-image : linear-gradient(135deg,#bc1a4e,#004fe6)
}
.custom-alert-1 {
background-color : #61b6cd;
border-color : #61b6cd;
border-radius : 5px;
color : #fff
}
.custom-alert-1 .alert-icon {
margin-right : 25px
}
.custom-alert-1 .media-body {
display : flex;
justify-content : space-between
}
.custom-alert-1 .alert-text {
margin-right : 10px
}
.custom-alert-1 .alert-text span,.custom-alert-1 .alert-text strong {
vertical-align : sub
}
.alert-icon-left {
border-left : 64px solid
}
.alert-icon-left svg:not(.close) {
color : #fff;
width : 4rem;
left : -4rem;
text-align : center;
position : absolute;
top : 50%;
margin-top : -10px;
font-size : 1.25rem;
font-weight : 400;
line-height : 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.alert-icon-right {
border-right : 64px solid
}
.alert-icon-right svg:not(.close) {
color : #fff;
width : 4rem;
right : -4rem;
text-align : center;
position : absolute;
top : 50%;
margin-top : -10px;
font-size : 1.25rem;
font-weight : 400;
line-height : 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.alert-icon-right i {
float : left;
margin-right : 7px
}
.alert[class*=alert-arrow-]:before {
content : "";
display : inline-block;
position : absolute;
top : 50%;
left : 0;
border-left : 8px solid;
border-top : 8px solid transparent;
border-bottom : 8px solid transparent;
border-left-color : inherit;
margin-top : -8px
}
.alert.alert-arrow-right:before {
left : auto;
right : 0;
border-left : 0;
border-right : 8px solid;
border-right-color : inherit
}
@media(max-width:575px) {
.custom-alert-1 .media-body {
display : block
}
.alert .btn {
margin-top : 8px
}
}
.switch {
position : relative;
display : inline-block;
width : 35px;
height : 18px
}
.switch input {
display : none
}
.switch .slider {
position : absolute;
cursor : pointer;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : #ebedf2;
transition : .4s
}
.switch .slider:before {
position : absolute;
content : "";
background-color : #fff;
transition : .4s;
height : 14px;
width : 14px;
left : 2px;
bottom : 2px;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch input:checked+.slider:before {
transform : translateX(17px)
}
.switch .slider.round {
border-radius : 34px
}
.switch .slider.round:before {
border-radius : 50%
}
.switch.s-default .slider:before {
background-color : #d3d3d3
}
.switch.s-primary .slider:before {
background-color : #4361ee
}
.switch.s-success .slider:before {
background-color : #1abc9c
}
.switch.s-warning .slider:before {
background-color : #e2a03f
}
.switch.s-danger .slider:before {
background-color : #e7515a
}
.switch.s-secondary .slider:before {
background-color : #805dca
}
.switch.s-info .slider:before {
background-color : #2196f3
}
.switch.s-dark .slider:before {
background-color : #3b3f5c
}
.switch input:checked+.slider:before {
background-color : #fff
}
.switch.s-default input:checked+.slider {
background-color : #d3d3d3
}
.switch.s-default input:focus+.slider {
box-shadow : 0 0 1px #ebedf2
}
.switch.s-primary input:checked+.slider {
background-color : #4361ee
}
.switch.s-primary input:focus+.slider {
box-shadow : 0 0 1px #4361ee
}
.switch.s-success input:checked+.slider {
background-color : #1abc9c
}
.switch.s-success input:focus+.slider {
box-shadow : 0 0 1px #1abc9c
}
.switch.s-warning input:checked+.slider {
background-color : #e2a03f
}
.switch.s-warning input:focus+.slider {
box-shadow : 0 0 1px #e2a03f
}
.switch.s-danger input:checked+.slider {
background-color : #e7515a
}
.switch.s-danger input:focus+.slider {
box-shadow : 0 0 1px #e7515a
}
.switch.s-secondary input:checked+.slider {
background-color : #805dca
}
.switch.s-secondary input:focus+.slider {
box-shadow : 0 0 1px #805dca
}
.switch.s-info input:checked+.slider {
background-color : #2196f3
}
.switch.s-info input:focus+.slider {
box-shadow : 0 0 1px #2196f3
}
.switch.s-dark input:checked+.slider {
background-color : #3b3f5c
}
.switch.s-dark input:focus+.slider {
box-shadow : 0 0 1px #3b3f5c
}
.switch.s-outline .slider {
border : 2px solid #ebedf2;
background-color : transparent;
width : 36px;
height : 19px
}
.switch.s-outline .slider:before {
height : 13px;
width : 13px
}
.switch.s-outline[class*=s-outline-] .slider:before {
bottom : 1px;
left : 1px;
border : 2px solid #bfc9d4;
background-color : #bfc9d4;
color : #ebedf2;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.25)
}
.switch.s-icons.s-outline-default {
color : #d3d3d3
}
.switch.s-icons.s-outline-primary {
color : #4361ee
}
.switch.s-icons.s-outline-success {
color : #1abc9c
}
.switch.s-icons.s-outline-warning {
color : #e2a03f
}
.switch.s-icons.s-outline-danger {
color : #e7515a
}
.switch.s-icons.s-outline-secondary {
color : #805dca
}
.switch.s-icons.s-outline-info {
color : #2196f3
}
.switch.s-icons.s-outline-dark {
color : #3b3f5c
}
.switch.s-outline-default input:checked+.slider {
border : 2px solid #ebedf2
}
.switch.s-outline-default input:checked+.slider:before {
border : 2px solid #d3d3d3;
background-color : #d3d3d3;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.25)
}
.switch.s-outline-default input:focus+.slider {
box-shadow : 0 0 1px #ebedf2
}
.switch.s-outline-primary input:checked+.slider {
border : 2px solid #4361ee
}
.switch.s-outline-primary input:checked+.slider:before {
border : 2px solid #4361ee;
background-color : #4361ee;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-primary input:focus+.slider {
box-shadow : 0 0 1px #4361ee
}
.switch.s-outline-success input:checked+.slider {
border : 2px solid #1abc9c
}
.switch.s-outline-success input:checked+.slider:before {
border : 2px solid #1abc9c;
background-color : #1abc9c;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-success input:focus+.slider {
box-shadow : 0 0 1px #1abc9c
}
.switch.s-outline-warning input:checked+.slider {
border : 2px solid #e2a03f
}
.switch.s-outline-warning input:checked+.slider:before {
border : 2px solid #e2a03f;
background-color : #e2a03f;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-warning input:focus+.slider {
box-shadow : 0 0 1px #e2a03f
}
.switch.s-outline-danger input:checked+.slider {
border : 2px solid #e7515a
}
.switch.s-outline-danger input:checked+.slider:before {
border : 2px solid #e7515a;
background-color : #e7515a;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-danger input:focus+.slider {
box-shadow : 0 0 1px #e7515a
}
.switch.s-outline-secondary input:checked+.slider {
border : 2px solid #805dca
}
.switch.s-outline-secondary input:checked+.slider:before {
border : 2px solid #805dca;
background-color : #805dca;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-secondary input:focus+.slider {
box-shadow : 0 0 1px #805dca
}
.switch.s-outline-info input:checked+.slider {
border : 2px solid #2196f3
}
.switch.s-outline-info input:checked+.slider:before {
border : 2px solid #2196f3;
background-color : #2196f3;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-info input:focus+.slider {
box-shadow : 0 0 1px #2196f3
}
.switch.s-outline-dark input:checked+.slider {
border : 2px solid #3b3f5c
}
.switch.s-outline-dark input:checked+.slider:before {
border : 2px solid #3b3f5c;
background-color : #3b3f5c;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.34)
}
.switch.s-outline-dark input:focus+.slider {
box-shadow : 0 0 1px #3b3f5c
}
.switch.s-icons {
width : 57px;
height : 30px
}
.switch.s-icons .slider {
width : 48px;
height : 25px
}
.switch.s-icons .slider:before {
vertical-align : sub;
color : #3b3f5c;
height : 19px;
width : 19px;
line-height : 1.3;
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e9ecef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}
.switch.s-icons input:checked+.slider:before {
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
vertical-align : sub;
color : #fff;
line-height : 1.4;
transform : translateX(23px)
}
.table-footer,.table-header {
display : flex;
align-items : center;
justify-content : space-between;
padding : 16px
}
.table-header .header-search {
position : relative
}
.table-header .header-search .form-control {
padding-right : 44px
}
.table-header .header-search .search-image {
position : absolute;
right : 16px;
top : 50%;
transform : translateY(-50%);
color : #d3d3d3
}
.custom-table .table th {
background : #eff5ff;
color : #515365;
text-transform : none;
font-size : 14px;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
border-top : 0;
font-weight : 600
}
.custom-table .table td,.custom-table .table th {
padding : 10px 21px
}
.custom-table .table-hover:not(.table-dark) tbody tr:hover {
background : #fafafa!important
}
.custom-table .table-striped:not(.table-dark) tbody tr:nth-of-type(odd) {
background-color : #fafafa!important
}
.custom-table .table.b-table>tbody>.table-active,.custom-table .table.b-table>tbody>.table-active>td,.custom-table .table.b-table>tbody>.table-active>th {
background-color : rgba(0,0,0,.045)
}
.custom-table .table .actions .cancel:hover {
color : #e7515a
}
.custom-table .table td .profile-img {
height : 35px
}
.custom-table .table th.header-checkbox {
width : 1%
}
.custom-table .b-table-top-row .form-control {
height : calc(1.2em + 1.2rem + 2px)
}
.custom-table .column-visibility .form-group label,.custom-table label {
font-size : 14px
}
.custom-table .table-footer .dataTables_info {
white-space : normal;
color : #4361ee;
font-weight : 600;
border : 1px solid #e0e6ed;
display : inline-block;
padding : 10px 16px;
border-radius : 6px;
font-size : 13px
}
.w-90 {
width : 90px
}
@media(max-width:576px) {
.table-footer,.table-header {
flex-direction : column
}
.table-header .header-search {
width : 100%
}
.table-header>div:not(:last-child) {
margin-bottom : 15px
}
.table-footer>div:not(:first-child) {
margin-top : 15px
}
}
body.dark {
background : #060818
}
.dark input::-moz-placeholder,.dark textarea::-moz-placeholder {
color : #e3e4eb
}
.dark ::-moz-placeholder {
opacity : .8
}
.dark :-ms-input-placeholder {
opacity : .8
}
.dark ::placeholder {
opacity : .8
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 {
color : #e0e6ed
}
.dark hr {
border-top : 1px solid #191e3a
}
.dark .custom-file-input:focus~.custom-file-label {
border : 1px solid #3b3f5c
}
.dark:after {
border-left : 1px solid #3b3f5c
}
.dark .jumbotron {
background-color : #1b2e4b
}
.dark .large-boxed-layout .sub-header-container {
background : #1a1c2d
}
.dark .modal-backdrop {
background-color : #1b2e4b;
opacity : .8
}
.dark .modal-header {
border-color : #191e3a!important
}
.dark .modal-header .close,.dark .modal-header h5 {
color : #bfc9d4
}
.dark .modal-header .close {
text-shadow : none
}
.dark .modal-content {
background : #0e1726;
box-shadow : none!important;
border : 1px solid rgba(0,0,0,.2)
}
.dark .modal-content .modal-footer button.btn[data-dismiss=modal] {
border : 1px solid #1b2e4b;
background-color : #1b2e4b;
color : #bfc9d4;
font-weight : 500
}
.dark .modal-body .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .modal-body .nav-tabs .nav-link.active {
background-color : #191e3a;
border-color : #191e3a #191e3a #0e1726
}
.dark .modal-body .nav-tabs .nav-link:hover {
border-color : #191e3a
}
.dark .modal-notification .modal-body .icon-content {
background : #bfc9d4
}
.dark .modal-notification .modal-body .icon-content svg {
color : #1b2e4b
}
.dark .modal-footer {
border-top : 1px solid #191e3a!important;
padding : 1rem .75rem
}
.dark .modal-footer .btn-outline-dark {
background-color : #1b2e4b;
color : #bfc9d4!important;
border : 1px solid #1b2e4b!important
}
.dark .profile-modal .modal-content .modal-footer {
border : none!important
}
.dark .login-modal .modal-dialog,.dark .register-modal .modal-dialog {
max-width : 400px
}
.dark .login-modal .modal-body .form-group input,.dark .register-modal .modal-body .form-group input {
border-bottom : 1px solid #191e3a
}
.dark .login-modal .modal-body .form-group svg,.dark .register-modal .modal-body .form-group svg {
color : #25d5e4
}
.dark .login-modal .modal-body .social a,.dark .register-modal .modal-body .social a {
border : 2px solid #191e3a
}
.dark blockquote.blockquote {
color : #009688;
background-color : #060818;
border : 1px solid #060818;
border-left : 2px solid #009688
}
.dark .small,.dark footer {
color : #888ea8
}
.dark a {
color : #e0e6ed
}
.dark a:hover {
color : #bfc9d4
}
.dark .card {
border : 1px solid #0e1726;
background : #0e1726
}
.dark .form-group .col-form-label,.dark .form-group label {
color : #e3e4eb
}
.dark .custom-control-input:disabled~.custom-control-label {
cursor : no-drop
}
.dark .form-control:disabled,.dark .form-control[readonly] {
background-color : #1b2e4b!important;
cursor : no-drop;
color : #d3d3d3
}
.dark .custom-control-input:disabled~.custom-control-label:before,.dark .custom-control-input[disabled]~.custom-control-label:before {
background-color : #3b3f5c!important;
cursor : no-drop;
border : 2px solid #3b3f5c!important
}
.dark .form-control {
border : 1px solid #1b2e4b;
color : #009688;
background : #1b2e4b
}
.dark .form-control[type=range] {
padding : 0
}
.dark .form-control:focus {
box-shadow : none;
border-color : #3b3f5c;
color : #25d5e4;
background-color : #1b2e4b
}
.dark .form-control::-moz-placeholder,.dark .form-control::-ms-input-placeholder,.dark .form-control::-webkit-input-placeholder {
color : #e3e4eb
}
.dark .form-control:focus::-moz-placeholder,.dark .form-control:focus::-ms-input-placeholder,.dark .form-control:focus::-webkit-input-placeholder {
color : #d3d3d3
}
@supports(-webkit-overflow-scrolling:touch) {
.dark .form-control {
color : #0e1726
}
}
.dark .custom-control-label:before {
background-color : #1b2e4b;
border-color : #1b2e4b
}
.dark .header-checkbox .custom-control-label:before {
background-color : #0e1726;
border-color : #0e1726
}
.dark .custom-control-input:focus:not(:checked)~.custom-control-label:before {
border-color : #1b2e4b
}
.dark .radio-classic.radio-default .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-default .custom-control-label:before {
border : 2px solid #888ea8;
background-color : #0e1726
}
.dark .radio-classic.radio-default .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-warning .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-warning .custom-control-label:before {
border : 2px solid #e2a03f!important;
background-color : #0e1726!important
}
.dark .radio-classic.radio-warning .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-info .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-info .custom-control-label:before {
border : 2px solid #2196f3!important;
background-color : #0e1726!important
}
.dark .radio-classic.radio-info .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-secondary .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-secondary .custom-control-label:before {
border : 2px solid #805dca!important;
background-color : #0e1726!important
}
.dark .radio-classic.radio-secondary .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-dark .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-dark .custom-control-label:before {
border : 2px solid #3b3f5c!important;
background-color : #0e1726!important
}
.dark .radio-classic.radio-dark .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-primary .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-primary .custom-control-label:before {
border : 2px solid #4361ee;
background-color : #0e1726
}
.dark .radio-classic.radio-primary .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-success .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-success .custom-control-label:before {
border : 2px solid #1abc9c!important;
background-color : #0e1726!important
}
.dark .radio-classic.radio-success .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .radio-classic.radio-danger .custom-control-label {
letter-spacing : 1px;
margin-right : 1rem
}
.dark .radio-classic.radio-danger .custom-control-label:before {
border : 2px solid #e7515a!important;
background-color : #0e1726!important
}
.dark .radio-classic.radio-danger .custom-control-input:checked~.custom-control-label:after {
background-image : none
}
.dark .custom-select {
border : 1px solid #1b2e4b;
color : #009688;
background : #1b2e4b url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23009688' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px
}
.dark .custom-select:focus {
border-color : #3b3f5c;
color : #25d5e4;
background-color : #1b2e4b;
box-shadow : none!important
}
.dark .custom-select:disabled {
background : #1b2e4b url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px
}
.dark .custom-select.is-invalid,.dark .custom-select:invalid {
border-color : #dc3545
}
.dark .custom-select:disabled,.dark .form-control:disabled,.dark .form-control[readonly] {
background-color : #3b3f5c!important;
cursor : no-drop;
color : #d3d3d3!important
}
.dark .custom-file-label {
border : 1px solid #1b2e4b;
color : #009688;
background-color : #1b2e4b
}
.dark .custom-file-label:after {
color : #bfc9d4;
background-color : #191e3a
}
.dark .dropdown-menu {
border : none;
background-color : #1b2e4b;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .dropdown-menu a.dropdown-item {
color : #bfc9d4
}
.dark .dropdown-menu .dropdown-item:hover,.dark .dropdown-menu a.dropdown-item:hover {
color : #2196f3
}
.dark .input-group-append .input-group-text,.dark .input-group-prepend .input-group-text {
border : 1px solid #1b2e4b;
background-color : #191e3a;
color : #888ea8
}
.dark .valid-feedback {
color : #009688
}
.dark .valid-tooltip {
background-color : #009688
}
.dark .custom-select.is-valid,.dark .form-control.is-valid {
border-color : #009688;
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
background-repeat : no-repeat
}
.dark .form-control.is-invalid,.dark .was-validated .form-control:invalid {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
border-color : #dc3545;
padding-right : calc(1.5em + .75rem);
background-repeat : no-repeat;
background-position : right calc(.375em + .1875rem) center;
background-size : calc(.75em + .375rem) calc(.75em + .375rem)
}
.dark .was-validated .custom-select:valid,.dark .was-validated .form-control:valid {
border-color : #009688;
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}
.dark .custom-control-input.is-valid~.custom-control-label,.dark .was-validated .custom-control-input:valid~.custom-control-label {
color : #009688
}
.dark .custom-control-input:not(:disabled):active~.custom-control-label:before {
background-color : #1b2e4b;
border-color : #1b2e4b
}
.dark .btn:focus,.dark .btn:hover {
box-shadow : none
}
.dark .btn-group .dropdown-menu {
border : none;
background-color : #1b2e4b
}
.dark .dropdown-divider {
border-top : 1px solid #0e1726
}
.dark .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu {
border : none;
box-shadow : none;
background : #1b2e4b
}
.dark .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item:hover {
background : transparent!important
}
.dark .btn-primary {
box-shadow : 0 10px 20px -10px rgba(27,85,226,.59)
}
.dark .btn-secondary {
box-shadow : 0 10px 20px -10px rgba(92,26,195,.59)
}
.dark .btn-info {
box-shadow : 0 10px 20px -10px rgba(33,150,243,.59)
}
.dark .btn-warning {
box-shadow : 0 10px 20px -10px rgba(226,160,63,.59)
}
.dark .btn-danger {
box-shadow : 0 10px 20px -10px rgba(231,81,90,.59)
}
.dark .btn-dark {
box-shadow : 0 10px 20px -10px rgba(59,63,92,.59)
}
.dark .btn-success {
box-shadow : 0 10px 20px -10px rgba(141,191,66,.59)
}
.dark .btn-outline-primary:hover {
box-shadow : 0 10px 20px -10px rgba(27,85,226,.59)
}
.dark .btn-outline-info:hover {
box-shadow : 0 10px 20px -10px rgba(33,150,243,.588)
}
.dark .btn-outline-warning:hover {
box-shadow : 0 10px 20px -10px rgba(226,160,63,.588)
}
.dark .btn-outline-success:hover {
box-shadow : 0 10px 20px -10px rgba(141,191,66,.59)
}
.dark .btn-outline-danger:hover {
box-shadow : 0 10px 20px -10px rgba(231,81,90,.588)
}
.dark .btn-outline-secondary:hover {
box-shadow : 0 10px 20px -10px rgba(92,26,195,.59)
}
.dark .btn-outline-dark:hover {
box-shadow : 0 10px 20px -10px rgba(59,63,92,.59)
}
.dark .badge-collapsed-img {
border : 2px solid #515365;
box-shadow : none
}
.dark p {
color : #ebedf2
}
.dark .page-title h3 {
color : #bfc9d4
}
.dark .row [class*=col-] .widget .widget-heading h4 {
color : #ebedf2
}
.dark .alert-light-info {
color : #ebedf2;
background-color : #101928;
border-color : #374856
}
.dark .alert-light-info a {
color : #ebedf2!important
}
.dark .widget.box .widget-heading {
background : #0e1726
}
.dark .widget-content {
background-color : #0e1726;
box-shadow : 0 0 40px 0 rgba(94,92,154,.06);
border : 1px solid #0e1726
}
.dark .header-container {
border-bottom : 1px solid #060818
}
.dark .navbar {
background : #060818
}
.dark .header-container .navbar {
padding : 5px 0
}
.dark .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
border : none;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
background : #1b2e4b
}
.dark .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
border-bottom-color : #1b2e4b
}
.dark .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu a.dropdown-item:hover {
background : transparent!important;
color : #fff!important
}
.dark .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:hover {
background : transparent!important
}
.dark .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active,.dark .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active {
background : transparent
}
.dark .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active span,.dark .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active span {
color : #fff
}
.dark .header-container .navbar .language-dropdown .dropdown-menu a span {
color : #bfc9d4;
font-weight : 500
}
.dark .header-container .navbar .language-dropdown .dropdown-menu a.dropdown-item:hover span {
color : #fff!important
}
.dark .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link svg {
color : #888ea8;
stroke-width : 1.6
}
.dark .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu {
padding : 10px!important
}
.dark .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name {
color : #bfc9d4;
font-weight : 500
}
.dark .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover .media-body h5.usr-name {
color : #fff
}
.dark .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link svg {
color : #888ea8;
stroke-width : 1.6
}
.dark .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
border-bottom : 1px solid rgba(59,63,92,.25)
}
.dark .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info h6 {
font-weight : 500;
color : #bfc9d4
}
.dark .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover .data-info h6 {
color : #fff
}
.dark .navbar .navbar-item .nav-item form.form-inline input.search-form-control {
background-color : #0e1726
}
.dark .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover svg {
color : #fff!important
}
.dark .sub-header-container .navbar {
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
background : #1a1c2d;
border : none
}
.dark .sub-header-container .navbar .sidebarCollapse svg {
color : #e0e6ed;
stroke-width : 1.6
}
.dark .sub-header-container .breadcrumb-one .breadcrumb-item a {
color : #e0e6ed
}
.dark .sub-header-container .breadcrumb-one .breadcrumb-item a svg {
fill : #e0e6ed
}
.dark .sub-header-container .breadcrumb-one .breadcrumb-item.active {
color : #fff
}
.dark .sub-header-container .breadcrumb-one .breadcrumb-item+.breadcrumb-item:before {
color : #e0e6ed
}
.dark .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle {
border : 1px solid #3b3f5c;
background-color : #1a1c2d;
color : #e0e6ed
}
.dark .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle svg {
color : #e0e6ed
}
.dark .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu {
border : none;
background-color : #191e3a;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a {
color : #e0e6ed
}
.dark .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a:hover {
background-color : rgba(59,63,92,.45);
color : #e0e6ed
}
.dark .shadow-bottom {
width : 101.6%;
background : linear-gradient(180deg,#060818 49%,rgba(6,8,24,.92157) 85%,rgba(44,48,60,0))
}
.dark #sidebar ul.menu-categories.ps {
border-right : 1px solid #0e1726
}
.dark #sidebar .ps__thumb-y {
background-color : #515365
}
.dark #sidebar .ps__rail-y:hover>.ps__thumb-y {
background-color : #3b3f5c
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle {
color : #506690
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle svg {
fill : rgba(0,23,55,.08)
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] {
background : rgba(96,125,139,.54);
color : #fafafa
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] svg {
color : #e0e6ed;
fill : none
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true]:hover svg,.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[data-active=true] span {
color : #e0e6ed
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle.dropdown-toggle:not([data-active=true]):not([aria-expanded=true]):hover,.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover,.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) {
background : #3b3f5c;
color : #e0e6ed
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover svg {
color : #e0e6ed
}
.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) svg {
color : #e0e6ed;
fill : rgba(0,23,55,.08)
}
.dark #sidebar ul.menu-categories li.menu.active>a {
background : #3b3f5c;
color : #e0e6ed
}
.dark #sidebar ul.menu-categories li.menu.active>a svg {
color : #e0e6ed;
fill : none
}
.dark #sidebar ul.menu-categories li.menu.active>a:hover svg,.dark #sidebar ul.menu-categories li.menu.active>a span {
color : #e0e6ed
}
.dark #sidebar ul.menu-categories ul.submenu>li a {
color : #888ea8
}
.dark #sidebar ul.menu-categories li.menu ul.submenu>li a:before {
background-color : #888ea8
}
.dark #sidebar ul.menu-categories ul.submenu>li.active a {
color : #61b6cd
}
.dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a:before {
background-color : #61b6cd
}
.dark #sidebar ul.menu-categories ul.submenu>li a:hover {
color : #61b6cd
}
.dark #sidebar ul.menu-categories ul.submenu>li a:hover:before {
background-color : #61b6cd!important
}
.dark #sidebar ul.menu-categories ul.submenu li>[data-active=true] i {
color : #61b6cd
}
.dark #sidebar ul.menu-categories ul.submenu li>[data-active=true]:before {
background-color : #61b6cd!important
}
.dark #sidebar ul.menu-categories ul.submenu li>a[data-active=true] {
color : #61b6cd
}
.dark #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a {
color : #506690
}
.dark #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li.active a,.dark #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a:hover {
color : #009688
}
.dark #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li.active a:before {
background-color : #009688
}
.dark .footer-wrapper .footer-section p,.dark .footer-wrapper .footer-section p a {
color : #888ea8
}
.dark .hljs {
background : #191e3a
}
@media(max-width:991px) {
.dark #sidebar {
background : #060818
}
}
.dark .ps .ps__rail-x.ps--clicking,.dark .ps .ps__rail-x:focus,.dark .ps .ps__rail-x:hover,.dark .ps .ps__rail-y.ps--clicking,.dark .ps .ps__rail-y:focus,.dark .ps .ps__rail-y:hover {
background-color : transparent
}
.dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,.dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label,.dark .apexcharts-canvas .apexcharts-title-text {
fill : #e0e6ed
}
.dark .apexcharts-canvas .apexcharts-legend-text {
color : #e0e6ed!important
}
.dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area {
stroke : #191e3a
}
.dark .apexcharts-canvas .apexcharts-datalabel,.dark .apexcharts-canvas .apexcharts-datalabel-label,.dark .apexcharts-canvas .apexcharts-datalabel-value,.dark .apexcharts-canvas .apexcharts-pie-label {
fill : #bfc9d4
}
.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
box-shadow : none
}
.dark .tabs .tab-content .media img {
border : 5px solid #191e3a
}
.dark .simple-tab .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .simple-tab .nav-tabs li a {
color : #888ea8
}
.dark .simple-tab .nav-tabs .nav-item .nav-link:hover {
border-color : #191e3a
}
.dark .simple-tab .nav-tabs .nav-item .nav-link.active {
color : #25d5e4;
background-color : #0e1726;
border-color : #191e3a #191e3a #0e1726
}
.dark .simple-tab .nav-tabs .nav-item .nav-link.disabled {
color : #6c757d;
background-color : transparent;
border-color : transparent
}
.dark .simple-pills .nav-pills li a {
color : #888ea8
}
.dark .simple-pills .nav-pills .nav-link.active {
background-color : #191e3a;
color : #25d5e4;
border-color : transparent
}
.dark .icon-tab .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .icon-tab .nav-tabs li a {
color : #888ea8
}
.dark .icon-tab .nav-tabs .nav-link.active {
color : #e95f2b;
background-color : #191e3a;
border-color : #191e3a #191e3a #0e1726
}
.dark .icon-tab .nav-tabs .nav-link:hover {
border-color : #191e3a
}
.dark .icon-pill .nav-pills li a {
color : #888ea8
}
.dark .icon-pill .nav-pills .nav-link.active {
background-color : #191e3a;
color : #e2a03f;
border-color : transparent
}
.dark .vertical-border-pill .nav-pills .nav-link {
border : 1px solid #191e3a;
color : #888ea8
}
.dark .vertical-border-pill .nav-pills .nav-link.active {
color : #1abc9c;
background-color : #191e3a
}
.dark .border-tab .nav-tabs,.dark .vertical-border-pill .nav-pills .nav-link:last-child {
border-bottom : 1px solid #191e3a
}
.dark .border-tab .nav-tabs li a {
color : #e0e6ed
}
.dark .border-tab .nav-tabs .nav-link.active {
color : #e95f2b;
background-color : #191e3a;
border-color : #191e3a #191e3a #0e1726
}
.dark .border-tab .nav-tabs .nav-link:hover {
border-color : #191e3a
}
.dark .border-tab .tab-content {
border : 1px solid #191e3a;
border-top : none
}
.dark .border-top-tab .nav-tabs li a {
color : #888ea8;
border-right : 1px solid transparent;
background : none
}
.dark .border-top-tab .nav-tabs .nav-link.active {
color : #e0e6ed;
background : #191e3a
}
.dark .border-top-tab .nav-tabs .nav-link.active,.dark .border-top-tab .nav-tabs .nav-link:hover {
border : 1px solid transparent;
border-top : 2px solid #e0e6ed
}
.dark .underline-content .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .underline-content .nav-tabs li a {
color : #e0e6ed;
outline : none
}
.dark .underline-content .nav-tabs .nav-link.active {
border-bottom : 1px solid #888ea8;
color : #888ea8;
background-color : transparent
}
.dark .underline-content .nav-tabs .nav-link:hover {
border-color : transparent
}
.dark .underline-content .tab-content {
border : 1px solid #191e3a;
border-top : none
}
.dark .animated-underline-content .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .animated-underline-content .nav-tabs li a {
color : #e0e6ed;
outline : none
}
.dark .animated-underline-content .nav-tabs .nav-link.active {
border-color : transparent;
color : #e0e6ed;
background-color : #191e3a
}
.dark .animated-underline-content .nav-tabs .nav-link:hover {
border-color : transparent;
color : #bfc9d4
}
.dark .animated-underline-content .nav-tabs .nav-link:before {
background-color : #e0e6ed
}
.dark .animated-underline-content .tab-content {
border : 1px solid #191e3a;
border-top : none
}
.dark .vertical-line-pill .nav-pills {
border-right : 1px solid #191e3a
}
.dark .vertical-line-pill .nav-pills .nav-link {
color : #888ea8
}
.dark .vertical-line-pill .nav-pills .nav-link.active {
color : #e0e6ed
}
.dark .vertical-line-pill .nav-pills .nav-link:before {
background-color : #e0e6ed
}
.dark .vertical-line-pill .tab-pane h4 {
color : #e2a03f
}
.dark .vertical-line-pill .tab-pane p {
color : #888ea8
}
.dark .justify-tab .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .justify-tab .nav-tabs li a {
color : #888ea8
}
.dark .justify-tab .nav-tabs .nav-link.active {
color : #25d5e4;
background-color : #191e3a;
border-color : #191e3a #191e3a #0e1726
}
.dark .justify-tab .nav-tabs .nav-link:hover {
border-color : #191e3a
}
.dark .justify-pill .nav-pills li a {
color : #888ea8
}
.dark .justify-pill .nav-pills .nav-link.active {
background-color : #191e3a;
color : #2196f3;
border-color : transparent
}
.dark .tab-justify-centered .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .tab-justify-centered .nav-tabs li a {
color : #888ea8
}
.dark .tab-justify-centered .nav-tabs .nav-link.active {
color : #e95f2b;
background-color : #191e3a;
border-color : #191e3a #191e3a #0e1726
}
.dark .tab-justify-centered .nav-tabs .nav-link:hover {
border-color : #191e3a
}
.dark .pill-justify-centered .nav-pills li a {
color : #888ea8
}
.dark .pill-justify-centered .nav-pills .nav-link.active {
background-color : #191e3a;
color : #e2a03f
}
.dark .tab-justify-right .nav-tabs {
border-bottom : 1px solid #191e3a
}
.dark .tab-justify-right .nav-tabs li a {
color : #888ea8
}
.dark .tab-justify-right .nav-tabs .nav-link.active {
color : #25d5e4;
background-color : #191e3a;
border-color : #191e3a #191e3a #0e1726
}
.dark .tab-justify-right .nav-tabs .nav-link:hover {
border-color : #191e3a
}
.dark .pill-justify-right .nav-pills li a {
color : #888ea8
}
.dark .pill-justify-right .nav-pills .nav-link.active {
background-color : #191e3a;
color : #2196f3
}
.dark .rounded-circle-pills-icon .nav-pills li a,.dark .rounded-circle-vertical-pills-icon .nav-pills li a,.dark .rounded-pills-icon .nav-pills li a,.dark .rounded-vertical-pills-icon .nav-pills li a {
background-color : #191e3a;
color : #888ea8;
border : none
}
.dark .rounded-circle-pills-icon .nav-pills .nav-link.active,.dark .rounded-circle-vertical-pills-icon .nav-pills .nav-link.active,.dark .rounded-pills-icon .nav-pills .nav-link.active,.dark .rounded-vertical-pills-icon .nav-pills .nav-link.active {
color : #fff
}
.dark .vertical-pill-right .nav-pills .nav-link,.dark .vertical-pill .nav-pills .nav-link {
color : #888ea8
}
.dark .vertical-pill-right .nav-pills .nav-link.active,.dark .vertical-pill .nav-pills .nav-link.active {
color : #fff
}
.dark .panel-body .card {
border : 2px solid #1b2e4b;
background : #191e3a;
box-shadow : none
}
.dark .panel-body .card .card-body ul li a {
color : #888ea8;
font-size : 13px;
font-weight : 600
}
.dark .panel-body .no-outer-spacing {
border : 1px solid #3b3f5c
}
.dark .panel-body .no-outer-spacing .card:not(:last-child) {
border-bottom : 1px solid #3b3f5c
}
.dark .panel-body .card-header {
background-color : #1b2e4b;
border-color : #1b2e4b
}
.dark .panel-body .card-header section>div:not(.collapsed) {
color : #25d5e4;
border-bottom : 2px solid #1b2e4b;
font-weight : 600
}
.dark .panel-body .accordion-icons div:not(.collapsed) .accordion-icon svg {
color : #25d5e4
}
.dark .card.component-card_1,.dark .card.component-card_2,.dark .card.component-card_3,.dark .card.component-card_4,.dark .card.component-card_5,.dark .card.component-card_6,.dark .card.component-card_7,.dark .card.component-card_8,.dark .card.component-card_9 {
border : 1px solid #1b2e4b
}
.dark .card.component-card_3 {
background : #3b3f5c
}
.dark .card.component-card_4 .card-text {
color : #bfc9d4
}
.dark .card.component-card_5 {
background : rgba(92,26,195,.26);
border : none
}
.dark .card.component-card_6 {
border : 1px solid #1b2e4b
}
.dark .card.component-card_6 .card-body .card-text {
color : #888ea8
}
.dark .card.component-card_6 .card-body h5.card-user_name {
color : #bfc9d4
}
.dark .card.component-card_7 {
background : rgba(27,85,226,.3803921569)
}
.dark .card.component-card_8 {
border : 1px solid #1b2e4b
}
.dark .card.component-card_8 .progress-order .progress-order-header h6 {
color : #bfc9d4
}
.dark .card.component-card_8 .progress-order .progress-order-header span.badge {
color : #eaf1ff;
background-color : #4361ee
}
.dark .card.component-card_8 .progress-order .progress-order-body .badge-collapsed-img {
border : none
}
.dark .card.component-card_8 .progress-order .progress-order-body .badge-collapsed-img img {
border : 2px solid #515365
}
.dark .card.component-card_8 .progress-order .progress-order-body .notification span.badge {
background-color : #0e1726;
color : #e0e6ed;
box-shadow : none
}
.dark .card.component-card_8 .progress-order .progress-order-body .p-o-percentage {
color : #e0e6ed
}
.dark .card.component-card_8 .progress-order .progress-order-body .progress {
background-color : #0e1726;
box-shadow : none
}
.dark .card.component-card_9 .meta-date {
color : #009688
}
.dark .card.component-card_9 .meta-info:before {
background : #1b2e4b
}
.dark .card.component-card_9 .user-name {
color : #25d5e4
}
.dark .card.component-card_9 .meta-likes,.dark .card.component-card_9 .meta-likes svg,.dark .card.component-card_9 .meta-view,.dark .card.component-card_9 .meta-view svg {
color : #009688
}
.dark .timeline-simple p.timeline-title {
color : #009688!important
}
.dark .timeline-simple p.timeline-title:before {
background : #009688
}
.dark .timeline-simple .timeline-list .timeline-post-content div.user-profile:after {
border-color : #191e3a
}
.dark .timeline-simple .timeline-list .timeline-post-content div p.meta-time-date {
color : #ebedf2!important
}
.dark .timeline-simple .timeline-list .timeline-post-content h4 {
color : #009688
}
.dark .timeline-simple .timeline-list .timeline-post-content svg {
color : #888ea8
}
.dark .timeline-simple .timeline-list .timeline-post-content h6 {
color : #d3d3d3;
padding-left : 5px
}
.dark .timeline-simple .timeline-list .timeline-post-content:hover svg {
color : #009688
}
.dark .timeline-simple .timeline-list .timeline-post-content:hover h6 {
color : #888ea8
}
.dark .modern-timeline .modern-timeline-bottom:before,.dark .modern-timeline .modern-timeline-top:before,.dark .modern-timeline:before {
background : #191e3a
}
.dark .modern-timeline>li>.modern-timeline-badge {
background : #1b2e4b;
border : 3px solid #191e3a
}
.dark .modern-timeline>li>.modern-timeline-panel {
border : 1px solid #191e3a!important;
background : #191e3a;
box-shadow : none
}
.dark .modern-timeline>li>.modern-timeline-panel:before {
background : #191e3a
}
.dark .modern-timeline>li>.modern-timeline-panel .modern-timeline-body h4 {
color : #009688
}
.dark .modern-timeline>li>.modern-timeline-panel .modern-timeline-body p,.dark .timeline-line .item-timeline .t-text p,.dark .timeline-line .item-timeline .t-time {
color : #888ea8
}
.dark .timeline-line .item-timeline .t-text p a {
color : #009688
}
.dark .timeline-line .item-timeline .t-text .t-meta-time {
color : #506690
}
.dark .timeline-alter .item-timeline .t-text p,.dark .timeline-alter .item-timeline .t-time p {
color : #888ea8
}
.dark .timeline-alter .item-timeline .t-text p a,.dark .timeline-alter .item-timeline .t-time p a {
color : #009688
}
.dark .timeline-alter .item-timeline .t-img,.dark .timeline-alter .item-timeline .t-usr-txt {
border-color : #191e3a
}
.dark .timeline-alter .item-timeline .t-usr-txt p {
background : #4361ee;
color : #eaf1ff
}
.dark .timeline-alter .item-timeline .t-meta-time p {
color : #888ea8
}
.dark #cd-simple .clock-count-container {
border : 1px solid #191e3a;
box-shadow : none
}
.dark #cd-simple .clock-val {
color : #25d5e4
}
.dark #cd-simple .clock-text {
color : #888ea8
}
.dark #cd-circle .clock-count-container {
border : 1px solid #191e3a;
box-shadow : none
}
.dark #cd-circle .clock-val {
color : #25d5e4
}
.dark #cd-circle .clock-text {
color : #888ea8
}
.dark .simple--counter-container .counter-container .counter-content {
border : 1px solid #191e3a;
box-shadow : none
}
.dark .simple--counter-container .s-counter {
color : #25d5e4
}
.dark .simple--counter-container .s-counter-text {
color : #888ea8
}
.dark .icon--counter-container .counter-ico {
color : #25d5e4
}
.dark .icon--counter-container .counter-content {
box-shadow : none;
border : 1px solid #191e3a
}
.dark .icon--counter-container .ico-counter,.dark .icon--counter-container .ico-counter-text {
color : #888ea8
}
.dark .media .media-body .media-heading {
color : #bfc9d4
}
.dark .media .media-body .media-heading div.dropdown-list a.dropdown-item:hover {
color : #2196f3!important
}
.dark .media .media-body .media-heading div.dropdown-list a.dropdown-item:hover svg {
color : #e0e6ed!important
}
.dark .media .media-body .media-text {
color : #888ea8
}
.dark .media .media-body .media-notation a,.dark .media .media-body .media-notation a svg {
color : #506690!important
}
.dark .media .media-aside .checkbox-dark label:before,.dark .media .media-aside .radio-classic label:before {
background-color : #3b3f5c!important
}
.dark .media .media-aside .radio-classic .custom-control-input:checked~.custom-control-label:after {
background-image : none;
background-color : #0e1726;
border : 3px solid #3b3f5c;
border-radius : 60px
}
.dark .swal2-modal {
background-color : #0e1726!important
}
.dark .swal2-modal .swal2-image {
border-radius : 6px
}
.dark .swal2-popup .swal2-title {
color : #bfc9d4!important
}
.dark .swal2-popup .swal2-styled.swal2-cancel {
background-color : #1b2e4b!important;
color : #bfc9d4;
border : 1px solid #1b2e4b!important
}
.dark .swal2-popup.swal2-toast {
background : #0e1726;
box-shadow : none
}
.dark .swal2-icon.swal2-success .swal2-success-ring {
border : 5px solid #1b2e4b
}
.dark .swal2-icon.swal2-success [class^=swal2-success-line] {
background-color : #009688
}
.dark .swal2-icon.swal2-info,.dark .swal2-icon.swal2-question {
color : #506690!important;
border : 5px solid #1b2e4b!important;
box-shadow : none
}
.dark .swal2-icon.swal2-error,.dark .swal2-icon.swal2-warning {
border : 5px solid #1b2e4b!important;
box-shadow : none
}
.dark .swal2-input {
border : 1px solid #1b2e4b!important;
background : #1b2e4b;
color : #25d5e4;
margin : 1em auto;
border-radius : .1875em;
width : 100%;
transition : border-color .3s,box-shadow .3s
}
.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background : #191e3a!important
}
.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
background : #506690!important
}
.dark .list-group.list-group-icons-meta .list-group-item.active,.dark .list-group.list-group-media .list-group-item.active,.dark .list-group.task-list-group .list-group-item.active {
background-color : #191e3a;
color : #fff
}
.dark .list-group.list-group-icons-meta .list-group-item .media,.dark .list-group.list-group-media .list-group-item .media,.dark .list-group.task-list-group .list-group-item .media {
margin : 0
}
.dark .list-group.list-group-icons-meta .list-group-item .media svg,.dark .list-group.list-group-media .list-group-item .media svg,.dark .list-group.task-list-group .list-group-item .media svg {
color : #25d5e4!important
}
.dark .list-group.list-group-icons-meta .list-group-item .media .media-aside,.dark .list-group.list-group-media .list-group-item .media .media-aside,.dark .list-group.task-list-group .list-group-item .media .media-aside {
margin-right : 1rem!important
}
.dark .list-group.list-group-icons-meta .list-group-item .media .media-body h6,.dark .list-group.list-group-icons-meta .list-group-item .media .media-body p,.dark .list-group.list-group-media .list-group-item .media .media-body h6,.dark .list-group.list-group-media .list-group-item .media .media-body p,.dark .list-group.task-list-group .list-group-item .media .media-body h6,.dark .list-group.task-list-group .list-group-item .media .media-body p {
color : #888ea8
}
.dark .list-group .list-group-item {
border : 1px solid #191e3a;
background-color : #1b2e4b;
color : #888ea8
}
.dark .list-group .list-group-item.active {
background-color : #191e3a;
border-color : transparent;
box-shadow : 0 1px 15px 1px rgba(52,40,104,.15);
color : #fff
}
.dark .list-group .list-group-item.active .checkbox-primary label span {
color : #fff
}
.dark .list-group .list-group-item.disabled {
background : #506690;
color : #888ea8
}
.dark .list-group .list-group-item .checkbox-primary label span {
color : #888ea8
}
.dark .list-group .list-group-item .checkbox-primary label span .badge {
color : #fff
}
.dark .list-group .list-group-item .custom-control-label:before {
background-color : #515365;
border-color : transparent
}
.dark .list-group-item-action:hover {
color : #e0e6ed;
background-color : #3b3f5c;
box-shadow : 0 0 12px 1px rgba(113,106,202,.08)
}
.dark .pricing-table .billed-yearly-radio span.txt-monthly {
color : #009688
}
.dark .pricing-table .billed-yearly-radio .switch.s-outline[class*=s-outline-] .slider {
border : 2px solid #888ea8
}
.dark .pricing-table .billed-yearly-radio .switch.s-outline[class*=s-outline-] .slider:before {
border : 2px solid #888ea8;
background-color : #888ea8;
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e9ecef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")!important
}
.dark .pricing-table .billed-yearly-radio .switch.s-outline-primary input:checked+.slider {
border : 2px solid #009688
}
.dark .pricing-table .billed-yearly-radio .switch.s-outline-primary input:checked+.slider:before {
border : 2px solid #009688;
background-color : #009688
}
.dark .pricing-table .billed-yearly-radio.billed-yearly-switch span.txt-yearly {
color : #009688
}
.dark .pricing-table .pricing-plan {
color : #3b3f5c;
border : 1px solid rgba(25,30,58,.5411764706);
background-color : #1b2e4b
}
.dark .pricing-table .pricing-plan .pricing-plan-label strong {
color : #bfc9d4
}
.dark .pricing-table .pricing-plan .pricing-plan-features strong {
color : #e0e6ed
}
.dark .pricing-table .pricing-plan.recommended {
box-shadow : -1px 0 10px 0 rgba(0,0,0,.14),-3px 0 18px 0 rgba(0,0,0,.12)
}
.dark .pricing-table .pricing-plan.recommended .pricing-plan-label {
color : #e3e4eb
}
.dark .pricing-table .pricing-plan.recommended .pricing-plan-label strong {
color : #009688
}
.dark .pricing-table .pricing-plan.recommended button {
background-color : #191e3a!important
}
.dark .pricing-table .pricing-plan .recommended-badge {
background-color : #191e3a
}
.dark .pricing-table #pricingWrapper .stacked {
background : #1b2e4b;
border : 1px solid #515365
}
.dark .pricing-table #pricingWrapper .stacked .card-header {
background : #1b2e4b;
border-bottom : 1px solid #515365;
color : #3b3f5c
}
.dark .pricing-table #pricingWrapper .stacked .card-header .card-price {
border : 1px solid #515365;
background : #191e3a;
color : #e0e6ed;
box-shadow : none
}
.dark .pricing-table #pricingWrapper .stacked .card-header h3 {
color : #e0e6ed
}
.dark .pricing-table #pricingWrapper .stacked .card-header p {
color : #888ea8
}
.dark .pricing-table #pricingWrapper .stacked .card-body .list-group-minimal .list-group-item {
color : #bfc9d4
}
.dark .pricing-table #pricingWrapper .stacked .card-body a {
background-color : #191e3a!important;
border-color : #191e3a
}
.dark .pricing-table .pricing .pricing__item {
border : 1px solid #3b3f5c;
background : #1b2e4b;
color : #fff
}
.dark .pricing-table .pricing .pricing__item:hover {
color : #009688;
border : 1px solid #009688
}
.dark .pricing-table .pricing .pricing__item:hover .pricing__title:after {
background : #009688
}
.dark .pricing-table .pricing .pricing__item:hover .pricing__action {
color : #e0e6ed;
background : #009688;
border : 1px solid #009688
}
.dark .pricing-table .pricing .pricing__action {
color : #888ea8;
border : 1px solid #888ea8
}
.dark .alert.alert-light-primary {
color : #4361ee;
background-color : rgba(67,97,238,.15)
}
.dark .alert.alert-light-primary .close {
color : #4361ee;
text-shadow : none
}
.dark .alert.alert-light-warning {
color : #e2a03f;
background-color : rgba(226,160,63,.15)
}
.dark .alert.alert-light-warning .close {
color : #e2a03f;
text-shadow : none
}
.dark .alert.alert-light-success {
color : #1abc9c;
background-color : rgba(26,188,156,.15)
}
.dark .alert.alert-light-success .close {
color : #1abc9c;
text-shadow : none
}
.dark .alert.alert-light-info {
color : #2196f3;
background-color : rgba(33,150,243,.15)
}
.dark .alert.alert-light-info .close {
color : #2196f3;
text-shadow : none
}
.dark .alert.alert-light-dark {
color : #bfc9d4;
background-color : rgba(59,63,92,.15)
}
.dark .alert.alert-light-dark .close {
color : #bfc9d4;
text-shadow : none
}
.dark .alert.alert-light-danger {
color : #e7515a;
background-color : rgba(231,81,90,.15)
}
.dark .alert.alert-light-danger .close {
color : #e7515a;
text-shadow : none
}
.dark .alert.alert-outline-danger .close,.dark .alert.alert-outline-primary .close {
color : #fff;
text-shadow : none
}
.dark .alert.custom-alert-1 {
color : #191e3a
}
.dark .b-avatar {
background-color : #506690;
color : #fff
}
.dark .b-avatar-group .b-avatar {
border : 2px solid #888ea8!important
}
.dark .outline-badge-primary:focus,.dark .outline-badge-primary:hover {
background-color : #4361ee;
color : #eaf1ff
}
.dark .outline-badge-info:focus,.dark .outline-badge-info:hover {
background-color : #2196f3;
color : #eaf1ff
}
.dark .outline-badge-success:focus,.dark .outline-badge-success:hover {
background-color : #1abc9c;
color : #eaf1ff
}
.dark .outline-badge-secondary:focus,.dark .outline-badge-secondary:hover {
background-color : #805dca;
color : #eaf1ff
}
.dark .outline-badge-warning:focus,.dark .outline-badge-warning:hover {
background-color : #e2a03f;
color : #eaf1ff
}
.dark .outline-badge-danger:focus,.dark .outline-badge-danger:hover {
background-color : #e7515a;
color : #eaf1ff
}
.dark .outline-badge-dark:focus,.dark .outline-badge-dark:hover {
background-color : #3b3f5c;
color : #e3e4eb
}
.dark .breadcrumb-one .breadcrumb {
background-color : transparent
}
.dark .breadcrumb-one .breadcrumb-item a {
color : #888ea8;
background-color : transparent
}
.dark .breadcrumb-one .breadcrumb-item a svg {
fill : none
}
.dark .breadcrumb-one .breadcrumb-item.active {
color : #d3d3d3
}
.dark .breadcrumb-two .breadcrumb li a {
background : #1b2e4b;
color : #888ea8
}
.dark .breadcrumb-two .breadcrumb li a:after,.dark .breadcrumb-two .breadcrumb li a:before {
border-left : 30px solid #1b2e4b
}
.dark .breadcrumb-five .breadcrumb li a {
color : #888ea8
}
.dark .breadcrumb-five .breadcrumb li.active span a {
color : #009688!important
}
.dark .breadcrumb-five .breadcrumb li:before {
background : #009688!important
}
.dark .breadcrumb-four .breadcrumb li {
background : #191e3a;
border : 1px solid #191e3a
}
.dark .breadcrumb-four .breadcrumb li a,.dark .breadcrumb-four .breadcrumb li a svg {
color : #888ea8
}
.dark .breadcrumb-four .breadcrumb li.active a,.dark .breadcrumb-four .breadcrumb li.active a svg {
color : #009688!important
}
.dark .breadcrumb-four .breadcrumb li:before {
background : #009688!important
}
.dark .seperator-header h4 {
background : rgba(0,150,136,.26);
color : #009688
}
.dark .color-box {
border : 1px solid rgba(14,23,38,.59);
background : rgba(14,23,38,.59)
}
.dark .color-box .cl-info span,.dark .color-box .cl-title {
color : #888ea8
}
.dark .infobox-1,.dark .infobox-2,.dark .infobox-3 {
border : 1px solid #191e3a;
box-shadow : 0 2px 11px 0 rgba(6,8,24,.39)
}
.dark .loader {
border : 7px solid #1b2e4b;
border-top-color : #4361ee
}
.dark .loader.multi-loader {
border-bottom : 7px solid #e2a03f;
border-right : 7px solid #1abc9c;
border-left : 7px solid #e7515a
}
.dark .pagination-default li {
border : 2px solid #191e3a;
color : #888ea8
}
.dark .pagination-default .page-link {
color : #888ea8
}
.dark .pagination-default .page-item.active {
border : 2px solid #009688!important;
color : #009688
}
.dark .pagination-default .page-item.active .page-link {
color : #009688
}
.dark .pagination-default .page-item:hover {
border : 2px solid #009688!important;
color : #009688
}
.dark .pagination-default .page-item:hover .page-link {
color : #009688
}
.dark .pagination-default .page-item.disabled {
background : #009688!important
}
.dark .pagination-default .page-item.disabled:hover {
border-color : #009688!important
}
.dark .pagination-default .page-item.disabled .page-link,.dark .pagination-default .page-item .page-link {
color : #fff
}
.dark .pagination-solid li {
background-color : #191e3a;
color : #888ea8
}
.dark .pagination-solid li.active {
background-color : #009688!important;
color : #fff
}
.dark .pagination-solid li.active:hover .page-link {
color : #fff
}
.dark .pagination-solid li:hover .page-link {
color : #009688
}
.dark .pagination-solid .page-link {
color : #888ea8
}
.dark .pagination-solid .first,.dark .pagination-solid .last,.dark .pagination-solid .next,.dark .pagination-solid .prev {
background-color : #191e3a
}
.dark .pagination-solid .first:hover,.dark .pagination-solid .last:hover,.dark .pagination-solid .next:hover,.dark .pagination-solid .prev:hover {
background-color : #009688
}
.dark .pagination-solid .first:hover .page-link,.dark .pagination-solid .first:hover a,.dark .pagination-solid .last:hover .page-link,.dark .pagination-solid .last:hover a,.dark .pagination-solid .next:hover .page-link,.dark .pagination-solid .next:hover a,.dark .pagination-solid .prev:hover .page-link,.dark .pagination-solid .prev:hover a {
color : #fff
}
.dark .pagination-solid .page-item.disabled {
background : #009688!important
}
.dark .pagination-solid .page-item.disabled .page-link,.dark .pagination-solid .page-item.disabled .page-link svg {
color : #fff!important
}
.dark .pagination-solid .page-item .page-link {
color : #fff
}
.dark .pagination-no_spacing li {
background-color : #191e3a
}
.dark .pagination-no_spacing li.active .page-link {
background-color : #009688!important;
color : #fff
}
.dark .pagination-no_spacing li.next,.dark .pagination-no_spacing li.prev {
background-color : #191e3a!important
}
.dark .pagination-no_spacing .page-item.first .page-link:hover,.dark .pagination-no_spacing .page-item.last .page-link:hover,.dark .pagination-no_spacing .page-item.next .page-link:hover,.dark .pagination-no_spacing .page-item.prev .page-link:hover {
background-color : #009688!important;
color : #fff!important
}
.dark .pagination-no_spacing .page-item:not(.active) .page-link:hover {
color : #009688!important
}
.dark .pagination-no_spacing .page-item:not(.active).first .page-link:hover,.dark .pagination-no_spacing .page-item:not(.active).last .page-link:hover {
color : #fff!important
}
.dark .popover {
border : 1px solid #060818!important;
background-color : #060818!important
}
.dark .popover .popover-body,.dark .popover .popover-header {
background-color : #060818;
color : #bfc9d4
}
.dark .popover .popover-header {
border-bottom-color : #060818
}
.dark .popover-primary .popover-header {
background-color : #060818;
border : none;
color : #4361ee
}
.dark .popover-primary .popover-body {
background-color : #060818;
color : #4361ee
}
.dark .popover-success .popover-header {
background-color : #060818;
border : none;
color : #1abc9c
}
.dark .popover-success .popover-body {
background-color : #060818;
color : #1abc9c
}
.dark .b-popover-info .popover-header {
border : none
}
.dark .b-popover-info .popover-body,.dark .b-popover-info .popover-header {
background-color : #060818;
color : #2196f3
}
.dark .popover-danger .popover-header {
border : none
}
.dark .popover-danger .popover-body,.dark .popover-danger .popover-header {
background-color : #060818;
color : #e7515a
}
.dark .popover-warning .popover-header {
background-color : #060818;
border : none;
color : #e2a03f
}
.dark .popover-warning .popover-body {
background-color : #060818;
color : #e2a03f
}
.dark .popover-secondary .popover-header {
background-color : #060818;
border : none;
color : #805dca
}
.dark .popover-secondary .popover-body {
background-color : #060818;
color : #805dca
}
.dark .popover-dark .popover-header {
border : none
}
.dark .popover-dark .popover-body,.dark .popover-dark .popover-header {
background-color : #060818;
color : #3b3f5c
}
.dark .bs-popover-left>.arrow:after,.dark .bs-popover-left>.arrow:before {
border-left-color : #060818
}
.dark .bs-popover-right>.arrow:after,.dark .bs-popover-right>.arrow:before {
border-right-color : #060818
}
.dark .bs-popover-top>.arrow:after,.dark .bs-popover-top>.arrow:before {
border-top-color : #060818!important
}
.dark .bs-popover-bottom>.arrow:after,.dark .bs-popover-bottom>.arrow:before {
border-bottom-color : #060818
}
.dark .progress {
box-shadow : none;
background-color : #191e3a
}
.dark #searchLive .searchable-items {
border : 1px solid #1b2e4b;
padding : 13px;
border-radius : 10px
}
.dark #searchLive .searchable-items .items {
color : #0e1726;
background : #1b2e4b
}
.dark #searchLive .searchable-items .items.items-header-section {
background : none
}
.dark #searchLive .searchable-items .items:hover .action-btn p,.dark #searchLive .searchable-items .items:hover .user-email p,.dark #searchLive .searchable-items .items:hover .user-name p {
color : #607d8b
}
.dark #searchLive .searchable-items .items .user-email p,.dark #searchLive .searchable-items .items .user-name p {
color : #d3d3d3
}
.dark .full-search.search-form-overlay {
border : 1px solid #1b2e4b
}
.dark .full-search.search-form-overlay form.form-inline input.search-form-control {
color : #25d5e4
}
.dark .search-form-overlay.input-focused .form-inline.search {
background : #1b2e4b
}
.dark .demo-search-overlay.show {
opacity : 0
}
.dark .search-input-group-style.input-group {
box-shadow : none
}
.dark .search-input-group-style.input-group .input-group-prepend .input-group-text {
border : 1px solid #1b2e4b;
background-color : #191e3a
}
.dark .tooltip-danger .arrow:before,.dark .tooltip-info .arrow:before,.dark .tooltip-primary .arrow:before,.dark .tooltip-secondary .arrow:before,.dark .tooltip-success .arrow:before,.dark .tooltip-warning .arrow:before {
border-top-color : #060818
}
.dark .tooltip-danger .tooltip-inner,.dark .tooltip-info .tooltip-inner,.dark .tooltip-primary .tooltip-inner,.dark .tooltip-secondary .tooltip-inner,.dark .tooltip-success .tooltip-inner,.dark .tooltip-warning .tooltip-inner {
background-color : #060818
}
.dark .tooltip-dark .arrow:before {
border-top-color : #060818
}
.dark .tooltip-dark .tooltip-inner {
background-color : #060818;
color : #bfc9d4
}
.dark .file-tree .file-tree-folder:after {
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}
.dark .file-tree li {
color : #bfc9d4;
font-weight : 500
}
.dark .file-tree li:before {
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-file-text'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E")
}
.dark .file-tree li.file-tree-folder:before {
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-folder'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z'/%3E%3C/svg%3E")
}
.dark .caret {
color : #bfc9d4
}
.dark .caret:before {
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-folder-minus'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2zM9 14h6'/%3E%3C/svg%3E")
}
.dark .caret.caret-down:before {
content : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-folder-plus'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2zM12 11v6M9 14h6'/%3E%3C/svg%3E")
}
.dark .nested li {
color : #bfc9d4
}
.dark .font-family-showcase {
background : #191e3a;
border : 1px solid #191e3a
}
.dark .font-family-showcase .font-family-text {
border-bottom : 1px solid #0e1726
}
.dark .font-family-showcase .font-family-text p {
color : #fff!important
}
.dark .font-family-showcase .font-family-info {
background-color : #191e3a
}
.dark .font-family-showcase .font-family-info a {
color : #bfc9d4
}
.dark .element-background {
border : 1px solid #191e3a
}
.dark .feather-icon .icon-section h4,.dark .fontawesome .icon-section h4 {
color : #bfc9d4!important
}
.dark .feather-icon .icon-link,.dark .fontawesome .icon-link {
color : #888ea8!important
}
.dark .feather-icon .icon-content-container,.dark .fontawesome .icon-content-container {
border : 1px solid #191e3a!important
}
.dark .feather-icon .icon-container i,.dark .feather-icon .icon-container svg,.dark .fontawesome .icon-container i,.dark .fontawesome .icon-container svg {
color : #bfc9d4!important
}
.dark .feather-icon .icon-container:hover i,.dark .fontawesome .icon-container:hover i {
color : #888ea8!important
}
.dark .table {
background-color : #0e1726
}
.dark .table td,.dark .table th,.dark .table thead th {
border-color : #191e3a!important
}
.dark .table thead tr th {
color : #d3d3d3;
background : transparent
}
.dark .table tbody tr td {
color : #bfc9d4
}
.dark .table.table-hover tbody tr {
background-color : transparent
}
.dark .table-striped tbody tr:nth-of-type(odd),.dark .table.table-hover tbody tr:hover {
background-color : rgba(25,30,58,.631372549)!important
}
.dark .table-light .table {
background-color : #3b3f5c!important
}
.dark .table-light .table thead tr th {
color : #d3d3d3;
border-bottom : 1px solid rgba(136,142,168,.3137254902)!important
}
.dark .table-light .table.table-hover tbody tr {
background-color : #3b3f5c
}
.dark .table-light .table.table-hover tbody tr td {
color : #fff;
border-bottom : 1px solid rgba(136,142,168,.3137254902)!important
}
.dark .table-default,.dark .table-default td,.dark .table-default th {
background-color : rgba(136,142,168,.1)!important;
color : #bfc9d4!important
}
.dark .table-primary,.dark .table-primary td,.dark .table-primary th {
background-color : rgba(27,85,226,.18)!important;
color : #bfc9d4!important
}
.dark .table-secondary,.dark .table-secondary td,.dark .table-secondary th {
background-color : rgba(92,26,195,.11)!important;
color : #bfc9d4!important
}
.dark .table-success,.dark .table-success td,.dark .table-success th {
background-color : rgba(141,191,66,.11)!important;
color : #bfc9d4!important
}
.dark .table-dark,.dark .table-dark td,.dark .table-dark th {
background-color : rgba(27,46,75,.11)!important;
color : #bfc9d4!important
}
.dark .table-danger,.dark .table-danger td,.dark .table-danger th {
background-color : rgba(231,81,90,.11)!important;
color : #bfc9d4!important
}
.dark .table-info,.dark .table-info td,.dark .table-info th {
background-color : rgba(33,150,243,.11)!important;
color : #bfc9d4!important
}
.dark .table-warning,.dark .table-warning td,.dark .table-warning th {
background-color : rgba(226,160,63,.11)!important;
color : #bfc9d4!important
}
.dark .custom-dropdown .dropdown-item:hover {
color : #888ea8;
background-color : transparent
}
.dark .custom-table .table th {
background : #1b2e4b
}
.dark .custom-table .table-footer .dataTables_info {
color : #61b6cd;
border : 1px solid #1b2e4b
}
.dark .custom-table .table-hover:not(.table-dark) tbody tr:hover {
background : rgba(3,3,5,.122)!important
}
.dark .custom-table .table-striped:not(.table-dark) tbody tr:nth-of-type(odd) {
background-color : rgba(3,3,5,.122)!important
}
.dark .custom-table label {
color : #bfc9d4
}
.dark .dropdown-menu .custom-checkbox .custom-control-label:before {
background-color : #30486c;
border-color : #30486c
}
.dark .multiselect__tags {
background : #1b2e4b;
border-color : #3b3f5c
}
.dark .multiselect__tags .multiselect__tags-wrap .multiselect__tag {
background-color : #009688;
border : 1px solid #009688;
color : #1b2e4b;
font-weight : 700
}
.dark .multiselect__input,.dark .multiselect__single {
background : #1b2e4b;
color : #009688
}
.dark .multiselect__content-wrapper {
background : #1b2e4b;
border-color : #3b3f5c;
color : #888ea8
}
.dark .select2 .multiselect__option--selected {
background-color : rgba(0,150,136,.1098039216);
color : #009688
}
.dark .select2 .multiselect__option--highlight {
color : #009688;
background : none
}
.dark .touchspin .form-control.focus {
box-shadow : none;
background-color : #1b2e4b;
border-color : #3b3f5c;
color : #25d5e4
}
.dark .switch.s-outline-default input:checked+.slider,.dark .switch.s-outline .slider {
border : 2px solid #888ea8
}
.dark .switch.s-outline-default input:checked+.slider:before {
border : 2px solid #888ea8;
background-color : #888ea8
}
.dark .vue-form-wizard .wizard-icon-circle.tab_shape {
background-color : #191e3a;
color : #009688!important
}
.dark .vue-form-wizard.pills.text-only .wizard-nav li .stepTitle,.dark .vue-form-wizard.pills.text-only .wizard-nav li .stepTitle.active {
color : #009688!important
}
.dark .vue-form-wizard.pills.text-only .wizard-nav li.active .wizard-icon-circle>div {
background-color : #060818!important
}
.dark .vue-form-wizard.pills .wizard-nav li .stepTitle,.dark .vue-form-wizard.pills .wizard-nav li .stepTitle.active {
color : #009688!important
}
.dark .vue-form-wizard.pills .wizard-nav li.active .wizard-icon-circle>div {
background-color : #060818!important;
color : #009688!important
}
.dark .vue-form-wizard.pills .wizard-nav li.active>a .wizard-icon {
color : #009688!important
}
.dark .vue-form-wizard .wizard-btn {
background-color : #515365!important;
border-color : #515365!important
}
.dark .vue-form-wizard.md .wizard-icon-circle {
background-color : #191e3a;
border-color : #191e3a!important
}
.dark .vue-form-wizard.md .wizard-icon-circle .wizard-icon-container {
border-radius : 100%;
border-color : #009688!important;
background : #060818!important
}
.dark .vue-form-wizard.md .square_shape .wizard-icon-container {
border-radius : 0;
border-color : #009688!important;
background : #060818!important
}
.dark .vue-form-wizard.md .wizard-nav-pills>li.active>a .wizard-icon,.dark .vue-form-wizard.md .wizard-nav-pills>li.active>a span {
color : #009688!important
}
.dark .vue-form-wizard .wizard-nav-pills>li>a,.dark .vue-form-wizard .wizard-nav-pills>li>a:hover {
color : #009688
}
.dark .vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar {
background-color : #060818!important
}
.dark .custom-file-container label {
color : #009688
}
.dark .custom-file-container label .custom-file-container__image-clear {
color : #e0e6ed
}
.dark .custom-file-container__custom-file__custom-file-control {
border : 1px solid #1b2e4b;
color : #009688;
background-color : #1b2e4b
}
.dark .custom-file-container__custom-file__custom-file-control__button {
background-color : rgba(0,150,136,.1);
color : #009688;
border-left : 0
}
.dark .custom-file-container__image-preview {
background-color : transparent
}
.dark .ql-toolbar.ql-snow {
border : 1px solid #1b2e4b
}
.dark .ql-toolbar.ql-snow .ql-picker-label {
border : 1px solid transparent;
color : #009688
}
.dark .ql-toolbar.ql-snow .ql-picker-label:hover {
color : #bfc9d4
}
.dark .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke {
stroke : #bfc9d4
}
.dark .ql-toolbar.ql-snow .ql-stroke {
stroke : #009688
}
.dark .ql-toolbar.ql-snow .ql-fill {
fill : #009688
}
.dark .ql-toolbar.ql-snow button:hover .ql-stroke {
stroke : #bfc9d4
}
.dark .ql-toolbar.ql-snow button:hover .ql-fill {
fill : #bfc9d4
}
.dark .ql-snow.ql-toolbar button.ql-active .ql-stroke {
stroke : #bfc9d4
}
.dark .ql-snow.ql-toolbar button.ql-active .ql-fill {
fill : #bfc9d4
}
.dark .ql-snow.ql-toolbar .ql-picker-label.ql-active {
color : #bfc9d4
}
.dark .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
stroke : #bfc9d4
}
.dark .ql-container.ql-snow {
border : 1px solid #1b2e4b!important
}
.dark .markdown .editor-toolbar {
border : 1px solid #1b2e4b
}
.dark .markdown .editor-toolbar a {
color : #009688!important
}
.dark .markdown .editor-toolbar a.active,.dark .markdown .editor-toolbar a:hover {
background : #191e3a;
border-color : #191e3a!important;
opacity : 1
}
.dark .markdown .editor-toolbar i.separator {
border-left : 1px solid #1b2e4b;
border-right : 1px solid #1b2e4b
}
.dark .markdown .editor-toolbar.disabled-for-preview a:not(.no-disable) {
pointer-events : none;
background : #060818;
border-color : #060818;
text-shadow : inherit
}
.dark .editor-preview,.dark .editor-preview-side {
background : #0e1726
}
.dark .CodeMirror {
border : 1px solid #1b2e4b;
background : transparent;
color : #bfc9d4
}
.dark .editor-statusbar {
color : #888ea8
}
.dark .range-count .range-count-number {
background : #1b2e4b;
color : #009688;
border : 1px solid #1b2e4b
}
.dark .range-count .range-count-unit {
color : #009688
}
.dark .flatpickr-time input:focus {
background : #1b2e4b
}
.dark .noUi-connect {
background : #009688
}
.dark .noUi-tooltip {
color : #009688
}
.dark .noUi-target,.dark .noUi-tooltip {
background : #191e3a;
border : 1px solid #191e3a
}
.dark .noUi-target {
box-shadow : none
}
.dark .noUi-horizontal .noUi-handle {
border : 1px solid #506690;
background : #506690;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .example-val {
color : #009688
}
.dark .example-val span.precentage-val {
background : #191e3a;
color : #009688;
border : 1px solid #191e3a
}
.dark .progress-range-counter::-webkit-slider-thumb {
-webkit-appearance : none;
appearance : none;
background : #009688;
cursor : pointer;
height : 16px;
width : 16px;
margin-top : -4px;
-webkit-transition : all .35s ease;
transition : all .35s ease
}
.dark .progress-range-counter:active::-webkit-slider-thumb {
transform : scale(1.2)
}
.dark .progress-range-counter:focus::-webkit-slider-thumb {
background : #009688;
cursor : pointer;
height : 16px;
width : 16px;
margin-top : -4px;
box-shadow : none
}
.dark .progress-range-counter::-moz-range-thumb {
background : #009688;
cursor : pointer;
height : 16px;
width : 16px;
margin-top : -4px
}
.dark input[type=range]::-webkit-slider-runnable-track {
background : #191e3a
}
.dark input[type=range]::-moz-range-track {
background : #191e3a
}
.dark input[type=range]::-ms-track {
background : #191e3a
}
.dark .clipboard,.dark .clipboard.copy-txt {
background-color : #060818
}
.dark .clipboard.copy-txt .otp-pass span {
color : #009688
}
.dark .user-profile h3 {
color : #bfc9d4
}
.dark .user-profile h3:after {
background : #009688
}
.dark .user-profile .edit-profile {
background : linear-gradient(90deg,#3cba92 0,#0ba360)
}
.dark .user-profile .edit-profile svg {
color : #060818
}
.dark .user-profile .user-info-list ul.contacts-block li:hover svg,.dark .user-profile .user-info-list ul.contacts-block li a,.dark .user-profile .user-info p {
color : #009688
}
.dark .user-profile .user-info-list ul.contacts-block ul.list-inline div.social-icon {
border : 2px solid #3b3f5c
}
.dark .education h3,.dark .user-profile .user-info-list ul.contacts-block ul.list-inline svg {
color : #bfc9d4
}
.dark .education h3:after {
background : #009688
}
.dark .education .timeline-alter .item-timeline .t-meta-date p {
color : #888ea8
}
.dark .education .timeline-alter .item-timeline .t-text p {
color : #bfc9d4
}
.dark .education .timeline-alter .item-timeline .t-dot {
border-color : #009688
}
.dark .education .timeline-alter .item-timeline:not(:last-child) .t-dot:after {
border-color : #1b2e4b
}
.dark .work-experience h3 {
color : #bfc9d4
}
.dark .work-experience h3:after {
background : #009688
}
.dark .work-experience .timeline-alter .item-timeline .t-meta-date p {
color : #888ea8
}
.dark .work-experience .timeline-alter .item-timeline .t-text p {
color : #bfc9d4
}
.dark .work-experience .timeline-alter .item-timeline .t-dot {
border-color : #009688
}
.dark .work-experience .timeline-alter .item-timeline:not(:last-child) .t-dot:after {
border-color : #1b2e4b
}
.dark .skills h3 {
color : #bfc9d4
}
.dark .skills h3:after {
background : #009688
}
.dark .skills .progress {
background-color : #191e3a;
box-shadow : none
}
.dark .skills .progress .progress-bar {
background : linear-gradient(90deg,#2b5876 0,#4e4376)
}
.dark .bio h3 {
color : #bfc9d4
}
.dark .bio h3:after {
background : #009688
}
.dark .bio p {
color : #bfc9d4
}
.dark .bio .b-skills {
box-shadow : 2px 5px 17px 0 rgba(31,45,61,.1);
background : #191e3a
}
.dark .bio .b-skills h5 {
color : #888ea8
}
.dark .general-info {
background-color : #0e1726;
border : none
}
.dark .general-info .info h6 {
color : #bfc9d4
}
.dark .general-info .info .upload {
border-right : 1px solid #191e3a
}
.dark .general-info .info .upload p {
color : #009688
}
.dark .about {
background-color : #0e1726;
border : none
}
.dark .about .info h5 {
color : #bfc9d4
}
.dark .work-platforms {
background-color : #0e1726;
border : none
}
.dark .work-platforms .info h5 {
color : #bfc9d4
}
.dark .contact {
background-color : #0e1726;
border : none
}
.dark .contact .info h5 {
color : #bfc9d4
}
.dark .social {
background-color : #0e1726;
border : none
}
.dark .social .info h5 {
color : #bfc9d4
}
.dark .input-group .input-group-prepend .input-group-text svg {
color : #009688
}
.dark .skill {
background-color : #0e1726;
border : none
}
.dark .skill .info h5 {
color : #bfc9d4
}
.dark .skill .range-count .range-count-number {
background : #1b2e4b;
color : #009688;
border : 1px solid #1b2e4b
}
.dark .edu-experience {
background-color : #0e1726;
border : none
}
.dark .edu-experience .info h5 {
color : #bfc9d4
}
.dark .work-experience {
background-color : #0e1726;
border : none
}
.dark .work-experience .info h5 {
color : #bfc9d4
}
.dark .account-settings-footer {
background : #191e3a;
border-top : 1px solid #191e3a;
box-shadow : 0 -6px 10px 0 rgba(0,0,0,.14),0 -1px 18px 0 rgba(0,0,0,.12),0 -3px 5px -1px rgba(0,0,0,.2)
}
.dark .helpdesk:before {
background-image : none;
background-color : #060818
}
.dark .helpdesk .hd-header-wrapper h4,.dark .helpdesk .hd-header-wrapper p {
color : #bfc9d4
}
.dark .helpdesk .hd-header-wrapper .form-control {
border : 1px solid #1b2e4b;
color : #009688
}
.dark .helpdesk .hd-header-wrapper .form-control:focus {
box-shadow : none;
border-color : #1b2e4b;
color : #888ea8;
background : #1b2e4b
}
.dark .helpdesk .hd-header-wrapper .input-group:hover span.input-group-text svg {
color : #009688
}
.dark .helpdesk .input-group .input-group-prepend .input-group-text {
border : 1px solid #1b2e4b;
background-color : #191e3a;
color : #888ea8
}
.dark .helpdesk .input-group .input-group-prepend .input-group-text svg {
color : #888ea8
}
.dark .helpdesk .hd-tab-section .accordion .card .card-header div>div.not-collapsed svg,.dark .helpdesk .hd-tab-section .accordion .card:hover .card-header div>div svg {
color : #009688
}
.dark .helpdesk .hd-tab-section .accordion .card .card-header {
background-color : #0e1726;
color : #888ea8;
border-color : transparent
}
.dark .helpdesk .hd-tab-section .accordion .card .card-header div>div {
background : #0e1726;
color : #888ea8
}
.dark .helpdesk .hd-tab-section .accordion .card .card-body p,.dark .helpdesk .hd-tab-section .accordion .card .card-header div>div svg {
color : #888ea8
}
.dark .helpdesk .hd-contact-section .hd-slide-header {
color : #bfc9d4
}
.dark .helpdesk .hd-contact-section .community-help .media,.dark .helpdesk .hd-contact-section .news-updates .media {
border : 1px solid #0e1726;
background : #0e1726
}
.dark .helpdesk .hd-contact-section .community-help .media h5,.dark .helpdesk .hd-contact-section .community-help .media svg,.dark .helpdesk .hd-contact-section .news-updates .media h5,.dark .helpdesk .hd-contact-section .news-updates .media svg {
color : #bfc9d4
}
.dark .helpdesk .hd-contact-section .community-help .media p,.dark .helpdesk .hd-contact-section .news-updates .media p {
color : #888ea8
}
.dark .helpdesk .carousel-control-next,.dark .helpdesk .carousel-control-prev {
background : #060818
}
.dark .helpdesk .carousel-control-next-icon svg,.dark .helpdesk .carousel-control-prev-icon svg {
color : #fff
}
.dark .helpdesk .carousel-indicators li {
background-color : #506690
}
.dark .helpdesk .carousel-indicators li.active {
background-color : #888ea8
}
.dark .cu-contact-section .contact-form form h4,.dark .cu-contact-section .contact-form form p {
color : #fff
}
.dark .cu-contact-section .contact-form form .input-fields svg,.dark .cu-contact-section .contact-form form input,.dark .cu-contact-section .contact-form form textarea {
color : #009688
}
.dark .cu-contact-section .contact-form form input:focus,.dark .cu-contact-section .contact-form form textarea:focus {
background : transparent
}
.dark .cu-contact-section .contact-form form .radio-primary .custom-control-input:checked~.custom-control-label:before,.dark .cu-contact-section .contact-form form button {
background-color : #009688!important
}
.dark .fq-header-wrapper:before {
background-image : none;
background-color : #060818
}
.dark .fq-header-wrapper:before h1,.dark .fq-header-wrapper:before p {
color : #bfc9d4
}
.dark .fq-header-wrapper button {
color : #fff!important;
background-color : #3b3f5c;
border-color : #3b3f5c;
box-shadow : 0 10px 20px -10px rgba(59,63,92,.59);
text-shadow : none;
font-size : 14px;
letter-spacing : 0
}
.dark .faq .faq-layouting .fq-comman-question-wrapper {
background : #0e1726
}
.dark .faq .faq-layouting .fq-comman-question-wrapper h3 {
color : #bfc9d4
}
.dark .faq .faq-layouting .fq-comman-question-wrapper ul li {
color : #888ea8
}
.dark .faq .faq-layouting .fq-tab-section {
background : none;
border : none
}
.dark .faq .faq-layouting .fq-tab-section h2 {
color : #bfc9d4
}
.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header>div,.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded=true] span.faq-like-count,.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded=true] svg.feather-code,.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded=true] svg.feather-thumbs-up,.dark .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div span.faq-like-count,.dark .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div svg.feather-code,.dark .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div svg.feather-thumbs-up,.dark .faq .faq-layouting .fq-tab-section h2 span {
color : #009688
}
.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header>div .faq-q-title {
color : #888ea8
}
.dark .faq .faq-layouting .fq-article-section h2,.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-body p {
color : #bfc9d4
}
.dark .faq .faq-layouting .fq-article-section .card .card-body h5.card-title {
color : #e0e6ed
}
.dark .faq .faq-layouting .fq-article-section .card .card-body p.meta-text {
color : #009688
}
.dark .faq .faq-layouting .fq-tab-section .accordion .card {
border : 2px solid #1b2e4b;
border-radius : 6px;
margin-bottom : 4px;
background : #1b2e4b
}
.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header>div[aria-expanded=true] {
border-bottom : 0
}
.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header>div[aria-expanded=true] .faq-q-title,.dark .faq .faq-layouting .fq-tab-section .accordion .card .card-header>div[aria-expanded=true] .icons svg {
color : #009688
}
.dark #headerWrapper:before {
background-image : none;
background-color : #060818
}
.dark #headerWrapper .main-heading {
color : #bfc9d4
}
.dark #privacyWrapper .privacyContent {
background : #0e1726
}
.dark #privacyWrapper .privacyContent p {
color : #888ea8
}
.dark #privacyWrapper .privacyContent .privacy-head {
border-bottom : 1px solid #1b2e4b
}
.dark #privacyWrapper h5.policy-info-ques,.dark .coming-soon-cont .coming-soon-content>h4 {
color : #bfc9d4
}
.dark .coming-soon-cont #timer .days,.dark .coming-soon-cont #timer .hours,.dark .coming-soon-cont #timer .min,.dark .coming-soon-cont #timer .sec {
background : #009688;
color : #fff
}
.dark .coming-soon-cont .coming-soon-wrap form .field-wrapper svg {
color : #009688;
fill : none
}
.dark .coming-soon-cont .coming-soon-wrap form .field-wrapper button.btn {
background-color : #009688!important;
border-color : #009688;
box-shadow : none
}
.dark .coming-soon-cont .coming-soon-wrap form .field-wrapper input:focus {
border-bottom : 1px solid #3b3f5c
}
.dark .coming-soon-cont .social {
background-color : #060818
}
.dark .coming-soon-cont .social svg {
color : #009688
}
.dark .coming-soon-cont .social li:not(:last-child) {
border-right : 2px solid #3b3f5c
}
.dark .coming-soon-cont .terms-conditions {
color : #bfc9d4
}
.dark .coming-soon-cont .terms-conditions a {
color : #009688
}
.dark .error404,.dark .error500,.dark .error503,.dark .maintanence {
background-image : none;
background-color : #060818
}
.dark .error404 .error-number,.dark .error500 .error-number,.dark .error503 .error-number,.dark .maintanence .error-number {
color : #e0e6ed
}
.dark .error404 .mini-text,.dark .error500 .mini-text,.dark .error503 .mini-text,.dark .maintanence .mini-text {
color : #bfc9d4
}
.dark .error404 .error-text,.dark .error404 .text,.dark .error500 .error-text,.dark .error500 .text,.dark .error503 .error-text,.dark .error503 .text,.dark .maintanence .error-text,.dark .maintanence .text {
color : #e0e6ed
}
.dark .error404 a.btn,.dark .error500 a.btn,.dark .error503 a.btn,.dark .maintanence a.btn {
background-image : linear-gradient(229deg,#517281,#3b5d70 27%,#4d5c82 72%,#5d647f);
border : none
}
.dark .form-container.outer {
background-color : #0e1726
}
.dark .form-container.outer .form-form .form-form-wrap form .social {
background-color : transparent
}
.dark .form-container.outer .form-form .form-form-wrap form .social a {
border : 1px solid #1b2e4b;
color : #888ea8
}
.dark .form-container.outer .form-form .form-form-wrap form .social a.social-fb .brand-name,.dark .form-container.outer .form-form .form-form-wrap form .social a.social-fb svg {
color : #2196f3
}
.dark .form-container.outer .form-form .form-form-wrap form .field-wrapper label,.dark .form-container.outer .form-form .form-form-wrap p.signup-link {
color : #bfc9d4
}
.dark .form-container.outer .form-form .form-form-wrap p.signup-link a {
color : #009688
}
.dark .form-container.outer .form-form .form-form-wrap .user-meta p,.dark .form-container.outer .form-form .form-form-wrap p.signup-link.recovery {
color : #bfc9d4
}
.dark .form-container.outer .form-form .form-container .form-content {
background : #060818;
border : none;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .form-container.outer .form-form .form-container .form-content h1 {
color : #bfc9d4
}
.dark .form-container.outer .form-form .form-container .form-content>p {
color : #888ea8
}
.dark .full-form .form-container .form-form {
margin : 0
}
.dark .full-form .form-container .form-form .form-form-wrap form .social {
background-color : transparent
}
.dark .full-form .form-container .form-form .form-form-wrap form .social a {
border : 1px solid #1b2e4b;
color : #888ea8
}
.dark .full-form .form-container .form-form .form-form-wrap form .social a.social-fb .brand-name,.dark .full-form .form-container .form-form .form-form-wrap form .social a.social-fb svg {
color : #2196f3
}
.dark .full-form .form-container .form-form .form-form-wrap form .field-wrapper label {
color : #bfc9d4
}
.dark .full-form .form-container .form-form .form-form-wrap form .field-wrapper input {
background-color : transparent;
border-bottom : 1px solid #191e3a;
color : #009688
}
.dark .full-form .form-container .form-form .form-form-wrap form .field-wrapper svg {
color : #009688
}
.dark .full-form .form-container .form-form .form-form-wrap form .field-wrapper.toggle-pass p {
color : #bfc9d4
}
.dark .full-form .form-container .form-form .form-form-wrap form .field-wrapper a.forgot-pass-link {
color : #009688
}
.dark .full-form .form-container .form-form .form-form-wrap p.signup-link {
color : #bfc9d4
}
.dark .full-form .form-container .form-form .form-form-wrap p.signup-link a {
color : #009688
}
.dark .full-form .form-container .form-form .form-form-wrap .user-meta p,.dark .full-form .form-container .form-form .form-form-wrap p.signup-link.recovery {
color : #bfc9d4
}
.dark .full-form .form-container .form-form .form-container .form-content {
background : #060818;
border : none;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .full-form .form-container .form-form .form-container .form-content h1 {
color : #bfc9d4
}
.dark .full-form .form-container .form-form .form-container .form-content h1 .brand-name {
color : #009688
}
.dark .full-form .form-container .form-form .form-container .form-content>p {
color : #888ea8
}
.dark .full-form .form-container .form-form .terms-conditions a {
color : #009688
}
.dark .auth-boxed .form-form .form-form-wrap form .field-wrapper input {
border : 1px solid #1b2e4b;
color : #009688;
background : #1b2e4b
}
.dark .auth-boxed .form-form .form-form-wrap form .field-wrapper input::-moz-placeholder {
color : #d3d3d3;
font-size : 14px
}
.dark .auth-boxed .form-form .form-form-wrap form .field-wrapper input:-ms-input-placeholder {
color : #d3d3d3;
font-size : 14px
}
.dark .auth-boxed .form-form .form-form-wrap form .field-wrapper input::placeholder {
color : #d3d3d3;
font-size : 14px
}
.dark .parent.ex-1 .drag-drop .media,.dark .parent.ex-2 .drag-drop .media,.dark .parent.ex-3 .drag-drop .media {
background-color : #1b2e4b!important;
border : 1px solid #3b3f5c
}
.dark .parent.ex-1 .drag-drop .media .media-body h5,.dark .parent.ex-1 .drag-drop .media .media-body h6,.dark .parent.ex-2 .drag-drop .media .media-body h5,.dark .parent.ex-2 .drag-drop .media .media-body h6,.dark .parent.ex-3 .drag-drop .media .media-body h5,.dark .parent.ex-3 .drag-drop .media .media-body h6 {
color : #bfc9d4
}
.dark .parent.ex-1 .drag-drop .media .media-body h5 span,.dark .parent.ex-2 .drag-drop .media .media-body h5 span,.dark .parent.ex-3 .drag-drop .media .media-body h5 span {
color : #bfc9d4!important
}
.dark .parent.ex-1 .drag-drop .media .media-body h5 span.comment-topic,.dark .parent.ex-2 .drag-drop .media .media-body h5 span.comment-topic,.dark .parent.ex-3 .drag-drop .media .media-body h5 span.comment-topic {
color : #2196f3!important
}
.dark .parent.ex-4 .drag-drop {
background-color : #0e1726
}
.dark .parent.ex-4 .drag-drop .card.post.text-post {
background-color : #1b2e4b;
border : 1px solid #3b3f5c
}
.dark .parent.ex-4 .drag-drop .card.post.text-post .card-body .post-content {
border-bottom : 1px solid #3b3f5c
}
.dark .parent.ex-4 .drag-drop .card.post.text-post .card-body .post-content p {
color : #888ea8
}
.dark .parent.ex-4 .drag-drop .card.post .media.user-meta .media-body h5 {
color : #bfc9d4
}
.dark .parent.ex-4 .drag-drop .card.post div.people-liked-post ul li img {
border : 2px solid rgba(59,63,92,.25);
box-shadow : 0 0 15px 1px rgba(113,106,202,.3)
}
.dark .parent.ex-4 .drag-drop .card.post div.people-liked-post .people-liked-post-name span a {
color : #2196f3
}
.dark .parent.ex-5 .drag-drop {
background-color : #0e1726
}
.dark .parent.ex-5 .drag-drop>div {
background-color : #1b2e4b!important;
border : 1px solid #3b3f5c
}
.dark .parent.ex-5 .drag-drop .media .media-body h5 {
color : #bfc9d4
}
.dark .parent.ex-5 .media ul li img {
border : 2px solid rgba(59,63,92,.25);
box-shadow : 0 0 15px 1px rgba(113,106,202,.2)
}
.dark .parent.ex-5 .handle {
background-color : #0e1726;
color : #fff
}
.dark .sidenav {
height : auto;
border-left : 1px solid #191e3a
}
.dark .sidenav .sidenav-header p {
background : #4361ee;
background-image : linear-gradient(90deg,#4361ee 0,#805dca)
}
.dark .sidenav .sidenav-content a {
color : #bfc9d4
}
.dark .sidenav .sidenav-content a.active,.dark .sidenav .sidenav-content a:hover {
color : #25d5e4;
border-left : 1px solid #25d5e4
}
.dark .flatpickr-calendar {
border : 1px solid #1b2e4b;
background : #1b2e4b
}
.dark .flatpickr-calendar .flatpickr-months .flatpickr-next-month,.dark .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
background : #1b2e4b
}
.dark .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,.dark .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg {
fill : #bfc9d4
}
.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
border : 1px solid #3b3f5c;
color : #bfc9d4
}
.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color : #1b2e4b
}
.dark .flatpickr-calendar .flatpickr-months input.cur-year {
border : 1px solid #3b3f5c;
color : #bfc9d4
}
.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span {
height : 26%
}
.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp {
top : 10px
}
.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp:after {
border-bottom-color : #bfc9d4
}
.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown {
top : 34%
}
.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown:after {
border-top-color : #bfc9d4
}
.dark .flatpickr-calendar .flatpickr-day {
color : #888ea8;
font-weight : 500
}
.dark .flatpickr-calendar .flatpickr-day:hover {
background : #191e3a;
border-color : #191e3a
}
.dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
color : rgba(136,142,168,.22)
}
.dark .flatpickr-calendar .flatpickr-day.nextMonthDay,.dark .flatpickr-calendar .flatpickr-day.prevMonthDay {
color : rgba(136,142,168,.22)!important
}
.dark .flatpickr-calendar .flatpickr-day.selected {
background : #009688;
color : #0e1726;
border-color : #009688;
font-weight : 700
}
.dark .flatpickr-calendar .flatpickr-day.today {
border-color : #009688
}
.dark .flatpickr-calendar .flatpickr-day.today:hover {
border-color : #0e1726;
background : #0e1726;
color : #fff
}
.dark .flatpickr-calendar .flatpickr-time {
border-top : 1px solid #243146
}
.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,.dark .flatpickr-calendar .flatpickr-time .flatpickr-time-separator,.dark .flatpickr-calendar .flatpickr-time input {
color : #bfc9d4
}
.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,.dark .flatpickr-calendar .flatpickr-time input:hover {
background-color : #0e1726
}
.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color : #009688
}
.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color : #009688
}
.dark .flatpickr-calendar.arrowTop:before {
border-bottom-color : #1b2e4b
}
.dark .flatpickr-calendar.arrowBottom:before {
border-top-color : #1b2e4b
}
.dark .numInputWrapper span {
height : 26%
}
.dark .numInputWrapper span.arrowUp {
top : 10px
}
.dark .numInputWrapper span.arrowUp:after {
border-bottom-color : #bfc9d4
}
.dark .numInputWrapper span .arrowDown {
top : 34%
}
.dark .numInputWrapper span .arrowDown:after {
border-top-color : #bfc9d4
}
.dark .app-settings.active .sidbarchat {
margin-right : 0;
border-left : 1px solid rgba(72,94,144,.16)
}
.dark .app-settings .setting {
background : #4361ee;
color : #fff
}
.dark .app-settings .setting h5 {
color : #fff
}
.dark .app-settings .sidbarchat {
background : #0e1726
}
.dark .app-settings .sidbarchat .btn-close,.dark .app-settings .sidbarchat h5,.dark .app-settings .sidbarchat p {
color : #fff
}
.dark .app-settings .sidbarchat p.text-muted {
color : #6e84a3!important
}
.dark .app-settings .sidbarchat h6 {
color : #fff
}
.dark .app-settings .sidbarchat .btn-check .custom-control-input:checked~.custom-control-label {
background-color : #1e3a5c;
border-color : #2c7be5;
color : #2c7be5
}
.dark .app-settings .sidbarchat .btn-check .custom-control-label {
background-color : #152e4d;
border : 1px solid #244166;
color : #fff
}
.dark .app-settings .sidbarchat .btn-check .custom-control-label:hover {
background-color : #1e3a5c;
border-color : #2c7be5;
color : #2c7be5
}
.dark .panel {
background : #0e1726;
border-color : #0e1726
}
.dark .panel .panel-heading h4 {
color : #ebedf2
}
.dark .widget {
background : #0e1726!important;
border : none;
box-shadow : 0 .75rem 1.5rem rgba(18,38,63,.03)
}
.dark .widget h5 {
color : #e0e6ed
}
.dark .widget.widget-total-order .widget-heading .w-icon {
background : #1abc9c
}
.dark .widget.widget-total-order .widget-heading .w-icon svg {
color : #ddf5f0;
fill : rgba(26,188,156,.49)
}
.dark .widget.widget-dailysales {
background : #0e1726;
border : none
}
.dark .widget.widget-dailysales .widget-heading .w-icon {
background : #e2a03f
}
.dark .widget.widget-dailysales .widget-heading .w-icon svg {
color : #0e1726
}
.dark .widget.widget-summary .widget-content .summary-list:first-child .w-icon {
background : #5c1ac3
}
.dark .widget.widget-summary .widget-content .summary-list:first-child .w-icon svg {
color : #dccff7
}
.dark .widget.widget-summary .widget-content .summary-list:nth-child(2) .w-icon {
background : #009688
}
.dark .widget.widget-summary .widget-content .summary-list:nth-child(2) .w-icon svg {
color : #e6ffbf
}
.dark .widget.widget-summary .widget-content .summary-list:nth-child(3) .w-icon {
background : #e2a03f
}
.dark .widget.widget-summary .widget-content .summary-list:nth-child(3) .w-icon svg {
color : #ffeccb
}
.dark .widget.widget-summary .widget-content .w-summary-stats .progress {
box-shadow : none!important
}
.dark .widget.widget-summary .widget-content .w-summary-stats .progress .progress-bar.bg-gradient-secondary {
background-image : linear-gradient(90deg,#7579ff 0,#b224ef)
}
.dark .widget.widget-summary .widget-content .w-summary-stats .progress .progress-bar.bg-gradient-success {
background-image : linear-gradient(90deg,#3cba92 0,#0ba360)
}
.dark .widget.widget-summary .widget-content .w-summary-stats .progress .progress-bar.bg-gradient-warning {
background-image : linear-gradient(90deg,#f09819 0,#ff5858)
}
.dark .widget.widget-recent-activity .widget-content .timeline-line .item-timeline .t-text p {
color : #bfc9d4
}
.dark .widget.widget-recent-activity .widget-content .tm-action-btn button {
color : #888ea8
}
.dark .widget.widget-transaction .transactions-list .b-avatar span,.dark .widget.widget-transaction .transactions-list>div .t-name h4 {
color : #bfc9d4
}
.dark .widget.widget-transaction .transactions-list .icon-fill-info {
background-color : rgba(33,150,243,.388)
}
.dark .widget.widget-transaction .transactions-list .icon-fill-secondary {
background-color : rgba(128,93,202,.388)
}
.dark .widget.widget-transaction .transactions-list .icon-fill-danger {
background-color : rgba(231,81,90,.388)
}
.dark .widget.widget-transaction .transactions-list .icon-fill-warning {
background-color : rgba(226,160,63,.388)
}
.dark .widget.widget-active-log .widget-content .mt-container .timeline-line .item-timeline .t-dot div.t-dark,.dark .widget.widget-active-log .widget-content .mt-container .timeline-line .item-timeline .t-dot div.t-primary,.dark .widget.widget-active-log .widget-content .mt-container .timeline-line .item-timeline .t-dot div.t-secondary,.dark .widget.widget-active-log .widget-content .mt-container .timeline-line .item-timeline .t-dot div.t-success,.dark .widget.widget-active-log .widget-content .mt-container .timeline-line .item-timeline .t-dot div.t-warning {
box-shadow : none
}
.dark .widget .apexcharts-tooltipapexcharts-theme-dark .apexcharts-tooltip-title {
background : #191e3a!important;
border-bottom : 1px solid #191e3a
}
.dark .widget.widget-revenue .chart-title {
color : #bfc9d4
}
.dark .widget.widget-revenue .widget-content .apexcharts-canvas,.dark .widget.widget-revenue .widget-content .apexcharts-canvas svg {
transition : .5s
}
.dark .widget.widget-revenue .apexcharts-legend-marker {
left : -5px!important
}
.dark .widget.widget-revenue .apexcharts-xaxis-title,.dark .widget.widget-revenue .apexcharts-yaxis-title {
font-weight : 600;
fill : #bfc9d4
}
.dark .widget.widget-wallet-balance .widget-heading {
background-color : #191e3a;
background-image : linear-gradient(-255deg,#154875 30%,#009688 120%)
}
.dark .widget.widget-wallet-balance .widget-amount .w-a-info {
background : #060818
}
.dark .widget.widget-wallet-balance .widget-amount span {
color : #fff
}
.dark .widget.widget-wallet-balance .widget-amount p {
background : #0e1726;
color : #bfc9d4
}
.dark .widget.widget-wallet-balance .invoice-list [class*=info-detail-]:not(.info-sub) p span.bill-amount {
color : #fff
}
.dark .widget.widget-wallet-balance .invoice-list .inv-action a.view-details {
color : #2196f3!important;
background : rgba(33,150,243,.169)
}
.dark .widget.widget-wallet-balance .invoice-list .inv-action a.pay-now {
color : #009688!important;
background : rgba(0,150,136,.188)
}
.dark .widget.widget-wallet-balance .invoice-list .inv-action a:hover {
box-shadow : 0 5px 20px 0 rgba(0,0,0,.1)
}
.dark .widget.widget-recent-orders .table-responsive,.dark .widget.widget-top-selling-products .table-responsive {
margin-bottom : 0
}
.dark .widget.widget-recent-orders .table>thead>tr>th,.dark .widget.widget-top-selling-products .table>thead>tr>th {
background : #191e3a
}
.dark .widget.widget-recent-orders .table>thead>tr>th .th-content,.dark .widget.widget-top-selling-products .table>thead>tr>th .th-content {
color : #bfc9d4
}
.dark .widget.widget-recent-orders .table>tbody>tr>td .td-content,.dark .widget.widget-top-selling-products .table>tbody>tr>td .td-content {
color : #888ea8
}
.dark .widget.widget-recent-orders .table>tbody>tr:hover>td .td-content,.dark .widget.widget-top-selling-products .table>tbody>tr:hover>td .td-content {
color : #bfc9d4
}
.dark .widget.widget-recent-orders .table>tbody>tr:hover .td-content .badge,.dark .widget.widget-top-selling-products .table>tbody>tr:hover .td-content .badge {
background : transparent;
transform : none
}
.dark .widget .apexcharts-tooltip.apexcharts-theme-dark {
background : #191e3a!important;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .widget .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
background : #191e3a!important;
border-bottom : 1px solid #0e1726
}
.dark .widget .apexcharts-xaxis text,.dark .widget .apexcharts-yaxis text {
fill : #888ea8
}
.dark .widget .apexcharts-legend-text {
color : #bfc9d4!important
}
.dark .widget.widget-visitor-by-browser {
border : none
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list:first-child .w-icon svg,.dark .widget.widget-visitor-by-browser .widget-content .browser-list:nth-child(2) .w-icon svg,.dark .widget.widget-visitor-by-browser .widget-content .browser-list:nth-child(3) .w-icon svg {
color : #eaf1ff
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list:first-child .w-icon {
background : #4361ee
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list:nth-child(2) .w-icon {
background : #e7515a
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list:nth-child(3) .w-icon {
background : #e2a03f
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list .w-browser-details .progress {
box-shadow : none
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list .w-browser-details .progress .progress-bar.bg-gradient-primary {
background : linear-gradient(90deg,#0081ff 0,#0045ff)
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list .w-browser-details .progress .progress-bar.bg-gradient-danger {
background-image : linear-gradient(90deg,#d09693 0,#c71d6f)
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list .w-browser-details .progress .progress-bar.bg-gradient-warning {
background-image : linear-gradient(90deg,#f09819 0,#ff5858)
}
.dark .widget.widget-visitor-by-browser .widget-content .browser-list .w-browser-details .progress .progress-bar:before {
background : #0e1726!important
}
.dark .widget.widget-card-one .widget-heading {
border-bottom : 1px dashed #3b3f5c
}
.dark .widget.widget-card-one .widget-heading .media .w-img img {
border-color : #3b3f5c
}
.dark .widget.widget-card-one .widget-content .w-action .read-more a:hover {
box-shadow : none
}
.dark .widget.widget-card-one .widget-content .w-action .read-more a svg {
color : #009688
}
.dark .widget.widget-card-one .widget-content .w-action span,.dark .widget.widget-card-one .widget-content .w-action svg {
color : #25d5e4;
fill : transparent
}
.dark .widget.widget-card-two .widget-heading {
border-bottom : 1px dashed #3b3f5c
}
.dark .widget.widget-card-two .widget-content .img-group img,.dark .widget.widget-card-two .widget-heading .media .w-img img {
border-color : #3b3f5c
}
.dark .widget.widget-card-two .widget-content a {
background : linear-gradient(229deg,#517281,#3b5d70 27%,#4d5c82 72%,#5d647f);
box-shadow : none
}
.dark .widget.widget-card-three .widget-heading .task-info .w-title h5,.dark .widget.widget-card-three .widget-heading .task-info .w-title span {
color : #e0e6ed
}
.dark .widget.widget-card-three .widget-content .progress-data .progress-info .task-count svg {
fill : transparent
}
.dark .widget.widget-card-three .widget-content .progress-data .progress-info .task-count p {
color : #888ea8
}
.dark .widget.widget-card-three .widget-content .meta-info .due-time p {
background : #3b3f5c;
color : #bfc9d4
}
.dark .widget.widget-card-three .widget-content .meta-info .avatar--group .avatar {
background : transparent none repeat 0 0/auto auto padding-box border-box scroll;
background : initial
}
.dark .widget.widget-card-three .widget-content .meta-info .avatar--group .avatar img {
border-color : #3b3f5c
}
.dark .widget.widget-card-three .widget-content .meta-info .avatar--group .avatar .avatar-title {
color : #3b3f5c
}
.dark .widget.widget-expenses .widget-content>p span {
color : #e0e6ed
}
.dark .widget.widget-expenses .widget-content .w-progress-stats .progress {
background-color : rgba(246,112,98,.14);
box-shadow : none
}
.dark .widget.widget-expenses .widget-content .w-progress-stats .progress .progress-bar.bg-gradient-secondary {
background-image : linear-gradient(315deg,#fc5296,#f67062 74%)
}
.dark .widget.widget-expenses .widget-content .w-progress-stats .w-icon {
color : #e95f2b
}
.dark .widget.widget-total-balance .widget-content {
background-image : linear-gradient(0deg,#00c6fb -227%,#005bea)
}
.dark .widget.widget-total-balance .widget-content .account-box .info .inv-balance-info .inv-stats {
background : #1a3283
}
.dark .widget.widget-active-log .widget-heading {
border-bottom : 1px dashed #3b3f5c
}
.dark .widget.widget-active-log .widget-content .w-shadow-bottom,.dark .widget.widget-active-log .widget-content .w-shadow-top {
background : linear-gradient(180deg,#0e1726 44%,rgba(14,23,38,.81961) 73%,rgba(44,48,60,0))
}
.dark .widget.widget-active-log .widget-content .mt-container .timeline-line .item-timeline:not(:last-child) .t-dot:after {
border-color : #3b3f5c
}
.dark .widget.widget-unique-visitors .widget-heading {
border-bottom : 1px dashed #3b3f5c!important
}
.dark .widget.widget-summary-1 .widget-content .summary-list {
background-color : #1b2e4b!important
}
.dark .widget.widget-summary-1 .widget-content .summary-list .summery-info .w-icon svg {
stroke-width : 1.5px;
fill : transparent!important
}
.dark .widget.widget-summary-1 .widget-content .summary-list .summery-info h6,.dark .widget.widget-summary-1 .widget-content .summary-list .summery-info h6 span {
color : #e0e6ed
}
.dark .widget-statistic .widget-heading .icon-fill-primary {
color : #eaf1ff;
background-color : #4361ee
}
.dark .widget-statistic .widget-heading .icon-fill-danger {
color : #fff5f5;
background-color : #e7515a
}
.dark .widget-statistic .widget-heading .icon-fill-success {
background-color : #009688;
color : #ddf5f0
}
.dark .chat-system .user-list-box {
border-color : #191e3a;
background : #0e1726
}
.dark .chat-system .user-list-box .search svg {
color : #e3e4eb
}
.dark .chat-system .user-list-box input {
background : #191e3a;
border-color : #3b3f5c
}
.dark .chat-system .user-list-box .people .person {
border-color : #191e3a
}
.dark .chat-system .user-list-box .people .person.active {
background : transparent
}
.dark .chat-system .user-list-box .people .person.active .user-info .f-body .meta-info .user-meta-time,.dark .chat-system .user-list-box .people .person.active .user-info .f-body .meta-info .user-name,.dark .chat-system .user-list-box .people .person:hover .user-info .f-body .meta-info .user-meta-time,.dark .chat-system .user-list-box .people .person:hover .user-info .f-body .meta-info .user-name {
color : #25d5e4!important
}
.dark .chat-system .user-list-box .people .person .user-info .f-head img {
border-color : #3b3f5c;
box-shadow : none
}
.dark .chat-system .user-list-box .people .person .user-info .f-body .meta-info .user-name {
color : #bfc9d4
}
.dark .chat-system .chat-box .chat-not-selected p {
background : #0e1726;
color : #e0e6ed;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active {
background-color : #0e1726;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn svg:hover {
color : #25d5e4
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu {
background : #060818;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a {
color : #888ea8!important
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a:hover {
background-color : #191e3a!important
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a:hover svg {
color : #25d5e4
}
.dark .chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span .name {
color : #bfc9d4
}
.dark .chat-system .chat-box .conversation-start span {
background : #0e1726;
color : #e0e6ed
}
.dark .chat-system .chat-box .bubble.you {
color : #e0e6ed;
background-color : #0e1726;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .chat-system .chat-box .bubble.you:before {
background-color : #0e1726
}
.dark .chat-system .chat-box .bubble.me {
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .chat-system .chat-box .chat-footer.chat-active {
background : #0e1726;
box-shadow : 0 -6px 10px 0 rgba(0,0,0,.14),0 -1px 18px 0 rgba(0,0,0,.12),0 -3px 5px -1px rgba(0,0,0,.2)
}
.dark .chat-system .chat-box .chat-footer .chat-input svg {
fill : rgba(0,23,55,.08)
}
.dark .chat-system .chat-box .chat-footer .chat-input input {
color : #25d5e4;
border-color : #3b3f5c;
background : #0e1726
}
.dark .mailbox .mail-box-container {
background-color : #0e1726;
box-shadow : 5px 5px 14px #02030a,-5px -5px 14px #0a0d26
}
.dark .mailbox .mail-box-container .g-dot-primary:before {
border : 2px solid #2196f3!important;
background : rgba(33,150,243,.4705882353)
}
.dark .mailbox .mail-box-container .g-dot-primary.active:before {
background : #2196f3
}
.dark .mailbox .mail-box-container .g-dot-warning:before {
border : 2px solid #e2a03f!important;
background : rgba(226,160,63,.5098039216)
}
.dark .mailbox .mail-box-container .g-dot-warning.active:before {
background : #e2a03f
}
.dark .mailbox .mail-box-container .g-dot-success:before {
border : 2px solid #009688!important;
background : rgba(0,150,136,.3490196078)
}
.dark .mailbox .mail-box-container .g-dot-success.active:before {
background : #009688
}
.dark .mailbox .mail-box-container .g-dot-danger:before {
border : 2px solid #e7515a!important;
background : rgba(231,81,90,.4392156863)
}
.dark .mailbox .mail-box-container .g-dot-danger.active:before {
background : #e7515a
}
.dark .mailbox .mail-box-container .tab-title {
border-color : #191e3a
}
.dark .mailbox .mail-box-container .tab-title #btn-compose-mail {
background : #009688;
color : #191e3a!important
}
.dark .mailbox .mail-box-container .tab-title .nav-pills:first-child .nav-item:first-child a.nav-link {
border-color : #191e3a
}
.dark .mailbox .mail-box-container .tab-title .nav-pills a.nav-link {
color : #888ea8;
border-color : #191e3a
}
.dark .mailbox .mail-box-container .tab-title .nav-pills a.nav-link.active,.dark .mailbox .mail-box-container .tab-title .nav-pills a.nav-link.active svg {
color : #25d5e4
}
.dark .mailbox .mail-box-container .tab-title .nav-pills a.nav-link .mail-badge {
background : #009688;
color : #191e3a
}
.dark .mailbox .mail-box-container .tab-title .nav-pills.group-list .nav-item a {
color : #888ea8
}
.dark .mailbox .mail-box-container .tab-title .group-section {
color : #009688
}
.dark .mailbox .mail-box-container .tab-title .group-section svg {
color : #009688;
fill : transparent
}
.dark .mailbox .mail-box-container .mailbox-inbox {
background : #060818
}
.dark .mailbox .mail-box-container .mailbox-inbox .search {
border-bottom : 1px solid #191e3a;
background : #0e1726
}
.dark .mailbox .mail-box-container .mailbox-inbox .search input {
background-color : #0e1726;
color : #e0e6ed;
box-shadow : none;
border-left : 1px solid #060818
}
.dark .mailbox .mail-box-container .mailbox-inbox .new-control .custom-control-label {
color : #e0e6ed
}
.dark .mailbox .mail-box-container .mailbox-inbox .new-control .custom-control-label:before {
background-color : #515365!important
}
.dark .mailbox .mail-box-container .mailbox-inbox .new-control .custom-control-input:checked~.custom-control-label:before {
background : #4361ee!important
}
.dark .mailbox .mail-box-container .mailbox-inbox .action-center {
border-bottom : 1px solid #0e1726
}
.dark .mailbox .mail-box-container .mailbox-inbox .action-center svg {
fill : transparent
}
.dark .mailbox .mail-box-container .mailbox-inbox .action-center .dropdown-menu.d-icon-menu {
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
border-color : #1b2e4b
}
.dark .mailbox .mail-box-container .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a {
color : #888ea8
}
.dark .mailbox .mail-box-container .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a:hover,.dark .mailbox .mail-box-container .mailbox-inbox .action-center .dropdown-menu a.dropdown-item:hover svg {
color : #2196f3
}
.dark .mailbox .mail-box-container .mailbox-inbox .mail-item div.mail-item-heading {
background : #0e1726;
border-color : #0e1726
}
.dark .mailbox .mail-box-container .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .mail-title {
color : #bfc9d4
}
.dark .mailbox .mail-box-container .mailbox-inbox .mail-item div.mail-item-heading .attachments span {
color : #0e1726;
background : #009688;
border-color : #009688
}
.dark .mailbox .mail-box-container .mailbox-inbox .mail-item div.mail-item-heading:hover {
background : #1b2e4b
}
.dark .mailbox .mail-box-container .mailbox-inbox .mail-item.unread div.mail-item-heading .mail-item-inner .f-body .user-email {
color : #009688
}
.dark .mailbox .mail-box-container .mailbox-inbox .mail-item.unread div.mail-item-heading .mail-item-inner .mail-content-excerpt {
color : #607d8b
}
.dark .mailbox .mail-box-container .content-box {
background-color : #0e1726
}
.dark .mailbox .mail-box-container .content-box .msg-close {
background : #0e1726;
border-color : #191e3a;
box-shadow : none
}
.dark .mailbox .mail-box-container .content-box .msg-close svg.close-message {
color : #bfc9d4
}
.dark .mailbox .mail-box-container .content-box .msg-close .mail-title {
color : #25d5e4
}
.dark .mailbox .mail-box-container .content-box .mail-content-container .user-info img {
border-color : #0e1726
}
.dark .mailbox .mail-box-container .content-box .mail-content-container p {
color : #bfc9d4
}
.dark .mailbox .mail-box-container .content-box .mail-content-container .action-btns svg {
color : #e3e4eb
}
.dark .mailbox .mail-box-container .content-box .mail-content-container p.mail-content {
border-color : #191e3a
}
.dark .mailbox .mail-box-container .content-box .mail-content-container .attachments .attachments-section-title {
color : #888ea8;
border-color : #191e3a
}
.dark .mailbox .mail-box-container .content-box .mail-content-container .attachments svg {
color : #009688
}
@media screen and (max-width:991px) {
.dark .mailbox .mail-box-container .tab-title {
background : #0e1726
}
}
.dark .mailbox-popup.modal-content .modal-body svg.close {
background : #1b2e4b;
color : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box {
background-color : transparent
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content form svg {
color : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content form .mail-form p {
color : #888ea8
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content form .mail-form select {
color : #009688;
background : #1b2e4b;
border-color : #3b3f5c;
box-shadow : none!important
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content form .mail-form .custom-select {
background : #1b2e4b url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23009688' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .form-control-file {
color : #bfc9d4
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .form-control-file::-webkit-file-upload-button {
background-color : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .form-control-file::-ms-file-upload-button {
background-color : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .form-control-file.form-control-file-rounded::-webkit-file-upload-button {
background-color : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow {
border-color : #1b2e4b
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-picker-label {
color : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-stroke {
stroke : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-fill,.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-stroke.ql-fill {
fill : #009688
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow+.ql-container.ql-snow {
border-color : #1b2e4b!important
}
.dark .mailbox-popup.modal-content .modal-body .compose-box .compose-content .ql-editor.ql-blank:before {
color : #bfc9d4
}
.dark .mailbox-popup.modal-content .modal-footer #btn-fwd-save,.dark .mailbox-popup.modal-content .modal-footer #btn-reply-save,.dark .mailbox-popup.modal-content .modal-footer #btn-save {
border-color : #009688!important
}
.dark .mailbox-popup.modal-content .modal-footer .btn[data-dismiss=modal] {
background-color : #1b2e4b!important;
border-color : #1b2e4b!important;
color : #bfc9d4!important
}
.dark .todo-list .mail-box-container {
background : #0e1726;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .todo-list .mail-box-container .tab-title {
border-color : #191e3a;
background : #0e1726
}
.dark .todo-list .mail-box-container .tab-title h5 {
color : #888ea8
}
.dark .todo-list .mail-box-container .tab-title #addTask {
background-color : #61b6cd;
color : #191e3a
}
.dark .todo-list .mail-box-container .tab-title svg.feather-clipboard {
color : #0e1726;
fill : #61b6cd
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link,.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link svg {
color : #888ea8
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link.active svg,.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link:hover svg {
fill : rgba(136,142,168,.2588235294)
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link.active {
color : #191e3a;
background : #61b6cd
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link.active .badge,.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link.active svg {
color : #191e3a!important
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link#all-list .badge {
color : #607d8b;
border-color : #607d8b
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link#todo-task-done .badge {
border-color : #2196f3
}
.dark .todo-list .mail-box-container .tab-title .nav-pills .nav-link#todo-task-important .badge {
color : #e2a03f;
border-color : #e2a03f
}
.dark .todo-list .mail-box-container .todo-inbox .search input {
border-color : #191e3a;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item:not(:last-child) {
border-color : #191e3a
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner .todo-heading {
color : #bfc9d4
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner p.meta-date {
color : #888ea8
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner p.todo-text {
color : #e3e4eb
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner .new-control .custom-control-label {
color : #e0e6ed
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner .new-control .custom-control-label:before {
background-color : #515365!important
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner .new-control .custom-control-input:checked~.custom-control-label:before {
background : #4361ee!important
}
.dark .todo-list .mail-box-container .todo-inbox .todo-item .todo-item-inner .action-dropdown .show .dropdown-toggle svg {
color : #bfc9d4
}
.dark .todo-list .mail-box-container .todo-inbox .mail-menu {
background : transparent
}
@media(max-width:991px) {
.dark .todo-list .mail-box-container .tab-title {
position : absolute
}
.dark .todo-list .mail-box-container .todo-inbox .search {
border-color : #191e3a!important
}
.dark .todo-list .mail-box-container .todo-inbox .search .mail-menu,.dark .todo-list .mail-box-container .todo-inbox .search input {
border-bottom : none!important
}
}
.dark .todolist-popup.modal-content {
background : #0e1726
}
.dark .todolist-popup.modal-content .modal-body p {
color : #ebedf2
}
.dark .todolist-popup.modal-content .modal-body svg.close {
background : #1b2e4b;
color : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box {
background-color : transparent
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content form svg {
color : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content form .mail-form p {
color : #888ea8
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content form .mail-form select {
color : #009688;
background : #1b2e4b;
border-color : #3b3f5c;
box-shadow : none!important
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .form-control-file {
color : #bfc9d4
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .form-control-file::-webkit-file-upload-button {
background-color : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .form-control-file::-ms-file-upload-button {
background-color : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .form-control-file.form-control-file-rounded::-webkit-file-upload-button {
background-color : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow {
border-color : #1b2e4b
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-picker-label {
color : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-stroke {
stroke : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-fill,.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow .ql-stroke.ql-fill {
fill : #009688
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-toolbar.ql-snow+.ql-container.ql-snow {
border-color : #1b2e4b!important
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content .ql-editor.ql-blank:before {
color : #bfc9d4
}
.dark .todolist-popup.modal-content .modal-body .compose-box .compose-content h5 {
border-color : #191e3a!important;
color : #bfc9d4!important
}
.dark .todolist-popup.modal-content .modal-footer {
border-color : #191e3a!important
}
.dark .todolist-popup.modal-content .modal-footer #btn-fwd-save,.dark .todolist-popup.modal-content .modal-footer #btn-reply-save,.dark .todolist-popup.modal-content .modal-footer #btn-save {
border-color : #009688!important
}
.dark .todolist-popup.modal-content .modal-footer .btn[data-dismiss=modal] {
background-color : #1b2e4b!important;
border-color : #1b2e4b!important;
color : #bfc9d4!important
}
.dark .todolist-popup.modal-content .modal-footer .btn.add-tsk {
background-color : #009688!important;
border-color : #009688!important
}
.dark .app-notes .g-dot-primary:before {
background : rgba(67,98,238,.53)!important;
border : 1px solid #4361ee!important
}
.dark .app-notes .g-dot-warning:before {
background : rgba(226,160,63,.53)!important;
border : 1px solid #e2a03f!important
}
.dark .app-notes .g-dot-success:before {
background : rgba(92,26,195,.53)!important;
border : 1px solid #805dca!important
}
.dark .app-notes .g-dot-danger:before {
background : rgba(231,81,90,.53)!important;
border : 1px solid #e7515a!important
}
.dark .app-notes .tab-title .nav-pills .nav-link {
color : #888ea8
}
.dark .app-notes .tab-title .nav-pills .nav-link.active {
background-color : #191e3a
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content {
background : #0e1726;
border : none;
border-bottom : 3px solid #506690
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-title {
color : #61b6cd
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .meta-time {
color : #888ea8
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-description {
color : #bfc9d4
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-personal {
background : rgba(67,98,238,.53);
border-color : #4361ee
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-work {
background : rgba(226,160,63,.53);
border-color : #e2a03f
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-social {
background : rgba(92,26,195,.53);
border-color : #805dca
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-important {
background : rgba(231,81,90,.53);
border-color : #e7515a
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .nav-link .feather-more-vertical {
color : #607d8b
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .nav-link .feather-more-vertical:hover {
color : #e3e4eb
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a {
color : #bfc9d4
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-personal:before {
background : rgba(67,98,238,.53);
border-color : #4361ee
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-work:before {
background : rgba(226,160,63,.53);
border-color : #e2a03f
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-social:before {
background : rgba(92,26,195,.53);
border-color : #805dca
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-important:before {
background : rgba(231,81,90,.53);
border-color : #e7515a
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-action svg {
fill : transparent
}
.dark .app-notes .note-container.note-grid .note-item .note-inner-content .note-action .fav-note:hover {
color : #e2a03f
}
.dark .app-notes .note-container.note-grid .note-item.note-personal .note-inner-content {
border-bottom : 3px solid #4461ed
}
.dark .app-notes .note-container.note-grid .note-item.note-work .note-inner-content {
border-bottom : 3px solid #e2a03f
}
.dark .app-notes .note-container.note-grid .note-item.note-social .note-inner-content {
border-bottom : 3px solid #805dca
}
.dark .app-notes .note-container.note-grid .note-item.note-important .note-inner-content {
border-bottom : 3px solid #e7515a
}
.dark .app-notes .note-container.note-grid .note-item.note-fav .note-inner-content .note-action .fav-note {
fill : rgba(255,187,68,.46);
color : #fb4
}
@media(max-width:991px) {
.dark .app-notes .tab-title.note-menu-show {
background : #0e1726;
height : 100%;
border-radius : 0
}
}
.dark #notesMailModal .modal-body svg.close {
background : #1b2e4b;
color : #009688
}
.dark #notesMailModal .modal-footer .btn[data-dismiss=modal] {
background-color : #1b2e4b!important;
border-color : #1b2e4b!important;
color : #bfc9d4!important
}
.dark .scrumboard .connect-sorting {
background : #0e1726;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
border-color : transparent
}
.dark .scrumboard .connect-sorting .task-container-header h6 {
color : #bfc9d4
}
.dark .scrumboard .connect-sorting .card {
background : #191e3a;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .scrumboard .connect-sorting .card .card-body .task-body .task-content p,.dark .scrumboard .connect-sorting .card .task-header h4 {
color : #bfc9d4
}
.dark .scrumboard .connect-sorting .card .card-body .task-body svg.feather-edit-2:hover {
color : #009688!important;
fill : rgba(0,150,136,.41)!important
}
.dark .scrumboard .connect-sorting .card .card-body .task-body .task-bottom div.tb-section-1 span:hover {
color : #009688
}
.dark .scrumboard .connect-sorting .card .card-body .task-body .task-bottom div.tb-section-1 span:hover svg {
color : #009688;
fill : rgba(27,85,226,.2392156863)
}
.dark .scrumboard .connect-sorting .card.ui-state-highlight {
border-color : #009688!important;
background-color : rgba(0,150,136,.1)!important
}
.dark .scrumboard .connect-sorting .card.ui-state-highlight:before {
color : #009688
}
.dark .scrumboard .connect-sorting .add-s-task .addTask {
color : #bfc9d4
}
.dark .scrumboard .connect-sorting .add-s-task .addTask:hover {
color : #fff
}
.dark #addListModal .modal-content .compose-box .list-title {
background : #0e1726
}
.dark #addListModal .modal-content .compose-box .list-title svg {
color : #009688
}
.dark #addListModal .modal-content .modal-footer .btn[data-dismiss=modal] {
background-color : #1b2e4b!important;
border-color : #1b2e4b!important;
color : #bfc9d4!important
}
.dark #addListModal .modal-content .modal-footer .btn.add-list {
border-color : #4361ee
}
.dark #addTaskModal .compose-box {
background : #0e1726
}
.dark #addTaskModal .modal-content .card {
background : #191e3a;
border-color : #191e3a
}
.dark #addTaskModal .modal-content svg {
color : #009688
}
.dark #addTaskModal .modal-content .modal-footer .btn[data-dismiss=modal] {
background-color : #1b2e4b!important;
border-color : #1b2e4b!important;
color : #bfc9d4!important
}
.dark .app-contacts .searchable-container .filtered-list-search .form-control {
border : 1px solid #1b2e4b;
color : #009688;
background : #1b2e4b
}
.dark .app-contacts .searchable-container .filtered-list-search .form-control:focus {
box-shadow : none;
border-color : #3b3f5c;
color : #25d5e4;
background-color : #1b2e4b
}
.dark .app-contacts .searchable-container #btn-add-contact {
background : #1b2e4b;
color : #009688!important;
fill : rgba(27,85,226,.2392156863)!important;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
border : none
}
.dark .app-contacts .searchable-container .switch .view-grid,.dark .app-contacts .searchable-container .switch .view-list {
border : none;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
background : #1b2e4b;
fill : rgba(0,23,55,.08);
color : #888ea8
}
.dark .app-contacts .searchable-container .switch .view-grid:hover,.dark .app-contacts .searchable-container .switch .view-list:hover {
fill : rgba(0,23,55,.08);
color : #888ea8
}
.dark .app-contacts .searchable-container .switch .active-view {
color : #009688!important;
fill : rgba(27,85,226,.2392156863)!important
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content {
border : none;
background : #0e1726;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .action-btn .delete-multiple {
color : #bfc9d4;
fill : rgba(27,85,226,.2392156863)
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .action-btn .delete-multiple:hover {
color : #009688
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .action-btn .delete,.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .action-btn .edit {
color : #bfc9d4
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .action-btn .delete:hover,.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .action-btn .edit:hover {
color : #009688
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content .user-meta-info .user-name {
color : #bfc9d4
}
.dark .app-contacts .searchable-container .searchable-items.list .items .item-content:hover .user-email p,.dark .app-contacts .searchable-container .searchable-items.list .items .item-content:hover .user-location p,.dark .app-contacts .searchable-container .searchable-items.list .items .item-content:hover .user-meta-info .user-name,.dark .app-contacts .searchable-container .searchable-items.list .items .item-content:hover .user-phone p {
color : #2196f3
}
.dark .app-contacts .searchable-container .searchable-items.list .items.items-header-section h4 {
color : #bfc9d4
}
.dark .app-contacts .searchable-container .searchable-items.list .items .custom-control-label:before {
background-color : #515365!important
}
.dark .app-contacts .searchable-container .searchable-items.list .items .custom-control-input:checked~.custom-control-label:before {
background-color : #4361ee!important
}
.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content {
background-color : #0e1726;
padding : 13px 18px;
border : 1px solid #0e1726;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .user-name {
color : #009688
}
.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .info-title {
color : #888ea8
}
.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .action-btn .delete,.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .action-btn .edit,.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .usr-email-addr,.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .usr-location,.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .usr-ph-no {
color : #bfc9d4
}
.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .action-btn .delete:hover,.dark .app-contacts .searchable-container .searchable-items.grid .items .item-content .action-btn .edit:hover {
color : #009688
}
.dark .app-contacts .searchable-container .modal-footer .btn[data-dismiss=modal] {
background-color : #1b2e4b;
color : #bfc9d4;
border : 1px solid #1b2e4b
}
.dark .app-contacts .searchable-container .modal-footer .btn#btn-add {
background-color : #009688;
border : 1px solid #009688;
color : #fff
}
.dark .apps-invoice-list .custom-table .table-header span {
color : #888ea8
}
.dark .apps-invoice-list .custom-table .table-header span .custom-select {
background : #0e1726 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23d3d3d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .25rem center/15px 54px no-repeat;
color : #f1f2f3;
font-size : 12px
}
.dark .apps-invoice-list .custom-table .table-header span .custom-select:focus {
box-shadow : none!important
}
.dark .apps-invoice-list .custom-table .table-header .header-search .form-control {
background-color : #0e1726
}
.dark .apps-invoice-list .custom-table .table th {
background-color : #1b2e4b;
color : #bfc9d4;
border-top : 1px solid #191e3a
}
.dark .apps-invoice-list .custom-table .table td {
border-top : 1px solid #191e3a
}
.dark .apps-invoice-list .custom-table .table tbody tr:hover {
background : none!important
}
.dark .apps-invoice-list .custom-table .table .custom-control-label:before {
background-color : #515365!important
}
.dark .apps-invoice-list .custom-table .table .custom-control-input:checked~.custom-control-label:before {
background-color : #4361ee!important
}
.dark .apps-invoice-list .custom-table .table .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.dark .apps-invoice-list .custom-table .table .inv-number {
color : #61b6cd
}
.dark .apps-invoice-list .custom-table .table .admin-name {
color : #d3d3d3;
font-size : 14px;
font-weight : 500;
letter-spacing : .14px;
overflow : hidden;
text-align : left;
text-overflow : ellipsis;
white-space : nowrap;
word-wrap : break-word
}
.dark .apps-invoice-list .custom-table .table .inv-amount,.dark .apps-invoice-list .custom-table .table .inv-date,.dark .apps-invoice-list .custom-table .table .inv-email {
color : #888ea8;
font-size : 14px;
font-weight : 500;
letter-spacing : .14px;
margin-bottom : 0;
margin-top : 0;
overflow : hidden;
text-align : left;
text-overflow : ellipsis;
white-space : nowrap;
word-wrap : break-word
}
.dark .apps-invoice-list .custom-table .table .inv-amount svg,.dark .apps-invoice-list .custom-table .table .inv-date svg,.dark .apps-invoice-list .custom-table .table .inv-email svg {
fill : rgba(127,93,202,.098)
}
.dark .apps-invoice-list .custom-table .table .inv-status.badge-success {
background-color : rgba(26,188,156,.1);
color : #1abc9c
}
.dark .apps-invoice-list .custom-table .table .inv-status.badge-danger {
color : #e7515a;
background-color : rgba(231,81,90,.09)
}
.dark .apps-invoice-list .custom-table .table .actions .dropdown a.dropdown-item.action-edit {
background : rgba(33,150,243,.12)!important
}
.dark .apps-invoice-list .custom-table .table .actions .dropdown a.dropdown-item.action-delete {
background : rgba(231,81,90,.12)!important
}
.dark .apps-invoice-list .custom-table .table-footer .dataTables_info {
white-space : normal;
color : #61b6cd;
font-weight : 600;
border : 1px solid #1b2e4b;
display : inline-block;
padding : 10px 16px;
border-radius : 6px;
font-size : 13px
}
.dark .apps-invoice-list .custom-table .table-footer .pagination .page-item {
background-color : rgba(0,23,55,.08)
}
.dark .apps-invoice-list .custom-table .table-footer .pagination .page-item.disabled {
background-color : #1b2e4b;
color : #e3e4eb
}
.dark .apps-invoice-list .custom-table .table-footer .pagination .page-link {
color : #888ea8
}
.dark .apps-invoice-list .custom-table .table-footer .pagination .page-item.active .page-link {
color : #fff
}
.dark .table.b-table>thead>tr>[aria-sort=ascending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23bfc9d4' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23bfc9d4' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.dark .table.b-table>thead>tr>[aria-sort=descending] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23bfc9d4' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23bfc9d4' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.dark .table.b-table>thead>tr>[aria-sort=none] {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23bfc9d4' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")
}
.dark .apps-invoice .invoice-actions-btn,.dark .apps-invoice .invoice-inbox {
background-color : #0e1726;
border : 1px solid #0e1726
}
.dark .apps-invoice .content-section .inv--head-section {
border : 1px solid #191e3a
}
.dark .apps-invoice .content-section .inv--head-section h3.in-heading {
color : #e0e6ed
}
.dark .apps-invoice .content-section .inv--detail-section .inv-email-address,.dark .apps-invoice .content-section .inv--detail-section .inv-street-addr {
color : #888ea8
}
.dark .apps-invoice .content-section .inv--detail-section .inv-customer-name,.dark .apps-invoice .content-section .inv--detail-section .inv-list-number .inv-number,.dark .apps-invoice .content-section .inv--detail-section .inv-title {
color : #61b6cd
}
.dark .apps-invoice .content-section .inv--detail-section .inv-created-date,.dark .apps-invoice .content-section .inv--detail-section .inv-due-date,.dark .apps-invoice .content-section .inv--payment-info p {
color : #888ea8
}
.dark .apps-invoice .content-section .inv--product-table-section table {
background-color : #0e1726
}
.dark .apps-invoice .content-section .inv--product-table-section tbody tr:nth-of-type(2n) td {
background-color : rgba(3,3,5,.122)!important
}
.dark .apps-invoice .content-section .inv--product-table-section tbody tr:hover {
background-color : rgba(3,3,5,0)!important
}
.dark .apps-invoice .content-section .inv--product-table-section th {
border-top : 1px solid #191e3a;
border-bottom : 1px solid #191e3a;
color : #bfc9d4!important
}
.dark .apps-invoice .content-section .inv--product-table-section td {
color : #888ea8
}
.dark .apps-invoice .content-section .inv--total-amounts {
border-bottom : 1px solid #191e3a
}
.dark .apps-invoice-add .invoice-actions,.dark .apps-invoice-add .invoice-actions-btn,.dark .apps-invoice-add .invoice-detail-body {
background-color : #0e1726;
border : 1px solid #0e1726
}
.dark .apps-invoice-add .invoice-content .profile-preview.upload-preview {
border : 1px solid #1b2e4b;
background : #1b2e4b;
color : #fff
}
.dark .apps-invoice-add .invoice-content .invoice-detail-header .invoice-address-client-fields label,.dark .apps-invoice-add .invoice-content .invoice-detail-header .invoice-address-company-fields label {
color : #888ea8
}
.dark .apps-invoice-add .invoice-content .invoice-detail-terms {
border-top : 1px solid #191e3a
}
.dark .apps-invoice-add .invoice-content .invoice-detail-terms label {
color : #888ea8
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items {
background : #0e1726
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items .table th {
border-color : #191e3a!important;
color : #888ea8!important
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items tbody tr {
background : #0e1726
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items tbody ul li svg {
color : #888ea8
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items tbody td.tax .custom-checkbox .custom-control-label:before {
background-color : #515365!important
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items tbody td.tax .custom-checkbox .custom-control-input:checked~.custom-control-label:before {
background-color : #4361ee!important
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items tbody td.tax .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.dark .apps-invoice-add .invoice-content .invoice-detail-items .btn-secondary {
color : #fff!important;
background-color : #3b3f5c;
border-color : #3b3f5c;
box-shadow : 0 10px 20px -10px rgba(59,63,92,.59)
}
.dark .apps-invoice-add .invoice-content .editable-amount {
color : #bfc9d4
}
.dark .apps-invoice-add .invoice-content .balance-due-amount,.dark .apps-invoice-add .invoice-content .invoice-detail-total label,.dark .apps-invoice-add .invoice-content .subtotal-amount,.dark .apps-invoice-add .invoice-content .tax-amount,.dark .apps-invoice-add .invoice-content .total-amount {
color : #888ea8
}
.dark .apps-invoice-add .invoice-content .invoice-detail-note,.dark .apps-invoice-add .invoice-content .invoice-totals-row.invoice-summary-balance-due {
border-top : 1px solid #191e3a
}
.dark .apps-invoice-add .invoice-content .invoice-detail-note label {
color : #888ea8
}
.dark .apps-invoice-add .invoice-content .invoice-logo .profile-preview {
padding : 7px;
border : 1px solid #1b2e4b!important;
background-color : #1b2e4b
}
.dark .apps-invoice-add .invoice-actions .invoice-action-currency label {
color : #e0e6ed;
border-bottom : 1px solid #191e3a
}
.dark .apps-invoice-add .invoice-actions .invoice-action-currency .selectable-dropdown a.dropdown-toggle {
background-color : #1b2e4b;
color : #bfc9d4;
border : 1px solid #1b2e4b
}
.dark .apps-invoice-add .invoice-actions .invoice-action-currency .selectable-dropdown a.dropdown-toggle .selectable-arrow {
background : #1b2e4b
}
.dark .apps-invoice-add .invoice-actions .invoice-action-discount h5,.dark .apps-invoice-add .invoice-actions .invoice-action-tax h5 {
color : #e0e6ed;
border-bottom : 1px solid #191e3a
}
.dark .apps-invoice-add .invoice-actions .invoice-action-discount .input-rate,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .input-rate {
background-color : #1b2e4b;
border : 1px solid #1b2e4b;
color : #bfc9d4
}
.dark .apps-invoice-add .invoice-actions .invoice-action-discount .invoice-action-discount-fields label,.dark .apps-invoice-add .invoice-actions .invoice-action-discount .invoice-action-tax-fields label,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .invoice-action-discount-fields label,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .invoice-action-tax-fields label {
color : #bfc9d4
}
.dark .apps-invoice-add .invoice-actions .invoice-action-discount .invoice-action-discount-fields .selectable-dropdown a.dropdown-toggle,.dark .apps-invoice-add .invoice-actions .invoice-action-discount .invoice-action-tax-fields .selectable-dropdown a.dropdown-toggle,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .invoice-action-discount-fields .selectable-dropdown a.dropdown-toggle,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .invoice-action-tax-fields .selectable-dropdown a.dropdown-toggle {
background-color : #1b2e4b;
color : #bfc9d4;
border : 1px solid #1b2e4b
}
.dark .apps-invoice-add .invoice-actions .invoice-action-discount .invoice-action-discount-fields .selectable-dropdown a.dropdown-toggle .selectable-arrow,.dark .apps-invoice-add .invoice-actions .invoice-action-discount .invoice-action-tax-fields .selectable-dropdown a.dropdown-toggle .selectable-arrow,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .invoice-action-discount-fields .selectable-dropdown a.dropdown-toggle .selectable-arrow,.dark .apps-invoice-add .invoice-actions .invoice-action-tax .invoice-action-tax-fields .selectable-dropdown a.dropdown-toggle .selectable-arrow {
background : #1b2e4b
}
.dark .apps-calendar .panel-body {
padding : 20px
}
.dark .apps-calendar .panel-body .calendar-upper-section p,.dark .apps-calendar .panel-body .fc-theme-standard .fc-button.fc-next-button .fc-icon,.dark .apps-calendar .panel-body .fc-theme-standard .fc-button.fc-prev-button .fc-icon {
color : #bfc9d4
}
.dark .apps-calendar .panel-body .fc-theme-standard .fc-button.fc-next-button:hover,.dark .apps-calendar .panel-body .fc-theme-standard .fc-button.fc-prev-button:hover {
background-color : #515365!important
}
.dark .apps-calendar .panel-body .fc-theme-standard .fc-popover {
border : 1px solid #0e1726;
background : #1b2e4b
}
.dark .apps-calendar .panel-body .fc-theme-standard .fc-popover-header {
background : #1b2e4b
}
.dark .apps-calendar .panel-body .fc-today-button {
background-color : #1b2e4b!important;
border : 1px solid #1b2e4b!important;
color : #fff!important;
opacity : 1
}
.dark .apps-calendar .panel-body .fc-toolbar-title {
margin : 0;
font-size : 18px;
color : #bfc9d4;
text-transform : uppercase;
font-weight : 700;
letter-spacing : 2px
}
.dark .apps-calendar .panel-body .fc-scrollgrid,.dark .apps-calendar .panel-body .fc-theme-standard td,.dark .apps-calendar .panel-body .fc-theme-standard th {
border-color : #3b3f5c
}
.dark .apps-calendar .panel-body .fc-button-group .fc-button-primary {
letter-spacing : 1px!important;
color : #e0e6ed!important
}
.dark .apps-calendar .panel-body .fc-button-group .fc-button-active {
background-color : #607d8b!important
}
.dark .apps-calendar .panel-body .fc-button-group .fc-button:hover {
background-color : #515365!important
}
.dark .apps-calendar .panel-body .fc-daygrid-day.fc-day-today {
background-color : #0e1726
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-danger,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-danger {
background-color : rgba(231,80,90,.38)!important;
border : none!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-danger:hover,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-danger:hover {
background-color : inherit!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-primary,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-primary {
background-color : rgba(27,85,226,.27)!important;
border : none!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-primary:hover,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-primary:hover {
background-color : inherit!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-warning,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-warning {
background-color : rgba(226,160,63,.42)!important;
border : none!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-warning:hover,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-warning:hover {
background-color : inherit!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-success,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-success {
background-color : rgba(0,150,136,.28)!important;
border : none!important
}
.dark .apps-calendar .panel-body .fc-daygrid-event.bg-success:hover,.dark .apps-calendar .panel-body .fc-timegrid-event.bg-success:hover {
background-color : inherit!important
}
.dark .apps-calendar .panel-body .fc-event-main,.dark .apps-calendar .panel-body .fc-event-main-frame {
color : #bfc9d4!important
}
.dark .apps-calendar .panel-body .bg-dark,.dark .apps-calendar .panel-body .calendar-tlp {
background-color : #060818!important;
border-color : #060818!important;
color : #bfc9d4!important;
font-size : 13px;
letter-spacing : 1px
}
.dark .collapsible-vertical .sidebar-theme {
background-color : #191e3a
}
.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu.active a {
background : transparent
}
.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu.active a span,.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu.active a svg,.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover,.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover svg,.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]),.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:not([data-active=true]) svg {
color : #61b6cd
}
.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories ul.submenu>li.active a {
color : #fff
}
.dark .collapsible-vertical .sidebar-wrapper #sidebar ul.menu-categories ul.submenu>li.active:before {
content : "";
position : absolute;
background-color : transparent;
width : 15px;
height : 40px;
width : 100%;
margin : 0 21px;
border-radius : 6px;
width : 84%
}
.dark .collapsible-vertical #sidebar ul.menu-categories li.menu>.dropdown-toggle,.dark .collapsible-vertical #sidebar ul.menu-categories li.menu>.dropdown-toggle svg {
color : #888ea8
}
.dark .collapsible-vertical #sidebar ul.menu-categories li.menu>.dropdown-toggle.dropdown-toggle:not([data-active=true]):not([aria-expanded=true]):hover,.dark .collapsible-vertical #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover {
color : #61b6cd
}
.dark .collapsible-vertical #sidebar ul.menu-categories ul.submenu>li a {
color : #bfc9d4
}
.dark .collapsible-vertical #sidebar ul.menu-categories ul.submenu>li a.not-collapsed {
color : #009688
}
.dark .collapsible-vertical #sidebar ul.menu-categories ul.submenu>li a:hover {
color : #e3e4eb
}
.dark .collapsible-vertical #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li.active a {
color : #009688
}
.dark .collapsible-vertical #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a {
color : #bfc9d4
}
.dark .collapsible-vertical #sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a:hover {
color : #009688
}
.dark .collapsible-vertical .sidebar-closed>.sidebar-wrapper {
background-color : #191e3a
}
.dark .collapsible-vertical .sidebar-closed .sidebar-wrapper {
box-shadow : 18px 20px 10.3px -23px rgba(0,0,0,.15),-18px 20px 26px -23px rgba(0,0,0,.1),-17px 20px 53px -23px rgba(0,0,0,.124),-19px 20px 109.1px -23px rgba(0,0,0,.152),-17px 20px 299px -23px rgba(0,0,0,.22)
}
@media(min-width:992px) {
.dark .horizontal .topbar-nav.header {
background : #191e3a;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu>a svg.feather.feather-chevron-down {
color : #888ea8;
align-self : center
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover>a svg.feather.feather-chevron-down,.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover a>div span,.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover a>div svg:not(.feather-chevron-down) {
color : #61b6cd
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu a>div span,.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu a>div svg:not(.feather-chevron-down) {
color : #d3d3d3
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu {
background-color : #1b2e4b;
color : #0e1726;
box-shadow : 0 1.5rem 4rem rgba(22,28,45,.15);
border : 1px solid #1b2e4b
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li a {
color : #888ea8
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li:hover a {
color : #d3d3d3;
background : #191e3a
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.active a {
color : #61b6cd
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu .sub-sub-submenu-list .sub-submenu {
background-color : #1b2e4b;
color : #888ea8;
box-shadow : 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
border : 1px solid #1b2e4b
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li a {
background : transparent;
color : #888ea8
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li:hover a {
background : #191e3a;
color : #d3d3d3
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li.active a {
color : #d3d3d3
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a>div svg:not(.feather-chevron-down),.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a svg.feather.feather-chevron-down {
color : #61b6cd
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a>div svg.feather.feather-chevron-down {
color : #e0e6ed
}
.dark .horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a>div span {
color : #61b6cd
}
.dark .horizontal .topbar-nav.header.fixed-top {
background-color : #0e1726
}
.dark .horizontal .topbar-nav.header.fixed-top nav.topbar ul.menu-categories li.menu a>div span,.dark .horizontal .topbar-nav.header.fixed-top nav.topbar ul.menu-categories li.menu a>div svg.feather.feather-chevron-down,.dark .horizontal .topbar-nav.header.fixed-top nav.topbar ul.menu-categories li.menu a>div svg:not(.feather-chevron-down) {
color : #fff
}
}
:root {
--vs-colors--lightest: rgba(60,60,60,0.26);
--vs-colors--light : rgba(60,60,60,0.5);
--vs-colors--dark : #333;
--vs-colors--darkest: rgba(0,0,0,0.15);
--vs-search-input-color: inherit;
--vs-search-input-placeholder-color: inherit;
--vs-font-size : 1rem;
--vs-line-height : 1.4;
--vs-state-disabled-bg: #f8f8f8;
--vs-state-disabled-color: var(--vs-colors--light);
--vs-state-disabled-controls-color: var(--vs-colors--light);
--vs-state-disabled-cursor: not-allowed;
--vs-border-color : var(--vs-colors--lightest);
--vs-border-width : 1px;
--vs-border-style : solid;
--vs-border-radius : 4px;
--vs-actions-padding: 4px 6px 0 3px;
--vs-controls-color : var(--vs-colors--light);
--vs-controls-size : 1;
--vs-controls--deselect-text-shadow: 0 1px 0 #fff;
--vs-selected-bg : #f0f0f0;
--vs-selected-color : var(--vs-colors--dark);
--vs-selected-border-color: var(--vs-border-color);
--vs-selected-border-style: var(--vs-border-style);
--vs-selected-border-width: var(--vs-border-width);
--vs-dropdown-bg : #fff;
--vs-dropdown-color : inherit;
--vs-dropdown-z-index: 1000;
--vs-dropdown-min-width: 160px;
--vs-dropdown-max-height: 350px;
--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
--vs-dropdown-option-bg: #000;
--vs-dropdown-option-color: var(--vs-dropdown-color);
--vs-dropdown-option-padding: 3px 20px;
--vs-dropdown-option--active-bg: #5897fb;
--vs-dropdown-option--active-color: #fff;
--vs-dropdown-option--deselect-bg: #fb5858;
--vs-dropdown-option--deselect-color: #fff;
--vs-transition-timing-function: cubic-bezier(1,-0.115,0.975,0.855);
--vs-transition-duration: 150ms
}
.v-select {
font-family : inherit;
position : relative
}
.v-select,.v-select * {
box-sizing : border-box
}
:root {
--vs-transition-timing-function: cubic-bezier(1,0.5,0.8,1);
--vs-transition-duration: 0.15s
}
@-webkit-keyframes vSelectSpinner {
0%
{transform:rotate(0deg)}
to {
transform : rotate(1turn)
}
}
@keyframes vSelectSpinner {
0%
{transform:rotate(0deg)}
to {
transform : rotate(1turn)
}
}
.vs__fade-enter-active,.vs__fade-leave-active {
pointer-events : none;
transition : opacity .15s cubic-bezier(1,.5,.8,1);
transition : opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}
.vs__fade-enter,.vs__fade-leave-to {
opacity : 0
}
:root {
--vs-disabled-bg : var(--vs-state-disabled-bg);
--vs-disabled-color : var(--vs-state-disabled-color);
--vs-disabled-cursor: var(--vs-state-disabled-cursor)
}
.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected {
background-color : #f8f8f8;
background-color : var(--vs-disabled-bg);
cursor : not-allowed;
cursor : var(--vs-disabled-cursor)
}
.v-select[dir=rtl] .vs__actions {
padding : 0 3px 0 6px
}
.v-select[dir=rtl] .vs__clear {
margin-left : 6px;
margin-right : 0
}
.v-select[dir=rtl] .vs__deselect {
margin-left : 0;
margin-right : 2px
}
.v-select[dir=rtl] .vs__dropdown-menu {
text-align : right
}
.vs__dropdown-toggle {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
background : none;
border : 1px solid rgba(60,60,60,.26);
border : var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
border-radius : 4px;
border-radius : var(--vs-border-radius);
display : flex;
padding : 0 0 4px;
white-space : normal
}
.vs__selected-options {
display : flex;
flex-basis : 100%;
flex-grow : 1;
flex-wrap : wrap;
padding : 0 2px;
position : relative
}
.vs__actions {
align-items : center;
display : flex;
padding : 4px 6px 0 3px;
padding : var(--vs-actions-padding)
}
.vs--searchable .vs__dropdown-toggle {
cursor : text
}
.vs--unsearchable .vs__dropdown-toggle {
cursor : pointer
}
.vs--open .vs__dropdown-toggle {
border-bottom-color : transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.vs__open-indicator {
fill : rgba(60,60,60,.5);
fill : var(--vs-controls-color);
transform : scale(1);
transform : scale(var(--vs-controls-size));
transition : transform .15s cubic-bezier(1,.5,.8,1);
transition : transform var(--vs-transition-duration) var(--vs-transition-timing-function);
transition-timing-function: cubic-bezier(1,.5,.8,1);
transition-timing-function: var(--vs-transition-timing-function)
}
.vs--open .vs__open-indicator {
transform : rotate(180deg) scale(1);
transform : rotate(180deg) scale(var(--vs-controls-size))
}
.vs--loading .vs__open-indicator {
opacity : 0
}
.vs__clear {
fill : rgba(60,60,60,.5);
fill : var(--vs-controls-color);
background-color : transparent;
border : 0;
cursor : pointer;
margin-right : 8px;
padding : 0
}
.vs__dropdown-menu {
background : #fff;
background : var(--vs-dropdown-bg);
border : 1px solid rgba(60,60,60,.26);
border : var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
border-radius : 0 0 4px 4px;
border-radius : 0 0 var(--vs-border-radius) var(--vs-border-radius);
border-top-style : none;
box-shadow : 0 3px 6px 0 rgba(0,0,0,.15);
box-shadow : var(--vs-dropdown-box-shadow);
box-sizing : border-box;
color : inherit;
color : var(--vs-dropdown-color);
display : block;
left : 0;
list-style : none;
margin : 0;
max-height : 350px;
max-height : var(--vs-dropdown-max-height);
min-width : 160px;
min-width : var(--vs-dropdown-min-width);
overflow-y : auto;
padding : 5px 0;
position : absolute;
text-align : left;
top : calc(100% - 1px);
top : calc(100% - var(--vs-border-width));
width : 100%;
z-index : 1000;
z-index : var(--vs-dropdown-z-index)
}
.vs__no-options {
text-align : center
}
.vs__dropdown-option {
clear : both;
color : inherit;
color : var(--vs-dropdown-option-color);
cursor : pointer;
display : block;
line-height : 1.42857143;
padding : 3px 20px;
padding : var(--vs-dropdown-option-padding);
white-space : nowrap
}
.vs__dropdown-option--highlight {
background : #5897fb;
background : var(--vs-dropdown-option--active-bg);
color : #fff;
color : var(--vs-dropdown-option--active-color)
}
.vs__dropdown-option--deselect {
background : #fb5858;
background : var(--vs-dropdown-option--deselect-bg);
color : #fff;
color : var(--vs-dropdown-option--deselect-color)
}
.vs__dropdown-option--disabled {
background : #f8f8f8;
background : var(--vs-state-disabled-bg);
color : rgba(60,60,60,.5);
color : var(--vs-state-disabled-color);
cursor : not-allowed;
cursor : var(--vs-state-disabled-cursor)
}
.vs__selected {
align-items : center;
background-color : #f0f0f0;
background-color : var(--vs-selected-bg);
border : 1px solid rgba(60,60,60,.26);
border : var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
border-radius : 4px;
border-radius : var(--vs-border-radius);
color : #333;
color : var(--vs-selected-color);
display : flex;
line-height : 1.4;
line-height : var(--vs-line-height);
margin : 4px 2px 0;
padding : 0 .25em;
z-index : 0
}
.vs__deselect {
fill : rgba(60,60,60,.5);
fill : var(--vs-controls-color);
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
background : none;
border : 0;
cursor : pointer;
display : inline-flex;
margin-left : 4px;
padding : 0;
text-shadow : 0 1px 0 #fff;
text-shadow : var(--vs-controls--deselect-text-shadow)
}
.vs--single .vs__selected {
background-color : transparent;
border-color : transparent
}
.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected {
opacity : .4;
position : absolute
}
.vs--single.vs--searching .vs__selected {
display : none
}
.vs__search::-webkit-search-cancel-button {
display : none
}
.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration {
display : none
}
.vs__search,.vs__search:focus {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
background : none;
border : 1px solid transparent;
border-left : none;
box-shadow : none;
color : inherit;
color : var(--vs-search-input-color);
flex-grow : 1;
font-size : 1rem;
font-size : var(--vs-font-size);
line-height : 1.4;
line-height : var(--vs-line-height);
margin : 4px 0 0;
max-width : 100%;
outline : none;
padding : 0 7px;
width : 0;
z-index : 1
}
.vs__search::-moz-placeholder {
color : inherit;
color : var(--vs-search-input-placeholder-color)
}
.vs__search:-ms-input-placeholder {
color : inherit;
color : var(--vs-search-input-placeholder-color)
}
.vs__search::placeholder {
color : inherit;
color : var(--vs-search-input-placeholder-color)
}
.vs--unsearchable .vs__search {
opacity : 1
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
cursor : pointer
}
.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
opacity : .2
}
.vs__spinner {
align-self : center;
-webkit-animation : vSelectSpinner 1.1s linear infinite;
animation : vSelectSpinner 1.1s linear infinite;
border : .9em solid rgba(99,99,99,.1);
border-left-color : rgba(60,60,60,.45);
font-size : 5px;
opacity : 0;
overflow : hidden;
text-indent : -9999em;
transform : translateZ(0) scale(var(--vs-controls-size));
transform : translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
transition : opacity .1s
}
.vs__spinner,.vs__spinner:after {
border-radius : 50%;
height : 5em;
transform : scale(var(--vs-controls-size));
transform : scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
width : 5em
}
.vs--loading .vs__spinner {
opacity : 1
}
.v-select {
color : #000
}
.vs__search {
padding : .65rem 1.25rem!important;
margin : 0!important
}
.vs__actions {
padding : 0 1.25rem 0 0!important
}
.vs__dropdown-toggle {
border-radius : 6px!important;
margin-bottom : 0!important;
padding-bottom : 0!important
}
.vs--open .vs__dropdown-toggle {
border-bottom-left-radius: 0!important;
border-bottom-right-radius: 0!important
}
.dark .vs__dropdown-toggle {
border : none!important;
background-color : #1b2e4b
}
.vs__selected {
height : 100%;
padding : 0 0 0 1.25rem!important;
margin : 0!important
}
.vs__selected-options input {
margin : 0
}
.vs__dropdown-menu {
border-bottom-left-radius: 6px!important;
border-bottom-right-radius: 6px!important
}
.dark .vs__dropdown-menu {
background : #1b2e4b!important
}
.dark .vs__selected {
color : #fff
}
.dark .vs__actions svg {
fill : hsla(0,0%,100%,.65)
}
.dark .vs__selected-options input::-moz-placeholder {
color : hsla(0,0%,100%,.5)
}
.dark .vs__selected-options input:-ms-input-placeholder {
color : hsla(0,0%,100%,.5)
}
.dark .vs__selected-options input::placeholder {
color : hsla(0,0%,100%,.5)
}
.vs__dropdown-option * {
color : #000!important
}
.dark .vs__dropdown-option * {
color : #fff!important
}
@media(min-width:576px) {
.modal-dialog {
max-width : 600px
}
}
.card {
margin-bottom : 2rem
}
.navbar {
flex-wrap : nowrap
}
.vue-treeselect__input {
height : calc(1.4em + 1.4rem + 2px)!important
}
.vue-treeselect__placeholder,.vue-treeselect__single-value {
line-height : 3!important
}
.vue-treeselect__control {
background : transparent!important;
border : 1px solid #bfc9d4!important
}
.dark .vue-treeselect__control {
background : #1b2e4b!important;
border : none!important
}
.dark .vue-treeselect__menu {
background : #1b2e4b!important;
border : none;
border-bottom : 1px solid #bfc9d4!important
}
.vue-treeselect__single-value {
color : #d0d2d6!important
}
.vue-treeselect__option {
font-size : 1rem!important;
padding : 4px 8px;
background : transparent
}
.vue-treeselect__option--highlight,.vue-treeselect__option:hover {
background : rgba(115,103,240,.25)!important;
color : #7367f0
}
.vue-treeselect__option--selected {
background : #7367f0!important;
color : #fff!important
}
.custom-file input {
display : none
}
.custom-file label {
position : relative;
width : 100%
}
body {
color : #888ea8;
height : 100%;
font-size : .875rem;
background : #f1f2f3;
overflow-x : hidden;
overflow-y : auto;
letter-spacing : .0312rem;
font-family : Nunito,sans-serif
}
.sr-only {
display : none
}
.cursor-move {
cursor : move
}
.widget .widget-header {
padding : 20px
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
background-color : #f1f2f3
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
background-color : #888ea8
}
.boxed-layout,.boxed-layout .header-container,.boxed-layout .sub-header-container {
max-width : 1300px;
margin : 0 auto
}
.boxed-layout .sidebar-wrapper {
left : auto
}
.boxed-layout .sidebar-closed>.sidebar-wrapper {
left : -270px
}
.boxed-layout.collapsible-vertical .sidebar-closed>.sidebar-wrapper {
left : auto
}
.boxed-layout.collapsible-vertical .sidebar-closed.main-container {
padding : 0 0 0 16px
}
.boxed-layout #content {
transition : auto
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.boxed-layout .header-container,.large-boxed-layout .header-container {
width : 100%
}
}
.boxed-layout .widget.widget-recent-orders .widget-content tbody>tr>td,.boxed-layout .widget.widget-recent-orders .widget-content thead>tr>th {
padding : 10px 5px
}
.boxed-layout .mailbox .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body {
width : 73%
}
.boxed-layout .main-container:not(.sidebar-closed) .mailbox-inbox .mail-item div.mail-item-heading .attachments {
width : calc(100vh - 553px)
}
.boxed-layout .todo-list .todo-inbox .todo-item .todo-item-inner .todo-content {
width : 84%
}
.boxed-layout .note-container.note-grid .note-item {
flex : 0 0 25%;
max-width : 25%
}
.boxed-layout .sidenav {
position : absolute;
top : 30px
}
.boxed-layout .sidenav .sidenav-content {
position : fixed
}
.boxed-layout #content>.container {
max-width : 78%!important
}
@media(max-width:1199px) {
.boxed-layout #content>.container {
max-width : 100%!important
}
}
.large-boxed-layout #content>.container {
max-width : 78%!important
}
@media(max-width:1199px) {
.large-boxed-layout #content>.container {
max-width : 100%!important
}
}
.large-boxed-layout,.large-boxed-layout .header-container,.large-boxed-layout .main-container,.large-boxed-layout .sub-header-container,.large-boxed-layout .topbar-nav {
max-width : 1600px;
margin : 0 auto!important
}
.large-boxed-layout .sidebar-wrapper {
left : auto
}
.large-boxed-layout .sidebar-closed>.sidebar-wrapper {
left : -270px
}
.large-boxed-layout.collapsible-vertical .sidebar-closed>.sidebar-wrapper {
left : auto
}
.large-boxed-layout.collapsible-vertical .sidebar-closed.main-container {
padding : 0 0 0 16px
}
.large-boxed-layout .sidenav {
position : absolute;
top : 30px
}
.large-boxed-layout .sidenav .sidenav-content {
position : fixed
}
.large-boxed-layout #content {
transition : auto
}
.large-boxed-layout .header-container {
background : #0e1726
}
.large-boxed-layout .todo-list .todo-inbox .todo-item .todo-item-inner .todo-content {
width : 88%
}
@media(min-width:1750px) {
.large-boxed-layout .main-container:not(.sidebar-closed) .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt {
width : calc(100vw - 1076px)
}
}
.header-container .navbar .navbar-item .nav-item.dropdown.language-dropdown .dropdown-menu.show {
top : 102%!important
}
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
right : 4px
}
.header-container .navbar .navbar-item .nav-item.dropdown a.nav-link {
display : flex;
align-items : center
}
.header-container .navbar .navbar-item .dropdown-menu a.dropdown-item {
padding : 8px 16px!important;
font-size : 13px
}
.header-container .navbar .navbar-item .dropdown-menu a.dropdown-item:hover {
color : #4361ee!important;
background : #f8f8f8!important
}
.header-container .navbar .navbar-item .dropdown-menu .dropdown-divider {
margin : 0 16px
}
.header-container .navbar .navbar-item .dark-mode {
margin-left : 20px
}
.header-container .navbar .navbar-item .dark-mode a {
color : #e0e6ed;
white-space : nowrap
}
.header-container .navbar .navbar-item .dark-mode a:hover {
color : #fff
}
@media(max-width:991px) {
.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
max-width : 300px
}
.header-container .navbar .navbar-item .dark-mode {
margin-left : 16px
}
.boxed-layout .sidebar-closed>.sidebar-wrapper,.large-boxed-layout .sidebar-closed>.sidebar-wrapper {
left : 0
}
.horizontal .sidebar-wrapper {
display : block!important
}
}
@media(max-width:575px) {
.header-container .navbar .navbar-item .dark-mode a>span {
display : none
}
.header-container .navbar .navbar-item .dark-mode a svg {
width : 22px;
height : 22px
}
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show {
opacity : 1;
visibility : visible;
top : 20px!important
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu {
border : 1px solid #e0e6ed;
z-index : 899;
box-shadow : none;
padding : .35rem 0;
transition : top .3s ease-in-out 0s,opacity .3s ease-in-out 0s,visibility .3s ease-in-out 0s;
opacity : 0;
visibility : hidden;
display : block!important;
transform : none!important;
top : 0!important;
right : 0;
left : auto!important;
border-radius : 8px;
background : #fff
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item:hover {
color : #2196f3;
background : #f8f8f8
}
.sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu {
transform : none!important;
left : inherit!important
}
.btn-group-vertical .btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) .btn {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-vertical .btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child) .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group .btn:not(:first-child),.btn-group>.btn-group:not(:first-child) .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle.dropdown-toggle-split:after,.dropleft .dropdown-toggle.dropdown-toggle-split:before,.dropright .dropdown-toggle.dropdown-toggle-split:after,.dropup .dropdown-toggle.dropdown-toggle-split:after {
display : inherit
}
.dropdown-toggle.btn-icon-only {
padding : 0;
background : transparent;
box-shadow : none;
border : none
}
.nav-pills li.nav-item:not(:last-child) {
margin-right : 0
}
.media-aside {
margin-right : 15px!important
}
.not-collapsed .icons svg {
transform : rotate(180deg)
}
.profile-modal .modal-content .close {
padding : 0;
z-index : 99
}
.modal-backdrop {
background-color : #515365
}
.custom-control-label {
cursor : pointer;
color : inherit
}
.custom-control-label:before {
background-color : #fff;
border : 1px solid #adb5bd;
box-shadow : none!important
}
.custom-control-label:after {
cursor : pointer
}
.custom-control.custom-checkbox {
align-self : center
}
.custom-checkbox .custom-control-label:after,.custom-checkbox .custom-control-label:before {
width : 1.2rem;
height : 1.2rem;
top : .05rem
}
.custom-checkbox.rounded .custom-control-label:after,.custom-checkbox.rounded .custom-control-label:before {
border-radius : 100%
}
.custom-control-input:not(:disabled):active~.custom-control-label:before {
background-color : inherit;
border-color : #adb5bd
}
.custom-control-input:focus:not(:checked)~.custom-control-label:before {
border-color : #adb5bd
}
.checkbox-default .custom-control-input:checked~.custom-control-label:before {
background-color : #888ea8!important;
border-color : #888ea8
}
.checkbox-outline-default .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #888ea8
}
.checkbox-outline-default .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23888ea8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-primary .custom-control-input:checked~.custom-control-label:before {
background-color : #4361ee!important;
border-color : #4361ee
}
.checkbox-outline-primary .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #4361ee
}
.checkbox-outline-primary .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%234361ee' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-outline-primary.text-color .custom-control-input:checked~.custom-control-label,.checkbox-primary.text-color .custom-control-input:checked~.custom-control-label {
color : #4361ee
}
.checkbox-info .custom-control-input:checked~.custom-control-label:before {
background-color : #2196f3!important;
border-color : #2196f3
}
.checkbox-outline-info .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #2196f3
}
.checkbox-outline-info .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232196f3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-info.text-color .custom-control-input:checked~.custom-control-label,.checkbox-outline-info.text-color .custom-control-input:checked~.custom-control-label {
color : #2196f3
}
.checkbox-success .custom-control-input:checked~.custom-control-label:before {
background-color : #1abc9c!important;
border-color : #1abc9c
}
.checkbox-outline-success .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #1abc9c
}
.checkbox-outline-success .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%231abc9c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-outline-success.text-color .custom-control-input:checked~.custom-control-label,.checkbox-success.text-color .custom-control-input:checked~.custom-control-label {
color : #1abc9c
}
.checkbox-warning .custom-control-input:checked~.custom-control-label:before {
background-color : #e2a03f!important;
border-color : #e2a03f
}
.checkbox-outline-warning .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #e2a03f
}
.checkbox-outline-warning .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23e2a03f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-outline-warning.text-color .custom-control-input:checked~.custom-control-label,.checkbox-warning.text-color .custom-control-input:checked~.custom-control-label {
color : #e2a03f
}
.checkbox-danger .custom-control-input:checked~.custom-control-label:before {
background-color : #e7515a!important;
border-color : #e7515a
}
.checkbox-outline-danger .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #e7515a
}
.checkbox-outline-danger .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23e7515a' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-danger.text-color .custom-control-input:checked~.custom-control-label,.checkbox-outline-danger.text-color .custom-control-input:checked~.custom-control-label {
color : #e7515a
}
.checkbox-secondary .custom-control-input:checked~.custom-control-label:before {
background-color : #805dca!important;
border-color : #805dca
}
.checkbox-outline-secondary .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #805dca
}
.checkbox-outline-secondary .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23805dca' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-outline-secondary.text-color .custom-control-input:checked~.custom-control-label,.checkbox-secondary.text-color .custom-control-input:checked~.custom-control-label {
color : #805dca
}
.checkbox-dark .custom-control-input:checked~.custom-control-label:before {
background-color : #3b3f5c!important;
border-color : #3b3f5c
}
.checkbox-outline-dark .custom-control-input:checked~.custom-control-label:before {
background-color : transparent!important;
border : 2px solid #3b3f5c
}
.checkbox-outline-dark .custom-control-input:checked~.custom-control-label:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%233b3f5c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important
}
.checkbox-dark.text-color .custom-control-input:checked~.custom-control-label,.checkbox-outline-dark.text-color .custom-control-input:checked~.custom-control-label {
color : #3b3f5c
}
.custom-radio.square-radio .custom-control-label:before {
border-radius : 0
}
.custom-radio .custom-control-input:checked~.custom-control-label:after {
display : none
}
.custom-radio.radio-classic .custom-control-input:checked~.custom-control-label:after {
background-size : contain;
display : block
}
.radio-default .custom-control-input:checked~.custom-control-label:before {
background-color : #888ea8!important;
border : none
}
.radio-primary .custom-control-input:checked~.custom-control-label:before {
background-color : #4361ee!important;
border : none
}
.radio-primary.text-color .custom-control-input:checked~.custom-control-label {
color : #4361ee
}
.radio-info .custom-control-input:checked~.custom-control-label:before {
background-color : #2196f3!important;
border : none
}
.radio-info.text-color .custom-control-input:checked~.custom-control-label {
color : #2196f3
}
.radio-success .custom-control-input:checked~.custom-control-label:before {
background-color : #1abc9c!important;
border : none
}
.radio-success.text-color .custom-control-input:checked~.custom-control-label {
color : #1abc9c
}
.radio-warning .custom-control-input:checked~.custom-control-label:before {
background-color : #e2a03f!important;
border : none
}
.radio-warning.text-color .custom-control-input:checked~.custom-control-label {
color : #e2a03f
}
.radio-danger .custom-control-input:checked~.custom-control-label:before {
background-color : #e7515a!important;
border : none
}
.radio-danger.text-color .custom-control-input:checked~.custom-control-label {
color : #e7515a
}
.radio-secondary .custom-control-input:checked~.custom-control-label:before {
background-color : #805dca!important;
border : none
}
.radio-secondary.text-color .custom-control-input:checked~.custom-control-label {
color : #805dca
}
.radio-dark .custom-control-input:checked~.custom-control-label:before {
background-color : #3b3f5c!important;
border : none
}
.radio-dark.text-color .custom-control-input:checked~.custom-control-label {
color : #3b3f5c
}
.switch.s-primary .custom-control-label:after {
background-color : #4361ee
}
.switch.s-primary .custom-control-input:checked~.custom-control-label:before {
background-color : #4361ee!important
}
.switch.s-info .custom-control-label:after {
background-color : #2196f3
}
.switch.s-info .custom-control-input:checked~.custom-control-label:before {
background-color : #2196f3!important
}
.switch.s-success .custom-control-label:after {
background-color : #1abc9c
}
.switch.s-success .custom-control-input:checked~.custom-control-label:before {
background-color : #1abc9c!important
}
.switch.s-warning .custom-control-label:after {
background-color : #e2a03f
}
.switch.s-warning .custom-control-input:checked~.custom-control-label:before {
background-color : #e2a03f!important
}
.switch.s-danger .custom-control-label:after {
background-color : #e7515a
}
.switch.s-danger .custom-control-input:checked~.custom-control-label:before {
background-color : #e7515a!important
}
.switch.s-secondary .custom-control-label:after {
background-color : #805dca
}
.switch.s-secondary .custom-control-input:checked~.custom-control-label:before {
background-color : #805dca!important
}
.switch.s-dark .custom-control-label:after {
background-color : #3b3f5c
}
.switch.s-dark .custom-control-input:checked~.custom-control-label:before {
background-color : #3b3f5c!important
}
.list-group.task-list-group .list-group-item-action.active .custom-control-label {
color : #fff
}
.toast {
overflow : hidden;
border : 0
}
.toast-default {
background-color : #888ea8
}
.toast-primary {
background-color : #4361ee
}
.toast-info {
background-color : #2196f3
}
.toast-success {
background-color : #1abc9c
}
.toast-warning {
background-color : #e2a03f
}
.toast-danger {
background-color : #e7515a
}
.toast-secondary {
background-color : #805dca
}
.toast-dark {
background-color : #3b3f5c
}
.alert-dismissible .close {
position : relative;
padding : 0;
color : inherit;
text-shadow : none
}
@media(max-width:991px) {
.custom-control-label {
color : #bfc9d4
}
}
.form-form .form-form-wrap form .field-wrapper.keep-logged-in label,.form-form .form-form-wrap form .field-wrapper.terms_condition label {
padding-left : 10px!important
}
.b-avatar.badge-light-primary {
background-color : rgba(115,103,240,.12);
color : #7367f0
}
.b-avatar.badge-light-secondary {
background-color : rgba(130,134,139,.12);
color : #82868b
}
.b-avatar.badge-light-danger {
background-color : rgba(234,84,85,.12);
color : #ea5455
}
.b-avatar.badge-light-info {
background-color : rgba(0,207,232,.12);
color : #00cfe8
}
.badge.badge-light-secondary {
background-color : rgba(130,134,139,.12);
color : #82868b!important
}
.badge.badge-light-danger {
background-color : rgba(234,84,85,.12);
color : #ea5455!important
}
.badge.badge-light-success {
background-color : rgba(40,199,111,.12);
color : #28c76f!important
}
.badge.badge-light-warning {
background-color : rgba(255,159,67,.12);
color : #ff9f43!important
}
.b-avatar .b-avatar-badge {
border : 3px solid #fff
}
.b-avatar-group .b-avatar {
border : 2px solid #fff!important
}
.b-avatar.translateX-axis,.b-avatar.translateY-axis {
transition : all .35s ease
}
.b-avatar.translateY-axis:hover {
transform : translateY(-5px) scale(1.02)
}
.b-avatar.translateX-axis:hover {
transform : translateX(5px) scale(1.02)
}
.breadcrumb-five .breadcrumb-item+.breadcrumb-item:before,.breadcrumb-four .breadcrumb-item+.breadcrumb-item:before {
padding-right : 0
}
.paginating-container {
display : flex;
justify-content : center;
margin-bottom : 0
}
.paginating-container .next svg,.paginating-container .prev svg {
width : 18px;
height : 18px;
vertical-align : text-bottom
}
.paginating-container .pagination {
margin-bottom : 0
}
.paginating-container li {
padding : 10px 0;
font-weight : 600;
color : #3b3f5c;
border-radius : 4px
}
.paginating-container li a {
padding : 10px 15px;
font-weight : 600;
color : #3b3f5c
}
.paginating-container li:not(:last-child) {
margin-right : 4px
}
.pagination-default li {
border : 2px solid #e0e6ed
}
.pagination-default li:hover {
border : 2px solid #4361ee!important
}
.pagination-default li:hover a {
color : #4361ee
}
.pagination-default li.active {
border : 2px solid #4361ee!important;
color : #4361ee
}
.pagination-default li.active a,.pagination-default li a.active:hover {
color : #4361ee
}
.pagination-default .prev {
border : 2px solid #e0e6ed
}
.pagination-default .prev:hover {
border : 2px solid #4361ee
}
.pagination-default .prev:hover a,.pagination-default .prev:hover svg {
color : #4361ee
}
.pagination-default .next {
border : 2px solid #e0e6ed
}
.pagination-default .next:hover {
border : 2px solid #4361ee
}
.pagination-default .next:hover a,.pagination-default .next:hover svg {
color : #4361ee
}
.pagination-solid li {
background-color : #e0e6ed
}
.pagination-solid li:hover a {
color : #4361ee
}
.pagination-solid li.active {
background-color : #4361ee!important;
color : #fff
}
.pagination-solid li.active a,.pagination-solid li a.active:hover {
color : #fff
}
.pagination-solid .prev {
background-color : #e0e6ed
}
.pagination-solid .prev:hover {
background-color : #4361ee
}
.pagination-solid .prev:hover a,.pagination-solid .prev:hover svg {
color : #fff
}
.pagination-solid .next {
background-color : #e0e6ed
}
.pagination-solid .next:hover {
background-color : #4361ee
}
.pagination-solid .next:hover a,.pagination-solid .next:hover svg {
color : #fff
}
.pagination-no_spacing {
display : flex;
justify-content : center;
margin-bottom : 0
}
.pagination-no_spacing .prev {
background-color : #e0e6ed;
border-radius : 50%;
padding : 10px 11px;
margin-right : 5px
}
.pagination-no_spacing .prev:hover {
background-color : #4361ee
}
.pagination-no_spacing .prev:hover svg {
color : #fff
}
.pagination-no_spacing .next {
background-color : #e0e6ed;
border-radius : 50%;
padding : 10px 11px;
margin-left : 5px
}
.pagination-no_spacing .next:hover {
background-color : #4361ee
}
.pagination-no_spacing .next:hover svg {
color : #fff
}
.pagination-no_spacing .next svg,.pagination-no_spacing .prev svg {
width : 18px;
height : 18px;
vertical-align : text-bottom
}
.pagination-no_spacing .pagination {
margin-bottom : 0
}
.pagination-no_spacing li {
background-color : #e0e6ed;
padding : 10px 0;
font-weight : 600;
color : #3b3f5c
}
.pagination-no_spacing li:first-child {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px
}
.pagination-no_spacing li:last-child {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px
}
.pagination-no_spacing li a {
padding : 10px 15px;
font-weight : 600;
color : #3b3f5c
}
.pagination-no_spacing li a.active {
background-color : #4361ee!important;
border-radius : 6px;
color : #fff
}
.pagination-no_spacing li a.active:hover {
color : #fff
}
.pagination-no_spacing li a:hover {
color : #4361ee
}
.pagination-custom_solid {
display : flex;
justify-content : center;
margin-bottom : 0
}
.pagination-custom_solid .prev {
background-color : #e0e6ed;
border-radius : 50%;
padding : 10px 11px;
margin-right : 25px
}
.pagination-custom_solid .prev:hover {
background-color : #4361ee
}
.pagination-custom_solid .prev:hover svg {
color : #fff
}
.pagination-custom_solid .next {
background-color : #e0e6ed;
border-radius : 50%;
padding : 10px 11px;
margin-left : 25px
}
.pagination-custom_solid .next:hover {
background-color : #4361ee
}
.pagination-custom_solid .next:hover svg {
color : #fff
}
.pagination-custom_solid .next svg,.pagination-custom_solid .prev svg {
width : 18px;
height : 18px;
vertical-align : text-bottom
}
.pagination-custom_solid .pagination {
margin-bottom : 0
}
.pagination-custom_solid li {
background-color : #e0e6ed;
padding : 10px 0;
font-weight : 600;
color : #3b3f5c
}
.pagination-custom_solid li:first-child {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px
}
.pagination-custom_solid li:last-child {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px
}
.pagination-custom_solid li a {
padding : 10px 15px;
font-weight : 600;
color : #3b3f5c
}
.pagination-custom_solid li a.active {
background-color : #4361ee!important;
border-radius : 6px;
color : #fff
}
.pagination-custom_solid li a.active:hover {
color : #fff
}
.pagination-custom_solid li a:hover {
color : #4361ee
}
.pagination-custom_outline {
display : flex;
justify-content : center;
margin-bottom : 0
}
.pagination-custom_outline .prev {
border : 2px solid #e0e6ed;
border-radius : 50%;
padding : 8px 11px;
margin-right : 25px
}
.pagination-custom_outline .prev:hover {
border : 2px solid #4361ee
}
.pagination-custom_outline .prev:hover svg {
color : #4361ee
}
.pagination-custom_outline .next {
border : 2px solid #e0e6ed;
border-radius : 50%;
padding : 8px 11px;
margin-left : 25px
}
.pagination-custom_outline .next:hover {
border : 2px solid #4361ee
}
.pagination-custom_outline .next:hover svg {
color : #4361ee
}
.pagination-custom_outline .next svg,.pagination-custom_outline .prev svg {
width : 16px;
height : 16px;
vertical-align : text-bottom
}
.pagination-custom_outline .pagination {
margin-bottom : 0
}
.pagination-custom_outline li {
padding : 10px 0;
font-weight : 600;
color : #3b3f5c;
border : 1px solid #e0e6ed
}
.pagination-custom_outline li.active {
background-color : #e0e6ed
}
.pagination-custom_outline li:first-child {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px
}
.pagination-custom_outline li:last-child {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px
}
.pagination-custom_outline li a {
padding : 10px 15px;
font-weight : 600;
color : #3b3f5c
}
.pagination-custom_outline li a:hover {
color : #4361ee
}
.pagination-custom_outline li.active a {
background-color : #fff;
border : 2px solid #4361ee!important;
border-radius : 6px;
color : #4361ee
}
.paginating-container li {
padding : 0!important
}
.paginating-container .page-item.disabled {
opacity : .7;
cursor : not-allowed!important
}
.paginating-container .page-link {
border : 0;
background : transparent!important;
padding : 10px 15px;
font-weight : 600!important;
color : #3b3f5c;
box-shadow : none
}
.paginating-container svg {
width : 18px;
height : 18px;
vertical-align : text-bottom
}
.paginating-container .rounded li {
border-radius : 100%
}
.paginating-container .rounded li.page-item.first .page-link,.paginating-container .rounded li.page-item.last .page-link,.paginating-container .rounded li.page-item.next .page-link,.paginating-container .rounded li.page-item.prev .page-link {
padding : 10px
}
.pagination-default .page-item.disabled:hover {
border-color : #e0e6ed!important
}
.pagination-default .page-item.active .page-link,.pagination-default li:not(.disabled):hover .page-link,.pagination-solid li:hover .page-link {
color : #4361ee
}
.pagination-solid .first:hover .page-link,.pagination-solid .last:hover .page-link,.pagination-solid .next:hover .page-link,.pagination-solid .prev:hover .page-link,.pagination-solid li.active .page-link {
color : #fff
}
.pagination-default .page-item.disabled {
background-color : #fff!important
}
.pagination-solid .page-item.disabled {
background-color : #e0e6ed!important
}
.pagination-solid .first:hover,.pagination-solid .last:hover {
background-color : #4361ee
}
.pagination-solid .page-item.disabled .page-link,.pagination-solid .page-item.disabled .page-link svg {
color : #6c757d!important
}
.pagination-no_spacing li {
border-radius : 0!important;
margin-right : 0!important;
overflow : hidden;
margin-left : 0!important
}
.pagination-no_spacing .page-link {
border-radius : 50%;
margin : 0 3px
}
.pagination-no_spacing li:first-child {
border-top-left-radius: 50px!important;
border-bottom-left-radius: 50px!important
}
.pagination-no_spacing li:first-child .page-link {
margin-left : 0
}
.pagination-no_spacing li:last-child {
border-top-right-radius: 50px!important;
border-bottom-right-radius: 50px!important
}
.pagination-no_spacing li:last-child .page-link {
margin-right : 0
}
.pagination-no_spacing .page-item:not(.active) .page-link:hover {
color : #4361ee!important;
background : inherit!important
}
.pagination-no_spacing .page-item.first .page-link:hover,.pagination-no_spacing .page-item.last .page-link:hover,.pagination-no_spacing .page-item.next .page-link:hover,.pagination-no_spacing .page-item.prev .page-link:hover {
background-color : #4361ee!important;
color : #fff!important
}
.pagination-no_spacing .first .page-link,.pagination-no_spacing .last .page-link,.pagination-no_spacing .next .page-link,.pagination-no_spacing .prev .page-link {
padding : 10px 11px
}
.pagination-no_spacing .next:hover,.pagination-no_spacing .prev:hover {
background-color : #e0e6ed!important
}
.pagination-no_spacing li.active .page-link {
background-color : #4361ee!important;
border-radius : 6px;
color : #fff
}
.pagination-no_spacing .disabled.next:hover svg,.pagination-no_spacing .disabled.prev:hover svg {
color : inherit!important
}
.profile-preview {
cursor : pointer;
width : 120px;
height : 120px;
border-radius : 6px
}
.profile-preview:hover {
opacity : .6
}
.form-control-sm {
height : calc(1.3em + 1.3rem + 2px)
}
.custom-select {
padding-right : 25px;
min-width : 90px;
height : calc(1.4em + 1.4rem + 2px);
background-color : #fff;
border-color : #bfc9d4
}
.custom-select:focus {
box-shadow : 0 0 5px 2px rgba(194,213,255,.62)!important
}
.col-form-label {
font-size : 15px
}
.custom-select.custom-select-sm {
font-size : 13px;
padding : 7px 16px;
height : calc(1.3em + 1.3rem + 2px)
}
.custom-select.custom-select-lg {
font-size : 19px;
padding : 11px 20px
}
.chat-system .user-list-box .people .person.active {
background : #f8f8f8
}
.chat-system .dropdown-menu a.dropdown-item:hover {
color : #4361ee!important;
background : #f8f8f8!important
}
.todo-inbox .todo-item .todo-item-inner .custom-checkbox {
margin : 0 10px;
padding-top : 20px
}
.ui-state-highlight .card-body {
visibility : hidden
}
.ui-sortable-helper,.ui-sortable-helper .card,.ui-sortable-helper .card-body {
box-shadow : none!important;
opacity : 1!important
}
.gu-transit {
opacity : .2
}
.horizontal .sidebar-wrapper,.horizontal .sub-header-container,.topbar-nav.header {
display : none
}
.horizontal .main-container {
padding : 0
}
.horizontal #content {
margin-top : 108px;
margin-left : 0
}
.horizontal.boxed-layout .topbar-nav.header {
width : 1300px;
margin : 0 auto
}
@media(min-width:992px) {
.horizontal .topbar-nav.header {
padding : 0;
width : 100%;
margin : 0;
box-shadow : 0 20px 20px rgba(126,142,177,.12);
background : #fafafa;
position : fixed;
top : 54px;
right : 0;
left : 0;
z-index : 15;
display : block
}
.horizontal .topbar-nav.header .topbar {
background : transparent;
padding : 0 16px;
width : 100%
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories {
display : flex;
margin-bottom : 0;
height : 54px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu {
position : relative;
padding : 5px 0
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:first-child>a>div span {
vertical-align : text-top
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu>a {
display : flex;
height : 100%;
padding : 10px 0;
margin-right : 44px;
border-radius : 6px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu>a>div {
align-self : center;
margin-right : 6px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu>a svg.feather.feather-chevron-down {
color : #888ea8;
align-self : center
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover>a svg.feather.feather-chevron-down,.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover a>div span,.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover a>div svg:not(.feather-chevron-down) {
color : #4361ee
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:hover .submenu {
visibility : visible;
opacity : 1;
transform : translateY(0);
transition-delay : 0s,0s,.3s
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu a>div svg:not(.feather-chevron-down) {
width : 19px;
height : 19px;
color : #515365;
vertical-align : text-top;
margin-right : 5px;
stroke-width : 1.8px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu a>div span {
font-size : 14px;
font-weight : 400;
color : #0e1726;
vertical-align : top
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu>.dropdown-toggle svg.feather-chevron-down {
align-self : center
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu {
position : absolute;
top : 54px;
background-color : #fff;
color : #0e1726;
text-align : left;
margin-right : auto;
margin-left : auto;
border-radius : 4px;
box-shadow : 0 1.5rem 4rem rgba(22,28,45,.15);
display : inline-block;
visibility : hidden;
opacity : 0;
transform : translateY(1em);
transition : all .4s ease-in-out 0s,visibility 0s linear .4s,z-index 0s linear .01s;
border : 1px solid #e0e6ed;
border-radius : 6px;
padding : 6px 0;
width : auto
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li {
display : block;
position : relative;
transition : .25s ease-in-out;
padding : 2px 9px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li a {
display : flex;
justify-content : space-between;
white-space : nowrap;
align-items : center;
transition : all .2s ease-in-out;
padding : 5px 9px;
font-size : 14px;
font-weight : 500;
color : #888ea8;
letter-spacing : 0;
line-height : 18px;
border-radius : 5px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li a svg {
width : 13px;
height : 13px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li:hover a {
color : #3b3f5c;
background : #eaf1ff
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li ul.sub-submenu li.sub-sub-submenu-list {
position : relative
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.active a {
color : #61b6cd
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu .sub-sub-submenu-list .sub-submenu {
position : absolute;
top : 0;
background-color : #fff;
color : #888ea8;
text-align : left;
box-shadow : 0 20px 20px rgba(126,142,177,.12);
left : auto;
right : -200px;
min-width : 160px;
width : 200px;
border : 1px solid #e0e6ed;
border-radius : 6px;
padding : 6px 0;
width : 188px;
right : -184px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu .sub-sub-submenu-list:hover ul.sub-submenu {
display : block
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li a {
background : transparent;
display : flex;
justify-content : space-between;
color : #888ea8;
white-space : nowrap;
align-items : center;
transition : all .2s ease-in-out;
padding : 5px 9px;
font-size : 14px;
font-weight : 500;
letter-spacing : 0;
line-height : 18px;
border-radius : 5px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li:hover a {
transition : .2s;
background : #eaf1ff;
color : #3b3f5c
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu li.sub-sub-submenu-list .sub-submenu li.active a {
color : #0e1726
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a>div svg:not(.feather-chevron-down),.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a svg.feather.feather-chevron-down {
color : #4361ee
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a>div svg.feather.feather-chevron-down {
color : #e0e6ed
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu.active>a>div span {
color : #4361ee;
font-weight : 500
}
.horizontal .topbar-nav.header.fixed-top {
top : 0!important;
z-index : 1030;
border-top-right-radius: 0;
border-top-left-radius: 0;
background-color : #0e1726
}
.horizontal .topbar-nav.header.fixed-top nav.topbar ul.menu-categories li.menu a>div span,.horizontal .topbar-nav.header.fixed-top nav.topbar ul.menu-categories li.menu a>div svg.feather.feather-chevron-down,.horizontal .topbar-nav.header.fixed-top nav.topbar ul.menu-categories li.menu a>div svg:not(.feather-chevron-down) {
color : #fff
}
.horizontal .nav-fixed .main-content {
margin-top : 63px!important;
transition : none!important
}
}
@media(max-width:1199px)and (min-width:992px) {
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu>a {
padding : 10px 0
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:not(:last-child)>a {
margin-right : 26px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:last-child>a {
margin-right : 0
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu a>div span {
font-size : 12.9px;
vertical-align : text-bottom
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu a>div svg:not(.feather-chevron-down) {
width : 17px;
height : 17px
}
}
@media(max-width:1440px)and (min-width:992px) {
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:first-child .submenu .sub-sub-submenu-list:hover ul.sub-submenu,.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:nth-child(2) .submenu .sub-sub-submenu-list:hover ul.sub-submenu {
right : -182px
}
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu .submenu .sub-sub-submenu-list:hover ul.sub-submenu {
right : 182px
}
}
@media(max-width:1250px)and (min-width:992px) {
.horizontal .topbar-nav.header nav.topbar ul.menu-categories li.menu:last-child .submenu {
left : auto;
right : 0
}
}
@media(max-width:991px) {
.horizontal .topbar-nav.header nav.topbar {
display : none
}
.horizontal .horizontal-menu {
display : block!important;
margin-right : 40px;
margin-left : 0
}
.horizontal .navbar .theme-brand li.theme-text {
margin-right : 0
}
.horizontal #content {
margin-top : 54px
}
}
@media(max-width:768px) {
.horizontal .horizontal-menu {
margin-right : 40px;
margin-left : 10px
}
}
@-webkit-keyframes spin {
0%
{-webkit-transform:rotate(0deg)}
to {
-webkit-transform : rotate(1turn)
}
}
@keyframes spin {
0%
{transform:rotate(0deg)}
to {
transform : rotate(1turn)
}
}
.app-settings.active .setting {
right : 350px
}
.app-settings.active .sidbarchat {
margin-right : 0;
border-left : 1px solid rgba(72,94,144,.16)
}
.app-settings .setting {
background : #4361ee;
width : 45px;
height : 45px;
position : fixed;
top : 45%;
right : 0;
transition : all .3s;
z-index : 999;
color : #fff;
line-height : 35px;
text-align : center;
font-size : 25px;
padding-top : 10px;
padding-left : 6px;
-webkit-border-top-left-radius: 50px!important;
-webkit-border-bottom-left-radius: 50px!important;
-moz-border-radius-topleft: 50px!important;
-moz-border-radius-bottomleft: 50px!important;
border-top-left-radius: 50px!important;
border-bottom-left-radius: 50px!important
}
.app-settings .setting h5 {
-webkit-animation : spin 4s linear infinite;
animation : spin 4s linear infinite;
color : #fff
}
.app-settings .sidbarchat {
width : 350px;
position : fixed;
height : 100vh;
top : 0;
right : 0;
background : #fff;
z-index : 10000;
margin-right : -350px;
transition : all .3s;
box-shadow : 0 0 38px 0 rgba(0,0,0,.11);
overflow-y : auto
}
.app-settings .sidbarchat img {
width : 50%;
margin-bottom : 40px
}
.app-settings .sidbarchat h5 {
color : #3b3f5c;
font-size : 17px;
font-weight : 600
}
.app-settings .sidbarchat p {
color : #515365
}
.app-settings .sidbarchat p.text-muted {
color : #95aac9!important
}
.app-settings .sidbarchat h6 {
color : #3b3f5c;
font-size : 16px;
font-weight : 600
}
.app-settings .sidbarchat .btn-close {
float : right;
border : 0;
border-radius : .375rem;
box-sizing : content-box;
color : #12263f;
height : 20px;
opacity : .5;
width : 20px
}
.app-settings .sidbarchat .btn-check.custom-control {
padding-left : 0
}
.app-settings .sidbarchat .btn-check .custom-control-input {
clip : rect(0,0,0,0);
pointer-events : none;
position : absolute
}
.app-settings .sidbarchat .btn-check .custom-control-input:checked~.custom-control-label {
background-color : #fff;
border-color : #2c7be5;
color : #2c7be5
}
.app-settings .sidbarchat .btn-check .custom-control-label {
border : 1px solid #e3ebf6;
border-radius : .375rem;
color : #12263f;
display : inline-block;
font-size : 14px;
font-weight : 400;
line-height : 1.5;
padding : .5rem .75rem;
text-align : center;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
vertical-align : middle;
box-shadow : none;
cursor : pointer;
width : 100%
}
.app-settings .sidbarchat .btn-check .custom-control-label,.app-settings .sidbarchat .btn-check .custom-control-label:hover {
background-color : #fff;
transition : color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.app-settings .sidbarchat .btn-check .custom-control-label:hover {
border-color : #2c7be5;
color : #2c7be5
}
.app-settings .sidbarchat .btn-check .custom-control-label svg {
width : 16px;
height : 16px;
margin-top : -3px
}
.app-settings .sidbarchat .btn-check .custom-control-label:after,.app-settings .sidbarchat .btn-check .custom-control-label:before {
display : none
}
.feather-icon .badge {
position : absolute;
top : 0;
right : 0;
padding : 0;
width : 20px;
height : 20px;
display : flex;
align-items : center;
justify-content : center;
transform : translate(50%,-50%)
}
.service-grid {
display : grid;
grid-gap : 1rem;
gap : 1rem;
grid-template-columns: repeat(5,minmax(0,1fr))
}
.service-grid .cols2 {
grid-column : span 2/span 2
}
@media screen and (max-width:990px) {
.service-grid {
grid-template-columns: repeat(2,minmax(0,1fr))
}
}
</style>
<style type="text/css">
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-Light.bd42e28.eot")
;
src
:
local("Nunito Light")
,
local("Nunito-Light")
,
url("/_nuxt/fonts/Nunito-Light.bd42e28.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-Light.ed143c7.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-Light.95ae0c5.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-Light.3e6ab93.ttf")
format("truetype")
;
font-weight
:
300
;
font-style
:
normal
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-ExtraLight.baa6f58.eot")
;
src
:
local("Nunito ExtraLight")
,
local("Nunito-ExtraLight")
,
url("/_nuxt/fonts/Nunito-ExtraLight.baa6f58.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-ExtraLight.c3c59e9.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-ExtraLight.ec2a64f.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-ExtraLight.13fa08b.ttf")
format("truetype")
;
font-weight
:
200
;
font-style
:
normal
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-BlackItalic.ede65de.eot")
;
src
:
local("Nunito Black Italic")
,
local("Nunito-BlackItalic")
,
url("/_nuxt/fonts/Nunito-BlackItalic.ede65de.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-BlackItalic.0e72cb3.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-BlackItalic.0054589.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-BlackItalic.1daf3f0.ttf")
format("truetype")
;
font-weight
:
900
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-SemiBold.6be44b1.eot")
;
src
:
local("Nunito SemiBold")
,
local("Nunito-SemiBold")
,
url("/_nuxt/fonts/Nunito-SemiBold.6be44b1.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-SemiBold.404b1d8.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-SemiBold.d2949e5.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-SemiBold.b3df593.ttf")
format("truetype")
;
font-weight
:
600
;
font-style
:
normal
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-ExtraLightItalic.433ef7f.eot")
;
src
:
local("Nunito ExtraLight Italic")
,
local("Nunito-ExtraLightItalic")
,
url("/_nuxt/fonts/Nunito-ExtraLightItalic.433ef7f.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-ExtraLightItalic.496bdb1.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-ExtraLightItalic.7d3b6b4.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-ExtraLightItalic.cb43ea9.ttf")
format("truetype")
;
font-weight
:
200
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-Regular.c6e59ef.eot")
;
src
:
local("Nunito Regular")
,
local("Nunito-Regular")
,
url("/_nuxt/fonts/Nunito-Regular.c6e59ef.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-Regular.17d6fb4.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-Regular.c8b53f7.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-Regular.9b23cc1.ttf")
format("truetype")
;
font-weight
:
400
;
font-style
:
normal
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-Black.a7475db.eot")
;
src
:
local("Nunito Black")
,
local("Nunito-Black")
,
url("/_nuxt/fonts/Nunito-Black.a7475db.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-Black.f774a8b.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-Black.a89c1e3.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-Black.50d3f13.ttf")
format("truetype")
;
font-weight
:
900
;
font-style
:
normal
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-Italic.918fb06.eot")
;
src
:
local("Nunito Italic")
,
local("Nunito-Italic")
,
url("/_nuxt/fonts/Nunito-Italic.918fb06.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-Italic.9816465.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-Italic.17841fd.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-Italic.27f35b9.ttf")
format("truetype")
;
font-weight
:
400
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-ExtraBold.df6ec16.eot")
;
src
:
local("Nunito ExtraBold")
,
local("Nunito-ExtraBold")
,
url("/_nuxt/fonts/Nunito-ExtraBold.df6ec16.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-ExtraBold.15147ef.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-ExtraBold.0aaef66.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-ExtraBold.fda88ca.ttf")
format("truetype")
;
font-weight
:
800
;
font-style
:
normal
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-SemiBoldItalic.86d181a.eot")
;
src
:
local("Nunito SemiBold Italic")
,
local("Nunito-SemiBoldItalic")
,
url("/_nuxt/fonts/Nunito-SemiBoldItalic.86d181a.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-SemiBoldItalic.e85847c.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-SemiBoldItalic.ef87e1f.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-SemiBoldItalic.f80341b.ttf")
format("truetype")
;
font-weight
:
600
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-LightItalic.a69503b.eot")
;
src
:
local("Nunito Light Italic")
,
local("Nunito-LightItalic")
,
url("/_nuxt/fonts/Nunito-LightItalic.a69503b.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-LightItalic.9cf15a4.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-LightItalic.8f91e25.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-LightItalic.47897bd.ttf")
format("truetype")
;
font-weight
:
300
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-ExtraBoldItalic.af49ccc.eot")
;
src
:
local("Nunito ExtraBold Italic")
,
local("Nunito-ExtraBoldItalic")
,
url("/_nuxt/fonts/Nunito-ExtraBoldItalic.af49ccc.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-ExtraBoldItalic.119a79d.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-ExtraBoldItalic.09dba09.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-ExtraBoldItalic.8b1cadf.ttf")
format("truetype")
;
font-weight
:
800
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-BoldItalic.cb6ec3a.eot")
;
src
:
local("Nunito Bold Italic")
,
local("Nunito-BoldItalic")
,
url("/_nuxt/fonts/Nunito-BoldItalic.cb6ec3a.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-BoldItalic.5cb24a0.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-BoldItalic.e50ae03.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-BoldItalic.a467d37.ttf")
format("truetype")
;
font-weight
:
700
;
font-style
:
italic
}
@font-face {
font-family
:
"Nunito"
;
src
:
url("/_nuxt/fonts/Nunito-Bold.ebcbf44.eot")
;
src
:
local("Nunito Bold")
,
local("Nunito-Bold")
,
url("/_nuxt/fonts/Nunito-Bold.ebcbf44.eot?#iefix")
format("embedded-opentype")
,
url("/_nuxt/fonts/Nunito-Bold.2814ea0.woff2")
format("woff2")
,
url("/_nuxt/fonts/Nunito-Bold.299eceb.woff")
format("woff")
,
url("/_nuxt/fonts/Nunito-Bold.c7cda25.ttf")
format("truetype")
;
font-weight
:
700
;
font-style
:
normal
}
</style>
<style type="text/css">
fieldset[disabled] .multiselect {
pointer-events : none
}
.multiselect__spinner {
position : absolute;
right : 1px;
top : 1px;
width : 48px;
height : 35px;
background : #fff;
display : block
}
.multiselect__spinner:after,.multiselect__spinner:before {
position : absolute;
content : "";
top : 50%;
left : 50%;
margin : -8px 0 0 -8px;
width : 16px;
height : 16px;
border-radius : 100%;
border : 2px solid transparent;
border-top-color : #41b883;
box-shadow : 0 0 0 1px transparent
}
.multiselect__spinner:before {
-webkit-animation : spinning 2.4s cubic-bezier(.41,.26,.2,.62);
animation : spinning 2.4s cubic-bezier(.41,.26,.2,.62);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.multiselect__spinner:after {
-webkit-animation : spinning 2.4s cubic-bezier(.51,.09,.21,.8);
animation : spinning 2.4s cubic-bezier(.51,.09,.21,.8);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.multiselect__loading-enter-active,.multiselect__loading-leave-active {
transition : opacity .4s ease-in-out;
opacity : 1
}
.multiselect__loading-enter,.multiselect__loading-leave-active {
opacity : 0
}
.multiselect,.multiselect__input,.multiselect__single {
font-family : inherit;
font-size : 16px;
touch-action : manipulation
}
.multiselect {
box-sizing : content-box;
display : block;
position : relative;
width : 100%;
min-height : 40px;
text-align : left;
color : #35495e
}
.multiselect * {
box-sizing : border-box
}
.multiselect:focus {
outline : none
}
.multiselect--disabled {
background : #ededed;
pointer-events : none;
opacity : .6
}
.multiselect--active {
z-index : 50
}
.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.multiselect--active .multiselect__select {
transform : rotate(180deg)
}
.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.multiselect__input,.multiselect__single {
position : relative;
display : inline-block;
min-height : 20px;
line-height : 20px;
border : none;
border-radius : 5px;
background : #fff;
padding : 0 0 0 5px;
width : 100%;
transition : border .1s ease;
box-sizing : border-box;
margin-bottom : 8px;
vertical-align : top
}
.multiselect__input:-ms-input-placeholder {
color : #35495e
}
.multiselect__input::-moz-placeholder {
color : #35495e
}
.multiselect__input::placeholder {
color : #35495e
}
.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single {
width : auto
}
.multiselect__input:hover,.multiselect__single:hover {
border-color : #cfcfcf
}
.multiselect__input:focus,.multiselect__single:focus {
border-color : #a8a8a8;
outline : none
}
.multiselect__single {
padding-left : 5px;
margin-bottom : 8px
}
.multiselect__tags-wrap {
display : inline
}
.multiselect__tags {
min-height : 40px;
display : block;
padding : 8px 40px 0 8px;
border-radius : 5px;
border : 1px solid #e8e8e8;
background : #fff;
font-size : 14px
}
.multiselect__tag {
position : relative;
display : inline-block;
padding : 4px 26px 4px 10px;
border-radius : 5px;
margin-right : 10px;
color : #fff;
line-height : 1;
background : #41b883;
margin-bottom : 5px;
white-space : nowrap;
overflow : hidden;
max-width : 100%;
text-overflow : ellipsis
}
.multiselect__tag-icon {
cursor : pointer;
margin-left : 7px;
position : absolute;
right : 0;
top : 0;
bottom : 0;
font-weight : 700;
font-style : normal;
width : 22px;
text-align : center;
line-height : 22px;
transition : all .2s ease;
border-radius : 5px
}
.multiselect__tag-icon:after {
content : "×";
color : #266d4d;
font-size : 14px
}
.multiselect__tag-icon:focus,.multiselect__tag-icon:hover {
background : #369a6e
}
.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after {
color : #fff
}
.multiselect__current {
min-height : 40px;
overflow : hidden;
padding : 8px 30px 0 12px;
white-space : nowrap;
border-radius : 5px;
border : 1px solid #e8e8e8
}
.multiselect__current,.multiselect__select {
line-height : 16px;
box-sizing : border-box;
display : block;
margin : 0;
text-decoration : none;
cursor : pointer
}
.multiselect__select {
position : absolute;
width : 40px;
height : 38px;
right : 1px;
top : 1px;
padding : 4px 8px;
text-align : center;
transition : transform .2s ease
}
.multiselect__select:before {
position : relative;
right : 0;
top : 65%;
color : #999;
margin-top : 4px;
border-color : #999 transparent transparent;
border-style : solid;
border-width : 5px 5px 0;
content : ""
}
.multiselect__placeholder {
color : #adadad;
display : inline-block;
margin-bottom : 10px;
padding-top : 2px
}
.multiselect--active .multiselect__placeholder {
display : none
}
.multiselect__content-wrapper {
position : absolute;
display : block;
background : #fff;
width : 100%;
max-height : 240px;
overflow : auto;
border : 1px solid #e8e8e8;
border-top : none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
z-index : 50;
-webkit-overflow-scrolling: touch
}
.multiselect__content {
list-style : none;
display : inline-block;
padding : 0;
margin : 0;
min-width : 100%;
vertical-align : top
}
.multiselect--above .multiselect__content-wrapper {
bottom : 100%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom : none;
border-top : 1px solid #e8e8e8
}
.multiselect__content::webkit-scrollbar {
display : none
}
.multiselect__element {
display : block
}
.multiselect__option {
display : block;
padding : 12px;
min-height : 40px;
line-height : 16px;
text-decoration : none;
text-transform : none;
vertical-align : middle;
position : relative;
cursor : pointer;
white-space : nowrap
}
.multiselect__option:after {
top : 0;
right : 0;
position : absolute;
line-height : 40px;
padding-right : 12px;
padding-left : 20px;
font-size : 13px
}
.multiselect__option--highlight {
background : #41b883;
outline : none;
color : #fff
}
.multiselect__option--highlight:after {
content : attr(data-select);
background : #41b883;
color : #fff
}
.multiselect__option--selected {
background : #f3f3f3;
color : #35495e;
font-weight : 700
}
.multiselect__option--selected:after {
content : attr(data-selected);
color : silver
}
.multiselect__option--selected.multiselect__option--highlight {
background : #ff6a6a;
color : #fff
}
.multiselect__option--selected.multiselect__option--highlight:after {
background : #ff6a6a;
content : attr(data-deselect);
color : #fff
}
.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select {
background : #ededed;
color : #a6a6a6
}
.multiselect__option--disabled {
background : #ededed!important;
color : #a6a6a6!important;
cursor : text;
pointer-events : none
}
.multiselect__option--group {
background : #ededed;
color : #35495e
}
.multiselect__option--group.multiselect__option--highlight {
background : #35495e;
color : #fff
}
.multiselect__option--group.multiselect__option--highlight:after {
background : #35495e
}
.multiselect__option--disabled.multiselect__option--highlight {
background : #dedede
}
.multiselect__option--group-selected.multiselect__option--highlight {
background : #ff6a6a;
color : #fff
}
.multiselect__option--group-selected.multiselect__option--highlight:after {
background : #ff6a6a;
content : attr(data-deselect);
color : #fff
}
.multiselect-enter-active,.multiselect-leave-active {
transition : all .15s ease
}
.multiselect-enter,.multiselect-leave-active {
opacity : 0
}
.multiselect__strong {
margin-bottom : 8px;
line-height : 20px;
display : inline-block;
vertical-align : top
}
[dir=rtl]
.multiselect {
text-align : right
}
[dir=rtl]
.multiselect__select {
right : auto;
left : 1px
}
[dir=rtl]
.multiselect__tags {
padding : 8px 8px 0 40px
}
[dir=rtl]
.multiselect__content {
text-align : right
}
[dir=rtl]
.multiselect__option:after {
right : auto;
left : 0
}
[dir=rtl]
.multiselect__clear {
right : auto;
left : 12px
}
[dir=rtl]
.multiselect__spinner {
right : auto;
left : 1px
}
@-webkit-keyframes spinning {
0%
{transform:rotate(0)}
to {
transform : rotate(2turn)
}
}
@keyframes spinning {
0%
{transform:rotate(0)}
to {
transform : rotate(2turn)
}
}
</style>
<style type="text/css">
svg.feather {
outline : none
}
</style>
<style type="text/css">
.sidebar-link {
display : flex;
align-items : center;
justify-content : flex-start!important;
text-align : left;
text-overflow : ellipsis;
max-width : 100%
}
.sidebar-link img {
flex-shrink : 0
}
</style>
<style type="text/css">
.Vue-Toastification__container {
z-index : 9999;
position : fixed;
padding : 4px;
width : 600px;
box-sizing : border-box;
display : flex;
min-height : 100%;
color : #fff;
flex-direction : column;
pointer-events : none
}
@media only screen and (min-width:600px) {
.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right {
top : 1em
}
.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right {
bottom : 1em;
flex-direction : column-reverse
}
.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.top-left {
left : 1em
}
.Vue-Toastification__container.bottom-left .Vue-Toastification__toast,.Vue-Toastification__container.top-left .Vue-Toastification__toast {
margin-right : auto
}
.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl {
margin-right : unset;
margin-left : auto
}
.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.top-right {
right : 1em
}
.Vue-Toastification__container.bottom-right .Vue-Toastification__toast,.Vue-Toastification__container.top-right .Vue-Toastification__toast {
margin-left : auto
}
.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl {
margin-left : unset;
margin-right : auto
}
.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.top-center {
left : 50%;
margin-left : -300px
}
.Vue-Toastification__container.bottom-center .Vue-Toastification__toast,.Vue-Toastification__container.top-center .Vue-Toastification__toast {
margin-left : auto;
margin-right : auto
}
}
@media only screen and (max-width:600px) {
.Vue-Toastification__container {
width : 100vw;
padding : 0;
left : 0;
margin : 0
}
.Vue-Toastification__container .Vue-Toastification__toast {
width : 100%
}
.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right {
top : 0
}
.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right {
bottom : 0;
flex-direction : column-reverse
}
}
.Vue-Toastification__toast {
display : inline-flex;
position : relative;
max-height : 800px;
min-height : 64px;
box-sizing : border-box;
margin-bottom : 1rem;
padding : 22px 24px;
border-radius : 8px;
box-shadow : 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
justify-content : space-between;
font-family : "Lato",Helvetica,"Roboto",Arial,sans-serif;
max-width : 600px;
min-width : 326px;
pointer-events : auto;
overflow : hidden;
transform : translateZ(0);
direction : ltr
}
.Vue-Toastification__toast--rtl {
direction : rtl
}
.Vue-Toastification__toast--default {
background-color : #1976d2;
color : #fff
}
.Vue-Toastification__toast--info {
background-color : #2196f3;
color : #fff
}
.Vue-Toastification__toast--success {
background-color : #4caf50;
color : #fff
}
.Vue-Toastification__toast--error {
background-color : #ff5252;
color : #fff
}
.Vue-Toastification__toast--warning {
background-color : #ffc107;
color : #fff
}
@media only screen and (max-width:600px) {
.Vue-Toastification__toast {
border-radius : 0;
margin-bottom : .5rem
}
}
.Vue-Toastification__toast-body {
flex : 1;
line-height : 24px;
font-size : 16px;
word-break : break-word;
white-space : pre-wrap
}
.Vue-Toastification__toast-component-body {
flex : 1
}
.Vue-Toastification__toast.disable-transition {
transition : none!important;
-webkit-animation : none!important;
animation : none!important
}
.Vue-Toastification__close-button {
font-weight : 700;
font-size : 24px;
line-height : 24px;
background : transparent;
outline : none;
border : none;
padding : 0 0 0 10px;
cursor : pointer;
transition : .3s ease;
align-items : center;
color : #fff;
opacity : .3;
transition : visibility 0s,opacity .2s linear
}
.Vue-Toastification__close-button:focus,.Vue-Toastification__close-button:hover {
opacity : 1
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
opacity : 0
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
padding-left : unset;
padding-right : 10px
}
@-webkit-keyframes scale-x-frames {
0%
{transform:scaleX(1)}
to {
transform : scaleX(0)
}
}
@keyframes scale-x-frames {
0%
{transform:scaleX(1)}
to {
transform : scaleX(0)
}
}
.Vue-Toastification__progress-bar {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 5px;
z-index : 10000;
background-color : hsla(0,0%,100%,.7);
transform-origin : left;
-webkit-animation : scale-x-frames linear 1 forwards;
animation : scale-x-frames linear 1 forwards
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
right : 0;
left : unset;
transform-origin : right
}
.Vue-Toastification__icon {
margin : auto 18px auto 0;
background : transparent;
outline : none;
border : none;
padding : 0;
transition : .3s ease;
align-items : center;
width : 20px;
height : 100%
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
margin : auto 0 auto 18px
}
@-webkit-keyframes bounceInRight {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(3000px,0,0)}
60%
{opacity:1;transform:translate3d(-25px,0,0)}
75%
{transform:translate3d(10px,0,0)}
90%
{transform:translate3d(-5px,0,0)}
to {
transform : none
}
}
@keyframes bounceInRight {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(3000px,0,0)}
60%
{opacity:1;transform:translate3d(-25px,0,0)}
75%
{transform:translate3d(10px,0,0)}
90%
{transform:translate3d(-5px,0,0)}
to {
transform : none
}
}
@-webkit-keyframes bounceOutRight {
40%
{opacity:1;transform:translate3d(-20px,0,0)}
to {
opacity : 0;
transform : translate3d(1000px,0,0)
}
}
@keyframes bounceOutRight {
40%
{opacity:1;transform:translate3d(-20px,0,0)}
to {
opacity : 0;
transform : translate3d(1000px,0,0)
}
}
@-webkit-keyframes bounceInLeft {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(-3000px,0,0)}
60%
{opacity:1;transform:translate3d(25px,0,0)}
75%
{transform:translate3d(-10px,0,0)}
90%
{transform:translate3d(5px,0,0)}
to {
transform : none
}
}
@keyframes bounceInLeft {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(-3000px,0,0)}
60%
{opacity:1;transform:translate3d(25px,0,0)}
75%
{transform:translate3d(-10px,0,0)}
90%
{transform:translate3d(5px,0,0)}
to {
transform : none
}
}
@-webkit-keyframes bounceOutLeft {
20%
{opacity:1;transform:translate3d(20px,0,0)}
to {
opacity : 0;
transform : translate3d(-2000px,0,0)
}
}
@keyframes bounceOutLeft {
20%
{opacity:1;transform:translate3d(20px,0,0)}
to {
opacity : 0;
transform : translate3d(-2000px,0,0)
}
}
@-webkit-keyframes bounceInUp {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,3000px,0)}
60%
{opacity:1;transform:translate3d(0,-20px,0)}
75%
{transform:translate3d(0,10px,0)}
90%
{transform:translate3d(0,-5px,0)}
to {
transform : translateZ(0)
}
}
@keyframes bounceInUp {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,3000px,0)}
60%
{opacity:1;transform:translate3d(0,-20px,0)}
75%
{transform:translate3d(0,10px,0)}
90%
{transform:translate3d(0,-5px,0)}
to {
transform : translateZ(0)
}
}
@-webkit-keyframes bounceOutUp {
20%
{transform:translate3d(0,-10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,20px,0)}
to {
opacity : 0;
transform : translate3d(0,-2000px,0)
}
}
@keyframes bounceOutUp {
20%
{transform:translate3d(0,-10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,20px,0)}
to {
opacity : 0;
transform : translate3d(0,-2000px,0)
}
}
@-webkit-keyframes bounceInDown {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,-3000px,0)}
60%
{opacity:1;transform:translate3d(0,25px,0)}
75%
{transform:translate3d(0,-10px,0)}
90%
{transform:translate3d(0,5px,0)}
to {
transform : none
}
}
@keyframes bounceInDown {
0%
,
60%
,
75%
,
90%
,
to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;transform:translate3d(0,-3000px,0)}
60%
{opacity:1;transform:translate3d(0,25px,0)}
75%
{transform:translate3d(0,-10px,0)}
90%
{transform:translate3d(0,5px,0)}
to {
transform : none
}
}
@-webkit-keyframes bounceOutDown {
20%
{transform:translate3d(0,10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,-20px,0)}
to {
opacity : 0;
transform : translate3d(0,2000px,0)
}
}
@keyframes bounceOutDown {
20%
{transform:translate3d(0,10px,0)}
40%
,
45%
{opacity:1;transform:translate3d(0,-20px,0)}
to {
opacity : 0;
transform : translate3d(0,2000px,0)
}
}
.Vue-Toastification__bounce-enter-active.bottom-left,.Vue-Toastification__bounce-enter-active.top-left {
-webkit-animation-name: bounceInLeft;
animation-name : bounceInLeft
}
.Vue-Toastification__bounce-enter-active.bottom-right,.Vue-Toastification__bounce-enter-active.top-right {
-webkit-animation-name: bounceInRight;
animation-name : bounceInRight
}
.Vue-Toastification__bounce-enter-active.top-center {
-webkit-animation-name: bounceInDown;
animation-name : bounceInDown
}
.Vue-Toastification__bounce-enter-active.bottom-center {
-webkit-animation-name: bounceInUp;
animation-name : bounceInUp
}
.Vue-Toastification__bounce-leave-active.bottom-left,.Vue-Toastification__bounce-leave-active.top-left {
-webkit-animation-name: bounceOutLeft;
animation-name : bounceOutLeft
}
.Vue-Toastification__bounce-leave-active.bottom-right,.Vue-Toastification__bounce-leave-active.top-right {
-webkit-animation-name: bounceOutRight;
animation-name : bounceOutRight
}
.Vue-Toastification__bounce-leave-active.top-center {
-webkit-animation-name: bounceOutUp;
animation-name : bounceOutUp
}
.Vue-Toastification__bounce-leave-active.bottom-center {
-webkit-animation-name: bounceOutDown;
animation-name : bounceOutDown
}
.Vue-Toastification__bounce-move {
transition-timing-function: ease-in-out;
transition-property : all;
transition-duration : .4s
}
@-webkit-keyframes fadeOutTop {
0%
{transform:translateY(0);opacity:1}
to {
transform : translateY(-50px);
opacity : 0
}
}
@keyframes fadeOutTop {
0%
{transform:translateY(0);opacity:1}
to {
transform : translateY(-50px);
opacity : 0
}
}
@-webkit-keyframes fadeOutLeft {
0%
{transform:translateX(0);opacity:1}
to {
transform : translateX(-50px);
opacity : 0
}
}
@keyframes fadeOutLeft {
0%
{transform:translateX(0);opacity:1}
to {
transform : translateX(-50px);
opacity : 0
}
}
@-webkit-keyframes fadeOutBottom {
0%
{transform:translateY(0);opacity:1}
to {
transform : translateY(50px);
opacity : 0
}
}
@keyframes fadeOutBottom {
0%
{transform:translateY(0);opacity:1}
to {
transform : translateY(50px);
opacity : 0
}
}
@-webkit-keyframes fadeOutRight {
0%
{transform:translateX(0);opacity:1}
to {
transform : translateX(50px);
opacity : 0
}
}
@keyframes fadeOutRight {
0%
{transform:translateX(0);opacity:1}
to {
transform : translateX(50px);
opacity : 0
}
}
@-webkit-keyframes fadeInLeft {
0%
{transform:translateX(-50px);opacity:0}
to {
transform : translateX(0);
opacity : 1
}
}
@keyframes fadeInLeft {
0%
{transform:translateX(-50px);opacity:0}
to {
transform : translateX(0);
opacity : 1
}
}
@-webkit-keyframes fadeInRight {
0%
{transform:translateX(50px);opacity:0}
to {
transform : translateX(0);
opacity : 1
}
}
@keyframes fadeInRight {
0%
{transform:translateX(50px);opacity:0}
to {
transform : translateX(0);
opacity : 1
}
}
@-webkit-keyframes fadeInTop {
0%
{transform:translateY(-50px);opacity:0}
to {
transform : translateY(0);
opacity : 1
}
}
@keyframes fadeInTop {
0%
{transform:translateY(-50px);opacity:0}
to {
transform : translateY(0);
opacity : 1
}
}
@-webkit-keyframes fadeInBottom {
0%
{transform:translateY(50px);opacity:0}
to {
transform : translateY(0);
opacity : 1
}
}
@keyframes fadeInBottom {
0%
{transform:translateY(50px);opacity:0}
to {
transform : translateY(0);
opacity : 1
}
}
.Vue-Toastification__fade-enter-active.bottom-left,.Vue-Toastification__fade-enter-active.top-left {
-webkit-animation-name: fadeInLeft;
animation-name : fadeInLeft
}
.Vue-Toastification__fade-enter-active.bottom-right,.Vue-Toastification__fade-enter-active.top-right {
-webkit-animation-name: fadeInRight;
animation-name : fadeInRight
}
.Vue-Toastification__fade-enter-active.top-center {
-webkit-animation-name: fadeInTop;
animation-name : fadeInTop
}
.Vue-Toastification__fade-enter-active.bottom-center {
-webkit-animation-name: fadeInBottom;
animation-name : fadeInBottom
}
.Vue-Toastification__fade-leave-active.bottom-left,.Vue-Toastification__fade-leave-active.top-left {
-webkit-animation-name: fadeOutLeft;
animation-name : fadeOutLeft
}
.Vue-Toastification__fade-leave-active.bottom-right,.Vue-Toastification__fade-leave-active.top-right {
-webkit-animation-name: fadeOutRight;
animation-name : fadeOutRight
}
.Vue-Toastification__fade-leave-active.top-center {
-webkit-animation-name: fadeOutTop;
animation-name : fadeOutTop
}
.Vue-Toastification__fade-leave-active.bottom-center {
-webkit-animation-name: fadeOutBottom;
animation-name : fadeOutBottom
}
.Vue-Toastification__fade-move {
transition-timing-function: ease-in-out;
transition-property : all;
transition-duration : .4s
}
@-webkit-keyframes slideInBlurredLeft {
0%
{transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}
to {
transform : translateX(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@keyframes slideInBlurredLeft {
0%
{transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}
to {
transform : translateX(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@-webkit-keyframes slideInBlurredTop {
0%
{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0;filter:blur(240px);opacity:0}
to {
transform : translateY(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@keyframes slideInBlurredTop {
0%
{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0;filter:blur(240px);opacity:0}
to {
transform : translateY(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@-webkit-keyframes slideInBlurredRight {
0%
{transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}
to {
transform : translateX(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@keyframes slideInBlurredRight {
0%
{transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}
to {
transform : translateX(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@-webkit-keyframes slideInBlurredBottom {
0%
{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}
to {
transform : translateY(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@keyframes slideInBlurredBottom {
0%
{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}
to {
transform : translateY(0) scaleY(1) scaleX(1);
transform-origin : 50% 50%;
filter : blur(0);
opacity : 1
}
}
@-webkit-keyframes slideOutBlurredTop {
0%
{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0;filter:blur(0);opacity:1}
to {
transform : translateY(-1000px) scaleY(2) scaleX(.2);
transform-origin : 50% 0;
filter : blur(240px);
opacity : 0
}
}
@keyframes slideOutBlurredTop {
0%
{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0;filter:blur(0);opacity:1}
to {
transform : translateY(-1000px) scaleY(2) scaleX(.2);
transform-origin : 50% 0;
filter : blur(240px);
opacity : 0
}
}
@-webkit-keyframes slideOutBlurredBottom {
0%
{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}
to {
transform : translateY(1000px) scaleY(2) scaleX(.2);
transform-origin : 50% 100%;
filter : blur(240px);
opacity : 0
}
}
@keyframes slideOutBlurredBottom {
0%
{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}
to {
transform : translateY(1000px) scaleY(2) scaleX(.2);
transform-origin : 50% 100%;
filter : blur(240px);
opacity : 0
}
}
@-webkit-keyframes slideOutBlurredLeft {
0%
{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}
to {
transform : translateX(-1000px) scaleX(2) scaleY(.2);
transform-origin : 100% 50%;
filter : blur(40px);
opacity : 0
}
}
@keyframes slideOutBlurredLeft {
0%
{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}
to {
transform : translateX(-1000px) scaleX(2) scaleY(.2);
transform-origin : 100% 50%;
filter : blur(40px);
opacity : 0
}
}
@-webkit-keyframes slideOutBlurredRight {
0%
{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}
to {
transform : translateX(1000px) scaleX(2) scaleY(.2);
transform-origin : 0 50%;
filter : blur(40px);
opacity : 0
}
}
@keyframes slideOutBlurredRight {
0%
{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}
to {
transform : translateX(1000px) scaleX(2) scaleY(.2);
transform-origin : 0 50%;
filter : blur(40px);
opacity : 0
}
}
.Vue-Toastification__slideBlurred-enter-active.bottom-left,.Vue-Toastification__slideBlurred-enter-active.top-left {
-webkit-animation-name: slideInBlurredLeft;
animation-name : slideInBlurredLeft
}
.Vue-Toastification__slideBlurred-enter-active.bottom-right,.Vue-Toastification__slideBlurred-enter-active.top-right {
-webkit-animation-name: slideInBlurredRight;
animation-name : slideInBlurredRight
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
-webkit-animation-name: slideInBlurredTop;
animation-name : slideInBlurredTop
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
-webkit-animation-name: slideInBlurredBottom;
animation-name : slideInBlurredBottom
}
.Vue-Toastification__slideBlurred-leave-active.bottom-left,.Vue-Toastification__slideBlurred-leave-active.top-left {
-webkit-animation-name: slideOutBlurredLeft;
animation-name : slideOutBlurredLeft
}
.Vue-Toastification__slideBlurred-leave-active.bottom-right,.Vue-Toastification__slideBlurred-leave-active.top-right {
-webkit-animation-name: slideOutBlurredRight;
animation-name : slideOutBlurredRight
}
.Vue-Toastification__slideBlurred-leave-active.top-center {
-webkit-animation-name: slideOutBlurredTop;
animation-name : slideOutBlurredTop
}
.Vue-Toastification__slideBlurred-leave-active.bottom-center {
-webkit-animation-name: slideOutBlurredBottom;
animation-name : slideOutBlurredBottom
}
.Vue-Toastification__slideBlurred-move {
transition-timing-function: ease-in-out;
transition-property : all;
transition-duration : .4s
}
</style>
<style type="text/css">
.vue-slider-dot {
position : absolute;
-webkit-transition : all 0s;
transition : all 0s;
z-index : 5
}
.vue-slider-dot:focus {
outline : none
}
.vue-slider-dot-tooltip {
position : absolute;
visibility : hidden
}
.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,.vue-slider-dot-tooltip-show {
visibility : visible
}
.vue-slider-dot-tooltip-top {
top : -10px;
left : 50%;
-webkit-transform : translate(-50%,-100%);
transform : translate(-50%,-100%)
}
.vue-slider-dot-tooltip-bottom {
bottom : -10px;
left : 50%;
-webkit-transform : translate(-50%,100%);
transform : translate(-50%,100%)
}
.vue-slider-dot-tooltip-left {
left : -10px;
top : 50%;
-webkit-transform : translate(-100%,-50%);
transform : translate(-100%,-50%)
}
.vue-slider-dot-tooltip-right {
right : -10px;
top : 50%;
-webkit-transform : translate(100%,-50%);
transform : translate(100%,-50%)
}
</style>
<style type="text/css">
.vue-slider-marks {
position : relative;
width : 100%;
height : 100%
}
.vue-slider-mark {
position : absolute;
z-index : 1
}
.vue-slider-ltr .vue-slider-mark,.vue-slider-rtl .vue-slider-mark {
width : 0;
height : 100%;
top : 50%
}
.vue-slider-ltr .vue-slider-mark-step,.vue-slider-rtl .vue-slider-mark-step {
top : 0
}
.vue-slider-ltr .vue-slider-mark-label,.vue-slider-rtl .vue-slider-mark-label {
top : 100%;
margin-top : 10px
}
.vue-slider-ltr .vue-slider-mark {
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%)
}
.vue-slider-ltr .vue-slider-mark-step {
left : 0
}
.vue-slider-ltr .vue-slider-mark-label {
left : 50%;
-webkit-transform : translateX(-50%);
transform : translateX(-50%)
}
.vue-slider-rtl .vue-slider-mark {
-webkit-transform : translate(50%,-50%);
transform : translate(50%,-50%)
}
.vue-slider-rtl .vue-slider-mark-step {
right : 0
}
.vue-slider-rtl .vue-slider-mark-label {
right : 50%;
-webkit-transform : translateX(50%);
transform : translateX(50%)
}
.vue-slider-btt .vue-slider-mark,.vue-slider-ttb .vue-slider-mark {
width : 100%;
height : 0;
left : 50%
}
.vue-slider-btt .vue-slider-mark-step,.vue-slider-ttb .vue-slider-mark-step {
left : 0
}
.vue-slider-btt .vue-slider-mark-label,.vue-slider-ttb .vue-slider-mark-label {
left : 100%;
margin-left : 10px
}
.vue-slider-btt .vue-slider-mark {
-webkit-transform : translate(-50%,50%);
transform : translate(-50%,50%)
}
.vue-slider-btt .vue-slider-mark-step {
top : 0
}
.vue-slider-btt .vue-slider-mark-label {
top : 50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%)
}
.vue-slider-ttb .vue-slider-mark {
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%)
}
.vue-slider-ttb .vue-slider-mark-step {
bottom : 0
}
.vue-slider-ttb .vue-slider-mark-label {
bottom : 50%;
-webkit-transform : translateY(50%);
transform : translateY(50%)
}
.vue-slider-mark-label,.vue-slider-mark-step {
position : absolute
}
</style>
<style type="text/css">
.vue-slider {
position : relative;
-webkit-box-sizing : content-box;
box-sizing : content-box;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
display : block;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.vue-slider-rail {
position : relative;
width : 100%;
height : 100%;
-webkit-transition-property: width,height,left,right,top,bottom;
transition-property : width,height,left,right,top,bottom
}
.vue-slider-process {
position : absolute;
z-index : 1
}
</style>
<style type="text/css">
.vue-slider-disabled .vue-slider-process {
background-color : #a7a7a7
}
.vue-slider-disabled .vue-slider-dot-handle {
border-color : #a7a7a7
}
.vue-slider-disabled .vue-slider-mark-step-active {
box-shadow : 0 0 0 2px #a7a7a7
}
.vue-slider-rail {
background-color : #f5f5f5;
border-radius : 15px;
transition : background-color .3s
}
.vue-slider:hover .vue-slider-rail {
background-color : #e1e1e1
}
.vue-slider-process {
background-color : #9cd5ff;
border-radius : 15px;
transition : background-color .3s
}
.vue-slider:hover .vue-slider-process {
background-color : #69c0ff
}
.vue-slider-mark-step {
width : 100%;
height : 100%;
border-radius : 50%;
box-shadow : 0 0 0 2px #e8e8e8;
background-color : #fff
}
.vue-slider-mark-step-active {
box-shadow : 0 0 0 2px #9cd5ff
}
.vue-slider:hover .vue-slider-mark-step-active {
box-shadow : 0 0 0 2px #69c0ff
}
.vue-slider-mark-label {
font-size : 12px;
white-space : nowrap
}
.vue-slider-dot-handle {
cursor : pointer;
width : 100%;
height : 100%;
border-radius : 50%;
background-color : #fff;
border : 2px solid #9cd5ff;
box-sizing : border-box;
transition : box-shadow .3s,border-color .3s
}
.vue-slider:hover .vue-slider-dot-handle {
border-color : #69c0ff
}
.vue-slider-dot-handle-focus {
border-color : #36abff;
box-shadow : 0 0 0 5px rgba(54,171,255,.2)
}
.vue-slider-dot-handle:hover,.vue-slider:hover .vue-slider-dot-handle-focus,.vue-slider:hover .vue-slider-dot-handle:hover {
border-color : #36abff
}
.vue-slider-dot-handle-disabled {
cursor : not-allowed;
border-color : #ddd!important
}
.vue-slider-dot-tooltip {
opacity : 0;
visibility : hidden;
transition : all .3s
}
.vue-slider-dot-tooltip-inner {
font-size : 14px;
white-space : nowrap;
padding : 6px 8px;
color : #fff;
border-radius : 5px;
border-color : rgba(0,0,0,.75);
background-color : rgba(0,0,0,.75);
box-shadow : 0 2px 8px rgba(0,0,0,.15);
transform : scale(.9);
transition : transform .3s
}
.vue-slider-dot-tooltip-inner:after {
content : "";
position : absolute
}
.vue-slider-dot-tooltip-inner-top:after {
top : 100%;
left : 50%;
transform : translate(-50%);
height : 0;
width : 0;
border : 5px solid transparent;
border-top-color : inherit
}
.vue-slider-dot-tooltip-inner-bottom:after {
bottom : 100%;
left : 50%;
transform : translate(-50%);
height : 0;
width : 0;
border : 5px solid transparent;
border-bottom-color : inherit
}
.vue-slider-dot-tooltip-inner-left:after {
left : 100%;
top : 50%;
transform : translateY(-50%);
height : 0;
width : 0;
border : 5px solid transparent;
border-left-color : inherit
}
.vue-slider-dot-tooltip-inner-right:after {
right : 100%;
top : 50%;
transform : translateY(-50%);
height : 0;
width : 0;
border : 5px solid transparent;
border-right-color : inherit
}
.vue-slider-dot-tooltip-inner-top {
transform-origin : 50% 100%
}
.vue-slider-dot-tooltip-inner-bottom {
transform-origin : 50% 0
}
.vue-slider-dot-tooltip-inner-left {
transform-origin : 100% 50%
}
.vue-slider-dot-tooltip-inner-right {
transform-origin : 0 50%
}
.vue-slider-dot-tooltip-show,.vue-slider-dot:hover .vue-slider-dot-tooltip {
opacity : 1;
visibility : visible
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner,.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner {
transform : scale(1)
}
</style>
<style type="text/css">
/*!
* vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
* Released under the MIT License.
* https://vue-treeselect.js.org/
*/
.vue-treeselect-helper-hide {
display : none
}
.vue-treeselect-helper-zoom-effect-off {
transform : none!important
}
@-webkit-keyframes vue-treeselect-animation-fade-in {
0%
{opacity:0}
}
@keyframes vue-treeselect-animation-fade-in {
0%
{opacity:0}
}
@-webkit-keyframes vue-treeselect-animation-bounce {
0%
,
to {
transform : scale(0)
}
50%
{transform:scale(1)}
}
@keyframes vue-treeselect-animation-bounce {
0%
,
to {
transform : scale(0)
}
50%
{transform:scale(1)}
}
@-webkit-keyframes vue-treeselect-animation-rotate {
to {
transform : rotate(1turn)
}
}
@keyframes vue-treeselect-animation-rotate {
to {
transform : rotate(1turn)
}
}
.vue-treeselect__multi-value-item--transition-enter-active,.vue-treeselect__multi-value-item--transition-leave-active {
transition-duration : .2s;
transition-property : transform,opacity
}
.vue-treeselect__multi-value-item--transition-enter-active {
transition-timing-function: cubic-bezier(.075,.82,.165,1)
}
.vue-treeselect__multi-value-item--transition-leave-active {
transition-timing-function: cubic-bezier(.215,.61,.355,1);
position : absolute
}
.vue-treeselect__multi-value-item--transition-enter,.vue-treeselect__multi-value-item--transition-leave-to {
transform : scale(.7);
opacity : 0
}
.vue-treeselect__multi-value-item--transition-move {
transition : transform .2s cubic-bezier(.165,.84,.44,1)
}
.vue-treeselect {
position : relative;
text-align : left
}
[dir=rtl]
.vue-treeselect {
text-align : right
}
.vue-treeselect div,.vue-treeselect span {
box-sizing : border-box
}
.vue-treeselect svg {
fill : currentColor
}
.vue-treeselect__control {
padding-left : 5px;
padding-right : 5px;
display : table;
table-layout : fixed;
width : 100%;
height : 36px;
border : 1px solid #ddd;
border-radius : 5px;
background : #fff;
transition-duration : .2s;
transition-property : border-color,box-shadow,width,height,background-color,opacity;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
border-color : #cfcfcf
}
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
border-color : #039be5;
box-shadow : 0 0 0 3px rgba(3,155,229,.1)
}
.vue-treeselect--disabled .vue-treeselect__control {
background-color : #f9f9f9
}
.vue-treeselect--open .vue-treeselect__control {
border-color : #cfcfcf
}
.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.vue-treeselect__multi-value,.vue-treeselect__value-container {
width : 100%;
vertical-align : middle
}
.vue-treeselect__value-container {
display : table-cell;
position : relative
}
.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
cursor : text
}
.vue-treeselect__multi-value {
display : inline-block
}
.vue-treeselect--has-value .vue-treeselect__multi-value {
margin-bottom : 5px
}
.vue-treeselect__placeholder,.vue-treeselect__single-value {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
padding-left : 5px;
padding-right : 5px;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
line-height : 34px;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
pointer-events : none
}
.vue-treeselect__placeholder {
color : #bdbdbd
}
.vue-treeselect__single-value {
color : #333
}
.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
color : #bdbdbd
}
.vue-treeselect--disabled .vue-treeselect__single-value {
position : static
}
.vue-treeselect__multi-value-item-container {
display : inline-block;
padding-top : 5px;
padding-right : 5px;
vertical-align : top
}
[dir=rtl]
.vue-treeselect__multi-value-item-container {
padding-right : 0;
padding-left : 5px
}
.vue-treeselect__multi-value-item {
display : inline-table;
padding : 2px 0;
border : 1px solid transparent;
border-radius : 2px;
font-size : 12px;
vertical-align : top
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover,.vue-treeselect__multi-value-item {
cursor : pointer;
background : #e3f2fd;
color : #039be5
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
cursor : default;
background : #f5f5f5;
color : #757575
}
.vue-treeselect--disabled .vue-treeselect__multi-value-item {
cursor : default;
background : #fff;
border-color : #e5e5e5;
color : #555
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new,.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
background : #e8f5e9
}
.vue-treeselect__multi-value-label,.vue-treeselect__value-remove {
display : table-cell;
padding : 0 5px;
vertical-align : middle
}
.vue-treeselect__value-remove {
color : #039be5;
padding-left : 5px;
border-left : 1px solid #fff;
line-height : 0
}
[dir=rtl]
.vue-treeselect__value-remove {
border-left : 0;
border-right : 1px solid #fff
}
.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
color : #e53935
}
.vue-treeselect--disabled .vue-treeselect__value-remove,.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
display : none
}
.vue-treeselect__value-remove>svg {
width : 6px;
height : 6px
}
.vue-treeselect__multi-value-label {
padding-right : 5px;
white-space : pre-line;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none
}
.vue-treeselect__limit-tip {
display : inline-block;
padding-top : 5px;
padding-right : 5px;
vertical-align : top
}
[dir=rtl]
.vue-treeselect__limit-tip {
padding-right : 0;
padding-left : 5px
}
.vue-treeselect__limit-tip-text {
cursor : default;
display : block;
margin : 2px 0;
padding : 1px 0;
color : #bdbdbd;
font-size : 12px;
font-weight : 600
}
.vue-treeselect__input-container {
display : block;
max-width : 100%;
outline : none
}
.vue-treeselect--single .vue-treeselect__input-container {
font-size : inherit;
height : 100%
}
.vue-treeselect--multi .vue-treeselect__input-container {
display : inline-block;
font-size : 12px;
vertical-align : top
}
.vue-treeselect--searchable .vue-treeselect__input-container {
padding-left : 5px;
padding-right : 5px
}
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
padding-top : 5px;
padding-left : 0
}
[dir=rtl]
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
padding-left : 5px;
padding-right : 0
}
.vue-treeselect--disabled .vue-treeselect__input-container {
display : none
}
.vue-treeselect__input,.vue-treeselect__sizer {
margin : 0;
line-height : inherit;
font-family : inherit;
font-size : inherit
}
.vue-treeselect__input {
max-width : 100%;
margin : 0;
padding : 0;
border : 0;
outline : none;
box-sizing : content-box;
box-shadow : none;
background : none transparent;
line-height : 1;
vertical-align : middle
}
.vue-treeselect__input::-ms-clear {
display : none
}
.vue-treeselect--single .vue-treeselect__input {
width : 100%;
height : 100%
}
.vue-treeselect--multi .vue-treeselect__input {
padding-top : 3px;
padding-bottom : 3px
}
.vue-treeselect--has-value .vue-treeselect__input {
line-height : inherit;
vertical-align : top
}
.vue-treeselect__sizer {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
height : 0;
overflow : scroll;
white-space : pre
}
.vue-treeselect__x-container {
display : table-cell;
vertical-align : middle;
width : 20px;
text-align : center;
line-height : 0;
cursor : pointer;
color : #ccc;
-webkit-animation : vue-treeselect-animation-fade-in .2s cubic-bezier(.075,.82,.165,1);
animation : vue-treeselect-animation-fade-in .2s cubic-bezier(.075,.82,.165,1)
}
.vue-treeselect__x-container:hover {
color : #e53935
}
.vue-treeselect__x {
width : 8px;
height : 8px
}
.vue-treeselect__control-arrow-container {
display : table-cell;
vertical-align : middle;
width : 20px;
text-align : center;
line-height : 0;
cursor : pointer
}
.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
cursor : default
}
.vue-treeselect__control-arrow {
width : 9px;
height : 9px;
color : #ccc
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
color : #616161
}
.vue-treeselect--disabled .vue-treeselect__control-arrow {
opacity : .35
}
.vue-treeselect__control-arrow--rotated {
transform : rotate(180deg)
}
.vue-treeselect__menu-container {
position : absolute;
left : 0;
width : 100%;
overflow : visible;
transition : 0s
}
.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
top : 100%
}
.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
bottom : 100%
}
.vue-treeselect__menu {
cursor : default;
padding-top : 5px;
padding-bottom : 5px;
display : block;
position : absolute;
overflow-x : hidden;
overflow-y : auto;
width : auto;
border : 1px solid #cfcfcf;
background : #fff;
line-height : 180%;
-webkit-overflow-scrolling: touch
}
.vue-treeselect--open-below .vue-treeselect__menu {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
top : 0;
margin-top : -1px;
border-top-color : #f2f2f2;
box-shadow : 0 1px 0 rgba(0,0,0,.06)
}
.vue-treeselect--open-above .vue-treeselect__menu {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
bottom : 0;
margin-bottom : -1px;
border-bottom-color : #f2f2f2
}
.vue-treeselect__indent-level-0 .vue-treeselect__option {
padding-left : 5px
}
[dir=rtl]
.vue-treeselect__indent-level-0 .vue-treeselect__option {
padding-left : 5px;
padding-right : 5px
}
.vue-treeselect__indent-level-0 .vue-treeselect__tip {
padding-left : 25px
}
[dir=rtl]
.vue-treeselect__indent-level-0 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 25px
}
.vue-treeselect__indent-level-1 .vue-treeselect__option {
padding-left : 25px
}
[dir=rtl]
.vue-treeselect__indent-level-1 .vue-treeselect__option {
padding-left : 5px;
padding-right : 25px
}
.vue-treeselect__indent-level-1 .vue-treeselect__tip {
padding-left : 45px
}
[dir=rtl]
.vue-treeselect__indent-level-1 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 45px
}
.vue-treeselect__indent-level-2 .vue-treeselect__option {
padding-left : 45px
}
[dir=rtl]
.vue-treeselect__indent-level-2 .vue-treeselect__option {
padding-left : 5px;
padding-right : 45px
}
.vue-treeselect__indent-level-2 .vue-treeselect__tip {
padding-left : 65px
}
[dir=rtl]
.vue-treeselect__indent-level-2 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 65px
}
.vue-treeselect__indent-level-3 .vue-treeselect__option {
padding-left : 65px
}
[dir=rtl]
.vue-treeselect__indent-level-3 .vue-treeselect__option {
padding-left : 5px;
padding-right : 65px
}
.vue-treeselect__indent-level-3 .vue-treeselect__tip {
padding-left : 85px
}
[dir=rtl]
.vue-treeselect__indent-level-3 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 85px
}
.vue-treeselect__indent-level-4 .vue-treeselect__option {
padding-left : 85px
}
[dir=rtl]
.vue-treeselect__indent-level-4 .vue-treeselect__option {
padding-left : 5px;
padding-right : 85px
}
.vue-treeselect__indent-level-4 .vue-treeselect__tip {
padding-left : 105px
}
[dir=rtl]
.vue-treeselect__indent-level-4 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 105px
}
.vue-treeselect__indent-level-5 .vue-treeselect__option {
padding-left : 105px
}
[dir=rtl]
.vue-treeselect__indent-level-5 .vue-treeselect__option {
padding-left : 5px;
padding-right : 105px
}
.vue-treeselect__indent-level-5 .vue-treeselect__tip {
padding-left : 125px
}
[dir=rtl]
.vue-treeselect__indent-level-5 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 125px
}
.vue-treeselect__indent-level-6 .vue-treeselect__option {
padding-left : 125px
}
[dir=rtl]
.vue-treeselect__indent-level-6 .vue-treeselect__option {
padding-left : 5px;
padding-right : 125px
}
.vue-treeselect__indent-level-6 .vue-treeselect__tip {
padding-left : 145px
}
[dir=rtl]
.vue-treeselect__indent-level-6 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 145px
}
.vue-treeselect__indent-level-7 .vue-treeselect__option {
padding-left : 145px
}
[dir=rtl]
.vue-treeselect__indent-level-7 .vue-treeselect__option {
padding-left : 5px;
padding-right : 145px
}
.vue-treeselect__indent-level-7 .vue-treeselect__tip {
padding-left : 165px
}
[dir=rtl]
.vue-treeselect__indent-level-7 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 165px
}
.vue-treeselect__indent-level-8 .vue-treeselect__option {
padding-left : 165px
}
[dir=rtl]
.vue-treeselect__indent-level-8 .vue-treeselect__option {
padding-left : 5px;
padding-right : 165px
}
.vue-treeselect__indent-level-8 .vue-treeselect__tip {
padding-left : 185px
}
[dir=rtl]
.vue-treeselect__indent-level-8 .vue-treeselect__tip {
padding-left : 5px;
padding-right : 185px
}
.vue-treeselect__option {
padding-left : 5px;
padding-right : 5px;
display : table;
table-layout : fixed;
width : 100%
}
.vue-treeselect__option--highlight {
background : #f5f5f5
}
.vue-treeselect--single .vue-treeselect__option--selected {
background : #e3f2fd;
font-weight : 600
}
.vue-treeselect--single .vue-treeselect__option--selected:hover {
background : #e3f2fd
}
.vue-treeselect__option--hide {
display : none
}
.vue-treeselect__option-arrow-container,.vue-treeselect__option-arrow-placeholder {
display : table-cell;
vertical-align : middle;
width : 20px;
text-align : center;
line-height : 0
}
.vue-treeselect__option-arrow-container {
cursor : pointer
}
.vue-treeselect__option-arrow {
display : inline-block;
width : 9px;
height : 9px;
color : #ccc;
vertical-align : middle;
transition : transform .2s cubic-bezier(.19,1,.22,1);
transform : rotate(-90deg)
}
[dir=rtl]
.vue-treeselect__option-arrow {
transform : rotate(90deg)
}
.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow,.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow {
color : #616161
}
.vue-treeselect__option-arrow--rotated,[dir=rtl] .vue-treeselect__option-arrow--rotated {
transform : rotate(0)
}
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
transform : rotate(-90deg)!important
}
[dir=rtl]
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
transform : rotate(90deg)!important
}
.vue-treeselect__label-container {
display : table-cell;
vertical-align : middle;
cursor : pointer;
display : table;
width : 100%;
table-layout : fixed;
color : inherit
}
.vue-treeselect__option--disabled .vue-treeselect__label-container {
cursor : not-allowed;
color : rgba(0,0,0,.25)
}
.vue-treeselect__checkbox-container {
display : table-cell;
width : 20px;
min-width : 20px;
height : 100%;
text-align : center;
vertical-align : middle
}
.vue-treeselect__checkbox {
display : block;
margin : auto;
width : 12px;
height : 12px;
border-width : 1px;
border-style : solid;
border-radius : 2px;
position : relative;
transition : all .2s cubic-bezier(.075,.82,.165,1)
}
.vue-treeselect__check-mark,.vue-treeselect__minus-mark {
display : block;
position : absolute;
left : 1px;
top : 1px;
background-repeat : no-repeat;
opacity : 0;
transition : all .2s ease
}
.vue-treeselect__minus-mark {
width : 8px;
height : 8px;
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=");
background-size : 8px 8px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
.vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
}
}
@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
.vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==")
}
}
.vue-treeselect__checkbox--indeterminate>.vue-treeselect__minus-mark {
opacity : 1
}
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=")
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
}
}
@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==")
}
}
.vue-treeselect__check-mark {
width : 8px;
height : 8px;
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=");
background-size : 8px 8px;
transform : scaleY(.125)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
.vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC")
}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC")
}
}
@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
.vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC")
}
}
.vue-treeselect__checkbox--checked>.vue-treeselect__check-mark {
opacity : 1;
transform : scaleY(1)
}
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=")
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==")
}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==")
}
}
@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=")
}
}
.vue-treeselect__checkbox--unchecked {
border-color : #e0e0e0;
background : #fff
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
border-color : #039be5;
background : #fff
}
.vue-treeselect__checkbox--checked,.vue-treeselect__checkbox--indeterminate,.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked,.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
border-color : #039be5;
background : #039be5
}
.vue-treeselect__checkbox--disabled,.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
border-color : #e0e0e0;
background-color : #f7f7f7
}
.vue-treeselect__label {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
display : table-cell;
padding-left : 5px;
max-width : 100%;
vertical-align : middle;
cursor : inherit
}
[dir=rtl]
.vue-treeselect__label {
padding-left : 0;
padding-right : 5px
}
.vue-treeselect__count {
margin-left : 5px;
font-weight : 400;
opacity : .6
}
[dir=rtl]
.vue-treeselect__count {
margin-left : 0;
margin-right : 5px
}
.vue-treeselect__tip {
padding-left : 5px;
padding-right : 5px;
display : table;
table-layout : fixed;
width : 100%;
color : #757575
}
.vue-treeselect__tip-text {
display : table-cell;
vertical-align : middle;
padding-left : 5px;
padding-right : 5px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
width : 100%;
font-size : 12px
}
.vue-treeselect__error-tip .vue-treeselect__retry {
cursor : pointer;
margin-left : 5px;
font-style : normal;
font-weight : 600;
text-decoration : none;
color : #039be5
}
[dir=rtl]
.vue-treeselect__error-tip .vue-treeselect__retry {
margin-left : 0;
margin-right : 5px
}
.vue-treeselect__icon-container {
display : table-cell;
vertical-align : middle;
width : 20px;
text-align : center;
line-height : 0
}
.vue-treeselect--single .vue-treeselect__icon-container {
padding-left : 5px
}
[dir=rtl]
.vue-treeselect--single .vue-treeselect__icon-container {
padding-left : 0;
padding-right : 5px
}
.vue-treeselect__icon-warning {
display : block;
margin : auto;
border-radius : 50%;
position : relative;
width : 12px;
height : 12px;
background : #fb8c00
}
.vue-treeselect__icon-warning:after {
display : block;
position : absolute;
content : "";
left : 5px;
top : 2.5px;
width : 2px;
height : 1px;
border-color : #fff;
border-style : solid;
border-width : 5px 0 1px
}
.vue-treeselect__icon-error {
display : block;
margin : auto;
border-radius : 50%;
position : relative;
width : 12px;
height : 12px;
background : #e53935
}
.vue-treeselect__icon-error:after,.vue-treeselect__icon-error:before {
display : block;
position : absolute;
content : "";
background : #fff;
transform : rotate(45deg)
}
.vue-treeselect__icon-error:before {
width : 6px;
height : 2px;
left : 3px;
top : 5px
}
.vue-treeselect__icon-error:after {
width : 2px;
height : 6px;
left : 5px;
top : 3px
}
.vue-treeselect__icon-loader {
display : block;
margin : auto;
position : relative;
width : 12px;
height : 12px;
text-align : center;
-webkit-animation : vue-treeselect-animation-rotate 1.6s linear infinite;
animation : vue-treeselect-animation-rotate 1.6s linear infinite
}
.vue-treeselect__icon-loader:after,.vue-treeselect__icon-loader:before {
border-radius : 50%;
position : absolute;
content : "";
left : 0;
top : 0;
display : block;
width : 100%;
height : 100%;
opacity : .6;
-webkit-animation : vue-treeselect-animation-bounce 1.6s ease-in-out infinite;
animation : vue-treeselect-animation-bounce 1.6s ease-in-out infinite
}
.vue-treeselect__icon-loader:before {
background : #039be5
}
.vue-treeselect__icon-loader:after {
background : #b3e5fc;
-webkit-animation-delay: -.8s;
animation-delay : -.8s
}
.vue-treeselect__menu-placeholder {
display : none
}
.vue-treeselect__portal-target {
position : absolute;
display : block;
left : 0;
top : 0;
height : 0;
width : 0;
padding : 0;
margin : 0;
border : 0;
overflow : visible;
box-sizing : border-box
}
</style>
<style type="text/css">
.ps {
overflow : hidden!important;
overflow-anchor : none;
-ms-overflow-style : none;
touch-action : auto;
-ms-touch-action : auto
}
.ps__rail-x {
height : 15px;
bottom : 0
}
.ps__rail-x,.ps__rail-y {
display : none;
opacity : 0;
transition : background-color .2s linear,opacity .2s linear;
-webkit-transition : background-color .2s linear,opacity .2s linear;
position : absolute
}
.ps__rail-y {
width : 15px;
right : 0
}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
display : block;
background-color : transparent
}
.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
opacity : .6
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
background-color : #eee;
opacity : .9
}
.ps__thumb-x {
transition : background-color .2s linear,height .2s ease-in-out;
-webkit-transition : background-color .2s linear,height .2s ease-in-out;
height : 6px;
bottom : 2px
}
.ps__thumb-x,.ps__thumb-y {
background-color : #aaa;
border-radius : 6px;
position : absolute
}
.ps__thumb-y {
transition : background-color .2s linear,width .2s ease-in-out;
-webkit-transition : background-color .2s linear,width .2s ease-in-out;
width : 6px;
right : 2px
}
.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
background-color : #999;
height : 11px
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
background-color : #999;
width : 11px
}
@supports (-ms-overflow-style:none) {
.ps {
overflow : auto!important
}
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
.ps {
overflow : auto!important
}
}
.ps {
position : relative
}
</style>
<script charset="utf-8" src="/_nuxt/39e44b1.modern.js">
</script>
<style type="text/css">
body,html {
height : 100%
}
body {
overflow : auto;
margin : 0;
padding : 0;
background : #fff
}
.auth-cover .form-container {
display : flex
}
.auth-cover .form-form {
width : 50%;
display : flex;
flex-direction : column;
min-height : 100%
}
.auth-cover .form-form .form-form-wrap {
max-width : 480px;
margin : 0 auto;
min-width : 311px;
min-height : 100%;
height : 100vh;
align-items : center;
justify-content : center
}
.auth-cover .form-form .form-container {
align-items : center;
display : flex;
flex-grow : 1;
padding : 20px 45px;
width : 100%;
min-height : 100%
}
.auth-cover .form-form .form-container .form-content {
display : block;
width : 100%
}
.auth-cover .form-form .form-form-wrap .user-meta {
margin-bottom : 35px
}
.auth-cover .form-form .form-form-wrap .user-meta img {
width : 52px;
height : 52px;
border-radius : 50%;
margin-right : 15px;
border : 4px solid #e0e6ed
}
.auth-cover .form-form .form-form-wrap .user-meta div {
align-self : center
}
.auth-cover .form-form .form-form-wrap .user-meta p {
font-size : 31px;
color : #3b3f5c;
margin-bottom : 0
}
.auth-cover .form-form .form-form-wrap h1 .brand-name {
color : #4361ee;
font-weight : 600
}
.auth-cover .form-form .form-form-wrap p.signup-link {
font-size : 14px;
color : #3b3f5c;
font-weight : 700;
margin-bottom : 50px
}
.auth-cover .form-form .form-form-wrap p.signup-link a {
color : #4361ee;
border-bottom : 1px solid
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.input {
position : relative;
padding : 11px 0 25px;
border-bottom : none
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.input:focus {
border : 1px solid #000
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.toggle-pass p {
font-weight : 600;
color : #3b3f5c;
margin-bottom : 0
}
.auth-cover .form-form .form-form-wrap form .field-wrapper .logged-in-user-name {
font-size : 37px;
color : #3b3f5c
}
.auth-cover .form-form .form-form-wrap form .field-wrapper svg {
position : absolute;
top : 16px;
color : #4361ee;
fill : rgba(27,85,226,.2392156863)
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.terms_condition {
margin-bottom : 20px
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.terms_condition label {
font-size : 14px;
color : #888ea8;
padding-left : 31px;
font-weight : 100
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.terms_condition a {
color : #4361ee
}
.auth-cover .form-form .form-form-wrap form .field-wrapper input {
display : inline-block;
vertical-align : middle;
border-radius : 0;
min-width : 50px;
max-width : 635px;
width : 100%;
min-height : 36px;
background-color : #fff;
transition : all .2s ease-in-out 0s;
color : #3b3f5c;
font-weight : 600;
font-size : 16px;
border : none;
border-bottom : 1px solid #e0e6ed;
padding : 0 0 10px 35px
}
.auth-cover .form-form .form-form-wrap form .field-wrapper input::-moz-placeholder,.auth-cover .form-form .form-form-wrap form .field-wrapper input::-ms-input-placeholder,.auth-cover .form-form .form-form-wrap form .field-wrapper input::-webkit-input-placeholder {
color : #bfc9d4;
font-size : 14px
}
.auth-cover .form-form .form-form-wrap form .field-wrapper input:focus {
border-bottom : 1px solid #4361ee;
box-shadow : none
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.toggle-pass {
align-self : center;
text-align : left
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.toggle-pass .switch {
margin-bottom : 0;
vertical-align : sub;
margin-left : 7px
}
.auth-cover .form-form .form-form-wrap form .field-wrapper button.btn {
align-self : center
}
.auth-cover .form-form .form-form-wrap form .field-wrapper a.forgot-pass-link {
width : 100%;
font-weight : 700;
color : #4361ee;
text-align : center;
display : block;
letter-spacing : 2px;
font-size : 15px;
margin-top : 15px
}
.auth-cover .form-form .form-form-wrap form .field-wrapper .n-chk .new-control-indicator {
top : 1px;
border : 1px solid #bfc9d4;
background-color : #f1f2f3
}
.auth-cover .form-form .form-form-wrap form .field-wrapper .n-chk .new-control-indicator:after {
top : 52%
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.keep-logged-in {
margin-top : 60px
}
.auth-cover .form-form .form-form-wrap form .field-wrapper.keep-logged-in label {
font-size : 14px;
color : #888ea8;
padding-left : 31px;
font-weight : 100
}
.auth-cover .form-form .terms-conditions {
max-width : 480px;
color : #3b3f5c;
font-weight : 600;
margin : 90px auto 0
}
.auth-cover .form-form .terms-conditions a {
color : #4361ee;
font-weight : 700
}
.auth-cover .form-image {
display : flex;
flex-direction : column;
position : fixed;
right : 0;
min-height : auto;
height : 100vh;
width : 50%
}
.auth-cover .form-image .l-image {
background-image : url("https://cdn.pixabay.com/photo/2015/12/10/16/39/shield-1086703_960_720.png");
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-color : #060818;
background-position : 50%;
background-repeat : no-repeat;
background-size : 75%;
background-position-x: center;
background-position-y: center
}
@media(max-width:991px) {
.auth-cover .form-form {
width : 100%
}
.auth-cover .form-form .form-form-wrap {
min-width : auto
}
.auth-cover .form-image {
display : none
}
}
@media(max-width:575px) {
.auth-cover .form-form .form-form-wrap form .field-wrapper.toggle-pass {
margin-bottom : 28px
}
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.auth-cover .form-form .form-form-wrap {
width : 100%
}
.auth-cover .form-form .form-container {
height : 100%
}
}
</style>
</head>
<body class="dark-layout">
<div id="__nuxt">
<!---->
<div id="__layout">
<div class="full vertical">
<div class="form full-form auth-cover">
<div class="form-container">
<div class="form-form">
<div class="form-form-wrap">
<div class="form-container">
<div class="form-content">
<h1>
Log In
</h1>
<p class="signup-link">
New Here?
<a class="" href="/register.php">
Create an account
</a>
</p>
<form action="db.php" class="text-left" method="POST">
<div class="form">
<div class="field-wrapper input" id="username-field">
<svg class="feather feather-user" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2">
</path>
<circle cx="12" cy="7" r="4">
</circle>
</svg>
<input aria-required="true" class="form-control" id="__BVID__29" name="username" placeholder="Username" required="required" type="text">
</div>
<div class="field-wrapper input mb-2" id="password-field">
<svg class="feather feather-lock" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<rect height="11" rx="2" ry="2" width="18" x="3" y="11">
</rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4">
</path>
</svg>
<input aria-required="true" class="form-control" id="__BVID__30" name="password" placeholder="Password" required="required" type="password">
</div>
<div class="field-wrapper input mb-2" id="password-field">
<svg class="feather feather-shield" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z">
</path>
</svg>
<input class="form-control" id="__BVID__31" name="domaincode" placeholder="Pincode" type="password">
</div>
<div class="d-sm-flex justify-content-between">
<div class="field-wrapper toggle-pass d-flex align-items-center">
<p class="d-inline-block">
Show Password
</p>
<div class="switch s-primary custom-control custom-switch">
<input class="custom-control-input" id="__BVID__32" type="checkbox" value="true">
<label class="custom-control-label" for="__BVID__32">
</label>
</div>
</div>
<div class="field-wrapper">
<button class="btn btn-primary" type="submit">
Log In
</button>
</div>
</div>
<div class="field-wrapper text-center keep-logged-in">
<div class="checkbox-outline-primary custom-control custom-checkbox">
<input class="custom-control-input" id="__BVID__33" type="checkbox" value="true">
<label class="custom-control-label" for="__BVID__33">
Keep me logged in
</label>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="form-image">
<div class="l-image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="Vue-Toastification__container top-left">
</div>
</div>
<div>
<div class="Vue-Toastification__container top-center">
</div>
</div>
<div>
<div class="Vue-Toastification__container top-right">
</div>
</div>
<div>
<div class="Vue-Toastification__container bottom-left">
</div>
</div>
<div>
<div class="Vue-Toastification__container bottom-center">
</div>
</div>
<div>
<div class="Vue-Toastification__container bottom-right">
</div>
</div>
</div>
</body>
</html>