/*!
Template Name: Dashbyte - Premium Admin & Dashboard Template
Author: Themepixels
Version: 1.0.2
Website: http://themepixels.me/demo/dashbyte
Contact: themepixels@gmail.com
*/
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #ea4c89;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #33d685;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6e7985;
--bs-gray-dark: #313c47;
--bs-gray-100: #f8f9fc;
--bs-gray-200: #f3f5f9;
--bs-gray-300: #e2e5ec;
--bs-gray-400: #ccd2da;
--bs-gray-500: #9ea7b1;
--bs-gray-600: #6e7985;
--bs-gray-700: #41505f;
--bs-gray-800: #313c47;
--bs-gray-900: #212830;
--bs-primary: #506fd9;
--bs-secondary: #6e7985;
--bs-success: #0cb785;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fc;
--bs-dark: #212830;
--bs-primary-rgb: 80, 111, 217;
--bs-secondary-rgb: 110, 121, 133;
--bs-success-rgb: 12, 183, 133;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 252;
--bs-dark-rgb: 33, 40, 48;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 65, 80, 95;
--bs-body-bg-rgb: 251, 252, 254;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: Open Sans, sans-serif;
--bs-body-font-size:0.875rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #41505f;
--bs-body-bg: #fbfcfe;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #e2e5ec;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.25rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #506fd9;
--bs-link-hover-color: #4059ae;
--bs-code-color: #ea4c89;
--bs-highlight-bg: #fff3cd}
*,*::before,*::after{
box-sizing:border-box}
@media(prefers-reduced-motion: no-preference){
:root{
scroll-behavior:smooth}
}
body{
margin:0;
font-family:var(--bs-body-font-family);
font-size:var(--bs-body-font-size);
font-weight:var(--bs-body-font-weight);
line-height:var(--bs-body-line-height);
color:var(--bs-body-color);
text-align:var(--bs-body-text-align);
background-color:var(--bs-body-bg);
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgba(0,0,0,0)}
hr{
margin:1rem 0;
color:inherit;
border:0;
border-top:1px solid;
opacity:.25}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{
margin-top:0;
margin-bottom:.5rem;
font-weight:500;
line-height:1.2}
h1,.h1{
font-size:calc(1.34375rem + 1.125vw)}
@media(min-width: 1200px){
h1,.h1{
font-size:2.1875rem}
}
h2,.h2{
font-size:calc(1.3rem + 0.6vw)}
@media(min-width: 1200px){
h2,.h2{
font-size:1.75rem}
}
h3,.h3{
font-size:calc(1.278125rem + 0.3375vw)}
@media(min-width: 1200px){
h3,.h3{
font-size:1.53125rem}
}
h4,.h4{
font-size:calc(1.25625rem + 0.075vw)}
@media(min-width: 1200px){
h4,.h4{
font-size:1.3125rem}
}
h5,.h5{
font-size:1.09375rem}
h6,.h6{
font-size:0.875rem}
p{
margin-top:0;
margin-bottom:1rem}
abbr[title]{
text-decoration:underline dotted;
cursor:help;
text-decoration-skip-ink:none}
address{
margin-bottom:1rem;
font-style:normal;
line-height:inherit}
ol,ul{
padding-left:2rem}
ol,ul,dl{
margin-top:0;
margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{
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,.small{
font-size:0.875em}
mark,.mark{
padding:.1875em;
background-color:var(--bs-highlight-bg)}
sub,sup{
position:relative;
font-size:0.75em;
line-height:0;
vertical-align:baseline}
sub{
bottom:-0.25em}
sup{
top:-0.5em}
a{
color:var(--bs-link-color);
text-decoration:none}
a:hover{
color:var(--bs-link-hover-color)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
color:inherit;
text-decoration:none}
pre,code,kbd,samp{
font-family:var(--bs-font-monospace);
font-size:1em}
pre{
display:block;
margin-top:0;
margin-bottom:1rem;
overflow:auto;
font-size:0.875em}
pre code{
font-size:inherit;
color:inherit;
word-break:normal}
code{
font-size:0.875em;
color:var(--bs-code-color);
word-wrap:break-word}
a>code{
color:inherit}
kbd{
padding:.1875rem .375rem;
font-size:0.875em;
color:var(--bs-body-bg);
background-color:var(--bs-body-color);
border-radius:.25rem}
kbd kbd{
padding:0;
font-size:1em}
figure{
margin:0 0 1rem}
img,svg{
vertical-align:middle}
table{
caption-side:bottom;
border-collapse:collapse}
caption{
padding-top:.5rem;
padding-bottom:.5rem;
color:#6e7985;
text-align:left}
th{
text-align:inherit;
text-align:-webkit-match-parent}
thead,tbody,tfoot,tr,td,th{
border-color:inherit;
border-style:solid;
border-width:0}
label{
display:inline-block}
button{
border-radius:0}
button:focus:not(:focus-visible){
outline:0}
input,button,select,optgroup,textarea{
margin:0;
font-family:inherit;
font-size:inherit;
line-height:inherit}
button,select{
text-transform:none}
[role=button]{
cursor:pointer}
select{
word-wrap:normal}
select:disabled{
opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{
display:none !important}
button,[type=button],[type=reset],[type=submit]{
-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){
cursor:pointer}
::-moz-focus-inner{
padding:0;
border-style:none}
textarea{
resize:vertical}
fieldset{
min-width:0;
padding:0;
margin:0;
border:0}
legend{
float:left;
width:100%;
padding:0;
margin-bottom:.5rem;
font-size:calc(1.275rem + 0.3vw);
line-height:inherit}
@media(min-width: 1200px){
legend{
font-size:1.5rem}
}
legend+*{
clear:left}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{
padding:0}
::-webkit-inner-spin-button{
height:auto}
[type=search]{
outline-offset:-2px;
-webkit-appearance:textfield}
::-webkit-search-decoration{
-webkit-appearance:none}
::-webkit-color-swatch-wrapper{
padding:0}
::file-selector-button{
font:inherit;
-webkit-appearance:button}
output{
display:inline-block}
iframe{
border:0}
summary{
display:list-item;
cursor:pointer}
progress{
vertical-align:baseline}
[hidden]{
display:none !important}
.lead{
font-size:1.09375rem;
font-weight:300}
.display-1{
font-size:calc(1.625rem + 4.5vw);
font-weight:300;
line-height:1.2}
@media(min-width: 1200px){
.display-1{
font-size:5rem}
}
.display-2{
font-size:calc(1.575rem + 3.9vw);
font-weight:300;
line-height:1.2}
@media(min-width: 1200px){
.display-2{
font-size:4.5rem}
}
.display-3{
font-size:calc(1.525rem + 3.3vw);
font-weight:300;
line-height:1.2}
@media(min-width: 1200px){
.display-3{
font-size:4rem}
}
.display-4{
font-size:calc(1.475rem + 2.7vw);
font-weight:300;
line-height:1.2}
@media(min-width: 1200px){
.display-4{
font-size:3.5rem}
}
.display-5{
font-size:calc(1.425rem + 2.1vw);
font-weight:300;
line-height:1.2}
@media(min-width: 1200px){
.display-5{
font-size:3rem}
}
.display-6{
font-size:calc(1.375rem + 1.5vw);
font-weight:300;
line-height:1.2}
@media(min-width: 1200px){
.display-6{
font-size:2.5rem}
}
.list-unstyled{
padding-left:0;
list-style:none}
.list-inline{
padding-left:0;
list-style:none}
.list-inline-item{
display:inline-block}
.list-inline-item:not(:last-child){
margin-right:.5rem}
.initialism{
font-size:0.875em;
text-transform:uppercase}
.blockquote{
margin-bottom:1rem;
font-size:1.09375rem}
.blockquote>:last-child{
margin-bottom:0}
.blockquote-footer{
margin-top:-1rem;
margin-bottom:1rem;
font-size:0.875em;
color:#6e7985}
.blockquote-footer::before{
content:"— "}
.img-fluid{
max-width:100%;
height:auto}
.img-thumbnail{
padding:.25rem;
background-color:#fbfcfe;
border:1px solid var(--bs-border-color);
border-radius:.25rem;
max-width:100%;
height:auto}
.figure{
display:inline-block}
.figure-img{
margin-bottom:.5rem;
line-height:1}
.figure-caption{
font-size:0.875em;
color:#6e7985}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width:100%;
padding-right:calc(var(--bs-gutter-x)*.5);
padding-left:calc(var(--bs-gutter-x)*.5);
margin-right:auto;
margin-left:auto}
@media(min-width: 576px){
.container-sm,.container{
max-width:540px}
}
@media(min-width: 768px){
.container-md,.container-sm,.container{
max-width:720px}
}
@media(min-width: 992px){
.container-lg,.container-md,.container-sm,.container{
max-width:960px}
}
@media(min-width: 1200px){
.container-xl,.container-lg,.container-md,.container-sm,.container{
max-width:1140px}
}
@media(min-width: 1400px){
.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{
max-width:1320px}
}
.row{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display:flex;
flex-wrap:wrap;
margin-top:calc(-1*var(--bs-gutter-y));
margin-right:calc(-0.5*var(--bs-gutter-x));
justify-content: center;
margin-left:calc(-0.5*var(--bs-gutter-x))}

.row>*{
flex-shrink:0;
width:100%;
max-width:100%;
padding-right:calc(var(--bs-gutter-x)*.5);
padding-left:calc(var(--bs-gutter-x)*.5);
margin-top:var(--bs-gutter-y)}
.col{
flex:1 0 0%}
.row-cols-auto>*{
flex:0 0 auto;
width:auto}
.row-cols-1>*{
flex:0 0 auto;
width:100%}
.row-cols-2>*{
flex:0 0 auto;
width:50%}
.row-cols-3>*{
flex:0 0 auto;
width:33.3333333333%}
.row-cols-4>*{
flex:0 0 auto;
width:25%}
.row-cols-5>*{
flex:0 0 auto;
width:20%}
.row-cols-6>*{
flex:0 0 auto;
width:16.6666666667%}
.col-auto{
flex:0 0 auto;
width:auto}
.col-1{
flex:0 0 auto;
width:8.33333333%}
.col-2{
flex:0 0 auto;
width:16.66666667%}
.col-3{
flex:0 0 auto;
width:25%}
.col-4{
flex:0 0 auto;
width:33.33333333%}
.col-5{
flex:0 0 auto;
width:41.66666667%}
.col-6{
flex:0 0 auto;
width:50%}
.col-7{
flex:0 0 auto;
width:58.33333333%}
.col-8{
flex:0 0 auto;
width:66.66666667%}
.col-9{
flex:0 0 auto;
width:75%}
.col-10{
flex:0 0 auto;
width:83.33333333%}
.col-11{
flex:0 0 auto;
width:91.66666667%}
.col-12{
flex:0 0 auto;
width:100%}
.offset-1{
margin-left:8.33333333%}
.offset-2{
margin-left:16.66666667%}
.offset-3{
margin-left:25%}
.offset-4{
margin-left:33.33333333%}
.offset-5{
margin-left:41.66666667%}
.offset-6{
margin-left:50%}
.offset-7{
margin-left:58.33333333%}
.offset-8{
margin-left:66.66666667%}
.offset-9{
margin-left:75%}
.offset-10{
margin-left:83.33333333%}
.offset-11{
margin-left:91.66666667%}
.g-0,.gx-0{
--bs-gutter-x: 0}
.g-0,.gy-0{
--bs-gutter-y: 0}
.g-1,.gx-1{
--bs-gutter-x: 0.25rem}
.g-1,.gy-1{
--bs-gutter-y: 0.25rem}
.g-2,.gx-2{
--bs-gutter-x: 0.5rem}
.g-2,.gy-2{
--bs-gutter-y: 0.5rem}
.g-3,.gx-3{
--bs-gutter-x: 1rem}
.g-3,.gy-3{
--bs-gutter-y: 1rem}
.g-4,.gx-4{
--bs-gutter-x: 1.5rem}
.g-4,.gy-4{
--bs-gutter-y: 1.5rem}
.g-5,.gx-5{
--bs-gutter-x: 3rem}
.g-5,.gy-5{
--bs-gutter-y: 3rem}
@media(min-width: 576px){
.col-sm{
flex:1 0 0%}
.row-cols-sm-auto>*{
flex:0 0 auto;
width:auto}
.row-cols-sm-1>*{
flex:0 0 auto;
width:100%}
.row-cols-sm-2>*{
flex:0 0 auto;
width:50%}
.row-cols-sm-3>*{
flex:0 0 auto;
width:33.3333333333%}
.row-cols-sm-4>*{
flex:0 0 auto;
width:25%}
.row-cols-sm-5>*{
flex:0 0 auto;
width:20%}
.row-cols-sm-6>*{
flex:0 0 auto;
width:16.6666666667%}
.col-sm-auto{
flex:0 0 auto;
width:auto}
.col-sm-1{
flex:0 0 auto;
width:8.33333333%}
.col-sm-2{
flex:0 0 auto;
width:16.66666667%}
.col-sm-3{
flex:0 0 auto;
width:25%}
.col-sm-4{
flex:0 0 auto;
width:33.33333333%}
.col-sm-5{
flex:0 0 auto;
width:41.66666667%}
.col-sm-6{
flex:0 0 auto;
width:50%}
.col-sm-7{
flex:0 0 auto;
width:58.33333333%}
.col-sm-8{
flex:0 0 auto;
width:66.66666667%}
.col-sm-9{
flex:0 0 auto;
width:75%}
.col-sm-10{
flex:0 0 auto;
width:83.33333333%}
.col-sm-11{
flex:0 0 auto;
width:91.66666667%}
.col-sm-12{
flex:0 0 auto;
width:100%}
.offset-sm-0{
margin-left:0}
.offset-sm-1{
margin-left:8.33333333%}
.offset-sm-2{
margin-left:16.66666667%}
.offset-sm-3{
margin-left:25%}
.offset-sm-4{
margin-left:33.33333333%}
.offset-sm-5{
margin-left:41.66666667%}
.offset-sm-6{
margin-left:50%}
.offset-sm-7{
margin-left:58.33333333%}
.offset-sm-8{
margin-left:66.66666667%}
.offset-sm-9{
margin-left:75%}
.offset-sm-10{
margin-left:83.33333333%}
.offset-sm-11{
margin-left:91.66666667%}
.g-sm-0,.gx-sm-0{
--bs-gutter-x: 0}
.g-sm-0,.gy-sm-0{
--bs-gutter-y: 0}
.g-sm-1,.gx-sm-1{
--bs-gutter-x: 0.25rem}
.g-sm-1,.gy-sm-1{
--bs-gutter-y: 0.25rem}
.g-sm-2,.gx-sm-2{
--bs-gutter-x: 0.5rem}
.g-sm-2,.gy-sm-2{
--bs-gutter-y: 0.5rem}
.g-sm-3,.gx-sm-3{
--bs-gutter-x: 1rem}
.g-sm-3,.gy-sm-3{
--bs-gutter-y: 1rem}
.g-sm-4,.gx-sm-4{
--bs-gutter-x: 1.5rem}
.g-sm-4,.gy-sm-4{
--bs-gutter-y: 1.5rem}
.g-sm-5,.gx-sm-5{
--bs-gutter-x: 3rem}
.g-sm-5,.gy-sm-5{
--bs-gutter-y: 3rem}
}
@media(min-width: 768px){
.col-md{
flex:1 0 0%}
.row-cols-md-auto>*{
flex:0 0 auto;
width:auto}
.row-cols-md-1>*{
flex:0 0 auto;
width:100%}
.row-cols-md-2>*{
flex:0 0 auto;
width:50%}
.row-cols-md-3>*{
flex:0 0 auto;
width:33.3333333333%}
.row-cols-md-4>*{
flex:0 0 auto;
width:25%}
.row-cols-md-5>*{
flex:0 0 auto;
width:20%}
.row-cols-md-6>*{
flex:0 0 auto;
width:16.6666666667%}
.col-md-auto{
flex:0 0 auto;
width:auto}
.col-md-1{
flex:0 0 auto;
width:8.33333333%}
.col-md-2{
flex:0 0 auto;
width:16.66666667%}
.col-md-3{
flex:0 0 auto;
width:25%}
.col-md-4{
flex:0 0 auto;
width:33.33333333%}
.col-md-5{
flex:0 0 auto;
width:41.66666667%}
.col-md-6{
flex:0 0 auto;
width:50%}
.col-md-7{
flex:0 0 auto;
width:58.33333333%}
.col-md-8{
flex:0 0 auto;
width:66.66666667%}
.col-md-9{
flex:0 0 auto;
width:75%}
.col-md-10{
flex:0 0 auto;
width:83.33333333%}
.col-md-11{
flex:0 0 auto;
width:91.66666667%}
.col-md-12{
flex:0 0 auto;
width:100%}
.offset-md-0{
margin-left:0}
.offset-md-1{
margin-left:8.33333333%}
.offset-md-2{
margin-left:16.66666667%}
.offset-md-3{
margin-left:25%}
.offset-md-4{
margin-left:33.33333333%}
.offset-md-5{
margin-left:41.66666667%}
.offset-md-6{
margin-left:50%}
.offset-md-7{
margin-left:58.33333333%}
.offset-md-8{
margin-left:66.66666667%}
.offset-md-9{
margin-left:75%}
.offset-md-10{
margin-left:83.33333333%}
.offset-md-11{
margin-left:91.66666667%}
.g-md-0,.gx-md-0{
--bs-gutter-x: 0}
.g-md-0,.gy-md-0{
--bs-gutter-y: 0}
.g-md-1,.gx-md-1{
--bs-gutter-x: 0.25rem}
.g-md-1,.gy-md-1{
--bs-gutter-y: 0.25rem}
.g-md-2,.gx-md-2{
--bs-gutter-x: 0.5rem}
.g-md-2,.gy-md-2{
--bs-gutter-y: 0.5rem}
.g-md-3,.gx-md-3{
--bs-gutter-x: 1rem}
.g-md-3,.gy-md-3{
--bs-gutter-y: 1rem}
.g-md-4,.gx-md-4{
--bs-gutter-x: 1.5rem}
.g-md-4,.gy-md-4{
--bs-gutter-y: 1.5rem}
.g-md-5,.gx-md-5{
--bs-gutter-x: 3rem}
.g-md-5,.gy-md-5{
--bs-gutter-y: 3rem}
}
@media(min-width: 992px){
.col-lg{
flex:1 0 0%}
.row-cols-lg-auto>*{
flex:0 0 auto;
width:auto}
.row-cols-lg-1>*{
flex:0 0 auto;
width:100%}
.row-cols-lg-2>*{
flex:0 0 auto;
width:50%}
.row-cols-lg-3>*{
flex:0 0 auto;
width:33.3333333333%}
.row-cols-lg-4>*{
flex:0 0 auto;
width:25%}
.row-cols-lg-5>*{
flex:0 0 auto;
width:20%}
.row-cols-lg-6>*{
flex:0 0 auto;
width:16.6666666667%}
.col-lg-auto{
flex:0 0 auto;
width:auto}
.col-lg-1{
flex:0 0 auto;
width:8.33333333%}
.col-lg-2{
flex:0 0 auto;
width:16.66666667%}
.col-lg-3{
flex:0 0 auto;
width:25%}
.col-lg-4{
flex:0 0 auto;
width:33.33333333%}
.col-lg-5{
flex:0 0 auto;
width:41.66666667%}
.col-lg-6{
flex:0 0 auto;
width:50%}
.col-lg-7{
flex:0 0 auto;
width:58.33333333%}
.col-lg-8{
flex:0 0 auto;
width:66.66666667%}
.col-lg-9{
flex:0 0 auto;
width:75%}
.col-lg-10{
flex:0 0 auto;
width:83.33333333%}
.col-lg-11{
flex:0 0 auto;
width:91.66666667%}
.col-lg-12{
flex:0 0 auto;
width:100%}
.offset-lg-0{
margin-left:0}
.offset-lg-1{
margin-left:8.33333333%}
.offset-lg-2{
margin-left:16.66666667%}
.offset-lg-3{
margin-left:25%}
.offset-lg-4{
margin-left:33.33333333%}
.offset-lg-5{
margin-left:41.66666667%}
.offset-lg-6{
margin-left:50%}
.offset-lg-7{
margin-left:58.33333333%}
.offset-lg-8{
margin-left:66.66666667%}
.offset-lg-9{
margin-left:75%}
.offset-lg-10{
margin-left:83.33333333%}
.offset-lg-11{
margin-left:91.66666667%}
.g-lg-0,.gx-lg-0{
--bs-gutter-x: 0}
.g-lg-0,.gy-lg-0{
--bs-gutter-y: 0}
.g-lg-1,.gx-lg-1{
--bs-gutter-x: 0.25rem}
.g-lg-1,.gy-lg-1{
--bs-gutter-y: 0.25rem}
.g-lg-2,.gx-lg-2{
--bs-gutter-x: 0.5rem}
.g-lg-2,.gy-lg-2{
--bs-gutter-y: 0.5rem}
.g-lg-3,.gx-lg-3{
--bs-gutter-x: 1rem}
.g-lg-3,.gy-lg-3{
--bs-gutter-y: 1rem}
.g-lg-4,.gx-lg-4{
--bs-gutter-x: 1.5rem}
.g-lg-4,.gy-lg-4{
--bs-gutter-y: 1.5rem}
.g-lg-5,.gx-lg-5{
--bs-gutter-x: 3rem}
.g-lg-5,.gy-lg-5{
--bs-gutter-y: 3rem}
}
@media(min-width: 1200px){
.col-xl{
flex:1 0 0%}
.row-cols-xl-auto>*{
flex:0 0 auto;
width:auto}
.row-cols-xl-1>*{
flex:0 0 auto;
width:100%}
.row-cols-xl-2>*{
flex:0 0 auto;
width:50%}
.row-cols-xl-3>*{
flex:0 0 auto;
width:33.3333333333%}
.row-cols-xl-4>*{
flex:0 0 auto;
width:25%}
.row-cols-xl-5>*{
flex:0 0 auto;
width:20%}
.row-cols-xl-6>*{
flex:0 0 auto;
width:16.6666666667%}
.col-xl-auto{
flex:0 0 auto;
width:auto}
.col-xl-1{
flex:0 0 auto;
width:8.33333333%}
.col-xl-2{
flex:0 0 auto;
width:16.66666667%}
.col-xl-3{
flex:0 0 auto;
width:25%}
.col-xl-4{
flex:0 0 auto;
width:33.33333333%}
.col-xl-5{
flex:0 0 auto;
width:41.66666667%}
.col-xl-6{
flex:0 0 auto;
width:50%}
.col-xl-7{
flex:0 0 auto;
width:58.33333333%}
.col-xl-8{
flex:0 0 auto;
width:66.66666667%}
.col-xl-9{
flex:0 0 auto;
width:75%}
.col-xl-10{
flex:0 0 auto;
width:83.33333333%}
.col-xl-11{
flex:0 0 auto;
width:91.66666667%}
.col-xl-12{
flex:0 0 auto;
width:100%}
.offset-xl-0{
margin-left:0}
.offset-xl-1{
margin-left:8.33333333%}
.offset-xl-2{
margin-left:16.66666667%}
.offset-xl-3{
margin-left:25%}
.offset-xl-4{
margin-left:33.33333333%}
.offset-xl-5{
margin-left:41.66666667%}
.offset-xl-6{
margin-left:50%}
.offset-xl-7{
margin-left:58.33333333%}
.offset-xl-8{
margin-left:66.66666667%}
.offset-xl-9{
margin-left:75%}
.offset-xl-10{
margin-left:83.33333333%}
.offset-xl-11{
margin-left:91.66666667%}
.g-xl-0,.gx-xl-0{
--bs-gutter-x: 0}
.g-xl-0,.gy-xl-0{
--bs-gutter-y: 0}
.g-xl-1,.gx-xl-1{
--bs-gutter-x: 0.25rem}
.g-xl-1,.gy-xl-1{
--bs-gutter-y: 0.25rem}
.g-xl-2,.gx-xl-2{
--bs-gutter-x: 0.5rem}
.g-xl-2,.gy-xl-2{
--bs-gutter-y: 0.5rem}
.g-xl-3,.gx-xl-3{
--bs-gutter-x: 1rem}
.g-xl-3,.gy-xl-3{
--bs-gutter-y: 1rem}
.g-xl-4,.gx-xl-4{
--bs-gutter-x: 1.5rem}
.g-xl-4,.gy-xl-4{
--bs-gutter-y: 1.5rem}
.g-xl-5,.gx-xl-5{
--bs-gutter-x: 3rem}
.g-xl-5,.gy-xl-5{
--bs-gutter-y: 3rem}
}
@media(min-width: 1400px){
.col-xxl{
flex:1 0 0%}
.row-cols-xxl-auto>*{
flex:0 0 auto;
width:auto}
.row-cols-xxl-1>*{
flex:0 0 auto;
width:100%}
.row-cols-xxl-2>*{
flex:0 0 auto;
width:50%}
.row-cols-xxl-3>*{
flex:0 0 auto;
width:33.3333333333%}
.row-cols-xxl-4>*{
flex:0 0 auto;
width:25%}
.row-cols-xxl-5>*{
flex:0 0 auto;
width:20%}
.row-cols-xxl-6>*{
flex:0 0 auto;
width:16.6666666667%}
.col-xxl-auto{
flex:0 0 auto;
width:auto}
.col-xxl-1{
flex:0 0 auto;
width:8.33333333%}
.col-xxl-2{
flex:0 0 auto;
width:16.66666667%}
.col-xxl-3{
flex:0 0 auto;
width:25%}
.col-xxl-4{
flex:0 0 auto;
width:33.33333333%}
.col-xxl-5{
flex:0 0 auto;
width:41.66666667%}
.col-xxl-6{
flex:0 0 auto;
width:50%}
.col-xxl-7{
flex:0 0 auto;
width:58.33333333%}
.col-xxl-8{
flex:0 0 auto;
width:66.66666667%}
.col-xxl-9{
flex:0 0 auto;
width:75%}
.col-xxl-10{
flex:0 0 auto;
width:83.33333333%}
.col-xxl-11{
flex:0 0 auto;
width:91.66666667%}
.col-xxl-12{
flex:0 0 auto;
width:100%}
.offset-xxl-0{
margin-left:0}
.offset-xxl-1{
margin-left:8.33333333%}
.offset-xxl-2{
margin-left:16.66666667%}
.offset-xxl-3{
margin-left:25%}
.offset-xxl-4{
margin-left:33.33333333%}
.offset-xxl-5{
margin-left:41.66666667%}
.offset-xxl-6{
margin-left:50%}
.offset-xxl-7{
margin-left:58.33333333%}
.offset-xxl-8{
margin-left:66.66666667%}
.offset-xxl-9{
margin-left:75%}
.offset-xxl-10{
margin-left:83.33333333%}
.offset-xxl-11{
margin-left:91.66666667%}
.g-xxl-0,.gx-xxl-0{
--bs-gutter-x: 0}
.g-xxl-0,.gy-xxl-0{
--bs-gutter-y: 0}
.g-xxl-1,.gx-xxl-1{
--bs-gutter-x: 0.25rem}
.g-xxl-1,.gy-xxl-1{
--bs-gutter-y: 0.25rem}
.g-xxl-2,.gx-xxl-2{
--bs-gutter-x: 0.5rem}
.g-xxl-2,.gy-xxl-2{
--bs-gutter-y: 0.5rem}
.g-xxl-3,.gx-xxl-3{
--bs-gutter-x: 1rem}
.g-xxl-3,.gy-xxl-3{
--bs-gutter-y: 1rem}
.g-xxl-4,.gx-xxl-4{
--bs-gutter-x: 1.5rem}
.g-xxl-4,.gy-xxl-4{
--bs-gutter-y: 1.5rem}
.g-xxl-5,.gx-xxl-5{
--bs-gutter-x: 3rem}
.g-xxl-5,.gy-xxl-5{
--bs-gutter-y: 3rem}
}
.table{
--bs-table-color: var(--bs-body-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width:100%;
margin-bottom:1rem;
color:var(--bs-table-color);
vertical-align:top;
border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{
padding:.5rem .5rem;
background-color:var(--bs-table-bg);
border-bottom-width:1px;
box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{
vertical-align:inherit}
.table>thead{
vertical-align:bottom}
.table-group-divider{
border-top:2px solid currentcolor}
.caption-top{
caption-side:top}
.table-sm>:not(caption)>*>*{
padding:.25rem .25rem}
.table-bordered>:not(caption)>*{
border-width:1px 0}
.table-bordered>:not(caption)>*>*{
border-width:0 1px}
.table-borderless>:not(caption)>*>*{
border-bottom-width:0}
.table-borderless>:not(:first-child){
border-top-width:0}
.table-striped>tbody>tr:nth-of-type(odd)>*{
--bs-table-accent-bg: var(--bs-table-striped-bg);
color:var(--bs-table-striped-color)}
.table-striped-columns>:not(caption)>tr>:nth-child(even){
--bs-table-accent-bg: var(--bs-table-striped-bg);
color:var(--bs-table-striped-color)}
.table-active{
--bs-table-accent-bg: var(--bs-table-active-bg);
color:var(--bs-table-active-color)}
.table-hover>tbody>tr:hover>*{
--bs-table-accent-bg: var(--bs-table-hover-bg);
color:var(--bs-table-hover-color)}
.table-primary{
--bs-table-color: #000;
--bs-table-bg: #dce2f7;
--bs-table-border-color: #c6cbde;
--bs-table-striped-bg: #d1d7eb;
--bs-table-striped-color: #000;
--bs-table-active-bg: #c6cbde;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ccd1e4;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-secondary{
--bs-table-color: #000;
--bs-table-bg: #e2e4e7;
--bs-table-border-color: #cbcdd0;
--bs-table-striped-bg: #d7d9db;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbcdd0;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d3d6;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-success{
--bs-table-color: #000;
--bs-table-bg: #cef1e7;
--bs-table-border-color: #b9d9d0;
--bs-table-striped-bg: #c4e5db;
--bs-table-striped-color: #000;
--bs-table-active-bg: #b9d9d0;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfdfd6;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-info{
--bs-table-color: #000;
--bs-table-bg: #cff4fc;
--bs-table-border-color: #badce3;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-warning{
--bs-table-color: #000;
--bs-table-bg: #fff3cd;
--bs-table-border-color: #e6dbb9;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-danger{
--bs-table-color: #000;
--bs-table-bg: #f8d7da;
--bs-table-border-color: #dfc2c4;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-light{
--bs-table-color: #000;
--bs-table-bg: #f8f9fc;
--bs-table-border-color: #dfe0e3;
--bs-table-striped-bg: #ecedef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e9;
--bs-table-hover-color: #000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-dark{
--bs-table-color: #fff;
--bs-table-bg: #212830;
--bs-table-border-color: #373e45;
--bs-table-striped-bg: #2c333a;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373e45;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323840;
--bs-table-hover-color: #fff;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-responsive{
overflow-x:auto;
-webkit-overflow-scrolling:touch}
@media(max-width: 575.98px){
.table-responsive-sm{
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media(max-width: 767.98px){
.table-responsive-md{
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media(max-width: 991.98px){
.table-responsive-lg{
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media(max-width: 1199.98px){
.table-responsive-xl{
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media(max-width: 1399.98px){
.table-responsive-xxl{
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
.form-label{
margin-bottom:.5rem}
.col-form-label{
padding-top:calc(0.406rem + 1px);
padding-bottom:calc(0.406rem + 1px);
margin-bottom:0;
font-size:inherit;
line-height:1.5}
.col-form-label-lg{
padding-top:calc(0.5rem + 1px);
padding-bottom:calc(0.5rem + 1px);
font-size:1.09375rem}
.col-form-label-sm{
padding-top:calc(0.25rem + 1px);
padding-bottom:calc(0.25rem + 1px);
font-size:0.8125rem}
.form-text{
margin-top:.25rem;
font-size:0.875em;
color:#6e7985}
.form-control,.gridjs-input{
display:block;
width:100%;
padding:.406rem .75rem;
font-size:0.875rem;
font-weight:400;
line-height:1.5;
color:#41505f;
background-color:#fff;
background-clip:padding-box;
border:1px solid #ccd2da;
appearance:none;
border-radius:.25rem;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media(prefers-reduced-motion: reduce){
.form-control,.gridjs-input{
transition:none}
}
.form-control[type=file],[type=file].gridjs-input{
overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]),[type=file].gridjs-input:not(:disabled):not([readonly]){
cursor:pointer}
.form-control:focus,.gridjs-input:focus{
color:#41505f;
background-color:#fff;
border-color:#a8b7ec;
outline:0;
box-shadow:0 0 0 .25rem rgba(80,111,217,.25)}
.form-control::-webkit-date-and-time-value,.gridjs-input::-webkit-date-and-time-value{
height:1.5em}
.form-control::placeholder,.gridjs-input::placeholder{
color:#6e7985;
opacity:1}
.form-control:disabled,.gridjs-input:disabled{
background-color:#f3f5f9;
opacity:1}
.form-control::file-selector-button,.gridjs-input::file-selector-button{
padding:.406rem .75rem;
margin:-0.406rem -0.75rem;
margin-inline-end:.75rem;
color:#41505f;
background-color:#f3f5f9;
pointer-events:none;
border-color:inherit;
border-style:solid;
border-width:0;
border-inline-end-width:1px;
border-radius:0;
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){
.form-control::file-selector-button,.gridjs-input::file-selector-button{
transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button,.gridjs-input:hover:not(:disabled):not([readonly])::file-selector-button{
background-color:#e7e9ed}
.form-control-plaintext{
display:block;
width:100%;
padding:.406rem 0;
margin-bottom:0;
line-height:1.5;
color:#41505f;
background-color:rgba(0,0,0,0);
border:solid rgba(0,0,0,0);
border-width:1px 0}
.form-control-plaintext:focus{
outline:0}
.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{
padding-right:0;
padding-left:0}
.form-control-sm{
min-height:calc(1.5em + 0.5rem + 2px);
padding:.25rem .5rem;
font-size:0.8125rem;
border-radius:.25rem}
.form-control-sm::file-selector-button{
padding:.25rem .5rem;
margin:-0.25rem -0.5rem;
margin-inline-end:.5rem}
.form-control-lg{
min-height:calc(1.5em + 1rem + 2px);
padding:.5rem 1rem;
font-size:1.09375rem;
border-radius:.5rem}
.form-control-lg::file-selector-button{
padding:.5rem 1rem;
margin:-0.5rem -1rem;
margin-inline-end:1rem}
textarea.form-control,textarea.gridjs-input{
min-height:calc(1.5em + 0.812rem + 2px)}
textarea.form-control-sm{
min-height:calc(1.5em + 0.5rem + 2px)}
textarea.form-control-lg{
min-height:calc(1.5em + 1rem + 2px)}
.form-control-color{
width:3rem;
height:calc(1.5em + 0.812rem + 2px);
padding:.406rem}
.form-control-color:not(:disabled):not([readonly]){
cursor:pointer}
.form-control-color::-moz-color-swatch{
border:0 !important;
border-radius:.25rem}
.form-control-color::-webkit-color-swatch{
border-radius:.25rem}
.form-control-color.form-control-sm{
height:calc(1.5em + 0.5rem + 2px)}
.form-control-color.form-control-lg{
height:calc(1.5em + 1rem + 2px)}
.form-select{
display:block;
width:100%;
padding:.406rem 2.25rem .406rem .75rem;
-moz-padding-start:calc(0.75rem - 3px);
font-size:0.875rem;
font-weight:400;
line-height:1.5;
color:#41505f;
background-color:#fff;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right .75rem center;
background-size:16px 12px;
border:1px solid #ccd2da;
border-radius:.25rem;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
appearance:none}
@media(prefers-reduced-motion: reduce){
.form-select{
transition:none}
}
.form-select:focus{
border-color:#a8b7ec;
outline:0;
box-shadow:0 0 0 .25rem rgba(80,111,217,.25)}
.form-select[multiple],.form-select[size]:not([size="1"]){
padding-right:.75rem;
background-image:none}
.form-select:disabled{
background-color:#f3f5f9}
.form-select:-moz-focusring{
color:rgba(0,0,0,0);
text-shadow:0 0 0 #41505f}
.form-select-sm{
padding-top:.25rem;
padding-bottom:.25rem;
padding-left:.5rem;
font-size:0.8125rem;
border-radius:.25rem}
.form-select-lg{
padding-top:.5rem;
padding-bottom:.5rem;
padding-left:1rem;
font-size:1.09375rem;
border-radius:.5rem}
.form-check{
display:block;
min-height:1.3125rem;
padding-left:1.5em;
margin-bottom:.125rem}
.form-check .form-check-input{
float:left;
margin-left:-1.5em}
.form-check-reverse{
padding-right:1.5em;
padding-left:0;
text-align:right}
.form-check-reverse .form-check-input{
float:right;
margin-right:-1.5em;
margin-left:0}
.form-check-input{
width:1em;
height:1em;
margin-top:.25em;
vertical-align:top;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
border:1px solid rgba(0,0,0,.25);
appearance:none;
print-color-adjust:exact}
.form-check-input[type=checkbox]{
border-radius:.25em}
.form-check-input[type=radio]{
border-radius:50%}
.form-check-input:active{
filter:brightness(90%)}
.form-check-input:focus{
border-color:#a8b7ec;
outline:0;
box-shadow:0 0 0 .25rem rgba(80,111,217,.25)}
.form-check-input:checked{
background-color:#506fd9;
border-color:#506fd9}
.form-check-input:checked[type=checkbox]{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type=radio]{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate{
background-color:#506fd9;
border-color:#506fd9;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{
pointer-events:none;
filter:none;
opacity:.5}
.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{
cursor:default;
opacity:.5}
.form-switch{
padding-left:2.5em}
.form-switch .form-check-input{
width:2em;
margin-left:-2.5em;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position:left center;
border-radius:2em;
transition:background-position .15s ease-in-out}
@media(prefers-reduced-motion: reduce){
.form-switch .form-check-input{
transition:none}
}
.form-switch .form-check-input:focus{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a8b7ec'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked{
background-position:right center;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-switch.form-check-reverse{
padding-right:2.5em;
padding-left:0}
.form-switch.form-check-reverse .form-check-input{
margin-right:-2.5em;
margin-left:0}
.form-check-inline{
display:inline-block;
margin-right:1rem}
.btn-check{
position:absolute;
clip:rect(0, 0, 0, 0);
pointer-events:none}
.btn-check[disabled]+.btn,.ui-datepicker-buttonpane .btn-check[disabled]+button,.gridjs-pages .btn-check[disabled]+button,.btn-check:disabled+.btn,.ui-datepicker-buttonpane .btn-check:disabled+button,.gridjs-pages .btn-check:disabled+button{
pointer-events:none;
filter:none;
opacity:.65}
.form-range{
width:100%;
height:1.5rem;
padding:0;
background-color:rgba(0,0,0,0);
appearance:none}
.form-range:focus{
outline:0}
.form-range:focus::-webkit-slider-thumb{
box-shadow:0 0 0 1px #fbfcfe,0 0 0 .25rem rgba(80,111,217,.25)}
.form-range:focus::-moz-range-thumb{
box-shadow:0 0 0 1px #fbfcfe,0 0 0 .25rem rgba(80,111,217,.25)}
.form-range::-moz-focus-outer{
border:0}
.form-range::-webkit-slider-thumb{
width:1rem;
height:1rem;
margin-top:-0.25rem;
background-color:#506fd9;
border:0;
border-radius:1rem;
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){
.form-range::-webkit-slider-thumb{
transition:none}
}
.form-range::-webkit-slider-thumb:active{
background-color:#cbd4f4}
.form-range::-webkit-slider-runnable-track{
width:100%;
height:.5rem;
color:rgba(0,0,0,0);
cursor:pointer;
background-color:#e2e5ec;
border-color:rgba(0,0,0,0);
border-radius:1rem}
.form-range::-moz-range-thumb{
width:1rem;
height:1rem;
background-color:#506fd9;
border:0;
border-radius:1rem;
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){
.form-range::-moz-range-thumb{
transition:none}
}
.form-range::-moz-range-thumb:active{
background-color:#cbd4f4}
.form-range::-moz-range-track{
width:100%;
height:.5rem;
color:rgba(0,0,0,0);
cursor:pointer;
background-color:#e2e5ec;
border-color:rgba(0,0,0,0);
border-radius:1rem}
.form-range:disabled{
pointer-events:none}
.form-range:disabled::-webkit-slider-thumb{
background-color:#9ea7b1}
.form-range:disabled::-moz-range-thumb{
background-color:#9ea7b1}
.form-floating{
position:relative}
.form-floating>.form-control,.form-floating>.gridjs-input,.form-floating>.form-control-plaintext,.form-floating>.form-select{
height:calc(3.5rem + 2px);
line-height:1.25}
.form-floating>label{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:1rem .75rem;
overflow:hidden;
text-align:start;
text-overflow:ellipsis;
white-space:nowrap;
pointer-events:none;
border:1px solid rgba(0,0,0,0);
transform-origin:0 0;
transition:opacity .1s ease-in-out,transform .1s ease-in-out}
@media(prefers-reduced-motion: reduce){
.form-floating>label{
transition:none}
}
.form-floating>.form-control,.form-floating>.gridjs-input,.form-floating>.form-control-plaintext{
padding:1rem .75rem}
.form-floating>.form-control::placeholder,.form-floating>.gridjs-input::placeholder,.form-floating>.form-control-plaintext::placeholder{
color:rgba(0,0,0,0)}
.form-floating>.form-control:focus,.form-floating>.gridjs-input:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.gridjs-input:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-control:-webkit-autofill,.form-floating>.gridjs-input:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-select{
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-control:focus~label,.form-floating>.gridjs-input:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.gridjs-input:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{
opacity:.65;
transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}
.form-floating>.form-control:-webkit-autofill~label,.form-floating>.gridjs-input:-webkit-autofill~label{
opacity:.65;
transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}
.form-floating>.form-control-plaintext~label{
border-width:1px 0}
.input-group{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:stretch;
width:100%}
.input-group>.form-control,.input-group>.gridjs-input,.input-group>.form-select,.input-group>.form-floating{
position:relative;
flex:1 1 auto;
width:1%;
min-width:0}
.input-group>.form-control:focus,.input-group>.gridjs-input:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{
z-index:5}
.input-group .btn,.input-group .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .input-group button,.input-group .gridjs-pages button,.gridjs-pages .input-group button{
position:relative;
z-index:2}
.input-group .btn:focus,.input-group .ui-datepicker-buttonpane button:focus,.ui-datepicker-buttonpane .input-group button:focus,.input-group .gridjs-pages button:focus,.gridjs-pages .input-group button:focus{
z-index:5}
.input-group-text{
display:flex;
align-items:center;
padding:.406rem .75rem;
font-size:0.875rem;
font-weight:400;
line-height:1.5;
color:#41505f;
text-align:center;
white-space:nowrap;
background-color:#f3f5f9;
border:1px solid #ccd2da;
border-radius:.25rem}
.input-group-lg>.form-control,.input-group-lg>.gridjs-input,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn,.ui-datepicker-buttonpane .input-group-lg>button,.gridjs-pages .input-group-lg>button{
padding:.5rem 1rem;
font-size:1.09375rem;
border-radius:.5rem}
.input-group-sm>.form-control,.input-group-sm>.gridjs-input,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn,.ui-datepicker-buttonpane .input-group-sm>button,.gridjs-pages .input-group-sm>button{
padding:.25rem .5rem;
font-size:0.8125rem;
border-radius:.25rem}
.input-group-lg>.form-select,.input-group-sm>.form-select{
padding-right:3rem}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.gridjs-input,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{
border-top-right-radius:0;
border-bottom-right-radius:0}
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.gridjs-input,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{
border-top-right-radius:0;
border-bottom-right-radius:0}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
margin-left:-1px;
border-top-left-radius:0;
border-bottom-left-radius:0}
.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.gridjs-input,.input-group>.form-floating:not(:first-child)>.form-select{
border-top-left-radius:0;
border-bottom-left-radius:0}
.valid-feedback{
display:none;
width:100%;
margin-top:.25rem;
font-size:0.875em;
color:#0cb785}
.valid-tooltip{
position:absolute;
top:100%;
z-index:5;
display:none;
max-width:100%;
padding:.25rem .5rem;
margin-top:.1rem;
font-size:0.8125rem;
color:#000;
background-color:rgba(12,183,133,.9);
border-radius:.25rem}
.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{
display:block}
.was-validated .form-control:valid,.was-validated .gridjs-input:valid,.form-control.is-valid,.is-valid.gridjs-input{
border-color:#0cb785;
padding-right:calc(1.5em + 0.812rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230cb785' d='M2.3 6.73.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(0.375em + 0.203rem) center;
background-size:calc(0.75em + 0.406rem) calc(0.75em + 0.406rem)}
.was-validated .form-control:valid:focus,.was-validated .gridjs-input:valid:focus,.form-control.is-valid:focus,.is-valid.gridjs-input:focus{
border-color:#0cb785;
box-shadow:0 0 0 .25rem rgba(12,183,133,.25)}
.was-validated textarea.form-control:valid,.was-validated textarea.gridjs-input:valid,textarea.form-control.is-valid,textarea.is-valid.gridjs-input{
padding-right:calc(1.5em + 0.812rem);
background-position:top calc(0.375em + 0.203rem) right calc(0.375em + 0.203rem)}
.was-validated .form-select:valid,.form-select.is-valid{
border-color:#0cb785}
.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{
padding-right:4.125rem;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230cb785' d='M2.3 6.73.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-position:right .75rem center,center right 2.25rem;
background-size:16px 12px,calc(0.75em + 0.406rem) calc(0.75em + 0.406rem)}
.was-validated .form-select:valid:focus,.form-select.is-valid:focus{
border-color:#0cb785;
box-shadow:0 0 0 .25rem rgba(12,183,133,.25)}
.was-validated .form-control-color:valid,.form-control-color.is-valid{
width:calc(3rem + calc(1.5em + 0.812rem))}
.was-validated .form-check-input:valid,.form-check-input.is-valid{
border-color:#0cb785}
.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{
background-color:#0cb785}
.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{
box-shadow:0 0 0 .25rem rgba(12,183,133,.25)}
.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{
color:#0cb785}
.form-check-inline .form-check-input~.valid-feedback{
margin-left:.5em}
.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.gridjs-input:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.input-group>.gridjs-input:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{
z-index:3}
.invalid-feedback{
display:none;
width:100%;
margin-top:.25rem;
font-size:0.875em;
color:#dc3545}
.invalid-tooltip{
position:absolute;
top:100%;
z-index:5;
display:none;
max-width:100%;
padding:.25rem .5rem;
margin-top:.1rem;
font-size:0.8125rem;
color:#fff;
background-color:rgba(220,53,69,.9);
border-radius:.25rem}
.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{
display:block}
.was-validated .form-control:invalid,.was-validated .gridjs-input:invalid,.form-control.is-invalid,.is-invalid.gridjs-input{
border-color:#dc3545;
padding-right:calc(1.5em + 0.812rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' 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(0.375em + 0.203rem) center;
background-size:calc(0.75em + 0.406rem) calc(0.75em + 0.406rem)}
.was-validated .form-control:invalid:focus,.was-validated .gridjs-input:invalid:focus,.form-control.is-invalid:focus,.is-invalid.gridjs-input:focus{
border-color:#dc3545;
box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.was-validated textarea.form-control:invalid,.was-validated textarea.gridjs-input:invalid,textarea.form-control.is-invalid,textarea.is-invalid.gridjs-input{
padding-right:calc(1.5em + 0.812rem);
background-position:top calc(0.375em + 0.203rem) right calc(0.375em + 0.203rem)}
.was-validated .form-select:invalid,.form-select.is-invalid{
border-color:#dc3545}
.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{
padding-right:4.125rem;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' 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-position:right .75rem center,center right 2.25rem;
background-size:16px 12px,calc(0.75em + 0.406rem) calc(0.75em + 0.406rem)}
.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{
border-color:#dc3545;
box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.was-validated .form-control-color:invalid,.form-control-color.is-invalid{
width:calc(3rem + calc(1.5em + 0.812rem))}
.was-validated .form-check-input:invalid,.form-check-input.is-invalid{
border-color:#dc3545}
.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{
background-color:#dc3545}
.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{
box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{
color:#dc3545}
.form-check-inline .form-check-input~.invalid-feedback{
margin-left:.5em}
.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.gridjs-input:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.input-group>.gridjs-input:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{
z-index:4}
.btn,.ui-datepicker-buttonpane button,.gridjs-pages button{
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.406rem;
--bs-btn-font-family: ;
--bs-btn-font-size:0.875rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: #41505f;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.25rem;
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display:inline-block;
padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family:var(--bs-btn-font-family);
font-size:var(--bs-btn-font-size);
font-weight:var(--bs-btn-font-weight);
line-height:var(--bs-btn-line-height);
color:var(--bs-btn-color);
text-align:center;
vertical-align:middle;
cursor:pointer;
user-select:none;
border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius:var(--bs-btn-border-radius);
background-color:var(--bs-btn-bg);
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,.ui-datepicker-buttonpane button,.gridjs-pages button{
transition:none}
}
.btn:hover,.ui-datepicker-buttonpane button:hover,.gridjs-pages button:hover{
color:var(--bs-btn-hover-color);
background-color:var(--bs-btn-hover-bg);
border-color:var(--bs-btn-hover-border-color)}
.btn-check+.btn:hover,.ui-datepicker-buttonpane .btn-check+button:hover,.gridjs-pages .btn-check+button:hover{
color:var(--bs-btn-color);
background-color:var(--bs-btn-bg);
border-color:var(--bs-btn-border-color)}
.btn:focus-visible,.ui-datepicker-buttonpane button:focus-visible,.gridjs-pages button:focus-visible{
color:var(--bs-btn-hover-color);
background-color:var(--bs-btn-hover-bg);
border-color:var(--bs-btn-hover-border-color);
outline:0;
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:focus-visible+.btn,.ui-datepicker-buttonpane .btn-check:focus-visible+button,.gridjs-pages .btn-check:focus-visible+button{
border-color:var(--bs-btn-hover-border-color);
outline:0;
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked+.btn,.ui-datepicker-buttonpane .btn-check:checked+button,.gridjs-pages .btn-check:checked+button,:not(.btn-check)+.btn:active,.ui-datepicker-buttonpane :not(.btn-check)+button:active,.gridjs-pages :not(.btn-check)+button:active,.btn:first-child:active,.ui-datepicker-buttonpane button:first-child:active,.gridjs-pages button:first-child:active,.btn.active,.ui-datepicker-buttonpane button.active,.gridjs-pages button.active,.btn.show,.ui-datepicker-buttonpane button.show,.gridjs-pages button.show{
color:var(--bs-btn-active-color);
background-color:var(--bs-btn-active-bg);
border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,.ui-datepicker-buttonpane .btn-check:checked+button:focus-visible,.gridjs-pages .btn-check:checked+button:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.ui-datepicker-buttonpane :not(.btn-check)+button:active:focus-visible,.gridjs-pages :not(.btn-check)+button:active:focus-visible,.btn:first-child:active:focus-visible,.ui-datepicker-buttonpane button:first-child:active:focus-visible,.gridjs-pages button:first-child:active:focus-visible,.btn.active:focus-visible,.ui-datepicker-buttonpane button.active:focus-visible,.gridjs-pages button.active:focus-visible,.btn.show:focus-visible,.ui-datepicker-buttonpane button.show:focus-visible,.gridjs-pages button.show:focus-visible{
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn:disabled,.ui-datepicker-buttonpane button:disabled,.gridjs-pages button:disabled,.btn.disabled,.ui-datepicker-buttonpane button.disabled,.gridjs-pages button.disabled,fieldset:disabled .btn,fieldset:disabled .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane fieldset:disabled button,fieldset:disabled .gridjs-pages button,.gridjs-pages fieldset:disabled button{
color:var(--bs-btn-disabled-color);
pointer-events:none;
background-color:var(--bs-btn-disabled-bg);
border-color:var(--bs-btn-disabled-border-color);
opacity:var(--bs-btn-disabled-opacity)}
.btn-primary{
--bs-btn-color: #fff;
--bs-btn-bg: #1a8d4c;
--bs-btn-border-color: #1a8d4c;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #00853a;
--bs-btn-hover-border-color: #00853a;
--bs-btn-focus-shadow-rgb: 106, 133, 223;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #00853a;
--bs-btn-active-border-color: #00853a;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #00853a;
--bs-btn-disabled-border-color: #506fd9}
.btn-secondary,.ui-datepicker-buttonpane button{
--bs-btn-color: #000;
--bs-btn-bg: #6e7985;
--bs-btn-border-color: #6e7985;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #848d97;
--bs-btn-hover-border-color: #7d8691;
--bs-btn-focus-shadow-rgb: 94, 103, 113;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #8b949d;
--bs-btn-active-border-color: #7d8691;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #6e7985;
--bs-btn-disabled-border-color: #6e7985}
.btn-success{
--bs-btn-color: #000;
--bs-btn-bg: #0cb785;
--bs-btn-border-color: #0cb785;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #30c297;
--bs-btn-hover-border-color: #24be91;
--bs-btn-focus-shadow-rgb: 10, 156, 113;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dc59d;
--bs-btn-active-border-color: #24be91;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0cb785;
--bs-btn-disabled-border-color: #0cb785}
.btn-info{
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0}
.btn-warning{
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107}
.btn-danger{
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545}
.btn-light{
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fc;
--bs-btn-border-color: #f8f9fc;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d6;
--bs-btn-hover-border-color: #c6c7ca;
--bs-btn-focus-shadow-rgb: 211, 212, 214;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7ca;
--bs-btn-active-border-color: #babbbd;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fc;
--bs-btn-disabled-border-color: #f8f9fc}
.btn-dark{
--bs-btn-color: #fff;
--bs-btn-bg: #212830;
--bs-btn-border-color: #212830;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #42484f;
--bs-btn-hover-border-color: #373e45;
--bs-btn-focus-shadow-rgb: 66, 72, 79;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5359;
--bs-btn-active-border-color: #373e45;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212830;
--bs-btn-disabled-border-color: #212830}
.btn-outline-primary{
--bs-btn-color: #506fd9;
--bs-btn-border-color: #506fd9;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #506fd9;
--bs-btn-hover-border-color: #506fd9;
--bs-btn-focus-shadow-rgb: 80, 111, 217;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #506fd9;
--bs-btn-active-border-color: #506fd9;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #506fd9;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #506fd9;
--bs-gradient: none}
.btn-outline-secondary{
--bs-btn-color: #6e7985;
--bs-btn-border-color: #6e7985;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #6e7985;
--bs-btn-hover-border-color: #6e7985;
--bs-btn-focus-shadow-rgb: 110, 121, 133;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #6e7985;
--bs-btn-active-border-color: #6e7985;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6e7985;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6e7985;
--bs-gradient: none}
.btn-outline-success{
--bs-btn-color: #0cb785;
--bs-btn-border-color: #0cb785;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0cb785;
--bs-btn-hover-border-color: #0cb785;
--bs-btn-focus-shadow-rgb: 12, 183, 133;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0cb785;
--bs-btn-active-border-color: #0cb785;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0cb785;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0cb785;
--bs-gradient: none}
.btn-outline-info{
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none}
.btn-outline-warning{
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-gradient: none}
.btn-outline-danger{
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none}
.btn-outline-light{
--bs-btn-color: #f8f9fc;
--bs-btn-border-color: #f8f9fc;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fc;
--bs-btn-hover-border-color: #f8f9fc;
--bs-btn-focus-shadow-rgb: 248, 249, 252;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fc;
--bs-btn-active-border-color: #f8f9fc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fc;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fc;
--bs-gradient: none}
.btn-outline-dark{
--bs-btn-color: #212830;
--bs-btn-border-color: #212830;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212830;
--bs-btn-hover-border-color: #212830;
--bs-btn-focus-shadow-rgb: 33, 40, 48;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212830;
--bs-btn-active-border-color: #212830;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212830;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212830;
--bs-gradient: none}
.btn-link{
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6e7985;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 106, 133, 223;
text-decoration:none}
.btn-link:focus-visible{
color:var(--bs-btn-color)}
.btn-link:hover{
color:var(--bs-btn-hover-color)}
.btn-lg,.btn-group-lg>.btn,.ui-datepicker-buttonpane .btn-group-lg>button,.gridjs-pages .btn-group-lg>button{
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size:1.09375rem;
--bs-btn-border-radius: 0.5rem}
.btn-sm,.ui-datepicker-buttonpane button,.btn-group-sm>.btn,.ui-datepicker-buttonpane .btn-group-sm>button,.gridjs-pages .btn-group-sm>button{
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size:0.8125rem;
--bs-btn-border-radius: 0.25rem}
.fade{
transition:opacity .15s linear}
@media(prefers-reduced-motion: reduce){
.fade{
transition:none}
}
.fade:not(.show){
opacity:0}
.collapse:not(.show){
display:none}
.collapsing{
height:0;
overflow:hidden;
transition:height .35s ease}
@media(prefers-reduced-motion: reduce){
.collapsing{
transition:none}
}
.collapsing.collapse-horizontal{
width:0;
height:auto;
transition:width .35s ease}
@media(prefers-reduced-motion: reduce){
.collapsing.collapse-horizontal{
transition:none}
}
.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{
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 rgba(0,0,0,0);
border-bottom:0;
border-left:.3em solid rgba(0,0,0,0)}
.dropdown-toggle:empty::after{
margin-left:0}
.dropdown-menu{
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size:0.875rem;
--bs-dropdown-color: #41505f;
--bs-dropdown-bg: #fff;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: 0.25rem;
--bs-dropdown-border-width: 1px;
--bs-dropdown-inner-border-radius: calc(0.25rem - 1px);
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15);
--bs-dropdown-link-color: #212830;
--bs-dropdown-link-hover-color: #1e242b;
--bs-dropdown-link-hover-bg: #f3f5f9;
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #506fd9;
--bs-dropdown-link-disabled-color: #9ea7b1;
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6e7985;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position:absolute;
z-index:var(--bs-dropdown-zindex);
display:none;
min-width:var(--bs-dropdown-min-width);
padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin:0;
font-size:var(--bs-dropdown-font-size);
color:var(--bs-dropdown-color);
text-align:left;
list-style:none;
background-color:var(--bs-dropdown-bg);
background-clip:padding-box;
border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper]{
top:100%;
left:0;
margin-top:var(--bs-dropdown-spacer)}
.dropdown-menu-start{
--bs-position: start}
.dropdown-menu-start[data-bs-popper]{
right:auto;
left:0}
.dropdown-menu-end{
--bs-position: end}
.dropdown-menu-end[data-bs-popper]{
right:0;
left:auto}
@media(min-width: 576px){
.dropdown-menu-sm-start{
--bs-position: start}
.dropdown-menu-sm-start[data-bs-popper]{
right:auto;
left:0}
.dropdown-menu-sm-end{
--bs-position: end}
.dropdown-menu-sm-end[data-bs-popper]{
right:0;
left:auto}
}
@media(min-width: 768px){
.dropdown-menu-md-start{
--bs-position: start}
.dropdown-menu-md-start[data-bs-popper]{
right:auto;
left:0}
.dropdown-menu-md-end{
--bs-position: end}
.dropdown-menu-md-end[data-bs-popper]{
right:0;
left:auto}
}
@media(min-width: 992px){
.dropdown-menu-lg-start{
--bs-position: start}
.dropdown-menu-lg-start[data-bs-popper]{
right:auto;
left:0}
.dropdown-menu-lg-end{
--bs-position: end}
.dropdown-menu-lg-end[data-bs-popper]{
right:0;
left:auto}
}
@media(min-width: 1200px){
.dropdown-menu-xl-start{
--bs-position: start}
.dropdown-menu-xl-start[data-bs-popper]{
right:auto;
left:0}
.dropdown-menu-xl-end{
--bs-position: end}
.dropdown-menu-xl-end[data-bs-popper]{
right:0;
left:auto}
}
@media(min-width: 1400px){
.dropdown-menu-xxl-start{
--bs-position: start}
.dropdown-menu-xxl-start[data-bs-popper]{
right:auto;
left:0}
.dropdown-menu-xxl-end{
--bs-position: end}
.dropdown-menu-xxl-end[data-bs-popper]{
right:0;
left:auto}
}
.dropup .dropdown-menu[data-bs-popper]{
top:auto;
bottom:100%;
margin-top:0;
margin-bottom:var(--bs-dropdown-spacer)}
.dropup .dropdown-toggle::after{
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:0;
border-right:.3em solid rgba(0,0,0,0);
border-bottom:.3em solid;
border-left:.3em solid rgba(0,0,0,0)}
.dropup .dropdown-toggle:empty::after{
margin-left:0}
.dropend .dropdown-menu[data-bs-popper]{
top:0;
right:auto;
left:100%;
margin-top:0;
margin-left:var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after{
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid rgba(0,0,0,0);
border-right:0;
border-bottom:.3em solid rgba(0,0,0,0);
border-left:.3em solid}
.dropend .dropdown-toggle:empty::after{
margin-left:0}
.dropend .dropdown-toggle::after{
vertical-align:0}
.dropstart .dropdown-menu[data-bs-popper]{
top:0;
right:100%;
left:auto;
margin-top:0;
margin-right:var(--bs-dropdown-spacer)}
.dropstart .dropdown-toggle::after{
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:""}
.dropstart .dropdown-toggle::after{
display:none}
.dropstart .dropdown-toggle::before{
display:inline-block;
margin-right:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid rgba(0,0,0,0);
border-right:.3em solid;
border-bottom:.3em solid rgba(0,0,0,0)}
.dropstart .dropdown-toggle:empty::after{
margin-left:0}
.dropstart .dropdown-toggle::before{
vertical-align:0}
.dropdown-divider{
height:0;
margin:var(--bs-dropdown-divider-margin-y) 0;
overflow:hidden;
border-top:1px solid var(--bs-dropdown-divider-bg);
opacity:1}
.dropdown-item{
display:block;
width:100%;
padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear:both;
font-weight:400;
color:var(--bs-dropdown-link-color);
text-align:inherit;
white-space:nowrap;
background-color:rgba(0,0,0,0);
border:0}
.dropdown-item:hover,.dropdown-item:focus{
color:var(--bs-dropdown-link-hover-color);
background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active{
color:var(--bs-dropdown-link-active-color);
text-decoration:none;
background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled{
color:var(--bs-dropdown-link-disabled-color);
pointer-events:none;
background-color:rgba(0,0,0,0)}
.dropdown-menu.show{
display:block}
.dropdown-header{
display:block;
padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom:0;
font-size:0.8125rem;
color:var(--bs-dropdown-header-color);
white-space:nowrap}
.dropdown-item-text{
display:block;
padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color:var(--bs-dropdown-link-color)}
.dropdown-menu-dark{
--bs-dropdown-color: #e2e5ec;
--bs-dropdown-bg: #313c47;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #e2e5ec;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #506fd9;
--bs-dropdown-link-disabled-color: #9ea7b1;
--bs-dropdown-header-color: #9ea7b1}
.btn-group,.btn-group-vertical{
position:relative;
display:inline-flex;
vertical-align:middle}
.btn-group>.btn,.ui-datepicker-buttonpane .btn-group>button,.gridjs-pages .btn-group>button,.btn-group-vertical>.btn,.ui-datepicker-buttonpane .btn-group-vertical>button,.gridjs-pages .btn-group-vertical>button{
position:relative;
flex:1 1 auto}
.btn-group>.btn-check:checked+.btn,.ui-datepicker-buttonpane .btn-group>.btn-check:checked+button,.gridjs-pages .btn-group>.btn-check:checked+button,.btn-group>.btn-check:focus+.btn,.ui-datepicker-buttonpane .btn-group>.btn-check:focus+button,.gridjs-pages .btn-group>.btn-check:focus+button,.btn-group>.btn:hover,.ui-datepicker-buttonpane .btn-group>button:hover,.gridjs-pages .btn-group>button:hover,.btn-group>.btn:focus,.ui-datepicker-buttonpane .btn-group>button:focus,.gridjs-pages .btn-group>button:focus,.btn-group>.btn:active,.ui-datepicker-buttonpane .btn-group>button:active,.gridjs-pages .btn-group>button:active,.btn-group>.btn.active,.ui-datepicker-buttonpane .btn-group>button.active,.gridjs-pages .btn-group>button.active,.btn-group-vertical>.btn-check:checked+.btn,.ui-datepicker-buttonpane .btn-group-vertical>.btn-check:checked+button,.gridjs-pages .btn-group-vertical>.btn-check:checked+button,.btn-group-vertical>.btn-check:focus+.btn,.ui-datepicker-buttonpane .btn-group-vertical>.btn-check:focus+button,.gridjs-pages .btn-group-vertical>.btn-check:focus+button,.btn-group-vertical>.btn:hover,.ui-datepicker-buttonpane .btn-group-vertical>button:hover,.gridjs-pages .btn-group-vertical>button:hover,.btn-group-vertical>.btn:focus,.ui-datepicker-buttonpane .btn-group-vertical>button:focus,.gridjs-pages .btn-group-vertical>button:focus,.btn-group-vertical>.btn:active,.ui-datepicker-buttonpane .btn-group-vertical>button:active,.gridjs-pages .btn-group-vertical>button:active,.btn-group-vertical>.btn.active,.ui-datepicker-buttonpane .btn-group-vertical>button.active,.gridjs-pages .btn-group-vertical>button.active{
z-index:1}
.btn-toolbar{
display:flex;
flex-wrap:wrap;
justify-content:flex-start}
.btn-toolbar .input-group{
width:auto}
.btn-group{
border-radius:.25rem}
.btn-group>:not(.btn-check:first-child)+.btn,.ui-datepicker-buttonpane .btn-group>:not(.btn-check:first-child)+button,.gridjs-pages .btn-group>:not(.btn-check:first-child)+button,.btn-group>.btn-group:not(:first-child){
margin-left:-1px}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.ui-datepicker-buttonpane .btn-group>button:not(:last-child):not(.dropdown-toggle),.gridjs-pages .btn-group>button:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.ui-datepicker-buttonpane .btn-group>button.dropdown-toggle-split:first-child,.gridjs-pages .btn-group>button.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn,.ui-datepicker-buttonpane .btn-group>.btn-group:not(:last-child)>button,.gridjs-pages .btn-group>.btn-group:not(:last-child)>button{
border-top-right-radius:0;
border-bottom-right-radius:0}
.btn-group>.btn:nth-child(n+3),.ui-datepicker-buttonpane .btn-group>button:nth-child(n+3),.gridjs-pages .btn-group>button:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.ui-datepicker-buttonpane .btn-group>:not(.btn-check)+button,.gridjs-pages .btn-group>:not(.btn-check)+button,.btn-group>.btn-group:not(:first-child)>.btn,.ui-datepicker-buttonpane .btn-group>.btn-group:not(:first-child)>button,.gridjs-pages .btn-group>.btn-group:not(:first-child)>button{
border-top-left-radius:0;
border-bottom-left-radius:0}
.dropdown-toggle-split{
padding-right:.5625rem;
padding-left:.5625rem}
.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{
margin-left:0}
.dropstart .dropdown-toggle-split::before{
margin-right:0}
.btn-sm+.dropdown-toggle-split,.ui-datepicker-buttonpane button+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split,.ui-datepicker-buttonpane .btn-group-sm>button+.dropdown-toggle-split,.gridjs-pages .btn-group-sm>button+.dropdown-toggle-split{
padding-right:.375rem;
padding-left:.375rem}
.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split,.ui-datepicker-buttonpane .btn-group-lg>button+.dropdown-toggle-split,.gridjs-pages .btn-group-lg>button+.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,.ui-datepicker-buttonpane .btn-group-vertical>button,.gridjs-pages .btn-group-vertical>button,.btn-group-vertical>.btn-group{
width:100%}
.btn-group-vertical>.btn:not(:first-child),.ui-datepicker-buttonpane .btn-group-vertical>button:not(:first-child),.gridjs-pages .btn-group-vertical>button:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){
margin-top:-1px}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.ui-datepicker-buttonpane .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle),.gridjs-pages .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn,.ui-datepicker-buttonpane .btn-group-vertical>.btn-group:not(:last-child)>button,.gridjs-pages .btn-group-vertical>.btn-group:not(:last-child)>button{
border-bottom-right-radius:0;
border-bottom-left-radius:0}
.btn-group-vertical>.btn~.btn,.ui-datepicker-buttonpane .btn-group-vertical>button~.btn,.ui-datepicker-buttonpane .btn-group-vertical>.btn~button,.ui-datepicker-buttonpane .btn-group-vertical>button~button,.gridjs-pages .btn-group-vertical>button~.btn,.gridjs-pages .btn-group-vertical>.btn~button,.gridjs-pages .btn-group-vertical>button~button,.btn-group-vertical>.btn-group:not(:first-child)>.btn,.ui-datepicker-buttonpane .btn-group-vertical>.btn-group:not(:first-child)>button,.gridjs-pages .btn-group-vertical>.btn-group:not(:first-child)>button{
border-top-left-radius:0;
border-top-right-radius:0}
.nav{
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6e7985;
display:flex;
flex-wrap:wrap;
padding-left:0;
margin-bottom:0;
list-style:none}
.nav-link{
display:block;
padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size:var(--bs-nav-link-font-size);
font-weight:var(--bs-nav-link-font-weight);
color:var(--bs-nav-link-color);
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media(prefers-reduced-motion: reduce){
.nav-link{
transition:none}
}
.nav-link:hover,.nav-link:focus{
color:var(--bs-nav-link-hover-color)}
.nav-link.disabled{
color:var(--bs-nav-link-disabled-color);
pointer-events:none;
cursor:default}
.nav-tabs{
--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #e2e5ec;
--bs-nav-tabs-border-radius: 0.25rem;
--bs-nav-tabs-link-hover-border-color: #f3f5f9 #f3f5f9 #e2e5ec;
--bs-nav-tabs-link-active-color: #41505f;
--bs-nav-tabs-link-active-bg: #fbfcfe;
--bs-nav-tabs-link-active-border-color: #e2e5ec #e2e5ec #fbfcfe;
border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}
.nav-tabs .nav-link{
margin-bottom:calc(-1*var(--bs-nav-tabs-border-width));
background:none;
border:var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0);
border-top-left-radius:var(--bs-nav-tabs-border-radius);
border-top-right-radius:var(--bs-nav-tabs-border-radius)}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{
isolation:isolate;
border-color:var(--bs-nav-tabs-link-hover-border-color)}
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{
color:var(--bs-nav-link-disabled-color);
background-color:rgba(0,0,0,0);
border-color:rgba(0,0,0,0)}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
color:var(--bs-nav-tabs-link-active-color);
background-color:var(--bs-nav-tabs-link-active-bg);
border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-tabs .dropdown-menu{
margin-top:calc(-1*var(--bs-nav-tabs-border-width));
border-top-left-radius:0;
border-top-right-radius:0}
.nav-pills{
--bs-nav-pills-border-radius: 0.25rem;
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #506fd9}
.nav-pills .nav-link{
background:none;
border:0;
border-radius:var(--bs-nav-pills-border-radius)}
.nav-pills .nav-link:disabled{
color:var(--bs-nav-link-disabled-color);
background-color:rgba(0,0,0,0);
border-color:rgba(0,0,0,0)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
color:var(--bs-nav-pills-link-active-color);
background-color:var(--bs-nav-pills-link-active-bg)}
.nav-fill>.nav-link,.nav-fill .nav-item{
flex:1 1 auto;
text-align:center}
.nav-justified>.nav-link,.nav-justified .nav-item{
flex-basis:0;
flex-grow:1;
text-align:center}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{
width:100%}
.tab-content>.tab-pane{
display:none}
.tab-content>.active{
display:block}
.navbar{
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(0, 0, 0, 0.55);
--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-padding-y: 0.3359375rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.09375rem;
--bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.09375rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
--bs-navbar-toggler-border-radius: 0.25rem;
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{
display:flex;
flex-wrap:inherit;
align-items:center;
justify-content:space-between}
.navbar-brand{
padding-top:var(--bs-navbar-brand-padding-y);
padding-bottom:var(--bs-navbar-brand-padding-y);
margin-right:var(--bs-navbar-brand-margin-end);
font-size:var(--bs-navbar-brand-font-size);
color:var(--bs-navbar-brand-color);
white-space:nowrap}
.navbar-brand:hover,.navbar-brand:focus{
color:var(--bs-navbar-brand-hover-color)}
.navbar-nav{
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display:flex;
flex-direction:column;
padding-left:0;
margin-bottom:0;
list-style:none}
.navbar-nav .show>.nav-link,.navbar-nav .nav-link.active{
color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu{
position:static}
.navbar-text{
padding-top:.5rem;
padding-bottom:.5rem;
color:var(--bs-navbar-color)}
.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{
color:var(--bs-navbar-active-color)}
.navbar-collapse{
flex-basis:100%;
flex-grow:1;
align-items:center}
.navbar-toggler{
padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size:var(--bs-navbar-toggler-font-size);
line-height:1;
color:var(--bs-navbar-color);
background-color:rgba(0,0,0,0);
border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius:var(--bs-navbar-toggler-border-radius);
transition:var(--bs-navbar-toggler-transition)}
@media(prefers-reduced-motion: reduce){
.navbar-toggler{
transition:none}
}
.navbar-toggler:hover{
text-decoration:none}
.navbar-toggler:focus{
text-decoration:none;
outline:0;
box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon{
display:inline-block;
width:1.5em;
height:1.5em;
vertical-align:middle;
background-image:var(--bs-navbar-toggler-icon-bg);
background-repeat:no-repeat;
background-position:center;
background-size:100%}
.navbar-nav-scroll{
max-height:var(--bs-scroll-height, 75vh);
overflow-y:auto}
@media(min-width: 576px){
.navbar-expand-sm{
flex-wrap: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:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.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}
.navbar-expand-sm .offcanvas{
position:static;
z-index:auto;
flex-grow:1;
width:auto !important;
height:auto !important;
visibility:visible !important;
background-color:rgba(0,0,0,0) !important;
border:0 !important;
transform:none !important;
transition:none}
.navbar-expand-sm .offcanvas .offcanvas-header{
display:none}
.navbar-expand-sm .offcanvas .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media(min-width: 768px){
.navbar-expand-md{
flex-wrap: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:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.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}
.navbar-expand-md .offcanvas{
position:static;
z-index:auto;
flex-grow:1;
width:auto !important;
height:auto !important;
visibility:visible !important;
background-color:rgba(0,0,0,0) !important;
border:0 !important;
transform:none !important;
transition:none}
.navbar-expand-md .offcanvas .offcanvas-header{
display:none}
.navbar-expand-md .offcanvas .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media(min-width: 992px){
.navbar-expand-lg{
flex-wrap: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:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.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}
.navbar-expand-lg .offcanvas{
position:static;
z-index:auto;
flex-grow:1;
width:auto !important;
height:auto !important;
visibility:visible !important;
background-color:rgba(0,0,0,0) !important;
border:0 !important;
transform:none !important;
transition:none}
.navbar-expand-lg .offcanvas .offcanvas-header{
display:none}
.navbar-expand-lg .offcanvas .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media(min-width: 1200px){
.navbar-expand-xl{
flex-wrap: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:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.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-xl .offcanvas{
position:static;
z-index:auto;
flex-grow:1;
width:auto !important;
height:auto !important;
visibility:visible !important;
background-color:rgba(0,0,0,0) !important;
border:0 !important;
transform:none !important;
transition:none}
.navbar-expand-xl .offcanvas .offcanvas-header{
display:none}
.navbar-expand-xl .offcanvas .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media(min-width: 1400px){
.navbar-expand-xxl{
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand-xxl .navbar-nav{
flex-direction:row}
.navbar-expand-xxl .navbar-nav .dropdown-menu{
position:absolute}
.navbar-expand-xxl .navbar-nav .nav-link{
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-xxl .navbar-nav-scroll{
overflow:visible}
.navbar-expand-xxl .navbar-collapse{
display:flex !important;
flex-basis:auto}
.navbar-expand-xxl .navbar-toggler{
display:none}
.navbar-expand-xxl .offcanvas{
position:static;
z-index:auto;
flex-grow:1;
width:auto !important;
height:auto !important;
visibility:visible !important;
background-color:rgba(0,0,0,0) !important;
border:0 !important;
transform:none !important;
transition:none}
.navbar-expand-xxl .offcanvas .offcanvas-header{
display:none}
.navbar-expand-xxl .offcanvas .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
.navbar-expand{
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand .navbar-nav{
flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu{
position:absolute}
.navbar-expand .navbar-nav .nav-link{
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand .navbar-nav-scroll{
overflow:visible}
.navbar-expand .navbar-collapse{
display:flex !important;
flex-basis:auto}
.navbar-expand .navbar-toggler{
display:none}
.navbar-expand .offcanvas{
position:static;
z-index:auto;
flex-grow:1;
width:auto !important;
height:auto !important;
visibility:visible !important;
background-color:rgba(0,0,0,0) !important;
border:0 !important;
transform:none !important;
transition:none}
.navbar-expand .offcanvas .offcanvas-header{
display:none}
.navbar-expand .offcanvas .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
.navbar-dark{
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.card{
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-border-width: 1px;
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: 0.25rem;
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(0.25rem - 1px);
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(0, 0, 0, 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: #fff;
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position:relative;
display:flex;
flex-direction:column;
min-width:0;
height:var(--bs-card-height);
word-wrap:break-word;
background-color:var(--bs-card-bg);
background-clip:border-box;
border:var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius:var(--bs-card-border-radius)}
.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:var(--bs-card-inner-border-radius);
border-top-right-radius:var(--bs-card-inner-border-radius)}
.card>.list-group:last-child{
border-bottom-width:0;
border-bottom-right-radius:var(--bs-card-inner-border-radius);
border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card>.card-header+.list-group,.card>.list-group+.card-footer{
border-top:0}
.card-body{
flex:1 1 auto;
padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color:var(--bs-card-color)}
.card-title{
text-align: center;
margin-bottom:var(--bs-card-title-spacer-y)}
.card-subtitle{
margin-top:calc(-0.5*var(--bs-card-title-spacer-y));
margin-bottom:0}
.card-text:last-child{
margin-bottom:0}
.card-link+.card-link{
margin-left:var(--bs-card-spacer-x)}
.card-header{
padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom:0;
color:var(--bs-card-cap-color);
background-color:var(--bs-card-cap-bg);
border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-header:first-child{
border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}
.card-footer{
padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color:var(--bs-card-cap-color);
background-color:var(--bs-card-cap-bg);
border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-footer:last-child{
border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}
.card-header-tabs{
margin-right:calc(-0.5*var(--bs-card-cap-padding-x));
margin-bottom:calc(-1*var(--bs-card-cap-padding-y));
margin-left:calc(-0.5*var(--bs-card-cap-padding-x));
border-bottom:0}
.card-header-tabs .nav-link.active{
background-color:var(--bs-card-bg);
border-bottom-color:var(--bs-card-bg)}
.card-header-pills{
margin-right:calc(-0.5*var(--bs-card-cap-padding-x));
margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}
.card-img-overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding:var(--bs-card-img-overlay-padding);
border-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-top,.card-img-bottom{
width:100%}
.card-img,.card-img-top{
border-top-left-radius:var(--bs-card-inner-border-radius);
border-top-right-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom{
border-bottom-right-radius:var(--bs-card-inner-border-radius);
border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card-group>.card{
margin-bottom:var(--bs-card-group-margin)}
@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-img-top,.card-group>.card:not(:last-child) .card-header{
border-top-right-radius:0}
.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{
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-img-top,.card-group>.card:not(:first-child) .card-header{
border-top-left-radius:0}
.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{
border-bottom-left-radius:0}
}
.accordion{
--bs-accordion-color: #41505f;
--bs-accordion-bg: #fbfcfe;
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0.25rem;
--bs-accordion-inner-border-radius: calc(0.25rem - 1px);
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: #41505f;
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2341505f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234864c3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #a8b7ec;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(80, 111, 217, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: #4864c3;
--bs-accordion-active-bg: #eef1fb}
.accordion-button{
position:relative;
display:flex;
align-items:center;
width:100%;
padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size:0.875rem;
color:var(--bs-accordion-btn-color);
text-align:left;
background-color:var(--bs-accordion-btn-bg);
border:0;
border-radius:0;
overflow-anchor:none;
transition:var(--bs-accordion-transition)}
@media(prefers-reduced-motion: reduce){
.accordion-button{
transition:none}
}
.accordion-button:not(.collapsed){
color:var(--bs-accordion-active-color);
background-color:var(--bs-accordion-active-bg);
box-shadow:inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after{
background-image:var(--bs-accordion-btn-active-icon);
transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after{
flex-shrink:0;
width:var(--bs-accordion-btn-icon-width);
height:var(--bs-accordion-btn-icon-width);
margin-left:auto;
content:"";
background-image:var(--bs-accordion-btn-icon);
background-repeat:no-repeat;
background-size:var(--bs-accordion-btn-icon-width);
transition:var(--bs-accordion-btn-icon-transition)}
@media(prefers-reduced-motion: reduce){
.accordion-button::after{
transition:none}
}
.accordion-button:hover{
z-index:2}
.accordion-button:focus{
z-index:3;
border-color:var(--bs-accordion-btn-focus-border-color);
outline:0;
box-shadow:var(--bs-accordion-btn-focus-box-shadow)}
.accordion-header{
margin-bottom:0}
.accordion-item{
color:var(--bs-accordion-color);
background-color:var(--bs-accordion-bg);
border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type{
border-top-left-radius:var(--bs-accordion-border-radius);
border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type .accordion-button{
border-top-left-radius:var(--bs-accordion-inner-border-radius);
border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type){
border-top:0}
.accordion-item:last-of-type{
border-bottom-right-radius:var(--bs-accordion-border-radius);
border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type .accordion-button.collapsed{
border-bottom-right-radius:var(--bs-accordion-inner-border-radius);
border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type .accordion-collapse{
border-bottom-right-radius:var(--bs-accordion-border-radius);
border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-body{
padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
.accordion-flush .accordion-collapse{
border-width:0}
.accordion-flush .accordion-item{
border-right:0;
border-left:0;
border-radius:0}
.accordion-flush .accordion-item:first-child{
border-top:0}
.accordion-flush .accordion-item:last-child{
border-bottom:0}
.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{
border-radius:0}
.breadcrumb{
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: #6e7985;
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #6e7985;
display:flex;
flex-wrap:wrap;
padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom:var(--bs-breadcrumb-margin-bottom);
font-size:var(--bs-breadcrumb-font-size);
list-style:none;
background-color:var(--bs-breadcrumb-bg);
border-radius:var(--bs-breadcrumb-border-radius)}
.breadcrumb-item+.breadcrumb-item{
padding-left:var(--bs-breadcrumb-item-padding-x)}
.breadcrumb-item+.breadcrumb-item::before{
float:left;
padding-right:var(--bs-breadcrumb-item-padding-x);
color:var(--bs-breadcrumb-divider-color);
content:var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */}
.breadcrumb-item.active{
color:var(--bs-breadcrumb-item-active-color)}
.pagination{
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size:0.875rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: #fff;
--bs-pagination-border-width: 1px;
--bs-pagination-border-color: #e2e5ec;
--bs-pagination-border-radius: 0.25rem;
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: #f3f5f9;
--bs-pagination-hover-border-color: #e2e5ec;
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: #f3f5f9;
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(80, 111, 217, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #506fd9;
--bs-pagination-active-border-color: #506fd9;
--bs-pagination-disabled-color: #6e7985;
--bs-pagination-disabled-bg: #fff;
--bs-pagination-disabled-border-color: #e2e5ec;
display:flex;
padding-left:0;
list-style:none}
.page-link{
position:relative;
display:block;
padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size:var(--bs-pagination-font-size);
color:var(--bs-pagination-color);
background-color:var(--bs-pagination-bg);
border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
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){
.page-link{
transition:none}
}
.page-link:hover{
z-index:2;
color:var(--bs-pagination-hover-color);
background-color:var(--bs-pagination-hover-bg);
border-color:var(--bs-pagination-hover-border-color)}
.page-link:focus{
z-index:3;
color:var(--bs-pagination-focus-color);
background-color:var(--bs-pagination-focus-bg);
outline:0;
box-shadow:var(--bs-pagination-focus-box-shadow)}
.page-link.active,.active>.page-link{
z-index:3;
color:var(--bs-pagination-active-color);
background-color:var(--bs-pagination-active-bg);
border-color:var(--bs-pagination-active-border-color)}
.page-link.disabled,.disabled>.page-link{
color:var(--bs-pagination-disabled-color);
pointer-events:none;
background-color:var(--bs-pagination-disabled-bg);
border-color:var(--bs-pagination-disabled-border-color)}
.page-item:not(:first-child) .page-link{
margin-left:-1px}
.page-item:first-child .page-link{
border-top-left-radius:var(--bs-pagination-border-radius);
border-bottom-left-radius:var(--bs-pagination-border-radius)}
.page-item:last-child .page-link{
border-top-right-radius:var(--bs-pagination-border-radius);
border-bottom-right-radius:var(--bs-pagination-border-radius)}
.pagination-lg{
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size:1.09375rem;
--bs-pagination-border-radius: 0.5rem}
.pagination-sm{
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size:0.8125rem;
--bs-pagination-border-radius: 0.25rem}
.badge{
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size:0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: 0.25rem;
display:inline-block;
padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size:var(--bs-badge-font-size);
font-weight:var(--bs-badge-font-weight);
line-height:1;
color:var(--bs-badge-color);
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:var(--bs-badge-border-radius)}
.badge:empty{
display:none}
.btn .badge,.ui-datepicker-buttonpane button .badge,.gridjs-pages button .badge{
position:relative;
top:-1px}
.alert{
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: 1px solid var(--bs-alert-border-color);
--bs-alert-border-radius: 0.25rem;
position:relative;
padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom:var(--bs-alert-margin-bottom);
color:var(--bs-alert-color);
background-color:var(--bs-alert-bg);
border:var(--bs-alert-border);
border-radius:var(--bs-alert-border-radius)}
.alert-heading{
color:inherit}
.alert-link{
font-weight:700}
.alert-dismissible{
padding-right:3rem}
.alert-dismissible .btn-close{
position:absolute;
top:0;
right:0;
z-index:2;
padding:1.25rem 1rem}
.alert-primary{
--bs-alert-color: #304382;
--bs-alert-bg: #dce2f7;
--bs-alert-border-color: #cbd4f4}
.alert-primary .alert-link{
color:#263668}
.alert-secondary{
--bs-alert-color: #424950;
--bs-alert-bg: #e2e4e7;
--bs-alert-border-color: #d4d7da}
.alert-secondary .alert-link{
color:#353a40}
.alert-success{
--bs-alert-color: #076e50;
--bs-alert-bg: #cef1e7;
--bs-alert-border-color: #b6e9da}
.alert-success .alert-link{
color:#065840}
.alert-info{
--bs-alert-color: #055160;
--bs-alert-bg: #cff4fc;
--bs-alert-border-color: #b6effb}
.alert-info .alert-link{
color:#04414d}
.alert-warning{
--bs-alert-color: #664d03;
--bs-alert-bg: #fff3cd;
--bs-alert-border-color: #ffecb5}
.alert-warning .alert-link{
color:#523e02}
.alert-danger{
--bs-alert-color: #842029;
--bs-alert-bg: #f8d7da;
--bs-alert-border-color: #f5c2c7}
.alert-danger .alert-link{
color:#6a1a21}
.alert-light{
--bs-alert-color: #636465;
--bs-alert-bg: #fefefe;
--bs-alert-border-color: #fdfdfe}
.alert-light .alert-link{
color:#4f5051}
.alert-dark{
--bs-alert-color: #14181d;
--bs-alert-bg: #d3d4d6;
--bs-alert-border-color: #bcbfc1}
.alert-dark .alert-link{
color:#101317}
@keyframes progress-bar-stripes{
0%{
background-position-x:1rem}
}
.progress{
--bs-progress-height: 1rem;
--bs-progress-font-size:0.65625rem;
--bs-progress-bg: #f3f5f9;
--bs-progress-border-radius: 0.25rem;
--bs-progress-box-shadow: inset 0 1px 2px rgba(33, 40, 48, 0.075);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #506fd9;
--bs-progress-bar-transition: width 0.6s ease;
display:flex;
height:var(--bs-progress-height);
overflow:hidden;
font-size:var(--bs-progress-font-size);
background-color:var(--bs-progress-bg);
border-radius:var(--bs-progress-border-radius)}
.progress-bar{
display:flex;
flex-direction:column;
justify-content:center;
overflow:hidden;
color:var(--bs-progress-bar-color);
text-align:center;
white-space:nowrap;
background-color:var(--bs-progress-bar-bg);
transition:var(--bs-progress-bar-transition)}
@media(prefers-reduced-motion: reduce){
.progress-bar{
transition:none}
}
.progress-bar-striped{
background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size:var(--bs-progress-height) var(--bs-progress-height)}
.progress-bar-animated{
animation:1s linear infinite progress-bar-stripes}
@media(prefers-reduced-motion: reduce){
.progress-bar-animated{
animation:none}
}
.list-group{
--bs-list-group-color: #212830;
--bs-list-group-bg: #fff;
--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: 0.25rem;
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: #41505f;
--bs-list-group-action-hover-color: #41505f;
--bs-list-group-action-hover-bg: #f8f9fc;
--bs-list-group-action-active-color: #41505f;
--bs-list-group-action-active-bg: #f3f5f9;
--bs-list-group-disabled-color: #6e7985;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #506fd9;
--bs-list-group-active-border-color: #506fd9;
display:flex;
flex-direction:column;
padding-left:0;
margin-bottom:0;
border-radius:var(--bs-list-group-border-radius)}
.list-group-numbered{
list-style-type:none;
counter-reset:section}
.list-group-numbered>.list-group-item::before{
content:counters(section, ".") ". ";
counter-increment:section}
.list-group-item-action{
width:100%;
color:var(--bs-list-group-action-color);
text-align:inherit}
.list-group-item-action:hover,.list-group-item-action:focus{
z-index:1;
color:var(--bs-list-group-action-hover-color);
text-decoration:none;
background-color:var(--bs-list-group-action-hover-bg)}
.list-group-item-action:active{
color:var(--bs-list-group-action-active-color);
background-color:var(--bs-list-group-action-active-bg)}
.list-group-item{
position:relative;
display:block;
padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color:var(--bs-list-group-color);
background-color:var(--bs-list-group-bg);
border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}
.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:var(--bs-list-group-disabled-color);
pointer-events:none;
background-color:var(--bs-list-group-disabled-bg)}
.list-group-item.active{
z-index:2;
color:var(--bs-list-group-active-color);
background-color:var(--bs-list-group-active-bg);
border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item{
border-top-width:0}
.list-group-item+.list-group-item.active{
margin-top:calc(-1*var(--bs-list-group-border-width));
border-top-width:var(--bs-list-group-border-width)}
.list-group-horizontal{
flex-direction:row}
.list-group-horizontal>.list-group-item:first-child:not(:last-child){
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal>.list-group-item:last-child:not(:first-child){
border-top-right-radius:var(--bs-list-group-border-radius);
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:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal>.list-group-item+.list-group-item.active{
margin-left:calc(-1*var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
@media(min-width: 576px){
.list-group-horizontal-sm{
flex-direction:row}
.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){
border-top-right-radius:var(--bs-list-group-border-radius);
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:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active{
margin-left:calc(-1*var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media(min-width: 768px){
.list-group-horizontal-md{
flex-direction:row}
.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){
border-top-right-radius:var(--bs-list-group-border-radius);
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:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-md>.list-group-item+.list-group-item.active{
margin-left:calc(-1*var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media(min-width: 992px){
.list-group-horizontal-lg{
flex-direction:row}
.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){
border-top-right-radius:var(--bs-list-group-border-radius);
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:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active{
margin-left:calc(-1*var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media(min-width: 1200px){
.list-group-horizontal-xl{
flex-direction:row}
.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){
border-top-right-radius:var(--bs-list-group-border-radius);
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:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active{
margin-left:calc(-1*var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media(min-width: 1400px){
.list-group-horizontal-xxl{
flex-direction:row}
.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal-xxl>.list-group-item.active{
margin-top:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item{
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{
margin-left:calc(-1*var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
.list-group-flush{
border-radius:0}
.list-group-flush>.list-group-item{
border-width:0 0 var(--bs-list-group-border-width)}
.list-group-flush>.list-group-item:last-child{
border-bottom-width:0}
.list-group-item-primary{
color:#304382;
background-color:#dce2f7}
.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{
color:#304382;
background-color:#c6cbde}
.list-group-item-primary.list-group-item-action.active{
color:#fff;
background-color:#304382;
border-color:#304382}
.list-group-item-secondary{
color:#424950;
background-color:#e2e4e7}
.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{
color:#424950;
background-color:#cbcdd0}
.list-group-item-secondary.list-group-item-action.active{
color:#fff;
background-color:#424950;
border-color:#424950}
.list-group-item-success{
color:#076e50;
background-color:#cef1e7}
.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{
color:#076e50;
background-color:#b9d9d0}
.list-group-item-success.list-group-item-action.active{
color:#fff;
background-color:#076e50;
border-color:#076e50}
.list-group-item-info{
color:#055160;
background-color:#cff4fc}
.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{
color:#055160;
background-color:#badce3}
.list-group-item-info.list-group-item-action.active{
color:#fff;
background-color:#055160;
border-color:#055160}
.list-group-item-warning{
color:#664d03;
background-color:#fff3cd}
.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{
color:#664d03;
background-color:#e6dbb9}
.list-group-item-warning.list-group-item-action.active{
color:#fff;
background-color:#664d03;
border-color:#664d03}
.list-group-item-danger{
color:#842029;
background-color:#f8d7da}
.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{
color:#842029;
background-color:#dfc2c4}
.list-group-item-danger.list-group-item-action.active{
color:#fff;
background-color:#842029;
border-color:#842029}
.list-group-item-light{
color:#636465;
background-color:#fefefe}
.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{
color:#636465;
background-color:#e5e5e5}
.list-group-item-light.list-group-item-action.active{
color:#fff;
background-color:#636465;
border-color:#636465}
.list-group-item-dark{
color:#14181d;
background-color:#d3d4d6}
.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{
color:#14181d;
background-color:#bebfc1}
.list-group-item-dark.list-group-item-action.active{
color:#fff;
background-color:#14181d;
border-color:#14181d}
.btn-close{
box-sizing:content-box;
width:1em;
height:1em;
padding:.25em .25em;
color:#000;
background:rgba(0,0,0,0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border:0;
border-radius:.25rem;
opacity:.5}
.btn-close:hover{
color:#000;
text-decoration:none;
opacity:.75}
.btn-close:focus{
outline:0;
box-shadow:0 0 0 .25rem rgba(80,111,217,.25);
opacity:1}
.btn-close:disabled,.btn-close.disabled{
pointer-events:none;
user-select:none;
opacity:.25}
.btn-close-white{
filter:invert(1) grayscale(100%) brightness(200%)}
.toast{
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size:0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(255, 255, 255, 0.85);
--bs-toast-border-width: 1px;
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: 0.25rem;
--bs-toast-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15);
--bs-toast-header-color: #6e7985;
--bs-toast-header-bg: rgba(255, 255, 255, 0.85);
--bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
width:var(--bs-toast-max-width);
max-width:100%;
font-size:var(--bs-toast-font-size);
color:var(--bs-toast-color);
pointer-events:auto;
background-color:var(--bs-toast-bg);
background-clip:padding-box;
border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow:var(--bs-toast-box-shadow);
border-radius:var(--bs-toast-border-radius)}
.toast.showing{
opacity:0}
.toast:not(.show){
display:none}
.toast-container{
--bs-toast-zindex: 1090;
position:absolute;
z-index:var(--bs-toast-zindex);
width:max-content;
max-width:100%;
pointer-events:none}
.toast-container>:not(:last-child){
margin-bottom:var(--bs-toast-spacing)}
.toast-header{
display:flex;
align-items:center;
padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color:var(--bs-toast-header-color);
background-color:var(--bs-toast-header-bg);
background-clip:padding-box;
border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}
.toast-header .btn-close{
margin-right:calc(-0.5*var(--bs-toast-padding-x));
margin-left:var(--bs-toast-padding-x)}
.toast-body{
padding:var(--bs-toast-padding-x);
word-wrap:break-word}
.modal{
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(33, 40, 48, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
position:fixed;
top:0;
left:0;
z-index:var(--bs-modal-zindex);
display:none;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:auto;
outline:0}
.modal-dialog{
position:relative;
width:auto;
margin:var(--bs-modal-margin);
pointer-events:none}
.modal.fade .modal-dialog{
transition:transform .3s ease-out;
transform:translate(0, -50px)}
@media(prefers-reduced-motion: reduce){
.modal.fade .modal-dialog{
transition:none}
}
.modal.show .modal-dialog{
transform:none}
.modal.modal-static .modal-dialog{
transform:scale(1.02)}
.modal-dialog-scrollable{
height:calc(100% - var(--bs-modal-margin)*2)}
.modal-dialog-scrollable .modal-content{
max-height:100%;
overflow:hidden}
.modal-dialog-scrollable .modal-body{
overflow-y:auto}
.modal-dialog-centered{
display:flex;
align-items:center;
min-height:calc(100% - var(--bs-modal-margin)*2)}
.modal-content{
position:relative;
display:flex;
flex-direction:column;
width:100%;
color:var(--bs-modal-color);
pointer-events:auto;
background-color:var(--bs-modal-bg);
background-clip:padding-box;
border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius:var(--bs-modal-border-radius);
outline:0}
.modal-backdrop{
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position:fixed;
top:0;
left:0;
z-index:var(--bs-backdrop-zindex);
width:100vw;
height:100vh;
background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade{
opacity:0}
.modal-backdrop.show{
opacity:var(--bs-backdrop-opacity)}
.modal-header{
display:flex;
flex-shrink:0;
align-items:center;
justify-content:space-between;
padding:var(--bs-modal-header-padding);
border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius:var(--bs-modal-inner-border-radius);
border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close{
padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
margin:calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto}
.modal-title{
margin-bottom:0;
line-height:var(--bs-modal-title-line-height)}
.modal-body{
position:relative;
flex:1 1 auto;
padding:var(--bs-modal-padding)}
.modal-footer{
display:flex;
flex-shrink:0;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
background-color:var(--bs-modal-footer-bg);
border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius:var(--bs-modal-inner-border-radius);
border-bottom-left-radius:var(--bs-modal-inner-border-radius)}
.modal-footer>*{
margin:calc(var(--bs-modal-footer-gap)*.5)}
@media(min-width: 576px){
.modal{
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15)}
.modal-dialog{
max-width:var(--bs-modal-width);
margin-right:auto;
margin-left:auto}
.modal-sm{
--bs-modal-width: 300px}
}
@media(min-width: 992px){
.modal-lg,.modal-xl{
--bs-modal-width: 800px}
}
@media(min-width: 1200px){
.modal-xl{
--bs-modal-width: 1140px}
}
.modal-fullscreen{
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen .modal-content{
height:100%;
border:0;
border-radius:0}
.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{
border-radius:0}
.modal-fullscreen .modal-body{
overflow-y:auto}
@media(max-width: 575.98px){
.modal-fullscreen-sm-down{
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-sm-down .modal-content{
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{
border-radius:0}
.modal-fullscreen-sm-down .modal-body{
overflow-y:auto}
}
@media(max-width: 767.98px){
.modal-fullscreen-md-down{
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-md-down .modal-content{
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{
border-radius:0}
.modal-fullscreen-md-down .modal-body{
overflow-y:auto}
}
@media(max-width: 991.98px){
.modal-fullscreen-lg-down{
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-lg-down .modal-content{
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{
border-radius:0}
.modal-fullscreen-lg-down .modal-body{
overflow-y:auto}
}
@media(max-width: 1199.98px){
.modal-fullscreen-xl-down{
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-xl-down .modal-content{
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{
border-radius:0}
.modal-fullscreen-xl-down .modal-body{
overflow-y:auto}
}
@media(max-width: 1399.98px){
.modal-fullscreen-xxl-down{
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-xxl-down .modal-content{
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{
border-radius:0}
.modal-fullscreen-xxl-down .modal-body{
overflow-y:auto}
}
.tooltip{
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size:0.8125rem;
--bs-tooltip-color: #fff;
--bs-tooltip-bg: #000;
--bs-tooltip-border-radius: 0.25rem;
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index:var(--bs-tooltip-zindex);
display:block;
padding:var(--bs-tooltip-arrow-height);
margin:var(--bs-tooltip-margin);
font-family:"Open Sans",sans-serif;
font-style:normal;
font-weight:400;
line-height:1.5;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
letter-spacing:normal;
word-break:normal;
white-space:normal;
word-spacing:normal;
line-break:auto;
font-size:var(--bs-tooltip-font-size);
word-wrap:break-word;
opacity:0}
.tooltip.show{
opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow{
display:block;
width:var(--bs-tooltip-arrow-width);
height:var(--bs-tooltip-arrow-height)}
.tooltip .tooltip-arrow::before{
position:absolute;
content:"";
border-color:rgba(0,0,0,0);
border-style:solid}
.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{
bottom:0}
.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{
top:-1px;
border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{
left:0;
width:var(--bs-tooltip-arrow-height);
height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{
right:-1px;
border-width:calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{
top:0}
.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{
bottom:-1px;
border-width:0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{
right:0;
width:var(--bs-tooltip-arrow-height);
height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{
left:-1px;
border-width:calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
border-left-color:var(--bs-tooltip-bg)}
.tooltip-inner{
max-width:var(--bs-tooltip-max-width);
padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color:var(--bs-tooltip-color);
text-align:center;
background-color:var(--bs-tooltip-bg);
border-radius:var(--bs-tooltip-border-radius)}
.popover{
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size:0.8125rem;
--bs-popover-bg: #fff;
--bs-popover-border-width: 1px;
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: 0.5rem;
--bs-popover-inner-border-radius: calc(0.5rem - 1px);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size:0.875rem;
--bs-popover-header-color: ;
--bs-popover-header-bg: #f0f0f0;
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: #41505f;
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index:var(--bs-popover-zindex);
display:block;
max-width:var(--bs-popover-max-width);
font-family:"Open Sans",sans-serif;
font-style:normal;
font-weight:400;
line-height:1.5;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
letter-spacing:normal;
word-break:normal;
white-space:normal;
word-spacing:normal;
line-break:auto;
font-size:var(--bs-popover-font-size);
word-wrap:break-word;
background-color:var(--bs-popover-bg);
background-clip:padding-box;
border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius:var(--bs-popover-border-radius)}
.popover .popover-arrow{
display:block;
width:var(--bs-popover-arrow-width);
height:var(--bs-popover-arrow-height)}
.popover .popover-arrow::before,.popover .popover-arrow::after{
position:absolute;
display:block;
content:"";
border-color:rgba(0,0,0,0);
border-style:solid;
border-width:0}
.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{
bottom:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{
border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}
.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{
bottom:0;
border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{
bottom:var(--bs-popover-border-width);
border-top-color:var(--bs-popover-bg)}
.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{
left:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width:var(--bs-popover-arrow-height);
height:var(--bs-popover-arrow-width)}
.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{
border-width:calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}
.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{
left:0;
border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{
left:var(--bs-popover-border-width);
border-right-color:var(--bs-popover-bg)}
.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{
top:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{
border-width:0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}
.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{
top:0;
border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{
top:var(--bs-popover-border-width);
border-bottom-color:var(--bs-popover-bg)}
.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{
position:absolute;
top:0;
left:50%;
display:block;
width:var(--bs-popover-arrow-width);
margin-left:calc(-0.5*var(--bs-popover-arrow-width));
content:"";
border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{
right:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width:var(--bs-popover-arrow-height);
height:var(--bs-popover-arrow-width)}
.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{
border-width:calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}
.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{
right:0;
border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{
right:var(--bs-popover-border-width);
border-left-color:var(--bs-popover-bg)}
.popover-header{
padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom:0;
font-size:var(--bs-popover-header-font-size);
color:var(--bs-popover-header-color);
background-color:var(--bs-popover-header-bg);
border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius:var(--bs-popover-inner-border-radius);
border-top-right-radius:var(--bs-popover-inner-border-radius)}
.popover-header:empty{
display:none}
.popover-body{
padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color:var(--bs-popover-body-color)}
.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%;
backface-visibility:hidden;
transition:transform .6s ease-in-out}
@media(prefers-reduced-motion: reduce){
.carousel-item{
transition:none}
}
.carousel-item.active,.carousel-item-next,.carousel-item-prev{
display:block}
.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{
transform:translateX(100%)}
.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{
transform:translateX(-100%)}
.carousel-fade .carousel-item{
opacity:0;
transition-property:opacity;
transform:none}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{
z-index:1;
opacity:1}
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{
z-index:0;
opacity:0;
transition:opacity 0s .6s}
@media(prefers-reduced-motion: reduce){
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{
transition:none}
}
.carousel-control-prev,.carousel-control-next{
position:absolute;
top:0;
bottom:0;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
width:15%;
padding:0;
color:#fff;
text-align:center;
background:none;
border:0;
opacity:.5;
transition:opacity .15s ease}
@media(prefers-reduced-motion: reduce){
.carousel-control-prev,.carousel-control-next{
transition:none}
}
.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{
color:#fff;
text-decoration:none;
outline:0;
opacity:.9}
.carousel-control-prev{
left:0}
.carousel-control-next{
right:0}
.carousel-control-prev-icon,.carousel-control-next-icon{
display:inline-block;
width:2rem;
height:2rem;
background-repeat:no-repeat;
background-position:50%;
background-size:100% 100%}
.carousel-control-prev-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators{
position:absolute;
right:0;
bottom:0;
left:0;
z-index:2;
display:flex;
justify-content:center;
padding:0;
margin-right:15%;
margin-bottom:1rem;
margin-left:15%;
list-style:none}
.carousel-indicators [data-bs-target]{
box-sizing:content-box;
flex:0 1 auto;
width:30px;
height:3px;
padding:0;
margin-right:3px;
margin-left:3px;
text-indent:-999px;
cursor:pointer;
background-color:#fff;
background-clip:padding-box;
border:0;
border-top:10px solid rgba(0,0,0,0);
border-bottom:10px solid rgba(0,0,0,0);
opacity:.5;
transition:opacity .6s ease}
@media(prefers-reduced-motion: reduce){
.carousel-indicators [data-bs-target]{
transition:none}
}
.carousel-indicators .active{
opacity:1}
.carousel-caption{
position:absolute;
right:15%;
bottom:1.25rem;
left:15%;
padding-top:1.25rem;
padding-bottom:1.25rem;
color:#fff;
text-align:center}
.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon{
filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target]{
background-color:#000}
.carousel-dark .carousel-caption{
color:#000}
.spinner-grow,.spinner-border{
display:inline-block;
width:var(--bs-spinner-width);
height:var(--bs-spinner-height);
vertical-align:var(--bs-spinner-vertical-align);
border-radius:50%;
animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
@keyframes spinner-border{
to{
transform:rotate(360deg) /* rtl:ignore */}
}
.spinner-border{
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border:var(--bs-spinner-border-width) solid currentcolor;
border-right-color:rgba(0,0,0,0)}
.spinner-border-sm{
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em}
@keyframes spinner-grow{
0%{
transform:scale(0)}
50%{
opacity:1;
transform:none}
}
.spinner-grow{
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color:currentcolor;
opacity:0}
.spinner-grow-sm{
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem}
@media(prefers-reduced-motion: reduce){
.spinner-border,.spinner-grow{
--bs-spinner-animation-speed: 1.5s}
}
.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: ;
--bs-offcanvas-bg: #fff;
--bs-offcanvas-border-width: 1px;
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(33, 40, 48, 0.075)}
@media(max-width: 575.98px){
.offcanvas-sm{
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:transform .3s ease-in-out}
}
@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){
.offcanvas-sm{
transition:none}
}
@media(max-width: 575.98px){
.offcanvas-sm.offcanvas-start{
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
}
@media(max-width: 575.98px){
.offcanvas-sm.offcanvas-end{
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
}
@media(max-width: 575.98px){
.offcanvas-sm.offcanvas-top{
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
}
@media(max-width: 575.98px){
.offcanvas-sm.offcanvas-bottom{
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
}
@media(max-width: 575.98px){
.offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding){
transform:none}
}
@media(max-width: 575.98px){
.offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show{
visibility:visible}
}
@media(min-width: 576px){
.offcanvas-sm{
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color:rgba(0,0,0,0) !important}
.offcanvas-sm .offcanvas-header{
display:none}
.offcanvas-sm .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:rgba(0,0,0,0) !important}
}
@media(max-width: 767.98px){
.offcanvas-md{
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:transform .3s ease-in-out}
}
@media(max-width: 767.98px)and (prefers-reduced-motion: reduce){
.offcanvas-md{
transition:none}
}
@media(max-width: 767.98px){
.offcanvas-md.offcanvas-start{
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
}
@media(max-width: 767.98px){
.offcanvas-md.offcanvas-end{
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
}
@media(max-width: 767.98px){
.offcanvas-md.offcanvas-top{
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
}
@media(max-width: 767.98px){
.offcanvas-md.offcanvas-bottom{
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
}
@media(max-width: 767.98px){
.offcanvas-md.showing,.offcanvas-md.show:not(.hiding){
transform:none}
}
@media(max-width: 767.98px){
.offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show{
visibility:visible}
}
@media(min-width: 768px){
.offcanvas-md{
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color:rgba(0,0,0,0) !important}
.offcanvas-md .offcanvas-header{
display:none}
.offcanvas-md .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:rgba(0,0,0,0) !important}
}
@media(max-width: 991.98px){
.offcanvas-lg{
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:transform .3s ease-in-out}
}
@media(max-width: 991.98px)and (prefers-reduced-motion: reduce){
.offcanvas-lg{
transition:none}
}
@media(max-width: 991.98px){
.offcanvas-lg.offcanvas-start{
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
}
@media(max-width: 991.98px){
.offcanvas-lg.offcanvas-end{
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
}
@media(max-width: 991.98px){
.offcanvas-lg.offcanvas-top{
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
}
@media(max-width: 991.98px){
.offcanvas-lg.offcanvas-bottom{
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
}
@media(max-width: 991.98px){
.offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding){
transform:none}
}
@media(max-width: 991.98px){
.offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show{
visibility:visible}
}
@media(min-width: 992px){
.offcanvas-lg{
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color:rgba(0,0,0,0) !important}
.offcanvas-lg .offcanvas-header{
display:none}
.offcanvas-lg .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:rgba(0,0,0,0) !important}
}
@media(max-width: 1199.98px){
.offcanvas-xl{
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:transform .3s ease-in-out}
}
@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){
.offcanvas-xl{
transition:none}
}
@media(max-width: 1199.98px){
.offcanvas-xl.offcanvas-start{
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
}
@media(max-width: 1199.98px){
.offcanvas-xl.offcanvas-end{
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
}
@media(max-width: 1199.98px){
.offcanvas-xl.offcanvas-top{
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
}
@media(max-width: 1199.98px){
.offcanvas-xl.offcanvas-bottom{
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
}
@media(max-width: 1199.98px){
.offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding){
transform:none}
}
@media(max-width: 1199.98px){
.offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show{
visibility:visible}
}
@media(min-width: 1200px){
.offcanvas-xl{
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color:rgba(0,0,0,0) !important}
.offcanvas-xl .offcanvas-header{
display:none}
.offcanvas-xl .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:rgba(0,0,0,0) !important}
}
@media(max-width: 1399.98px){
.offcanvas-xxl{
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:transform .3s ease-in-out}
}
@media(max-width: 1399.98px)and (prefers-reduced-motion: reduce){
.offcanvas-xxl{
transition:none}
}
@media(max-width: 1399.98px){
.offcanvas-xxl.offcanvas-start{
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
}
@media(max-width: 1399.98px){
.offcanvas-xxl.offcanvas-end{
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
}
@media(max-width: 1399.98px){
.offcanvas-xxl.offcanvas-top{
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
}
@media(max-width: 1399.98px){
.offcanvas-xxl.offcanvas-bottom{
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
}
@media(max-width: 1399.98px){
.offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding){
transform:none}
}
@media(max-width: 1399.98px){
.offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show{
visibility:visible}
}
@media(min-width: 1400px){
.offcanvas-xxl{
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color:rgba(0,0,0,0) !important}
.offcanvas-xxl .offcanvas-header{
display:none}
.offcanvas-xxl .offcanvas-body{
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:rgba(0,0,0,0) !important}
}
.offcanvas{
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:transform .3s ease-in-out}
@media(prefers-reduced-motion: reduce){
.offcanvas{
transition:none}
}
.offcanvas.offcanvas-start{
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas.offcanvas-end{
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas.offcanvas-top{
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas.offcanvas-bottom{
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas.showing,.offcanvas.show:not(.hiding){
transform:none}
.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{
visibility:visible}
.offcanvas-backdrop{
position:fixed;
top:0;
left:0;
z-index:1040;
width:100vw;
height:100vh;
background-color:#000}
.offcanvas-backdrop.fade{
opacity:0}
.offcanvas-backdrop.show{
opacity:.5}
.offcanvas-header{
display:flex;
align-items:center;
justify-content:space-between;
padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}
.offcanvas-header .btn-close{
padding:calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
margin-top:calc(-0.5*var(--bs-offcanvas-padding-y));
margin-right:calc(-0.5*var(--bs-offcanvas-padding-x));
margin-bottom:calc(-0.5*var(--bs-offcanvas-padding-y))}
.offcanvas-title{
margin-bottom:0;
line-height:1.5}
.offcanvas-body{
flex-grow:1;
padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y:auto}
.placeholder{
display:inline-block;
min-height:1em;
vertical-align:middle;
cursor:wait;
background-color:currentcolor;
opacity:.5}
.placeholder.btn::before,.ui-datepicker-buttonpane button.placeholder::before,.gridjs-pages button.placeholder::before{
display:inline-block;
content:""}
.placeholder-xs{
min-height:.6em}
.placeholder-sm{
min-height:.8em}
.placeholder-lg{
min-height:1.2em}
.placeholder-glow .placeholder{
animation:placeholder-glow 2s ease-in-out infinite}
@keyframes placeholder-glow{
50%{
opacity:.2}
}
.placeholder-wave{
mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-size:200% 100%;
animation:placeholder-wave 2s linear infinite}
@keyframes placeholder-wave{
100%{
mask-position:-200% 0%}
}
.clearfix::after{
display:block;
clear:both;
content:""}
.text-bg-primary{
color:#fff !important;
background-color:RGBA(80, 111, 217, var(--bs-bg-opacity, 1)) !important}
.text-bg-secondary{
color:#000 !important;
background-color:RGBA(110, 121, 133, var(--bs-bg-opacity, 1)) !important}
.text-bg-success{
color:#000 !important;
background-color:RGBA(12, 183, 133, var(--bs-bg-opacity, 1)) !important}
.text-bg-info{
color:#000 !important;
background-color:RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important}
.text-bg-warning{
color:#000 !important;
background-color:RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important}
.text-bg-danger{
color:#fff !important;
background-color:RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important}
.text-bg-light{
color:#000 !important;
background-color:RGBA(248, 249, 252, var(--bs-bg-opacity, 1)) !important}
.text-bg-dark{
color:#fff !important;
background-color:RGBA(33, 40, 48, var(--bs-bg-opacity, 1)) !important}
.link-primary{
color:#506fd9 !important}
.link-primary:hover,.link-primary:focus{
color:#4059ae !important}
.link-secondary{
color:#6e7985 !important}
.link-secondary:hover,.link-secondary:focus{
color:#8b949d !important}
.link-success{
color:#0cb785 !important}
.link-success:hover,.link-success:focus{
color:#3dc59d !important}
.link-info{
color:#0dcaf0 !important}
.link-info:hover,.link-info:focus{
color:#3dd5f3 !important}
.link-warning{
color:#ffc107 !important}
.link-warning:hover,.link-warning:focus{
color:#ffcd39 !important}
.link-danger{
color:#dc3545 !important}
.link-danger:hover,.link-danger:focus{
color:#b02a37 !important}
.link-light{
color:#f8f9fc !important}
.link-light:hover,.link-light:focus{
color:#f9fafd !important}
.link-dark{
color:#212830 !important}
.link-dark:hover,.link-dark:focus{
color:#1a2026 !important}
.ratio{
position:relative;
width:100%}
.ratio::before{
display:block;
padding-top:var(--bs-aspect-ratio);
content:""}
.ratio>*{
position:absolute;
top:0;
left:0;
width:100%;
height:100%}
.ratio-1x1{
--bs-aspect-ratio: 100%}
.ratio-4x3{
--bs-aspect-ratio: 75%}
.ratio-16x9{
--bs-aspect-ratio: 56.25%}
.ratio-21x9{
--bs-aspect-ratio: 42.8571428571%}
.fixed-top{
position:fixed;
top:0;
right:0;
left:0;
z-index:1030}
.fixed-bottom{
position:fixed;
right:0;
bottom:0;
left:0;
z-index:1030}
.sticky-top{
position:sticky;
top:0;
z-index:1020}
.sticky-bottom{
position:sticky;
bottom:0;
z-index:1020}
@media(min-width: 576px){
.sticky-sm-top{
position:sticky;
top:0;
z-index:1020}
.sticky-sm-bottom{
position:sticky;
bottom:0;
z-index:1020}
}
@media(min-width: 768px){
.sticky-md-top{
position:sticky;
top:0;
z-index:1020}
.sticky-md-bottom{
position:sticky;
bottom:0;
z-index:1020}
}
@media(min-width: 992px){
.sticky-lg-top{
position:sticky;
top:0;
z-index:1020}
.sticky-lg-bottom{
position:sticky;
bottom:0;
z-index:1020}
}
@media(min-width: 1200px){
.sticky-xl-top{
position:sticky;
top:0;
z-index:1020}
.sticky-xl-bottom{
position:sticky;
bottom:0;
z-index:1020}
}
@media(min-width: 1400px){
.sticky-xxl-top{
position:sticky;
top:0;
z-index:1020}
.sticky-xxl-bottom{
position:sticky;
bottom:0;
z-index:1020}
}
.hstack{
display:flex;
flex-direction:row;
align-items:center;
align-self:stretch}
.vstack{
display:flex;
flex:1 1 auto;
flex-direction:column;
align-self:stretch}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0, 0, 0, 0) !important;
white-space:nowrap !important;
border:0 !important}
.stretched-link::after{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
content:""}
.text-truncate{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.vr{
display:inline-block;
align-self:stretch;
width:1px;
min-height:1em;
background-color:currentcolor;
opacity:.25}
.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}
.float-start{
float:left !important}
.float-end{
float:right !important}
.float-none{
float:none !important}
.opacity-0{
opacity:0 !important}
.opacity-25{
opacity:.25 !important}
.opacity-50{
opacity:.5 !important}
.opacity-75{
opacity:.75 !important}
.opacity-100{
opacity:1 !important}
.overflow-auto{
overflow:auto !important}
.overflow-hidden{
overflow:hidden !important}
.overflow-visible{
overflow:visible !important}
.overflow-scroll{
overflow:scroll !important}
.d-inline{
display:inline !important}
.d-inline-block{
display:inline-block !important}
.d-block{
display:block !important}
.d-grid{
display:grid !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}
.d-none{
display:none !important}
.shadow{
box-shadow:0 .5rem 1rem rgba(33,40,48,.15) !important}
.shadow-sm{
box-shadow:0 .125rem .25rem rgba(33,40,48,.075) !important}
.shadow-lg{
box-shadow:0 1rem 3rem rgba(33,40,48,.175) !important}
.shadow-none{
box-shadow:none !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}
.top-0{
top:0 !important}
.top-50{
top:50% !important}
.top-100{
top:100% !important}
.bottom-0{
bottom:0 !important}
.bottom-50{
bottom:50% !important}
.bottom-100{
bottom:100% !important}
.start-0{
left:0 !important}
.start-50{
left:50% !important}
.start-100{
left:100% !important}
.end-0{
right:0 !important}
.end-50{
right:50% !important}
.end-100{
right:100% !important}
.translate-middle{
transform:translate(-50%, -50%) !important}
.translate-middle-x{
transform:translateX(-50%) !important}
.translate-middle-y{
transform:translateY(-50%) !important}
.border{
border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}
.border-0{
border:0 !important}
.border-top{
border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}
.border-top-0{
border-top:0 !important}
.border-end{
border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}
.border-end-0{
border-right:0 !important}
.border-bottom{
border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}
.border-bottom-0{
border-bottom:0 !important}
.border-start{
border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}
.border-start-0{
border-left:0 !important}
.border-primary{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important}
.border-secondary{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important}
.border-success{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important}
.border-info{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important}
.border-warning{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important}
.border-danger{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important}
.border-light{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important}
.border-dark{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important}
.border-white{
--bs-border-opacity: 1;
border-color:rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important}
.border-1{
--bs-border-width: 1px}
.border-2{
--bs-border-width: 2px}
.border-3{
--bs-border-width: 3px}
.border-4{
--bs-border-width: 4px}
.border-5{
--bs-border-width: 5px}
.border-opacity-10{
--bs-border-opacity: 0.1}
.border-opacity-25{
--bs-border-opacity: 0.25}
.border-opacity-50{
--bs-border-opacity: 0.5}
.border-opacity-75{
--bs-border-opacity: 0.75}
.border-opacity-100{
--bs-border-opacity: 1}
.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}
.mw-100{
max-width:100% !important}
.vw-100{
width:100vw !important}
.min-vw-100{
min-width:100vw !important}
.h-25{
height:25% !important}
.h-50{
height:50% !important}
.h-75{
height:75% !important}
.h-100{
height: 500px !important;
display: flex;
justify-content: center;}
.h-auto{
height:auto !important}
.mh-100{
max-height:100% !important}
.vh-100{
height:100vh !important}
.min-vh-100{
min-height:100vh !important}
.flex-fill{
flex:1 1 auto !important}
.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-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}
.flex-wrap{
flex-wrap:wrap !important}
.flex-nowrap{
flex-wrap:nowrap !important}
.flex-wrap-reverse{
flex-wrap:wrap-reverse !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}
.justify-content-evenly{
justify-content:space-evenly !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}
.order-first{
order:-1 !important}
.order-0{
order:0 !important}
.order-1{
order:1 !important}
.order-2{
order:2 !important}
.order-3{
order:3 !important}
.order-4{
order:4 !important}
.order-5{
order:5 !important}
.order-last{
order:6 !important}
.m-0{
margin:0 !important}
.m-1{
margin:.25rem !important}
.m-2{
margin:.5rem !important}
.m-3{
margin:1rem !important}
.m-4{
margin:1.5rem !important}
.m-5{
margin:3rem !important}
.m-auto{
margin:auto !important}
.mx-0{
margin-right:0 !important;
margin-left:0 !important}
.mx-1{
margin-right:.25rem !important;
margin-left:.25rem !important}
.mx-2{
margin-right:.5rem !important;
margin-left:.5rem !important}
.mx-3{
margin-right:1rem !important;
margin-left:1rem !important}
.mx-4{
margin-right:1.5rem !important;
margin-left:1.5rem !important}
.mx-5{
margin-right:3rem !important;
margin-left:3rem !important}
.mx-auto{
margin-right:auto !important;
margin-left:auto !important}
.my-0{
margin-top:0 !important;
margin-bottom:0 !important}
.my-1{
margin-top:.25rem !important;
margin-bottom:.25rem !important}
.my-2{
margin-top:.5rem !important;
margin-bottom:.5rem !important}
.my-3{
margin-top:1rem !important;
margin-bottom:1rem !important}
.my-4{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important}
.my-5{
margin-top:3rem !important;
margin-bottom:3rem !important}
.my-auto{
margin-top:auto !important;
margin-bottom:auto !important}
.mt-0{
margin-top:0 !important}
.mt-1{
margin-top:.25rem !important}
.mt-2{
margin-top:.5rem !important}
.mt-3{
margin-top:1rem !important}
.mt-4{
margin-top:1.5rem !important}
.mt-5{
margin-top:3rem !important}
.mt-auto{
margin-top:auto !important}
.me-0{
margin-right:0 !important}
.me-1{
margin-right:.25rem !important}
.me-2{
margin-right:.5rem !important}
.me-3{
margin-right:1rem !important}
.me-4{
margin-right:1.5rem !important}
.me-5{
margin-right:3rem !important}
.me-auto{
margin-right:auto !important}
.mb-0{
margin-bottom:0 !important}
.mb-1{
margin-bottom:.25rem !important}
.mb-2{
margin-bottom:.5rem !important}
.mb-3{
margin-bottom:1rem !important}
.mb-4{
margin-bottom:1.5rem !important}
.mb-5{
margin-bottom:3rem !important}
.mb-auto{
margin-bottom:auto !important}
.ms-0{
margin-left:0 !important}
.ms-1{
margin-left:.25rem !important}
.ms-2{
margin-left:.5rem !important}
.ms-3{
margin-left:1rem !important}
.ms-4{
margin-left:1.5rem !important}
.ms-5{
margin-left:3rem !important}
.ms-auto{
margin-left:auto !important}
.p-0{
padding:0 !important}
.p-1{
padding:.25rem !important}
.p-2{
padding:.5rem !important}
.p-3{
padding:1rem !important}
.p-4{
padding:1.5rem !important}
.p-5{
padding:3rem !important}
.px-0{
padding-right:0 !important;
padding-left:0 !important}
.px-1{
padding-right:.25rem !important;
padding-left:.25rem !important}
.px-2{
padding-right:.5rem !important;
padding-left:.5rem !important}
.px-3{
padding-right:1rem !important;
padding-left:1rem !important}
.px-4{
padding-right:1.5rem !important;
padding-left:1.5rem !important}
.px-5{
padding-right:3rem !important;
padding-left:3rem !important}
.py-0{
padding-top:0 !important;
padding-bottom:0 !important}
.py-1{
padding-top:.25rem !important;
padding-bottom:.25rem !important}
.py-2{
padding-top:.5rem !important;
padding-bottom:.5rem !important}
.py-3{
padding-top:1rem !important;
padding-bottom:1rem !important}
.py-4{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important}
.py-5{
padding-top:3rem !important;
padding-bottom:3rem !important}
.pt-0{
padding-top:0 !important}
.pt-1{
padding-top:.25rem !important}
.pt-2{
padding-top:.5rem !important}
.pt-3{
padding-top:1rem !important}
.pt-4{
padding-top:1.5rem !important}
.pt-5{
padding-top:3rem !important}
.pe-0{
padding-right:0 !important}
.pe-1{
padding-right:.25rem !important}
.pe-2{
padding-right:.5rem !important}
.pe-3{
padding-right:1rem !important}
.pe-4{
padding-right:1.5rem !important}
.pe-5{
padding-right:3rem !important}
.pb-0{
padding-bottom:0 !important}
.pb-1{
padding-bottom:.25rem !important}
.pb-2{
padding-bottom:.5rem !important}
.pb-3{
padding-bottom:1rem !important}
.pb-4{
padding-bottom:1.5rem !important}
.pb-5{
padding-bottom:3rem !important}
.ps-0{
padding-left:0 !important}
.ps-1{
padding-left:.25rem !important}
.ps-2{
padding-left:.5rem !important}
.ps-3{
padding-left:1rem !important}
.ps-4{
padding-left:1.5rem !important}
.ps-5{
padding-left:3rem !important}
.gap-0{
gap:0 !important}
.gap-1{
gap:.25rem !important}
.gap-2{
gap:.5rem !important}
.gap-3{
gap:1rem !important}
.gap-4{
gap:1.5rem !important}
.gap-5{
gap:3rem !important}
.font-monospace{
font-family:var(--bs-font-monospace) !important}
.fs-1{
font-size:calc(1.34375rem + 1.125vw) !important}
.fs-2{
font-size:calc(1.3rem + 0.6vw) !important}
.fs-3{
font-size:calc(1.278125rem + 0.3375vw) !important}
.fs-4{
font-size:calc(1.25625rem + 0.075vw) !important}
.fs-5{
font-size:1.09375rem !important}
.fs-6{
font-size:0.875rem !important}
.fst-italic{
font-style:italic !important}
.fst-normal{
font-style:normal !important}
.fw-light{
font-weight:300 !important}
.fw-lighter{
font-weight:lighter !important}
.fw-normal{
font-weight:400 !important}
.fw-bold{
font-weight:700 !important}
.fw-semibold{
font-weight:600 !important}
.fw-bolder{
font-weight:bolder !important}
.lh-1{
line-height:1 !important}
.lh-sm{
line-height:1.25 !important}
.lh-base{
line-height:1.5 !important}
.lh-lg{
line-height:2 !important}
.text-start{
text-align:left !important}
.text-end{
text-align:right !important}
.text-center{
text-align:center !important}
.text-decoration-none{
text-decoration:none !important}
.text-decoration-underline{
text-decoration:underline !important}
.text-decoration-line-through{
text-decoration:line-through !important}
.text-lowercase{
text-transform:lowercase !important}
.text-uppercase{
text-transform:uppercase !important}
.text-capitalize{
text-transform:capitalize !important}
.text-wrap{
white-space:normal !important}
.text-nowrap{
white-space:nowrap !important}
.text-break{
word-wrap:break-word !important;
word-break:break-word !important}
.text-primary{
--bs-text-opacity: 1;
color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}
.text-secondary{
--bs-text-opacity: 1;
color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}
.text-success{
--bs-text-opacity: 1;
color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}
.text-info{
--bs-text-opacity: 1;
color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}
.text-warning{
--bs-text-opacity: 1;
color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}
.text-danger{
--bs-text-opacity: 1;
color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}
.text-light{
--bs-text-opacity: 1;
color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}
.text-dark{
--bs-text-opacity: 1;
color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}
.text-black{
--bs-text-opacity: 1;
color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}
.text-white{
--bs-text-opacity: 1;
color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important}
.text-body{
--bs-text-opacity: 1;
color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important}
.text-muted{
--bs-text-opacity: 1;
color:#6e7985 !important}
.text-black-50{
--bs-text-opacity: 1;
color:rgba(0,0,0,.5) !important}
.text-white-50{
--bs-text-opacity: 1;
color:rgba(255,255,255,.5) !important}
.text-reset{
--bs-text-opacity: 1;
color:inherit !important}
.text-opacity-25{
--bs-text-opacity: 0.25}
.text-opacity-50{
--bs-text-opacity: 0.5}
.text-opacity-75{
--bs-text-opacity: 0.75}
.text-opacity-100{
--bs-text-opacity: 1}
.bg-primary{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}
.bg-secondary{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}
.bg-success{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}
.bg-info{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}
.bg-warning{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}
.bg-danger{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}
.bg-light{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}
.bg-dark{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}
.bg-black{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}
.bg-white{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important}
.bg-body{
--bs-bg-opacity: 1;
background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important}
.bg-transparent{
--bs-bg-opacity: 1;
background-color:rgba(0,0,0,0) !important}
.bg-opacity-10{
--bs-bg-opacity: 0.1}
.bg-opacity-25{
--bs-bg-opacity: 0.25}
.bg-opacity-50{
--bs-bg-opacity: 0.5}
.bg-opacity-75{
--bs-bg-opacity: 0.75}
.bg-opacity-100{
--bs-bg-opacity: 1}
.bg-gradient{
background-image:var(--bs-gradient) !important}
.user-select-all{
user-select:all !important}
.user-select-auto{
user-select:auto !important}
.user-select-none{
user-select:none !important}
.pe-none{
pointer-events:none !important}
.pe-auto{
pointer-events:auto !important}
.rounded{
border-radius:var(--bs-border-radius) !important}
.rounded-0{
border-radius:0 !important}
.rounded-1{
border-radius:var(--bs-border-radius-sm) !important}
.rounded-2{
border-radius:var(--bs-border-radius) !important}
.rounded-3{
border-radius:var(--bs-border-radius-lg) !important}
.rounded-4{
border-radius:var(--bs-border-radius-xl) !important}
.rounded-5{
border-radius:var(--bs-border-radius-2xl) !important}
.rounded-circle{
border-radius:50% !important}
.rounded-pill{
border-radius:var(--bs-border-radius-pill) !important}
.rounded-top{
border-top-left-radius:var(--bs-border-radius) !important;
border-top-right-radius:var(--bs-border-radius) !important}
.rounded-end{
border-top-right-radius:var(--bs-border-radius) !important;
border-bottom-right-radius:var(--bs-border-radius) !important}
.rounded-bottom{
border-bottom-right-radius:var(--bs-border-radius) !important;
border-bottom-left-radius:var(--bs-border-radius) !important}
.rounded-start{
border-bottom-left-radius:var(--bs-border-radius) !important;
border-top-left-radius:var(--bs-border-radius) !important}
.visible{
visibility:visible !important}
.invisible{
visibility:hidden !important}
@media(min-width: 576px){
.float-sm-start{
float:left !important}
.float-sm-end{
float:right !important}
.float-sm-none{
float:none !important}
.d-sm-inline{
display:inline !important}
.d-sm-inline-block{
display:inline-block !important}
.d-sm-block{
display:block !important}
.d-sm-grid{
display:grid !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}
.d-sm-none{
display:none !important}
.flex-sm-fill{
flex:1 1 auto !important}
.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-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}
.flex-sm-wrap{
flex-wrap:wrap !important}
.flex-sm-nowrap{
flex-wrap:nowrap !important}
.flex-sm-wrap-reverse{
flex-wrap:wrap-reverse !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}
.justify-content-sm-evenly{
justify-content:space-evenly !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}
.order-sm-first{
order:-1 !important}
.order-sm-0{
order:0 !important}
.order-sm-1{
order:1 !important}
.order-sm-2{
order:2 !important}
.order-sm-3{
order:3 !important}
.order-sm-4{
order:4 !important}
.order-sm-5{
order:5 !important}
.order-sm-last{
order:6 !important}
.m-sm-0{
margin:0 !important}
.m-sm-1{
margin:.25rem !important}
.m-sm-2{
margin:.5rem !important}
.m-sm-3{
margin:1rem !important}
.m-sm-4{
margin:1.5rem !important}
.m-sm-5{
margin:3rem !important}
.m-sm-auto{
margin:auto !important}
.mx-sm-0{
margin-right:0 !important;
margin-left:0 !important}
.mx-sm-1{
margin-right:.25rem !important;
margin-left:.25rem !important}
.mx-sm-2{
margin-right:.5rem !important;
margin-left:.5rem !important}
.mx-sm-3{
margin-right:1rem !important;
margin-left:1rem !important}
.mx-sm-4{
margin-right:1.5rem !important;
margin-left:1.5rem !important}
.mx-sm-5{
margin-right:3rem !important;
margin-left:3rem !important}
.mx-sm-auto{
margin-right:auto !important;
margin-left:auto !important}
.my-sm-0{
margin-top:0 !important;
margin-bottom:0 !important}
.my-sm-1{
margin-top:.25rem !important;
margin-bottom:.25rem !important}
.my-sm-2{
margin-top:.5rem !important;
margin-bottom:.5rem !important}
.my-sm-3{
margin-top:1rem !important;
margin-bottom:1rem !important}
.my-sm-4{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important}
.my-sm-5{
margin-top:3rem !important;
margin-bottom:3rem !important}
.my-sm-auto{
margin-top:auto !important;
margin-bottom:auto !important}
.mt-sm-0{
margin-top:0 !important}
.mt-sm-1{
margin-top:.25rem !important}
.mt-sm-2{
margin-top:.5rem !important}
.mt-sm-3{
margin-top:1rem !important}
.mt-sm-4{
margin-top:1.5rem !important}
.mt-sm-5{
margin-top:3rem !important}
.mt-sm-auto{
margin-top:auto !important}
.me-sm-0{
margin-right:0 !important}
.me-sm-1{
margin-right:.25rem !important}
.me-sm-2{
margin-right:.5rem !important}
.me-sm-3{
margin-right:1rem !important}
.me-sm-4{
margin-right:1.5rem !important}
.me-sm-5{
margin-right:3rem !important}
.me-sm-auto{
margin-right:auto !important}
.mb-sm-0{
margin-bottom:0 !important}
.mb-sm-1{
margin-bottom:.25rem !important}
.mb-sm-2{
margin-bottom:.5rem !important}
.mb-sm-3{
margin-bottom:1rem !important}
.mb-sm-4{
margin-bottom:1.5rem !important}
.mb-sm-5{
margin-bottom:3rem !important}
.mb-sm-auto{
margin-bottom:auto !important}
.ms-sm-0{
margin-left:0 !important}
.ms-sm-1{
margin-left:.25rem !important}
.ms-sm-2{
margin-left:.5rem !important}
.ms-sm-3{
margin-left:1rem !important}
.ms-sm-4{
margin-left:1.5rem !important}
.ms-sm-5{
margin-left:3rem !important}
.ms-sm-auto{
margin-left:auto !important}
.p-sm-0{
padding:0 !important}
.p-sm-1{
padding:.25rem !important}
.p-sm-2{
padding:.5rem !important}
.p-sm-3{
padding:1rem !important}
.p-sm-4{
padding:1.5rem !important}
.p-sm-5{
padding:3rem !important}
.px-sm-0{
padding-right:0 !important;
padding-left:0 !important}
.px-sm-1{
padding-right:.25rem !important;
padding-left:.25rem !important}
.px-sm-2{
padding-right:.5rem !important;
padding-left:.5rem !important}
.px-sm-3{
padding-right:1rem !important;
padding-left:1rem !important}
.px-sm-4{
padding-right:1.5rem !important;
padding-left:1.5rem !important}
.px-sm-5{
padding-right:3rem !important;
padding-left:3rem !important}
.py-sm-0{
padding-top:0 !important;
padding-bottom:0 !important}
.py-sm-1{
padding-top:.25rem !important;
padding-bottom:.25rem !important}
.py-sm-2{
padding-top:.5rem !important;
padding-bottom:.5rem !important}
.py-sm-3{
padding-top:1rem !important;
padding-bottom:1rem !important}
.py-sm-4{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important}
.py-sm-5{
padding-top:3rem !important;
padding-bottom:3rem !important}
.pt-sm-0{
padding-top:0 !important}
.pt-sm-1{
padding-top:.25rem !important}
.pt-sm-2{
padding-top:.5rem !important}
.pt-sm-3{
padding-top:1rem !important}
.pt-sm-4{
padding-top:1.5rem !important}
.pt-sm-5{
padding-top:3rem !important}
.pe-sm-0{
padding-right:0 !important}
.pe-sm-1{
padding-right:.25rem !important}
.pe-sm-2{
padding-right:.5rem !important}
.pe-sm-3{
padding-right:1rem !important}
.pe-sm-4{
padding-right:1.5rem !important}
.pe-sm-5{
padding-right:3rem !important}
.pb-sm-0{
padding-bottom:0 !important}
.pb-sm-1{
padding-bottom:.25rem !important}
.pb-sm-2{
padding-bottom:.5rem !important}
.pb-sm-3{
padding-bottom:1rem !important}
.pb-sm-4{
padding-bottom:1.5rem !important}
.pb-sm-5{
padding-bottom:3rem !important}
.ps-sm-0{
padding-left:0 !important}
.ps-sm-1{
padding-left:.25rem !important}
.ps-sm-2{
padding-left:.5rem !important}
.ps-sm-3{
padding-left:1rem !important}
.ps-sm-4{
padding-left:1.5rem !important}
.ps-sm-5{
padding-left:3rem !important}
.gap-sm-0{
gap:0 !important}
.gap-sm-1{
gap:.25rem !important}
.gap-sm-2{
gap:.5rem !important}
.gap-sm-3{
gap:1rem !important}
.gap-sm-4{
gap:1.5rem !important}
.gap-sm-5{
gap:3rem !important}
.text-sm-start{
text-align:left !important}
.text-sm-end{
text-align:right !important}
.text-sm-center{
text-align:center !important}
}
@media(min-width: 768px){
.float-md-start{
float:left !important}
.float-md-end{
float:right !important}
.float-md-none{
float:none !important}
.d-md-inline{
display:inline !important}
.d-md-inline-block{
display:inline-block !important}
.d-md-block{
display:block !important}
.d-md-grid{
display:grid !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}
.d-md-none{
display:none !important}
.flex-md-fill{
flex:1 1 auto !important}
.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-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}
.flex-md-wrap{
flex-wrap:wrap !important}
.flex-md-nowrap{
flex-wrap:nowrap !important}
.flex-md-wrap-reverse{
flex-wrap:wrap-reverse !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}
.justify-content-md-evenly{
justify-content:space-evenly !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}
.order-md-first{
order:-1 !important}
.order-md-0{
order:0 !important}
.order-md-1{
order:1 !important}
.order-md-2{
order:2 !important}
.order-md-3{
order:3 !important}
.order-md-4{
order:4 !important}
.order-md-5{
order:5 !important}
.order-md-last{
order:6 !important}
.m-md-0{
margin:0 !important}
.m-md-1{
margin:.25rem !important}
.m-md-2{
margin:.5rem !important}
.m-md-3{
margin:1rem !important}
.m-md-4{
margin:1.5rem !important}
.m-md-5{
margin:3rem !important}
.m-md-auto{
margin:auto !important}
.mx-md-0{
margin-right:0 !important;
margin-left:0 !important}
.mx-md-1{
margin-right:.25rem !important;
margin-left:.25rem !important}
.mx-md-2{
margin-right:.5rem !important;
margin-left:.5rem !important}
.mx-md-3{
margin-right:1rem !important;
margin-left:1rem !important}
.mx-md-4{
margin-right:1.5rem !important;
margin-left:1.5rem !important}
.mx-md-5{
margin-right:3rem !important;
margin-left:3rem !important}
.mx-md-auto{
margin-right:auto !important;
margin-left:auto !important}
.my-md-0{
margin-top:0 !important;
margin-bottom:0 !important}
.my-md-1{
margin-top:.25rem !important;
margin-bottom:.25rem !important}
.my-md-2{
margin-top:.5rem !important;
margin-bottom:.5rem !important}
.my-md-3{
margin-top:1rem !important;
margin-bottom:1rem !important}
.my-md-4{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important}
.my-md-5{
margin-top:3rem !important;
margin-bottom:3rem !important}
.my-md-auto{
margin-top:auto !important;
margin-bottom:auto !important}
.mt-md-0{
margin-top:0 !important}
.mt-md-1{
margin-top:.25rem !important}
.mt-md-2{
margin-top:.5rem !important}
.mt-md-3{
margin-top:1rem !important}
.mt-md-4{
margin-top:1.5rem !important}
.mt-md-5{
margin-top:3rem !important}
.mt-md-auto{
margin-top:auto !important}
.me-md-0{
margin-right:0 !important}
.me-md-1{
margin-right:.25rem !important}
.me-md-2{
margin-right:.5rem !important}
.me-md-3{
margin-right:1rem !important}
.me-md-4{
margin-right:1.5rem !important}
.me-md-5{
margin-right:3rem !important}
.me-md-auto{
margin-right:auto !important}
.mb-md-0{
margin-bottom:0 !important}
.mb-md-1{
margin-bottom:.25rem !important}
.mb-md-2{
margin-bottom:.5rem !important}
.mb-md-3{
margin-bottom:1rem !important}
.mb-md-4{
margin-bottom:1.5rem !important}
.mb-md-5{
margin-bottom:3rem !important}
.mb-md-auto{
margin-bottom:auto !important}
.ms-md-0{
margin-left:0 !important}
.ms-md-1{
margin-left:.25rem !important}
.ms-md-2{
margin-left:.5rem !important}
.ms-md-3{
margin-left:1rem !important}
.ms-md-4{
margin-left:1.5rem !important}
.ms-md-5{
margin-left:3rem !important}
.ms-md-auto{
margin-left:auto !important}
.p-md-0{
padding:0 !important}
.p-md-1{
padding:.25rem !important}
.p-md-2{
padding:.5rem !important}
.p-md-3{
padding:1rem !important}
.p-md-4{
padding:1.5rem !important}
.p-md-5{
padding:3rem !important}
.px-md-0{
padding-right:0 !important;
padding-left:0 !important}
.px-md-1{
padding-right:.25rem !important;
padding-left:.25rem !important}
.px-md-2{
padding-right:.5rem !important;
padding-left:.5rem !important}
.px-md-3{
padding-right:1rem !important;
padding-left:1rem !important}
.px-md-4{
padding-right:1.5rem !important;
padding-left:1.5rem !important}
.px-md-5{
padding-right:3rem !important;
padding-left:3rem !important}
.py-md-0{
padding-top:0 !important;
padding-bottom:0 !important}
.py-md-1{
padding-top:.25rem !important;
padding-bottom:.25rem !important}
.py-md-2{
padding-top:.5rem !important;
padding-bottom:.5rem !important}
.py-md-3{
padding-top:1rem !important;
padding-bottom:1rem !important}
.py-md-4{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important}
.py-md-5{
padding-top:3rem !important;
padding-bottom:3rem !important}
.pt-md-0{
padding-top:0 !important}
.pt-md-1{
padding-top:.25rem !important}
.pt-md-2{
padding-top:.5rem !important}
.pt-md-3{
padding-top:1rem !important}
.pt-md-4{
padding-top:1.5rem !important}
.pt-md-5{
padding-top:3rem !important}
.pe-md-0{
padding-right:0 !important}
.pe-md-1{
padding-right:.25rem !important}
.pe-md-2{
padding-right:.5rem !important}
.pe-md-3{
padding-right:1rem !important}
.pe-md-4{
padding-right:1.5rem !important}
.pe-md-5{
padding-right:3rem !important}
.pb-md-0{
padding-bottom:0 !important}
.pb-md-1{
padding-bottom:.25rem !important}
.pb-md-2{
padding-bottom:.5rem !important}
.pb-md-3{
padding-bottom:1rem !important}
.pb-md-4{
padding-bottom:1.5rem !important}
.pb-md-5{
padding-bottom:3rem !important}
.ps-md-0{
padding-left:0 !important}
.ps-md-1{
padding-left:.25rem !important}
.ps-md-2{
padding-left:.5rem !important}
.ps-md-3{
padding-left:1rem !important}
.ps-md-4{
padding-left:1.5rem !important}
.ps-md-5{
padding-left:3rem !important}
.gap-md-0{
gap:0 !important}
.gap-md-1{
gap:.25rem !important}
.gap-md-2{
gap:.5rem !important}
.gap-md-3{
gap:1rem !important}
.gap-md-4{
gap:1.5rem !important}
.gap-md-5{
gap:3rem !important}
.text-md-start{
text-align:left !important}
.text-md-end{
text-align:right !important}
.text-md-center{
text-align:center !important}
}
@media(min-width: 992px){
.float-lg-start{
float:left !important}
.float-lg-end{
float:right !important}
.float-lg-none{
float:none !important}
.d-lg-inline{
display:inline !important}
.d-lg-inline-block{
display:inline-block !important}
.d-lg-block{
display:block !important}
.d-lg-grid{
display:grid !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}
.d-lg-none{
display:none !important}
.flex-lg-fill{
flex:1 1 auto !important}
.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-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}
.flex-lg-wrap{
flex-wrap:wrap !important}
.flex-lg-nowrap{
flex-wrap:nowrap !important}
.flex-lg-wrap-reverse{
flex-wrap:wrap-reverse !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}
.justify-content-lg-evenly{
justify-content:space-evenly !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}
.order-lg-first{
order:-1 !important}
.order-lg-0{
order:0 !important}
.order-lg-1{
order:1 !important}
.order-lg-2{
order:2 !important}
.order-lg-3{
order:3 !important}
.order-lg-4{
order:4 !important}
.order-lg-5{
order:5 !important}
.order-lg-last{
order:6 !important}
.m-lg-0{
margin:0 !important}
.m-lg-1{
margin:.25rem !important}
.m-lg-2{
margin:.5rem !important}
.m-lg-3{
margin:1rem !important}
.m-lg-4{
margin:1.5rem !important}
.m-lg-5{
margin:3rem !important}
.m-lg-auto{
margin:auto !important}
.mx-lg-0{
margin-right:0 !important;
margin-left:0 !important}
.mx-lg-1{
margin-right:.25rem !important;
margin-left:.25rem !important}
.mx-lg-2{
margin-right:.5rem !important;
margin-left:.5rem !important}
.mx-lg-3{
margin-right:1rem !important;
margin-left:1rem !important}
.mx-lg-4{
margin-right:1.5rem !important;
margin-left:1.5rem !important}
.mx-lg-5{
margin-right:3rem !important;
margin-left:3rem !important}
.mx-lg-auto{
margin-right:auto !important;
margin-left:auto !important}
.my-lg-0{
margin-top:0 !important;
margin-bottom:0 !important}
.my-lg-1{
margin-top:.25rem !important;
margin-bottom:.25rem !important}
.my-lg-2{
margin-top:.5rem !important;
margin-bottom:.5rem !important}
.my-lg-3{
margin-top:1rem !important;
margin-bottom:1rem !important}
.my-lg-4{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important}
.my-lg-5{
margin-top:3rem !important;
margin-bottom:3rem !important}
.my-lg-auto{
margin-top:auto !important;
margin-bottom:auto !important}
.mt-lg-0{
margin-top:0 !important}
.mt-lg-1{
margin-top:.25rem !important}
.mt-lg-2{
margin-top:.5rem !important}
.mt-lg-3{
margin-top:1rem !important}
.mt-lg-4{
margin-top:1.5rem !important}
.mt-lg-5{
margin-top:3rem !important}
.mt-lg-auto{
margin-top:auto !important}
.me-lg-0{
margin-right:0 !important}
.me-lg-1{
margin-right:.25rem !important}
.me-lg-2{
margin-right:.5rem !important}
.me-lg-3{
margin-right:1rem !important}
.me-lg-4{
margin-right:1.5rem !important}
.me-lg-5{
margin-right:3rem !important}
.me-lg-auto{
margin-right:auto !important}
.mb-lg-0{
margin-bottom:0 !important}
.mb-lg-1{
margin-bottom:.25rem !important}
.mb-lg-2{
margin-bottom:.5rem !important}
.mb-lg-3{
margin-bottom:1rem !important}
.mb-lg-4{
margin-bottom:1.5rem !important}
.mb-lg-5{
margin-bottom:3rem !important}
.mb-lg-auto{
margin-bottom:auto !important}
.ms-lg-0{
margin-left:0 !important}
.ms-lg-1{
margin-left:.25rem !important}
.ms-lg-2{
margin-left:.5rem !important}
.ms-lg-3{
margin-left:1rem !important}
.ms-lg-4{
margin-left:1.5rem !important}
.ms-lg-5{
margin-left:3rem !important}
.ms-lg-auto{
margin-left:auto !important}
.p-lg-0{
padding:0 !important}
.p-lg-1{
padding:.25rem !important}
.p-lg-2{
padding:.5rem !important}
.p-lg-3{
padding:1rem !important}
.p-lg-4{
padding:1.5rem !important}
.p-lg-5{
padding:3rem !important}
.px-lg-0{
padding-right:0 !important;
padding-left:0 !important}
.px-lg-1{
padding-right:.25rem !important;
padding-left:.25rem !important}
.px-lg-2{
padding-right:.5rem !important;
padding-left:.5rem !important}
.px-lg-3{
padding-right:1rem !important;
padding-left:1rem !important}
.px-lg-4{
padding-right:1.5rem !important;
padding-left:1.5rem !important}
.px-lg-5{
padding-right:3rem !important;
padding-left:3rem !important}
.py-lg-0{
padding-top:0 !important;
padding-bottom:0 !important}
.py-lg-1{
padding-top:.25rem !important;
padding-bottom:.25rem !important}
.py-lg-2{
padding-top:.5rem !important;
padding-bottom:.5rem !important}
.py-lg-3{
padding-top:1rem !important;
padding-bottom:1rem !important}
.py-lg-4{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important}
.py-lg-5{
padding-top:3rem !important;
padding-bottom:3rem !important}
.pt-lg-0{
padding-top:0 !important}
.pt-lg-1{
padding-top:.25rem !important}
.pt-lg-2{
padding-top:.5rem !important}
.pt-lg-3{
padding-top:1rem !important}
.pt-lg-4{
padding-top:1.5rem !important}
.pt-lg-5{
padding-top:3rem !important}
.pe-lg-0{
padding-right:0 !important}
.pe-lg-1{
padding-right:.25rem !important}
.pe-lg-2{
padding-right:.5rem !important}
.pe-lg-3{
padding-right:1rem !important}
.pe-lg-4{
padding-right:1.5rem !important}
.pe-lg-5{
padding-right:3rem !important}
.pb-lg-0{
padding-bottom:0 !important}
.pb-lg-1{
padding-bottom:.25rem !important}
.pb-lg-2{
padding-bottom:.5rem !important}
.pb-lg-3{
padding-bottom:1rem !important}
.pb-lg-4{
padding-bottom:1.5rem !important}
.pb-lg-5{
padding-bottom:3rem !important}
.ps-lg-0{
padding-left:0 !important}
.ps-lg-1{
padding-left:.25rem !important}
.ps-lg-2{
padding-left:.5rem !important}
.ps-lg-3{
padding-left:1rem !important}
.ps-lg-4{
padding-left:1.5rem !important}
.ps-lg-5{
padding-left:3rem !important}
.gap-lg-0{
gap:0 !important}
.gap-lg-1{
gap:.25rem !important}
.gap-lg-2{
gap:.5rem !important}
.gap-lg-3{
gap:1rem !important}
.gap-lg-4{
gap:1.5rem !important}
.gap-lg-5{
gap:3rem !important}
.text-lg-start{
text-align:left !important}
.text-lg-end{
text-align:right !important}
.text-lg-center{
text-align:center !important}
}
@media(min-width: 1200px){
.float-xl-start{
float:left !important}
.float-xl-end{
float:right !important}
.float-xl-none{
float:none !important}
.d-xl-inline{
display:inline !important}
.d-xl-inline-block{
display:inline-block !important}
.d-xl-block{
display:block !important}
.d-xl-grid{
display:grid !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}
.d-xl-none{
display:none !important}
.flex-xl-fill{
flex:1 1 auto !important}
.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-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}
.flex-xl-wrap{
flex-wrap:wrap !important}
.flex-xl-nowrap{
flex-wrap:nowrap !important}
.flex-xl-wrap-reverse{
flex-wrap:wrap-reverse !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}
.justify-content-xl-evenly{
justify-content:space-evenly !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}
.order-xl-first{
order:-1 !important}
.order-xl-0{
order:0 !important}
.order-xl-1{
order:1 !important}
.order-xl-2{
order:2 !important}
.order-xl-3{
order:3 !important}
.order-xl-4{
order:4 !important}
.order-xl-5{
order:5 !important}
.order-xl-last{
order:6 !important}
.m-xl-0{
margin:0 !important}
.m-xl-1{
margin:.25rem !important}
.m-xl-2{
margin:.5rem !important}
.m-xl-3{
margin:1rem !important}
.m-xl-4{
margin:1.5rem !important}
.m-xl-5{
margin:3rem !important}
.m-xl-auto{
margin:auto !important}
.mx-xl-0{
margin-right:0 !important;
margin-left:0 !important}
.mx-xl-1{
margin-right:.25rem !important;
margin-left:.25rem !important}
.mx-xl-2{
margin-right:.5rem !important;
margin-left:.5rem !important}
.mx-xl-3{
margin-right:1rem !important;
margin-left:1rem !important}
.mx-xl-4{
margin-right:1.5rem !important;
margin-left:1.5rem !important}
.mx-xl-5{
margin-right:3rem !important;
margin-left:3rem !important}
.mx-xl-auto{
margin-right:auto !important;
margin-left:auto !important}
.my-xl-0{
margin-top:0 !important;
margin-bottom:0 !important}
.my-xl-1{
margin-top:.25rem !important;
margin-bottom:.25rem !important}
.my-xl-2{
margin-top:.5rem !important;
margin-bottom:.5rem !important}
.my-xl-3{
margin-top:1rem !important;
margin-bottom:1rem !important}
.my-xl-4{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important}
.my-xl-5{
margin-top:3rem !important;
margin-bottom:3rem !important}
.my-xl-auto{
margin-top:auto !important;
margin-bottom:auto !important}
.mt-xl-0{
margin-top:0 !important}
.mt-xl-1{
margin-top:.25rem !important}
.mt-xl-2{
margin-top:.5rem !important}
.mt-xl-3{
margin-top:1rem !important}
.mt-xl-4{
margin-top:1.5rem !important}
.mt-xl-5{
margin-top:3rem !important}
.mt-xl-auto{
margin-top:auto !important}
.me-xl-0{
margin-right:0 !important}
.me-xl-1{
margin-right:.25rem !important}
.me-xl-2{
margin-right:.5rem !important}
.me-xl-3{
margin-right:1rem !important}
.me-xl-4{
margin-right:1.5rem !important}
.me-xl-5{
margin-right:3rem !important}
.me-xl-auto{
margin-right:auto !important}
.mb-xl-0{
margin-bottom:0 !important}
.mb-xl-1{
margin-bottom:.25rem !important}
.mb-xl-2{
margin-bottom:.5rem !important}
.mb-xl-3{
margin-bottom:1rem !important}
.mb-xl-4{
margin-bottom:1.5rem !important}
.mb-xl-5{
margin-bottom:3rem !important}
.mb-xl-auto{
margin-bottom:auto !important}
.ms-xl-0{
margin-left:0 !important}
.ms-xl-1{
margin-left:.25rem !important}
.ms-xl-2{
margin-left:.5rem !important}
.ms-xl-3{
margin-left:1rem !important}
.ms-xl-4{
margin-left:1.5rem !important}
.ms-xl-5{
margin-left:3rem !important}
.ms-xl-auto{
margin-left:auto !important}
.p-xl-0{
padding:0 !important}
.p-xl-1{
padding:.25rem !important}
.p-xl-2{
padding:.5rem !important}
.p-xl-3{
padding:1rem !important}
.p-xl-4{
padding:1.5rem !important}
.p-xl-5{
padding:3rem !important}
.px-xl-0{
padding-right:0 !important;
padding-left:0 !important}
.px-xl-1{
padding-right:.25rem !important;
padding-left:.25rem !important}
.px-xl-2{
padding-right:.5rem !important;
padding-left:.5rem !important}
.px-xl-3{
padding-right:1rem !important;
padding-left:1rem !important}
.px-xl-4{
padding-right:1.5rem !important;
padding-left:1.5rem !important}
.px-xl-5{
padding-right:3rem !important;
padding-left:3rem !important}
.py-xl-0{
padding-top:0 !important;
padding-bottom:0 !important}
.py-xl-1{
padding-top:.25rem !important;
padding-bottom:.25rem !important}
.py-xl-2{
padding-top:.5rem !important;
padding-bottom:.5rem !important}
.py-xl-3{
padding-top:1rem !important;
padding-bottom:1rem !important}
.py-xl-4{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important}
.py-xl-5{
padding-top:3rem !important;
padding-bottom:3rem !important}
.pt-xl-0{
padding-top:0 !important}
.pt-xl-1{
padding-top:.25rem !important}
.pt-xl-2{
padding-top:.5rem !important}
.pt-xl-3{
padding-top:1rem !important}
.pt-xl-4{
padding-top:1.5rem !important}
.pt-xl-5{
padding-top:3rem !important}
.pe-xl-0{
padding-right:0 !important}
.pe-xl-1{
padding-right:.25rem !important}
.pe-xl-2{
padding-right:.5rem !important}
.pe-xl-3{
padding-right:1rem !important}
.pe-xl-4{
padding-right:1.5rem !important}
.pe-xl-5{
padding-right:3rem !important}
.pb-xl-0{
padding-bottom:0 !important}
.pb-xl-1{
padding-bottom:.25rem !important}
.pb-xl-2{
padding-bottom:.5rem !important}
.pb-xl-3{
padding-bottom:1rem !important}
.pb-xl-4{
padding-bottom:1.5rem !important}
.pb-xl-5{
padding-bottom:3rem !important}
.ps-xl-0{
padding-left:0 !important}
.ps-xl-1{
padding-left:.25rem !important}
.ps-xl-2{
padding-left:.5rem !important}
.ps-xl-3{
padding-left:1rem !important}
.ps-xl-4{
padding-left:1.5rem !important}
.ps-xl-5{
padding-left:3rem !important}
.gap-xl-0{
gap:0 !important}
.gap-xl-1{
gap:.25rem !important}
.gap-xl-2{
gap:.5rem !important}
.gap-xl-3{
gap:1rem !important}
.gap-xl-4{
gap:1.5rem !important}
.gap-xl-5{
gap:3rem !important}
.text-xl-start{
text-align:left !important}
.text-xl-end{
text-align:right !important}
.text-xl-center{
text-align:center !important}
}
@media(min-width: 1400px){
.float-xxl-start{
float:left !important}
.float-xxl-end{
float:right !important}
.float-xxl-none{
float:none !important}
.d-xxl-inline{
display:inline !important}
.d-xxl-inline-block{
display:inline-block !important}
.d-xxl-block{
display:block !important}
.d-xxl-grid{
display:grid !important}
.d-xxl-table{
display:table !important}
.d-xxl-table-row{
display:table-row !important}
.d-xxl-table-cell{
display:table-cell !important}
.d-xxl-flex{
display:flex !important}
.d-xxl-inline-flex{
display:inline-flex !important}
.d-xxl-none{
display:none !important}
.flex-xxl-fill{
flex:1 1 auto !important}
.flex-xxl-row{
flex-direction:row !important}
.flex-xxl-column{
flex-direction:column !important}
.flex-xxl-row-reverse{
flex-direction:row-reverse !important}
.flex-xxl-column-reverse{
flex-direction:column-reverse !important}
.flex-xxl-grow-0{
flex-grow:0 !important}
.flex-xxl-grow-1{
flex-grow:1 !important}
.flex-xxl-shrink-0{
flex-shrink:0 !important}
.flex-xxl-shrink-1{
flex-shrink:1 !important}
.flex-xxl-wrap{
flex-wrap:wrap !important}
.flex-xxl-nowrap{
flex-wrap:nowrap !important}
.flex-xxl-wrap-reverse{
flex-wrap:wrap-reverse !important}
.justify-content-xxl-start{
justify-content:flex-start !important}
.justify-content-xxl-end{
justify-content:flex-end !important}
.justify-content-xxl-center{
justify-content:center !important}
.justify-content-xxl-between{
justify-content:space-between !important}
.justify-content-xxl-around{
justify-content:space-around !important}
.justify-content-xxl-evenly{
justify-content:space-evenly !important}
.align-items-xxl-start{
align-items:flex-start !important}
.align-items-xxl-end{
align-items:flex-end !important}
.align-items-xxl-center{
align-items:center !important}
.align-items-xxl-baseline{
align-items:baseline !important}
.align-items-xxl-stretch{
align-items:stretch !important}
.align-content-xxl-start{
align-content:flex-start !important}
.align-content-xxl-end{
align-content:flex-end !important}
.align-content-xxl-center{
align-content:center !important}
.align-content-xxl-between{
align-content:space-between !important}
.align-content-xxl-around{
align-content:space-around !important}
.align-content-xxl-stretch{
align-content:stretch !important}
.align-self-xxl-auto{
align-self:auto !important}
.align-self-xxl-start{
align-self:flex-start !important}
.align-self-xxl-end{
align-self:flex-end !important}
.align-self-xxl-center{
align-self:center !important}
.align-self-xxl-baseline{
align-self:baseline !important}
.align-self-xxl-stretch{
align-self:stretch !important}
.order-xxl-first{
order:-1 !important}
.order-xxl-0{
order:0 !important}
.order-xxl-1{
order:1 !important}
.order-xxl-2{
order:2 !important}
.order-xxl-3{
order:3 !important}
.order-xxl-4{
order:4 !important}
.order-xxl-5{
order:5 !important}
.order-xxl-last{
order:6 !important}
.m-xxl-0{
margin:0 !important}
.m-xxl-1{
margin:.25rem !important}
.m-xxl-2{
margin:.5rem !important}
.m-xxl-3{
margin:1rem !important}
.m-xxl-4{
margin:1.5rem !important}
.m-xxl-5{
margin:3rem !important}
.m-xxl-auto{
margin:auto !important}
.mx-xxl-0{
margin-right:0 !important;
margin-left:0 !important}
.mx-xxl-1{
margin-right:.25rem !important;
margin-left:.25rem !important}
.mx-xxl-2{
margin-right:.5rem !important;
margin-left:.5rem !important}
.mx-xxl-3{
margin-right:1rem !important;
margin-left:1rem !important}
.mx-xxl-4{
margin-right:1.5rem !important;
margin-left:1.5rem !important}
.mx-xxl-5{
margin-right:3rem !important;
margin-left:3rem !important}
.mx-xxl-auto{
margin-right:auto !important;
margin-left:auto !important}
.my-xxl-0{
margin-top:0 !important;
margin-bottom:0 !important}
.my-xxl-1{
margin-top:.25rem !important;
margin-bottom:.25rem !important}
.my-xxl-2{
margin-top:.5rem !important;
margin-bottom:.5rem !important}
.my-xxl-3{
margin-top:1rem !important;
margin-bottom:1rem !important}
.my-xxl-4{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important}
.my-xxl-5{
margin-top:3rem !important;
margin-bottom:3rem !important}
.my-xxl-auto{
margin-top:auto !important;
margin-bottom:auto !important}
.mt-xxl-0{
margin-top:0 !important}
.mt-xxl-1{
margin-top:.25rem !important}
.mt-xxl-2{
margin-top:.5rem !important}
.mt-xxl-3{
margin-top:1rem !important}
.mt-xxl-4{
margin-top:1.5rem !important}
.mt-xxl-5{
margin-top:3rem !important}
.mt-xxl-auto{
margin-top:auto !important}
.me-xxl-0{
margin-right:0 !important}
.me-xxl-1{
margin-right:.25rem !important}
.me-xxl-2{
margin-right:.5rem !important}
.me-xxl-3{
margin-right:1rem !important}
.me-xxl-4{
margin-right:1.5rem !important}
.me-xxl-5{
margin-right:3rem !important}
.me-xxl-auto{
margin-right:auto !important}
.mb-xxl-0{
margin-bottom:0 !important}
.mb-xxl-1{
margin-bottom:.25rem !important}
.mb-xxl-2{
margin-bottom:.5rem !important}
.mb-xxl-3{
margin-bottom:1rem !important}
.mb-xxl-4{
margin-bottom:1.5rem !important}
.mb-xxl-5{
margin-bottom:3rem !important}
.mb-xxl-auto{
margin-bottom:auto !important}
.ms-xxl-0{
margin-left:0 !important}
.ms-xxl-1{
margin-left:.25rem !important}
.ms-xxl-2{
margin-left:.5rem !important}
.ms-xxl-3{
margin-left:1rem !important}
.ms-xxl-4{
margin-left:1.5rem !important}
.ms-xxl-5{
margin-left:3rem !important}
.ms-xxl-auto{
margin-left:auto !important}
.p-xxl-0{
padding:0 !important}
.p-xxl-1{
padding:.25rem !important}
.p-xxl-2{
padding:.5rem !important}
.p-xxl-3{
padding:1rem !important}
.p-xxl-4{
padding:1.5rem !important}
.p-xxl-5{
padding:3rem !important}
.px-xxl-0{
padding-right:0 !important;
padding-left:0 !important}
.px-xxl-1{
padding-right:.25rem !important;
padding-left:.25rem !important}
.px-xxl-2{
padding-right:.5rem !important;
padding-left:.5rem !important}
.px-xxl-3{
padding-right:1rem !important;
padding-left:1rem !important}
.px-xxl-4{
padding-right:1.5rem !important;
padding-left:1.5rem !important}
.px-xxl-5{
padding-right:3rem !important;
padding-left:3rem !important}
.py-xxl-0{
padding-top:0 !important;
padding-bottom:0 !important}
.py-xxl-1{
padding-top:.25rem !important;
padding-bottom:.25rem !important}
.py-xxl-2{
padding-top:.5rem !important;
padding-bottom:.5rem !important}
.py-xxl-3{
padding-top:1rem !important;
padding-bottom:1rem !important}
.py-xxl-4{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important}
.py-xxl-5{
padding-top:3rem !important;
padding-bottom:3rem !important}
.pt-xxl-0{
padding-top:0 !important}
.pt-xxl-1{
padding-top:.25rem !important}
.pt-xxl-2{
padding-top:.5rem !important}
.pt-xxl-3{
padding-top:1rem !important}
.pt-xxl-4{
padding-top:1.5rem !important}
.pt-xxl-5{
padding-top:3rem !important}
.pe-xxl-0{
padding-right:0 !important}
.pe-xxl-1{
padding-right:.25rem !important}
.pe-xxl-2{
padding-right:.5rem !important}
.pe-xxl-3{
padding-right:1rem !important}
.pe-xxl-4{
padding-right:1.5rem !important}
.pe-xxl-5{
padding-right:3rem !important}
.pb-xxl-0{
padding-bottom:0 !important}
.pb-xxl-1{
padding-bottom:.25rem !important}
.pb-xxl-2{
padding-bottom:.5rem !important}
.pb-xxl-3{
padding-bottom:1rem !important}
.pb-xxl-4{
padding-bottom:1.5rem !important}
.pb-xxl-5{
padding-bottom:3rem !important}
.ps-xxl-0{
padding-left:0 !important}
.ps-xxl-1{
padding-left:.25rem !important}
.ps-xxl-2{
padding-left:.5rem !important}
.ps-xxl-3{
padding-left:1rem !important}
.ps-xxl-4{
padding-left:1.5rem !important}
.ps-xxl-5{
padding-left:3rem !important}
.gap-xxl-0{
gap:0 !important}
.gap-xxl-1{
gap:.25rem !important}
.gap-xxl-2{
gap:.5rem !important}
.gap-xxl-3{
gap:1rem !important}
.gap-xxl-4{
gap:1.5rem !important}
.gap-xxl-5{
gap:3rem !important}
.text-xxl-start{
text-align:left !important}
.text-xxl-end{
text-align:right !important}
.text-xxl-center{
text-align:center !important}
}
@media(min-width: 1200px){
.fs-1{
font-size:2.1875rem !important}
.fs-2{
font-size:1.75rem !important}
.fs-3{
font-size:1.53125rem !important}
.fs-4{
font-size:1.3125rem !important}
}
@media print{
.d-print-inline{
display:inline !important}
.d-print-inline-block{
display:inline-block !important}
.d-print-block{
display:block !important}
.d-print-grid{
display:grid !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}
.d-print-none{
display:none !important}
}
.accordion-item{
border-color:#e2e5ec;
background-color:#fff}
.accordion-button{
background-color:#fff;
font-weight:500}
.accordion-button:not(.collapsed){
background-color:rgba(243,245,249,.6);
box-shadow:inset 0 -1px 0 #e2e5ec}
.accordion-button::after{
width:1rem;
height:1rem;
background-size:1rem;
opacity:.6}
.accordion-custom .accordion-item+.accordion-item{
margin-top:5px}
.accordion-custom .accordion-item:not(:first-of-type){
border-top:1px solid #e2e5ec}
.accordion-custom .accordion-button{
background-color:#f8f9fc}
.accordion-custom .accordion-button:not(.collapsed){
background-color:#fff;
box-shadow:none}
.accordion-custom .accordion-body{
padding-top:0}
.accordion-primary .accordion-item{
border-color:#506fd9;
border-width:1.5px}
.accordion-primary .accordion-item+.accordion-item{
margin-top:5px}
.accordion-primary .accordion-item:not(:first-of-type){
border-top:1.5px solid #506fd9}
.accordion-primary .accordion-button{
background-color:#506fd9;
color:#fff}
.accordion-primary .accordion-button::after{
content:"";
font-family:"remixicon";
font-size:18px;
font-weight:400;
background-image:none}
.accordion-primary .accordion-button:not(.collapsed){
box-shadow:none;
background-color:#fff;
color:#506fd9}
.accordion-primary .accordion-button:not(.collapsed)::after{
opacity:1}
.accordion-primary .accordion-body{
padding-top:0}
.alert{
padding-top:12px;
padding-bottom:12px}
.alert>i{
font-size:24px;
line-height:.7;
margin-right:10px}
.alert-dismissible .btn-close{
padding:1rem}
.alert-link{
font-weight:600}
.alert-outline{
background-color:rgba(0,0,0,0);
border-width:1.5px}
.alert-outline.alert-primary{
border-color:#506fd9;
color:#506fd9}
.alert-outline.alert-success{
border-color:#0cb785;
color:#0cb785}
.alert-outline.alert-warning{
border-color:#ffc107;
color:#ffc107}
.alert-outline.alert-danger{
border-color:#dc3545;
color:#dc3545}
.alert-outline.alert-info{
border-color:#0dcaf0;
color:#0dcaf0}
.alert-outline.alert-secondary{
border-color:rgba(110,121,133,.6);
color:#6e7985}
.alert-outline.alert-light{
border:1.5px solid #ccd2da;
color:#6e7985}
.alert-outline.alert-dark{
border-color:#6e7985}
.alert-solid{
border-width:0;
color:#fff}
.alert-solid.alert-primary{
background-color:#506fd9}
.alert-solid.alert-secondary{
background-color:#6e7985}
.alert-solid.alert-success{
background-color:#0cb785}
.alert-solid.alert-warning{
background-color:#ffc107}
.alert-solid.alert-danger{
background-color:#dc3545}
.alert-solid.alert-info{
background-color:#0dcaf0}
.alert-solid.alert-dark{
background-color:#212830}
.alert-solid.alert-light{
background-color:#fff;
color:#6e7985}
.avatar{
width:36px;
height:36px;
border-radius:100%;
display:block;
position:relative}
.avatar img{
width:100%;
height:100%;
object-fit:cover;
border-radius:inherit;
display:block}
.avatar.online::after,.avatar.offline::after{
content:"";
position:absolute;
bottom:0;
right:5px;
width:6px;
height:6px;
border-radius:100%;
box-shadow:0 0 0 1.5px #fbfcfe}
.avatar.online::after{
background-color:#0cb785}
.avatar.offline::after{
background-color:#ccd2da}
.avatar-rounded{
border-radius:8px}
.avatar-initial{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background-color:#6e7985;
color:#fff;
border-radius:inherit;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:16px;
text-transform:uppercase}
.avatar-xs{
width:20px;
height:20px}
.avatar-xs .avatar-initial{
font-size:9px}
.avatar-xs.online::after,.avatar-xs.offline::after{
width:3px;
height:3px;
right:0}
.avatar-sm{
width:26px;
height:26px}
.avatar-sm .avatar-initial{
font-size:13px}
.avatar-sm.online::after,.avatar-sm.offline::after{
width:5px;
height:5px;
right:3px}
.avatar-lg{
width:46px;
height:46px}
.avatar-lg .avatar-initial{
font-size:24px}
.avatar-lg.online::after,.avatar-lg.offline::after{
width:7px;
height:7px}
.avatar-xl{
width:61px;
height:61px}
.avatar-xl .avatar-initial{
font-size:32px}
.avatar-xl.online::after,.avatar-xl.offline::after{
width:8px;
height:8px;
right:7px;
bottom:2px}
.badge{
font-weight:400;
font-size:11px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
border-radius:2px}
.badge:hover,.badge:focus{
color:#fff}
.badge.bg-warning,.badge.bg-light{
color:#212830}
.badge-pill{
border-radius:10px}
.badge-dot{
display:inline-block;
width:8px;
height:8px;
border-radius:100%}
.breadcrumb-custom1 .breadcrumb-item{
font-size:12px;
text-transform:uppercase;
letter-spacing:.5px}
.breadcrumb-custom2 .breadcrumb-item+.breadcrumb-item::before{
content:"";
font-family:"remixicon";
position:relative;
top:1.5px}
.btn:focus,.ui-datepicker-buttonpane button:focus,.gridjs-pages button:focus{
box-shadow:none}
.btn-secondary,.ui-datepicker-buttonpane button,.btn-success{
color:#fff}
.btn-secondary:hover,.ui-datepicker-buttonpane button:hover,.btn-secondary:focus,.ui-datepicker-buttonpane button:focus,.btn-success:hover,.btn-success:focus{
color:#fff}
.btn-gray{
background-color:rgba(226,229,236,.75);
color:#6e7985}
.btn-outline-tertiary{
border-color:#85b6ff;
color:#85b6ff}
.btn-outline-tertiary:hover,.btn-outline-tertiary:focus{
background-color:#85b6ff;
color:#fff}
.btn-outline-secondary:hover,.btn-outline-secondary:focus{
color:#fff}
.btn-outline-info:hover,.btn-outline-info:focus{
color:#fff}
.btn-icon{
display:flex;
align-items:center;
justify-content:center;
padding-left:0;
padding-right:0;
width:36px;
height:36px}
.btn-white{
border:1px solid #ccd2da;
background-color:#fff}
.btn-white:hover,.btn-white:focus{
border-color:#bdc5cf;
background-color:#f8f9fc}
.btn-outline-white{
border:1px solid rgba(255,255,255,.75);
color:rgba(255,255,255,.75)}
.btn-outline-white:hover{
border-color:#fff;
color:#fff}
.card{
border-color:#e2e5ec}
.card-bless{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-header{
background-color:#f8f9fc;
border-bottom-color:#e2e5ec}
.card-footer{
border-top-color:#e2e5ec;
background-color:#f8f9fc}
.card-primary,.card-secondary,.card-success,.card-danger,.card-warning,.card-info,.card-dark{
border-width:0;
color:rgba(255,255,255,.8)}
.card-primary .card-header,.card-secondary .card-header,.card-success .card-header,.card-danger .card-header,.card-warning .card-header,.card-info .card-header,.card-dark .card-header{
background-color:rgba(0,0,0,0);
border-bottom-color:rgba(255,255,255,.2)}
.card-primary{
background-color:#506fd9}
.card-secondary{
background-color:#6e7985}
.card-success{
background-color:#0cb785}
.card-danger{
background-color:#dc3545}
.card-warning{
background-color:#ffc107}
.card-info{
background-color:#0dcaf0}
.card-dark{
background-color:#212830}
.card-light{
border-width:1px}
.card-light .card-header{
background-color:rgba(0,0,0,0)}
.dropdown-menu{
border-color:rgba(65,80,95,.16);
padding:5px}
.dropdown-item{
padding:5px 10px;
border-radius:3px;
color:inherit}
.dropdown-header{
padding-left:10px;
padding-right:10px;
font-size:11px;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
letter-spacing:.5px}
.dropdown-divider{
border-top-color:#e2e5ec;
opacity:1;
margin:5px 0}
.figure-overlay{
position:relative}
.figure-overlay figcaption{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(33,40,48,.5)}
.list-group-item{
border-color:#e2e5ec}
.star-group{
display:flex;
grid-gap:2px;
color:#506fd9;
font-size:16px;
line-height:.7}
.star-group span:last-child{
color:#6e7985;
font-size:.8125rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
padding-left:5px;
line-height:.9}
.marker{
font-size:12px;
padding:5px 10px;
background-color:#fff;
border-radius:3px;
position:absolute}
.marker.top-left{
top:5px;
left:5px}
.marker.top-right{
top:5px;
right:5px}
.marker.bottom-right{
bottom:5px;
right:5px}
.marker.bottom-left{
bottom:5px;
left:5px}
.marker.marker-primary{
background-color:#506fd9;
color:#fff}
.marker.marker-success{
background-color:#0cb785;
color:#fff}
.marker.marker-danger{
background-color:#dc3545;
color:#fff}
.marker.marker-warning{
background-color:#ffc107;
color:#212830}
.marker.marker-info{
background-color:#0dcaf0;
color:#212830}
.marker.marker-dark{
background-color:#212830;
color:#fff}
.marker-icon{
width:50px;
height:50px;
position:absolute;
overflow:hidden;
border-radius:inherit}
.marker-icon::before{
content:"";
width:80px;
height:80px;
background-color:#fff;
position:absolute;
transform:rotate(45deg)}
.marker-icon i{
position:relative;
color:#212830;
font-size:16px}
.marker-icon.top-left{
top:0;
left:0;
padding-left:6px;
padding-top:2px}
.marker-icon.top-left::before{
top:-45px;
left:-45px}
.marker-icon.top-right{
top:0;
right:0;
text-align:right;
padding-right:6px;
padding-top:2px}
.marker-icon.top-right::before{
top:-45px;
right:-45px}
.marker-icon.bottom-left{
bottom:0;
left:0;
display:flex;
align-items:flex-end;
padding-bottom:2px;
padding-left:6px}
.marker-icon.bottom-left::before{
bottom:-45px;
left:-45px}
.marker-icon.bottom-right{
bottom:0;
right:0;
display:flex;
align-items:flex-end;
justify-content:flex-end;
padding-bottom:2px;
padding-right:7px}
.marker-icon.bottom-right::before{
bottom:-45px;
right:-45px}
.marker-icon.marker-primary::before{
background-color:#506fd9}
.marker-icon.marker-primary i{
color:#fff}
.marker-icon.marker-success::before{
background-color:#0cb785}
.marker-icon.marker-success i{
color:#fff}
.marker-icon.marker-danger::before{
background-color:#dc3545}
.marker-icon.marker-danger i{
color:#fff}
.marker-icon.marker-warning::before{
background-color:#ffc107}
.marker-icon.marker-warning i{
color:#212830}
.marker-icon.marker-info::before{
background-color:#0dcaf0}
.marker-icon.marker-info i{
color:#212830}
.marker-icon.marker-dark::before{
background-color:#212830}
.marker-icon.marker-dark i{
color:#fff}
.marker-ribbon{
position:absolute;
font-size:12px;
padding:5px 10px;
background-color:#fff;
border:1px solid rgba(33,40,48,.3);
top:5px}
.marker-ribbon::before{
content:"";
position:absolute;
bottom:-11px}
.marker-ribbon.top-left{
left:-10px}
.marker-ribbon.top-left::before{
left:-10px;
border-right:10px solid rgba(33,40,48,.3);
border-bottom:10px solid rgba(0,0,0,0);
border-left:10px solid rgba(0,0,0,0)}
.marker-ribbon.top-right{
right:-10px}
.marker-ribbon.top-right::before{
right:-10px;
border-left:10px solid rgba(33,40,48,.3);
border-bottom:10px solid rgba(0,0,0,0);
border-right:10px solid rgba(0,0,0,0)}
.marker-ribbon.marker-primary{
background-color:#506fd9;
color:#fff;
border-width:0}
.marker-ribbon.marker-primary::before{
bottom:-10px}
.marker-ribbon.marker-primary.top-left::before{
border-right-color:rgba(35,63,160,.5)}
.marker-ribbon.marker-primary.top-right::before{
border-left-color:rgba(35,63,160,.5)}
.marker-ribbon.marker-success{
background-color:#0cb785;
color:#fff;
border-width:0}
.marker-ribbon.marker-success::before{
bottom:-10px}
.marker-ribbon.marker-success.top-left::before{
border-right-color:rgba(6,87,63,.5)}
.marker-ribbon.marker-success.top-right::before{
border-left-color:rgba(6,87,63,.5)}
.marker-ribbon.marker-danger{
background-color:#dc3545;
color:#fff;
border-width:0}
.marker-ribbon.marker-danger::before{
bottom:-10px}
.marker-ribbon.marker-danger.top-left::before{
border-right-color:rgba(146,25,37,.5)}
.marker-ribbon.marker-danger.top-right::before{
border-left-color:rgba(146,25,37,.5)}
.marker-ribbon.marker-warning{
background-color:#ffc107;
color:#212830;
border-width:0}
.marker-ribbon.marker-warning::before{
bottom:-10px}
.marker-ribbon.marker-warning.top-left::before{
border-right-color:rgba(160,120,0,.5)}
.marker-ribbon.marker-warning.top-right::before{
border-left-color:rgba(160,120,0,.5)}
.marker-ribbon.marker-info{
background-color:#0dcaf0;
color:#212830;
border-width:0}
.marker-ribbon.marker-info::before{
bottom:-10px}
.marker-ribbon.marker-info.top-left::before{
border-right-color:rgba(8,121,143,.5)}
.marker-ribbon.marker-info.top-right::before{
border-left-color:rgba(8,121,143,.5)}
.marker-ribbon.marker-dark{
background-color:#212830;
color:#fff;
border-width:0}
.marker-ribbon.marker-dark::before{
bottom:-10px}
.marker-ribbon.marker-dark.top-left::before{
border-right-color:rgba(0,0,0,.5)}
.marker-ribbon.marker-dark.top-right::before{
border-left-color:rgba(0,0,0,.5)}
.modal-content{
border-width:0}
.modal-backdrop{
background-color:#171b21}
.modal-backdrop.show{
opacity:.8}
.nav-sidebar{
display:flex;
flex-direction:column}
.nav-sidebar .nav-item.show .nav-link::after{
content:""}
.nav-sidebar .nav-item.show .nav-sub{
display:flex}
.nav-sidebar .nav-link{
color:#41505f;
display:flex;
align-items:center}
.nav-sidebar .nav-link:hover{
color:#212830}
.nav-sidebar .nav-link.active{
color:#506fd9;
font-weight:500;
letter-spacing:-0.1px}
.nav-sidebar .nav-link.has-sub{
position:relative}
.nav-sidebar .nav-link.has-sub::after{
content:"";
font-family:"remixicon";
font-size:14px;
font-weight:400;
color:#9ea7b1;
position:absolute;
top:50%;
right:15px;
line-height:0;
opacity:.6}
.nav-sidebar .nav-link i{
margin-right:12px;
line-height:1;
font-size:20px;
width:18px;
opacity:.85}
.nav-sidebar .nav-sub{
flex-direction:column;
position:relative;
display:none}
.nav-sidebar .nav-sub-link{
display:block;
padding:6px 20px;
font-size:.8125rem;
text-indent:30.5px;
color:#6e7985;
position:relative}
.nav-sidebar .nav-sub-link::before{
content:"";
position:absolute;
top:50%;
left:26px;
width:5px;
height:1.5px;
background-color:#9ea7b1;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.nav-sidebar .nav-sub-link::before{
transition:none}
}
.nav-sidebar .nav-sub-link:hover::before,.nav-sidebar .nav-sub-link:focus::before{
width:16px;
left:20.5px}
.nav-sidebar .nav-sub-link.active{
color:#212830;
font-weight:500}
.nav-sidebar .nav-sub-link.active::before{
width:16px;
background-color:#506fd9;
left:20.5px}
.nav-line{
border-bottom:1px solid #e2e5ec;
flex-wrap:nowrap;
overflow:hidden}
@media(min-width: 576px){
.nav-line{
overflow:visible}
}
.nav-line .nav-link{
color:#6e7985;
padding-left:0;
padding-right:0;
border-radius:0;
position:relative;
white-space:nowrap}
.nav-line .nav-link::before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
border-bottom:1.5px solid #506fd9;
display:none}
@media(min-width: 576px){
.nav-line .nav-link::before{
bottom:-1px}
}
.nav-line .nav-link:hover{
color:#313c47}
.nav-line .nav-link+.nav-link{
margin-left:25px}
.nav-line .nav-link.active{
color:#212830;
font-weight:600}
.nav-line .nav-link.active::before{
display:block}
.nav-classic{
flex-direction:column}
.nav-classic .nav-link{
display:flex;
align-items:center;
padding-left:0;
padding-right:0}
.nav-classic .nav-link+.nav-link{
border-top:1px dashed #e2e5ec}
.nav-classic .nav-link:first-child{
padding-top:0}
.nav-classic .nav-link:last-child{
padding-bottom:0}
.nav-classic i{
width:20px;
font-size:20px;
line-height:1;
color:#6e7985;
margin-right:10px}
.nav-classic .badge{
color:#6e7985;
font-size:.8125rem;
opacity:.75;
margin-left:auto}
.nav-icon{
align-items:center}
.nav-icon.nav-icon-lg .nav-link i{
font-size:20px}
.nav-icon .nav-link{
padding:0;
color:#6e7985;
display:flex;
align-items:center}
.nav-icon .nav-link i{
line-height:1;
font-size:18px}
.nav-icon .nav-link+.nav-link{
margin-left:10px}
.nav-icon.nav-icon-sm .nav-link i{
font-size:16px}
.nav-icon.nav-icon-sm .nav-link+.nav-link{
margin-left:2px}
.offcanvas-start{
border-right-width:0}
.offcanvas-end{
border-left-width:0}
.offcanvas-top{
border-bottom-width:0}
.offcanvas-bottom{
border-top-width:0}
.offcanvas-header .close{
color:#6e7985;
font-size:28px;
font-weight:300;
line-height:0;
opacity:.6}
.offcanvas-header .close:hover,.offcanvas-header .close:focus{
opacity:1}
.offcanvas-backdrop{
background-color:#101418}
.pagination-space .page-item+.page-item{
margin-left:5px}
.pagination-space .page-link{
border-radius:.25rem}
.pagination-filled .page-item.disabled .page-link{
background-color:#f8f9fc}
.pagination-filled .page-item:not(.active) .page-link:hover{
background-color:#f3f5f9}
.pagination-filled .page-link{
border-width:0;
background-color:rgba(243,245,249,.6);
color:#6e7985}
.pagination-circled .page-item+.page-item{
margin-left:5px}
.pagination-circled .page-item:first-child .page-link{
border-radius:100%;
font-size:16px}
.pagination-circled .page-item:last-child .page-link{
border-radius:100%}
.pagination-circled .page-link{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border-radius:100%;
font-size:.8125rem}
.pagination-secondary .page-item.active .page-link{
background-color:#6e7985;
border-color:#6e7985;
color:#fff}
.pagination-secondary:not(.pagination-filled) .page-link{
color:#6e7985}
.pagination-info .page-item.active .page-link{
background-color:#0dcaf0;
border-color:#0dcaf0;
color:#fff}
.pagination-info:not(.pagination-filled) .page-link{
color:#0dcaf0}
.popover{
border-color:#ccd2da}
.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{
bottom:-0.5rem}
.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{
border-top-color:#ccd2da}
.bs-popover-right>.popover-arrow::before{
border-right-color:#ccd2da}
.bs-popover-left>.popover-arrow::before{
border-left-color:#ccd2da}
.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{
border-bottom-color:#ccd2da}
.popover-header{
padding:10px 12px;
background-color:#f3f5f9;
border-color:#ccd2da}
.progress{
height:12px}
.progress.h-1{
height:2px}
.progress.h-2{
height:5px}
.progress.h-3{
height:8px}
.progress.h-4{
height:15px}
.progress.h-5{
height:20px}
.progress-bar{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:9px}
.toast-header .btn-close{
transform:scale(0.8)}
.table thead th{
font-weight:600;
font-size:.8125rem}
.table tbody th{
font-weight:600}
.table:not(.table-borderless)>:not(:first-child){
border-top-width:1.5px;
border-top-color:#ccd2da}
.table-striped>tbody>tr:nth-of-type(2n+1)>*{
box-shadow:inset 0 0 0 9999px rgba(243,245,249,.6)}
.table-hover>tbody>tr:hover>*{
box-shadow:inset 0 0 0 9999px rgba(243,245,249,.85)}
.table-active td,.table-active th{
box-shadow:inset 0 0 0 9999px rgba(243,245,249,.85)}
.table-primary>:not(:first-child),.table-success>:not(:first-child),.table-warning>:not(:first-child),.table-danger>:not(:first-child),.table-info>:not(:first-child){
border-top-color:#fff}
.table-primary tbody td,.table-primary tbody th,.table-success tbody td,.table-success tbody th,.table-warning tbody td,.table-warning tbody th,.table-danger tbody td,.table-danger tbody th,.table-info tbody td,.table-info tbody th{
border-color:#fff}
.form-control,.gridjs-input{
padding-left:.6rem;
padding-right:.6rem}
.form-control:active,.gridjs-input:active,.form-control:focus,.gridjs-input:focus{
border-color:#ccd2da;
box-shadow:0 1px 1px rgba(226,229,236,.25),0 2px 2px rgba(226,229,236,.2),0 4px 4px rgba(226,229,236,.15),0 8px 8px rgba(226,229,236,.1)}
.form-control::placeholder,.gridjs-input::placeholder{
color:#9ea7b1}
.form-select:active,.form-select:focus{
border-color:#ccd2da;
box-shadow:0 1px 1px rgba(226,229,236,.25),0 2px 2px rgba(226,229,236,.2),0 4px 4px rgba(226,229,236,.15),0 8px 8px rgba(226,229,236,.1)}
.form-select-sm{
padding-left:4px}
.form-select-lg{
padding-left:8px}
.form-check-input{
border-color:rgba(33,40,48,.3)}
.form-check-input[type=checkbox]{
border-radius:2.5px}
.form-check-input[role=switch]{
border-radius:10px}
.form-search{
display:flex;
align-items:center;
border:1px solid rgba(0,0,0,0);
border-radius:6px;
background-color:#fff;
padding:3px 10px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07);
transition:all .15s}
@media(prefers-reduced-motion: reduce){
.form-search{
transition:none}
}
.form-search.onfocus{
border-color:#506fd9}
.form-search>i{
font-size:18px;
font-weight:700;
line-height:1}
.form-search .form-control,.form-search .gridjs-input{
border-radius:0;
border-width:0;
background-color:rgba(0,0,0,0)}
.form-search .form-control:focus,.form-search .gridjs-input:focus{
box-shadow:none}
.form-search .form-control::placeholder,.form-search .gridjs-input::placeholder{
color:#9ea7b1}
.header{
height:72px}
.header .container{
padding-left:20px;
padding-right:20px;
height:100%;
display:flex;
align-items:center;
justify-content:space-between}
@media(min-width: 992px){
.header .container{
padding-left:0;
padding-right:0}
}
.header .nav-icon .nav-link{
padding:0;
font-size:21px;
line-height:1;
color:#6e7985;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.header .nav-icon .nav-link{
transition:none}
}
.header .nav-icon .nav-link+.nav-link{
margin-left:8px}
.header .nav-icon .nav-link:hover{
color:#506fd9;
transform:scale(1.1)}
.header-logo,.sidebar-logo{
font-size:24px;
font-family:"Archivo",sans-serif;
font-weight:600;
display:inline-block;
line-height:1;
color:#212830;
letter-spacing:-0.5px;
position:relative}
.header-logo:hover,.sidebar-logo:hover,.header-logo:focus,.sidebar-logo:focus{
color:#212830}
.header-logo::after,.sidebar-logo::after{
content:"";
position:absolute;
bottom:3.5px;
right:-8px;
width:6px;
height:6px;
border-radius:100%;
background-color:#506fd9}
.header-main{
height:72px;
position:fixed;
top:0;
left:0;
right:0;
z-index:800;
border-bottom:1px solid #f3f5f9;
background-color:#fff;
display:flex;
align-items:center;
transition:all .25s;
box-shadow:0 1px 1px rgba(33,40,48,.01),0 4px 4px rgba(33,40,48,.01),0 16px 16px rgba(33,40,48,.01)}
@media(prefers-reduced-motion: reduce){
.header-main{
transition:none}
}
@media(min-width: 992px){
.header-main{
left:240px;
border-left:1px solid #f8f9fc}
}
@media(min-width: 1400px){
.header-main{
left:250px}
}
.header-main .form-search{
width:180px;
box-shadow:none;
background-color:#f3f5f9}
@media(max-width: 767.98px){
.header-main .form-search{
height:38px;
border-radius:4px}
}
@media(min-width: 576px){
.header-main .form-search{
width:270px}
}
@media(min-width: 1200px){
.header-main .form-search{
width:320px}
}
.header-main .form-search .form-control,.header-main .form-search .gridjs-input{
padding-left:3px}
.header-main .form-search i{
opacity:.6}
.header-main .form-search.onfocus{
background-color:#fff}
.header-main .menu-link{
width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:1.325rem;
color:#6e7985}
.header-main .menu-link:hover{
color:#506fd9}
.header-main .nav-link{
color:#6e7985}
.header-main .nav-link:hover{
color:#41505f}
.header-main .nav-link.active{
font-weight:500;
color:#506fd9;
letter-spacing:-0.1px}
.header-main .nav-link .badge{
color:#506fd9;
border:1px solid #506fd9;
border-radius:4px;
padding:3px;
margin-left:2px}
.header-main .dropdown-link{
display:block;
color:#6e7985;
position:relative}
.header-main .dropdown-link:hover{
color:#41505f}
.header-main .dropdown-link i{
font-size:20px;
line-height:1.4}
.header-main .dropdown-link small,.header-main .dropdown-link .small{
position:absolute;
top:-2px;
right:-4px;
width:14px;
height:14px;
display:flex;
align-items:center;
justify-content:center;
border-radius:100%;
background-color:#dc3545;
color:#fff;
font-size:9px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
box-shadow:0 0 0 1px #fff}
.dropdown-skin .dropdown-link{
display:flex;
margin-top:2px}
.dropdown-skin .dropdown-link i{
font-size:22px;
animation:rotation 5s infinite linear;
color:#506fd9}
@keyframes rotation{
from{
transform:rotate(0deg)}
to{
transform:rotate(359deg)}
}
.dropdown-skin .dropdown-menu{
width:250px;
margin-right:10px;
padding:20px;
border-color:#e2e5ec;
border-radius:6px;
border-width:0;
box-shadow:0 2px 10px rgba(110,121,133,.1),0 10px 20px rgba(110,121,133,.1)}
.dropdown-skin .dropdown-menu label{
font-size:10px;
font-weight:500;
font-family:"Inter",sans-serif;
color:#6e7985;
text-transform:uppercase;
display:block;
letter-spacing:.5px;
margin-bottom:10px;
line-height:1.2}
.dropdown-skin .dropdown-menu hr{
border-color:#e2e5ec;
opacity:1;
margin:20px 0}
.nav-skin{
flex-wrap:nowrap;
white-space:nowrap}
.nav-skin .nav-link{
border:1px solid #ccd2da;
font-size:.8125rem;
padding:4px 15px;
color:#41505f}
.nav-skin .nav-link:hover,.nav-skin .nav-link:focus{
border-color:#9ea7b1;
background-color:#f3f5f9;
position:relative}
.nav-skin .nav-link+.nav-link{
margin-left:-1px}
.nav-skin .nav-link:first-child{
border-top-left-radius:3px;
border-bottom-left-radius:3px}
.nav-skin .nav-link:last-child{
border-top-right-radius:3px;
border-bottom-right-radius:3px}
.nav-skin .nav-link.active{
letter-spacing:normal;
font-weight:400;
border-color:#6e7985;
background-color:#e2e5ec;
color:#212830;
position:relative;
z-index:2}
.dropdown-notification{
position:relative}
.dropdown-notification .dropdown-link{
margin-top:5px}
.dropdown-notification .dropdown-menu{
margin-right:10px;
width:320px;
padding:0;
border-color:#e2e5ec;
border-radius:6px;
border-width:0;
box-shadow:0 2px 10px rgba(110,121,133,.1),0 10px 20px rgba(110,121,133,.1)}
@media(min-width: 576px){
.dropdown-notification .dropdown-menu{
width:340px}
}
.dropdown-notification .dropdown-menu-header{
height:48px;
border-bottom:1px solid #e2e5ec;
display:flex;
align-items:center;
padding:0 15px}
.dropdown-notification .dropdown-menu-title{
font-weight:600;
font-size:15px;
color:#212830;
margin-bottom:0}
.dropdown-notification .list-group{
padding:5px}
.dropdown-notification .list-group-item{
border-width:0;
display:flex;
padding:8px 10px;
border-radius:4px;
background-color:rgba(0,0,0,0)}
.dropdown-notification .list-group-item:hover{
background-color:rgba(243,245,249,.85);
cursor:pointer}
.dropdown-notification .list-group-item strong{
font-weight:600}
.dropdown-notification .avatar{
margin-right:15px;
flex-shrink:0}
.dropdown-notification .list-group-body{
color:#313c47;
line-height:1.4;
padding-right:10px}
.dropdown-notification .list-group-body p{
margin-bottom:2px}
.dropdown-notification .list-group-body span{
font-size:11px;
color:#6e7985}
.dropdown-notification .dropdown-menu-footer{
text-align:center;
padding:8px 10px;
border-top:1px solid #e2e5ec;
font-size:.8125rem}
.dropdown-profile .dropdown-link .avatar{
width:34px;
height:34px}
.dropdown-profile .dropdown-menu{
width:230px;
padding:0;
border-color:#e2e5ec;
border-radius:6px;
border-width:0;
box-shadow:0 2px 10px rgba(110,121,133,.1),0 10px 20px rgba(110,121,133,.1)}
.dropdown-profile .dropdown-menu-body{
padding:20px 20px 15px}
.dropdown-profile .dropdown-menu-body h5,.dropdown-profile .dropdown-menu-body .h5{
font-size:16px}
.dropdown-profile .nav{
flex-direction:column;
margin:0 -10px}
.dropdown-profile .nav a{
display:flex;
align-items:center;
padding:7px 8px;
color:#41505f;
border-radius:4px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.dropdown-profile .nav a{
transition:none}
}
.dropdown-profile .nav a:hover{
background-color:#f3f5f9;
color:#212830}
.dropdown-profile .nav a i{
font-size:20px;
line-height:1;
margin-right:10px}
.dropdown-profile hr{
opacity:.12;
margin:5px -2px}
@media(max-width: 991.98px){
.sidebar-show{
overflow:hidden}
.sidebar-show .sidebar{
left:0;
opacity:1;
visibility:visible}
.sidebar-show .header-main,.sidebar-show .main-mobile-header,.sidebar-show .main{
transform:translateX(290px)}
.sidebar-show .main-backdrop{
opacity:1;
visibility:visible}
}
.sidebar-offset .sidebar{
left:-250px;
box-shadow:none}
.sidebar-offset .header-main{
left:0}
.sidebar-offset .main{
margin-left:0}
.sidebar-offset.sidebar-show{
overflow:hidden}
.sidebar-offset.sidebar-show .sidebar{
left:0;
box-shadow:1px 0 1px rgba(33,40,48,.01),4px 0 4px rgba(33,40,48,.01),16px 0 16px rgba(33,40,48,.01)}
.sidebar-offset.sidebar-show .header-main,.sidebar-offset.sidebar-show .main{
transform:translateX(250px)}
.sidebar-offset.sidebar-show .main-backdrop{
opacity:1;
visibility:visible}
@media(min-width: 992px){
.sidebar-hide .sidebar{
left:-250px;
opacity:0;
visibility:hidden}
.sidebar-hide .header-main{
left:0;
border-left-width:0}
.sidebar-hide .main{
margin-left:0}
.sidebar-hide .music-player{
left:23px}
}
.sidebar{
width:290px;
height:100vh;
position:fixed;
top:0;
left:-290px;
opacity:0;
visibility:hidden;
background-color:#fff;
z-index:1000;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.sidebar{
transition:none}
}
@media(min-width: 992px){
.sidebar{
width:240px;
opacity:1;
visibility:visible;
left:0;
box-shadow:1px 0 1px rgba(33,40,48,.01),4px 0 4px rgba(33,40,48,.01),16px 0 16px rgba(33,40,48,.01)}
}
@media(min-width: 1400px){
.sidebar{
width:250px}
}
.sidebar::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(255,255,255,.6);
z-index:5;
opacity:0;
visibility:hidden;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.sidebar::before{
transition:none}
}
.sidebar.footer-menu-show::before{
visibility:visible;
opacity:1}
.sidebar.footer-menu-show .sidebar-footer{
bottom:0}
.sidebar-header{
padding:0 20px;
height:72px;
display:flex;
align-items:center;
border-bottom:1px solid #f3f5f9}
.sidebar-body{
height:calc(100% - 136px);
position:relative}
.sidebar-body .nav-group{
border-bottom:1px solid #f3f5f9}
.sidebar-body .nav-group.show .nav-label::after{
content:""}
.sidebar-body .nav-group.show .nav-sidebar{
display:block}
.sidebar-body .nav-label{
display:block;
padding:12px 20px;
font-size:11px;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
color:#6e7985;
letter-spacing:.7px;
position:relative}
.sidebar-body .nav-label:hover,.sidebar-body .nav-label:focus{
color:#6e7985}
.sidebar-body .nav-label::after{
content:"";
font-family:"remixicon";
font-size:14px;
font-weight:400;
position:absolute;
top:50%;
right:15px;
line-height:0;
opacity:.6}
.sidebar-body .nav-sidebar{
display:none;
padding:0 0 20px}
.sidebar-body .nav-sidebar .nav-link{
padding:8px 20px}
.sidebar-body .nav-sidebar .nav-item.show .nav-sub{
display:block}
.sidebar-body>.ps__rail-y{
background-color:#e2e5ec;
width:2px}
.sidebar-body>.ps__rail-y>.ps__thumb-y{
background-color:#6e7985;
width:2px;
left:0}
.sidebar-footer{
position:absolute;
bottom:-250px;
left:0;
right:0;
border-top:1px solid #f3f5f9;
background-color:#fff;
z-index:10;
box-shadow:-20px -20px 20px #fff;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.sidebar-footer{
transition:none}
}
.sidebar-footer .dropdown-link{
width:28px;
height:28px;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#6e7985;
opacity:.6;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.sidebar-footer .dropdown-link{
transition:none}
}
.sidebar-footer .dropdown-link:hover,.sidebar-footer .dropdown-link:focus{
background-color:rgba(243,245,249,.6);
opacity:1}
.sidebar-footer-top{
height:64px;
display:flex;
align-items:center;
padding-right:12px;
padding-left:15px}
.sidebar-footer-thumb{
width:36px;
height:36px;
border-radius:100%;
margin-right:10px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.sidebar-footer-thumb{
transition:none}
}
.sidebar-footer-thumb:hover{
cursor:pointer;
transform:scale(1.1)}
.sidebar-footer-thumb img{
width:100%;
height:100%;
object-fit:cover;
border-radius:inherit}
.sidebar-footer-body{
flex:1}
.sidebar-footer-body h6,.sidebar-footer-body .h6{
margin-bottom:2px;
font-weight:600}
.sidebar-footer-body h6 a,.sidebar-footer-body .h6 a{
color:#212830}
.sidebar-footer-body p{
margin-bottom:0;
font-size:.75rem;
color:#6e7985}
.sidebar-footer-menu{
padding:10px 12px}
.sidebar-footer-menu .nav{
flex-direction:column;
margin:0}
.sidebar-footer-menu a{
height:35px;
padding:0 8px;
color:#41505f;
display:flex;
align-items:center;
border-radius:3px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.sidebar-footer-menu a{
transition:none}
}
.sidebar-footer-menu a:hover{
background-color:#f3f5f9;
color:#212830}
.sidebar-footer-menu a>i{
line-height:1;
font-size:20px;
margin-right:12px}
.sidebar-footer-menu hr{
margin:10px 10px;
opacity:.12}
.sidebar-right{
width:290px}
.sidebar-label{
display:block;
margin-bottom:5px;
padding:0 10px;
font-size:.75rem;
font-weight:500;
color:#6e7985}
.sidebar-prime{
background-color:#506fd9;
background-image:linear-gradient(to bottom, #324daa, #506fd9)}
.sidebar-prime::before{
background-color:rgba(59,94,212,.75)}
.sidebar-prime .sidebar-logo{
color:#fff}
.sidebar-prime .sidebar-header{
border-bottom-color:rgba(255,255,255,.12)}
.sidebar-prime .sidebar-body .nav-group{
border-bottom-color:rgba(255,255,255,.12)}
.sidebar-prime .sidebar-body .nav-label{
color:rgba(255,255,255,.45)}
.sidebar-prime .sidebar-body>.ps__rail-y{
background-color:rgba(255,255,255,.1)}
.sidebar-prime .sidebar-body>.ps__rail-y>.ps__thumb-y{
background-color:rgba(255,255,255,.75)}
.sidebar-prime .nav-sidebar .nav-link{
color:rgba(255,255,255,.6)}
.sidebar-prime .nav-sidebar .nav-link:hover,.sidebar-prime .nav-sidebar .nav-link:focus{
color:#fff}
.sidebar-prime .nav-sidebar .nav-link.has-sub::after{
color:rgba(255,255,255,.6)}
.sidebar-prime .nav-sidebar .nav-link.has-sub.active{
color:#fff}
.sidebar-prime .nav-sidebar .nav-link.active{
color:#fff;
font-weight:400}
.sidebar-prime .nav-sidebar .nav-sub-link{
color:rgba(255,255,255,.5)}
.sidebar-prime .nav-sidebar .nav-sub-link::before{
background-color:rgba(255,255,255,.45)}
.sidebar-prime .nav-sidebar .nav-sub-link.active{
color:#fff}
.sidebar-prime .sidebar-footer{
background-color:#506fd9;
border-top-color:rgba(255,255,255,.12);
box-shadow:none}
.sidebar-prime .sidebar-footer .dropdown-link{
color:rgba(255,255,255,.6)}
.sidebar-prime .sidebar-footer .dropdown-link:hover,.sidebar-prime .sidebar-footer .dropdown-link:focus{
background-color:#4365d6;
color:#fff}
.sidebar-prime .sidebar-footer-body h6 a,.sidebar-prime .sidebar-footer-body .h6 a{
color:#fff}
.sidebar-prime .sidebar-footer-body p{
color:rgba(255,255,255,.6)}
.sidebar-prime .sidebar-footer-menu a{
color:rgba(255,255,255,.6)}
.sidebar-prime .sidebar-footer-menu a:hover,.sidebar-prime .sidebar-footer-menu a:focus{
background-color:#4365d6;
color:#fff}
.sidebar-prime .sidebar-footer-menu hr{
background-color:#fff;
opacity:.1}
.sidebar-dark{
background-color:#192030}
@media(min-width: 992px){
.sidebar-dark{
box-shadow:none}
}
.sidebar-dark::before{
background-color:rgba(16,21,31,.75)}
.sidebar-dark .sidebar-logo{
color:#fff}
.sidebar-dark .sidebar-header{
border-bottom-color:rgba(255,255,255,.06)}
.sidebar-dark .sidebar-body .nav-group{
border-bottom-color:rgba(255,255,255,.06)}
.sidebar-dark .sidebar-body .nav-label{
color:rgba(255,255,255,.25)}
.sidebar-dark .sidebar-body>.ps__rail-y{
background-color:rgba(255,255,255,.1)}
.sidebar-dark .sidebar-body>.ps__rail-y>.ps__thumb-y{
background-color:rgba(255,255,255,.75)}
.sidebar-dark .nav-sidebar .nav-link{
color:rgba(255,255,255,.6)}
.sidebar-dark .nav-sidebar .nav-link:hover,.sidebar-dark .nav-sidebar .nav-link:focus{
color:rgba(255,255,255,.85)}
.sidebar-dark .nav-sidebar .nav-link.active{
color:#506fd9;
font-weight:400}
.sidebar-dark .nav-sidebar .nav-link.has-sub::after{
color:rgba(255,255,255,.6)}
.sidebar-dark .nav-sidebar .nav-sub-link{
color:rgba(255,255,255,.5)}
.sidebar-dark .nav-sidebar .nav-sub-link::before{
background-color:rgba(255,255,255,.4)}
.sidebar-dark .nav-sidebar .nav-sub-link.active{
color:rgba(255,255,255,.85)}
.sidebar-dark .nav-sidebar .nav-sub-link.active::before{
background-color:#506fd9}
.sidebar-dark .sidebar-footer{
background-color:#192030;
border-top-color:rgba(255,255,255,.06);
box-shadow:none}
.sidebar-dark .sidebar-footer .dropdown-link{
color:rgba(255,255,255,.6)}
.sidebar-dark .sidebar-footer .dropdown-link:hover,.sidebar-dark .sidebar-footer .dropdown-link:focus{
background-color:#141926;
color:#fff}
.sidebar-dark .sidebar-footer-body h6 a,.sidebar-dark .sidebar-footer-body .h6 a{
color:#fff}
.sidebar-dark .sidebar-footer-body p{
color:rgba(255,255,255,.4)}
.sidebar-dark .sidebar-footer-menu a{
color:rgba(255,255,255,.6)}
.sidebar-dark .sidebar-footer-menu a:hover,.sidebar-dark .sidebar-footer-menu a:focus{
background-color:#222b41;
color:#fff}
.sidebar-dark .sidebar-footer-menu hr{
background-color:#fff;
opacity:.1}
.main{
min-height:100vh;
margin-top:72px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.main{
transition:none}
}
@media(min-width: 992px){
.main{
margin-left:240px;
margin-top:0}
}
@media(min-width: 1400px){
.main{
margin-left:250px}
}
.main-app{
margin-top:72px}
.main-title-label{
font-size:11px;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
color:#506fd9;
letter-spacing:.5px;
display:block;
margin-bottom:5px}
.main-title{
text-indent:-1px;
margin-bottom:30px;
color:#212830;
font-size:20px;
letter-spacing:-0.2px}
@media(min-width: 992px){
.main-title{
font-size:21px}
}
.main-title-text{
font-size:16px;
color:#41505f}
.main-separator{
margin:40px 0;
background-color:#e2e5ec;
opacity:.12}
.main-subtitle{
color:#212830;
font-weight:600;
margin-bottom:10px}
.main-mobile-header{
position:fixed;
top:0;
left:0;
right:0;
height:72px;
padding:0 23px;
display:flex;
align-items:center;
background-color:#fff;
border-bottom:1px solid rgba(0,0,0,0);
z-index:800;
transition:all .3s}
@media(prefers-reduced-motion: reduce){
.main-mobile-header{
transition:none}
}
@media(min-width: 992px){
.main-mobile-header{
display:none}
}
.main-mobile-header.scroll{
box-shadow:0 1px 1px rgba(226,229,236,.08),0 2px 2px rgba(226,229,236,.12),0 4px 4px rgba(226,229,236,.16),0 8px 8px rgba(226,229,236,.2)}
.main-mobile-header .menu-link{
width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
color:#6e7985}
.main-backdrop{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:900;
background-color:rgba(33,40,48,.6);
opacity:0;
visibility:hidden;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.main-backdrop{
transition:none}
}
.section-title{
font-size:15px;
font-weight:600;
color:#212830}
.section-title-sm{
font-size:14px}
.main-label-group{
display:flex;
align-items:center;
justify-content:space-between;
font-size:.8125rem}
.main-label-group label{
display:block;
margin-bottom:0;
font-weight:500}
.main-footer{
margin-top:60px;
border-top:1px solid rgba(226,229,236,.6);
padding-top:20px;
font-size:.8125rem;
color:#6e7985}
@media(min-width: 576px){
.main-footer{
display:flex;
align-items:center;
justify-content:space-between}
}
.main-footer span{
display:block}
.main-footer span+span{
margin-top:5px}
@media(min-width: 576px){
.main-footer span+span{
margin-top:0}
}
.card-one{
height:100%;
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-one .card-header{
border-bottom-color:rgba(226,229,236,.55);
background-color:rgba(0,0,0,0);
padding:15px;
display:flex;
align-items:center}
.card-one .card-header .card-title{
font-weight:600;
font-size:15px;
color:#212830;
margin-bottom:0;
line-height:1.4}
.card-one .card-header .nav-icon{
margin-right:-4px}
.card-one .nav-icon .nav-link{
opacity:.6}
.card-one .nav-icon .nav-link:hover{
opacity:1}
.card-one .nav-pills{
font-size:.8125rem}
.card-one .nav-pills .nav-link{
border-radius:3px;
color:#6e7985;
padding:4px 15px}
.card-one .nav-pills .nav-link.active{
background-color:#e2e5ec;
color:#41505f}
.card-one .card-body{
padding:15px;
position:relative}
.card-one small,.card-one .small{
color:#6e7985;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:12px}
.card-one .legend{
margin:0;
padding:0;
list-style:none;
line-height:1.25}
.card-one .legend li{
display:inline-flex;
align-items:center;
position:relative;
font-size:.75rem}
.card-one .legend li::before{
content:"";
width:8px;
height:8px;
border-radius:100%;
margin-right:5px}
.card-one .legend li+li{
margin-left:10px}
.card-one .legend li:first-child::before{
background-color:#506fd9}
.card-one .legend li:nth-child(2)::before{
background-color:#dbdffd}
.card-one .legend li:last-child::before{
background-color:#85b6ff}
.card-one .card-icon{
flex-shrink:0;
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
border-radius:4px}
.card-one .card-icon i{
font-size:24px;
line-height:1}
.card-one .people-item{
padding:10px 15px}
.card-one .people-item+.people-item{
margin-top:0;
border-top:1px solid #f3f5f9}
.card-one .people-item .avatar{
margin-right:8px}
.card-one .people-item .nav-link+.nav-link{
margin-left:5px}
.card-one .card-footer{
padding:15px;
background-color:rgba(0,0,0,0);
border-top-color:#f3f5f9}
.card-one .list-group-item{
border-color:#f3f5f9}
.card-value{
font-family:"Inter",sans-serif;
font-weight:500;
color:#212830;
display:flex;
align-items:center;
grid-gap:2px;
letter-spacing:-0.2px}
.card-value span{
font-weight:400}
.card-value i{
margin-right:5px;
text-indent:-3px;
color:#506fd9}
.flot-chart{
width:100%}
.flot-chart.ht-80{
height:80px}
.flot-chart.ht-180{
height:180px}
.flot-chart.ht-280{
height:280px}
.flot-chart.ht-290{
height:290px}
.flot-chart .flot-tick-label{
font-family:"Inter",sans-serif}
.flot-chart .flot-x-axis .flot-tick-label{
font-size:10px;
font-weight:500;
color:#6e7985}
.flot-chart .flot-y-axis .flot-tick-label{
font-size:10px;
color:#9ea7b1}
.chart-bar-one{
height:350px}
@media(min-width: 768px){
.chart-bar-one{
height:100%}
}
.table-one{
margin-bottom:0}
.table-one thead th,.table-one tbody td{
padding-left:0;
padding-right:0;
vertical-align:middle}
.table-one thead th:not(:first-child),.table-one tbody td:not(:first-child){
text-align:right}
.table-one tbody td{
border-color:#f3f5f9}
.table-one tbody tr:last-child td{
border-bottom-width:0;
padding-bottom:0}
.table-one tbody td:not(:first-child){
font-family:"Inter",sans-serif}
.table-two{
white-space:nowrap}
.table-two thead th,.table-two tbody td{
vertical-align:middle}
.table-two thead th:not(:first-child),.table-two tbody td:not(:first-child){
text-align:right}
.table-two thead th:first-child,.table-two tbody td:first-child{
padding-left:0}
.table-two thead th:last-child,.table-two tbody td:last-child{
padding-right:0}
.table-two tbody td{
border-color:#f3f5f9;
font-family:"Inter",sans-serif}
.earning-item h4,.earning-item .h4{
margin-bottom:3px;
font-family:"Inter",sans-serif;
font-weight:500;
color:#212830;
letter-spacing:-0.5px}
.earning-item h4 span,.earning-item .h4 span{
font-weight:400;
color:#41505f}
.earning-item label{
display:block;
margin-bottom:0;
font-size:.8125rem;
font-weight:500;
color:#6e7985}
.earning-icon{
width:48px;
height:48px;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
margin-bottom:15px}
.apex-chart-one{
position:relative;
left:-12px;
width:calc(100% + 20px)}
.performance-value{
display:flex;
align-items:baseline;
font-family:"Inter",sans-serif;
letter-spacing:-0.2px}
.progress-one{
border-radius:3px}
.progress-one .progress-bar+.progress-bar{
border-left:1.5px solid #fff}
.table-three{
margin-bottom:0}
.table-three tbody td{
vertical-align:middle;
border-color:#f3f5f9;
padding:5px}
.table-three tbody td:first-child{
padding-left:0}
.table-three tbody td:last-child{
padding-right:0}
.table-three tbody td:nth-child(2),.table-three tbody td:nth-child(3){
font-weight:500;
color:#212830}
.table-three tbody td:nth-child(3),.table-three tbody td:last-child{
text-align:right;
font-family:"Inter",sans-serif}
.table-three .badge-dot{
display:inline-block;
width:12px;
height:12px;
position:relative;
transform:translateY(1px)}
.table-three .badge-dot::before{
content:"";
position:absolute;
width:6px;
height:6px;
border-radius:100%;
background-color:#fff;
z-index:5;
top:3px;
left:3px}
.vmap-one{
height:200px}
@media(min-width: 768px){
.vmap-one{
height:300px}
}
@media(min-width: 1200px){
.vmap-one{
height:350px}
}
.table-four{
margin-bottom:0}
.table-four thead th{
background-color:#f8f9fc;
padding-left:10px;
padding-right:10px}
.table-four thead tr:first-child th{
text-align:center}
.table-four thead tr:last-child th:not(:first-child){
text-align:right}
.table-four tbody td{
padding-left:10px;
padding-right:10px;
white-space:nowrap}
.table-four tbody td:not(:first-child){
font-family:"Inter",sans-serif;
text-align:right}
.apex-chart-nine{
position:relative;
left:-15px;
width:calc(100% + 15px)}
.table-five{
margin-bottom:0}
.table-five tbody td{
vertical-align:center;
padding-top:7px;
padding-bottom:7px;
padding-right:0;
border-color:#f3f5f9}
.table-five tbody td:first-child{
padding-left:0}
.table-five tbody td:not(:first-child){
font-family:"Inter",sans-serif;
text-align:right}
.table-five tbody td>div{
display:flex;
align-items:center;
grid-gap:5px}
.table-five tbody tr:last-child td{
border-bottom-width:0}
.chart-donut-one{
height:180px}
@media(min-width: 1200px){
.chart-donut-one{
height:215px}
}
.list-group-one .list-group-item{
border-left-width:0;
border-right-width:0}
.list-group-one .list-group-item:first-child{
border-top-left-radius:0;
border-top-right-radius:0;
border-top-width:0;
padding-top:0}
.list-group-one .list-group-item:last-child{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom-width:0}
.list-group-one .avatar{
display:flex;
align-items:center;
justify-content:center;
font-size:20px}
.bg-litecoin{
background-color:#325a98}
.news-item{
position:relative}
@media(min-width: 576px){
.news-item{
display:flex}
}
.news-item+.news-item{
margin-top:15px;
padding-top:15px;
border-top:1px solid #f3f5f9}
.news-img{
width:100%;
height:140px;
flex-shrink:0;
margin-bottom:15px}
@media(min-width: 576px){
.news-img{
width:150px;
height:100px;
margin-bottom:0;
margin-right:15px}
}
.news-img img{
border-radius:4px;
width:100%;
height:100%;
object-fit:cover}
.news-body{
flex:1}
.news-title{
line-height:1.3;
font-size:15px}
.crypto-item{
display:flex;
align-items:center;
position:absolute;
top:15px;
left:15px}
.crypto-item .avatar{
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:21px;
margin-right:10px;
width:40px;
height:40px}
.crypto-body{
flex:1}
.crypto-body .card-label{
display:block;
font-size:.75rem;
font-weight:500;
margin-bottom:2px;
color:#6e7985}
.crypto-body .card-value{
margin-bottom:0;
font-size:15px}
.card-footer-crypto{
border-top-width:0;
display:flex;
align-items:center;
grid-gap:15px;
font-size:11px;
font-weight:500;
color:#6e7985}
.card-footer-crypto strong{
font-weight:600;
font-family:"Inter",sans-serif;
color:#212830}
.apex-chart-ten{
position:relative}
.finance-info{
position:absolute;
top:0;
left:0;
right:0;
z-index:5;
border-top-left-radius:inherit;
border-top-right-radius:inherit;
background-image:linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0))}
.finance-value{
font-family:"Inter",sans-serif;
font-size:32px;
letter-spacing:-1px;
color:#212830;
text-indent:-2px}
@media(min-width: 1200px){
.finance-value{
font-size:40px}
}
.finance-value span{
font-weight:300;
color:#41505f}
.finance-subvalue{
display:flex;
align-items:center;
grid-gap:3px;
font-size:20px}
.finance-subvalue span{
font-family:"Inter",sans-serif;
letter-spacing:-0.2px}
.finance-subvalue small,.finance-subvalue .small{
font-size:18px;
font-weight:400;
align-self:flex-end;
margin-bottom:.5px;
color:#41505f}
.nav-finance-one{
position:absolute;
top:0;
right:0;
z-index:10;
font-family:"Inter",sans-serif;
font-size:.8125rem}
.nav-finance-one a{
color:#6e7985;
letter-spacing:-0.2px}
.nav-finance-one a.active{
font-weight:500;
color:#506fd9;
text-decoration:underline}
.nav-finance-one a+a{
margin-left:10px}
.card-wallet{
position:relative;
overflow:hidden;
height:240px}
@media(min-width: 768px){
.card-wallet{
height:100%}
}
.card-wallet .card-body{
padding:23px 25px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
flex-direction:column;
z-index:5}
.card-wallet .card-body h5,.card-wallet .card-body .h5{
font-weight:500;
color:#212830}
.card-wallet .card-title{
font-size:12px;
font-family:"Inter",sans-serif;
display:block}
.card-wallet .finance-icon{
position:absolute;
top:5px;
right:24px;
display:flex;
align-items:center}
.card-wallet .finance-icon i{
line-height:1;
color:#506fd9}
.card-wallet .finance-icon i:first-child{
font-size:42px}
.card-wallet .finance-icon i:last-child{
font-size:58px}
.card-wallet .finance-icon i+i{
margin-left:5px}
.card-wallet .card-value{
color:#212830;
letter-spacing:-0.5px;
text-indent:-1px}
.card-wallet .card-value span{
font-weight:300}
.card-wallet .badge-dot{
background-color:#212830;
color:#212830}
.card-wallet .flot-chart{
width:calc(100% + 18px);
height:200px;
position:relative;
left:-10px}
@media(min-width: 576px){
.card-wallet .flot-chart{
height:230px}
}
@media(min-width: 768px){
.card-wallet .flot-chart{
height:100%}
}
@media(min-width: 1200px){
.card-wallet .flot-chart{
height:100%}
}
.card-wallet .apex-chart-two{
display:flex;
align-items:flex-end}
.progress-finance{
height:80px;
border-radius:2px}
.progress-finance .progress-bar{
font-size:.875rem}
.progress-finance .progress-bar:nth-child(2){
background-color:#85b6ff}
.progress-finance .progress-bar:last-child{
background-color:#4c5366}
.finance-peity-donut{
height:290px}
@media(min-width: 1200px){
.finance-peity-donut{
height:100%}
}
.finance-donut-value{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center}
.finance-donut-value h1,.finance-donut-value .h1{
font-weight:600;
font-family:"Inter",sans-serif;
letter-spacing:-1px;
margin-bottom:0}
.finance-donut-value p{
font-family:"Inter",sans-serif;
margin-bottom:0;
color:#6e7985}
.finance-item-circle{
margin:auto;
width:120px;
height:120px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:100%;
background-color:#f3f5f9}
@media(min-width: 1200px){
.finance-item-circle{
width:150px;
height:150px}
}
.finance-item-circle h1,.finance-item-circle .h1{
font-family:"Inter",sans-serif;
font-weight:600;
color:#212830;
margin-bottom:0}
.finance-item-circle label{
display:block;
font-size:.8125rem;
font-weight:500;
color:#212830}
.apex-chart-two{
position:relative;
left:-15px;
width:calc(100% + 35px)}
.apex-chart-three{
position:relative;
left:-25px;
width:calc(100% + 40px)}
.apex-chart-three .apexcharts-xaxis-label{
position:relative;
transform:translateY(-8px)}
.apex-donut-two{
display:flex;
align-items:center;
justify-content:center}
.apex-donut-two .apexcharts-canvas{
transform:scale(1.1)}
.helpdesk-icon{
width:72px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px}
.helpdesk-icon i{
font-size:36px}
.chartjs-one{
height:250px;
position:relative}
.chartjs-two{
height:250px}
@media(min-width: 1200px){
.chartjs-two{
height:100%}
}
.peity-two{
position:relative}
.peity-two>div{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center}
.table-ratings tbody td{
font-family:"Inter",sans-serif;
vertical-align:middle;
padding-left:2px;
padding-right:2px;
border-color:#f3f5f9}
.table-ratings tbody td:first-child{
padding-left:0}
.table-ratings tbody td:last-child{
padding-right:0}
.table-ratings tbody td strong{
font-weight:500;
color:#313c47}
.table-ratings tbody td i{
line-height:1}
.table-ratings tbody td:nth-child(3),.table-ratings tbody td:last-child{
text-align:right}
.table-ratings tbody td:nth-child(3){
font-weight:500;
color:#212830}
.table-ratings tbody tr:last-child td{
border-bottom-width:0;
padding-bottom:0}
.table-agent{
white-space:nowrap}
.table-agent thead th{
vertical-align:middle;
font-size:.8125rem}
.table-agent thead th:first-child{
width:3%}
.table-agent thead th:nth-child(2){
width:9%}
.table-agent thead th:nth-child(3){
width:28%}
.table-agent tbody td{
vertical-align:middle;
border-color:#f3f5f9}
.table-agent tbody td:last-child{
text-align:right}
.table-agent tbody tr:last-child td{
border-bottom-width:0}
.table-agent .form-check{
margin-bottom:0}
.table-agent .link-more{
display:flex;
font-size:18px;
line-height:1;
color:#6e7985}
.table-agent .badge{
display:block}
.table-agent h6,.table-agent .h6{
color:#313c47}
.apex-donut-one{
width:130px;
height:130px;
display:flex;
align-items:center;
justify-content:center;
position:relative}
.apex-donut-one>div:last-child{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center}
.card-ticket-earnings{
overflow:hidden}
.card-ticket-earnings .card-body{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:5}
.card-ticket-available{
overflow:hidden;
height:200px}
@media(min-width: 992px){
.card-ticket-available{
height:100%}
}
.card-ticket-available .card-body{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:5}
.card-ticket-available .flot-chart{
height:200px}
@media(min-width: 576px){
.card-ticket-available .flot-chart{
height:170px}
}
.card-ticket-available .apex-chart{
display:flex;
align-items:flex-end;
height:200px}
@media(min-width: 576px){
.card-ticket-available .apex-chart{
height:100%}
}
.card-ticket-sold{
position:relative;
overflow:hidden}
.card-ticket-sold .card-body{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:5}
.card-ticket-sold .flot-chart{
width:calc(100% + 16px);
height:210px;
position:relative;
left:-8px;
bottom:-8px}
.card-ticket-sold .apex-chart{
height:210px;
position:relative}
.chartjs-three{
height:270px}
@media(min-width: 1200px){
.chartjs-three{
height:325px}
}
.chart-donut-two{
height:225px}
.card-events-category .card-value{
display:flex;
align-items:baseline;
letter-spacing:-1px}
.card-events-category .card-value small,.card-events-category .card-value .small{
display:inline-block;
margin-bottom:2px;
padding-left:2px;
font-weight:400;
font-size:16px;
letter-spacing:normal}
.events-reviews{
margin:0;
padding:0;
list-style:none}
.events-reviews li{
padding:12px 0;
border-top:1px solid #f3f5f9}
.events-reviews li:last-child{
padding-bottom:0}
.events-reviews .avatar{
margin-right:10px;
flex-shrink:0}
.events-reviews .review-body h6,.events-reviews .review-body .h6{
margin-bottom:2px}
.events-reviews .review-body small,.events-reviews .review-body .small{
padding-left:2px}
.events-reviews p{
font-size:.8125rem;
color:#6e7985;
line-height:1.45;
margin-bottom:0}
.events-list{
margin:0;
padding:0;
list-style:none}
.events-list li{
display:flex}
.events-list li+li{
margin-top:10px}
.events-list li.active .event-date{
background-color:#506fd9;
color:#fff}
.events-list li.active .ev-item{
border-left-color:#506fd9;
background-color:rgba(80,111,217,.08)}
.events-list li.active .ev-item h6,.events-list li.active .ev-item .h6{
color:#506fd9}
.event-date{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:45px;
height:50px;
background-color:#e2e5ec;
color:#212830;
border-radius:4px;
flex-shrink:0;
margin-right:15px}
.event-date small,.event-date .small{
text-transform:uppercase;
display:block;
font-size:10px;
font-weight:500;
font-family:"Archivo",sans-serif;
letter-spacing:.5px;
opacity:.65;
color:inherit;
line-height:1.2}
.event-date h5,.event-date .h5{
font-size:22px;
font-family:"Inter",sans-serif;
font-weight:500;
letter-spacing:-1px;
margin-bottom:0}
.events-body{
flex:1}
.events-body .ev-item{
padding:5px 10px;
background-color:#fbfcfe;
border-left:2px solid #6e7985}
.events-body .ev-item+.ev-item{
margin-top:2px}
.events-body .ev-item small,.events-body .ev-item .small{
display:block;
font-family:"Inter",sans-serif;
font-size:11px;
margin-bottom:1px;
color:#9ea7b1}
.events-body .ev-item h6,.events-body .ev-item .h6{
color:#212830;
font-weight:600;
margin-bottom:5px}
.events-body .ev-item p{
font-size:.75rem;
color:#6e7985;
margin-bottom:3px;
line-height:1.4}
.card-daily-trends{
position:relative;
overflow:hidden;
padding:20px 10px}
.card-daily-trends .card-body{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:5}
.card-daily-trends .card-value{
display:flex;
align-items:flex-end;
margin-bottom:0;
letter-spacing:-1px}
.card-daily-trends .card-value span{
display:block;
font-size:18px;
letter-spacing:normal;
color:#6e7985;
margin-left:3px;
margin-bottom:6px}
.card-daily-trends .flot-chart{
position:relative;
height:235px;
margin-top:20px}
@media(min-width: 768px){
.card-daily-trends .flot-chart{
height:100%}
}
.chart-donut-three{
position:relative;
height:230px}
@media(min-width: 992px)and (max-width: 1199.98px){
.chart-donut-three{
height:210px}
}
.card-article .card-body{
padding:20px}
.card-article .card-title{
color:#212830;
font-weight:600}
@media(min-width: 1400px){
.card-article .card-title{
font-size:24px}
}
.storage-item{
display:flex;
align-items:center}
.storage-item+.storage-item{
margin-top:20px}
.storage-item .storage-icon{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
border-radius:6px;
margin-right:15px;
background-color:#f3f5f9}
.storage-item .storage-icon i{
font-size:32px}
.apex-chart-eleven{
position:relative;
left:-25px;
width:calc(100% + 40px);
height:250px}
@media(min-width: 1200px){
.apex-chart-eleven{
height:100%}
}
.card-product .card-icon{
border-radius:100%;
background-color:rgba(80,111,217,.1);
color:#506fd9;
display:flex;
align-items:center}
.card-product .card-label{
display:block;
color:#6e7985;
margin-bottom:3px}
.card-product-inventory .flot-chart{
height:250px}
@media(min-width: 1200px){
.card-product-inventory .flot-chart{
height:100%}
}
.product-wrapper{
border-radius:4px;
background-color:#f8f9fc;
overflow:auto}
.product-wrapper+.product-wrapper{
margin-top:5px}
.product-wrapper .table{
margin-bottom:0;
white-space:nowrap;
min-width:620px}
.product-wrapper .table td{
border-width:0;
vertical-align:middle}
.product-wrapper .table td:first-child{
width:5%}
.product-wrapper .table td:nth-child(2){
width:40%}
.product-wrapper .table td:nth-child(3){
width:14%}
.product-thumb{
width:40px;
height:45px;
background-color:#fff;
border-radius:4px;
padding:5px}
.product-thumb img{
width:100%;
height:100%;
object-fit:cover}
.revenue-item{
position:relative}
.revenue-item+.revenue-item{
margin-top:20px}
.revenue-item .progress{
height:5px;
border-radius:2px}
.revenue-item-body{
display:flex;
align-items:center;
margin-bottom:10px}
.revenue-item-body span:first-child{
flex:1}
.revenue-item-body span:nth-child(2){
font-weight:500;
font-family:"Inter",sans-serif;
text-align:right;
color:#212830}
.revenue-item-body span:last-child{
font-family:"Inter",sans-serif;
text-align:right;
width:45px;
margin-left:10px}
.card-purchases .flot-chart{
position:relative;
height:180px;
width:calc(100% + 8px);
left:-4px}
.total-sales-body{
position:absolute;
top:0;
right:0;
left:0;
padding:20px;
background-image:linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.1));
z-index:5;
border-top-left-radius:6px;
border-top-right-radius:6px}
.product-review-footer{
display:flex;
align-items:center;
grid-gap:10px}
.product-review-footer a{
display:flex;
color:#6e7985;
font-size:13px;
position:relative}
.product-review-footer a:hover{
color:#506fd9}
.product-review-footer a+a{
padding-left:10px}
.product-review-footer a+a::before{
content:"";
border-left:1px dotted #9ea7b1;
position:absolute;
top:0;
left:0;
bottom:0}
.product-review-footer i{
font-size:16px;
line-height:1.2}
.apex-chart-twelve{
position:relative;
margin-left:-15px}
.page-app .main-app{
min-height:0;
height:calc(100vh - 72px)}
.page-app .main-footer{
margin-top:0;
border-top-width:0;
display:flex;
flex-direction:column;
align-items:center;
padding-top:15px;
padding-bottom:5px}
@media(min-width: 576px){
.page-app .main-footer{
flex-direction:row;
padding-top:20px;
padding-bottom:0}
}
.page-app .main-footer span+span{
margin-top:2px}
@media(min-width: 576px){
.page-app .main-footer span+span{
margin-top:0}
}
.page-app .header-link{
line-height:1;
display:flex;
align-items:center;
justify-content:center;
color:#6e7985;
font-size:18px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.page-app .header-link{
transition:none}
}
.page-app .header-link:hover,.page-app .header-link:focus{
color:#506fd9}
.page-app .dropdown-menu{
border-color:rgba(226,229,236,.6);
border-width:0;
border-radius:6px;
box-shadow:0 1px 1px rgba(204,210,218,.25),0 2px 2px rgba(204,210,218,.2),0 4px 4px rgba(204,210,218,.15),0 8px 8px rgba(204,210,218,.1),0 16px 16px rgba(204,210,218,.05)}
.page-app .dropdown-item{
display:flex;
align-items:center;
padding:7px 10px}
.page-app .dropdown-item i{
font-size:18px;
line-height:1;
margin-right:10px}
.main-file-manager{
min-height:0;
height:calc(100vh - 72px);
margin-top:72px;
position:relative}
@media(max-width: 991.98px){
.main-file-manager.show .file-sidebar{
left:0;
border-right:1px solid rgba(226,229,236,.6)}
.main-file-manager.show .file-content{
transform:translateX(230px)}
}
.file-sidebar{
position:absolute;
top:0;
left:-230px;
bottom:0;
width:230px;
overflow:hidden;
padding:20px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.file-sidebar{
transition:none}
}
@media(min-width: 992px){
.file-sidebar{
left:0;
border-right:1px solid rgba(226,229,236,.6)}
}
.file-sidebar .nav-link{
border-radius:4px;
padding-left:10px;
padding-right:10px}
.file-sidebar .nav-link:hover{
background-color:#f3f5f9}
.file-sidebar .nav-link.active{
background-color:rgba(80,111,217,.1)}
.file-sidebar .nav-link+.nav-link{
margin-top:1px}
.file-sidebar .sidebar-label{
padding:0}
.sidebar-storage{
display:flex;
align-items:center}
.sidebar-storage>i{
font-size:32px;
line-height:1}
.sidebar-storage .storage-info{
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
display:block;
color:#6e7985;
margin-bottom:2px}
.sidebar-storage .progress{
height:3px}
.file-content{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.file-content{
transition:none}
}
@media(min-width: 992px){
.file-content{
left:230px}
}
.file-content .table-responsive{
margin:0 -15px;
padding:0 15px}
.card-file .dropdown-file,.card-folder .dropdown-file{
position:absolute;
top:10px;
right:10px}
.card-file .dropdown-link,.card-folder .dropdown-link{
font-size:16px;
color:#6e7985}
.card-file .dropdown-item,.card-folder .dropdown-item{
font-size:.8125rem;
padding-left:8px}
.card-file{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07);
padding:10px;
position:relative;
height:100%}
.card-file .card-file-icon{
width:100%;
height:120px;
background-color:#f3f5f9;
display:flex;
align-items:center;
justify-content:center;
font-size:48px;
border-radius:3px}
.card-file .card-file-icon.danger{
color:#dc3545;
background-color:rgba(220,53,69,.08)}
.card-file .card-file-icon.primary{
color:#506fd9;
background-color:rgba(80,111,217,.08)}
.card-file .card-file-icon.info{
color:#0dcaf0;
background-color:rgba(13,202,240,.08)}
.card-file .card-file-icon.success{
color:#0cb785;
background-color:rgba(12,183,133,.08)}
.card-file .card-body{
padding:0;
margin-top:10px}
.card-file .card-body h6,.card-file .card-body .h6{
margin-bottom:5px;
font-size:.8125rem}
@media(min-width: 576px){
.card-file .card-body h6,.card-file .card-body .h6{
font-size:.875rem}
}
.card-file .card-body h6 a,.card-file .card-body .h6 a{
color:#212830}
.card-file .card-body span{
display:block;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985;
text-transform:uppercase;
margin-bottom:10px}
.card-file .card-footer{
background-color:rgba(0,0,0,0);
border-top-width:0;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
padding:0;
color:#6e7985}
.card-folder{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07);
position:relative}
.card-folder .dropdown-file{
top:2px;
right:0}
.card-folder .card-body{
display:flex;
align-items:center;
padding:8px}
@media(min-width: 576px){
.card-folder .card-body{
padding:10px}
}
.card-folder .card-body>i{
font-size:40px;
line-height:.75;
color:#506fd9;
margin-right:8px}
@media(min-width: 576px){
.card-folder .card-body>i{
font-size:48px;
margin-right:10px}
}
.card-folder .card-body h6,.card-folder .card-body .h6{
margin-bottom:2px;
font-size:.8125rem;
width:inherit}
@media(min-width: 576px){
.card-folder .card-body h6,.card-folder .card-body .h6{
font-size:.875rem}
}
.card-folder .card-body h6 a,.card-folder .card-body .h6 a{
color:#212830;
display:block;
width:inherit;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden}
.card-folder .card-body span{
display:block;
font-size:11px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985}
@media(min-width: 576px){
.card-folder .card-body span{
font-size:.75rem}
}
.card-folder .card-content{
flex:1;
max-width:calc(100% - 55px)}
@media(min-width: 576px){
.card-folder .card-content{
max-width:calc(100% - 60px)}
}
.table-files{
border-collapse:separate;
border-spacing:0 5px;
font-size:.8125rem;
min-width:520px}
.table-files thead th:nth-child(2),.table-files thead th:nth-child(3),.table-files tbody td:nth-child(2),.table-files tbody td:nth-child(3){
text-align:right}
.table-files thead th{
font-weight:400;
font-size:.8125rem;
color:#6e7985;
padding-top:0;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
border-bottom:0}
.table-files thead th:first-child{
width:55%}
.table-files thead th:nth-child(2){
width:20%}
.table-files thead th:nth-child(3){
width:15%}
.table-files thead th:last-child{
width:10%}
.table-files tbody tr{
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.table-files tbody tr td{
border-bottom:0;
background-color:#fff;
padding:10px;
vertical-align:middle;
border:1px solid rgba(0,0,0,0)}
.table-files tbody tr td:not(:first-child){
border-left-width:0}
.table-files tbody tr td:not(:last-child){
border-right-width:0}
.table-files tbody tr td:first-child{
border-top-left-radius:inherit;
border-bottom-left-radius:inherit}
.table-files tbody tr td:nth-child(2),.table-files tbody tr td:nth-child(3){
text-align:right}
.table-files tbody tr td:last-child{
text-align:right;
border-top-right-radius:inherit;
border-bottom-right-radius:inherit}
.table-files .dropdown-link{
line-height:1;
font-size:18px;
color:#6e7985;
display:flex;
align-items:center;
justify-content:flex-end}
.table-files .media{
display:flex;
align-items:center}
.table-files .media-icon{
margin-right:10px;
font-size:24px;
color:#6e7985;
line-height:1}
.table-files .media-icon.primary{
color:#506fd9}
.table-files .media-icon.success{
color:#0cb785}
.table-files .media-icon.orange{
color:#fd7e14}
.table-files .media-icon.danger{
color:#dc3545}
.table-files .file-name{
margin-bottom:0}
.table-files .file-name a{
color:#212830}
.menu-file-manager{
display:flex;
align-items:center;
font-size:20px;
color:#6e7985;
margin-right:10px}
@media(min-width: 992px){
.menu-file-manager{
display:none}
}
.main-email{
min-height:0;
height:calc(100vh - 72px);
margin-top:72px;
position:relative}
@media(max-width: 767.98px){
.main-email.show{
overflow:hidden}
.main-email.show .email-sidebar{
left:0;
border-right:1px solid rgba(226,229,236,.6)}
.main-email.show .email-list{
transform:translateX(230px)}
}
@media(max-width: 1199.98px){
.main-email.show-content .email-list{
display:none}
.main-email.show-content .email-content{
display:block}
}
.email-sidebar{
position:absolute;
top:0;
left:-230px;
bottom:0;
width:230px;
overflow:hidden;
padding:20px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.email-sidebar{
transition:none}
}
@media(min-width: 768px){
.email-sidebar{
left:0;
border-right:1px solid rgba(226,229,236,.6)}
}
.email-sidebar .nav-link{
padding-left:10px;
padding-right:10px;
border-radius:4px}
.email-sidebar .nav-link:hover{
background-color:#f3f5f9}
.email-sidebar .nav-link.active{
background-color:rgba(80,111,217,.1);
color:#506fd9}
.email-sidebar .nav-link+.nav-link{
margin-top:1px}
.email-sidebar hr{
opacity:1;
border-color:rgba(226,229,236,.6)}
.email-sidebar .sidebar-label{
padding:0}
.email-menu{
display:flex;
align-items:center;
font-size:20px;
color:#6e7985;
margin-right:10px}
@media(min-width: 768px){
.email-menu{
display:none}
}
.email-list{
position:absolute;
top:0;
bottom:0;
left:0;
width:100vw;
overflow:hidden;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.email-list{
transition:none}
}
@media(min-width: 768px){
.email-list{
left:230px;
width:calc(100vw - 230px);
border-right:1px solid rgba(226,229,236,.6)}
}
@media(min-width: 1200px){
.email-list{
width:340px}
}
.email-list-header{
height:56px;
padding:0 15px;
display:flex;
align-items:center;
border-bottom:1px solid rgba(226,229,236,.6)}
@media(min-width: 768px){
.email-list-header{
padding:0 20px}
}
.email-list-header h5,.email-list-header .h5{
font-weight:600;
font-size:16px;
color:#212830}
.email-list-header .dropdown-link{
display:flex;
align-items:center;
font-size:18px;
line-height:1;
color:#6e7985;
width:10px;
text-indent:-4px}
.email-list-header .dropdown-menu label{
text-transform:uppercase;
font-size:11px;
font-family:"Archivo",sans-serif;
letter-spacing:.5px;
color:#6e7985;
padding-left:7px;
margin-bottom:5px}
.email-list-header .dropdown-item{
position:relative;
padding-top:5px;
padding-bottom:5px;
padding-left:25px;
display:flex;
align-items:center}
.email-list-header .dropdown-item+.dropdown-item{
margin-top:1px}
.email-list-header .dropdown-item::before{
content:"";
font-family:"remixicon";
font-size:16px;
line-height:0;
position:absolute;
top:50%;
left:5px;
display:none}
.email-list-header .dropdown-item.active{
background-color:rgba(80,111,217,.1);
color:#506fd9}
.email-list-header .dropdown-item.active::before{
display:block}
.email-list-label{
margin-bottom:0;
display:block;
padding:6px 20px;
font-size:.75rem;
font-weight:500;
color:#6e7985;
border-bottom:1px solid rgba(226,229,236,.6)}
.email-item{
padding:15px 20px;
border-bottom:1px solid rgba(226,229,236,.6);
display:flex}
.email-item:hover{
background-color:rgba(243,245,249,.6);
cursor:pointer}
.email-item:last-child{
border-bottom-width:0}
.email-item .avatar{
margin-right:12px;
flex-shrink:0}
.email-item.unread .email-item-subject{
color:#506fd9;
font-weight:600}
.email-item.unread .email-item-sender,.email-item.unread .email-item-summary{
color:#212830;
font-weight:500}
.email-item.selected{
background-color:#f1f4fc}
.email-item-body{
flex:1;
position:relative}
.email-item-sender,.email-item-date{
font-size:.75rem;
color:#6e7985}
.email-item-star{
display:flex;
align-items:center;
margin-left:5px;
color:#6e7985;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.email-item-star{
transition:none}
}
.email-item-star:hover{
color:#ffc107}
.email-item-star.active{
color:#ffc107}
.email-item-star.active:hover{
color:#ffc107}
.email-item-date{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
margin-left:auto}
.email-item-summary{
margin-bottom:0;
font-size:.8125rem}
.email-content{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
display:none}
@media(min-width: 768px){
.email-content{
left:230px}
}
@media(min-width: 1200px){
.email-content{
left:570px;
display:block}
}
.email-content.show .email-content-empty{
display:none}
.email-content.show .email-content-header{
display:flex}
.email-content.show .email-content-body{
display:block}
.email-content-empty{
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
align-items:center;
font-size:20px;
font-weight:300;
color:rgba(110,121,133,.4)}
.email-content-header{
height:56px;
border-bottom:1px solid rgba(226,229,236,.6);
align-items:center;
padding:0 15px;
display:none}
@media(min-width: 992px){
.email-content-header{
padding:0 20px}
}
.email-content-header .nav{
width:100%;
grid-gap:10px}
.email-content-header .nav-link{
padding:0;
font-size:20px;
color:#41505f}
.email-content-body{
position:relative;
display:none}
.email-content-body hr{
opacity:1;
border-color:#e2e5ec}
.email-content-body .section-label{
font-size:.75rem;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
color:#6e7985;
letter-spacing:.5px;
display:block}
.email-msg-item strong{
font-weight:600}
.email-msg-item .nav-icon{
align-items:center;
grid-gap:10px}
.email-msg-item .nav-icon .nav-link{
padding:0;
font-size:18px;
line-height:1;
color:#6e7985}
.email-msg-item .nav-icon .nav-link:hover{
color:#506fd9}
.card-attachment{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-attachment .card-body{
display:flex;
align-items:center;
position:relative;
padding:10px}
.card-attachment .card-icon{
width:48px;
height:48px;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
margin-right:10px}
.card-attachment .card-icon.primary{
background-color:rgba(80,111,217,.16);
color:#506fd9}
.card-attachment .card-icon.success{
background-color:rgba(12,183,133,.16);
color:#0cb785}
.card-attachment .card-content{
flex:1;
padding-right:10px}
.card-attachment .card-content h6,.card-attachment .card-content .h6{
font-weight:600;
margin-bottom:5px}
.card-attachment .card-content h6 a,.card-attachment .card-content .h6 a{
color:#212830}
.card-attachment .card-content h6 a:hover,.card-attachment .card-content .h6 a:hover{
color:#506fd9}
.card-attachment .card-content span{
display:flex;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#9ea7b1;
text-transform:uppercase}
.compose-wrapper .ql-snow.ql-container{
border-radius:4px;
margin-bottom:10px}
.compose-wrapper .ql-editor{
border-radius:inherit;
padding:15px;
font-size:.875rem;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.compose-wrapper .ql-snow.ql-toolbar{
padding:0;
border-radius:0;
border:0}
.compose{
position:fixed;
bottom:0;
right:0;
z-index:800}
@media(min-width: 768px){
.compose{
padding:20px 20px 0;
max-height:100vh;
overflow-y:auto}
}
.compose.minimize .compose-content{
width:280px}
.compose.minimize .compose-body,.compose.minimize .nav-toolbar,.compose.minimize .compose-footer{
display:none}
.compose.fullscreen:not(.minimize){
top:0;
right:0;
left:0;
display:flex;
align-items:center;
justify-content:center;
background-color:rgba(33,40,48,.5)}
.compose.fullscreen:not(.minimize) .compose-content{
width:100%;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
box-shadow:0 1px 2px rgba(49,60,71,.07),0 2px 4px rgba(49,60,71,.07),0 4px 8px rgba(49,60,71,.07),0 8px 16px rgba(49,60,71,.07),0 16px 32px rgba(49,60,71,.07),0 32px 64px rgba(49,60,71,.07)}
@media(min-width: 768px){
.compose.fullscreen:not(.minimize) .compose-content{
width:80%}
}
.compose.fullscreen:not(.minimize) .nav-link-fullscreen i:first-child{
display:none}
.compose.fullscreen:not(.minimize) .nav-link-fullscreen i:last-child{
display:block}
.compose-content{
position:relative;
width:100vw;
height:100vh;
display:flex;
flex-direction:column}
@media(min-width: 768px){
.compose-content{
width:498px;
height:auto;
border-top-left-radius:5px;
border-top-right-radius:5px;
box-shadow:0 1px 2px rgba(158,167,177,.07),0 2px 4px rgba(158,167,177,.07),0 4px 8px rgba(158,167,177,.07),0 8px 16px rgba(158,167,177,.07),0 16px 32px rgba(158,167,177,.07),0 32px 64px rgba(158,167,177,.07)}
}
@media(min-width: 1200px){
.compose-content{
width:520px}
}
.compose-header{
height:48px;
padding:0 15px;
background-color:#212830;
color:#fff;
display:flex;
align-items:center;
border-top-left-radius:inherit;
border-top-right-radius:inherit;
cursor:pointer}
.compose-header h6,.compose-header .h6{
flex:1;
font-weight:400;
font-size:14px;
margin-bottom:0}
.compose-header .nav{
margin-top:1.5px;
margin-left:10px;
align-items:center}
.compose-header .nav-link{
padding:0;
font-size:18px;
color:rgba(255,255,255,.75);
line-height:1}
.compose-header .nav-link:not(:last-child){
display:none}
@media(min-width: 768px){
.compose-header .nav-link:not(:last-child){
display:block}
}
.compose-header .nav-link+.nav-link{
margin-left:8px}
.compose-header .nav-link-fullscreen i:last-child{
display:none}
.compose-body{
flex:1;
background-color:#fff;
border-bottom:1px solid rgba(226,229,236,.6);
padding:20px;
display:flex;
flex-direction:column}
.compose-body .form-group+.form-group{
margin-top:15px}
.compose-body .form-group:last-child{
flex:1}
.compose-body input.form-control,.compose-body input.gridjs-input{
font-size:14px;
padding:0 0 12px;
border-radius:0;
border-width:0 0 1px;
border-bottom-color:#f3f5f9;
color:#212830}
.compose-body input.form-control::placeholder,.compose-body input.gridjs-input::placeholder{
color:#6e7985;
text-shadow:none}
.compose-body input.form-control:focus,.compose-body input.gridjs-input:focus{
box-shadow:none}
.compose-body textarea.form-control,.compose-body textarea.gridjs-input{
padding:0;
font-size:14px;
border-radius:0;
border-width:0;
color:#212830;
resize:none;
height:100%}
.compose-body textarea.form-control:focus,.compose-body textarea.gridjs-input:focus{
box-shadow:none}
.nav-toolbar{
align-items:center;
padding:10px;
background-color:#fff}
.nav-toolbar .nav-link{
padding:0;
width:26px;
height:26px;
display:flex;
align-items:center;
justify-content:center;
color:#41505f;
border-radius:4px}
@media(min-width: 768px){
.nav-toolbar .nav-link{
width:32px;
height:32px}
}
.nav-toolbar .nav-link:hover,.nav-toolbar .nav-link:focus{
background-color:rgba(243,245,249,.65);
color:#212830}
.nav-toolbar .nav-link i{
font-size:16px;
line-height:1}
@media(min-width: 768px){
.nav-toolbar .nav-link i{
font-size:18px}
}
.nav-toolbar .nav-link:last-child{
width:20px}
.nav-toolbar .nav-separator{
display:block;
margin:0 4px;
width:1px;
height:18px;
background-color:#f3f5f9}
.compose-footer{
background-color:#fff;
border-top:1px solid rgba(226,229,236,.6);
padding:12px 15px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom-left-radius:inherit;
border-bottom-right-radius:inherit}
.compose-footer .btn-icontext{
padding-left:15px;
padding-right:15px}
.compose-footer .btn-icontext i{
font-size:16px}
.chat-panel{
background-color:#fff;
border-radius:6px;
position:relative;
height:calc(100vh - 145px);
box-shadow:0 1px 2px rgba(195,202,212,.07),0 2px 4px rgba(195,202,212,.07),0 4px 8px rgba(195,202,212,.07),0 8px 16px rgba(195,202,212,.07),0 16px 32px rgba(195,202,212,.07),0 32px 64px rgba(195,202,212,.07)}
@media(min-width: 992px){
.chat-panel{
height:calc(100vh - 155px)}
}
@media(max-width: 767.98px){
.chat-panel.msg-show .chat-sidebar{
display:none}
.chat-panel.msg-show .chat-body{
display:block}
}
.chat-sidebar{
width:100%;
position:absolute;
top:0;
left:0;
bottom:0;
border-bottom-left-radius:inherit;
border-top-left-radius:inherit;
background-color:#fbfcfe}
@media(min-width: 768px){
.chat-sidebar{
width:280px;
border-right:1px solid rgba(226,229,236,.6)}
}
@media(min-width: 1200px){
.chat-sidebar{
width:300px}
}
.chat-sidebar .sidebar-header{
background-color:#fff;
border-top-left-radius:inherit;
border-top-right-radius:inherit;
padding:20px;
height:auto;
border-bottom-color:rgba(226,229,236,.6)}
.chat-sidebar .sidebar-title{
font-size:16px;
font-weight:600;
color:#212830;
margin-bottom:0}
.chat-sidebar .sidebar-body{
padding:20px 10px 10px;
height:calc(100% - 60px);
position:relative;
overflow:hidden}
.chat-contacts{
padding:0 10px}
@media(min-width: 768px){
.chat-contacts .avatar{
width:32px;
height:32px}
}
@media(min-width: 1200px){
.chat-contacts .avatar{
width:36px;
height:36px}
}
.chat-group,.contact-group{
position:relative}
.chat-group .chat-item,.chat-group .contact-item,.contact-group .chat-item,.contact-group .contact-item{
display:flex;
align-items:center;
padding:10px;
border-radius:4px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.chat-group .chat-item,.chat-group .contact-item,.contact-group .chat-item,.contact-group .contact-item{
transition:none}
}
.chat-group .chat-item:hover,.chat-group .contact-item:hover,.contact-group .chat-item:hover,.contact-group .contact-item:hover{
background-color:#f3f5f9;
cursor:pointer}
.chat-group .chat-item+.chat-item,.chat-group .contact-item+.chat-item,.chat-group .chat-item+.contact-item,.chat-group .contact-item+.contact-item,.contact-group .chat-item+.chat-item,.contact-group .contact-item+.chat-item,.contact-group .chat-item+.contact-item,.contact-group .contact-item+.contact-item{
margin-top:1px}
.chat-group .chat-item.unread .chat-item-body h6,.chat-group .chat-item.unread .contact-item-body h6,.chat-group .unread.contact-item .chat-item-body h6,.chat-group .unread.contact-item .contact-item-body h6,.contact-group .chat-item.unread .chat-item-body h6,.contact-group .chat-item.unread .contact-item-body h6,.contact-group .unread.contact-item .chat-item-body h6,.contact-group .unread.contact-item .contact-item-body h6,.chat-group .chat-item.unread .chat-item-body .h6,.chat-group .chat-item.unread .contact-item-body .h6,.chat-group .unread.contact-item .chat-item-body .h6,.chat-group .unread.contact-item .contact-item-body .h6,.contact-group .chat-item.unread .chat-item-body .h6,.contact-group .chat-item.unread .contact-item-body .h6,.contact-group .unread.contact-item .chat-item-body .h6,.contact-group .unread.contact-item .contact-item-body .h6{
font-weight:600;
position:relative;
letter-spacing:-0.2px}
.chat-group .chat-item.unread .chat-item-body h6::after,.chat-group .chat-item.unread .contact-item-body h6::after,.chat-group .unread.contact-item .chat-item-body h6::after,.chat-group .unread.contact-item .contact-item-body h6::after,.contact-group .chat-item.unread .chat-item-body h6::after,.contact-group .chat-item.unread .contact-item-body h6::after,.contact-group .unread.contact-item .chat-item-body h6::after,.contact-group .unread.contact-item .contact-item-body h6::after,.chat-group .chat-item.unread .chat-item-body .h6::after,.chat-group .chat-item.unread .contact-item-body .h6::after,.chat-group .unread.contact-item .chat-item-body .h6::after,.chat-group .unread.contact-item .contact-item-body .h6::after,.contact-group .chat-item.unread .chat-item-body .h6::after,.contact-group .chat-item.unread .contact-item-body .h6::after,.contact-group .unread.contact-item .chat-item-body .h6::after,.contact-group .unread.contact-item .contact-item-body .h6::after{
content:"";
position:absolute;
top:calc(50% - 2px);
right:-12px;
width:6px;
height:6px;
background-color:#506fd9;
border-radius:100%}
.chat-group .chat-item.unread .chat-item-body span,.chat-group .chat-item.unread .contact-item-body span,.chat-group .unread.contact-item .chat-item-body span,.chat-group .unread.contact-item .contact-item-body span,.contact-group .chat-item.unread .chat-item-body span,.contact-group .chat-item.unread .contact-item-body span,.contact-group .unread.contact-item .chat-item-body span,.contact-group .unread.contact-item .contact-item-body span{
font-weight:500;
color:#506fd9}
.chat-group .chat-item.selected,.chat-group .selected.contact-item,.contact-group .chat-item.selected,.contact-group .selected.contact-item{
background-color:rgba(80,111,217,.1)}
.chat-group .chat-item.selected .avatar-initial,.chat-group .selected.contact-item .avatar-initial,.contact-group .chat-item.selected .avatar-initial,.contact-group .selected.contact-item .avatar-initial{
background-color:#506fd9;
color:#fff}
.chat-group .chat-item.selected .chat-item-body h6,.chat-group .chat-item.selected .contact-item-body h6,.chat-group .selected.contact-item .chat-item-body h6,.chat-group .selected.contact-item .contact-item-body h6,.contact-group .chat-item.selected .chat-item-body h6,.contact-group .chat-item.selected .contact-item-body h6,.contact-group .selected.contact-item .chat-item-body h6,.contact-group .selected.contact-item .contact-item-body h6,.chat-group .chat-item.selected .chat-item-body .h6,.chat-group .chat-item.selected .contact-item-body .h6,.chat-group .selected.contact-item .chat-item-body .h6,.chat-group .selected.contact-item .contact-item-body .h6,.contact-group .chat-item.selected .chat-item-body .h6,.contact-group .chat-item.selected .contact-item-body .h6,.contact-group .selected.contact-item .chat-item-body .h6,.contact-group .selected.contact-item .contact-item-body .h6{
color:#506fd9}
.chat-group .avatar-initial,.contact-group .avatar-initial{
background-color:#ccd2da;
color:#41505f}
.chat-group .chat-item-body,.chat-group .contact-item-body,.contact-group .chat-item-body,.contact-group .contact-item-body{
padding-left:10px;
flex:1;
width:calc(100% - 46px)}
.chat-group .chat-item-body h6,.chat-group .contact-item-body h6,.contact-group .chat-item-body h6,.contact-group .contact-item-body h6,.chat-group .chat-item-body .h6,.chat-group .contact-item-body .h6,.contact-group .chat-item-body .h6,.contact-group .contact-item-body .h6{
color:#212830;
margin-bottom:2px}
.chat-group .chat-item-body span,.chat-group .contact-item-body span,.contact-group .chat-item-body span,.contact-group .contact-item-body span{
display:block;
font-size:.75rem;
color:#6e7985;
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.chat-group .chat-item-body strong,.chat-group .contact-item-body strong,.contact-group .chat-item-body strong,.contact-group .contact-item-body strong{
font-weight:600}
.chat-group .chat-item-body small,.chat-group .contact-item-body small,.contact-group .chat-item-body small,.contact-group .contact-item-body small,.chat-group .chat-item-body .small,.chat-group .contact-item-body .small,.contact-group .chat-item-body .small,.contact-group .contact-item-body .small{
font-size:11px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985}
.chat-body{
height:100%;
display:none;
border-top-right-radius:inherit;
border-bottom-right-radius:inherit}
@media(min-width: 768px){
.chat-body{
display:block;
margin-left:280px}
}
@media(min-width: 1200px){
.chat-body{
margin-left:300px}
}
.chat-body .nav-icon{
align-items:center}
.chat-body .nav-icon .nav-link{
padding:0;
color:#6e7985;
font-size:18px;
line-height:1;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.chat-body .nav-icon .nav-link{
transition:none}
}
.chat-body .nav-icon .nav-link:hover,.chat-body .nav-icon .nav-link:focus{
color:#506fd9;
transform:scale(1.1)}
.chat-body .nav-icon .nav-link+.nav-link{
margin-left:10px}
.chat-body .nav-icon .ri-close-fill{
font-size:24px}
.chat-body-header,.chat-body-footer{
background-color:#fff;
height:60px;
display:flex;
align-items:center;
padding:0 15px}
.chat-body-header{
border-bottom:1px solid rgba(226,229,236,.6);
border-top-right-radius:inherit}
.chat-body-footer{
border-top:1px solid rgba(226,229,236,.6);
border-bottom-right-radius:inherit}
.chat-body-header .chat-item,.chat-body-header .contact-item{
display:flex;
align-items:center}
.chat-body-header .avatar{
margin-right:10px}
@media(min-width: 992px){
.chat-body-header .avatar{
width:40px;
height:40px}
}
.chat-body-header .chat-item-body h6,.chat-body-header .contact-item-body h6,.chat-body-header .chat-item-body .h6,.chat-body-header .contact-item-body .h6{
font-weight:600;
color:#212830}
.chat-body-header .chat-item-body span,.chat-body-header .contact-item-body span{
display:block;
color:#6e7985;
font-size:12px}
.chat-body-footer .nav-icon .nav-link+.nav-link{
margin-left:5px}
.chat-body-content{
height:calc(100% - 120px);
padding:15px;
position:relative;
overflow:hidden}
.chat-body-content .nav-icon{
display:none}
.chat-body-content .divider:first-child{
margin-top:0}
.msg-box{
flex:1;
margin:0 15px;
display:flex;
align-items:center;
position:relative}
.msg-box .form-control,.msg-box .gridjs-input{
background-color:#f3f5f9;
border-color:rgba(0,0,0,0);
border-radius:4px;
padding-right:24px;
transition:none}
.msg-box .form-control:focus,.msg-box .gridjs-input:focus{
box-shadow:none;
border-color:#e2e5ec;
background-color:#fff}
.msg-send{
display:block;
font-size:18px;
color:#6e7985;
position:absolute;
top:5px;
right:8px}
.msg-item{
display:flex}
.msg-item+.msg-item{
margin-top:20px}
.msg-item.reverse{
flex-direction:row-reverse}
.msg-item.reverse .msg-body{
align-items:flex-end}
.msg-item.reverse .row{
flex-direction:row-reverse}
.msg-item.reverse .msg-bubble{
background-color:#506fd9;
color:#fff}
.msg-item.reverse .msg-bubble span{
color:rgba(255,255,255,.6)}
.msg-item.reverse+.reverse{
margin-top:5px}
.msg-item .avatar{
margin-right:10px;
flex-shrink:0}
.msg-item .msg-body{
position:relative;
flex:1;
display:flex;
flex-direction:column}
.msg-item .row{
align-items:center;
flex-wrap:nowrap;
max-width:calc(100% - 46px)}
.msg-item .row+.row{
margin-top:5px}
.msg-item .row.nav-show .nav-icon{
display:flex}
.msg-item .nav-icon .nav-link{
font-size:18px}
.msg-item .nav-icon .nav-link+.nav-link{
margin-left:5px}
.msg-bubble{
padding:12px 15px;
background-color:#f3f5f9;
border-radius:6px;
line-height:1.42}
.msg-bubble span{
display:block;
margin-top:5px;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#9ea7b1;
text-align:right}
.contact-panel{
position:relative;
height:calc(100vh - 145px);
display:flex}
@media(min-width: 992px){
.contact-panel{
height:calc(100vh - 155px)}
}
@media(max-width: 1199.98px){
.contact-panel.sidebar-show{
overflow:hidden}
.contact-panel.sidebar-show .contact-sidebar{
left:0;
opacity:1;
visibility:visible}
.contact-panel.sidebar-show .contact-body{
transform:translateX(226px)}
}
@media(max-width: 767.98px){
.contact-panel.contact-show .contact-list{
display:none}
.contact-panel.contact-show .contact-content{
display:block}
}
.contact-sidebar{
width:210px;
height:100%;
position:absolute;
top:0;
left:-234px;
overflow:hidden;
opacity:0;
visibility:hidden;
flex-shrink:0;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.contact-sidebar{
transition:none}
}
@media(min-width: 1200px){
.contact-sidebar{
position:relative;
display:block;
padding-right:12px;
margin-right:12px;
opacity:1;
visibility:visible;
left:0}
}
.contact-sidebar .nav-sidebar .nav-link{
padding-left:10px;
padding-right:10px;
border-radius:4px}
.contact-sidebar .nav-sidebar .nav-link:hover{
background-color:#f3f5f9}
.contact-sidebar .nav-sidebar .nav-link.active{
background-color:rgba(80,111,217,.08)}
.contact-sidebar .nav-sidebar .nav-link+.nav-link{
margin-top:1px}
.contact-sidebar .nav-sidebar .nav-link small,.contact-sidebar .nav-sidebar .nav-link .small{
margin-left:auto;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:12px;
font-weight:400;
color:#9ea7b1}
.contact-sidebar hr{
opacity:.1}
.btn-contact-new{
width:100%;
display:flex;
align-items:center;
justify-content:center}
.btn-contact-new i{
font-size:16px;
line-height:1.2;
margin-right:2px;
margin-top:.5px}
.contact-body{
flex:1;
height:100%;
background-color:#fff;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07);
border-radius:6px;
position:relative;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.contact-body{
transition:none}
}
.contact-list{
width:100%;
position:absolute;
top:0;
left:0;
bottom:0}
@media(min-width: 768px){
.contact-list{
width:280px;
border-right:1px solid rgba(226,229,236,.6)}
}
.contact-list-header{
height:60px;
background-color:#fff;
border-top-left-radius:6px;
border-top-right-radius:inherit;
padding-left:15px;
padding-right:15px;
border-bottom:1px solid rgba(226,229,236,.6);
display:flex;
align-items:center}
@media(min-width: 1200px){
.contact-list-header{
padding-left:20px}
}
.contact-list-header .sidebar-title{
font-size:16px;
font-weight:600;
color:#212830;
margin-bottom:0}
.contact-menu{
display:flex;
align-items:center;
font-size:21px;
margin-right:10px;
color:#6e7985}
.contact-list-body{
height:calc(100% - 60px);
padding:10px;
position:relative;
overflow:hidden}
.contact-list-body .sidebar-label:first-child{
margin-top:5px}
.contact-item{
position:relative}
.contact-item:hover .nav-icon,.contact-item:focus .nav-icon{
display:flex}
.contact-item .nav-icon{
position:absolute;
right:10px;
display:none}
.contact-item .nav-link{
font-size:16px;
color:#9ea7b1;
padding:0}
.contact-item .nav-link+.nav-link{
margin-left:5px}
.contact-item .nav-link:hover{
color:#41505f}
.contact-item-body span{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:.8125rem}
.contact-content{
display:none;
height:100%;
overflow:hidden;
position:relative;
padding:20px}
@media(min-width: 768px){
.contact-content{
margin-left:280px;
display:block}
}
.contact-content .avatar{
width:100px;
height:100px}
.contact-content .avatar-initial{
font-size:52px;
font-weight:300}
.contact-content hr{
opacity:.12}
.contact-close{
position:absolute;
top:10px;
right:10px;
font-size:24px;
color:#6e7985}
.contact-close:hover{
color:#41505f}
@media(min-width: 768px){
.contact-close{
display:none}
}
.main-calendar{
min-height:inherit;
height:calc(100vh - 72px);
margin-top:72px;
position:relative}
@media(max-width: 1199.98px){
.main-calendar.show .calendar-sidebar{
left:0}
.main-calendar.show .calendar-body{
transform:translateX(300px);
padding-left:0}
}
.calendar-sidebar{
position:absolute;
top:0;
left:-300px;
bottom:0;
width:300px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.calendar-sidebar{
transition:none}
}
@media(min-width: 1200px){
.calendar-sidebar{
left:0}
}
.calendar-sidebar .sidebar-header{
height:86px;
border-bottom-width:0}
.calendar-sidebar .form-search{
width:100%}
.calendar-sidebar .sidebar-body{
height:100%;
padding:20px;
position:relative;
overflow:hidden}
.calendar-sidebar .sidebar-body .mutual-badge ul .avatar{
width:20px;
height:20px}
.calendar-sidebar .sidebar-body .event-body h6,.calendar-sidebar .sidebar-body .event-body .h6{
margin-bottom:5px}
.calendar-sidebar .sidebar-body .event-body h6 a,.calendar-sidebar .sidebar-body .event-body .h6 a{
color:#212830}
.calendar-sidebar .sidebar-body .event-body h6 a:hover,.calendar-sidebar .sidebar-body .event-body .h6 a:hover{
color:#506fd9}
.calendar-sidebar .ui-datepicker .ui-datepicker-calendar th{
padding-left:6px;
padding-right:6px}
@media(min-width: 1200px){
.calendar-sidebar .ui-datepicker .ui-datepicker-calendar th{
padding-left:9px;
padding-right:9px}
}
.calendar-sidebar .ui-datepicker .ui-datepicker-calendar td a{
padding-left:0}
@media(min-width: 1200px){
.calendar-sidebar .ui-datepicker .ui-datepicker-calendar td a{
padding-left:6px}
}
.nav-calendar{
flex-direction:column}
.nav-calendar .nav-link{
padding:0;
display:flex;
align-items:center;
color:#41505f}
.nav-calendar .nav-link+.nav-link{
margin-top:10px}
.nav-calendar .nav-link.calendar span{
background-color:#506fd9;
box-shadow:0 0 0 2px #506fd9}
.nav-calendar .nav-link.birthday span{
background-color:#0cb785;
box-shadow:0 0 0 2px #0cb785}
.nav-calendar .nav-link.holiday span{
background-color:#dc3545;
box-shadow:0 0 0 2px #dc3545}
.nav-calendar .nav-link.discover span{
background-color:#0dcaf0;
box-shadow:0 0 0 2px #0dcaf0}
.nav-calendar .nav-link.meetup span{
background-color:#ffc107;
box-shadow:0 0 0 2px #ffc107}
.nav-calendar .nav-link.other span{
background-color:#6f42c1;
box-shadow:0 0 0 2px #6f42c1}
.nav-calendar span{
width:10px;
height:10px;
border-radius:100%;
border:2px solid #fff;
margin-right:10px}
.calendar-body{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding:20px;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.calendar-body{
transition:none}
}
@media(min-width: 1200px){
.calendar-body{
left:300px;
padding-left:0}
}
.calendar-body .fc-toolbar-chunk{
display:flex}
.calendar-body .fc-header-toolbar{
display:block}
@media(min-width: 768px){
.calendar-body .fc-header-toolbar{
display:flex}
}
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:first-child{
justify-content:space-between;
margin-bottom:15px}
@media(min-width: 768px){
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:first-child{
margin-bottom:0}
}
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
float:left;
margin-top:7px}
@media(min-width: 576px){
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
margin-top:5px}
}
@media(min-width: 768px){
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
float:none;
margin-top:0}
}
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:last-child{
float:right}
@media(min-width: 768px){
.calendar-body .fc-header-toolbar .fc-toolbar-chunk:last-child{
float:none}
}
.calendar-body .fc-button{
display:flex;
align-items:center;
text-transform:capitalize;
height:36px;
padding-left:12px;
padding-right:12px}
.calendar-body .fc-custom1-button{
padding-left:6.5px;
padding-right:6.5px}
@media(min-width: 1200px){
.calendar-body .fc-custom1-button{
display:none}
.calendar-body .fc-custom1-button+.fc-button-group{
margin-left:0}
}
.calendar-body .fc-custom1-button .fc-icon::before{
content:"";
font-family:"remixicon"}
.calendar-body .fc-prev-button,.calendar-body .fc-next-button{
width:36px;
height:36px;
justify-content:center;
padding:0}
.calendar-body .fc-icon{
line-height:1;
padding-left:0;
padding-right:0}
.calendar-body .fc-button-primary{
background-color:#fff;
color:#6e7985;
border-color:#e2e5ec}
.calendar-body .fc-button-primary:hover,.calendar-body .fc-button-primary:focus,.calendar-body .fc-button-primary:active{
background-color:#fff;
color:#6e7985;
border-color:#d3d7e2;
box-shadow:none}
.calendar-body .fc-button-primary:disabled{
background-color:#fff;
color:#6e7985;
border-color:#e2e5ec}
.calendar-body .fc-button-primary:not(:disabled).fc-button-active,.calendar-body .fc-button-primary:not(:disabled):active{
background-color:rgba(80,111,217,.1);
color:#506fd9;
border-color:#7a91e2;
position:relative;
z-index:5}
.calendar-body .fc-button-primary:not(:disabled).fc-button-active:focus,.calendar-body .fc-button-primary:not(:disabled):active:focus{
box-shadow:none}
.calendar-body .fc-toolbar-title{
font-weight:600;
font-size:18px;
color:#212830;
letter-spacing:-0.2px;
max-width:140px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
@media(min-width: 576px){
.calendar-body .fc-toolbar-title{
font-size:22px;
max-width:none;
overflow:inherit;
text-overflow:inherit}
}
.calendar-body .fc-scrollgrid{
border-color:#e2e5ec;
background-color:#fff}
.calendar-body .fc-col-header th{
border-color:#e2e5ec;
font-size:12px;
padding-top:5px;
padding-bottom:5px}
.calendar-body .fc-col-header th a{
color:#41505f;
font-weight:600;
text-transform:uppercase}
.calendar-body .fc-daygrid-day{
border-color:#e2e5ec}
.calendar-body .fc-daygrid-day-number{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#41505f;
padding:5px 8px}
.calendar-body .fc-h-event .fc-event-main{
color:#41505f}
.calendar-body .fc-daygrid-block-event .fc-event-time,.calendar-body .fc-daygrid-block-event .fc-event-title{
padding-left:5px}
.calendar-body .fc-daygrid-dot-event .fc-event-title{
color:#41505f;
font-weight:500}
.calendar-body .fc-daygrid-event{
color:#6e7985;
border-radius:2px}
.calendar-body .fc-daygrid-event:hover{
background-color:#e2e5ec}
.calendar-body .fc-daygrid-day.fc-day-today{
background-color:rgba(80,111,217,.08)}
.calendar-body .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{
color:#506fd9}
.calendar-body .fc-event-title{
cursor:pointer}
.modal-event .modal-header{
padding:15px 20px 0;
border-bottom-width:0}
.modal-event .modal-header .btn-close{
transform:scale(0.9)}
.modal-event .modal-header .btn-close:focus{
box-shadow:none}
.modal-event .modal-title{
font-size:18px;
font-weight:600;
color:#212830}
.modal-event .modal-body{
padding:20px;
position:relative}
.modal-event .modal-footer{
padding:0 20px 20px;
border-top-width:0}
.modal-event .form-label{
color:#6e7985;
margin-bottom:5px;
font-size:13px}
.modal-event .date-item{
display:flex;
align-items:center}
.modal-event .date-item i{
font-size:18px;
line-height:1;
margin-right:5px;
opacity:.75}
.modal-event .date-item+.date-item{
margin-top:10px}
.modal-event .date-item span{
font-weight:500;
color:#212830}
.modal-event p{
color:#212830}
@media(min-width: 1200px)and (max-width: 1399.98px){
.app-task .sidebar-right{
width:270px}
}
.task-label{
display:block;
margin-bottom:0;
font-size:.75rem;
font-weight:600;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
letter-spacing:.5px}
.dropdown-task .dropdown-link{
font-size:.75rem;
display:flex;
align-items:center;
color:#6e7985}
.dropdown-task .dropdown-link:hover{
color:#506fd9}
.dropdown-task .dropdown-link i{
font-size:16px;
line-height:1;
margin-top:2px}
.card-task{
border-width:0;
border-radius:6px;
cursor:pointer;
border:1px solid rgba(0,0,0,0);
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07);
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.card-task{
transition:none}
}
.card-task:hover{
border-color:#ccd2da}
.card-task+.card-task{
margin-top:12px}
.card-task .badge{
font-size:10px}
.card-task .card-date{
font-size:.75rem;
color:#6e7985;
white-space:nowrap;
align-self:flex-start}
.card-task p{
color:#6e7985}
.card-task .card-title{
margin-bottom:0;
font-weight:600;
color:#212830}
.card-task .progress{
height:4px}
.card-task .card-footer{
padding-top:0;
border-top-width:0;
background-color:rgba(0,0,0,0);
display:flex;
align-items:center;
justify-content:space-between}
.card-task .card-footer .avatar{
width:18px;
height:18px}
.card-task .card-footer .nav-link{
color:#9ea7b1;
display:flex;
align-items:center;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
padding:0;
grid-gap:2px}
.card-task .card-footer .nav-link:hover{
color:#506fd9}
.card-task .card-footer .nav-link i{
font-size:14px}
.card-task .card-footer .nav-link+.nav-link{
margin-left:10px}
.task-calendar .ui-datepicker-inline{
max-width:none;
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.task-calendar .ui-datepicker .ui-datepicker-calendar{
width:100%}
@media(min-width: 1200px)and (max-width: 1399.98px){
.task-calendar .ui-datepicker .ui-datepicker-calendar th{
padding-left:12px;
padding-right:4px;
text-align:right}
}
.task-calendar .ui-datepicker .ui-datepicker-calendar td{
border-color:#e2e5ec}
.task-calendar .ui-datepicker .ui-datepicker-calendar td:last-child{
border-right:1px solid #e2e5ec}
.task-calendar .ui-datepicker .ui-datepicker-calendar td a{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:.8125rem}
@media(min-width: 1200px)and (max-width: 1399.98px){
.task-calendar .ui-datepicker .ui-datepicker-calendar td a{
padding-left:0;
padding-right:6px}
}
.task-calendar .ui-datepicker .ui-datepicker-calendar td a:hover{
background-color:#f3f5f9}
.task-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a{
background-color:rgba(0,0,0,0);
color:#506fd9}
.task-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover{
background-color:#f3f5f9;
color:#506fd9}
.task-category{
color:#fff;
border-radius:6px}
.task-category .category-percent{
font-weight:500;
font-family:"Inter",sans-serif}
.task-category .category-percent span{
font-size:70%;
font-weight:400}
.task-category>span{
display:block;
font-size:.8125rem;
opacity:.65}
@media(max-width: 1199.98px){
.app-music.sideright-show .sidebar-right{
right:0;
opacity:1;
visibility:visible}
.app-music.sideright-show .main-backdrop{
opacity:1;
visibility:visible}
}
.app-music .sidebar-right{
width:300px;
position:fixed;
top:0;
right:-300px;
bottom:0;
background-color:#fff;
padding:20px;
opacity:0;
visibility:hidden;
z-index:1000;
overflow-y:auto;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.app-music .sidebar-right{
transition:none}
}
@media(min-width: 1200px){
.app-music .sidebar-right{
width:260px;
position:static;
background-color:rgba(0,0,0,0);
padding:0;
opacity:1;
visibility:visible;
z-index:auto;
overflow-y:inherit}
}
.app-music .sidebar-right .nav-link{
color:#41505f;
padding:8px 0}
.app-music .sidebar-right .nav-link:hover{
color:#506fd9}
.app-music .sidebar-right .nav-link:hover i{
color:inherit}
.app-music .sidebar-right .nav-link .badge{
padding:0}
.app-music .main-label-group label{
font-size:15px;
font-weight:600;
color:#212830;
letter-spacing:-0.2px}
.app-music .main-label-group a{
font-size:.8125rem}
.app-music .row-wrapper{
overflow-x:auto}
@media(min-width: 768px){
.app-music .row-wrapper{
overflow:inherit}
}
.app-music .row-wrapper>.row{
width:640px}
@media(min-width: 768px){
.app-music .row-wrapper>.row{
width:auto}
}
.music-headline{
position:relative;
height:260px;
overflow:hidden;
border-radius:6px}
.music-headline:hover img{
transform:scale(1.05)}
.music-headline img{
width:100%;
height:100%;
object-fit:cover;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.music-headline img{
transition:none}
}
.music-headline>div{
position:absolute;
left:20px;
right:20px;
bottom:20px;
color:rgba(255,255,255,.75);
text-shadow:1px 1px 2px rgba(33,40,48,.4)}
@media(min-width: 992px){
.music-headline>div{
width:80%;
left:25px;
bottom:25px;
right:auto}
}
@media(min-width: 1200px){
.music-headline>div{
width:50%}
}
.music-headline label{
display:block;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px}
.music-headline h2,.music-headline .h2{
color:#fff;
font-weight:600}
.music-headline .btn-icon{
font-size:32px;
width:48px;
height:48px;
border-radius:100%;
border-width:1.5px}
.music-item{
position:relative}
.music-item span{
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985;
display:block}
.music-thumb{
display:block;
overflow:hidden;
border-radius:6px}
.music-thumb:hover img{
transform:scale(1.1)}
.music-thumb img{
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.music-thumb img{
transition:none}
}
.music-title{
margin-bottom:5px;
font-weight:600}
.music-title a{
color:#212830}
.music-title a:hover{
color:#506fd9}
.music-text{
font-size:.75rem;
margin-bottom:10px}
.music-text-sm{
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985;
display:block}
.card-album{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
@media(min-width: 768px){
.card-album{
width:230px}
}
.card-album label{
font-size:10px;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
letter-spacing:1px;
color:#6e7985;
margin-bottom:3px}
.card-album .music-title{
font-size:15px;
margin-bottom:7px}
.card-album .music-text{
font-size:.8125rem}
.media-music{
display:flex;
align-items:center}
.media-music+.media-music{
margin-top:15px}
.media-music .media-img{
display:block;
width:56px;
height:56px;
overflow:hidden;
border-radius:4px;
flex-shrink:0;
margin-right:12px}
.media-music .media-img img{
width:100%;
height:100%;
object-fit:cover}
.media-music h6,.media-music .h6{
font-weight:600;
margin-bottom:4px}
.media-music h6 a,.media-music .h6 a{
color:#212830}
.media-music h6 a:hover,.media-music .h6 a:hover{
color:#506fd9}
.media-music p{
font-size:.75rem;
color:#506fd9;
margin-bottom:5px}
.media-music span{
display:block;
font-size:.8125rem;
color:#6e7985;
line-height:1.4}
.table-music{
border-collapse:separate;
border-spacing:0 8px;
margin-top:-8px}
.table-music tbody tr{
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.table-music tbody tr:hover td{
border-color:#506fd9}
.table-music tbody td{
vertical-align:middle;
padding-top:8px;
padding-bottom:8px;
border:1px solid rgba(0,0,0,0);
background-color:#fff}
.table-music tbody td:not(:first-child){
border-left-width:0}
.table-music tbody td:not(:last-child){
border-right-width:0}
.table-music tbody td:first-child{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
padding-left:15px}
.table-music tbody td:last-child{
border-top-right-radius:6px;
border-bottom-right-radius:6px}
.table-music img{
width:100%;
height:100%;
object-fit:cover;
border-radius:4px;
max-width:30px}
.table-music a{
display:block;
font-weight:600;
line-height:1.4;
color:#212830}
.table-music a:hover{
color:#506fd9}
.table-music small,.table-music .small{
display:block;
font-size:11px;
color:#6e7985}
.table-music .time{
font-size:11px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985}
.table-music .dropdown-link{
display:inline-block;
font-size:16px;
color:#6e7985;
margin-top:2px}
.table-music .media-music .media-img{
width:36px;
height:36px;
flex-shrink:0}
.table-music .media-music .media-img img{
max-width:none}
.table-music .media-music h6,.table-music .media-music .h6{
margin-bottom:0}
.table-music .media-music span{
font-size:.75rem}
.music-player{
background-color:#fff;
padding:10px 15px;
display:flex;
align-items:center;
border-radius:6px;
box-shadow:0 1px 2px rgba(158,167,177,.07),0 2px 4px rgba(158,167,177,.07),0 4px 8px rgba(158,167,177,.07),0 8px 16px rgba(158,167,177,.07),0 16px 32px rgba(158,167,177,.07),0 32px 64px rgba(158,167,177,.07)}
.music-player .media-music .media-img{
width:48px;
height:48px;
margin-right:0}
@media(min-width: 992px){
.music-player .media-music .media-img{
margin-right:12px}
}
.music-player .media-music .media-body{
display:none}
@media(min-width: 992px){
.music-player .media-music .media-body{
display:block}
}
.music-player .media-music h6,.music-player .media-music .h6{
font-size:.8125rem}
.music-player .media-music span{
font-size:.75rem}
.music-range{
display:flex;
align-items:center;
margin-bottom:5px}
.music-range .progress{
margin-bottom:0;
margin-left:8px;
margin-right:8px;
height:5px;
flex:1;
background-color:#e2e5ec}
.music-range>span{
font-size:11px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#6e7985}
.nav-player{
align-items:center}
.nav-player .nav-link{
padding:0;
font-size:14px;
line-height:1;
color:#41505f}
@media(min-width: 992px){
.nav-player .nav-link{
font-size:16px}
}
.nav-player .nav-link+.nav-link{
margin-left:5px}
@media(min-width: 992px){
.nav-player .nav-link+.nav-link{
margin-left:10px}
}
.nav-player .nav-link.lg{
font-size:20px}
.nav-player .nav-link.play{
width:36px;
height:36px;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
background-color:#506fd9;
color:#fff}
.nav-player .nav-link.play i{
display:block}
.nav-player .nav-link.play:hover{
background-color:#4868d7}
.music-volume{
display:flex;
align-items:center;
margin-left:10px}
@media(min-width: 576px){
.music-volume{
width:80px}
}
.music-volume a{
font-size:16px;
color:#41505f;
margin-right:5px}
.music-volume .progress{
flex:1;
height:3px;
display:none;
background-color:#e2e5ec}
@media(min-width: 576px){
.music-volume .progress{
display:flex}
}
.app-video .btn-upload{
text-transform:uppercase;
letter-spacing:1px;
font-family:"Archivo",sans-serif;
font-size:11px;
font-weight:500;
height:36px;
display:flex;
align-items:center;
padding-left:10px;
padding-right:10px;
border-width:1.5px;
grid-gap:5px}
@media(min-width: 992px){
.app-video .btn-upload{
padding-left:15px;
padding-right:15px}
}
.app-video .btn-upload i{
font-size:14px}
.app-video .carousel{
border-radius:6px;
overflow:hidden}
.app-video .carousel-control-prev,.app-video .carousel-control-next{
width:auto;
top:auto;
bottom:25px}
.app-video .carousel-control-prev{
left:auto;
right:60px}
.app-video .carousel-control-next{
right:20px}
.app-video .main-label-group label{
font-size:15px;
font-weight:600;
color:#212830}
.app-video .row-wrapper{
margin-left:-20px;
margin-right:-5px;
overflow-x:auto;
padding:0 20px 20px}
@media(min-width: 1200px){
.app-video .row-wrapper{
overflow:inherit;
margin-left:0;
margin-right:0;
padding:0}
}
.app-video .row-wrapper>.row{
width:900px}
@media(min-width: 1200px){
.app-video .row-wrapper>.row{
width:auto}
}
.video-headline{
height:420px;
position:relative;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.video-headline img{
width:100%;
height:100%;
object-fit:cover}
.video-headline-body{
position:absolute;
bottom:0;
left:0;
right:0;
color:#fff;
text-shadow:1px 1px 4px rgba(33,40,48,.6);
background-image:linear-gradient(to bottom, rgba(12, 15, 18, 0), #0c0f12)}
@media(min-width: 768px){
.video-headline-body>div{
width:75%}
}
@media(min-width: 1200px){
.video-headline-body>div{
width:50%}
}
.video-headline-body .video-title{
font-weight:400;
color:inherit}
.video-headline-body label{
display:block;
font-size:.8125rem;
margin-bottom:5px;
opacity:.75}
.video-headline-body h3,.video-headline-body .h3{
margin-bottom:0;
font-weight:400;
font-family:"Inter",sans-serif}
.video-headline-body .btn-icon{
font-size:32px;
width:48px;
height:48px;
border-radius:100%;
border-width:1.5px}
.card-video{
border-radius:6px;
border-width:0;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-video .card-title{
font-weight:600}
.card-video .card-title a{
color:#212830}
.card-video .card-title a:hover{
color:#506fd9}
.video-player{
position:relative;
height:200px}
@media(min-width: 576px){
.video-player{
height:260px}
}
@media(min-width: 768px){
.video-player{
height:320px}
}
@media(min-width: 1200px){
.video-player{
height:280px}
}
.video-player .progress{
position:absolute;
bottom:42px;
left:0;
right:0;
height:3px;
border-radius:0}
.video-player .nav{
position:absolute;
bottom:0;
left:0;
right:0;
align-items:center;
padding:10px;
background-color:rgba(33,40,48,.16)}
@media(min-width: 576px){
.video-player .nav{
padding:10px 15px}
}
.video-player .nav-link{
padding:0;
color:rgba(255,255,255,.75);
display:block;
line-height:1;
font-size:.75rem}
.video-player .nav-link:hover{
color:#fff}
.video-player .nav-link i{
font-size:21px;
position:relative;
top:1px}
.video-player .nav-link+.nav-link{
margin-left:10px}
.video-player-img{
width:100%;
height:100%;
object-fit:cover;
border-radius:4px}
.card-movie{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-movie img{
border-radius:4px;
width:100%;
height:200px;
object-fit:cover}
@media(min-width: 576px){
.card-movie img{
height:100%}
}
.card-movie .card-label{
display:block;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:#506fd9;
margin-bottom:3px}
.card-movie .card-title{
font-size:16px;
font-weight:600}
.card-movie .card-title a{
color:#212830}
.card-movie .card-title a:hover{
color:#506fd9}
.card-video-item{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-video-item .card-title{
width:100%;
margin-bottom:2px;
font-weight:600}
.card-video-item .card-title a{
color:#212830}
.card-video-item .card-author{
font-size:.8125rem}
.card-video-item .card-text{
margin-top:10px;
font-size:.75rem;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
display:flex;
align-items:center;
grid-gap:10px;
color:#6e7985}
.card-poster{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-poster img{
width:100%;
height:100%;
object-fit:cover;
border-radius:inherit}
@media(min-width: 576px){
.media-profile{
display:flex}
}
.media-profile .media-img{
flex-shrink:0;
width:150px;
margin-right:25px;
border-radius:100%}
.media-profile .media-img img{
border-radius:inherit}
.media-profile .media-body{
flex:1;
position:relative;
line-height:1.55}
.media-profile .media-name{
font-size:24px;
font-weight:600;
color:#212830;
margin-bottom:3px}
.profile-item{
display:flex;
align-items:center}
.profile-item>i{
font-size:32px;
line-height:1;
margin-right:12px;
color:#9ea7b1}
.profile-item-body p{
font-weight:600;
color:#212830;
margin-bottom:2px}
.profile-item-body span{
color:#6e7985;
font-size:.8125rem;
display:block}
.post-bar{
height:54px;
border-radius:6px;
background-color:#fff;
display:flex;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.post-bar-item{
width:40px;
height:100%;
display:flex;
align-items:center;
justify-content:center}
@media(min-width: 576px){
.post-bar-item{
width:54px}
}
.post-bar-item+.post-bar-item{
border-left:1px solid #f3f5f9}
.post-bar-item a{
color:#6e7985;
display:block;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.post-bar-item a{
transition:none}
}
.post-bar-item a:hover{
color:#506fd9}
.post-bar-item i{
font-size:18px;
line-height:1}
@media(min-width: 576px){
.post-bar-item i{
font-size:20px}
}
.post-bar-item:first-child{
flex:1;
width:auto;
justify-content:flex-start;
padding:0 20px}
.post-bar-item:first-child a:hover{
color:#212830}
.card-post{
position:relative;
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-post .card-header{
padding:18px 20px;
background-color:rgba(0,0,0,0);
display:flex;
align-items:center;
justify-content:space-between;
border-bottom-color:#f3f5f9}
.card-post .card-title{
font-size:15px;
font-weight:600;
margin-bottom:0;
color:#212830}
.card-post .link-more{
font-size:18px;
line-height:.7;
color:#9ea7b1;
position:relative;
top:1px;
right:-3px}
.card-post .link-more:hover{
color:#6e7985}
.card-post .card-body{
padding:20px;
line-height:1.55}
.card-post .card-footer{
padding:10px;
background-color:rgba(0,0,0,0);
border-top-color:#f3f5f9}
.card-post .card-footer .nav-link{
display:flex;
align-items:center;
color:#6e7985;
padding-left:10px;
border-radius:4px}
.card-post .card-footer .nav-link:hover{
background-color:rgba(80,111,217,.05);
color:#506fd9}
.card-post .card-footer .nav-link i{
font-size:20px;
margin-right:3px;
line-height:1}
.post-header{
display:flex;
align-items:center}
.post-header .avatar{
margin-right:10px}
.post-content h6,.post-content .h6{
color:#212830;
font-weight:600;
margin-bottom:2px}
.post-content span{
display:block;
font-size:.8125rem;
color:#6e7985}
.post-date{
display:block;
margin-left:auto;
font-size:.8125rem;
align-self:flex-start;
line-height:1.2;
color:#6e7985}
.post-preview{
padding:15px;
background-color:#f8f9fc}
.post-preview h5,.post-preview .h5{
font-size:.938rem;
font-weight:600;
color:#212830;
margin-bottom:5px;
letter-spacing:-0.5px}
.post-preview p{
color:#313c47;
margin-bottom:2px}
.post-preview span{
display:block;
font-size:.8125rem;
color:#6e7985}
.experience-item{
position:relative}
@media(min-width: 576px){
.experience-item{
display:flex}
}
.experience-icon{
width:100px;
height:100px;
display:flex;
align-items:center;
justify-content:center;
font-size:48px;
background-color:#e2e5ec;
color:#9ea7b1;
margin-bottom:20px;
border-radius:6px}
@media(min-width: 576px){
.experience-icon{
margin-bottom:0;
margin-right:20px}
}
.experience-body{
flex:1}
.experience-body h5,.experience-body .h5{
font-size:.938rem;
font-weight:600;
color:#212830;
margin-bottom:5px}
.experience-body p{
margin-bottom:2px}
.experience-body p:last-of-type{
margin-bottom:0;
font-size:.8125rem;
color:#6e7985}
.experience-body ul{
margin:0;
padding-left:13px}
.profile-mutual h6,.profile-mutual .h6{
color:#212830;
font-weight:600;
margin-bottom:5px}
.profile-mutual p{
margin-bottom:0;
font-size:.8125rem;
color:#6e7985}
.interest-item{
display:flex;
position:relative}
.interest-item+.interest-item{
margin-top:20px}
.interest-icon{
width:64px;
height:64px;
display:flex;
align-items:center;
justify-content:center;
background-color:#f8f9fc;
margin-right:15px;
flex-shrink:0;
color:#fff;
font-size:48px;
border-radius:6px}
.interest-body h6,.interest-body .h6{
margin-bottom:3px;
font-weight:600;
font-size:.938rem;
color:#212830}
.interest-body p{
margin-bottom:0}
.list-contact-info{
margin:0;
padding:0;
list-style:none}
.list-contact-info li{
display:flex;
align-items:center;
padding:8px 0}
.list-contact-info li:first-child{
padding-top:0}
.list-contact-info li:last-child{
padding-bottom:0}
.list-contact-info li i{
font-size:20px;
line-height:1;
margin-right:12px}
.mutual-group{
margin:0;
padding:0;
list-style:none;
display:flex}
.mutual-group li{
position:relative}
.mutual-group li+li{
margin-left:-10px}
.mutual-group .avatar{
box-shadow:0 0 0 2px #fff}
.people-group{
margin:0;
padding:0;
list-style:none}
.people-item{
display:flex;
align-items:center}
.people-item+.people-item{
margin-top:20px}
.people-item .avatar{
margin-right:12px}
.people-body{
flex:1}
.people-body h6,.people-body .h6{
margin-bottom:3px}
.people-body h6 a,.people-body .h6 a{
color:#212830}
.people-body h6 a:hover,.people-body .h6 a:hover{
color:#506fd9}
.people-body span{
display:block;
font-size:.75rem;
color:#6e7985}
.card-people{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-people .card-body{
padding:15px}
@media(min-width: 1400px){
.card-people .card-body{
padding:20px}
}
.card-people .avatar-xl{
width:84px;
height:84px}
.card-people .avatar-xl::after{
right:10px;
bottom:5px}
.card-people h6,.card-people .h6{
margin-bottom:2px;
font-weight:600}
.card-people h6 a,.card-people .h6 a{
color:#212830}
.card-people h6 a:hover,.card-people .h6 a:hover{
color:#506fd9}
.card-people p{
font-size:.8125rem;
color:#6e7985}
.mutual-badge{
display:flex;
align-items:center}
.mutual-badge ul{
margin:0;
padding:0;
list-style:none;
display:flex}
.mutual-badge ul .avatar{
display:block;
width:16px;
height:16px;
border:1.5px solid #fff}
.mutual-badge li+li{
margin-left:-8px}
.mutual-badge label{
display:block;
margin-left:5px;
margin-bottom:0;
font-size:11px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color:rgba(110,121,133,.75)}
.activity-group{
margin:0;
margin-left:15px;
padding:0;
list-style:none;
border-left:2px solid #e2e5ec}
.activity-group li+li{
margin-top:30px}
.activity-date{
padding-left:40px;
margin-bottom:10px;
font-size:.75rem;
font-weight:500;
color:#6e7985;
position:relative}
.activity-date::before{
content:"";
position:absolute;
top:7px;
left:0;
width:20px;
border-top:2px solid #e2e5ec}
.activity-item{
padding-left:40px;
position:relative}
.activity-item strong{
font-weight:600}
.activity-item::before{
content:"";
position:absolute;
top:-6px;
left:-17px;
width:32px;
height:32px;
border-radius:100%;
background-color:#506fd9;
color:rgba(255,255,255,.75);
z-index:5;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
font-family:"remixicon"}
.activity-item.comment::before{
content:"";
background-color:#0dcaf0}
.activity-item.post::before{
content:""}
.activity-item.like::before{
content:"";
background-color:#0cb785}
.activity-item.search::before{
content:"";
background-color:#ea4c89}
.activity-item .avatar{
flex-shrink:0}
.card-comment{
border-width:0;
border-radius:6px;
color:#6e7985;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-comment strong{
color:#41505f}
.card-event{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-event .card-img-top{
border-top-left-radius:6px;
border-top-right-radius:6px;
height:120px;
object-fit:cover;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.card-event .card-img-top{
transition:none}
}
.card-event .card-img-top:hover{
opacity:.75}
.card-event .card-body{
padding:20px;
position:relative}
.card-event h6,.card-event .h6{
font-size:15px;
font-weight:600;
margin-bottom:2px}
.card-event h6 a,.card-event .h6 a{
color:#212830}
.card-event h6 a:hover,.card-event .h6 a:hover{
color:#506fd9}
.card-event .card-footer{
background-color:rgba(0,0,0,0);
border-top-width:0;
padding:0 20px 20px;
display:flex;
align-items:center;
grid-gap:7px}
.card-event .card-footer .btn,.card-event .card-footer .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .card-event .card-footer button,.card-event .card-footer .gridjs-pages button,.gridjs-pages .card-event .card-footer button{
display:flex;
align-items:center;
justify-content:center;
grid-gap:5px}
.card-event .card-footer .btn:first-child,.card-event .card-footer .ui-datepicker-buttonpane button:first-child,.ui-datepicker-buttonpane .card-event .card-footer button:first-child,.card-event .card-footer .gridjs-pages button:first-child,.gridjs-pages .card-event .card-footer button:first-child{
flex:1}
.card-event .card-footer i{
font-size:16px;
line-height:1}
.event-group{
margin:0;
padding:0;
list-style:none}
.event-item{
display:flex;
align-items:center}
.event-item+.event-item{
margin-top:20px}
.event-icon{
width:56px;
height:56px;
display:flex;
align-items:center;
justify-content:center;
background-color:#0dcaf0;
border-radius:6px;
color:#fff;
margin-right:10px}
.event-icon i{
font-size:24px;
line-height:1}
.event-body h6,.event-body .h6{
margin-bottom:2px}
.event-body h6 a,.event-body .h6 a{
color:#212830}
.event-body h6 a:hover,.event-body .h6 a:hover{
color:#506fd9}
.event-body p{
font-size:.75rem;
color:#6e7985;
margin-bottom:5px}
.card-settings{
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.card-settings .card-header{
padding:20px;
background-color:rgba(0,0,0,0);
border-bottom-color:#f3f5f9}
.card-settings .card-title{
font-size:15px;
font-weight:600;
color:#212830;
margin-bottom:5px}
.card-settings .card-text{
color:#6e7985;
margin-bottom:0}
.setting-item{
padding:20px;
position:relative}
.setting-item+.setting-item{
border-top:1px solid #f3f5f9}
.setting-item h6,.setting-item .h6{
margin-bottom:3px}
.setting-item p{
margin-bottom:0;
font-size:.75rem;
color:#6e7985}
.setting-item .table{
white-space:nowrap;
font-size:.8125rem}
@media(min-width: 992px){
.setting-item .table{
font-size:.875rem}
}
.setting-item .table th{
padding-top:0;
font-size:.8125rem}
.setting-item .table td{
vertical-align:middle;
padding-top:8px;
padding-bottom:8px}
.setting-item .table th:first-child,.setting-item .table td:first-child{
padding-left:0}
.setting-item .table th:last-child,.setting-item .table td:last-child{
padding-right:0}
.setting-item .table th:not(:first-child),.setting-item .table td:not(:first-child){
text-align:right}
.setting-item .table>:not(:first-child),.setting-item .table th,.setting-item .table td{
border-color:#f3f5f9}
.setting-item .table nav{
display:flex;
align-items:center;
justify-content:flex-end}
.setting-item .table a{
display:block;
color:#6e7985;
font-size:16px;
line-height:1;
opacity:.6}
.setting-item .table a:hover{
opacity:1;
color:#506fd9}
.setting-item .table a+a{
margin-left:5px}
.card-app{
height:100%;
border-color:#e2e5ec;
border-radius:4px;
box-shadow:0 1px 1px rgba(226,229,236,.25),0 2px 2px rgba(226,229,236,.2),0 4px 4px rgba(226,229,236,.15),0 8px 8px rgba(226,229,236,.1),0 16px 16px rgba(226,229,236,.05)}
.card-app .card-body{
display:flex;
padding:15px}
.card-app .card-logo{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
margin-right:15px;
border-radius:4px;
background-color:#6e7985;
color:#fff;
flex-shrink:0;
font-size:32px}
.card-app .card-logo.bg-disqus{
background-color:#1a9fff}
.card-app .card-logo.bg-dropbox{
background-color:#0062ff}
.card-app .card-logo.bg-evernote{
background-color:#00a32c}
.card-app .card-logo.bg-messenger{
background-color:#fc646e}
.card-app .card-footer{
background-color:rgba(0,0,0,0);
padding:10px 15px;
display:flex;
align-items:center;
justify-content:space-between;
font-size:.8125rem}
.card-app .card-footer a{
color:#9ea7b1}
.card-app .card-footer a:hover{
color:#506fd9}
.card-app .card-footer .form-check{
min-height:inherit}
.card-app .card-footer .form-switch{
margin-bottom:0}
.card-app .card-footer .form-switch .form-check-input{
margin-left:0}
.page-sign{
min-height:100vh;
padding:40px 0;
display:flex;
align-items:center;
justify-content:center;
background-color:#fff}
@media(min-width: 576px){
.page-sign{
background-color:#fbfcfe}
}
.page-sign.d-block{
background-image:linear-gradient(to right, #506fd9 40%, #2747b5 100%)}
.page-sign.d-block .row{
min-height:inherit}
.page-sign.d-block .col-wrapper{
min-height:inherit;
display:flex;
align-items:center;
justify-content:center;
background-color:#fff}
.page-sign.d-block .card-sign{
border-radius:0;
box-shadow:none}
.page-sign .header-logo,.page-sign .sidebar-logo{
font-size:28px}
.card-sign{
width:100%;
border-width:0;
border-radius:0}
@media(min-width: 400px){
.card-sign{
width:380px}
}
@media(min-width: 576px){
.card-sign{
border-radius:10px;
box-shadow:0 2.8px 2.2px rgba(110,121,133,.02),0 6.7px 5.3px rgba(110,121,133,.028),0 12.5px 10px rgba(110,121,133,.035),0 22.3px 17.9px rgba(110,121,133,.042),0 41.8px 33.4px rgba(110,121,133,.05),0 100px 80px rgba(110,121,133,.07)}
}
.card-sign .card-header{
background-color:rgba(0,0,0,0);
border-bottom-width:0;
padding:30px 30px 0}
.card-sign .card-title{
letter-spacing:-0.5px;
margin-bottom:8px;
font-weight:400;
font-size:24px;
color:#212830}
.card-sign .card-text{
color:#6e7985;
margin-bottom:0}
.card-sign .card-thumb{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
width:100px;
height:100px;
border-radius:100%}
.card-sign .card-thumb img{
width:100%;
height:100%;
border-radius:inherit;
object-fit:cover}
.card-sign .card-body{
padding:30px;
position:relative}
.card-sign .card-body small,.card-sign .card-body .small{
font-size:12px;
color:#6e7985;
display:block}
.card-sign .card-body strong{
font-weight:600;
color:#212830}
.card-sign .form-label{
font-weight:500;
font-size:.8125rem;
display:block}
.card-sign .form-control,.card-sign .gridjs-input{
font-weight:500;
color:#212830;
height:40px}
.card-sign .form-control::placeholder,.card-sign .gridjs-input::placeholder{
font-weight:400;
color:rgba(110,121,133,.6);
text-shadow:none}
.card-sign .form-control:focus,.card-sign .gridjs-input:focus{
border-color:#506fd9}
.card-sign .btn,.card-sign .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .card-sign button,.card-sign .gridjs-pages button,.gridjs-pages .card-sign button{
display:flex;
width:100%;
height:40px;
align-items:center;
justify-content:center;
text-transform:uppercase;
font-size:12px;
font-family:"Archivo",sans-serif;
letter-spacing:1px;
color:#fff}
.card-sign .btn i,.card-sign .ui-datepicker-buttonpane button i,.ui-datepicker-buttonpane .card-sign button i,.card-sign .gridjs-pages button i,.gridjs-pages .card-sign button i{
line-height:1;
font-size:16px;
margin-right:5px}
.card-sign .divider{
text-transform:uppercase;
font-family:"Archivo",sans-serif;
letter-spacing:.5px}
.card-sign .divider span{
font-size:10px;
color:rgba(110,121,133,.75)}
.card-sign .card-footer{
background-color:rgba(0,0,0,0);
text-align:center;
padding:0 30px 30px;
color:#6e7985;
border-top-width:0}
.btn-facebook{
background-color:#395498}
.btn-facebook:hover,.btn-facebook:focus{
background-color:#324a85}
.btn-google{
background-color:#fd6584}
.btn-google:hover,.btn-google:focus{
background-color:#fd4c70}
.auth-img{
width:100%;
height:100%;
object-fit:cover;
mix-blend-mode:luminosity;
opacity:.3}
.card-auth{
max-width:420px;
border-width:0;
border-radius:0;
background-color:rgba(0,0,0,0)}
.card-auth .card-title{
font-size:24px;
color:#212830;
margin-bottom:15px}
.card-auth .card-text{
color:#6e7985}
.card-auth .btn,.card-auth .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .card-auth button,.card-auth .gridjs-pages button,.gridjs-pages .card-auth button{
width:100%;
display:flex;
align-items:center;
justify-content:center;
height:40px;
text-transform:uppercase;
letter-spacing:.5px;
font-size:12px;
font-family:"Archivo",sans-serif}
.page-auth .content .container{
height:calc(100vh - 72px);
display:flex;
align-items:center;
justify-content:center}
.page-auth .form-control,.page-auth .gridjs-input{
height:40px}
.page-error .content .container{
min-height:calc(100vh - 72px);
padding:40px 20px;
display:flex;
align-items:center}
@media(min-width: 992px){
.page-error .content .container{
padding:50px 0}
}
.page-error .content .row{
flex-direction:column-reverse;
align-items:center}
@media(min-width: 992px){
.page-error .content .row{
flex-direction:row;
justify-content:space-around}
}
.error-number{
font-size:80px;
font-weight:300;
font-family:"Inter",sans-serif;
line-height:1;
color:#9ea7b1;
margin-bottom:20px;
letter-spacing:-3px}
@media(min-width: 992px){
.error-number{
font-size:140px}
}
.error-title{
font-size:24px;
font-weight:600;
color:#212830;
letter-spacing:-0.5px;
margin-bottom:10px}
@media(min-width: 992px){
.error-title{
font-size:32px}
}
.error-subtitle{
color:#41505f;
font-weight:400;
margin-bottom:40px}
.error-text{
color:#6e7985;
margin-bottom:40px;
text-align:center}
.btn-error{
height:42px;
padding:0 20px;
display:inline-flex;
align-items:center;
justify-content:center;
text-transform:uppercase;
font-size:12px;
font-family:"Archivo",sans-serif;
letter-spacing:1px}
.main-pricing .btn,.main-pricing .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .main-pricing button,.main-pricing .gridjs-pages button,.gridjs-pages .main-pricing button{
padding:10px 20px;
line-height:1.2}
@media(min-width: 992px){
.main-pricing .btn,.main-pricing .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .main-pricing button,.main-pricing .gridjs-pages button,.gridjs-pages .main-pricing button{
padding:12px 25px}
}
.pricing-title{
font-size:32px;
font-weight:700;
color:#212830;
letter-spacing:-1px}
@media(min-width: 576px){
.pricing-title{
font-size:36px;
width:80%}
}
@media(min-width: 768px){
.pricing-title{
font-size:40px;
width:75%}
}
@media(min-width: 992px){
.pricing-title{
font-size:46px}
}
@media(min-width: 1200px){
.pricing-title{
width:60%}
}
.pricing-text{
font-size:16px;
color:#6e7985}
.table-pricing{
min-width:780px}
.table-pricing thead th{
border-bottom-width:0;
padding-bottom:0;
vertical-align:top}
.table-pricing thead th span{
display:block;
margin-bottom:10px}
.table-pricing thead th>small,.table-pricing thead th>.small{
display:block;
font-size:.75rem;
font-weight:400;
line-height:1.3;
color:#41505f}
.table-pricing thead th.selected .pricing-price{
color:#506fd9}
.table-pricing thead th.selected .pricing-price small,.table-pricing thead th.selected .pricing-price .small{
color:inherit}
.table-pricing thead th:not(:first-child),.table-pricing tbody td:not(:first-child){
text-align:center}
.table-pricing thead th.selected,.table-pricing tbody td.selected{
background-color:rgba(80,111,217,.06)}
.table-pricing>:not(:first-child){
border-top:0}
.table-pricing tbody td{
padding:10px 0;
vertical-align:middle}
.table-pricing tbody td i{
font-size:24px;
font-weight:700;
color:#506fd9}
.table-pricing tbody td .btn,.table-pricing tbody td .ui-datepicker-buttonpane button,.ui-datepicker-buttonpane .table-pricing tbody td button,.table-pricing tbody td .gridjs-pages button,.gridjs-pages .table-pricing tbody td button{
width:100%;
padding-left:10px;
padding-right:10px}
.table-pricing tbody td:first-child{
text-transform:capitalize;
font-weight:500;
color:#212830;
padding-right:10px;
white-space:nowrap}
.table-pricing tbody td:first-child small,.table-pricing tbody td:first-child .small{
font-weight:400;
text-transform:none;
color:#6e7985;
display:block;
line-height:1.4;
white-space:normal}
.table-pricing tbody td:first-child i{
font-size:16px;
font-weight:400;
line-height:1;
position:relative;
top:1px}
.table-pricing tbody td:not(:first-child) span{
display:block;
padding:8px 0;
font-family:"Inter",sans-serif;
font-weight:500}
.table-pricing tr:last-child td{
border-bottom-width:0;
padding:40px 10px 10px}
.table-pricing .title td{
padding-top:5px;
padding-bottom:5px;
border-bottom-width:1.5px;
border-bottom-color:#9ea7b1}
.table-pricing .title td:first-child{
text-transform:uppercase;
font-weight:700;
color:#212830}
.table-pricing .title:not(:first-child) td{
padding-top:25px}
.pricing-price{
font-size:36px;
font-weight:700;
font-family:"Inter",sans-serif;
letter-spacing:-1px;
color:#212830}
.pricing-price small,.pricing-price .small{
font-size:13px;
font-weight:400;
font-family:"Open Sans",sans-serif;
color:#6e7985;
letter-spacing:-0.2px}
.main-faq .nav-classic .nav-link{
color:#41505f}
.main-faq .nav-classic .nav-link:hover{
color:#506fd9}
.accordion-faq .accordion-item{
background-color:#fff;
border:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(204,210,218,.07),0 2px 4px rgba(204,210,218,.07),0 4px 8px rgba(204,210,218,.07),0 8px 16px rgba(204,210,218,.07),0 16px 32px rgba(204,210,218,.07),0 32px 64px rgba(204,210,218,.07)}
.accordion-faq .accordion-item+.accordion-item{
margin-top:5px}
.accordion-faq .accordion-button{
background-color:rgba(0,0,0,0);
font-size:15px;
font-weight:600;
color:#506fd9;
border-bottom:0}
.accordion-faq .accordion-button.collapsed{
color:#212830}
.accordion-faq .accordion-button:not(.collapsed){
box-shadow:none}
.accordion-faq .accordion-button:focus{
box-shadow:none}
.main-docs{
position:relative}
@media(min-width: 1200px){
.main-docs{
padding-right:220px}
}
.main-docs .container{
margin:auto;
padding:20px}
@media(min-width: 992px){
.main-docs .container{
width:680px;
padding:30px}
}
.main-docs p{
margin-bottom:20px}
.doc-mobile-header{
background-color:#fbfcfe}
.doc-mobile-header.scroll{
background-color:#fff}
.nav-docs{
width:200px;
position:fixed;
top:30px;
right:25px;
flex-direction:column;
display:none}
@media(min-width: 1200px){
.nav-docs{
display:flex}
}
.nav-docs label{
font-size:11px;
font-family:"Archivo",sans-serif;
text-transform:uppercase;
letter-spacing:.5px;
color:#9ea7b1;
display:block;
margin-bottom:10px}
.nav-docs .nav-link{
color:#6e7985;
padding:0;
padding-left:15px;
font-size:13px;
position:relative}
.nav-docs .nav-link::before{
content:"";
position:absolute;
top:50%;
left:0;
width:5px;
height:1.5px;
background-color:#6e7985;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.nav-docs .nav-link::before{
transition:none}
}
.nav-docs .nav-link.active{
color:#212830}
.nav-docs .nav-link.active::before{
width:20px;
left:-15px;
background-color:#506fd9}
.nav-docs .nav-link+.nav-link{
margin-top:8px}
.nav-docs hr{
border-color:#e2e5ec;
opacity:.75}
.card-example{
border-radius:0;
border-color:#e2e5ec;
background-color:inherit;
position:relative;
margin-top:30px}
.card-example>.card-body{
padding:20px;
position:relative}
.card-example>.card-body::before{
content:"Example";
padding:2px 5px;
background-color:#fbfcfe;
position:absolute;
top:-10px;
left:15px;
font-size:10px;
font-family:"Archivo",sans-serif;
font-weight:500;
text-transform:uppercase;
color:rgba(110,121,133,.6);
letter-spacing:1px}
.card-example>.card-footer{
border-top-color:#e2e5ec;
background-color:#fff;
padding:0}
.card-example>.card-footer pre{
margin-top:0;
margin-bottom:0;
background-color:inherit;
padding:12px 15px}
.card-example>.card-footer code[class*=language-],.card-example>.card-footer pre[class*=language-]{
font-size:12px;
font-family:"Roboto Mono",monospace;
letter-spacing:-0.2px}
.row-example span{
display:block;
padding:10px;
border:1px solid #e2e5ec;
background-color:#fff;
font-size:.8125rem}
.offcanvas-demo{
position:relative;
border:1px solid #e2e5ec;
background-color:#f8f9fc}
.offcanvas-demo .offcanvas{
position:relative;
visibility:visible;
transform:none;
border-right-color:#e2e5ec;
z-index:0}
.offcanvas-demo .offcanvas-start{
border-right-width:1px}
.scrollspy-demo{
border:1px solid #e2e5ec;
background-color:#fff;
position:relative;
height:250px;
overflow:auto}
.toast-demo{
padding:15px;
background-color:#f3f5f9}
.toast-demo .toast{
display:block}
.wizard-demo{
font-size:13px}
.wizard-demo.wizard>.content>.title{
font-size:15px}
.cc-group{
display:flex;
font-size:24px;
color:#9ea7b1}
.media-animate{
display:flex}
.media-animate .nav{
flex-direction:column}
.media-animate .nav-link{
display:flex;
align-items:center;
padding:0;
color:#6e7985;
position:relative;
background-color:rgba(243,245,249,.6);
padding:6px 10px;
font-size:13px;
width:150px}
.media-animate .nav-link+.nav-link{
margin-top:1px}
.media-animate .nav-link.active{
background-color:#e2e5ec;
color:#41505f}
.media-animate .media-body{
flex:1;
display:flex;
align-items:center;
justify-content:center}
.media-animate .animate-title{
font-size:36px;
font-weight:600;
font-family:"Archivo",sans-serif;
display:inline-block;
line-height:1;
color:#212830;
letter-spacing:-1px;
text-shadow:3px 3px 2px #ccd2da}
.demo-background{
display:flex}
.demo-background>div+div{
margin-left:1px}
.demo-border,.demo-bordered{
display:flex}
.demo-border>span,.demo-bordered>span{
background-color:#fff;
display:block;
flex:1;
height:50px}
.demo-border>span+span,.demo-bordered>span+span{
margin-left:10px}
.demo-bordered>span{
border:1px solid #e2e5ec}
.demo-text p,.demo-text a{
display:block;
padding:8px 10px;
margin-bottom:0;
background-color:#fff}
.demo-text p+p,.demo-text p+a,.demo-text a+p,.demo-text a+a{
margin-top:1px}
.demo-flex .border{
padding:2px}
.demo-flex .d-flex>div+div{
margin-left:2px}
.demo-flex .flex-row-reverse>div+div{
margin-left:0;
margin-right:2px}
.table-spacing{
color:#6e7985}
.table-spacing strong{
font-weight:600}
.table-spacing td:not(:first-child) code{
font-family:"Open Sans",sans-serif;
font-size:.875rem}
.icon-group{
margin-top:20px;
background-color:#fff;
border:1px solid #e2e5ec;
padding:30px 20px}
.icon-group .col{
text-align:center}
.icon-group i{
font-size:24px;
line-height:1;
color:#41505f}
.icon-group svg{
color:#41505f}
.main-footer-docs{
margin-top:0;
padding:20px;
border-top-width:0;
position:relative}
@media(min-width: 992px){
.main-footer-docs{
margin-left:250px;
padding:20px 40px 40px}
}
.main-footer-docs::before{
content:"";
position:absolute;
top:0;
left:20px;
right:20px;
border-top:1px solid rgba(226,229,236,.6)}
@media(min-width: 992px){
.main-footer-docs::before{
left:40px;
right:40px}
}
.landing-headline{
height:100vh;
position:relative;
padding-top:20px;
padding-bottom:40px;
display:flex;
flex-direction:column}
@media(min-width: 576px){
.landing-headline{
height:110vh}
}
@media(min-width: 992px){
.landing-headline{
height:100vh}
}
.landing-headline::before{
content:"";
width:50px;
height:30%;
position:absolute;
top:-10px;
left:25%;
background-color:#506fd9;
transform:skewY(-10deg);
opacity:.1;
display:none}
.landing-headline::after{
content:"";
width:35%;
height:40%;
position:absolute;
top:-10%;
left:calc(25% + 60px);
background-color:#506fd9;
transform:skewY(-10deg);
opacity:.05;
display:none}
.landing-header{
display:flex;
align-items:center}
.landing-header .menu-link{
font-size:20px;
color:#41505f;
display:flex;
align-items:center;
justify-content:center;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.landing-header .menu-link{
transition:none}
}
.landing-header .menu-link i{
animation:scaling .7s infinite linear}
@keyframes scaling{
0%{
transform:scale(1)}
75%{
transform:scale(1.25)}
100%{
transform:scale(1)}
}
.landing-header .menu-link:hover i,.landing-header .menu-link:focus i{
transform:scale(1.25);
animation:none}
.landing-header .sidebar-logo{
font-size:28px;
margin-right:auto}
.landing-header .sidebar-logo::after{
bottom:4px}
.landing-header .nav-icon .nav-link{
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.landing-header .nav-icon .nav-link{
transition:none}
}
.landing-header .nav-icon .nav-link:hover,.landing-header .nav-icon .nav-link:focus{
transform:scale(1.2)}
.landing-header .nav-icon .nav-link i{
font-size:20px}
.landing-body{
margin-top:25px;
height:calc(100% - 55px)}
.landing-body .btn-lg,.landing-body .btn-group-lg>.btn,.landing-body .ui-datepicker-buttonpane .btn-group-lg>button,.ui-datepicker-buttonpane .landing-body .btn-group-lg>button,.landing-body .gridjs-pages .btn-group-lg>button,.gridjs-pages .landing-body .btn-group-lg>button{
font-size:15px;
line-height:1.4;
border-radius:4px}
.landing-body .btn-secondary.disabled,.landing-body .ui-datepicker-buttonpane button.disabled,.ui-datepicker-buttonpane .landing-body button.disabled{
color:#fff;
opacity:.6}
.landing-body .dropdown-link{
display:flex;
align-items:center;
justify-content:space-between;
height:100%;
width:150px;
border-radius:4px}
.landing-body .dropdown-link i{
font-size:18px;
line-height:1;
margin-top:1px;
margin-right:-2px}
.landing-body .dropdown-menu{
width:100%;
border-color:#ccd2da;
box-shadow:0 1px 2px rgba(158,167,177,.07),0 2px 4px rgba(158,167,177,.07),0 4px 8px rgba(158,167,177,.07),0 8px 16px rgba(158,167,177,.07),0 16px 32px rgba(158,167,177,.07),0 32px 64px rgba(158,167,177,.07)}
.landing-body .dropdown-item.active{
color:#506fd9;
background-color:rgba(80,111,217,.1)}
.landing-body .dropdown-item+.dropdown-item{
margin-top:1px}
@media(min-width: 992px){
.headline-text{
width:40%}
}
@media(max-width: 991.98px){
.headline-text h4,.headline-text .h4{
font-size:18px}
}
.headline-text .btn-lg,.headline-text .btn-group-lg>.btn,.headline-text .ui-datepicker-buttonpane .btn-group-lg>button,.ui-datepicker-buttonpane .headline-text .btn-group-lg>button,.headline-text .gridjs-pages .btn-group-lg>button,.gridjs-pages .headline-text .btn-group-lg>button{
height:45px;
display:flex;
align-items:center;
padding-left:30px;
padding-right:30px}
.headline-content{
width:100%;
height:100%;
position:relative;
max-height:250px}
@media(min-width: 576px){
.headline-content{
max-height:720px}
}
@media(min-width: 992px){
.headline-content{
width:60%;
max-height:410px}
}
@media(min-width: 1200px){
.headline-content{
max-height:500px}
}
@media(min-width: 1400px){
.headline-content{
max-height:580px}
}
@media(min-width: 1920px){
.headline-content{
max-height:840px}
}
.headline-content::before{
content:"";
position:absolute;
top:10%;
right:10%;
bottom:10%;
left:10%;
background-image:radial-gradient(circle, #1a2f76, #fff);
border-radius:100%;
filter:blur(100px)}
.headline-content .img-item{
position:absolute;
background-color:#fff;
border-radius:6px;
overflow:hidden;
box-shadow:0 1px 2px rgba(26,47,118,.07),0 2px 4px rgba(26,47,118,.07),0 4px 8px rgba(26,47,118,.07),0 8px 16px rgba(26,47,118,.07),0 16px 32px rgba(26,47,118,.07),0 32px 64px rgba(26,47,118,.07)}
.headline-content .img-item img{
width:100%;
object-fit:cover;
object-position:top left}
.headline-content .img-item.one{
width:52%;
height:100%;
top:0;
left:50%;
transform:translateX(-50%);
z-index:10}
.headline-content .img-item.two{
width:48%;
height:90%;
top:5%;
left:50%;
margin-left:-38%}
.headline-content .img-item.three{
width:48%;
height:90%;
top:5%;
right:50%;
margin-right:-38%}
.landing-section{
padding:80px 0}
.landing-section .landing-body{
min-height:600px}
.landing-text{
font-size:16px;
text-align:center}
@media(min-width: 992px){
.landing-text{
width:75%;
margin-left:auto;
margin-right:auto;
font-size:18px}
}
.card-dashboard-demo{
height:250px;
overflow:hidden;
position:relative;
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(33,40,48,.07),0 2px 4px rgba(33,40,48,.07),0 4px 8px rgba(33,40,48,.07),0 8px 16px rgba(33,40,48,.07),0 16px 32px rgba(33,40,48,.07),0 32px 64px rgba(33,40,48,.07)}
@media(min-width: 576px){
.card-dashboard-demo{
height:200px}
}
@media(min-width: 768px){
.card-dashboard-demo{
height:280px}
}
@media(min-width: 992px){
.card-dashboard-demo{
height:300px}
}
@media(min-width: 1200px){
.card-dashboard-demo{
height:230px}
}
@media(min-width: 1400px){
.card-dashboard-demo{
height:290px}
}
.card-dashboard-demo img{
border-radius:inherit;
width:100%;
position:absolute;
top:0;
left:0;
transition:all 1s ease-in-out}
@media(prefers-reduced-motion: reduce){
.card-dashboard-demo img{
transition:none}
}
.card-dashboard-demo>div{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
align-items:center;
justify-content:center;
background-color:rgba(255,255,255,.75);
opacity:0;
transition:all .25s}
@media(prefers-reduced-motion: reduce){
.card-dashboard-demo>div{
transition:none}
}
.card-dashboard-demo:hover img{
top:-53%}
.card-dashboard-demo:hover>div{
opacity:1}
.card-sidebar-demo,.card-app-demo{
padding:10px;
border-width:0;
border-radius:6px;
box-shadow:0 1px 2px rgba(76,83,102,.07),0 2px 4px rgba(76,83,102,.07),0 4px 8px rgba(76,83,102,.07),0 8px 16px rgba(76,83,102,.07),0 16px 32px rgba(76,83,102,.07),0 32px 64px rgba(76,83,102,.07)}
.landing-icons{
display:flex;
align-items:center;
font-size:20px}
@media(min-width: 992px){
.landing-icons{
font-size:24px}
}
.landing-icons .divider{
border-left:1px dotted #9ea7b1;
height:30px;
margin:0 5px}
.landing-icons>div{
display:flex}
.icon-bootstrap{
color:#7711f7}
.icon-html5{
color:#dd4b25}
.icon-css3{
color:#1655a2}
.icon-sass{
color:#c66394}
.icon-js{
color:#ffc107}
.icon-npm{
color:#c53635}
.icon-gulp{
color:#d34446}
.icon-react{
color:#00d1f7}
.ps{
overflow:hidden}
.ps>.ps__rail-y{
width:3px;
background-color:rgba(58,78,136,.06);
z-index:10;
position:absolute;
left:auto !important;
right:0;
opacity:0;
margin:1px;
transition:opacity .2s}
@media(prefers-reduced-motion: reduce){
.ps>.ps__rail-y{
transition:none}
}
.ps>.ps__rail-y>.ps__thumb-y{
position:absolute;
border-radius:0;
width:3px;
left:0;
background-color:#9ea7b1}
.ps.ps--active-y:hover>.ps__rail-y,.ps.ps--active-y:focus>.ps__rail-y{
opacity:1}
.scrollbar-sm>.ps__rail-y{
width:1px}
.scrollbar-sm>.ps__rail-y>.ps__thumb-y{
width:1px}
.scrollbar-lg>.ps__rail-y{
width:6px}
.scrollbar-lg>.ps__rail-y>.ps__thumb-y{
width:6px}
.scrollbar-primary>.ps__rail-y>.ps__thumb-y{
background-color:#0d6efd}
.scrollbar-dark>.ps__rail-y>.ps__thumb-y{
background-color:#212830}
.gridjs-head{
margin-bottom:10px}
.gridjs-footer{
margin-top:10px}
.gridjs-pagination{
display:flex;
align-items:center;
justify-content:space-between}
.gridjs-summary{
white-space:nowrap;
margin-right:20px}
.gridjs-pages{
display:flex}
.gridjs-pages button{
border:1px solid #ccd2da}
.gridjs-pages button+button{
margin-left:5px}
.gridjs-pages button.gridjs-currentPage{
background-color:#506fd9;
border-color:rgba(0,0,0,0);
color:#fff}
.gridjs-th{
position:relative}
.gridjs-th-sort .gridjs-th-content{
float:left}
.gridjs-th-sort .gridjs-sort{
position:relative;
padding:0;
border:0;
background-color:rgba(0,0,0,0);
width:24px;
height:24px;
float:right}
.gridjs-th-sort .gridjs-sort::before,.gridjs-th-sort .gridjs-sort::after{
font-family:"remixicon";
font-size:14px;
position:absolute;
color:#9ea7b1}
.gridjs-th-sort .gridjs-sort::before{
content:"";
top:-1px}
.gridjs-th-sort .gridjs-sort::after{
content:"";
bottom:-1px}
.gridjs-th-sort .gridjs-sort-asc::before{
top:1px}
.gridjs-th-sort .gridjs-sort-asc::after{
display:none}
.gridjs-th-sort .gridjs-sort-desc::before{
display:none}
.gridjs-th-sort .gridjs-sort-desc::after{
bottom:1px}
.gridjs-resizable{
position:absolute;
top:0;
bottom:0;
right:0;
width:3px;
cursor:ew-resize}
.gridjs-resizable:hover{
background-color:#f3f5f9}
.select2-results__option{
border-radius:0;
margin-bottom:1px;
font-size:inherit}
.select2-container--default .select2-results__option--selected{
background-color:#f3f5f9}
.select2-container--default .select2-selection--single{
background-color:#fff;
border-color:#ccd2da;
border-radius:.25rem;
height:36px;
outline:none}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color:#41505f;
line-height:calc((1.5em + 0.812rem + 2px) - .1rem);
padding-left:.75rem;
height:100%;
display:flex;
align-items:center}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
color:#6e7985}
.select2-container--default .select2-selection--single .select2-selection__arrow{
width:30px;
height:36px;
line-height:calc(1.5em + 0.812rem + 2px)}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-top:-3px}
.select2-container--default .select2-selection--single .select2-selection__clear{
font-size:20px;
font-weight:400;
order:2;
margin-left:auto;
margin-right:25px;
color:#6e7985;
position:relative;
z-index:100;
height:100%}
.select2-container--default .select2-selection--single .select2-selection__clear:hover{
color:#41505f}
.select2-container--default .select2-selection--multiple{
background-color:#fff;
border-color:#ccd2da;
border-radius:.25rem;
min-height:36px;
outline:none;
display:flex}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
padding:0 4px;
display:inline-block;
margin-bottom:0}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
position:relative;
margin-top:4px;
margin-right:4px;
margin-left:0;
padding:3px 10px 3px 20px;
border-color:rgba(0,0,0,0);
border-radius:.1875rem;
background-color:#506fd9;
color:#fff;
font-size:13px;
line-height:1.45}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
color:#fff;
opacity:.5;
font-size:14px;
font-weight:400;
display:inline-block;
position:absolute;
top:4px;
left:3px;
line-height:1.2;
border-right:0}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
background-color:rgba(0,0,0,0);
color:#fff;
opacity:.85}
.select2-container--default.select2-container--focus .select2-selection--multiple{
border-color:#ccd2da}
.select2-container--default .select2-search--dropdown .select2-search__field{
border-color:#ccd2da;
border-radius:0;
padding:5px 10px}
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder{
color:#6e7985}
.select2-container--default .select2-results__option[aria-selected=true]{
background-color:#fff}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color:#506fd9}
.select2-container--default .select2-results>.select2-results__options{
margin:4px}
.select2-container--default .select2-search--inline .select2-search__field{
margin-bottom:5px;
margin-left:0;
line-height:26px;
opacity:.6}
.select2-container--default .select2-search--inline .select2-search__field::placeholder{
color:#6e7985;
font-weight:400;
opacity:1}
.select2-container--default.select2-container--disabled .select2-selection--single{
background-color:#f3f5f9}
.select2-container--default.select2-container--disabled .select2-selection__choice{
padding-left:10px;
background-color:#9ea7b1}
.select2-container--default.select2-container--disabled .select2-selection__choice .select2-selection__choice__remove{
display:none}
.select2-container--open{
font-size:14px}
.select2-container--open .select2-selection--single,.select2-container--open .select2-selection--multiple{
background-color:#fff;
border-color:#ccd2da}
.select2-container--open .select2-dropdown--above{
border-top-left-radius:0;
border-top-right-radius:0}
.select2-container--open .select2-dropdown--below{
border-bottom-right-radius:0;
border-bottom-left-radius:0;
top:0}
.select2-dropdown{
border-color:#ccd2da;
z-index:200}
.select2-search--dropdown{
padding-bottom:0}
.select2-results__option{
padding:6px 10px;
font-size:inherit}
.has-success .select2-container--default .select2-selection--single{
border-color:theme-color("success")}
.has-warning .select2-container--default .select2-selection--single{
border-color:theme-color("warning")}
.has-danger .select2-container--default .select2-selection--single{
border-color:theme-color("danger")}
.select2-xs+.select2-container{
font-size:12px}
.select2-dropdown-xs .select2-results__option{
font-size:12px}
.select2-sm+.select2-container{
font-size:14px}
.select2-dropdown-sm .select2-results__option{
font-size:14px}
.select2-bd-0+.select2-container--default .select2-selection--single{
border-width:0}
.bg-gray+.select2-container--default .select2-selection--single{
background-color:#3b4956}
.bg-gray+.select2-container--default .select2-selection--single .select2-selection__rendered{
color:#e2e5ec}
.bootstrap-tagsinput{
display:flex;
flex-wrap:wrap;
box-shadow:none;
padding-top:5px;
padding-left:2.5px;
padding-right:2.5px;
padding-bottom:0;
border-color:#ccd2da;
border-radius:.25rem}
.bootstrap-tagsinput .tag{
display:inline-flex;
align-items:center;
background-color:#506fd9;
color:#fff;
padding:2px 7px;
margin:0 2.5px 5px;
font-size:.8125rem;
border-radius:3px}
.bootstrap-tagsinput .tag [data-role=remove]{
display:inline-block;
height:16px;
width:10px;
position:relative;
opacity:.5}
.bootstrap-tagsinput .tag [data-role=remove]::after{
content:"";
font-family:"remixicon";
font-size:14px;
position:absolute;
top:calc(50% + .5px);
line-height:0;
text-indent:-3px}
.bootstrap-tagsinput .tag [data-role=remove]:hover,.bootstrap-tagsinput .tag [data-role=remove]:focus{
opacity:1;
box-shadow:none}
.bootstrap-tagsinput>input{
min-height:auto;
font-size:.8125rem}
.bootstrap-tagsinput .tt-menu{
margin-top:7px;
margin-left:-10px;
background-color:#fff;
min-width:150px;
padding:2px;
border-radius:4px;
border:1px solid #ccd2da;
box-shadow:0 1px 1px rgba(226,229,236,.25),0 2px 2px rgba(226,229,236,.2),0 4px 4px rgba(226,229,236,.15),0 8px 8px rgba(226,229,236,.1),0 16px 16px rgba(226,229,236,.05)}
.bootstrap-tagsinput .tt-suggestion{
font-size:.8125rem;
padding:4px 8px;
border-radius:3px}
.bootstrap-tagsinput .tt-suggestion:hover,.bootstrap-tagsinput .tt-suggestion:focus{
cursor:pointer;
background-color:#f3f5f9}
.irs--flat .irs-min,.irs--flat .irs-max{
color:#6e7985;
background-color:#f3f5f9;
border-radius:3px}
.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{
background-color:#506fd9;
border-radius:3px}
.irs--flat .irs-from::before,.irs--flat .irs-to::before,.irs--flat .irs-single::before{
border-top-color:#506fd9}
.irs--flat .irs-line{
background-color:#e2e5ec;
border-radius:.25rem}
.irs--flat .irs-bar{
background-color:#506fd9}
.irs--flat .irs-bar--single{
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem}
.irs--flat .irs-handle>i:first-child{
background-color:#3b5ed4}
.irs--flat .irs-handle:hover,.irs--flat .irs-handle:focus,.irs--flat .irs-handle:active{
cursor:w-resize}
.irs--flat .irs-handle:hover>i:first-child,.irs--flat .irs-handle:focus>i:first-child,.irs--flat .irs-handle:active>i:first-child{
background-color:#3357d3}
.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle.state_hover:hover>i:first-child,.irs--flat .irs-handle.state_hover:focus>i:first-child,.irs--flat .irs-handle.state_hover:active>i:first-child{
background-color:#3357d3}
.irs--flat .irs-grid-text{
color:#6e7985}
.irs--flat .irs-grid-pol{
background-color:#e2e5ec}
.irs--round .irs-min,.irs--round .irs-max,.irs--round .irs-from,.irs--round .irs-to{
font-size:10px;
border-radius:.25rem}
.irs--round .irs-min,.irs--round .irs-max{
background-color:#f3f5f9;
color:#6e7985}
.irs--round .irs-grid-text{
font-size:10px;
color:#6e7985}
.irs--round .irs-grid-pol{
background-color:#e2e5ec}
.irs--round .irs-handle{
border-color:#506fd9;
border-radius:8px}
.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-bar{
background-color:#506fd9}
.irs--square .irs-line,.irs--square .irs-grid-pol{
background-color:#f3f5f9}
.irs--square .irs-min,.irs--square .irs-max{
background-color:#f3f5f9;
font-size:10px;
color:#6e7985}
.irs--square .irs-grid-text{
font-size:10px;
color:#6e7985}
.irs--square .irs-from,.irs--square .irs-to{
background-color:#313c47;
font-size:10px}
.irs--square .irs-handle{
border-color:#313c47}
.irs--square .irs-bar{
background-color:#313c47}
.ui-datepicker{
background-color:#fff;
border:1px solid #e2e5ec;
font-family:inherit;
font-size:inherit;
padding:10px;
margin:1px 0 0;
display:none;
width:auto !important;
z-index:5 !important;
border-radius:.25rem}
.ui-datepicker .ui-datepicker-header{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
font-weight:500;
font-size:12px;
text-transform:uppercase;
color:#212830;
padding:0 0 5px;
letter-spacing:1px;
border:0;
background-color:rgba(0,0,0,0);
border-top-left-radius:.25rem;
border-top-right-radius:.25rem}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
text-indent:-99999px;
color:#6e7985;
top:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before{
font-size:16px;
font-family:"remixicon";
position:absolute;
top:-1px;
text-indent:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before{
color:#41505f}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{
order:3}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{
right:5px;
content:""}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{
left:5px;
content:""}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover{
color:#41505f;
cursor:pointer;
top:1px;
border:0;
background-color:rgba(0,0,0,0)}
.ui-datepicker .ui-datepicker-title{
color:#212830;
font-weight:700;
font-size:13px}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{
font-size:11px;
border:1px solid #ccd2da;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding:2px 20px 2px 5px;
border-radius:.25rem;
position:relative;
margin-top:-3px;
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 5px center/8px 8px}
.ui-datepicker .ui-datepicker-year{
margin-left:5px}
.ui-datepicker .ui-datepicker-calendar{
margin:0;
background-color:rgba(0,0,0,0);
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem}
.ui-datepicker .ui-datepicker-calendar th{
text-transform:uppercase;
font-size:11px;
font-weight:600;
letter-spacing:1px;
padding:6px 9px;
color:#41505f}
@media(max-width: 320px){
.ui-datepicker .ui-datepicker-calendar th{
padding:4px 0;
letter-spacing:normal}
}
.ui-datepicker .ui-datepicker-calendar td{
border:1px solid #fff;
padding:0;
background-color:#fff;
text-align:right}
.ui-datepicker .ui-datepicker-calendar td:last-child{
border-right:0}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default{
color:#9ea7b1}
.ui-datepicker .ui-datepicker-calendar td span,.ui-datepicker .ui-datepicker-calendar td a{
transition:all .2s ease-in-out;
padding:5px;
color:#41505f;
padding:6px 10px;
display:block;
font-weight:400;
font-size:12px;
border:0;
border-radius:1px}
@media(prefers-reduced-motion: reduce){
.ui-datepicker .ui-datepicker-calendar td span,.ui-datepicker .ui-datepicker-calendar td a{
transition:none}
}
.ui-datepicker .ui-datepicker-calendar td a:hover{
background-color:#fbfcfe;
color:#41505f}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus{
background-color:#506fd9;
color:#fff}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default{
color:#9ea7b1;
background-color:#f3f5f9}
.ui-datepicker-multi .ui-datepicker-group{
padding-right:15px;
width:auto;
float:left}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title{
margin:auto}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before{
left:10px}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before{
right:10px}
.ui-datepicker-multi .ui-datepicker-group table{
margin:0}
.ui-datepicker-multi .ui-datepicker-group-last{
padding-right:0}
.ui-datepicker-inline{
border-color:#ccd2da}
@media(min-width: 576px){
.ui-datepicker-inline{
max-width:270px}
}
.ui-datepicker-buttonpane{
display:flex;
align-items:center;
justify-content:space-between;
font-size:13px;
border-top:1px solid #85b6ff;
padding-top:10px}
.ui-datepicker-buttonpane button{
min-height:inherit;
border-radius:.25rem}
.sp-replacer{
border-color:#ccd2da;
background-color:#fff}
.sp-replacer:hover,.sp-replacer.sp-active{
border-color:#9ea7b1}
.sp-container{
background-color:#fff;
border-color:#ccd2da;
margin-top:2px;
box-shadow:0 1px 1px rgba(204,210,218,.25),0 2px 2px rgba(204,210,218,.2),0 4px 4px rgba(204,210,218,.15),0 8px 8px rgba(204,210,218,.1),0 16px 16px rgba(204,210,218,.05)}
.sp-container button,.sp-container button:hover,.sp-container button:focus,.sp-container button:active,.sp-container a{
display:inline-block;
background-color:#6e7985;
background-image:none;
border:0;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:13px;
text-shadow:none;
text-transform:capitalize;
color:#fff;
padding:8px 10px;
line-height:1;
border-radius:3px}
.sp-container button:hover,.sp-container button:focus{
background-color:#626c77}
.sp-container .sp-cancel{
background-color:#f3f5f9;
color:#6e7985 !important}
.sp-container .sp-cancel:hover,.sp-container .sp-cancel:focus{
text-decoration:none;
background-color:#e2e5ec}
.sp-picker-container{
border-left-width:0}
.wizard{
border:1px solid #e2e5ec;
background-color:#fff;
border-radius:.25rem}
.wizard>.steps{
padding:10px 15px}
@media(min-width: 768px){
.wizard>.steps{
padding:15px 20px}
}
.wizard>.steps>ul{
padding:0;
margin-bottom:0;
display:flex}
.wizard>.steps>ul li{
float:none;
display:block;
width:auto}
.wizard>.steps>ul li .current-info{
display:none}
.wizard>.steps>ul li .title{
margin-left:5px;
white-space:nowrap;
transition:all .2s ease-in-out}
@media(prefers-reduced-motion: reduce){
.wizard>.steps>ul li .title{
transition:none}
}
@media(min-width: 576px){
.wizard>.steps>ul li .title{
display:none;
margin-left:10px}
}
@media(min-width: 768px){
.wizard>.steps>ul li .title{
display:inline-block}
}
.wizard>.steps>ul li+li{
margin-left:10px;
position:relative}
@media(min-width: 576px){
.wizard>.steps>ul li+li{
margin-left:20px}
}
@media(min-width: 992px){
.wizard>.steps>ul li+li{
margin-left:40px}
}
.wizard>.steps>ul li+li::before{
content:"";
font-family:"remixicon";
font-size:16px;
font-weight:400;
color:#ccd2da;
position:absolute;
top:calc(50% + 1px);
left:-26px;
line-height:0;
display:none}
@media(min-width: 768px){
.wizard>.steps>ul li+li::before{
display:block}
}
.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{
color:#212830;
font-weight:500;
font-size:inherit;
display:flex;
justify-content:center;
align-items:center;
outline:none}
@media(min-width: 1200px){
.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{
justify-content:flex-start}
}
.wizard>.steps a .number,.wizard>.steps a:hover .number,.wizard>.steps a:active .number{
width:25px;
height:25px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
border:2px solid #6e7985;
border-radius:100%}
@media(min-width: 768px){
.wizard>.steps a .number,.wizard>.steps a:hover .number,.wizard>.steps a:active .number{
width:32px;
height:32px}
}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{
color:#9ea7b1}
.wizard>.steps .disabled a .number,.wizard>.steps .disabled a:hover .number,.wizard>.steps .disabled a:active .number{
color:#9ea7b1;
border-color:#ccd2da}
.wizard>.steps .disabled .title{
display:none}
@media(min-width: 768px){
.wizard>.steps .disabled .title{
display:inline-block}
}
.wizard>.steps .current a,.wizard>.steps .current a:hover,.wizard>.steps .current a:active{
color:#506fd9}
.wizard>.steps .current a .title,.wizard>.steps .current a:hover .title,.wizard>.steps .current a:active .title{
display:inline-block}
.wizard>.steps .current a .number,.wizard>.steps .current a:hover .number,.wizard>.steps .current a:active .number{
border-color:#506fd9;
background-color:#506fd9;
color:#fff}
.wizard>.steps .done a,.wizard>.steps .done a:hover,.wizard>.steps .done a:active{
color:#198754}
.wizard>.steps .done a .title,.wizard>.steps .done a:hover .title,.wizard>.steps .done a:active .title{
display:none}
@media(min-width: 768px){
.wizard>.steps .done a .title,.wizard>.steps .done a:hover .title,.wizard>.steps .done a:active .title{
display:inline-block}
}
.wizard>.steps .done a .number,.wizard>.steps .done a:hover .number,.wizard>.steps .done a:active .number{
border-color:#198754;
background-color:#198754;
color:#fff}
.wizard>.content{
border-top:1px solid #e2e5ec;
border-bottom:1px solid #e2e5ec;
min-height:150px;
padding:20px;
font-size:inherit}
@media(min-width: 768px){
.wizard>.content{
padding:20px}
}
.wizard>.content>.title{
font-size:16px;
color:#212830;
font-weight:600;
margin-bottom:5px;
display:none}
.wizard>.content>.title.current{
display:block}
.wizard>.content>.body{
float:none;
position:static;
width:auto;
height:auto}
.wizard>.content>.body input.parsley-error{
border-color:theme-color("danger")}
.wizard>.content>.body input.parsley-error+ul{
list-style:none !important}
.wizard>.content input,.wizard>.content textarea,.wizard>.content select{
font-size:inherit}
.wizard>.actions{
padding:10px 15px}
@media(min-width: 768px){
.wizard>.actions{
padding:15px 20px}
}
.wizard>.actions>ul{
margin:0;
padding:0;
list-style:none;
display:flex;
justify-content:space-between}
.wizard>.actions>ul>li:last-child a{
background-color:#198754}
.wizard>.actions a,.wizard>.actions a:hover,.wizard>.actions a:active{
display:block;
background-color:#506fd9;
padding:8px 20px;
line-height:1.428;
color:#fff;
border-radius:.25rem}
.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{
background-color:#e2e5ec;
color:#6e7985}
.wizard.vertical>.steps{
padding:15px 20px}
@media(min-width: 576px){
.wizard.vertical>.steps{
float:left;
width:20%}
}
@media(min-width: 768px){
.wizard.vertical>.steps{
width:15%}
}
@media(min-width: 992px){
.wizard.vertical>.steps{
width:30%}
}
@media(min-width: 576px){
.wizard.vertical>.steps ul{
flex-direction:column}
}
.wizard.vertical>.steps ul li+li{
margin-left:10px}
@media(min-width: 576px){
.wizard.vertical>.steps ul li+li{
margin-top:10px;
margin-left:0}
}
@media(min-width: 768px){
.wizard.vertical>.steps ul li+li{
margin-top:20px}
}
.wizard.vertical>.steps ul li+li::before{
content:"";
border-left:1px solid #e2e5ec;
position:absolute;
top:-15px;
left:15px;
height:10px}
.wizard.vertical>.steps ul li .title{
display:none;
overflow:hidden;
width:70%;
text-overflow:ellipsis;
white-space:nowrap}
@media(min-width: 992px){
.wizard.vertical>.steps ul li .title{
display:block}
}
@media(min-width: 992px){
.wizard.vertical>.steps a{
justify-content:flex-start}
}
.wizard.vertical>.steps .current a .title{
display:inline-block}
@media(min-width: 576px){
.wizard.vertical>.steps .current a .title{
display:none}
}
@media(min-width: 992px){
.wizard.vertical>.steps .current a .title{
display:inline-block}
}
.wizard.vertical>.content{
margin:0;
padding:20px}
@media(min-width: 576px){
.wizard.vertical>.content{
border-top-width:0;
border-bottom-width:0;
width:80%;
float:right;
border-left:1px solid #e2e5ec}
}
@media(min-width: 768px){
.wizard.vertical>.content{
width:85%}
}
@media(min-width: 992px){
.wizard.vertical>.content{
width:70%}
}
.wizard.vertical>.actions{
padding:10px 15px}
@media(min-width: 576px){
.wizard.vertical>.actions{
width:80%;
float:right;
border-left:1px solid #e2e5ec;
padding:15px 20px}
}
@media(min-width: 768px){
.wizard.vertical>.actions{
width:85%;
border-top:1px solid #e2e5ec}
}
@media(min-width: 992px){
.wizard.vertical>.actions{
width:70%}
}
.wizard.vertical>.actions ul{
float:none;
margin:0;
padding:0}
.wizard-tab{
background-color:rgba(0,0,0,0);
border-width:0}
.wizard-tab>.steps{
padding:0;
border-bottom-width:0;
margin-bottom:20px}
.wizard-tab>.steps>ul{
width:100%}
.wizard-tab>.steps>ul>li{
flex:1;
width:auto;
float:none}
.wizard-tab>.steps>ul>li+li{
margin-left:1px}
.wizard-tab>.steps>ul>li+li::before{
display:none}
.wizard-tab>.steps a{
padding:7px 10px}
@media(min-width: 768px){
.wizard-tab>.steps a{
padding:10px 20px}
}
.wizard-tab>.steps .current a,.wizard-tab>.steps .current a:hover,.wizard-tab>.steps .current a:focus,.wizard-tab>.steps .done a,.wizard-tab>.steps .done a:hover,.wizard-tab>.steps .done a:focus{
color:#fff}
.wizard-tab>.steps .current a .number,.wizard-tab>.steps .current a:hover .number,.wizard-tab>.steps .current a:focus .number,.wizard-tab>.steps .done a .number,.wizard-tab>.steps .done a:hover .number,.wizard-tab>.steps .done a:focus .number{
border-color:#fff;
color:#fff}
.wizard-tab>.steps .current a{
background-color:#506fd9}
.wizard-tab>.steps .done a{
background-color:#198754}
.wizard-tab>.steps .disabled a{
background-color:#e2e5ec;
color:#6e7985}
.wizard-tab>.steps .first a{
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem}
.wizard-tab>.steps .last a{
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem}
.wizard-tab>.content{
padding:0;
border:0}
.wizard-tab>.actions{
border-top:1px solid #e2e5ec;
padding:15px 0 0}
input.parsley-error,input.parsley-error:focus,textarea.parsley-error,textarea.parsley-error:focus{
box-shadow:none !important;
border-color:#dc3545}
input.parsley-success,input.parsley-success:focus,textarea.parsley-success,textarea.parsley-success:focus{
box-shadow:none !important;
border-color:#198754}
.parsley-checkbox.parsley-error,.parsley-checkbox.parsley-success{
display:inline-block;
padding:10px;
border-radius:.25rem}
.parsley-checkbox.parsley-error{
border:1px solid #dc3545}
.parsley-checkbox.parsley-success{
border:1px solid #198754}
.form-select.parsley-error,.form-select.parsley-success{
box-shadow:none !important}
.form-select.parsley-error{
border-color:#dc3545}
.form-select.parsley-success{
border-color:#198754}
.parsley-errors-list{
color:#dc3545;
list-style:none;
font-size:12px;
padding:0;
margin-bottom:0}
.parsley-errors-list li{
margin:5px 0 0}
.ql-snow.ql-toolbar,.ql-snow.ql-container{
border-color:#e2e5ec}
.ql-snow.ql-toolbar{
border-top-left-radius:.25rem;
border-top-right-radius:.25rem}
.ql-snow.ql-toolbar button{
padding:5px;
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
color:#41505f;
border-radius:1px}
.ql-snow.ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus{
background-color:#f3f5f9}
.ql-snow.ql-toolbar button.ql-active{
background-color:#f3f5f9}
.ql-snow.ql-toolbar button+button{
margin-left:1px}
.ql-snow.ql-toolbar .ql-picker{
font-size:13px;
height:28px;
color:#41505f}
.ql-snow.ql-toolbar .ql-picker:hover .ql-picker-label,.ql-snow.ql-toolbar .ql-picker:focus .ql-picker-label{
color:#212830;
background-color:#fdfefe}
.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label{
background-color:#fdfefe;
border-color:#e2e5ec;
color:#212830;
outline:none;
border-radius:2px}
.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-options{
border-color:#e2e5ec;
box-shadow:none;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px}
.ql-snow.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label .ql-stroke{
stroke:#9ea7b1;
stroke-width:1.5;
stroke-linecap:square;
stroke-linejoin:miter}
.ql-snow.ql-toolbar .ql-picker-label{
display:flex;
align-items:center;
border-radius:.25rem}
.ql-snow.ql-toolbar .ql-picker-label.ql-active{
background-color:#fdfefe;
color:#506fd9}
.ql-snow.ql-toolbar .ql-formats{
display:inline-flex}
.ql-snow.ql-toolbar .ql-formats .ql-picker{
float:none}
.ql-snow.ql-toolbar .ql-formats .ql-picker~.ql-picker{
margin-left:1px}
.ql-snow.ql-container{
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem}
.ql-container{
font-size:1rem}
.ql-editor{
padding:20px;
background-color:#fff;
color:#41505f}
.ql-editor.ql-blank::before{
color:#9ea7b1;
font-style:normal}
.ql-bubble .ql-tooltip{
background-color:#212830;
border-radius:.25rem}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{
border-bottom-color:#212830}
.ql-bubble .ql-toolbar button{
height:28px;
padding:5px;
border-radius:1px}
.ql-bubble .ql-toolbar button.ql-active{
background-color:#506fd9}
.ql-bubble .ql-toolbar button+button{
margin-left:1px}
.modal-body .ql-snow.ql-toolbar{
border-top-left-radius:0;
border-top-right-radius:0;
border-top-width:0;
border-left-width:0;
border-right-width:0}
.modal-body .ql-snow.ql-container{
border-left-width:0;
border-bottom-width:0;
border-right-width:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0}
.leaflet-popup-content-wrapper{
border-radius:6px;
color:#212830}
.leaflet-popup-content{
margin-left:15px}
.jqvmap-label{
padding:2px 8px;
background-color:rgba(17,17,17,.9);
border-radius:2px}
.jqvmap-zoomin,.jqvmap-zoomout{
font-size:20px;
padding:0;
width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
background-color:#212830;
border-radius:2px}
.jqvmap-zoomout{
top:32px}
.jqvmap-pin{
font-family:"Open Sans",sans-serif;
cursor:default;
pointer-events:none}
#jqvmap1_ri_pin,#jqvmap1_dc_pin,#jqvmap1_de_pin,#jqvmap1_md_pin{
display:none}
#jqvmap1_ak_pin{
margin-top:-2%}
#jqvmap1_ca_pin{
margin-left:-2%}
#jqvmap1_ct_pin{
margin-top:-0.25%;
margin-left:-0.25%}
#jqvmap1_fl_pin{
margin-left:5%}
#jqvmap1_id_pin{
margin-top:3%;
margin-left:-1%}
#jqvmap1_ky_pin{
margin-left:2%}
#jqvmap1_la_pin{
margin-left:-2%}
#jqvmap1_mi_pin{
margin-top:4%;
margin-left:3%}
#jqvmap1_ma_pin{
margin-top:-0.25%}
#jqvmap1_mn_pin{
margin-top:2%;
margin-left:-2%}
#jqvmap1_nh_pin{
margin-top:1%;
margin-left:-0.25%}
#jqvmap1_nj_pin{
margin-top:1%}
#jqvmap1_ok_pin{
margin-left:2%}
#jqvmap1_va_pin{
margin-left:2%}
#jqvmap1_wv_pin{
margin-left:-1%;
margin-top:1%}
@media only screen and (min-width: 320px){
.jqvmap-pin{
font-size:6px}
}
@media only screen and (min-width: 480px){
.jqvmap-pin{
font-size:8px}
}
@media only screen and (min-width: 640px){
.jqvmap-pin{
font-size:10px}
}
@media only screen and (min-width: 800px){
.jqvmap-pin{
font-size:12px}
}
@media only screen and (min-width: 1024px){
.jqvmap-pin{
font-size:14px}
}
.bg-gray-900{
background-color:#212830}
.bg-gray-800{
background-color:#313c47}
.bg-gray-700{
background-color:#41505f}
.bg-gray-600{
background-color:#6e7985}
.bg-gray-500{
background-color:#9ea7b1}
.bg-gray-400{
background-color:#ccd2da}
.bg-gray-300{
background-color:#e2e5ec}
.bg-gray-200{
background-color:#f3f5f9}
.bg-gray-100{
background-color:#f8f9fc}
.bg-ui-02{
background-color:#85b6ff}
.bg-ui-03{
background-color:#4c5366}
.bg-pink{
background-color:#ea4c89 !important}
.bg-purple{
background-color:#6f42c1 !important}
.bg-indigo{
background-color:#6610f2 !important}
.bg-teal{
background-color:#33d685 !important}
.bg-orange{
background-color:#fd7e14}
.bg-twitter{
background-color:#1c96e9}
.bg-amazon{
background-color:#f79400;
color:#222e3d}
.divider{
position:relative;
display:flex;
align-items:center;
margin:15px 0}
.divider::before,.divider::after{
content:"";
flex:1;
height:1px;
background-color:#e2e5ec}
.divider span{
padding:0 10px;
font-size:12px;
color:#6e7985}
.divider-start::before{
display:none}
.divider-start span{
padding-left:0}
.divider-end::after{
display:none}
.divider-end span{
padding-right:0}
.divider-vertical{
margin:0 15px;
flex-direction:column}
.divider-vertical::before,.divider-vertical::after{
height:100%;
width:1px}
.divider-vertical span{
padding:5px 0}
.divider-top::before{
display:none}
.divider-top span{
padding:0 0 5px}
.divider-bottom::after{
display:none}
.divider-bottom span{
padding:5px 0 0}
.mt-10-f{
margin-top:10px !important}
.me--10-f{
margin-right:-10px !important}
.ht-3{
height:3px}
.ht-5{
height:5px}
.ht-8{
height:8px}
.ht-10{
height:10px}
.ht-15{
height:15px}
.ht-30{
height:30px}
.ht-50{
height:50px}
.ht-100{
height:100px}
.ht-150{
height:150px}
.ht-200{
height:200px}
.ht-250{
height:250px}
.ht-300{
height:300px}
.ht-350{
height:350px}
.w-5{
width:5%}
.w-10{
width:10%}
.w-15{
width:15%}
.w-15{
width:15%}
.w-17{
width:17%}
.w-20{
width:20%}
.w-30{
width:30%}
.w-32{
width:32%}
.w-40{
width:40%}
.w-45{
width:45%}
.w-60{
width:60%}
.w-70{
width:70%}
.w-80{
width:80%}
.w-85{
width:85%}
.w-200{
width:200px}
.mw-200{
max-width:200px}
.lh-1{
line-height:1}
.lh-3{
line-height:1.3}
.lh-4{
line-height:1.4}
.lh-5{
line-height:1.5}
.fs-sm{
font-size:.8125rem}
@media(min-width: 576px){
.fs-sm-normal{
font-size:.875rem}
}
.fs-xs{
font-size:.75rem}
.fs-11{
font-size:11px}
.fs-15{
font-size:15px}
.fs-16{
font-size:16px}
.fs-18{
font-size:18px}
.fs-20{
font-size:20px}
.fs-24{
font-size:24px}
.fs-32{
font-size:32px}
.fs-36{
font-size:36px}
.fs-40{
font-size:40px}
.fs-44{
font-size:44px}
.fs-48{
font-size:48px}
.fw-thin{
font-weight:200}
.fw-light{
font-weight:300}
.fw-normal{
font-weight:400}
.fw-medium{
font-weight:500}
.fw-semibold{
font-weight:600}
.ff-sans{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.ff-secondary{
font-family:"Archivo",sans-serif}
.ff-numerals{
font-family:"Inter",sans-serif}
.ls--1{
letter-spacing:-1px}
.ls--2{
letter-spacing:-2px}
.text-primary-dark{
color:#152661}
.text-ui-02{
color:#85b6ff}
.ti--1{
text-indent:-1px}
.ti--2{
text-indent:-2px}
.ti--3{
text-indent:-3px}
[data-skin=dark] .accordion-item{
background-color:inherit;
border-color:#222b41}
[data-skin=dark] .accordion-button{
background-color:inherit;
color:inherit}
[data-skin=dark] .accordion-button:not(.collapsed){
background-color:#192030;
box-shadow:inset 0 -1px 0 #222b41}
[data-skin=dark] .accordion-custom .accordion-item:not(:first-of-type){
border-top-color:#222b41}
[data-skin=dark] .accordion-custom .accordion-button{
background-color:inherit}
[data-skin=dark] .accordion-custom .accordion-button:not(.collapsed){
background-color:#192030}
[data-skin=dark] .accordion-custom .accordion-collapse{
background-color:#192030}
[data-skin=dark] .accordion-primary .accordion-button:not(.collapsed){
background-color:rgba(0,0,0,0)}
[data-skin=dark] .avatar.online::after,[data-skin=dark] .avatar.offline::after{
box-shadow:0 0 0 1.5px #192030}
[data-skin=dark] .btn-close{
filter:invert(1)}
[data-skin=dark] .card{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .card-primary{
background-color:#506fd9}
[data-skin=dark] .card-secondary{
background-color:#6e7985}
[data-skin=dark] .card-success{
background-color:#0cb785}
[data-skin=dark] .card-warning{
background-color:#ffc107}
[data-skin=dark] .card-danger{
background-color:#dc3545}
[data-skin=dark] .card-info{
background-color:#0dcaf0}
[data-skin=dark] .card-dark .card-header{
border-bottom-color:#222b41}
[data-skin=dark] .card-light{
background-color:#f8f9fc;
color:#41505f}
[data-skin=dark] .card-light .card-header{
border-bottom-color:#e2e5ec}
[data-skin=dark] .card-header{
background-color:#1c2437;
border-bottom-color:#222b41}
[data-skin=dark] .card-header-tabs .nav-link.active{
background-color:#192030;
border-color:#222b41;
border-bottom-color:rgba(0,0,0,0);
color:#fff}
[data-skin=dark] .card-footer{
background-color:#1c2437;
border-top-color:#222b41}
[data-skin=dark] .divider::before,[data-skin=dark] .divider::after{
background-color:#222b41}
[data-skin=dark] .dropdown-menu{
border-color:rgba(0,0,0,0);
background-color:#1e273a;
color:inherit;
box-shadow:0 2px 10px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.1)}
[data-skin=dark] .dropdown-item{
color:rgba(255,255,255,.65)}
[data-skin=dark] .dropdown-item:hover,[data-skin=dark] .dropdown-item:focus{
background-color:#192030;
color:#fff}
[data-skin=dark] .dropdown-item.disabled{
opacity:.6}
[data-skin=dark] .dropdown-item.active:hover,[data-skin=dark] .dropdown-item.active:focus{
background-color:#506fd9}
[data-skin=dark] .dropdown-header{
color:rgba(255,255,255,.3)}
[data-skin=dark] .dropdown-divider{
opacity:.06}
[data-skin=dark] .form-control,[data-skin=dark] .gridjs-input{
background-color:#192030;
border-color:#27314b;
color:rgba(255,255,255,.65)}
[data-skin=dark] .form-control:focus,[data-skin=dark] .gridjs-input:focus{
box-shadow:none;
background-color:#1e273a;
border-color:#27314b;
color:rgba(255,255,255,.65)}
[data-skin=dark] .form-control:disabled,[data-skin=dark] .gridjs-input:disabled,[data-skin=dark] .form-control[readonly],[data-skin=dark] [readonly].gridjs-input{
background-color:#141926}
[data-skin=dark] .form-control::file-selector-button,[data-skin=dark] .gridjs-input::file-selector-button,[data-skin=dark] .form-control::-webkit-file-upload-button,[data-skin=dark] .gridjs-input::-webkit-file-upload-button{
background-color:#1e273a;
color:#fff}
[data-skin=dark] .form-control:hover:not(:disabled):not([readonly])::file-selector-button,[data-skin=dark] .gridjs-input:hover:not(:disabled):not([readonly])::file-selector-button{
background-color:#192030}
[data-skin=dark] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,[data-skin=dark] .gridjs-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{
background-color:#192030}
[data-skin=dark] .form-control::placeholder,[data-skin=dark] .gridjs-input::placeholder{
color:rgba(255,255,255,.3)}
[data-skin=dark] .form-select{
background-color:#192030;
border-color:#27314b;
color:rgba(255,255,255,.65)}
[data-skin=dark] .form-select:focus{
box-shadow:none;
border-color:#2d3855}
[data-skin=dark] .form-select:disabled{
background-color:#141926}
[data-skin=dark] .form-check-input{
border-color:#27314b;
background-color:#141926}
[data-skin=dark] .form-check-input:focus{
border-color:#2d3855}
[data-skin=dark] .form-switch .form-check-input{
background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255,255,255,0.45)'/></svg>")}
[data-skin=dark] .form-range::-webkit-slider-runnable-track,[data-skin=dark] .form-range::-moz-range-track{
background-color:#222b41}
[data-skin=dark] .input-group-text{
background-color:#1c2335;
border-color:#27314b;
color:inherit}
[data-skin=dark] .form-search{
background-color:#192030;
border:1px solid #27314b;
box-shadow:none}
[data-skin=dark] .form-search.onfocus{
background-color:#1e273a}
[data-skin=dark] .img-thumbnail{
background-color:#1e273a;
border-color:#27314b}
[data-skin=dark] .list-group-item{
border-color:#222b41;
background-color:rgba(0,0,0,0);
color:inherit}
[data-skin=dark] .list-group-item.disabled{
background-color:#141926;
color:rgba(255,255,255,.3)}
[data-skin=dark] .marker{
background-color:#141926;
color:inherit}
[data-skin=dark] .marker-ribbon{
background-color:#141926;
border-color:#27314b}
[data-skin=dark] .marker-ribbon.top-left::before{
border-right-color:#27314b;
left:-11px}
[data-skin=dark] .marker-ribbon.top-right::before{
border-left-color:#27314b;
right:-11px}
[data-skin=dark] .modal-content{
background-color:#1e273a}
[data-skin=dark] .modal-header{
border-bottom-color:#27314b}
[data-skin=dark] .modal-title{
color:#fff}
[data-skin=dark] .modal-footer{
border-top-color:#27314b}
[data-skin=dark] .nav-sidebar .nav-link:not(.active){
color:inherit}
[data-skin=dark] .nav-sidebar .nav-link:not(.active):hover,[data-skin=dark] .nav-sidebar .nav-link:not(.active):focus{
background-color:#192030;
color:inherit}
[data-skin=dark] .navbar-light .navbar-brand{
color:#fff}
[data-skin=dark] .navbar-light .navbar-nav .nav-link{
color:inherit}
[data-skin=dark] .navbar-light .navbar-nav .nav-link:hover,[data-skin=dark] .navbar-light .navbar-nav .nav-link:focus{
color:#fff}
[data-skin=dark] .navbar-light .navbar-nav .nav-link.active{
color:#fff}
[data-skin=dark] .nav-icon .nav-link:hover,[data-skin=dark] .nav-icon .nav-link:focus{
color:#fff}
[data-skin=dark] .nav-line{
border-bottom-color:#222b41}
[data-skin=dark] .nav-line .nav-link{
color:inherit}
[data-skin=dark] .nav-line .nav-link:hover,[data-skin=dark] .nav-line .nav-link:focus{
color:rgba(255,255,255,.75)}
[data-skin=dark] .nav-line .nav-link.active{
color:#fff}
[data-skin=dark] .nav-classic .nav-link+.nav-link{
border-top-color:#2b3651}
[data-skin=dark] .nav-classic .badge{
color:rgba(255,255,255,.65)}
[data-skin=dark] .offcanvas{
background-color:#192030}
[data-skin=dark] .offcanvas-title{
color:#fff}
[data-skin=dark] .page-link{
background-color:#141926;
border-color:#222b41}
[data-skin=dark] .page-link:hover,[data-skin=dark] .page-link:focus{
background-color:#192030;
border-color:#27314b}
[data-skin=dark] .page-item.disabled .page-link{
background-color:#192030;
border-color:#222b41;
color:rgba(255,255,255,.3)}
[data-skin=dark] .pagination-filled .page-item.disabled .page-link{
background-color:#141926}
[data-skin=dark] .pagination-filled .page-item:not(.active) .page-link:hover{
background-color:#222b41}
[data-skin=dark] .pagination-filled .page-link{
border-width:0;
background-color:#192030;
color:#6e7985}
[data-skin=dark] .popover{
background-color:#192030;
border-color:#27314b}
[data-skin=dark] .bs-popover-top>.popover-arrow::before,[data-skin=dark] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{
border-top-color:#27314b}
[data-skin=dark] .bs-popover-top>.popover-arrow::after,[data-skin=dark] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{
border-top-color:#192030}
[data-skin=dark] .bs-popover-end>.popover-arrow::before,[data-skin=dark] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{
border-right-color:#27314b}
[data-skin=dark] .bs-popover-end>.popover-arrow::after,[data-skin=dark] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{
border-right-color:#192030}
[data-skin=dark] .bs-popover-bottom>.popover-arrow::before,[data-skin=dark] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{
border-bottom-color:#27314b}
[data-skin=dark] .bs-popover-bottom>.popover-arrow::after,[data-skin=dark] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{
border-bottom-color:#192030}
[data-skin=dark] .bs-popover-start>.popover-arrow::before,[data-skin=dark] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{
border-left-color:#27314b}
[data-skin=dark] .bs-popover-start>.popover-arrow::after,[data-skin=dark] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{
border-left-color:#192030}
[data-skin=dark] .popover-header{
background-color:#192030;
border-bottom-color:#27314b;
color:#fff}
[data-skin=dark] .popover-body{
color:inherit}
[data-skin=dark] .progress{
background-color:#222b41}
[data-skin=dark] .toast{
background-color:rgba(34,43,65,.85)}
[data-skin=dark] .toast-header{
background-color:rgba(39,50,75,.85)}
[data-skin=dark] .table{
color:inherit}
[data-skin=dark] .table th,[data-skin=dark] .table td{
border-color:#222b41}
[data-skin=dark] .table:not(.table-borderless)>:not(:first-child){
border-top-color:#222b41}
[data-skin=dark] .table-striped>tbody>tr:nth-of-type(2n+1)>*{
box-shadow:inset 0 0 0 9999px rgba(34,43,65,.6);
color:inherit}
[data-skin=dark] .table-hover>tbody>tr:hover>*{
box-shadow:inset 0 0 0 9999px rgba(34,43,65,.85);
color:inherit}
[data-skin=dark] .table-active{
color:inherit}
[data-skin=dark] .table-active td,[data-skin=dark] .table-active th{
box-shadow:inset 0 0 0 9999px rgba(34,43,65,.85)}
[data-skin=dark] .table-primary tbody th,[data-skin=dark] .table-primary tbody td,[data-skin=dark] .table-secondary tbody th,[data-skin=dark] .table-secondary tbody td,[data-skin=dark] .table-success tbody th,[data-skin=dark] .table-success tbody td,[data-skin=dark] .table-warning tbody th,[data-skin=dark] .table-warning tbody td,[data-skin=dark] .table-danger tbody th,[data-skin=dark] .table-danger tbody td,[data-skin=dark] .table-info tbody th,[data-skin=dark] .table-info tbody td{
border-color:#141926}
[data-skin=dark] .table-primary td,[data-skin=dark] .table-primary th{
background-color:#506fd9}
[data-skin=dark] .table-secondary td,[data-skin=dark] .table-secondary th{
background-color:#6e7985}
[data-skin=dark] .table-success td,[data-skin=dark] .table-success th{
background-color:#0cb785}
[data-skin=dark] .table-warning td,[data-skin=dark] .table-warning th{
background-color:#ffc107}
[data-skin=dark] .table-danger td,[data-skin=dark] .table-danger th{
background-color:#dc3545}
[data-skin=dark] .table-info td,[data-skin=dark] .table-info th{
background-color:#0dcaf0}
[data-skin=dark] .table-bordered{
border-color:#222b41}
[data-skin=dark] .gridjs-pages button:disabled{
border-color:#222b41}
[data-skin=dark] .gridjs-input{
background-color:#141926;
border-color:#222b41;
color:#fff}
[data-skin=dark] .gridjs-input:focus{
box-shadow:none;
background-color:#192030;
border-color:#ebedf2;
color:#fff}
[data-skin=dark] .gridjs-input::placeholder{
opacity:.6}
[data-skin=dark] body{
background-color:#141926;
color:rgba(255,255,255,.6)}
[data-skin=dark] .sidebar:not(.sidebar-prime){
background-color:#192030;
box-shadow:none;
border-right:1px solid #222b41}
[data-skin=dark] .sidebar:not(.sidebar-prime)::before{
background-color:rgba(11,14,21,.75)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-logo{
color:#fff}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-header{
border-bottom-color:#222b41}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-body .nav-group{
border-bottom-color:#222b41}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-body .nav-label{
color:rgba(255,255,255,.25)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-body>.ps__rail-y{
background-color:rgba(255,255,255,.05)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-body>.ps__rail-y>.ps__thumb-y{
background-color:rgba(255,255,255,.2)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link{
color:rgba(255,255,255,.6)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link:hover,[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link:focus{
color:rgba(255,255,255,.85)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link.active{
color:#506fd9;
font-weight:400}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link.has-sub::after{
color:rgba(255,255,255,.6)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link{
color:rgba(255,255,255,.5)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link::before{
background-color:rgba(255,255,255,.4)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link.active{
color:rgba(255,255,255,.85)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link.active::before{
background-color:#506fd9}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer{
background-color:#192030;
border-top-color:#222b41;
box-shadow:none}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer .dropdown-link{
color:rgba(255,255,255,.6)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer .dropdown-link:hover,[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer .dropdown-link:focus{
background-color:#1e273a;
color:#fff}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-body h6 a,[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-body .h6 a{
color:#fff}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-body p{
color:rgba(255,255,255,.4)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-menu a{
color:rgba(255,255,255,.6)}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-menu a:hover,[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-menu a:focus{
background-color:#1d2437;
color:#fff}
[data-skin=dark] .sidebar:not(.sidebar-prime) .sidebar-footer-menu hr{
background-color:#fff;
opacity:.1}
[data-skin=dark] .sidebar-prime .nav-sidebar .nav-link:hover,[data-skin=dark] .sidebar-prime .nav-sidebar .nav-link:focus{
background-color:rgba(0,0,0,0);
color:#fff}
[data-skin=dark] .header-main{
background-color:#192030;
border-bottom-color:rgba(255,255,255,.06);
border-left-width:0}
[data-skin=dark] .header-main .menu-link{
color:rgba(255,255,255,.65)}
[data-skin=dark] .header-main .menu-link:hover,[data-skin=dark] .header-main .menu-link:focus{
color:#fff}
[data-skin=dark] .header-main .form-search{
background-color:#1e273a;
border-width:0}
[data-skin=dark] .header-main .form-search.onfocus{
background-color:#222b41}
[data-skin=dark] .header-main .form-search i{
color:#fff}
[data-skin=dark] .header-main .form-search .form-control,[data-skin=dark] .header-main .form-search .gridjs-input{
background-color:rgba(0,0,0,0);
color:#fff}
[data-skin=dark] .header-main .form-search .form-control::placeholder,[data-skin=dark] .header-main .form-search .gridjs-input::placeholder{
color:rgba(255,255,255,.3)}
[data-skin=dark] .header-main .dropdown-link{
color:rgba(255,255,255,.65)}
[data-skin=dark] .header-main .dropdown-link:hover,[data-skin=dark] .header-main .dropdown-link:focus{
color:#fff}
[data-skin=dark] .header-main .dropdown-link small,[data-skin=dark] .header-main .dropdown-link .small{
box-shadow:0 0 0 1px #141926}
[data-skin=dark] .dropdown-skin .dropdown-menu{
background-color:#1e273a;
box-shadow:0 2px 10px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.1)}
[data-skin=dark] .dropdown-skin .dropdown-menu hr{
border-color:#2b3651;
opacity:1}
[data-skin=dark] .nav-skin .nav-link{
border-color:#344162;
color:rgba(255,255,255,.6)}
[data-skin=dark] .nav-skin .nav-link:hover,[data-skin=dark] .nav-skin .nav-link:focus{
border-color:#3c4c73;
background-color:#2b3651;
color:rgba(255,255,255,.75)}
[data-skin=dark] .nav-skin .nav-link.active{
border-color:#506fd9;
background-color:#506fd9;
color:#fff}
[data-skin=dark] .dropdown-notification .dropdown-menu{
background-color:#1e273a;
box-shadow:0 2px 10px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.1)}
[data-skin=dark] .dropdown-notification .dropdown-menu-header{
border-bottom-color:#2b3651}
[data-skin=dark] .dropdown-notification .dropdown-menu-title{
color:#fff}
[data-skin=dark] .dropdown-notification .dropdown-menu-footer{
border-top-color:#2b3651}
[data-skin=dark] .dropdown-notification .list-group-item:hover,[data-skin=dark] .dropdown-notification .list-group-item:focus{
background-color:#192030}
[data-skin=dark] .dropdown-notification .list-group-body{
color:rgba(255,255,255,.6)}
[data-skin=dark] .dropdown-profile .dropdown-menu{
background-color:#1e273a;
box-shadow:0 2px 10px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.1)}
[data-skin=dark] .dropdown-profile .nav a{
color:rgba(255,255,255,.6)}
[data-skin=dark] .dropdown-profile .nav a:hover,[data-skin=dark] .dropdown-profile .nav a:focus{
background-color:#222b41;
color:#fff}
[data-skin=dark] .dropdown-profile hr{
background-color:#222b41}
[data-skin=dark] .main-title{
color:#fff}
[data-skin=dark] .main-separator{
background-color:#222b41}
[data-skin=dark] .main-footer{
color:inherit;
border-top-color:#222b41}
[data-skin=dark] .section-title{
color:#fff}
[data-skin=dark] .main-label-group label{
color:#fff}
[data-skin=dark] .main-backdrop{
background-color:rgba(20,25,38,.85)}
[data-skin=dark] .select2-container--default .select2-results__option--selected{
background-color:#141926}
[data-skin=dark] .select2-container--default .select2-selection--single{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .select2-container--default .select2-selection--single .select2-selection__rendered{
color:inherit}
[data-skin=dark] .select2-container--default .select2-selection--single .select2-selection__placeholder{
color:rgba(255,255,255,.3)}
[data-skin=dark] .select2-container--default .select2-selection--single .select2-selection__clear{
color:rgba(255,255,255,.5)}
[data-skin=dark] .select2-container--default .select2-selection--single .select2-selection__clear:hover{
color:rgba(255,255,255,.75)}
[data-skin=dark] .select2-container--default .select2-selection--multiple{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .select2-container--default.select2-container--focus .select2-selection--multiple{
border-color:#27314b}
[data-skin=dark] .select2-container--default .select2-search--dropdown .select2-search__field{
border-color:rgba(0,0,0,0);
background-color:#141926;
outline:none}
[data-skin=dark] .select2-container--default .select2-search--dropdown .select2-search__field::placeholder{
color:rgba(255,255,255,.3)}
[data-skin=dark] .select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color:#506fd9}
[data-skin=dark] .select2-container--default .select2-search--inline .select2-search__field::placeholder{
color:rgba(255,255,255,.3)}
[data-skin=dark] .select2-container--default.select2-container--disabled .select2-selection--single{
background-color:#141926}
[data-skin=dark] .select2-container--open .select2-selection--single,[data-skin=dark] .select2-container--open .select2-selection--multiple{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .select2-dropdown{
border-color:rgba(0,0,0,0);
background-color:#222b41}
[data-skin=dark] .bootstrap-tagsinput{
background-color:#192030;
border-color:#27314b}
[data-skin=dark] .irs--flat .irs-min,[data-skin=dark] .irs--flat .irs-max{
color:inherit;
background-color:#222b41}
[data-skin=dark] .irs--flat .irs-line{
background-color:#222b41}
[data-skin=dark] .irs--flat .irs-grid-text{
color:inherit}
[data-skin=dark] .irs--flat .irs-grid-pol{
background-color:#222b41}
[data-skin=dark] .irs--round .irs-line{
background-color:#222b41}
[data-skin=dark] .irs--round .irs-min,[data-skin=dark] .irs--round .irs-max{
background-color:#192030;
color:inherit}
[data-skin=dark] .irs--round .irs-grid-text{
color:inherit}
[data-skin=dark] .irs--round .irs-grid-pol{
background-color:#222b41}
[data-skin=dark] .irs--square .irs-line,[data-skin=dark] .irs--square .irs-grid-pol{
background-color:#222b41}
[data-skin=dark] .irs--square .irs-min,[data-skin=dark] .irs--square .irs-max{
background-color:#222b41;
color:#6e7985}
[data-skin=dark] .irs--square .irs-grid-text{
color:#6e7985}
[data-skin=dark] .irs--square .irs-from,[data-skin=dark] .irs--square .irs-to{
background-color:#506fd9}
[data-skin=dark] .irs--square .irs-handle{
border-color:#506fd9}
[data-skin=dark] .irs--square .irs-bar{
background-color:#506fd9}
[data-skin=dark] .ui-datepicker{
background-color:#192030;
border-color:#27314b}
[data-skin=dark] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,[data-skin=dark] .ui-datepicker .ui-datepicker-header .ui-datepicker-next{
color:rgba(255,255,255,.6)}
[data-skin=dark] .ui-datepicker .ui-datepicker-title{
color:#fff}
[data-skin=dark] .ui-datepicker .ui-datepicker-calendar th{
color:rgba(255,255,255,.6);
font-weight:400}
[data-skin=dark] .ui-datepicker .ui-datepicker-calendar td{
background-color:rgba(0,0,0,0);
border-color:#222b41}
[data-skin=dark] .ui-datepicker .ui-datepicker-calendar td a{
color:rgba(255,255,255,.6)}
[data-skin=dark] .ui-datepicker .ui-datepicker-calendar td a:hover,[data-skin=dark] .ui-datepicker .ui-datepicker-calendar td a:focus{
background-color:#1e273a;
color:#fff}
[data-skin=dark] .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default{
color:rgba(255,255,255,.3)}
[data-skin=dark] .ui-datepicker select.ui-datepicker-month,[data-skin=dark] .ui-datepicker select.ui-datepicker-year{
background-color:rgba(0,0,0,0);
border-color:#222b41;
color:rgba(255,255,255,.65)}
[data-skin=dark] .sp-replacer{
background-color:#141926;
border-color:#222b41}
[data-skin=dark] .sp-replacer:hover,[data-skin=dark] .sp-replacer:focus{
border-color:#2b3651}
[data-skin=dark] .sp-dd{
color:rgba(255,255,255,.3)}
[data-skin=dark] .sp-container{
background-color:#1e273a;
border-color:#2d3855;
box-shadow:none}
[data-skin=dark] .wizard{
background-color:#192030;
border-color:#27314b}
[data-skin=dark] .wizard>.content{
border-top-color:#222b41;
border-bottom-color:#222b41}
[data-skin=dark] .wizard>.content>.title{
color:#fff}
[data-skin=dark] .wizard>.actions .disabled a,[data-skin=dark] .wizard>.actions .disabled a:hover,[data-skin=dark] .wizard>.actions .disabled a:focus{
background-color:#222b41;
color:rgba(255,255,255,.3)}
[data-skin=dark] .wizard>.steps .disabled a .number{
border-color:#2b3651}
[data-skin=dark] .wizard>.steps .disabled a:hover .number,[data-skin=dark] .wizard>.steps .disabled a:focus .number{
border-color:#344162}
[data-skin=dark] .wizard.vertical>.steps ul li+li::before{
border-color:#222b41}
@media(min-width: 576px){
[data-skin=dark] .wizard.vertical>.content,[data-skin=dark] .wizard.vertical>.actions{
border-left-color:#222b41}
}
@media(min-width: 768px){
[data-skin=dark] .wizard.vertical>.actions{
border-top-color:#222b41}
}
[data-skin=dark] .wizard-tab{
background-color:rgba(0,0,0,0)}
[data-skin=dark] .wizard-tab>.actions{
border-top-color:#222b41}
[data-skin=dark] .wizard-tab>.steps .disabled a{
background-color:#222b41}
[data-skin=dark] .ql-snow.ql-toolbar{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .ql-snow.ql-toolbar button:hover,[data-skin=dark] .ql-snow.ql-toolbar button:focus{
background-color:#222b41}
[data-skin=dark] .ql-snow.ql-toolbar button.ql-active{
background-color:#222b41}
[data-skin=dark] .ql-snow.ql-toolbar .ql-picker{
color:rgba(255,255,255,.6)}
[data-skin=dark] .ql-snow.ql-toolbar .ql-stroke{
stroke:rgba(255,255,255,.6)}
[data-skin=dark] .ql-snow.ql-toolbar .ql-fill{
fill:rgba(255,255,255,.6)}
[data-skin=dark] .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label::before{
color:rgba(255,255,255,.6)}
[data-skin=dark] .ql-snow.ql-toolbar .ql-font.ql-picker:hover,[data-skin=dark] .ql-snow.ql-toolbar .ql-font.ql-picker:focus{
background-color:#192030}
[data-skin=dark] .ql-snow.ql-container{
border-color:#27314b}
[data-skin=dark] .ql-editor{
background-color:#141926;
color:inherit}
[data-skin=dark] .card-one{
box-shadow:none}
[data-skin=dark] .card-one .card-header{
border-bottom-color:#222b41}
[data-skin=dark] .card-one .card-header .card-title{
color:#fff}
[data-skin=dark] .card-one small,[data-skin=dark] .card-one .small{
color:inherit}
[data-skin=dark] .card-one .people-item+.people-item{
border-top-color:#222b41}
[data-skin=dark] .card-one .card-footer{
border-top-color:#222b41}
[data-skin=dark] .card-one .list-group-item{
border-color:#27314b}
[data-skin=dark] .card-value{
color:#fff}
[data-skin=dark] .earning-item h4,[data-skin=dark] .earning-item .h4{
color:#fff}
[data-skin=dark] .earning-item h4 span,[data-skin=dark] .earning-item .h4 span{
color:rgba(255,255,255,.65)}
[data-skin=dark] .earning-item label{
color:inherit}
[data-skin=dark] .table-one tbody td,[data-skin=dark] .table-two tbody td{
border-color:#222b41}
[data-skin=dark] .progress-one .progress-bar+.progress-bar{
border-left-color:#192030}
[data-skin=dark] .table-three tbody td:nth-child(2),[data-skin=dark] .table-three tbody td:nth-child(3){
color:#fff}
[data-skin=dark] .table-three tbody td{
border-color:#27314b}
[data-skin=dark] .table-three tbody td:nth-child(2),[data-skin=dark] .table-three tbody td:nth-child(3){
color:#fff}
[data-skin=dark] .table-four thead th{
background-color:#141926}
[data-skin=dark] .card-footer-crypto strong{
color:#fff}
[data-skin=dark] .table-five tbody td{
border-color:#27314b}
[data-skin=dark] .news-item+.news-item{
border-top-color:#27314b}
[data-skin=dark] .finance-info{
background-image:none}
[data-skin=dark] .finance-value{
color:#fff}
[data-skin=dark] .finance-value span{
color:rgba(255,255,255,.75)}
[data-skin=dark] .card-wallet .card-value{
color:#fff}
[data-skin=dark] .card-wallet .badge-dot{
background-color:#fff}
[data-skin=dark] .card-wallet .card-body h5,[data-skin=dark] .card-wallet .card-body .h5{
color:#fff}
[data-skin=dark] .flot-chart-eight .flot-tick-label,[data-skin=dark] .flot-chart-nine .flot-tick-label{
color:rgba(255,255,255,.6)}
[data-skin=dark] .finance-item-circle{
background-color:#232d44}
[data-skin=dark] .finance-item-circle h1,[data-skin=dark] .finance-item-circle .h1{
color:#fff}
[data-skin=dark] .finance-item-circle label{
color:rgba(255,255,255,.75)}
[data-skin=dark] .table-ratings tbody td{
border-color:#27314b}
[data-skin=dark] .table-ratings tbody td strong{
color:#fff}
[data-skin=dark] .table-ratings tbody td:nth-child(3){
color:rgba(255,255,255,.75)}
[data-skin=dark] .table-agent tbody td{
border-color:#27314b}
[data-skin=dark] .table-agent h6,[data-skin=dark] .table-agent .h6{
color:#fff}
[data-skin=dark] .events-reviews li{
border-top-color:#27314b}
[data-skin=dark] .events-reviews p{
color:inherit}
[data-skin=dark] .events-body .ev-item{
background-color:#222b41;
border-left-color:#344162}
[data-skin=dark] .events-body .ev-item h6,[data-skin=dark] .events-body .ev-item .h6{
color:#fff}
[data-skin=dark] .events-body .ev-item p{
color:inherit}
[data-skin=dark] .event-date{
background-color:#2a3652;
color:#fff}
[data-skin=dark] .flot-chart-fourteen .flot-tick-label{
color:rgba(255,255,255,.65)}
[data-skin=dark] .storage-item .storage-icon{
background-color:#222b41}
[data-skin=dark] .card-article .card-title{
color:#fff}
[data-skin=dark] .product-wrapper{
background-color:#222b41}
[data-skin=dark] .revenue-item-body span:nth-child(2){
color:#fff}
[data-skin=dark] .total-sales-body{
background-image:none}
[data-skin=dark] .page-app .dropdown-menu{
box-shadow:none}
[data-skin=dark] .music-title a{
color:#fff}
[data-skin=dark] .music-text{
color:inherit}
[data-skin=dark] .app-music .main-label-group label{
color:#fff}
[data-skin=dark] .app-music .sidebar-right .nav-link{
color:inherit}
[data-skin=dark] .card-album{
box-shadow:none}
[data-skin=dark] .table-music tbody tr{
box-shadow:none}
[data-skin=dark] .table-music tbody td{
background-color:#192030}
[data-skin=dark] .music-player{
background-color:#192030;
box-shadow:none}
[data-skin=dark] .nav-player .nav-link{
color:inherit}
[data-skin=dark] .music-volume a{
color:inherit}
[data-skin=dark] .media-music h6 a,[data-skin=dark] .media-music .h6 a{
color:#fff}
[data-skin=dark] .media-music span{
color:inherit}
[data-skin=dark] .music-range .progress{
background-color:#222b41}
[data-skin=dark] .music-volume .progress{
background-color:#222b41}
[data-skin=dark] .card-video{
box-shadow:none}
[data-skin=dark] .card-video .card-title a{
color:#fff}
[data-skin=dark] .app-video .main-label-group label{
color:#fff}
[data-skin=dark] .card-video-item{
box-shadow:none}
[data-skin=dark] .card-video-item .card-title a{
color:#fff}
[data-skin=dark] .card-movie{
box-shadow:none}
[data-skin=dark] .card-movie .card-title a{
color:#fff}
[data-skin=dark] .card-poster{
box-shadow:none}
[data-skin=dark] .card-task{
box-shadow:none}
[data-skin=dark] .card-task:hover,[data-skin=dark] .card-task:focus{
border-color:#506fd9}
[data-skin=dark] .card-task .card-title{
color:#fff}
[data-skin=dark] .task-calendar .ui-datepicker-inline{
box-shadow:none}
[data-skin=dark] .task-calendar .ui-datepicker .ui-datepicker-calendar td{
border-color:#27314b}
[data-skin=dark] .task-calendar .ui-datepicker .ui-datepicker-calendar td a:hover,[data-skin=dark] .task-calendar .ui-datepicker .ui-datepicker-calendar td a:focus,[data-skin=dark] .task-calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover,[data-skin=dark] .task-calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:focus{
background-color:#222b41}
[data-skin=dark] .contact-body{
background-color:#192030;
box-shadow:none}
@media(min-width: 768px){
[data-skin=dark] .contact-list{
border-right-color:#27314b}
}
[data-skin=dark] .contact-list-header{
background-color:inherit;
border-bottom-color:#27314b}
[data-skin=dark] .contact-list-header .sidebar-title{
color:#fff}
[data-skin=dark] .contact-sidebar .nav-sidebar .nav-link:not(.active){
color:inherit}
[data-skin=dark] .contact-sidebar .nav-sidebar .nav-link:not(.active):hover,[data-skin=dark] .contact-sidebar .nav-sidebar .nav-link:not(.active):focus{
background-color:#192030;
color:#fff}
[data-skin=dark] .contact-group .contact-item:not(.selected):hover,[data-skin=dark] .contact-group .contact-item:not(.selected):focus{
background-color:#1e273a}
[data-skin=dark] .contact-group .contact-item-body h6,[data-skin=dark] .contact-group .contact-item-body .h6{
color:#fff}
[data-skin=dark] .contact-content hr{
opacity:.1}
[data-skin=dark] .contact-content .nav-sidebar .nav-link{
color:inherit}
[data-skin=dark] .contact-content .nav-sidebar .nav-link:hover,[data-skin=dark] .contact-content .nav-sidebar .nav-link:focus{
background-color:#1e273a;
color:#fff}
[data-skin=dark] .chat-panel{
background-color:#192030;
box-shadow:none}
[data-skin=dark] .chat-sidebar{
background-color:rgba(0,0,0,0)}
@media(min-width: 768px){
[data-skin=dark] .chat-sidebar{
border-right-color:#27314b}
}
[data-skin=dark] .chat-sidebar .sidebar-header{
background-color:rgba(0,0,0,0);
border-bottom-color:#27314b}
[data-skin=dark] .chat-sidebar .sidebar-title{
color:#fff}
[data-skin=dark] .chat-group .chat-item:not(.selected):hover,[data-skin=dark] .contact-group .chat-item:not(.selected):hover,[data-skin=dark] .chat-group .contact-item:not(.selected):hover,[data-skin=dark] .contact-group .contact-item:not(.selected):hover,[data-skin=dark] .chat-group .chat-item:not(.selected):focus,[data-skin=dark] .contact-group .chat-item:not(.selected):focus,[data-skin=dark] .chat-group .contact-item:not(.selected):focus,[data-skin=dark] .contact-group .contact-item:not(.selected):focus{
background-color:#1e273a}
[data-skin=dark] .chat-group .chat-item-body h6,[data-skin=dark] .contact-group .chat-item-body h6,[data-skin=dark] .chat-group .contact-item-body h6,[data-skin=dark] .contact-group .contact-item-body h6,[data-skin=dark] .chat-group .chat-item-body .h6,[data-skin=dark] .contact-group .chat-item-body .h6,[data-skin=dark] .chat-group .contact-item-body .h6,[data-skin=dark] .contact-group .contact-item-body .h6{
color:#fff}
[data-skin=dark] .chat-body-header{
background-color:rgba(0,0,0,0);
border-bottom-color:#27314b}
[data-skin=dark] .chat-body-header .chat-item-body h6,[data-skin=dark] .chat-body-header .contact-item-body h6,[data-skin=dark] .chat-body-header .chat-item-body .h6,[data-skin=dark] .chat-body-header .contact-item-body .h6{
color:#fff}
[data-skin=dark] .msg-bubble{
background-color:#1e273a}
[data-skin=dark] .chat-body-footer{
border-top-color:#27314b;
background-color:rgba(0,0,0,0)}
[data-skin=dark] .msg-box .form-control,[data-skin=dark] .msg-box .gridjs-input{
background-color:#1e273a}
[data-skin=dark] .msg-box .form-control:focus,[data-skin=dark] .msg-box .gridjs-input:focus{
background-color:#232d44;
border-color:rgba(0,0,0,0)}
[data-skin=dark] .calendar-sidebar .sidebar-body .event-body h6 a,[data-skin=dark] .calendar-sidebar .sidebar-body .event-body .h6 a{
color:#fff}
[data-skin=dark] .nav-calendar .nav-link{
color:inherit}
[data-skin=dark] .nav-calendar .nav-link:hover,[data-skin=dark] .nav-calendar .nav-link:focus{
color:#fff}
[data-skin=dark] .calendar-body .fc-col-header th a{
color:rgba(255,255,255,.65)}
[data-skin=dark] .calendar-body .fc-button-primary{
background-color:rgba(0,0,0,0);
border-color:#27314b}
[data-skin=dark] .calendar-body .fc-button-primary:hover,[data-skin=dark] .calendar-body .fc-button-primary:focus{
background-color:#1e273a;
border-color:#2d3855;
color:#fff}
[data-skin=dark] .calendar-body .fc-button-primary:disabled{
background-color:rgba(0,0,0,0);
color:rgba(255,255,255,.3);
border-color:#222b41}
[data-skin=dark] .calendar-body .fc-toolbar-title{
color:#fff}
[data-skin=dark] .calendar-body .fc-scrollgrid{
background-color:#192030;
border-color:#27314b}
[data-skin=dark] .calendar-body .fc-col-header th{
border-color:#27314b}
[data-skin=dark] .calendar-body .fc-daygrid-day{
border-color:#27314b}
[data-skin=dark] .calendar-body .fc-daygrid-dot-event{
color:rgba(255,255,255,.65)}
[data-skin=dark] .calendar-body .fc-daygrid-dot-event .fc-event-title{
color:rgba(255,255,255,.6)}
[data-skin=dark] .calendar-body .fc-daygrid-dot-event:hover,[data-skin=dark] .calendar-body .fc-daygrid-dot-event:focus{
background-color:#222b41;
color:#fff}
[data-skin=dark] .calendar-body .fc-daygrid-dot-event:hover .fc-event-title,[data-skin=dark] .calendar-body .fc-daygrid-dot-event:focus .fc-event-title{
color:#fff}
[data-skin=dark] .calendar-body .fc-daygrid-day-number{
color:rgba(255,255,255,.65)}
[data-skin=dark] .fc-theme-standard th,[data-skin=dark] .fc-theme-standard td{
border-color:#27314b}
[data-skin=dark] .task-calendar .ui-datepicker .ui-datepicker-calendar td:last-child{
border-color:#27314b}
[data-skin=dark] .modal-event .date-item span{
color:#fff}
[data-skin=dark] .modal-event p{
color:#fff}
@media(min-width: 768px){
[data-skin=dark] .email-sidebar{
border-right-color:#222b41}
}
[data-skin=dark] .email-sidebar hr{
opacity:.1}
@media(min-width: 768px){
[data-skin=dark] .email-list{
border-right-color:#222b41}
}
[data-skin=dark] .email-list-header{
border-bottom-color:#222b41}
[data-skin=dark] .email-list-header h5,[data-skin=dark] .email-list-header .h5{
color:#fff}
[data-skin=dark] .email-list-label{
border-bottom-color:#222b41}
[data-skin=dark] .email-item{
border-bottom-color:#222b41}
[data-skin=dark] .email-item:hover,[data-skin=dark] .email-item:focus{
background-color:#181d2d}
[data-skin=dark] .email-item.unread{
background-color:#192030}
[data-skin=dark] .email-item.unread .email-item-sender{
color:#fff}
[data-skin=dark] .email-item.unread .email-item-summary{
color:#fff}
[data-skin=dark] .email-item.selected{
background-color:#1e273a}
[data-skin=dark] .email-content-empty{
color:inherit}
[data-skin=dark] .email-content-header{
border-bottom-color:#222b41}
[data-skin=dark] .email-content-header .nav-link{
color:inherit}
[data-skin=dark] .email-content-body hr{
opacity:.1}
[data-skin=dark] .card-attachment{
box-shadow:none}
[data-skin=dark] .card-attachment .card-content h6 a,[data-skin=dark] .card-attachment .card-content .h6 a{
color:#fff}
[data-skin=dark] .compose-wrapper .ql-editor{
box-shadow:none}
@media(min-width: 992px){
[data-skin=dark] .file-sidebar{
border-right-color:#222b41}
}
[data-skin=dark] .card-file{
box-shadow:none}
[data-skin=dark] .card-file .card-body h6 a,[data-skin=dark] .card-file .card-body .h6 a{
color:#fff}
[data-skin=dark] .card-file .card-file-icon{
background-color:#222b41}
[data-skin=dark] .card-folder{
box-shadow:none}
[data-skin=dark] .card-folder .card-body h6 a,[data-skin=dark] .card-folder .card-body .h6 a{
color:#fff}
[data-skin=dark] .table-files tbody tr{
box-shadow:none}
[data-skin=dark] .table-files tbody tr td{
background-color:#192030}
[data-skin=dark] .table-files .file-name a{
color:#fff}
[data-skin=dark] .media-profile .media-name{
color:#fff}
[data-skin=dark] .profile-item-body p{
color:#fff}
[data-skin=dark] .profile-item-body span{
color:inherit}
[data-skin=dark] .post-bar{
border:1px solid #27314b;
background-color:#192030;
box-shadow:none}
[data-skin=dark] .post-bar-item+.post-bar-item{
border-left-color:#27314b}
[data-skin=dark] .post-bar-item a{
color:inherit}
[data-skin=dark] .card-post{
box-shadow:none}
[data-skin=dark] .card-post .card-header{
border-bottom-color:#27314b}
[data-skin=dark] .card-post .card-title{
color:#fff}
[data-skin=dark] .card-post .link-more{
color:inherit}
[data-skin=dark] .card-post .link-more:hover,[data-skin=dark] .card-post .link-more:focus{
color:#fff}
[data-skin=dark] .card-post .card-footer{
border-top-color:#27314b}
[data-skin=dark] .card-post .card-footer .nav-link{
color:inherit}
[data-skin=dark] .post-content h6,[data-skin=dark] .post-content .h6{
color:#fff}
[data-skin=dark] .post-content span{
color:inherit}
[data-skin=dark] .post-date{
color:inherit}
[data-skin=dark] .post-preview{
background-color:#222b41}
[data-skin=dark] .post-preview h5,[data-skin=dark] .post-preview .h5{
color:#fff}
[data-skin=dark] .post-preview p{
color:inherit}
[data-skin=dark] .post-preview span{
color:inherit;
opacity:.65}
[data-skin=dark] .experience-body h5,[data-skin=dark] .experience-body .h5,[data-skin=dark] .interest-body h6,[data-skin=dark] .interest-body .h6{
color:#fff}
[data-skin=dark] .profile-mutual h6,[data-skin=dark] .profile-mutual .h6{
color:#fff}
[data-skin=dark] .mutual-group .avatar{
box-shadow:0 0 0 2px #141926}
[data-skin=dark] .people-body h6 a,[data-skin=dark] .people-body .h6 a{
color:#fff}
[data-skin=dark] .card-people{
box-shadow:none}
[data-skin=dark] .card-people h6 a,[data-skin=dark] .card-people .h6 a{
color:#fff}
[data-skin=dark] .card-people p{
color:inherit}
[data-skin=dark] .activity-group{
border-left-color:#222b41}
[data-skin=dark] .activity-date::before{
border-top-color:#222b41}
[data-skin=dark] .card-comment{
box-shadow:none;
color:inherit}
[data-skin=dark] .card-comment strong{
color:#fff}
[data-skin=dark] .card-event{
box-shadow:none}
[data-skin=dark] .card-event h6 a,[data-skin=dark] .card-event .h6 a{
color:#fff}
[data-skin=dark] .event-body h6 a,[data-skin=dark] .event-body .h6 a{
color:#fff}
[data-skin=dark] .event-body p{
color:inherit}
[data-skin=dark] .mutual-badge ul .avatar{
border-color:#141926}
[data-skin=dark] .card-settings{
box-shadow:none}
[data-skin=dark] .card-settings .card-title{
color:#fff}
[data-skin=dark] .card-settings .card-text{
color:inherit}
[data-skin=dark] .card-settings .card-header{
border-bottom-color:#27314b}
[data-skin=dark] .setting-item h6,[data-skin=dark] .setting-item .h6{
color:#fff}
[data-skin=dark] .setting-item p{
color:inherit}
[data-skin=dark] .setting-item+.setting-item{
border-top-color:#27314b}
[data-skin=dark] .setting-item .table td{
border-color:#27314b}
[data-skin=dark] .card-app{
box-shadow:none}
[data-skin=dark] .page-sign{
background-color:#1e273a}
@media(min-width: 576px){
[data-skin=dark] .page-sign{
background-color:#141926}
}
[data-skin=dark] .page-sign.d-block .col-wrapper{
background-color:#1e273a}
[data-skin=dark] .page-sign .header-logo,[data-skin=dark] .page-sign .sidebar-logo{
color:#fff}
[data-skin=dark] .card-sign{
box-shadow:none;
background-color:#1e273a}
[data-skin=dark] .card-sign .card-title{
color:#fff}
[data-skin=dark] .card-sign .card-text{
color:inherit}
[data-skin=dark] .card-auth{
background-color:rgba(0,0,0,0)}
[data-skin=dark] .card-auth .card-title{
color:#fff}
[data-skin=dark] .card-auth .card-text{
color:inherit}
[data-skin=dark] .page-error .header-logo,[data-skin=dark] .page-error .sidebar-logo{
color:#fff}
[data-skin=dark] .error-title{
color:#fff}
[data-skin=dark] .error-number{
color:#fff}
[data-skin=dark] .error-text{
color:inherit}
[data-skin=dark] .pricing-title{
color:#fff}
[data-skin=dark] .pricing-text{
color:inherit}
[data-skin=dark] .pricing-price{
color:#fff}
[data-skin=dark] .table-pricing thead th>small,[data-skin=dark] .table-pricing thead th>.small{
color:inherit}
[data-skin=dark] .table-pricing .title td{
border-bottom-color:#2b3651}
[data-skin=dark] .table-pricing .title td:first-child{
color:#fff}
[data-skin=dark] .table-pricing tbody td:first-child{
color:#fff}
[data-skin=dark] .table-pricing tbody td:first-child small,[data-skin=dark] .table-pricing tbody td:first-child .small{
color:rgba(255,255,255,.65)}
[data-skin=dark] .table-pricing thead th.selected,[data-skin=dark] .table-pricing tbody td.selected{
background-color:rgba(80,111,217,.1)}
[data-skin=dark] .main-faq .nav-classic .nav-link{
color:inherit}
[data-skin=dark] .accordion-faq .accordion-item{
background-color:#192030;
box-shadow:none}
[data-skin=dark] .accordion-faq .accordion-button.collapsed{
color:#fff}
[data-skin=dark] .accordion-faq .accordion-button::after{
opacity:1}
[data-skin=dark] .headline-content::before{
display:none}
[data-skin=dark] .landing-header .menu-link{
color:#fff}
[data-skin=dark] .landing-header .nav-icon .nav-link{
color:#fff}
[data-skin=dark] .landing-body .dropdown-link{
background-color:#192030;
border-color:#2b3651;
color:#fff}
[data-skin=dark] .main-title-text{
color:rgba(255,255,255,.85)}
[data-skin=dark] .main-subtitle{
color:#fff}
[data-skin=dark] .main-footer-docs::before{
border-top-color:#222b41}
[data-skin=dark] .nav-docs label{
color:rgba(255,255,255,.3)}
[data-skin=dark] .nav-docs .nav-link{
color:inherit}
[data-skin=dark] .nav-docs .nav-link.active{
color:#fff}
[data-skin=dark] .nav-docs hr{
opacity:.06}
[data-skin=dark] .card-example{
background-color:rgba(0,0,0,0);
border-color:#222b41}
[data-skin=dark] .card-example>.card-body::before{
background-color:#141926;
color:rgba(255,255,255,.35)}
[data-skin=dark] .card-example>.card-footer{
background-color:#192030;
border-top-color:#222b41}
[data-skin=dark] .card-example>.card-footer code{
text-shadow:none;
color:#fff}
[data-skin=dark] .token.operator{
background-color:rgba(0,0,0,0)}
[data-skin=dark] .row-example span{
background-color:#192030;
border-color:#222b41}
[data-skin=dark] .offcanvas-demo{
background-color:#141926;
border-color:#222b41}
[data-skin=dark] .offcanvas-demo .offcanvas{
border-right-color:#222b41}
[data-skin=dark] .scrollspy-demo{
background-color:#141926;
border-color:#222b41}
[data-skin=dark] .toast-demo{
background-color:#192030}
[data-skin=dark] .icon-group{
background-color:#141926;
border-color:#222b41}
[data-skin=dark] .icon-group i,[data-skin=dark] .icon-group svg{
color:inherit}
[data-skin=dark] .media-animate .nav-link{
background-color:#192030;
color:inherit}
[data-skin=dark] .media-animate .animate-title{
text-shadow:none}
[data-skin=dark] .demo-border>span,[data-skin=dark] .demo-bordered>span{
background-color:rgba(0,0,0,0)}
[data-skin=dark] .demo-bordered span{
border-color:#2b3651}
[data-skin=dark] .demo-text p,[data-skin=dark] .demo-text a{
background-color:#192030}
[data-skin=dark] .demo-flex .bg-gray-300{
background-color:#192030}
[data-skin=dark] .demo-flot .flot-y-axis>div,[data-skin=dark] .demo-flot .flot-x-axis>div{
color:rgba(255,255,255,.6) !important}
[data-skin=dark] .demo-flot .legend>div{
background-color:rgba(0,0,0,0) !important}
[data-skin=dark] .demo-flot .legend table{
color:rgba(255,255,255,.6) !important}
[data-skin=dark] .demo-flot .legend td{
padding-right:5px}
[data-skin=dark] .morris-donut path{
stroke:rgba(255,255,255,.3)}
[data-skin=dark] .morris-donut text{
fill:#fff}
[data-skin=dark] .text-dark{
color:#fff !important}
[data-skin=dark] .text-secondary{
color:rgba(255,255,255,.65) !important}
[data-skin=dark] .border{
border-color:#2b3651 !important}
[data-skin=dark] .border-top{
border-top-color:#2b3651 !important}
[data-skin=dark] .border-bottom{
border-bottom-color:#2b3651 !important}
[data-skin=dark] .border-start{
border-left-color:#2b3651 !important}
[data-skin=dark] .border-end{
border-right-color:#2b3651 !important}
[data-skin=dark] .border-primary{
border-color:#506fd9 !important}
[data-skin=dark] .border-secondary{
border-color:#6e7985 !important}
[data-skin=dark] .border-success{
border-color:#0cb785 !important}
[data-skin=dark] .border-warning{
border-color:#ffc107 !important}
[data-skin=dark] .border-danger{
border-color:#dc3545 !important}
[data-skin=dark] .border-info{
border-color:#0dcaf0 !important}
[data-skin=dark] .border-light{
border-color:#f8f9fc !important}
[data-skin=dark] .border-dark{
border-color:#212830 !important}
[data-skin=dark] .border-white{
border-color:#fff !important}
[dir=rtl] .header .nav-icon .nav-link+.nav-link{
margin-left:0;
margin-right:8px}
@media(min-width: 992px){
[dir=rtl] .header-main{
left:0;
right:240px;
border-left:0;
border-right:1px solid #f8f9fc}
}
@media(min-width: 1400px){
[dir=rtl] .header-main{
right:250px}
}
[dir=rtl] .header-main .nav-link .badge{
margin-left:0;
margin-right:2px}
[dir=rtl] .header-main .dropdown-link small,[dir=rtl] .header-main .dropdown-link .small{
right:auto;
left:-4px}
[dir=rtl] .dropdown-skin .dropdown-menu{
margin-right:0;
margin-left:10px}
[dir=rtl] .dropdown-skin .dropdown-menu label{
text-align:right}
[dir=rtl] .nav-skin{
flex-wrap:nowrap;
white-space:nowrap}
[dir=rtl] .nav-skin .nav-link+.nav-link{
margin-left:0;
margin-right:-1px}
[dir=rtl] .nav-skin .nav-link:first-child{
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:3px;
border-bottom-right-radius:3px}
[dir=rtl] .nav-skin .nav-link:last-child{
border-top-right-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:3px;
border-bottom-left-radius:3px}
[dir=rtl] .dropdown-notification .dropdown-menu{
margin-right:0;
margin-left:10px}
[dir=rtl] .dropdown-notification .avatar{
margin-right:0;
margin-left:15px}
[dir=rtl] .dropdown-notification .list-group-body{
padding-right:0;
padding-left:10px}
[dir=rtl] .dropdown-profile .nav a i{
margin-right:0;
margin-left:10px}
@media(max-width: 991.98px){
[dir=rtl] .sidebar-show .sidebar{
left:auto;
right:0}
[dir=rtl] .sidebar-show .header-main,[dir=rtl] .sidebar-show .main-mobile-header,[dir=rtl] .sidebar-show .main{
transform:translateX(-290px)}
[dir=rtl] .sidebar-show .main-backdrop{
opacity:1;
visibility:visible}
}
[dir=rtl] .sidebar-offset .sidebar{
left:auto;
right:-250px}
[dir=rtl] .sidebar-offset .header-main{
right:0}
[dir=rtl] .sidebar-offset .main{
margin-right:0}
[dir=rtl] .sidebar-offset.sidebar-show .sidebar{
right:0;
box-shadow:-1px 0 1px rgba(33,40,48,.01),-4px 0 4px rgba(33,40,48,.01),-16px 0 16px rgba(33,40,48,.01)}
[dir=rtl] .sidebar-offset.sidebar-show .header-main,[dir=rtl] .sidebar-offset.sidebar-show .main{
transform:translateX(-250px)}
@media(min-width: 992px){
[dir=rtl] .sidebar-hide .sidebar{
left:auto;
right:-250px}
[dir=rtl] .sidebar-hide .header-main{
right:0;
border-right-width:0}
[dir=rtl] .sidebar-hide .main{
margin-right:0}
[dir=rtl] .sidebar-hide .music-player{
left:auto;
right:23px}
}
[dir=rtl] .sidebar{
left:auto;
right:-290px}
@media(min-width: 992px){
[dir=rtl] .sidebar{
left:auto;
right:0;
box-shadow:-1px 0 1px rgba(33,40,48,.01),-4px 0 4px rgba(33,40,48,.01),-16px 0 16px rgba(33,40,48,.01)}
}
[dir=rtl] .sidebar-body .nav-label::after{
left:15px;
right:auto}
[dir=rtl] .sidebar-footer{
box-shadow:20px 20px 20px #fff}
[dir=rtl] .sidebar-footer-top{
padding-left:12px;
padding-right:15px}
[dir=rtl] .sidebar-footer-thumb{
margin-right:0;
margin-left:10px}
[dir=rtl] .sidebar-footer-menu a>i{
margin-right:0;
margin-left:12px}
@media(min-width: 992px){
[dir=rtl] .main{
margin-left:0;
margin-right:240px}
}
@media(min-width: 1400px){
[dir=rtl] .main{
margin-left:0;
margin-right:250px}
}
[dir=rtl] .accordion-button::after{
margin-left:0;
margin-right:auto}
[dir=rtl] .breadcrumb-item+.breadcrumb-item{
padding-left:0;
padding-right:var(--bs-breadcrumb-item-padding-x)}
[dir=rtl] .breadcrumb-item+.breadcrumb-item::before{
float:right;
padding-right:0;
padding-left:var(--bs-breadcrumb-item-padding-x)}
[dir=rtl] .form-check-inline{
margin-right:0;
margin-left:1rem}
[dir=rtl] .form-select{
background-position:left .75rem center}
[dir=rtl] .form-check{
padding-left:0;
padding-right:1.5em}
[dir=rtl] .form-check .form-check-input{
float:right;
margin-left:0;
margin-right:-1.5em}
[dir=rtl] .list-group{
padding-right:0}
[dir=rtl] .nav-sidebar .nav-link.has-sub::after{
right:auto;
left:15px}
[dir=rtl] .nav-sidebar .nav-link i{
margin-right:0;
margin-left:12px}
[dir=rtl] .nav-sidebar .nav-sub-link::before{
left:auto;
right:26px}
[dir=rtl] .nav-sidebar .nav-sub-link:hover::before,[dir=rtl] .nav-sidebar .nav-sub-link:focus::before{
right:20.5px}
[dir=rtl] .nav-sidebar .nav-sub-link.active::before{
right:20.5px}
[dir=rtl] .nav-icon .nav-link+.nav-link{
margin-left:0;
margin-right:5px}
[dir=rtl] .nav-line .nav-link+.nav-link{
margin-left:0;
margin-right:25px}
[dir=rtl] .ps>.ps__rail-y{
right:auto !important;
left:0 !important}
[dir=rtl] .nav-finance-one{
right:auto;
left:0}
[dir=rtl] .nav-finance-one a+a{
margin-left:0;
margin-right:10px}
[dir=rtl] .apex-chart-two{
left:auto;
right:-20px}
[dir=rtl] .apex-chart-three{
left:auto;
right:-14px}
[dir=rtl] .card-wallet .finance-icon{
right:auto;
left:24px}
[dir=rtl] .table-ratings tbody td:nth-child(3),[dir=rtl] .table-ratings tbody td:last-child{
text-align:left}
[dir=rtl] .events-reviews .avatar{
margin-right:0;
margin-left:10px}
[dir=rtl] .event-date{
margin-right:0;
margin-left:15px}
[dir=rtl] .events-body .ev-item{
border-left:0;
border-right:2px solid #6e7985}
[dir=rtl] .events-list li.active .ev-item{
border-right-color:#506fd9}
[dir=rtl] .card-one .legend li::before{
margin-right:0;
margin-left:5px}
[dir=rtl] .card-one .legend li+li{
margin-left:0;
margin-right:10px}
[dir=rtl] .apex-chart-one{
left:0;
right:-10px}
[dir=rtl] .card-one .people-item .avatar{
margin-right:0;
margin-left:8px}
[dir=rtl] .table-one thead th:not(:first-child),[dir=rtl] .table-one tbody td:not(:first-child){
text-align:left}
[dir=rtl] .table-two thead th:not(:first-child),[dir=rtl] .table-two tbody td:not(:first-child){
text-align:left}
[dir=rtl] .apex-chart-nine{
left:0;
right:0}
[dir=rtl] .table-three tbody td:nth-child(3),[dir=rtl] .table-three tbody td:last-child{
text-align:left}
[dir=rtl] .table-four thead tr:last-child th:not(:first-child),[dir=rtl] .table-four tbody td:not(:first-child){
text-align:left}
[dir=rtl] .crypto-item{
left:auto;
right:15px}
[dir=rtl] .crypto-item .avatar{
margin-right:0;
margin-left:10px}
[dir=rtl] .table-five tbody td:not(:first-child){
text-align:left}
@media(min-width: 576px){
[dir=rtl] .news-img{
margin-right:0;
margin-left:15px}
}
[dir=rtl] .mutual-badge li+li{
margin-left:0;
margin-right:-8px}
[dir=rtl] .mutual-badge label{
margin-left:0;
margin-right:5px}
[dir=rtl] .apex-chart-eleven{
left:0;
right:-10px}
[dir=rtl] .apex-chart-twelve{
margin-left:0;
margin-right:0}
[dir=rtl] .revenue-item-body span:last-child{
margin-left:0;
margin-right:10px;
text-align:left}
[dir=rtl] .main-file-manager{
overflow:hidden}
@media(max-width: 991.98px){
[dir=rtl] .main-file-manager.show .file-sidebar{
right:0;
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
[dir=rtl] .main-file-manager.show .file-content{
transform:translateX(-230px)}
}
[dir=rtl] .file-sidebar{
left:auto;
right:-230px}
@media(min-width: 992px){
[dir=rtl] .file-sidebar{
right:0;
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
}
@media(min-width: 992px){
[dir=rtl] .file-content{
left:0;
right:230px}
}
[dir=rtl] .card-file .dropdown-file{
right:auto;
left:10px}
[dir=rtl] .card-folder .dropdown-file{
right:auto;
left:5px}
@media(min-width: 576px){
[dir=rtl] .card-folder .card-body>i{
margin-right:0;
margin-left:10px}
}
[dir=rtl] .page-app .dropdown-item i{
margin-right:0;
margin-left:10px}
[dir=rtl] .table-files .media-icon{
margin-right:0;
margin-left:10px}
[dir=rtl] .table-files thead th:nth-child(2),[dir=rtl] .table-files thead th:nth-child(3),[dir=rtl] .table-files tbody td:nth-child(2),[dir=rtl] .table-files tbody td:nth-child(3){
text-align:left}
[dir=rtl] .menu-file-manager{
margin-right:0;
margin-left:10px}
[dir=rtl] .menu-file-manager i{
transform:rotate(180deg)}
[dir=rtl] .main-email{
overflow:hidden}
@media(max-width: 767.98px){
[dir=rtl] .main-email.show .email-sidebar{
left:auto;
right:0;
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
[dir=rtl] .main-email.show .email-list{
transform:translateX(-230px)}
}
[dir=rtl] .email-sidebar{
left:auto;
right:-230px}
@media(min-width: 768px){
[dir=rtl] .email-sidebar{
right:0;
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
}
[dir=rtl] .email-list{
left:auto;
right:0}
@media(min-width: 768px){
[dir=rtl] .email-list{
right:230px;
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
}
@media(min-width: 768px){
[dir=rtl] .email-content{
left:0;
right:230px}
}
@media(min-width: 1200px){
[dir=rtl] .email-content{
left:0;
right:570px}
}
[dir=rtl] .email-item .avatar{
margin-right:0;
margin-left:12px}
[dir=rtl] .email-item-date{
margin-left:0;
margin-right:auto}
[dir=rtl] .email-item-star{
margin-left:0;
margin-right:5px}
[dir=rtl] .card-attachment .card-icon{
margin-right:0;
margin-left:10px}
[dir=rtl] .compose{
right:auto;
left:0}
[dir=rtl] .compose-header .nav{
margin-left:0}
[dir=rtl] .compose-header .nav-link+.nav-link{
margin-left:0;
margin-right:8px}
[dir=rtl] .email-menu{
margin-right:0;
margin-left:10px}
[dir=rtl] .email-menu i{
transform:rotate(180deg)}
[dir=rtl] .main-calendar{
overflow:hidden}
@media(max-width: 1199.98px){
[dir=rtl] .main-calendar.show .calendar-sidebar{
left:auto;
right:0}
[dir=rtl] .main-calendar.show .calendar-body{
transform:translateX(-300px);
padding-right:0}
}
[dir=rtl] .calendar-sidebar{
left:auto;
right:-300px}
@media(min-width: 1200px){
[dir=rtl] .calendar-sidebar{
left:auto;
right:0}
}
[dir=rtl] .nav-calendar span{
margin-right:0;
margin-left:10px}
[dir=rtl] .modal-event .date-item i{
margin-right:0;
margin-left:5px}
@media(min-width: 1200px){
[dir=rtl] .calendar-body{
left:0;
right:300px;
padding-right:0;
padding-left:20px}
}
[dir=rtl] .chat-sidebar{
left:auto;
right:0;
border-bottom-left-radius:0;
border-top-left-radius:0;
border-bottom-right-radius:inherit;
border-top-right-radius:inherit}
@media(min-width: 768px){
[dir=rtl] .chat-sidebar{
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
}
[dir=rtl] .chat-sidebar .sidebar-header{
border-top-left-radius:0;
border-top-right-radius:0;
border-top-right-radius:inherit}
[dir=rtl] .chat-body{
border-top-right-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:inherit;
border-bottom-left-radius:inherit}
@media(min-width: 768px){
[dir=rtl] .chat-body{
margin-left:0;
margin-right:280px}
}
@media(min-width: 1200px){
[dir=rtl] .chat-body{
margin-left:0;
margin-right:300px}
}
[dir=rtl] .chat-group .chat-item-body,[dir=rtl] .chat-group .contact-item-body,[dir=rtl] .contact-group .chat-item-body,[dir=rtl] .contact-group .contact-item-body{
padding-left:0;
padding-right:10px}
[dir=rtl] .chat-group .chat-item.unread .chat-item-body h6::after,[dir=rtl] .contact-group .chat-item.unread .chat-item-body h6::after,[dir=rtl] .chat-group .unread.contact-item .chat-item-body h6::after,[dir=rtl] .contact-group .unread.contact-item .chat-item-body h6::after,[dir=rtl] .chat-group .chat-item.unread .contact-item-body h6::after,[dir=rtl] .contact-group .chat-item.unread .contact-item-body h6::after,[dir=rtl] .chat-group .unread.contact-item .contact-item-body h6::after,[dir=rtl] .contact-group .unread.contact-item .contact-item-body h6::after,[dir=rtl] .chat-group .chat-item.unread .chat-item-body .h6::after,[dir=rtl] .contact-group .chat-item.unread .chat-item-body .h6::after,[dir=rtl] .chat-group .unread.contact-item .chat-item-body .h6::after,[dir=rtl] .contact-group .unread.contact-item .chat-item-body .h6::after,[dir=rtl] .chat-group .chat-item.unread .contact-item-body .h6::after,[dir=rtl] .contact-group .chat-item.unread .contact-item-body .h6::after,[dir=rtl] .chat-group .unread.contact-item .contact-item-body .h6::after,[dir=rtl] .contact-group .unread.contact-item .contact-item-body .h6::after{
right:auto;
left:-12px}
[dir=rtl] .chat-body-header .avatar{
margin-right:0;
margin-left:10px}
[dir=rtl] .msg-item .avatar{
margin-right:0;
margin-left:10px}
[dir=rtl] .msg-box .form-control,[dir=rtl] .msg-box .gridjs-input{
padding-right:.6rem;
padding-left:24px}
[dir=rtl] .msg-send{
right:auto;
left:8px}
@media(min-width: 1200px){
[dir=rtl] .contact-sidebar{
padding-right:0;
padding-left:12px;
margin-right:0;
margin-left:12px}
}
[dir=rtl] .contact-sidebar .nav-sidebar .nav-link small,[dir=rtl] .contact-sidebar .nav-sidebar .nav-link .small{
margin-left:0;
margin-right:auto}
[dir=rtl] .contact-list{
left:auto;
right:0}
@media(min-width: 768px){
[dir=rtl] .contact-list{
border-right:0;
border-left:1px solid rgba(226,229,236,.6)}
}
@media(min-width: 768px){
[dir=rtl] .contact-content{
margin-left:0;
margin-right:280px}
}
@media(min-width: 1200px){
[dir=rtl] .contact-list-header{
padding-left:10px}
}
[dir=rtl] .card-task .card-footer .nav-link+.nav-link{
margin-left:0;
margin-right:10px}
@media(min-width: 992px){
[dir=rtl] .music-player .media-music .media-img{
margin-right:0;
margin-left:12px}
}
@media(min-width: 992px){
[dir=rtl] .music-headline>div{
left:auto;
right:25px}
}
[dir=rtl] .table-music tbody td:first-child{
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
border-left-width:0;
border-right-width:1px;
padding-left:.5rem;
padding-right:15px}
[dir=rtl] .table-music tbody td:last-child{
border-top-right-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
border-right-width:0;
border-left-width:1px}
[dir=rtl] .media-music .media-img{
margin-right:0;
margin-left:12px}
[dir=rtl] .nav-classic i{
margin-right:0;
margin-left:10px}
[dir=rtl] .nav-classic .badge{
margin-left:0;
margin-right:auto}
[dir=rtl] .music-volume{
margin-left:0;
margin-right:10px}
[dir=rtl] .music-volume a{
margin-right:0;
margin-left:5px}
[dir=rtl] .app-video .carousel-control-prev{
left:20px;
right:auto}
[dir=rtl] .app-video .carousel-control-next{
right:auto;
left:60px}
[dir=rtl] .video-player .nav-link+.nav-link{
margin-left:0;
margin-right:10px}
[dir=rtl] .media-profile .media-img{
margin-right:0;
margin-left:25px}
[dir=rtl] .profile-item>i{
margin-right:0;
margin-left:12px}
[dir=rtl] .card-post .link-more{
right:auto;
left:-5px}
[dir=rtl] .post-header .avatar{
margin-right:0;
margin-left:10px}
@media(min-width: 768px){
[dir=rtl] .experience-icon{
margin-right:0;
margin-left:20px}
}
[dir=rtl] .experience-body ul{
padding-left:0;
padding-right:13px}
[dir=rtl] .interest-icon{
margin-right:0;
margin-left:15px}
[dir=rtl] .mutual-group li+li{
margin-left:0;
margin-right:-10px}
[dir=rtl] .people-item .avatar{
margin-right:0;
margin-left:12px}
[dir=rtl] .list-contact-info li i{
margin-right:0;
margin-left:12px}
[dir=rtl] .activity-group{
margin-left:0;
margin-right:15px;
border-left:0;
border-right:2px solid #e2e5ec}
[dir=rtl] .activity-date{
padding-left:0;
padding-right:40px}
[dir=rtl] .activity-date::before{
left:auto;
right:0}
[dir=rtl] .activity-item{
padding-left:0;
padding-right:40px}
[dir=rtl] .activity-item::before{
left:auto;
right:-17px}
[dir=rtl] .event-icon{
margin-right:0;
margin-left:10px}
[dir=rtl] .setting-item .table a+a{
margin-left:0;
margin-right:5px}
[dir=rtl] .card-app .card-logo{
margin-right:0;
margin-left:15px}
[dir=rtl] .setting-item .table th:not(:first-child),[dir=rtl] .setting-item .table td:not(:first-child){
text-align:left}
[dir=rtl] .card-sign .btn i,.gridjs-pages [dir=rtl] .card-sign button i,.ui-datepicker-buttonpane [dir=rtl] .card-sign button i,[dir=rtl] .card-sign .ui-datepicker-buttonpane button i,[dir=rtl] .ui-datepicker-buttonpane .card-sign button i,[dir=rtl] .card-sign .gridjs-pages button i,[dir=rtl] .gridjs-pages .card-sign button i{
margin-right:0;
margin-left:5px}
@media(min-width: 1200px){
[dir=rtl] .main-docs{
padding-right:0;
padding-left:220px}
}
[dir=rtl] .nav-docs{
right:auto;
left:25px}
[dir=rtl] .nav-docs .nav-link{
padding-left:0;
padding-right:15px}
[dir=rtl] .nav-docs .nav-link::before{
left:auto;
right:0}
[dir=rtl] .nav-docs .nav-link.active::before{
right:-15px}