CasperSecurity
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");
/*! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com*/
*, :after, :before {
box-sizing: border-box;
border: 0 solid
}
:after, :before {
--tw-content: ""
}
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-feature-settings: normal;
font-variation-settings: normal
}
body {
margin: 0;
line-height: inherit
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
b, strong {
font-weight: bolder
}
code, kbd, pre, samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: initial
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
background-color: initial;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: initial
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
margin: 0
}
fieldset {
margin: 0
}
fieldset, legend {
padding: 0
}
menu, ol, ul {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder, textarea::placeholder {
opacity: 1;
color: #9ca3af
}
[role=button], button {
cursor: pointer
}
:disabled {
cursor: default
}
audio, canvas, embed, iframe, img, object, svg, video {
display: block;
vertical-align: middle
}
img, video {
max-width: 100%;
height: auto
}
[hidden] {
display: none
}
*, ::backdrop, :after, :before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #ffff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.container {
width: 100%
}
@media (min-width: 576px) {
.container {
max-width: 576px
}
}
@media (min-width: 768px) {
.container {
max-width: 768px
}
}
@media (min-width: 992px) {
.container {
max-width: 992px
}
}
@media (min-width: 1025px) {
.container {
max-width: 1025px
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px
}
}
@media (min-width: 1449px) {
.container {
max-width: 1449px
}
}
.sr-only {
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-width: 0 !important
}
.pointer-events-none {
pointer-events: none !important
}
.pointer-events-auto {
pointer-events: auto !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
.collapse {
visibility: collapse !important
}
.static {
position: static !important
}
.fixed {
position: fixed !important
}
.absolute {
position: absolute !important
}
.\!relative, .relative {
position: relative !important
}
.sticky {
position: sticky !important
}
.-bottom-4 {
bottom: -1rem !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-5 {
bottom: 1.25rem !important
}
.bottom-\[10px\] {
bottom: 10px !important
}
.bottom-\[15px\] {
bottom: 15px !important
}
.left-0 {
left: 0 !important
}
.left-\[1\.5625rem\] {
left: 1.5625rem !important
}
.left-\[15\%\] {
left: 15% !important
}
.left-\[46\%\] {
left: 46% !important
}
.left-\[5\.625rem\] {
left: 5.625rem !important
}
.left-\[50\%\] {
left: 50% !important
}
.right-0 {
right: 0 !important
}
.right-2 {
right: .5rem !important
}
.right-2\.5 {
right: .625rem !important
}
.right-3 {
right: .75rem !important
}
.right-5 {
right: 1.25rem !important
}
.right-6 {
right: 1.5rem !important
}
.right-\[-0\.0625rem\] {
right: -.0625rem !important
}
.right-\[-31\.25rem\] {
right: -31.25rem !important
}
.right-\[15\%\] {
right: 15% !important
}
.right-\[15px\] {
right: 15px !important
}
.right-\[5\.5rem\] {
right: 5.5rem !important
}
.right-auto {
right: auto !important
}
.top-0 {
top: 0 !important
}
.top-20 {
top: 5rem !important
}
.top-\[-15px\] {
top: -15px !important
}
.top-\[-5px\] {
top: -5px !important
}
.top-\[0\.625rem\] {
top: .625rem !important
}
.top-\[50\%\] {
top: 50% !important
}
.top-\[7\.5rem\] {
top: 7.5rem !important
}
.top-full {
top: 100% !important
}
.isolate {
isolation: isolate !important
}
.z-10 {
z-index: 10 !important
}
.z-\[1045\] {
z-index: 1045 !important
}
.z-\[1055\] {
z-index: 1055 !important
}
.z-\[1\] {
z-index: 1 !important
}
.z-\[2\] {
z-index: 2 !important
}
.z-\[99999\] {
z-index: 99999 !important
}
.z-\[999\] {
z-index: 999 !important
}
.z-\[9\] {
z-index: 9 !important
}
.z-auto {
z-index: auto !important
}
.float-right {
float: right !important
}
.float-left {
float: left !important
}
.float-none {
float: none !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-10 {
margin: 2.5rem !important
}
.m-11 {
margin: 2.75rem !important
}
.m-2 {
margin: .5rem !important
}
.m-4 {
margin: 1rem !important
}
.m-5 {
margin: 1.25rem !important
}
.m-7 {
margin: 1.75rem !important
}
.m-9 {
margin: 2.25rem !important
}
.m-\[18px\] {
margin: 18px !important
}
.m-auto {
margin: auto !important
}
.-my-4 {
margin-top: -1rem !important;
margin-bottom: -1rem !important
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-1\.5 {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.mx-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-4 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-6 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-\[-0\.0437rem\] {
margin-left: -.0437rem !important;
margin-right: -.0437rem !important
}
.mx-\[-0\.3125rem\] {
margin-left: -.3125rem !important;
margin-right: -.3125rem !important
}
.mx-\[-1\.625rem\] {
margin-left: -1.625rem !important;
margin-right: -1.625rem !important
}
.mx-\[-30px\] {
margin-left: -30px !important;
margin-right: -30px !important
}
.mx-\[-5px\] {
margin-left: -5px !important;
margin-right: -5px !important
}
.mx-\[10px\] {
margin-left: 10px !important;
margin-right: 10px !important
}
.mx-\[220px\] {
margin-left: 220px !important;
margin-right: 220px !important
}
.mx-\[2px\] {
margin-left: 2px !important;
margin-right: 2px !important
}
.mx-\[5px\] {
margin-left: 5px !important;
margin-right: 5px !important
}
.mx-\[9px\] {
margin-left: 9px !important;
margin-right: 9px !important
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-1\.5 {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.my-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-\[-1px\] {
margin-top: -1px !important;
margin-bottom: -1px !important
}
.my-\[0\.9375rem\] {
margin-top: .9375rem !important;
margin-bottom: .9375rem !important
}
.my-\[1\.75rem\] {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.my-\[10px\] {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.-mr-1 {
margin-right: -.25rem !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-0\.5 {
margin-bottom: .125rem !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-1\.5 {
margin-bottom: .375rem !important
}
.mb-12 {
margin-bottom: 3rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-2\.5 {
margin-bottom: .625rem !important
}
.mb-3 {
margin-bottom: .75rem !important
}
.mb-3\.5 {
margin-bottom: .875rem !important
}
.mb-4 {
margin-bottom: 1rem !important
}
.mb-5 {
margin-bottom: 1.25rem !important
}
.mb-6 {
margin-bottom: 1.5rem !important
}
.mb-8 {
margin-bottom: 2rem !important
}
.mb-\[-0\.2rem\] {
margin-bottom: -.2rem !important
}
.mb-\[-1px\] {
margin-bottom: -1px !important
}
.mb-\[-2px\] {
margin-bottom: -2px !important
}
.mb-\[0\.2rem\] {
margin-bottom: .2rem !important
}
.mb-\[0\.3125rem\] {
margin-bottom: .3125rem !important
}
.mb-\[0\.9375rem\] {
margin-bottom: .9375rem !important
}
.mb-\[1\.875rem\] {
margin-bottom: 1.875rem !important
}
.mb-\[13px\] {
margin-bottom: 13px !important
}
.mb-\[14px\] {
margin-bottom: 14px !important
}
.mb-\[15px\] {
margin-bottom: 15px !important
}
.mb-\[21px\] {
margin-bottom: 21px !important
}
.mb-\[2px\] {
margin-bottom: 2px !important
}
.mb-\[30px\] {
margin-bottom: 30px !important
}
.mb-\[3px\] {
margin-bottom: 3px !important
}
.me-2 {
margin-inline-end: .5rem !important
}
.me-3 {
margin-inline-end: .75rem !important
}
.me-4 {
margin-inline-end: 1rem !important
}
.me-\[-13px\] {
margin-inline-end: -13px !important
}
.ml-0 {
margin-left: 0 !important
}
.ml-1 {
margin-left: .25rem !important
}
.ml-2 {
margin-left: .5rem !important
}
.ml-2\.5 {
margin-left: .625rem !important
}
.ml-4 {
margin-left: 1rem !important
}
.ml-\[-0\.888rem\] {
margin-left: -.888rem !important
}
.ml-\[-1\.25rem\] {
margin-left: -1.25rem !important
}
.ml-\[-1\.5em\] {
margin-left: -1.5em !important
}
.ml-\[-1px\] {
margin-left: -1px !important
}
.ml-\[-2\.063rem\] {
margin-left: -2.063rem !important
}
.ml-\[0\.3125rem\] {
margin-left: .3125rem !important
}
.ml-\[7px\] {
margin-left: 7px !important
}
.ml-auto {
margin-left: auto !important
}
.mr-0 {
margin-right: 0 !important
}
.mr-1 {
margin-right: .25rem !important
}
.mr-1\.5 {
margin-right: .375rem !important
}
.mr-2 {
margin-right: .5rem !important
}
.mr-2\.5 {
margin-right: .625rem !important
}
.mr-3 {
margin-right: .75rem !important
}
.mr-4 {
margin-right: 1rem !important
}
.mr-8 {
margin-right: 2rem !important
}
.mr-\[-3px\] {
margin-right: -3px !important
}
.mr-\[0\.3125rem\] {
margin-right: .3125rem !important
}
.mr-\[0\.313rem\] {
margin-right: .313rem !important
}
.mr-\[0\.35rem\] {
margin-right: .35rem !important
}
.mr-\[0\.4375rem\] {
margin-right: .4375rem !important
}
.mr-\[0\.9375rem\] {
margin-right: .9375rem !important
}
.mr-\[1\.125rem\] {
margin-right: 1.125rem !important
}
.mr-\[10px\] {
margin-right: 10px !important
}
.mr-\[15px\] {
margin-right: 15px !important
}
.mr-\[18px\] {
margin-right: 18px !important
}
.mr-\[5px\] {
margin-right: 5px !important
}
.mr-\[7px\] {
margin-right: 7px !important
}
.mr-\[9px\] {
margin-right: 9px !important
}
.ms-0 {
margin-inline-start: 0 !important
}
.ms-1 {
margin-inline-start: .25rem !important
}
.ms-2 {
margin-inline-start: .5rem !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-0\.5 {
margin-top: .125rem !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-1\.5 {
margin-top: .375rem !important
}
.mt-10 {
margin-top: 2.5rem !important
}
.mt-11 {
margin-top: 2.75rem !important
}
.mt-12 {
margin-top: 3rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-2\.5 {
margin-top: .625rem !important
}
.mt-3 {
margin-top: .75rem !important
}
.mt-4 {
margin-top: 1rem !important
}
.mt-5 {
margin-top: 1.25rem !important
}
.mt-6 {
margin-top: 1.5rem !important
}
.mt-\[-0\.3rem\] {
margin-top: -.3rem !important
}
.mt-\[-10px\] {
margin-top: -10px !important
}
.mt-\[-4\.5rem\] {
margin-top: -4.5rem !important
}
.mt-\[-5px\] {
margin-top: -5px !important
}
.mt-\[-65px\] {
margin-top: -65px !important
}
.mt-\[0\.1875rem\] {
margin-top: .1875rem !important
}
.mt-\[0\.3125rem\] {
margin-top: .3125rem !important
}
.mt-\[0\.625rem\] {
margin-top: .625rem !important
}
.mt-\[1\.125rem\] {
margin-top: 1.125rem !important
}
.mt-\[15px\] {
margin-top: 15px !important
}
.mt-\[2\.188rem\] {
margin-top: 2.188rem !important
}
.mt-\[25px\] {
margin-top: 25px !important
}
.mt-\[35px\] {
margin-top: 35px !important
}
.mt-\[50px\] {
margin-top: 50px !important
}
.mt-\[5px\] {
margin-top: 5px !important
}
.box-content {
box-sizing: initial !important
}
.block {
display: block !important
}
.inline-block {
display: inline-block !important
}
.inline {
display: inline !important
}
.flex {
display: flex !important
}
.inline-flex {
display: inline-flex !important
}
.table {
display: table !important
}
.\!grid, .grid {
display: grid !important
}
.contents {
display: contents !important
}
.list-item {
display: list-item !important
}
.hidden {
display: none !important
}
.h-1 {
height: .25rem !important
}
.h-10 {
height: 2.5rem !important
}
.h-2 {
height: .5rem !important
}
.h-20 {
height: 5rem !important
}
.h-3 {
height: .75rem !important
}
.h-4 {
height: 1rem !important
}
.h-5 {
height: 1.25rem !important
}
.h-6 {
height: 1.5rem !important
}
.h-60 {
height: 15rem !important
}
.h-8 {
height: 2rem !important
}
.h-9 {
height: 2.25rem !important
}
.h-\[0\.125rem\] {
height: .125rem !important
}
.h-\[1\.275rem\] {
height: 1.275rem !important
}
.h-\[1\.5rem\] {
height: 1.5rem !important
}
.h-\[1\.625rem\] {
height: 1.625rem !important
}
.h-\[1\.75rem\] {
height: 1.75rem !important
}
.h-\[1\.875rem\] {
height: 1.875rem !important
}
.h-\[100vh\] {
height: 100vh !important
}
.h-\[14\.375rem\] {
height: 14.375rem !important
}
.h-\[140px\] {
height: 140px !important
}
.h-\[144px\] {
height: 144px !important
}
.h-\[15\.7rem\] {
height: 15.7rem !important
}
.h-\[170px\] {
height: 170px !important
}
.h-\[2\.188rem\] {
height: 2.188rem !important
}
.h-\[2\.25rem\] {
height: 2.25rem !important
}
.h-\[2\.375rem\] {
height: 2.375rem !important
}
.h-\[2\.4rem\] {
height: 2.4rem !important
}
.h-\[2\.5rem\] {
height: 2.5rem !important
}
.h-\[2\.813rem\] {
height: 2.813rem !important
}
.h-\[200px\] {
height: 200px !important
}
.h-\[220px\] {
height: 220px !important
}
.h-\[23\.125rem\] {
height: 23.125rem !important
}
.h-\[275px\] {
height: 275px !important
}
.h-\[29\.7rem\] {
height: 29.7rem !important
}
.h-\[3\.4375rem\] {
height: 3.4375rem !important
}
.h-\[3\.438rem\] {
height: 3.438rem !important
}
.h-\[3\.563rem\] {
height: 3.563rem !important
}
.h-\[3\.75rem\] {
height: 3.75rem !important
}
.h-\[3\.8rem\] {
height: 3.8rem !important
}
.h-\[300px\] {
height: 300px !important
}
.h-\[30px\] {
height: 30px !important
}
.h-\[350px\] {
height: 350px !important
}
.h-\[35px\] {
height: 35px !important
}
.h-\[362px\] {
height: 362px !important
}
.h-\[4\.375rem\] {
height: 4.375rem !important
}
.h-\[45px\] {
height: 45px !important
}
.h-\[46px\] {
height: 46px !important
}
.h-\[47px\] {
height: 47px !important
}
.h-\[5\.3125rem\] {
height: 5.3125rem !important
}
.h-\[55px\] {
height: 55px !important
}
.h-\[5px\] {
height: 5px !important
}
.h-\[6\.25rem\] {
height: 6.25rem !important
}
.h-\[60px\] {
height: 60px !important
}
.h-\[7\.5rem\] {
height: 7.5rem !important
}
.h-\[70px\] {
height: 70px !important
}
.h-\[75px\] {
height: 75px !important
}
.h-\[9\.375rem\] {
height: 9.375rem !important
}
.h-auto {
height: auto !important
}
.h-full {
height: 100% !important
}
.max-h-\[15\.7rem\] {
max-height: 15.7rem !important
}
.min-h-0 {
min-height: 0 !important
}
.min-h-\[1\.3125rem\] {
min-height: 1.3125rem !important
}
.min-h-\[1000px\] {
min-height: 1000px !important
}
.min-h-\[100vh\] {
min-height: 100vh !important
}
.min-h-\[17rem\] {
min-height: 17rem !important
}
.min-h-\[2\.4rem\] {
min-height: 2.4rem !important
}
.min-h-\[2\.5rem\] {
min-height: 2.5rem !important
}
.min-h-\[6\.325rem\] {
min-height: 6.325rem !important
}
.min-h-\[800px\] {
min-height: 800px !important
}
.w-1\/2 {
width: 50% !important
}
.w-1\/3 {
width: 33.333333% !important
}
.w-1\/4 {
width: 25% !important
}
.w-1\/6 {
width: 16.666667% !important
}
.w-10 {
width: 2.5rem !important
}
.w-2\/3 {
width: 66.666667% !important
}
.w-20 {
width: 5rem !important
}
.w-3 {
width: .75rem !important
}
.w-5 {
width: 1.25rem !important
}
.w-5\/12 {
width: 41.666667% !important
}
.w-6 {
width: 1.5rem !important
}
.w-7\/12 {
width: 58.333333% !important
}
.w-8 {
width: 2rem !important
}
.w-9 {
width: 2.25rem !important
}
.w-\[1\%\] {
width: 1% !important
}
.w-\[1\.275rem\] {
width: 1.275rem !important
}
.w-\[1\.5rem\] {
width: 1.5rem !important
}
.w-\[1\.625rem\] {
width: 1.625rem !important
}
.w-\[1\.75rem\] {
width: 1.75rem !important
}
.w-\[1\.875rem\] {
width: 1.875rem !important
}
.w-\[120px\] {
width: 120px !important
}
.w-\[130px\] {
width: 130px !important
}
.w-\[15\.875rem\] {
width: 15.875rem !important
}
.w-\[18\.5rem\] {
width: 18.5rem !important
}
.w-\[19rem\] {
width: 19rem !important
}
.w-\[2\.188rem\] {
width: 2.188rem !important
}
.w-\[2\.25rem\] {
width: 2.25rem !important
}
.w-\[2\.375rem\] {
width: 2.375rem !important
}
.w-\[2\.4rem\] {
width: 2.4rem !important
}
.w-\[2\.5rem\] {
width: 2.5rem !important
}
.w-\[2\.813rem\] {
width: 2.813rem !important
}
.w-\[21\.25rem\] {
width: 21.25rem !important
}
.w-\[220px\] {
width: 220px !important
}
.w-\[275px\] {
width: 275px !important
}
.w-\[3\.4375rem\] {
width: 3.4375rem !important
}
.w-\[30px\] {
width: 30px !important
}
.w-\[350px\] {
width: 350px !important
}
.w-\[35px\] {
width: 35px !important
}
.w-\[4\.375rem\] {
width: 4.375rem !important
}
.w-\[40\%\] {
width: 40% !important
}
.w-\[46px\] {
width: 46px !important
}
.w-\[5\.3125rem\] {
width: 5.3125rem !important
}
.w-\[55px\] {
width: 55px !important
}
.w-\[5rem\] {
width: 5rem !important
}
.w-\[6\.875rem\] {
width: 6.875rem !important
}
.w-\[60px\] {
width: 60px !important
}
.w-\[70\%\] {
width: 70% !important
}
.w-\[70px\] {
width: 70px !important
}
.w-\[75px\] {
width: 75px !important
}
.w-\[90px\] {
width: 90px !important
}
.w-\[97\%\] {
width: 97% !important
}
.w-auto {
width: auto !important
}
.w-full {
width: 100% !important
}
.min-w-\[1\.875rem\] {
min-width: 1.875rem !important
}
.min-w-\[10rem\] {
min-width: 10rem !important
}
.min-w-\[13rem\] {
min-width: 13rem !important
}
.min-w-\[15rem\] {
min-width: 15rem !important
}
.min-w-\[16\.125rem\] {
min-width: 16.125rem !important
}
.min-w-\[2\.4rem\] {
min-width: 2.4rem !important
}
.min-w-\[2\.813rem\] {
min-width: 2.813rem !important
}
.min-w-\[3\.125rem\] {
min-width: 3.125rem !important
}
.min-w-\[30rem\] {
min-width: 30rem !important
}
.min-w-\[35px\] {
min-width: 35px !important
}
.min-w-\[36rem\] {
min-width: 36rem !important
}
.min-w-\[5\.5rem\] {
min-width: 5.5rem !important
}
.max-w-\[10\.625rem\] {
max-width: 10.625rem !important
}
.max-w-\[37\.5rem\] {
max-width: 37.5rem !important
}
.max-w-\[380px\] {
max-width: 380px !important
}
.max-w-\[500px\] {
max-width: 500px !important
}
.max-w-\[600px\] {
max-width: 600px !important
}
.max-w-full {
max-width: 100% !important
}
.flex-1 {
flex: 1 1 0% !important
}
.flex-\[0_0_auto\] {
flex: 0 0 auto !important
}
.flex-\[1_0_0\%\] {
flex: 1 0 0% !important
}
.flex-auto {
flex: 1 1 auto !important
}
.flex-shrink, .shrink {
flex-shrink: 1 !important
}
.flex-grow, .grow {
flex-grow: 1 !important
}
.border-collapse {
border-collapse: collapse !important
}
.-translate-y-10 {
--tw-translate-y: -2.5rem !important
}
.-translate-y-10, .-translate-y-32 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.-translate-y-32 {
--tw-translate-y: -8rem !important
}
.translate-x-0 {
--tw-translate-x: 0px !important
}
.translate-x-0, .translate-x-\[-100px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[-100px\] {
--tw-translate-x: -100px !important
}
.translate-x-\[-118px\] {
--tw-translate-x: -118px !important
}
.translate-x-\[-118px\], .translate-x-\[-125px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[-125px\] {
--tw-translate-x: -125px !important
}
.translate-x-\[-126px\] {
--tw-translate-x: -126px !important
}
.translate-x-\[-126px\], .translate-x-\[-167px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[-167px\] {
--tw-translate-x: -167px !important
}
.translate-x-\[-195px\] {
--tw-translate-x: -195px !important
}
.translate-x-\[-195px\], .translate-x-\[-205px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[-205px\] {
--tw-translate-x: -205px !important
}
.translate-x-\[-270px\] {
--tw-translate-x: -270px !important
}
.translate-x-\[-270px\], .translate-x-\[-50\%\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50% !important
}
.translate-x-\[-60px\] {
--tw-translate-x: -60px !important
}
.translate-x-\[-60px\], .translate-x-\[-80px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[-80px\] {
--tw-translate-x: -80px !important
}
.translate-x-\[-96px\] {
--tw-translate-x: -96px !important
}
.translate-x-\[-96px\], .translate-x-\[0\.25rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[0\.25rem\] {
--tw-translate-x: 0.25rem !important
}
.translate-x-\[0px\] {
--tw-translate-x: 0px !important
}
.translate-x-\[0px\], .translate-x-\[137px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[137px\] {
--tw-translate-x: 137px !important
}
.translate-x-\[2\.25rem\] {
--tw-translate-x: 2.25rem !important
}
.translate-x-\[2\.25rem\], .translate-x-\[40px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[40px\] {
--tw-translate-x: 40px !important
}
.translate-x-\[7\.25rem\] {
--tw-translate-x: 7.25rem !important
}
.translate-x-\[7\.25rem\], .translate-y-1 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-1 {
--tw-translate-y: 0.25rem !important
}
.translate-y-2 {
--tw-translate-y: 0.5rem !important
}
.translate-y-2, .translate-y-2\.5 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-2\.5 {
--tw-translate-y: 0.625rem !important
}
.translate-y-3 {
--tw-translate-y: 0.75rem !important
}
.translate-y-3, .translate-y-4 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-4 {
--tw-translate-y: 1rem !important
}
.translate-y-\[-100px\] {
--tw-translate-y: -100px !important
}
.translate-y-\[-100px\], .translate-y-\[-140px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[-140px\] {
--tw-translate-y: -140px !important
}
.translate-y-\[-230px\] {
--tw-translate-y: -230px !important
}
.translate-y-\[-230px\], .translate-y-\[-40px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[-40px\] {
--tw-translate-y: -40px !important
}
.translate-y-\[-50\%\] {
--tw-translate-y: -50% !important
}
.translate-y-\[-50\%\], .translate-y-\[-50px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[-50px\] {
--tw-translate-y: -50px !important
}
.translate-y-\[-7\.375rem\] {
--tw-translate-y: -7.375rem !important
}
.translate-y-\[-7\.375rem\], .translate-y-\[0\.2rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[0\.2rem\] {
--tw-translate-y: 0.2rem !important
}
.translate-y-\[10px\] {
--tw-translate-y: 10px !important
}
.translate-y-\[10px\], .translate-y-\[15px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[15px\] {
--tw-translate-y: 15px !important
}
.translate-y-\[18px\] {
--tw-translate-y: 18px !important
}
.translate-y-\[18px\], .translate-y-\[2\.1rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[2\.1rem\] {
--tw-translate-y: 2.1rem !important
}
.translate-y-\[25px\] {
--tw-translate-y: 25px !important
}
.translate-y-\[25px\], .translate-y-\[3\.2rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[3\.2rem\] {
--tw-translate-y: 3.2rem !important
}
.translate-y-\[3\.5rem\] {
--tw-translate-y: 3.5rem !important
}
.translate-y-\[3\.5rem\], .translate-y-\[5\.25rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[5\.25rem\] {
--tw-translate-y: 5.25rem !important
}
.translate-y-\[5\.60rem\] {
--tw-translate-y: 5.60rem !important
}
.translate-y-\[5\.60rem\], .translate-y-\[8px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-y-\[8px\] {
--tw-translate-y: 8px !important
}
.rotate-180 {
--tw-rotate: 180deg !important
}
.rotate-180, .scale-150 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.scale-150 {
--tw-scale-x: 1.5 !important;
--tw-scale-y: 1.5 !important
}
.scale-50 {
--tw-scale-x: .5 !important;
--tw-scale-y: .5 !important
}
.scale-50, .scale-\[0\.9\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.scale-\[0\.9\] {
--tw-scale-x: 0.9 !important;
--tw-scale-y: 0.9 !important
}
.scale-\[1\.4\] {
--tw-scale-x: 1.4 !important;
--tw-scale-y: 1.4 !important
}
.scale-\[1\.4\], .transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
@keyframes dzerror {
0% {
transform: skew(3deg)
}
10% {
transform: skew(2deg)
}
20% {
transform: skew(3deg)
}
30% {
transform: skew(-2deg)
}
40% {
transform: skew(-1deg)
}
50% {
transform: skew(-1deg)
}
60% {
transform: skew(-1deg)
}
70% {
transform: skew(-3deg)
}
80% {
transform: skew(1deg)
}
90% {
transform: skew(-1deg)
}
}
.animate-dzerror {
animation: dzerror 1s linear infinite alternate-reverse !important
}
@keyframes myanimation {
0% {
width: 0
}
}
.animate-myanimation {
animation: myanimation 5s !important
}
.cursor-all-scroll {
cursor: all-scroll !important
}
.cursor-default {
cursor: default !important
}
.cursor-move {
cursor: move !important
}
.cursor-pointer {
cursor: pointer !important
}
.cursor-text {
cursor: text !important
}
.resize-none {
resize: none !important
}
.resize-y {
resize: vertical !important
}
.resize {
resize: both !important
}
.list-decimal {
list-style-type: decimal !important
}
.list-disc {
list-style-type: disc !important
}
.flex-row {
flex-direction: row !important
}
.flex-col {
flex-direction: column !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.items-start {
align-items: flex-start !important
}
.items-end {
align-items: flex-end !important
}
.items-center {
align-items: center !important
}
.items-baseline {
align-items: baseline !important
}
.items-stretch {
align-items: stretch !important
}
.justify-start {
justify-content: flex-start !important
}
.justify-end {
justify-content: flex-end !important
}
.justify-center {
justify-content: center !important
}
.justify-between {
justify-content: space-between !important
}
.justify-around {
justify-content: space-around !important
}
.self-start {
align-self: flex-start !important
}
.self-end {
align-self: flex-end !important
}
.self-center {
align-self: center !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-scroll {
overflow: scroll !important
}
.overflow-x-auto {
overflow-x: auto !important
}
.overflow-y-auto {
overflow-y: auto !important
}
.overflow-x-hidden {
overflow-x: hidden !important
}
.overflow-y-scroll {
overflow-y: scroll !important
}
.truncate {
overflow: hidden !important;
white-space: nowrap !important
}
.text-ellipsis, .truncate {
text-overflow: ellipsis !important
}
.whitespace-nowrap {
white-space: nowrap !important
}
.break-words {
overflow-wrap: break-word !important
}
.rounded {
border-radius: .25rem !important
}
.rounded-\[0\.625rem\] {
border-radius: .625rem !important
}
.rounded-\[1\.25rem\] {
border-radius: 1.25rem !important
}
.rounded-\[2\.5rem\] {
border-radius: 2.5rem !important
}
.rounded-\[50\%\] {
border-radius: 50% !important
}
.rounded-\[5px\] {
border-radius: 5px !important
}
.rounded-\[6\.25rem\] {
border-radius: 6.25rem !important
}
.rounded-full {
border-radius: 9999px !important
}
.rounded-lg {
border-radius: .5rem !important
}
.rounded-md {
border-radius: .375rem !important
}
.rounded-none {
border-radius: 0 !important
}
.rounded-xl {
border-radius: .75rem !important
}
.rounded-e-md {
border-start-end-radius: .375rem !important;
border-end-end-radius: .375rem !important
}
.rounded-e-none {
border-start-end-radius: 0 !important;
border-end-end-radius: 0 !important
}
.rounded-s-md {
border-start-start-radius: .375rem !important;
border-end-start-radius: .375rem !important
}
.rounded-s-none {
border-start-start-radius: 0 !important;
border-end-start-radius: 0 !important
}
.rounded-ee-md {
border-end-end-radius: .375rem !important
}
.rounded-ee-none {
border-end-end-radius: 0 !important
}
.rounded-es-md {
border-end-start-radius: .375rem !important
}
.rounded-se-md {
border-start-end-radius: .375rem !important
}
.rounded-se-none {
border-start-end-radius: 0 !important
}
.rounded-ss-md {
border-start-start-radius: .375rem !important
}
.rounded-ss-none {
border-start-start-radius: 0 !important
}
.border {
border-width: 1px !important
}
.border-0 {
border-width: 0 !important
}
.border-2 {
border-width: 2px !important
}
.border-\[0\.125rem\] {
border-width: .125rem !important
}
.border-\[7px\] {
border-width: 7px !important
}
.border-x {
border-left-width: 1px !important;
border-right-width: 1px !important
}
.border-y {
border-top-width: 1px !important
}
.border-b, .border-y {
border-bottom-width: 1px !important
}
.border-b-0 {
border-bottom-width: 0 !important
}
.border-b-2 {
border-bottom-width: 2px !important
}
.border-b-\[0\.0125rem\] {
border-bottom-width: .0125rem !important
}
.border-b-\[0\.1875rem\] {
border-bottom-width: .1875rem !important
}
.border-b-\[3px\] {
border-bottom-width: 3px !important
}
.border-l {
border-left-width: 1px !important
}
.border-l-4 {
border-left-width: 4px !important
}
.border-l-\[5px\] {
border-left-width: 5px !important
}
.border-r {
border-right-width: 1px !important
}
.border-t {
border-top-width: 1px !important
}
.border-t-0 {
border-top-width: 0 !important
}
.border-solid {
border-style: solid !important
}
.border-dashed {
border-style: dashed !important
}
.border-\[\#0000001a\] {
border-color: #0000001a !important
}
.border-\[\#0000002d\] {
border-color: #0000002d !important
}
.border-\[\#0000004d\] {
border-color: #0000004d !important
}
.border-\[\#3e5fce14\] {
border-color: #3e5fce14 !important
}
.border-\[\#88888833\] {
border-color: #8883 !important
}
.border-\[\#CCCCCC\] {
--tw-border-opacity: 1 !important;
border-color: rgb(204 204 204/var(--tw-border-opacity)) !important
}
.border-\[\#DDDFE1\] {
--tw-border-opacity: 1 !important;
border-color: rgb(221 223 225/var(--tw-border-opacity)) !important
}
.border-\[\#E6E6E6\] {
--tw-border-opacity: 1 !important;
border-color: rgb(230 230 230/var(--tw-border-opacity)) !important
}
.border-\[\#acacac\] {
--tw-border-opacity: 1 !important;
border-color: rgb(172 172 172/var(--tw-border-opacity)) !important
}
.border-\[\#eee\] {
--tw-border-opacity: 1 !important;
border-color: rgb(238 238 238/var(--tw-border-opacity)) !important
}
.border-\[\#f1f1f1\] {
--tw-border-opacity: 1 !important;
border-color: rgb(241 241 241/var(--tw-border-opacity)) !important
}
.border-\[\#f2f2f2\] {
--tw-border-opacity: 1 !important;
border-color: rgb(242 242 242/var(--tw-border-opacity)) !important
}
.border-b-color {
border-color: var(--border-color) !important
}
.border-badge-secondary {
border-color: var(--badge-secondary) !important
}
.border-d-light {
--tw-border-opacity: 1 !important;
border-color: rgb(238 238 238/var(--tw-border-opacity)) !important
}
.border-d-light-2 {
--tw-border-opacity: 1 !important;
border-color: rgb(223 223 223/var(--tw-border-opacity)) !important
}
.border-danger {
border-color: var(--danger) !important
}
.border-danger-light {
border-color: var(--danger-light) !important
}
.border-dark {
border-color: rgb(110 110 110/var(--tw-border-opacity)) !important
}
.border-dark, .border-info {
--tw-border-opacity: 1 !important
}
.border-info {
border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}
.border-info-light {
border-color: var(--info-light) !important
}
.border-primary {
border-color: var(--primary) !important
}
.border-primary-dark {
border-color: var(--primary-dark) !important
}
.border-primary-light {
border-color: var(--rgba-primary-1) !important
}
.border-primary-light-3 {
border-color: var(--rgba-primary-3) !important
}
.border-purple {
--tw-border-opacity: 1 !important;
border-color: rgb(187 107 217/var(--tw-border-opacity)) !important
}
.border-secondary {
border-color: var(--secondary) !important
}
.border-success {
border-color: var(--success) !important
}
.border-success-light {
border-color: var(--success-light) !important
}
.border-transparent {
border-color: #0000 !important
}
.border-warning {
--tw-border-opacity: 1 !important;
border-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}
.border-warning-light {
border-color: var(--warning-light) !important
}
.border-white {
border-color: var(--white) !important
}
.border-x-\[\#E6E6E6\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(230 230 230/var(--tw-border-opacity)) !important;
border-right-color: rgb(230 230 230/var(--tw-border-opacity)) !important
}
.border-b-\[\#eee\] {
--tw-border-opacity: 1 !important;
border-bottom-color: rgb(238 238 238/var(--tw-border-opacity)) !important
}
.border-l-\[\#1c673c\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(28 103 60/var(--tw-border-opacity)) !important
}
.border-l-\[\#22758e\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(34 117 142/var(--tw-border-opacity)) !important
}
.border-l-\[\#2e2e2e\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(46 46 46/var(--tw-border-opacity)) !important
}
.border-l-\[\#805000\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(128 80 0/var(--tw-border-opacity)) !important
}
.border-l-\[\#9f9f9f\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(159 159 159/var(--tw-border-opacity)) !important
}
.border-l-\[\#b9b9b9\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(185 185 185/var(--tw-border-opacity)) !important
}
.border-l-\[\#de0000\] {
--tw-border-opacity: 1 !important;
border-left-color: rgb(222 0 0/var(--tw-border-opacity)) !important
}
.border-l-black {
--tw-border-opacity: 1 !important;
border-left-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}
.border-l-danger {
border-left-color: var(--danger) !important
}
.border-l-dark {
border-left-color: rgb(110 110 110/var(--tw-border-opacity)) !important
}
.border-l-dark, .border-l-info {
--tw-border-opacity: 1 !important
}
.border-l-info {
border-left-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}
.border-l-primary {
border-left-color: var(--primary) !important
}
.border-l-primary-dark {
border-left-color: var(--primary-dark) !important
}
.border-l-secondary {
border-left-color: var(--secondary) !important
}
.border-l-success {
border-left-color: var(--success) !important
}
.border-l-warning {
--tw-border-opacity: 1 !important;
border-left-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}
.bg-\[\#0000000d\] {
background-color: #0000000d !important
}
.bg-\[\#00000099\] {
background-color: #0009 !important
}
.bg-\[\#8A5A4E\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(138 90 78/var(--tw-bg-opacity)) !important
}
.bg-\[\#CFDDF0\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(207 221 240/var(--tw-bg-opacity)) !important
}
.bg-\[\#E6EBEE\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(230 235 238/var(--tw-bg-opacity)) !important
}
.bg-\[\#E8F2FF\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(232 242 255/var(--tw-bg-opacity)) !important
}
.bg-\[\#F0F4F9\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(240 244 249/var(--tw-bg-opacity)) !important
}
.bg-\[\#F2F2F2\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(242 242 242/var(--tw-bg-opacity)) !important
}
.bg-\[\#d3edf5\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(211 237 245/var(--tw-bg-opacity)) !important
}
.bg-\[\#d9dbe1\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(217 219 225/var(--tw-bg-opacity)) !important
}
.bg-\[\#daf5e6\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(218 245 230/var(--tw-bg-opacity)) !important
}
.bg-\[\#e7e7e7\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(231 231 231/var(--tw-bg-opacity)) !important
}
.bg-\[\#e8f5ff\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(232 245 255/var(--tw-bg-opacity)) !important
}
.bg-\[\#eee\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}
.bg-\[\#f2f2f2\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(242 242 242/var(--tw-bg-opacity)) !important
}
.bg-\[\#f2f4fa\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(242 244 250/var(--tw-bg-opacity)) !important
}
.bg-\[\#f5f5f5\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}
.bg-\[\#f6f6f6\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(246 246 246/var(--tw-bg-opacity)) !important
}
.bg-\[\#f8f9fa\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
}
.bg-\[\#ffeccc80\] {
background-color: #ffeccc80 !important
}
.bg-\[\#ffffff40\] {
background-color: #ffffff40 !important
}
.bg-b-color {
background-color: var(--border-color) !important
}
.bg-badge-secondary {
background-color: var(--badge-secondary) !important
}
.bg-chat {
background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}
.bg-chat, .bg-d-light {
--tw-bg-opacity: 1 !important
}
.bg-d-light {
background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}
.bg-d-light-2 {
--tw-bg-opacity: 1 !important;
background-color: rgb(223 223 223/var(--tw-bg-opacity)) !important
}
.bg-danger {
background-color: var(--danger) !important
}
.bg-danger-light {
background-color: var(--danger-light) !important
}
.bg-dark {
--tw-bg-opacity: 1 !important;
background-color: rgb(110 110 110/var(--tw-bg-opacity)) !important
}
.bg-dribbble {
background-color: var(--dribbble) !important
}
.bg-facebook {
background-color: var(--facebook) !important
}
.bg-google {
background-color: var(--google) !important
}
.bg-google-plus {
background-color: var(--google-plus) !important
}
.bg-grey {
background-color: rgb(159 147 192/var(--tw-bg-opacity)) !important
}
.bg-grey, .bg-highlight {
--tw-bg-opacity: 1 !important
}
.bg-highlight {
background-color: rgb(255 254 226/var(--tw-bg-opacity)) !important
}
.bg-info {
--tw-bg-opacity: 1 !important;
background-color: rgb(88 186 215/var(--tw-bg-opacity)) !important
}
.bg-info-light {
background-color: var(--info-light) !important
}
.bg-instagram {
background-color: var(--instagram) !important
}
.bg-linkedin {
background-color: var(--linkedin) !important
}
.bg-pinterest {
background-color: var(--pinterest) !important
}
.bg-primary {
background-color: var(--primary) !important
}
.bg-primary-dark {
background-color: var(--primary-dark) !important
}
.bg-primary-light {
background-color: var(--rgba-primary-1) !important
}
.bg-primary-light-8 {
background-color: var(--rgba-primary-8) !important
}
.bg-primary-lighter {
background-color: var(--primary-lighter) !important
}
.bg-purple {
--tw-bg-opacity: 1 !important;
background-color: rgb(187 107 217/var(--tw-bg-opacity)) !important
}
.bg-purple-light {
background-color: #bb6bd91a !important
}
.bg-quora {
background-color: var(--quora) !important
}
.bg-red {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 0 0/var(--tw-bg-opacity)) !important
}
.bg-reddit {
background-color: var(--reddit) !important
}
.bg-secondary {
background-color: var(--secondary) !important
}
.bg-skype {
background-color: var(--skype) !important
}
.bg-snapchat {
background-color: var(--snapchat) !important
}
.bg-spotify {
background-color: var(--spotify) !important
}
.bg-success {
background-color: var(--success) !important
}
.bg-success-light {
background-color: var(--success-light) !important
}
.bg-transparent {
background-color: #0000 !important
}
.bg-tumblr {
background-color: var(--tumblr) !important
}
.bg-twitter {
background-color: var(--twitter) !important
}
.bg-vimeo {
background-color: var(--vimeo) !important
}
.bg-warning {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 159 0/var(--tw-bg-opacity)) !important
}
.bg-warning-light {
background-color: var(--warning-light) !important
}
.bg-whatsapp {
background-color: var(--whatsapp) !important
}
.bg-white {
background-color: var(--white) !important
}
.bg-yahoo {
background-color: var(--yahoo) !important
}
.bg-youtube {
background-color: var(--youtube) !important
}
.bg-none {
background-image: none !important
}
.bg-cover {
background-size: cover !important
}
.bg-center {
background-position: 50% !important
}
.bg-no-repeat {
background-repeat: no-repeat !important
}
.object-cover {
-o-object-fit: cover !important;
object-fit: cover !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-12 {
padding: 3rem !important
}
.p-2 {
padding: .5rem !important
}
.p-2\.5 {
padding: .625rem !important
}
.p-3 {
padding: .75rem !important
}
.p-4 {
padding: 1rem !important
}
.p-5 {
padding: 1.25rem !important
}
.p-\[0\.1175rem\] {
padding: .1175rem !important
}
.p-\[0\.4375rem\] {
padding: .4375rem !important
}
.p-\[0\.8375rem\] {
padding: .8375rem !important
}
.p-\[0\.9375rem\] {
padding: .9375rem !important
}
.p-\[0\.938rem\] {
padding: .938rem !important
}
.p-\[1\.125rem\] {
padding: 1.125rem !important
}
.p-\[1\.875rem\] {
padding: 1.875rem !important
}
.p-\[10px\] {
padding: 10px !important
}
.p-\[14px\] {
padding: 14px !important
}
.p-\[15px\] {
padding: 15px !important
}
.p-\[2\.125rem\] {
padding: 2.125rem !important
}
.p-\[25px\] {
padding: 25px !important
}
.p-\[30px\] {
padding: 30px !important
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-0\.5 {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.px-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-1\.5 {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.px-12 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.px-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-2\.5 {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.px-3 {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-8 {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.px-\[0\.2375rem\] {
padding-left: .2375rem !important;
padding-right: .2375rem !important
}
.px-\[0\.275rem\] {
padding-left: .275rem !important;
padding-right: .275rem !important
}
.px-\[0\.3125rem\] {
padding-left: .3125rem !important;
padding-right: .3125rem !important
}
.px-\[0\.3925rem\] {
padding-left: .3925rem !important;
padding-right: .3925rem !important
}
.px-\[0\.5375rem\] {
padding-left: .5375rem !important;
padding-right: .5375rem !important
}
.px-\[0\.575rem\] {
padding-left: .575rem !important;
padding-right: .575rem !important
}
.px-\[0\.6rem\] {
padding-left: .6rem !important;
padding-right: .6rem !important
}
.px-\[0\.7rem\] {
padding-left: .7rem !important;
padding-right: .7rem !important
}
.px-\[0\.8125rem\] {
padding-left: .8125rem !important;
padding-right: .8125rem !important
}
.px-\[0\.919rem\] {
padding-left: .919rem !important;
padding-right: .919rem !important
}
.px-\[0\.9375rem\] {
padding-left: .9375rem !important;
padding-right: .9375rem !important
}
.px-\[0\.938rem\] {
padding-left: .938rem !important;
padding-right: .938rem !important
}
.px-\[0\.95rem\] {
padding-left: .95rem !important;
padding-right: .95rem !important
}
.px-\[1\.0625rem\] {
padding-left: 1.0625rem !important;
padding-right: 1.0625rem !important
}
.px-\[1\.125rem\] {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
.px-\[1\.1rem\] {
padding-left: 1.1rem !important;
padding-right: 1.1rem !important
}
.px-\[1\.25rem\] {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.px-\[1\.2rem\] {
padding-left: 1.2rem !important;
padding-right: 1.2rem !important
}
.px-\[1\.55rem\] {
padding-left: 1.55rem !important;
padding-right: 1.55rem !important
}
.px-\[1\.563rem\] {
padding-left: 1.563rem !important;
padding-right: 1.563rem !important
}
.px-\[1\.5rem\] {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-\[1\.625rem\] {
padding-left: 1.625rem !important;
padding-right: 1.625rem !important
}
.px-\[1\.725rem\] {
padding-left: 1.725rem !important;
padding-right: 1.725rem !important
}
.px-\[1\.875rem\] {
padding-left: 1.875rem !important;
padding-right: 1.875rem !important
}
.px-\[10px\] {
padding-left: 10px !important;
padding-right: 10px !important
}
.px-\[12\.5px\] {
padding-left: 12.5px !important;
padding-right: 12.5px !important
}
.px-\[15px\] {
padding-left: 15px !important;
padding-right: 15px !important
}
.px-\[25px\] {
padding-left: 25px !important;
padding-right: 25px !important
}
.px-\[30px\] {
padding-left: 30px !important;
padding-right: 30px !important
}
.px-\[5px\] {
padding-left: 5px !important;
padding-right: 5px !important
}
.px-\[7px\] {
padding-left: 7px !important;
padding-right: 7px !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-0\.5 {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-1\.5 {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-2\.5 {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.py-3 {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.py-3\.5 {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.py-\[0\.075rem\] {
padding-top: .075rem !important;
padding-bottom: .075rem !important
}
.py-\[0\.15rem\] {
padding-top: .15rem !important;
padding-bottom: .15rem !important
}
.py-\[0\.1875rem\] {
padding-top: .1875rem !important;
padding-bottom: .1875rem !important
}
.py-\[0\.1rem\] {
padding-top: .1rem !important;
padding-bottom: .1rem !important
}
.py-\[0\.3125rem\] {
padding-top: .3125rem !important;
padding-bottom: .3125rem !important
}
.py-\[0\.4375rem\] {
padding-top: .4375rem !important;
padding-bottom: .4375rem !important
}
.py-\[0\.438rem\] {
padding-top: .438rem !important;
padding-bottom: .438rem !important
}
.py-\[0\.4rem\] {
padding-top: .4rem !important;
padding-bottom: .4rem !important
}
.py-\[0\.638rem\] {
padding-top: .638rem !important;
padding-bottom: .638rem !important
}
.py-\[0\.6rem\] {
padding-top: .6rem !important;
padding-bottom: .6rem !important
}
.py-\[0\.719rem\] {
padding-top: .719rem !important;
padding-bottom: .719rem !important
}
.py-\[0\.7rem\] {
padding-top: .7rem !important;
padding-bottom: .7rem !important
}
.py-\[0\.8rem\] {
padding-top: .8rem !important;
padding-bottom: .8rem !important
}
.py-\[0\.9375rem\] {
padding-top: .9375rem !important;
padding-bottom: .9375rem !important
}
.py-\[0\.938rem\] {
padding-top: .938rem !important;
padding-bottom: .938rem !important
}
.py-\[1\.125rem\] {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
.py-\[10px\] {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.py-\[14px\] {
padding-top: 14px !important;
padding-bottom: 14px !important
}
.py-\[15px\] {
padding-top: 15px !important;
padding-bottom: 15px !important
}
.py-\[18px\] {
padding-top: 18px !important;
padding-bottom: 18px !important
}
.py-\[1px\] {
padding-top: 1px !important;
padding-bottom: 1px !important
}
.py-\[3px\] {
padding-top: 3px !important;
padding-bottom: 3px !important
}
.py-\[5px\] {
padding-top: 5px !important;
padding-bottom: 5px !important
}
.py-\[7px\] {
padding-top: 7px !important;
padding-bottom: 7px !important
}
.py-\[9px\] {
padding-top: 9px !important;
padding-bottom: 9px !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-12 {
padding-bottom: 3rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-2\.5 {
padding-bottom: .625rem !important
}
.pb-4 {
padding-bottom: 1rem !important
}
.pb-5 {
padding-bottom: 1.25rem !important
}
.pb-6 {
padding-bottom: 1.5rem !important
}
.pb-8 {
padding-bottom: 2rem !important
}
.pb-\[0\.175rem\] {
padding-bottom: .175rem !important
}
.pb-\[0\.2rem\] {
padding-bottom: .2rem !important
}
.pb-\[14px\] {
padding-bottom: 14px !important
}
.pb-\[6px\] {
padding-bottom: 6px !important
}
.pb-\[75px\] {
padding-bottom: 75px !important
}
.pb-\[7px\] {
padding-bottom: 7px !important
}
.pb-\[9px\] {
padding-bottom: 9px !important
}
.pl-0 {
padding-left: 0 !important
}
.pl-1 {
padding-left: .25rem !important
}
.pl-10 {
padding-left: 2.5rem !important
}
.pl-12 {
padding-left: 3rem !important
}
.pl-2 {
padding-left: .5rem !important
}
.pl-2\.5 {
padding-left: .625rem !important
}
.pl-3 {
padding-left: .75rem !important
}
.pl-4 {
padding-left: 1rem !important
}
.pl-5 {
padding-left: 1.25rem !important
}
.pl-6 {
padding-left: 1.5rem !important
}
.pl-8 {
padding-left: 2rem !important
}
.pl-\[0\.625rem\] {
padding-left: .625rem !important
}
.pl-\[1\.5em\] {
padding-left: 1.5em !important
}
.pl-\[14px\] {
padding-left: 14px !important
}
.pl-\[18px\] {
padding-left: 18px !important
}
.pl-\[25px\] {
padding-left: 25px !important
}
.pl-\[4\.063rem\] {
padding-left: 4.063rem !important
}
.pr-0 {
padding-right: 0 !important
}
.pr-3 {
padding-right: .75rem !important
}
.pr-4 {
padding-right: 1rem !important
}
.pr-5 {
padding-right: 1.25rem !important
}
.pr-\[1\.125rem\] {
padding-right: 1.125rem !important
}
.pr-\[1\.25rem\] {
padding-right: 1.25rem !important
}
.pr-\[18px\] {
padding-right: 18px !important
}
.pr-\[5px\] {
padding-right: 5px !important
}
.pr-\[7px\] {
padding-right: 7px !important
}
.ps-0 {
padding-inline-start: 0 !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-12 {
padding-top: 3rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-2\.5 {
padding-top: .625rem !important
}
.pt-4 {
padding-top: 1rem !important
}
.pt-5 {
padding-top: 1.25rem !important
}
.pt-6 {
padding-top: 1.5rem !important
}
.pt-\[0\.3125rem\] {
padding-top: .3125rem !important
}
.pt-\[0\.3rem\] {
padding-top: .3rem !important
}
.pt-\[0\.9375rem\] {
padding-top: .9375rem !important
}
.pt-\[10px\] {
padding-top: 10px !important
}
.pt-\[11px\] {
padding-top: 11px !important
}
.pt-\[14px\] {
padding-top: 14px !important
}
.pt-\[18px\] {
padding-top: 18px !important
}
.text-left {
text-align: left !important
}
.text-center {
text-align: center !important
}
.text-right {
text-align: right !important
}
.text-justify {
text-align: justify !important
}
.text-start {
text-align: start !important
}
.text-end {
text-align: end !important
}
.indent-1 {
text-indent: .25rem !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.font-\[\'Font_Awesome_6_Free\'\] {
font-family: Font Awesome\ 6 Free !important
}
.font-\[\'themify\'\] {
font-family: themify !important
}
.text-2xl {
font-size: 1.5rem !important;
line-height: 2rem !important
}
.text-\[0\.5rem\] {
font-size: .5rem !important
}
.text-\[0\.625rem\] {
font-size: .625rem !important
}
.text-\[0\.6875rem\] {
font-size: .6875rem !important
}
.text-\[0\.76562rem\] {
font-size: .76562rem !important
}
.text-\[0\.76563rem\] {
font-size: .76563rem !important
}
.text-\[0\.8125rem\] {
font-size: .8125rem !important
}
.text-\[0\.813rem\] {
font-size: .813rem !important
}
.text-\[0\.875em\] {
font-size: .875em !important
}
.text-\[0\.9375rem\] {
font-size: .9375rem !important
}
.text-\[0\.938rem\] {
font-size: .938rem !important
}
.text-\[1\.09375rem\] {
font-size: 1.09375rem !important
}
.text-\[1\.125rem\] {
font-size: 1.125rem !important
}
.text-\[1\.2rem\] {
font-size: 1.2rem !important
}
.text-\[1\.8rem\] {
font-size: 1.8rem !important
}
.text-\[10px\] {
font-size: 10px !important
}
.text-\[11px\] {
font-size: 11px !important
}
.text-\[13px\] {
font-size: 13px !important
}
.text-\[15px\] {
font-size: 15px !important
}
.text-\[2\.1875rem\] {
font-size: 2.1875rem !important
}
.text-\[2\.25rem\] {
font-size: 2.25rem !important
}
.text-\[2\.625rem\] {
font-size: 2.625rem !important
}
.text-\[23px\] {
font-size: 23px !important
}
.text-\[28px\] {
font-size: 28px !important
}
.text-\[2rem\] {
font-size: 2rem !important
}
.text-\[38px\] {
font-size: 38px !important
}
.text-\[80px\] {
font-size: 80px !important
}
.text-base {
font-size: 1rem !important;
line-height: 1.5rem !important
}
.text-lg {
font-size: 1.125rem !important;
line-height: 1.75rem !important
}
.text-sm {
font-size: .875rem !important;
line-height: 1.25rem !important
}
.text-xl {
font-size: 1.25rem !important;
line-height: 1.75rem !important
}
.text-xs {
font-size: .75rem !important;
line-height: 1rem !important
}
.font-black {
font-weight: 900 !important
}
.font-bold {
font-weight: 700 !important
}
.font-light {
font-weight: 300 !important
}
.font-medium {
font-weight: 500 !important
}
.font-normal {
font-weight: 400 !important
}
.font-semibold {
font-weight: 600 !important
}
.uppercase {
text-transform: uppercase !important
}
.lowercase {
text-transform: lowercase !important
}
.capitalize {
text-transform: capitalize !important
}
.italic {
font-style: italic !important
}
.not-italic {
font-style: normal !important
}
.ordinal {
--tw-ordinal: ordinal !important;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}
.leading-10 {
line-height: 2.5rem !important
}
.leading-4 {
line-height: 1rem !important
}
.leading-5 {
line-height: 1.25rem !important
}
.leading-6 {
line-height: 1.5rem !important
}
.leading-8 {
line-height: 2rem !important
}
.leading-\[0\.25rem\] {
line-height: .25rem !important
}
.leading-\[0\.6875rem\] {
line-height: .6875rem !important
}
.leading-\[0\.75rem\] {
line-height: .75rem !important
}
.leading-\[1\.125rem\] {
line-height: 1.125rem !important
}
.leading-\[1\.1\] {
line-height: 1.1 !important
}
.leading-\[1\.1rem\] {
line-height: 1.1rem !important
}
.leading-\[1\.213rem\] {
line-height: 1.213rem !important
}
.leading-\[1\.2\] {
line-height: 1.2 !important
}
.leading-\[1\.346\] {
line-height: 1.346 !important
}
.leading-\[1\.3\] {
line-height: 1.3 !important
}
.leading-\[1\.4\] {
line-height: 1.4 !important
}
.leading-\[1\.4rem\] {
line-height: 1.4rem !important
}
.leading-\[1\.5\] {
line-height: 1.5 !important
}
.leading-\[1\.5rem\] {
line-height: 1.5rem !important
}
.leading-\[1\.625rem\] {
line-height: 1.625rem !important
}
.leading-\[1\.6\] {
line-height: 1.6 !important
}
.leading-\[1\.7\] {
line-height: 1.7 !important
}
.leading-\[1\.813rem\] {
line-height: 1.813rem !important
}
.leading-\[1\.875rem\] {
line-height: 1.875rem !important
}
.leading-\[1\.8\] {
line-height: 1.8 !important
}
.leading-\[1\.9\] {
line-height: 1.9 !important
}
.leading-\[18px\] {
line-height: 18px !important
}
.leading-\[1\] {
line-height: 1 !important
}
.leading-\[2\.075\] {
line-height: 2.075 !important
}
.leading-\[2\.1875rem\] {
line-height: 2.1875rem !important
}
.leading-\[2\.188rem\] {
line-height: 2.188rem !important
}
.leading-\[2\.1\] {
line-height: 2.1 !important
}
.leading-\[2\.2\] {
line-height: 2.2 !important
}
.leading-\[2\.5rem\] {
line-height: 2.5rem !important
}
.leading-\[2\.625rem\] {
line-height: 2.625rem !important
}
.leading-\[20px\] {
line-height: 20px !important
}
.leading-\[2rem\] {
line-height: 2rem !important
}
.leading-\[3\.4375rem\] {
line-height: 3.4375rem !important
}
.leading-\[3\.438rem\] {
line-height: 3.438rem !important
}
.leading-\[30px\] {
line-height: 30px !important
}
.leading-\[34px\] {
line-height: 34px !important
}
.leading-\[35px\] {
line-height: 35px !important
}
.leading-\[4\.375rem\] {
line-height: 4.375rem !important
}
.leading-\[80px\] {
line-height: 80px !important
}
.leading-\[9px\] {
line-height: 9px !important
}
.leading-normal {
line-height: 1.5 !important
}
.tracking-\[0\.0625rem\] {
letter-spacing: .0625rem !important
}
.text-\[\#053d66\] {
--tw-text-opacity: 1 !important;
color: rgb(5 61 102/var(--tw-text-opacity)) !important
}
.text-\[\#1c1c4e\] {
--tw-text-opacity: 1 !important;
color: rgb(28 28 78/var(--tw-text-opacity)) !important
}
.text-\[\#333\] {
--tw-text-opacity: 1 !important;
color: rgb(51 51 51/var(--tw-text-opacity)) !important
}
.text-\[\#353535\] {
--tw-text-opacity: 1 !important;
color: rgb(53 53 53/var(--tw-text-opacity)) !important
}
.text-\[\#374557\] {
--tw-text-opacity: 1 !important;
color: rgb(55 69 87/var(--tw-text-opacity)) !important
}
.text-\[\#3AC977\] {
--tw-text-opacity: 1 !important;
color: rgb(58 201 119/var(--tw-text-opacity)) !important
}
.text-\[\#464a53\] {
--tw-text-opacity: 1 !important;
color: rgb(70 74 83/var(--tw-text-opacity)) !important
}
.text-\[\#504f4f\] {
--tw-text-opacity: 1 !important;
color: rgb(80 79 79/var(--tw-text-opacity)) !important
}
.text-\[\#58bad7\] {
--tw-text-opacity: 1 !important;
color: rgb(88 186 215/var(--tw-text-opacity)) !important
}
.text-\[\#666666\] {
--tw-text-opacity: 1 !important;
color: rgb(102 102 102/var(--tw-text-opacity)) !important
}
.text-\[\#6a707e\] {
--tw-text-opacity: 1 !important;
color: rgb(106 112 126/var(--tw-text-opacity)) !important
}
.text-\[\#7a7676\] {
--tw-text-opacity: 1 !important;
color: rgb(122 118 118/var(--tw-text-opacity)) !important
}
.text-\[\#828690\] {
--tw-text-opacity: 1 !important;
color: rgb(130 134 144/var(--tw-text-opacity)) !important
}
.text-\[\#918f8f\] {
--tw-text-opacity: 1 !important;
color: rgb(145 143 143/var(--tw-text-opacity)) !important
}
.text-\[\#E1E1E1\] {
--tw-text-opacity: 1 !important;
color: rgb(225 225 225/var(--tw-text-opacity)) !important
}
.text-\[\#a5a5a5\] {
--tw-text-opacity: 1 !important;
color: rgb(165 165 165/var(--tw-text-opacity)) !important
}
.text-\[\#c2c2c2\] {
--tw-text-opacity: 1 !important;
color: rgb(194 194 194/var(--tw-text-opacity)) !important
}
.text-black {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0/var(--tw-text-opacity)) !important
}
.text-body-color {
color: var(--bs-body-color) !important
}
.text-bs-dropdown-color {
color: var(--bs-dropdown-color) !important
}
.text-d-light-2 {
--tw-text-opacity: 1 !important;
color: rgb(223 223 223/var(--tw-text-opacity)) !important
}
.text-danger {
color: var(--danger) !important
}
.text-dark {
color: rgb(110 110 110/var(--tw-text-opacity)) !important
}
.text-dark, .text-gold {
--tw-text-opacity: 1 !important
}
.text-gold {
color: rgb(255 215 0/var(--tw-text-opacity)) !important
}
.text-info {
--tw-text-opacity: 1 !important;
color: rgb(88 186 215/var(--tw-text-opacity)) !important
}
.text-invalid {
color: var(--bs-form-invalid-color) !important
}
.text-muted {
color: #888888bf !important
}
.text-orange {
--tw-text-opacity: 1 !important;
color: rgb(255 153 0/var(--tw-text-opacity)) !important
}
.text-ph-color {
color: var(--placeholder-color) !important
}
.text-primary {
color: var(--primary) !important
}
.text-purple {
color: rgb(187 107 217/var(--tw-text-opacity)) !important
}
.text-purple, .text-red {
--tw-text-opacity: 1 !important
}
.text-red {
color: rgb(255 0 0/var(--tw-text-opacity)) !important
}
.text-secondary {
color: var(--secondary) !important
}
.text-success {
color: var(--success) !important
}
.text-warning {
--tw-text-opacity: 1 !important;
color: rgb(255 159 0/var(--tw-text-opacity)) !important
}
.text-white {
color: var(--white) !important
}
.underline {
text-decoration-line: underline !important
}
.line-through {
text-decoration-line: line-through !important
}
.placeholder-ph-color::-moz-placeholder {
color: var(--placeholder-color) !important
}
.placeholder-ph-color::placeholder {
color: var(--placeholder-color) !important
}
.opacity-0 {
opacity: 0 !important
}
.opacity-100 {
opacity: 1 !important
}
.opacity-50 {
opacity: .5 !important
}
.opacity-60 {
opacity: .6 !important
}
.opacity-70 {
opacity: .7 !important
}
.opacity-80 {
opacity: .8 !important
}
.bg-blend-luminosity {
background-blend-mode: luminosity !important
}
.shadow {
--tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a !important;
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important
}
.shadow, .shadow-\[0_0_0\.9375rem_-0\.1875rem_rgba\(0\2c
0
\2c
0
\2c
0
\.3\)\] {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_0_0\.9375rem_-0\.1875rem_rgba\(0\2c
0
\2c
0
\2c
0
\.3\)\] {
--tw-shadow: 0 0 0.9375rem -0.1875rem #0000004d !important;
--tw-shadow-colored: 0 0 0.9375rem -0.1875rem var(--tw-shadow-color) !important
}
.shadow-\[0_0_1\.875rem_0_rgba\(0\2c
0
\2c
0
\2c
0
\.1\)\] {
--tw-shadow: 0 0 1.875rem 0 #0000001a !important;
--tw-shadow-colored: 0 0 1.875rem 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_0_3\.125rem_0_rgba\(82\2c
63
\2c
105
\2c
0
\.15\)\] {
--tw-shadow: 0 0 3.125rem 0 #523f6926 !important;
--tw-shadow-colored: 0 0 3.125rem 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_0_6px_3px_rgba\(68\2c
102
\2c
242
\2c
0
\.1\)\] {
--tw-shadow: 0 0 6px 3px #4466f21a !important;
--tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0px_0px_13px_0px_rgba\(82\2c
63
\2c
105
\2c
0
\.05\)\] {
--tw-shadow: 0px 0px 13px 0px #523f690d !important;
--tw-shadow-colored: 0px 0px 13px 0px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0rem_0rem_1\.875rem_0rem_rgba\(82\2c
63
\2c
105
\2c
0
\.15\)\] {
--tw-shadow: 0rem 0rem 1.875rem 0rem #523f6926 !important;
--tw-shadow-colored: 0rem 0rem 1.875rem 0rem var(--tw-shadow-color) !important
}
.shadow-\[0rem_0rem_1\.875rem_0rem_rgba\(82\2c
63
\2c
105
\2c
0
\.15\)\], .shadow-none {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-none {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important
}
.outline-none {
outline: 2px solid #0000 !important;
outline-offset: 2px !important
}
.outline {
outline-style: solid !important
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.blur {
--tw-blur: blur(8px) !important
}
.blur, .drop-shadow {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f) !important
}
.grayscale {
--tw-grayscale: grayscale(100%) !important
}
.grayscale, .invert {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.invert {
--tw-invert: invert(100%) !important
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
transition-duration: .15s !important
}
.duration-200 {
transition-duration: .2s !important
}
.duration-300 {
transition-duration: .3s !important
}
.duration-500 {
transition-duration: .5s !important
}
.ease-in {
transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}
:root {
--primary: #f1f2f3;
--secondary: #2c2c2c;
--secondary-dark: #131313;
--primary-hover: #007ed9;
--primary-dark: #004373;
--nav-headbg: #2c2c2c;
--strong: #646c9a;
--border: #e6e6e6;
--shadow: 0rem 0rem 2.5rem 0rem #523f691a;
--body-bg: #fff;
--headerbg: #fff;
--success: #3ac977;
--success-light: #daf5e6;
--warning-light: #ffeccc;
--info-light: #d3edf5;
--danger: #ff5e5e;
--danger-light: #ffdede;
--bs-border-radius: 0.375rem;
--bs-body-font-size: 0.875rem;
--badge-secondary: #c5c5c5;
--border-color: #ccc;
--bs-card-color: #cccccc8a;
--placeholder-color: #cccccc8a;
--bs-body-color: #888;
--sidebar-bg: #fff;
--bs-body-bg: #fff;
--bs-border-color: #d7b0b0;
--bs-border-width: 1px;
--bs-form-invalid-color: #ff5e5e;
--bs-link-hover-color: #0a7acc;
--placeholder-color: #fff;
--bs-modal-width: 500px;
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--white: #fff;
--black: #000;
--charade: #23252f;
--d-ctd: #ddd;
--d-ctl: #828690;
--d-border: #444;
--d-bg: #1e1e1e;
--dark-card: #242424;
--dark_bg_lighter: #1e2a4a;
--bs-dropdown-color: #888;
--rgba-primary-1: #0d99ff1a;
--primary-lighter: #e6f5ff;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #0d99ff80;
--rgba-primary-8: #0d99ffcc;
--rgba-primary-3: #a6d9ff;
--rgba-secondary-1: #2c2c2c1a;
--l-ctd: #464a53;
--l-ctl: #828690;
--l-border: #eaeaea;
--l-bg: #f2f4fa;
--heading: #333;
--dusty-gray: #999;
--gallery: #eee;
--gray: #898989;
--input-border-color: --border;
--facebook: #3b5998;
--twitter: #1da1f2;
--youtube: red;
--google-plus: #db4439;
--linkedin: #007bb6;
--instagram: #c32aa3;
--pinterest: #bd081c;
--google: #4285f4;
--snapchat: #fffc00;
--whatsapp: #25d366;
--tumblr: #35465d;
--reddit: #ff4500;
--spotify: #1ed760;
--yahoo: #430297;
--dribbble: #ea4c89;
--skype: #00aff0;
--quora: #a20;
--riverBed: #4c585c;
--vimeo: #1ab7ea;
--iron: #dddfe1;
--grey: #d2d6de;
--pale-sky: #6a707e;
--athensGray: #f0f0f2;
--sky: #2290ff;
--color_pallate_1: --white;
--color_pallate_2: #18a594;
--color_pallate_3: --primary;
--color_pallate_4: --secondary;
--color_pallate_5: #3250ff;
--color_pallate_6: #3f8cff;
--color_pallate_7: #40a7e2;
--color_pallate_8: #b65fbd;
--color_pallate_9: #88a67e;
--color_pallate_10: #1c2e9e;
--color_pallate_11: #c6164f;
--color_pallate_12: #343a40;
--color_pallate_13: #2a2a2a;
--color_pallate_14: #4885ed;
--color_pallate_15: #4cb32b;
--radius: 0.375rem;
--radius-lg: 0.625rem;
--radius-sm: 0.625rem;
--radius-xs: 0.25rem;
--loader--width: 15.625rem;
--loader-dot--size: 1.25rem;
--dz-sidebar-pos: absolute;
--dz-sidebar-style: full;
--dz-ffont-family: "poppins", sans-serif
}
[data-primary=color_1] {
--primary: #0d99ff;
--rgba-primary-1: #0d99ff1a;
--primary-lighter: #e6f5ff;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #0d99ff80;
--rgba-primary-8: #0d99ffcc;
--primary-hover: #007ed9;
--primary-dark: #004373
}
[data-primary=color_2] {
--primary: #18a594;
--rgba-primary-1: #18a5941a;
--primary-lighter: #e7f6f4;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #18a59480;
--rgba-primary-8: #18a594cc;
--primary-hover: #12786c;
--primary-dark: #051f1c
}
[data-primary=color_3] {
--primary: #0d99ff;
--rgba-primary-1: #0d99ff1a;
--primary-lighter: #e6f5ff;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #0d99ff80;
--rgba-primary-8: #0d99ffcc;
--primary-hover: #007ed9;
--primary-dark: #004373
}
[data-primary=color_4] {
--primary: #2c2c2c;
--rgba-primary-1: #2c2c2c1a;
--primary-lighter: #e9e9e9;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #2c2c2c80;
--rgba-primary-8: #2c2c2ccc;
--primary-hover: #131313;
--primary-dark: #000
}
[data-primary=color_5] {
--primary: #3250ff;
--rgba-primary-1: #3250ff1a;
--primary-lighter: #eaedff;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #3250ff80;
--rgba-primary-8: #3250ffcc;
--primary-hover: #0025fe;
--primary-dark: #001698
}
[data-primary=color_6] {
--primary: #3f8cff;
--rgba-primary-1: #3f8cff1a;
--primary-lighter: #ebf3ff;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #3f8cff80;
--rgba-primary-8: #3f8cffcc;
--primary-hover: #0c6dff;
--primary-dark: #0042a5
}
[data-primary=color_7] {
--primary: #40a7e2;
--rgba-primary-1: #40a7e21a;
--primary-lighter: #ecf6fc;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #40a7e280;
--rgba-primary-8: #0d99ffcc;
--primary-hover: #208fcf;
--primary-dark: #125277
}
[data-primary=color_8] {
--primary: #b65fbd;
--rgba-primary-1: #b65fbd1a;
--primary-lighter: #f8eff8;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #b65fbd80;
--rgba-primary-8: #b65fbdcc;
--primary-hover: #9e44a5;
--primary-dark: #59265d
}
[data-primary=color_9] {
--primary: #88a67e;
--rgba-primary-1: #88a67e1a;
--primary-lighter: #f3f6f2;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #88a67e80;
--rgba-primary-8: #88a67ecc;
--primary-hover: #6d8f62;
--primary-dark: #3f5239
}
[data-primary=color_10] {
--primary: #1c2e9e;
--rgba-primary-1: #1c2e9e1a;
--primary-lighter: #e8eaf5;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #1c2e9e80;
--rgba-primary-8: #1c2e9ecc;
--primary-hover: #142173;
--primary-dark: #05081c
}
[data-primary=color_11] {
--primary: #c6164f;
--rgba-primary-1: #c6164f1a;
--primary-lighter: #f9e7ed;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #c6164f80;
--rgba-primary-8: #c6164fcc;
--primary-hover: #98113d;
--primary-dark: #3c0718
}
[data-primary=color_12] {
--primary: #343a40;
--rgba-primary-1: #343a401a;
--primary-lighter: #eaebec;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #343a4080;
--rgba-primary-8: #343a40cc;
--primary-hover: #1d2124;
--primary-dark: #000
}
[data-primary=color_13] {
--primary: #f58706;
--rgba-primary-1: #f587061a;
--primary-lighter: #fef3e6;
--rgba-primary-2: #0d99ff33;
--rgba-primary-5: #f5870680;
--rgba-primary-8: #f58706cc;
--primary-hover: #c36c05;
--primary-dark: #603502
}
[data-nav-headerbg=color_1] {
--nav-headbg: #fff
}
[data-nav-headerbg=color_2], [data-nav-headerbg=color_2][data-theme-version=dark] {
--nav-headbg: #18a594
}
[data-nav-headerbg=color_3], [data-nav-headerbg=color_3][data-theme-version=dark] {
--nav-headbg: #0d99ff
}
[data-nav-headerbg=color_4], [data-nav-headerbg=color_4][data-theme-version=dark] {
--nav-headbg: #2c2c2c
}
[data-nav-headerbg=color_5], [data-nav-headerbg=color_5][data-theme-version=dark] {
--nav-headbg: #3250ff
}
[data-nav-headerbg=color_6], [data-nav-headerbg=color_6][data-theme-version=dark] {
--nav-headbg: #3f8cff
}
[data-nav-headerbg=color_7], [data-nav-headerbg=color_7][data-theme-version=dark] {
--nav-headbg: #40a7e2
}
[data-nav-headerbg=color_8], [data-nav-headerbg=color_8][data-theme-version=dark] {
--nav-headbg: #b65fbd
}
[data-nav-headerbg=color_9], [data-nav-headerbg=color_9][data-theme-version=dark] {
--nav-headbg: #88a67e
}
[data-nav-headerbg=color_10], [data-nav-headerbg=color_10][data-theme-version=dark] {
--nav-headbg: #1c2e9e
}
[data-nav-headerbg=color_11], [data-nav-headerbg=color_11][data-theme-version=dark] {
--nav-headbg: #c6164f
}
[data-nav-headerbg=color_12], [data-nav-headerbg=color_12][data-theme-version=dark] {
--nav-headbg: #343a40
}
[data-nav-headerbg=color_13], [data-nav-headerbg=color_13][data-theme-version=dark] {
--nav-headbg: #f58706
}
[data-nav-headerbg=color_12] .nav-header .brand-logo .logo-abbr path.w3, [data-nav-headerbg=color_1] .nav-header .brand-logo .logo-abbr path.react-w, [data-nav-headerbg=color_1] .nav-header .brand-logo .logo-abbr path.w3, [data-nav-headerbg=color_4] .nav-header .brand-logo .logo-abbr path.w3 {
fill: var(--primary)
}
[data-nav-headerbg=color_1] .nav-header .brand-logo .brand-title path {
fill: #000
}
[data-headerbg=color_1], [data-headerbg=color_1][data-theme-version=dark] {
--headerbg: #fff;
--placeholder-color: #2c2c2c
}
[data-headerbg=color_1] .header .navbar-nav .nav-link svg circle, [data-headerbg=color_1] .header .navbar-nav .nav-link svg path {
stroke: #2c2c2c
}
[data-headerbg=color_1] .header .navbar-nav .header-info2 .header-info h6, [data-headerbg=color_1] .header .navbar-nav .header-info2 .header-info p {
color: #2c2c2c !important
}
[data-headerbg=color_1] .header .header-left .search-area {
background-color: var(--rgba-primary-1)
}
[data-headerbg=color_1] .header .header-left .search-area svg circle, [data-headerbg=color_1] .header .header-left .search-area svg path {
stroke: var(--primary)
}
[data-headerbg=color_1] .nav-header .nav-control {
background-color: var(--primary)
}
[data-headerbg=color_2], [data-headerbg=color_2][data-theme-version=dark] {
--headerbg: #18a594
}
[data-headerbg=color_3], [data-headerbg=color_3][data-theme-version=dark] {
--headerbg: #0d99ff
}
[data-headerbg=color_4], [data-headerbg=color_4][data-theme-version=dark] {
--headerbg: #2c2c2c
}
[data-headerbg=color_5], [data-headerbg=color_5][data-theme-version=dark] {
--headerbg: #3250ff
}
[data-headerbg=color_6], [data-headerbg=color_6][data-theme-version=dark] {
--headerbg: #3f8cff
}
[data-headerbg=color_7], [data-headerbg=color_7][data-theme-version=dark] {
--headerbg: #40a7e2
}
[data-headerbg=color_8], [data-headerbg=color_8][data-theme-version=dark] {
--headerbg: #b65fbd
}
[data-headerbg=color_9], [data-headerbg=color_9][data-theme-version=dark] {
--headerbg: #88a67e
}
[data-headerbg=color_10], [data-headerbg=color_10][data-theme-version=dark] {
--headerbg: #1c2e9e
}
[data-headerbg=color_11], [data-headerbg=color_11][data-theme-version=dark] {
--headerbg: #c6164f
}
[data-headerbg=color_12], [data-headerbg=color_12][data-theme-version=dark] {
--headerbg: #343a40
}
[data-headerbg=color_13], [data-headerbg=color_13][data-theme-version=dark] {
--headerbg: #f58706
}
[data-sidebarbg=color_1] .deznav .metismenu .has-arrow:after {
border-color: #c8c8c8 #0000 #0000 #c8c8c8
}
[data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a:after {
border-left: 1px solid #888;
border-top: 1px solid #888
}
[data-sidebarbg=color_1][data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li {
border-right: 1px solid var(--border-color)
}
[data-sidebarbg=color_1][data-theme-version=dark] .deznav .metismenu a {
color: #b3b3b3 !important
}
[data-sidebarbg=color_2], [data-sidebarbg=color_2][data-theme-version=dark] {
--sidebar-bg: #18a594
}
[data-sidebarbg=color_3], [data-sidebarbg=color_3][data-theme-version=dark] {
--sidebar-bg: #0d99ff
}
[data-sidebarbg=color_4], [data-sidebarbg=color_4][data-theme-version=dark] {
--sidebar-bg: #2c2c2c
}
[data-sidebarbg=color_5], [data-sidebarbg=color_5][data-theme-version=dark] {
--sidebar-bg: #3250ff
}
[data-sidebarbg=color_6], [data-sidebarbg=color_6][data-theme-version=dark] {
--sidebar-bg: #3f8cff
}
[data-sidebarbg=color_7], [data-sidebarbg=color_7][data-theme-version=dark] {
--sidebar-bg: #40a7e2
}
[data-sidebarbg=color_8], [data-sidebarbg=color_8][data-theme-version=dark] {
--sidebar-bg: #b65fbd
}
[data-sidebarbg=color_9], [data-sidebarbg=color_9][data-theme-version=dark] {
--sidebar-bg: #88a67e
}
[data-sidebarbg=color_10], [data-sidebarbg=color_10][data-theme-version=dark] {
--sidebar-bg: #1c2e9e
}
[data-sidebarbg=color_11], [data-sidebarbg=color_11][data-theme-version=dark] {
--sidebar-bg: #c6164f
}
[data-sidebarbg=color_12], [data-sidebarbg=color_12][data-theme-version=dark] {
--sidebar-bg: #343a40
}
[data-sidebarbg=color_13], [data-sidebarbg=color_13][data-theme-version=dark] {
--sidebar-bg: #f58706
}
[data-sidebarbg=color_1] .deznav .metismenu a, [data-sidebarbg=color_1] .deznav .metismenu ul a, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .metismenu a, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .metismenu ul a {
color: #2c2c2d
}
[data-sidebarbg=color_1] .deznav .metismenu li a:hover, [data-sidebarbg=color_1] .deznav .metismenu ul a.mm-active, [data-sidebarbg=color_1] .deznav .metismenu ul a:focus, [data-sidebarbg=color_1] .deznav .metismenu ul a:hover, [data-sidebarbg=color_1] .deznav .metismenu > li.mm-active .sub-menu > .mm-active > a, [data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a, [data-sidebarbg=color_1] .menu-title, [data-sidebarbg=color_4] .deznav .metismenu li a:hover, [data-sidebarbg=color_4] .deznav .metismenu ul a.mm-active, [data-sidebarbg=color_4] .deznav .metismenu ul a:focus, [data-sidebarbg=color_4] .deznav .metismenu ul a:hover, [data-sidebarbg=color_4] .deznav .metismenu > li.mm-active > a, [data-sidebarbg=color_4] .menu-title {
color: var(--primary)
}
[data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a, [data-sidebarbg=color_4] .deznav .metismenu > li.mm-active > a {
background-color: var(--rgba-primary-1)
}
[data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a .menu-icon svg path, [data-sidebarbg=color_4] .deznav .metismenu > li.mm-active > a .menu-icon svg path {
stroke: var(--primary)
}
[data-sidebarbg=color_1] .deznav .menu-icon svg ellipse, [data-sidebarbg=color_1] .deznav .menu-icon svg path, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .menu-icon svg ellipse, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .menu-icon svg path {
stroke: #888
}
[data-sidebarbg=color_1][data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a .nav-text, [data-sidebarbg=color_1][data-sidebar-style=modern] .deznav .metismenu > li:hover > a .nav-text {
color: var(--primary)
}
[data-sidebarbg=color_10] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_10][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_11] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_11][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_12] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_12][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_13] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_13][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_2] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_2][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_3] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_3][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_4] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_4][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_5] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_5][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_6] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_6][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_7] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_7][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_8] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_8][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_9] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_9][data-theme-version=dark] .deznav .metismenu > li:hover > a {
background: #ffffff26 !important
}
[data-sidebarbg=color_10] .deznav .metismenu ul a:before, [data-sidebarbg=color_10][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_11] .deznav .metismenu ul a:before, [data-sidebarbg=color_11][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_12] .deznav .metismenu ul a:before, [data-sidebarbg=color_12][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_13] .deznav .metismenu ul a:before, [data-sidebarbg=color_13][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_2] .deznav .metismenu ul a:before, [data-sidebarbg=color_2][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_3] .deznav .metismenu ul a:before, [data-sidebarbg=color_3][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_4] .deznav .metismenu ul a:before, [data-sidebarbg=color_4][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_5] .deznav .metismenu ul a:before, [data-sidebarbg=color_5][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_6] .deznav .metismenu ul a:before, [data-sidebarbg=color_6][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_7] .deznav .metismenu ul a:before, [data-sidebarbg=color_7][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_8] .deznav .metismenu ul a:before, [data-sidebarbg=color_8][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_9] .deznav .metismenu ul a:before, [data-sidebarbg=color_9][data-theme-version=dark] .deznav .metismenu ul a:before {
background: #ffffff80 !important
}
img, svg {
vertical-align: middle
}
svg {
touch-action: none;
display: inline-block
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
font-weight: 500;
color: var(--secondary)
}
.h1, h1 {
font-size: calc(1.35rem + 1.2vw)
}
.h2, h2 {
font-size: calc(1.3125rem + .75vw)
}
.h3, h3 {
font-size: calc(1.275rem + .3vw)
}
.h4, .h5, h4, h5 {
font-size: 1rem
}
.h6, h6 {
font-size: .938rem
}
p {
color: var(--bs-body-color);
font-size: var(--bs-body-font-size);
line-height: 1.8
}
label {
margin-bottom: .5rem;
display: inline-block;
font-size: 13px;
font-weight: 500
}
::-moz-placeholder {
font-size: 14px;
font-weight: 400
}
::placeholder {
font-size: 14px;
font-weight: 400
}
#main-wrapper {
position: relative
}
.row {
--bs-gutter-x: 25px;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5)
}
.row.gx-0 {
--bs-gutter-x: 0
}
.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)
}
@media (min-width: 1200px) {
.h3, h3 {
font-size: 1.5rem
}
}
@media (max-width: 35.9375rem) {
p {
font-size: 12px
}
.h3, h3 {
font-size: 18px
}
.h4, h4 {
font-size: 15px
}
.h5, h5 {
font-size: 14px
}
.h6, h6 {
font-size: 13px
}
::-moz-placeholder {
font-size: 12px
}
::placeholder {
font-size: 12px
}
p {
line-height: 1.5
}
}
.icon {
display: inline-block;
font: normal normal normal 1em/1 avasta;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
hr {
margin: 1rem 0;
color: var(--bs-body-color);
border: 0;
border-top: var(--bs-border-width) solid;
opacity: .25
}
.inline-b {
display: inline-block
}
.border-unset {
border-color: unset
}
body {
-ms-overflow-style: none;
scrollbar-width: none;
font-family: var(--dz-ffont-family);
background-color: #f5f5f5
}
@media only screen and (max-width: 100rem) {
:root {
font-size: 14px
}
}
#preloader .lds-ripple div {
position: absolute;
border: 4px solid var(--primary);
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
}
#preloader .lds-ripple div:nth-child(2) {
animation-delay: -.5s
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1
}
to {
top: 0;
left: 0;
width: 72px;
height: 72px;
opacity: 0
}
}
div, ol, span, table, textarea, ul {
scrollbar-width: thin
}
body > * {
scrollbar-color: #6f85931a #fff0
}
body::-webkit-scrollbar {
display: none
}
.deznav-scroll::-webkit-scrollbar-track, .dz-scroll::-webkit-scrollbar-track, .event-scroll::-webkit-scrollbar-track, .fc-view-harness::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track {
background-color: initial !important
}
.deznav-scroll::-webkit-scrollbar, .dz-scroll::-webkit-scrollbar, .event-scroll::-webkit-scrollbar, .fc-view-harness::-webkit-scrollbar, pre::-webkit-scrollbar, textarea::-webkit-scrollbar {
width: 5px
}
.deznav-scroll::-webkit-scrollbar-thumb, .dz-scroll::-webkit-scrollbar-thumb, .event-scroll::-webkit-scrollbar-thumb, .fc-view-harness::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
background-color: #cccccc47
}
.active-projects::-webkit-scrollbar-track, .table-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #0000004d;
border-radius: 10px;
background-color: #f5f5f5
}
.active-projects::-webkit-scrollbar, .table-scroll::-webkit-scrollbar {
height: 7px;
background-color: #f5f5f5
}
.active-projects::-webkit-scrollbar-thumb, .table-scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px #0000004d;
background-color: var(--primary)
}
.active-map-main .active-map {
height: 19rem !important
}
div, ol, span, table, ul {
scrollbar-width: thin
}
.dztask-sroll::-webkit-scrollbar {
display: none;
-moz-display: none
}
/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.3
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/
.metismenu .arrow {
float: right;
line-height: 1.42857
}
[dir=rtl] .metismenu .arrow {
float: left
}
.metismenu .glyphicon.arrow:before {
content: "\e079"
}
.metismenu .mm-active > a > .glyphicon.arrow:before {
content: "\e114"
}
.metismenu .fa.arrow:before {
content: "\f104"
}
.metismenu .mm-active > a > .fa.arrow:before {
content: "\f107"
}
.metismenu .ion.arrow:before {
content: "\f3d2"
}
.metismenu .mm-active > a > .ion.arrow:before {
content: "\f3d0"
}
.metismenu .plus-times {
float: right
}
[dir=rtl] .metismenu .plus-times {
float: left
}
.metismenu .fa.plus-times:before {
content: "\f067"
}
.metismenu .mm-active > a > .fa.plus-times {
transform: rotate(45deg)
}
.metismenu .plus-minus {
float: right
}
[dir=rtl] .metismenu .plus-minus {
float: left
}
.metismenu .fa.plus-minus:before {
content: "\f067"
}
.metismenu .mm-active > a > .fa.plus-minus:before {
content: "\f068"
}
.metismenu .mm-collapse:not(.mm-show) {
display: none
}
.metismenu .mm-collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-timing-function: ease;
transition-duration: .35s;
transition-property: height, visibility
}
.metismenu .has-arrow {
position: relative
}
.metismenu .has-arrow:after {
position: absolute;
content: "";
width: .5em;
height: .5em;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: initial;
right: 1em;
transform: rotate(-45deg) translateY(-50%);
transform-origin: top;
top: 50%;
transition: all .3s ease-out
}
[dir=rtl] .metismenu .has-arrow:after {
right: auto;
left: 1em;
transform: rotate(135deg) translateY(-50%)
}
.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {
transform: rotate(-135deg) translateY(-50%)
}
[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active > .has-arrow:after {
transform: rotate(225deg) translateY(-50%)
}
.deznav {
width: 15rem;
padding-bottom: 10px;
height: calc(100% - 3.125rem);
position: var(--dz-sidebar-pos);
top: 3.125rem;
padding-top: 1rem;
z-index: 6;
background-color: var(--sidebar-bg);
border-right: 1px solid var(--border);
transition: all .2s ease;
box-shadow: 0 .9375rem 1.875rem 0 #00000005
}
[data-sidebar-position=fixed] {
--dz-sidebar-pos: fixed
}
[data-sidebar-position=static] [data-sidebar-style=modern] .deznav {
position: fixed
}
.deznav .metismenu li {
position: relative
}
.deznav .metismenu li a {
display: inline-block;
position: relative;
transition: all .5s
}
.deznav .metismenu li a:hover {
color: #fff
}
.deznav .metismenu > li {
display: flex;
flex-direction: column
}
.deznav .metismenu .menu-title:not(:first-child) {
margin-top: 10px
}
.deznav .metismenu > li > a {
padding: .75rem 1.5rem;
font-weight: 400;
color: #fff;
font-size: .813rem;
display: inline-block
}
.deznav .metismenu > li > a .menu-icon {
display: inline-block;
vertical-align: middle;
position: relative;
height: auto;
width: auto;
text-align: center;
line-height: 1;
border-radius: .125rem
}
.deznav .metismenu > li > a .menu-icon svg {
height: 100%;
margin-right: .4125rem;
margin-top: -.0875rem
}
.deznav .deznav-scroll {
position: relative;
height: 100%;
overflow-y: scroll;
scrollbar-width: none
}
.deznav .deznav-scroll .metismenu {
display: flex;
flex-direction: column
}
.menu-title {
font-size: .75rem;
font-weight: 400;
padding: 8px 0 10px 20.6px;
color: #fff
}
.deznav .metismenu ul {
transition: all .2s ease-in-out;
position: relative;
z-index: 1;
padding: .5rem 0
}
.deznav .metismenu ul a {
font-size: .813rem;
transition: all .5s;
display: block;
padding: .625rem 2.5rem;
color: #ffffffd9
}
.deznav .metismenu ul a:hover {
padding-left: 3.8rem
}
.deznav .metismenu > li.mm-active > a:after {
top: 44%;
border-left: 1px solid #fff;
border-width: 1px 1px .3125rem;
border-top: 1px solid #fff;
transform: rotate(-135deg) translateY(-50%)
}
.deznav .metismenu .has-arrow:after {
right: 15px;
top: 44%;
border-color: #fff #0000 #0000 #fff;
border-style: solid;
border-width: 1px;
transform: rotate(-225deg) translateY(-50%)
}
.deznav .metismenu > li.mm-active .sub-menu > .mm-active > a {
color: #fff
}
.deznav .metismenu > li.mm-active .sub-menu > .mm-active > a:after {
transform: rotate(-135deg) translateY(-50%)
}
.deznav .metismenu > li.mm-active > a {
color: #fff;
background-color: #ffffff1a;
font-weight: 400
}
.deznav .menu-icon svg ellipse, .deznav .menu-icon svg path, .deznav .metismenu > li.mm-active > a .menu-icon svg path {
stroke: #fff
}
.extra-menu-area + .show-more-btn .show-less {
display: none
}
.show-more-btn {
font-size: .813rem !important;
color: #fff;
vertical-align: middle;
cursor: pointer;
padding: .75rem 1.5rem;
text-align: center
}
.extra-menu-area.mm-show + .show-more-btn .show-less {
display: block
}
.extra-menu-area.mm-show + .show-more-btn .show-more {
display: none
}
.chatbox .nav .nav-link.active {
color: var(--primary) !important;
opacity: 1 !important;
border-color: var(--primary) !important
}
.deznav .metismenu ul a:before {
position: absolute;
content: none;
height: .125rem;
width: .5rem;
top: 50%;
left: 1.75rem;
border-radius: 3.75rem;
transform: translateY(-50%)
}
[data-sidebar-style=full] .deznav .metismenu ul a:before {
content: "";
height: .125rem;
width: .375rem;
background: var(--rgba-primary-5);
position: absolute;
left: 1.8rem;
top: 50%;
transform: translateY(-50%);
transition: all .5s
}
[data-sidebar-style=full] .deznav .metismenu ul a:hover {
padding-left: 3.8rem
}
[data-sidebar-style=full] .deznav .metismenu ul a:hover:before {
width: 1.25rem
}
[data-sidebar-style=compact] .header {
width: 100%;
padding-left: 11.25rem
}
[data-sidebar-style=compact] .header .header-content {
padding-left: 0
}
[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu > li > a {
font-size: .813rem;
padding: .75rem 1.5rem;
margin: 0
}
[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu > li.mm-active > a i {
color: var(--white);
font-weight: 300
}
[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu > li .has-arrow:after {
right: 1.5rem
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header {
width: 3.75rem;
z-index: 999
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .brand-logo {
padding-left: 0;
padding-right: 0;
justify-content: center
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .brand-logo .color-title {
display: none
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .nav-control {
right: -3rem
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .nav-control .hamburger .line {
background-color: #fff
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .copyright, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .help-desk, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .plus-box {
display: none
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .header {
padding-left: 7.5rem;
width: 100%
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .header .header-content {
padding-left: 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav {
width: 3.75rem;
overflow: visible;
position: absolute
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .nav-text {
display: none
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .deznav-scroll, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .slimScrollDiv {
overflow: visible !important
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .header-info2 {
padding: 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .sidebar-info {
display: none !important
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .header-profile2 {
margin: 0 .5rem
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li {
position: relative
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a {
background: #0000;
margin: .125rem 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a svg {
max-width: 1.5rem;
max-height: 1.5rem;
margin-right: 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a:before {
content: none
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a i {
margin: 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li > ul {
position: absolute;
left: 3.7rem;
top: 0;
width: 12rem;
z-index: 1001;
display: none;
padding-left: .0625rem;
height: auto !important;
box-shadow: 0 0 2.5rem 0 #523f691a;
margin-left: 0;
border: 0;
border-radius: .375rem;
background: var(--sidebar-bg)
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li > ul li:hover ul {
left: 11.8125rem;
top: 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li:hover > ul {
display: block;
height: auto;
overflow: visible
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li {
transition: all .4s ease-in-out
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li > a {
padding: .725rem .775rem;
margin: 3px 0;
text-align: center
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li > a.has-arrow:after {
display: none
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li.mm-active > a {
background-color: #0d99ff0d
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li.mm-active > a i {
color: var(--white);
padding: 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover:nth-last-child(-n+1) > ul {
bottom: 0;
top: auto
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > a {
background-color: #0d99ff0d;
color: var(--white)
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > a i {
color: var(--white)
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul {
height: auto !important;
padding: .625rem 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul a {
padding: .375rem 1.25rem;
margin-left: -.1rem
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul ul {
padding: .625rem 0
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul ul a {
padding: .375rem 1.25rem;
margin-left: -.1rem
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu .menu-title, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu .nav-badge, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu .nav-label {
display: none
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle .content-body {
margin-left: 3.7rem
}
[data-sidebar-style=full][data-layout=vertical] .menu-toggle + .footer {
padding-left: 5.7rem
}
[data-sidebar-style=full][data-layout=horizontal] .header .header-content {
padding-left: 1.875rem
}
[data-nav-headerbg=color_1] .menu-toggle .color-title {
display: none !important
}
.show-more-btn:before {
display: none
}
.show-more-btn:active {
border: 0 !important
}
.show-more-btn.collapsed {
border: 0
}
@media only screen and (min-width: 48rem) {
[data-sidebar-style=mini] .nav-header {
width: 3.71rem
}
[data-sidebar-style=mini] .nav-header .nav-control {
z-index: -1
}
[data-sidebar-style=mini] .nav-header .nav-control .hamburger {
left: 6.25rem !important
}
[data-sidebar-style=mini] .nav-header .nav-control .hamburger .line {
background-color: var(--dark) !important
}
[data-sidebar-style=mini] .nav-header .brand-title, [data-sidebar-style=mini] .nav-header .hamburger {
display: none
}
[data-sidebar-style=mini] .header .header-content {
padding-left: 0
}
[data-sidebar-style=mini] .deznav {
width: 3.75rem;
overflow: visible;
z-index: 2
}
[data-layout=vertical][data-sidebar-style=mini] .deznav {
position: absolute
}
[data-sidebar-style=mini] .deznav .copyright, [data-sidebar-style=mini] .deznav .nav-text, [data-sidebar-style=mini] .deznav .plus-box {
display: none
}
[data-sidebar-style=mini] .deznav .deznav-scroll, [data-sidebar-style=mini] .deznav .slimScrollDiv {
overflow: visible !important
}
[data-sidebar-style=mini] .deznav .nav-user {
padding: .6875rem
}
[data-sidebar-style=mini] .deznav .nav-user .media-body {
display: none
}
[data-sidebar-style=mini] .deznav .header-profile {
margin-bottom: 0;
margin-top: .75rem
}
[data-sidebar-style=mini] .deznav .header-profile:hover > a.nav-link {
border-radius: 3rem
}
[data-sidebar-style=mini] .deznav .header-profile img {
width: 3rem;
height: 3rem
}
[data-sidebar-style=mini] .deznav .header-profile > a.nav-link {
border-radius: 3rem;
padding: .3125rem
}
[data-sidebar-style=mini] .deznav .header-profile .header-info {
display: none
}
[data-sidebar-style=mini] .deznav .metismenu li a {
padding: .813rem .875rem
}
[data-sidebar-style=mini] .deznav .metismenu > li > a {
padding: .725rem .775rem;
text-align: center;
margin: 3px 0;
line-height: 1;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s
}
[data-sidebar-style=mini] .deznav .metismenu li a svg {
margin-right: 0
}
[data-sidebar-style=mini] .deznav .metismenu li a i {
height: auto;
width: auto;
line-height: 1;
margin: 0
}
[data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li.mm-active > a {
background: #0d99ff0d;
color: #fff
}
[data-sidebar-style=mini] .deznav .metismenu li > ul {
position: absolute;
left: 6.25rem;
top: 2.9375rem;
width: 11.875rem;
z-index: 1001;
display: none;
padding-left: .0625rem;
box-shadow: 0 0 2.5rem 0 #523f691a;
height: auto !important;
border-radius: var(--radius);
background: var(--sidebar-bg)
}
[data-sidebar-style=mini] .deznav > li > a {
padding: .725rem .775rem;
text-align: center;
margin: 3px 0;
line-height: 1;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s
}
[data-sidebar-style=mini] .deznav > li > a > i {
padding: 0;
font-size: 1.375rem
}
[data-sidebar-style=mini] .deznav .menu-title, [data-sidebar-style=mini] .deznav .nav-badge, [data-sidebar-style=mini] .deznav .nav-label, [data-sidebar-style=mini] .deznav > li > a.has-arrow:after {
display: none
}
[data-sidebar-style=mini] .header-info2 {
padding: 0
}
[data-sidebar-style=mini] .sidebar-info {
display: none !important
}
[data-sidebar-style=mini] .header-profile2 {
margin: 0 .5rem
}
[data-sidebar-style=mini] .help-desk {
display: none
}
.content-body {
margin-left: 3.8rem
}
[data-header-position=fixed] .content-body {
padding-top: 3.1rem
}
[data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li:hover > ul {
height: auto !important;
overflow: visible;
margin-left: 0;
left: 3.75rem;
width: 13rem;
border: 0;
padding: .625rem 0;
top: 0;
z-index: 10
}
[data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li:hover > ul a {
padding: .375rem 1.25rem
}
}
[data-sidebar-style=mini] .metismenu > li > .has-arrow:after {
content: none
}
[data-sidebar-style=mini] .header {
width: 100%;
padding-left: 3.71rem
}
[data-sidebar-style=mini] .deznav .metismenu .has-arrow[aria-expanded=true]:after, [data-sidebar-style=mini] .deznav .metismenu .mm-active > .has-arrow:after {
transform: rotate(-225deg) translateY(-50%) !important
}
[data-sidebar-style=mini] .deznav .metismenu li:hover > ul {
display: block
}
[data-sidebar-style=mini] .deznav .metismenu > li > ul {
overflow: visible
}
[data-sidebar-style=mini] .deznav .metismenu > li > ul:after {
content: none
}
[data-sidebar-style=mini] .deznav .metismenu > li > ul li:hover ul {
padding: .625rem 0;
width: 13rem;
left: 100%;
border: 0;
margin: 0
}
[data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li > ul li:hover ul {
top: -.625rem
}
[data-sidebar-style=mini] .deznav .metismenu > li > ul li:hover ul:after {
content: none
}
[data-sidebar-style=mini] .deznav .metismenu > li.mm-active > a {
background: #0d99ff0d;
color: var(--white)
}
[data-sidebar-style=mini] .deznav .metismenu > li.mm-active > a i {
color: var(--white)
}
[data-sidebar-style=mini] .deznav .metismenu > li:hover > a {
background-color: #0d99ff0d;
color: var(--primary);
border-radius: 0;
position: unset
}
[data-sidebar-style=mini] .deznav .metismenu > li:hover > a i {
color: var(--white)
}
[data-sidebar-style=mini][data-header-position=fixed][data-container=boxed] .header {
width: 74.9375rem
}
[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li {
padding: 0
}
[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li > a {
padding: .5rem .65rem
}
[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li > a .menu-icon {
height: 1.5rem;
width: 1.5rem
}
[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li > a i {
padding: 0;
margin: 0
}
[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li svg {
margin-right: 0;
margin-top: 0
}
[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > ul li a {
padding: 1rem 1.25rem
}
@media only screen and (max-width: 74.9375rem) {
[data-sidebar-style=mini] .deznav li.mm-active ul {
height: auto !important
}
[data-sidebar-style=mini] .deznav li a.has-arrow:after {
content: none
}
}
@media (min-width: 64rem) {
[data-layout=horizontal] .deznav .metismenu > li > ul .extra-menu-li:hover .extra-menu-links {
display: block !important;
position: relative !important;
left: 0 !important;
right: auto !important
}
[data-layout=horizontal] .deznav .metismenu > li > ul .extra-menu-li .extra-menu-links {
position: relative;
left: 0 !important;
padding: 0 !important;
overflow: hidden;
right: auto !important;
box-shadow: none;
display: block !important
}
[data-layout=horizontal] .deznav .metismenu > li > ul .extra-menu-li .extra-menu-links:not(.show) {
height: 0
}
[data-layout=horizontal] .nav-header {
height: 3.125rem;
width: 18.563rem;
top: 0;
z-index: 7
}
[data-layout=horizontal] .nav-header .nav-control {
display: none
}
[data-layout=horizontal] .nav-header .brand-logo {
padding-left: 2.5rem;
padding-right: 2.5rem
}
[data-layout=horizontal] .header {
width: 100%;
height: 3.125rem;
padding-left: 18.563rem;
padding-top: 0;
z-index: 6
}
[data-layout=horizontal] .deznav {
width: 100%;
height: auto;
padding-bottom: 0;
top: 0;
z-index: 5;
padding-top: 0
}
[data-layout=horizontal][data-header-position=static] .deznav, [data-layout=horizontal][data-sidebar-position=static] .deznav {
--dz-sidebar-pos: relative
}
[data-layout=horizontal] .deznav .deznav-scroll, [data-layout=horizontal] .deznav .slimScrollDiv, [data-layout=horizontal] .deznav .slimScrollDiv .deznav-scroll {
overflow: visible !important
}
[data-layout=horizontal] .deznav .slimScrollBar {
display: none !important
}
[data-layout=horizontal] .deznav .header-profile {
margin-right: .9375rem;
margin-bottom: 0;
display: none
}
[data-layout=horizontal] .deznav .header-profile:hover > a.nav-link {
border-radius: 3rem
}
[data-layout=horizontal] .deznav .header-profile img {
height: 2.8125rem;
width: 2.8125rem
}
[data-layout=horizontal] .deznav .header-profile > a.nav-link {
border-radius: 3rem;
padding: .3125rem
}
[data-layout=horizontal] .deznav .header-profile .header-info, [data-layout=horizontal] .deznav .header-profile2, [data-layout=horizontal] .deznav .nav-label, [data-layout=horizontal] .deznav .nav-user {
display: none
}
[data-layout=horizontal] .deznav .metismenu {
flex-direction: row;
padding: .5rem 1.25rem;
margin-bottom: 0;
display: inline-flex;
flex-wrap: wrap;
width: 100%
}
[data-layout=horizontal][data-sidebar-style=modern] .deznav .metismenu {
padding: 0 1.25rem
}
[data-layout=horizontal] .deznav .metismenu .collapse.in {
display: none
}
[data-layout=horizontal] .deznav .metismenu ul {
border-left: 0
}
[data-layout=horizontal] .deznav .metismenu li {
flex-direction: column;
position: relative
}
[data-layout=horizontal] .deznav .metismenu li:hover > ul {
display: block
}
[data-layout=horizontal] .deznav .metismenu li > ul {
position: absolute;
top: 100%;
width: 100%;
min-width: 13.75rem;
z-index: 999;
left: auto;
right: auto;
padding: 1rem 0;
display: none;
box-shadow: 0 0 2.5rem 0 #523f691a;
margin: 0;
background: var(--sidebar-bg);
border-radius: var(--radius)
}
[data-layout=horizontal] .deznav .metismenu li > ul li {
padding: 0
}
[data-layout=horizontal] .deznav .metismenu li > ul li a {
transition: all .4s ease-in-out;
padding: .35rem 1.2rem !important;
margin-left: -.1rem
}
[data-layout=horizontal] .deznav .metismenu li > ul li a:hover {
border-radius: .4rem;
padding-left: 1.25rem
}
[data-layout=horizontal] .deznav .metismenu li > ul li a:before {
content: none;
left: 1.375rem
}
[data-layout=horizontal] .deznav .metismenu li > ul li:last-child a {
padding-bottom: 0
}
[data-layout=horizontal] .deznav .metismenu li > ul li svg {
width: .938rem;
height: 1rem
}
[data-layout=horizontal] .deznav .metismenu li > ul .menu-title {
display: none
}
[data-layout=horizontal] .deznav .metismenu li > ul ul {
left: 100%;
top: 0;
box-shadow: 0 0 2.5rem 0 #523f691a;
height: auto !important
}
[data-layout=horizontal] .deznav .metismenu > li {
flex: 0 0 auto;
position: relative
}
[data-layout=horizontal] .deznav .metismenu > li > a i {
margin-right: .3125rem
}
[data-layout=horizontal] .deznav .metismenu > li.mm-active, [data-layout=horizontal] .deznav .metismenu > li:hover {
padding: 0
}
[data-layout=horizontal] .deznav .metismenu > li.mm-active > a i, [data-layout=horizontal] .deznav .metismenu > li:hover > a i {
color: var(--white);
background: #0000;
box-shadow: none
}
[data-layout=horizontal] .deznav .metismenu > li.mm-active ul li > a:after, [data-layout=horizontal] .deznav .metismenu > li:hover ul li > a:after {
transform: rotate(-225deg) translateY(-50%)
}
[data-layout=horizontal] .deznav .metismenu > a {
padding: .65rem .3375rem;
margin: .125rem
}
[data-layout=horizontal] .deznav .metismenu > a i {
padding: 0 .4375rem 0 0;
height: auto;
width: auto;
line-height: 1
}
[data-layout=horizontal] .deznav .metismenu > a .nav-badge {
display: none
}
[data-layout=horizontal] .deznav .metismenu > a:after {
right: 1.25rem;
transform: rotate(-135deg) translateY(-50%);
display: none
}
[data-layout=horizontal] .deznav .metismenu:hover {
border-color: #0000
}
[data-layout=horizontal] .deznav .metismenu:hover > ul {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
height: auto !important;
box-shadow: .3125rem .3125rem 1.875rem 0 #14001e1a;
border-radius: var(--radius)
}
[data-layout=horizontal] .deznav .metismenu > ul > li:hover ul.collapse {
display: block !important;
position: absolute;
left: auto !important;
right: -100% !important;
top: 0 !important
}
[data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul {
left: auto;
right: 0
}
[data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul > li:hover ul.collapse {
right: auto !important;
left: -100% !important
}
[data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul.left {
left: 0
}
[data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul.left > li:hover ul.collapse {
left: 100% !important
}
[data-layout=horizontal] .deznav .metismenu:last-child > ul ul {
left: -100%
}
[data-layout=horizontal] .deznav .metismenu:last-child > ul.left ul {
left: 100%
}
[data-layout=horizontal] .deznav .menu-title, [data-layout=horizontal] .help-desk, [data-layout=horizontal] .plus-box, [data-layout=horizontal].deznav .copyright {
display: none
}
.content-body {
margin-left: 0
}
.content-body .container-fluid {
padding-top: 1.875rem
}
.footer {
margin: 0 auto;
padding-left: 0
}
[data-layout=horizontal] .content-body {
margin-left: 0
}
[data-layout=horizontal] .deznav .metismenu > li > a {
padding: .45rem .85rem;
margin: .125rem;
border-radius: .25rem
}
[data-theme-version=dark][data-layout=horizontal] .deznav .metismenu > li:hover > ul {
box-shadow: .3125rem .3125rem 1.875rem 0 #0000001a;
background: #242424
}
[data-layout=horizontal] .deznav .metismenu > li:hover > ul {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
height: auto !important;
box-shadow: .3125rem .3125rem 1.875rem 0 #14001e1a;
border-radius: .375rem;
padding: .75rem 0
}
[data-layout=horizontal] .metismenu > li > .has-arrow:after {
content: none
}
[data-layout=horizontal] .content-body .page-titles {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0;
border-top: 1px solid
}
[data-layout=horizontal] .show-more-btn {
display: none !important
}
[data-theme-version=dark][data-layout=horizontal] .deznav .metismenu li > ul {
box-shadow: 0 0 2.5rem 0 #523f691a;
background: #242424
}
[data-layout=horizontal] .deznav .dz-scroll {
overflow: visible !important
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu li a .menu-icon {
height: 1.4rem;
width: auto;
line-height: 1;
margin-bottom: 0;
background-color: initial
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu li a svg {
margin-top: 0
}
}
[data-header-position=fixed][data-layout=horizontal] .deznav {
top: 3.125rem
}
[data-header-position=fixed][data-layout=horizontal] .header {
height: 3.125rem
}
[data-header-position=fixed][data-layout=horizontal] .content-body {
padding-top: 3.125rem
}
[data-sidebar-position=static][data-layout=horizontal] .content-body .page-titles {
margin-top: 0
}
[data-header-position=fixed][data-layout=horizontal][data-sidebar-position=fixed] .content-body {
padding-top: 6.75rem
}
[data-header-position=fixed][data-layout=horizontal][data-sidebar-position=fixed][data-sidebar-style=modern] .content-body {
padding-top: 8.025rem
}
[data-layout=horizontal][data-container=boxed] .content-body {
padding-top: 12rem !important
}
[data-layout=horizontal][data-container=boxed] .footer {
max-width: 74.9375rem;
margin: 0 auto
}
[data-layout=horizontal][data-sidebar-style=modern] .deznav .header-profile {
margin-bottom: 0
}
[data-layout=horizontal][data-sidebar-style=modern] .deznav .header-profile img {
height: 3.75rem;
width: 3.75rem;
margin-bottom: 0 !important
}
[data-layout=horizontal][data-sidebar-style=modern] .deznav .header-profile > a.nav-link {
border: .0625rem solid var(--border-color);
padding: .25rem;
border-radius: 3rem
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .header-profile {
margin-bottom: 0
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .header-profile img {
height: 3.75rem;
width: 3.75rem;
margin-bottom: 0 !important
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .header-profile > a.nav-link {
border: .0625rem solid var(--border-color)
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > ul {
top: 100%
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a {
padding: .25rem .75rem
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a:after {
display: none
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a .nav-text {
margin-top: .3125rem
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a > i {
width: auto;
height: auto;
line-height: 1;
padding: 0;
background: #0000;
border-radius: 0;
margin: 0
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li li {
text-align: left
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li.mm-active a {
background: #0000 !important
}
[data-sidebar-style=mini][data-layout=horizontal] .nav-header {
width: 5.75rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
[data-sidebar-style=mini][data-layout=horizontal] .nav-header .brand-logo {
justify-content: start;
padding-left: 0;
padding-right: 0
}
[data-sidebar-style=mini][data-layout=horizontal] .header {
width: 100%;
padding-left: 5.75rem
}
[data-sidebar-style=mini][data-layout=horizontal] .metismenu > li a {
width: auto
}
[data-sidebar-style=mini][data-layout=horizontal] .metismenu > li:hover a .nav-text {
display: none
}
[data-header-position=fixed][data-layout=horizontal][data-sidebar-position=fixed][data-sidebar-style=compact] .content-body {
padding-top: 14.125rem
}
[data-sidebar-position=fixed][data-layout=horizontal] .deznav.fixed {
position: fixed;
left: 0;
top: 0;
border-radius: 0;
width: 100%
}
[data-sidebar-position=fixed][data-header-position=fixed][data-layout=horizontal] .deznav.fixed {
position: fixed;
left: 0;
top: 80px;
border-radius: 0;
width: 100%
}
[data-layout=horizontal] .footer {
padding-left: 0
}
@media (min-width: 47.9375rem) {
[data-sidebar-style=compact] .nav-header {
width: 11.25rem
}
[data-sidebar-style=compact] .deznav .metismenu .has-arrow[aria-expanded=true]:after, [data-sidebar-style=compact] .deznav .metismenu .mm-active > .has-arrow:after {
margin-right: 0
}
[data-sidebar-style=compact] .deznav .header-profile {
margin-bottom: .3125rem
}
[data-sidebar-style=compact] .deznav .header-profile > a.nav-link {
display: block;
text-align: center;
border: 0
}
[data-sidebar-style=compact] .deznav .header-profile > a.nav-link img {
margin-bottom: .3125rem
}
[data-sidebar-style=compact] .deznav .header-profile > a.nav-link .header-info {
margin-left: 0 !important;
text-align: center;
display: none
}
[data-sidebar-style=compact] .deznav .header-profile > a.nav-link .header-info small {
text-align: center !important
}
[data-sidebar-style=compact] .deznav .header-profile .dropdown-menu {
min-width: 11rem
}
[data-sidebar-style=compact] .deznav .header-profile a svg {
display: unset !important
}
[data-sidebar-style=compact] .deznav .nav-user {
display: none
}
[data-sidebar-style=compact] .deznav .metismenu li {
text-align: center
}
[data-sidebar-style=compact] .deznav .metismenu li a {
padding: .7rem .5rem
}
[data-sidebar-style=compact] .deznav .metismenu li a svg {
margin-right: .0125rem;
margin-top: -1.3875rem
}
[data-sidebar-style=compact] .deznav .metismenu li a .menu-icon {
display: block;
padding: 0;
background-color: #0d99ff0d;
color: #0000004d;
width: 3.125rem;
height: 3.125rem;
border-radius: var(--radius);
line-height: 4.25rem;
margin-left: auto;
margin-right: auto;
margin-bottom: .3125rem
}
[data-sidebar-style=compact] .deznav .metismenu li ul:after {
content: none
}
[data-sidebar-style=compact] .deznav .metismenu li > a {
box-shadow: none;
font-size: .813rem
}
[data-sidebar-style=compact] .deznav .copyright, [data-sidebar-style=compact] .deznav .plus-box {
display: none
}
[data-sidebar-style=compact] .deznav .copyright {
padding: 0 1.25rem;
margin-top: 1.25rem
}
[data-sidebar-style=compact] .deznav .header-info2 {
padding: 0
}
[data-sidebar-style=compact] .deznav .header-info2 img {
margin-left: -1rem
}
[data-sidebar-style=compact] .deznav .sidebar-info {
display: none !important
}
[data-sidebar-style=compact] .deznav .header-profile2 {
margin: 0 3rem
}
[data-sidebar-style=compact] .deznav .feature-box, [data-sidebar-style=compact] .deznav .help-desk, [data-sidebar-style=compact] .deznav .support-box {
display: none
}
[data-sidebar-style=compact] .nav-text {
display: inline-block;
margin-top: .3125rem;
font-size: .813rem
}
[data-sidebar-style=compact] .nav-badge, [data-sidebar-style=compact] .nav-label.first {
display: none
}
[data-sidebar-style=compact] .footer {
padding-left: 11.25rem
}
[data-sidebar-style=compact] .content-body {
margin-left: 10.5rem
}
[data-sidebar-style=compact][data-theme-version=dark][data-layout=horizontal] .deznav .metismenu li > a i {
color: var(--white)
}
[data-sidebar-style=compact][data-theme-version=dark][data-layout=vertical] .deznav .metismenu li > a i {
background: var(--d-bg);
color: #b3b3b3
}
[data-sidebar-style=compact][data-theme-version=dark][data-layout=vertical] .deznav .metismenu li.mm-active > a i {
background: var(--primary);
color: var(--white)
}
[data-sidebar-style=compact][data-layout=vertical] .deznav .metismenu li:hover > a i {
background: var(--rgba-primary-1);
color: var(--primary)
}
}
[data-layout=horizontal][data-sidebar-style=compact] .footer {
padding-left: 0
}
[data-layout=horizontal][data-sidebar-style=compact] .content-body {
margin-left: 0
}
[data-layout=horizontal][data-sidebar-style=compact] .deznav {
margin-bottom: 0
}
[data-layout=horizontal][data-sidebar-style=compact] .header {
padding-left: 18.563rem
}
[data-layout=horizontal][data-sidebar-style=compact] .nav-header {
width: 18.563rem
}
[data-layout=horizontal][data-sidebar-style=compact] .nav-header .brand-logo {
padding-left: 2.5rem;
padding-right: 2.5rem
}
[data-layout=vertical][data-sidebar-style=compact] .deznav {
width: 11.25rem;
padding-top: 1rem
}
[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu ul {
margin-left: 0;
border: 0;
background: #00000005;
padding: .625rem 0
}
[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu ul a:before {
content: none
}
[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu ul ul a {
padding: .625rem .9375rem
}
[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu > li > a {
padding: .9rem .5rem
}
[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu > li > a.has-arrow:after {
top: .0625rem;
display: inline-block;
right: auto;
margin-left: .3125rem;
position: relative;
width: .4375rem;
height: .4375rem;
border-width: .125rem 0 0 .125rem
}
[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu > li.mm-active > a {
background: #0000
}
@media (min-width: 47.9375rem) {
[data-sidebar-style=icon-hover][data-layout=horizontal] .header .header-content {
padding: 0
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu li.mm-active > ul {
display: none
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-info2 {
justify-content: space-between
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-info2 img {
order: 1;
margin-right: 0
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .metismenu li.mm-active > ul {
display: block
}
[data-sidebar-style=icon-hover][data-layout=vertical] .nav-header {
width: 5.28rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .brand-logo {
padding: 0 1rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .brand-logo .logo-abbr {
display: block
}
[data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .brand-logo .brand-title, [data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .nav-control {
display: none
}
[data-sidebar-style=icon-hover][data-layout=vertical] .header {
padding-left: 5.28rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .header .header-content {
padding-left: 0
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav {
overflow: visible;
position: absolute;
left: -9.72rem;
z-index: 4
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .nav-label {
display: none
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-profile img {
order: 1
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-profile .header-info {
margin-left: 0 !important;
padding-left: 0 !important;
margin-right: .625rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a {
display: flex;
justify-content: space-between;
padding: .75rem 1.5rem;
margin: 0;
border-radius: var(--radius)
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a .menu-icon, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a > i, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a > svg {
order: 1;
margin-right: 0;
margin-top: 0;
padding-right: 0;
height: auto;
width: auto;
line-height: 1
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li.mm-active > a i, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li:hover > a i {
color: var(--white)
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul {
border-left: 0;
padding-left: 0;
padding-right: 0
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul:after {
left: auto;
right: 1.75rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul a {
position: relative;
padding-left: 1.3rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul a:before {
left: 1.25rem;
right: auto
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu .has-arrow:after {
right: 4.4rem;
opacity: 0
}
[data-sidebar-style=icon-hover][data-layout=vertical] .deznav .copyright, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu .menu-title, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .plus-box, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav.mm-show {
display: none
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header {
width: 18.75rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header .brand-logo {
padding-left: 1.6rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header .brand-logo .brand-title {
display: block
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header .brand-logo .color-title {
display: none
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle.mm-show {
display: block
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .header {
padding-left: 3.38rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav {
left: 0
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .metismenu .has-arrow:after, [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .metismenu > li > a > i {
opacity: 1
}
[data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .menu-title {
display: block
}
[data-sidebar-style=icon-hover][data-layout=vertical] .content-body {
margin-left: 5.2rem
}
[data-sidebar-style=icon-hover][data-layout=vertical] .footer {
padding-left: 5.28rem
}
[data-sidebar-style=modern] .nav-header {
width: 10.625rem
}
[data-sidebar-style=modern] .nav-header .brand-logo {
justify-content: center;
padding: 0 2rem
}
[data-sidebar-style=modern] .deznav {
background: var(--sidebar-bg)
}
[data-sidebar-style=modern] .deznav .header-profile {
margin-bottom: .3125rem
}
[data-sidebar-style=modern] .deznav .header-profile > a.nav-link {
display: block;
text-align: center;
margin: 0 -.625rem .9375rem;
padding: .9375rem .625rem;
border-radius: var(--radius)
}
[data-sidebar-style=modern] .deznav .header-profile > a.nav-link img {
margin-bottom: .3125rem
}
[data-sidebar-style=modern] .deznav .header-profile > a.nav-link .header-info {
margin-left: 0 !important;
text-align: center;
display: none
}
[data-sidebar-style=modern] .deznav .header-profile > a.nav-link .header-info small {
text-align: center !important
}
[data-sidebar-style=modern] .deznav .metismenu > li {
text-align: center
}
[data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li {
border-right: 1px solid #fff3
}
[data-sidebar-style=modern] .deznav .metismenu > li > a {
padding: 1.25rem .9375rem;
margin: .125rem 0
}
[data-sidebar-style=modern] .deznav .metismenu > li > a:after {
display: none
}
[data-sidebar-style=modern] .deznav .metismenu > li > a.mm-active > a, [data-sidebar-style=modern] .deznav .metismenu > li > a:active > a, [data-sidebar-style=modern] .deznav .metismenu > li > a:focus > a, [data-sidebar-style=modern] .deznav .metismenu > li > a:hover > a {
background-color: var(--primary-dark)
}
[data-sidebar-style=modern] .deznav .metismenu > li.mm-active, [data-sidebar-style=modern] .deznav .metismenu > li:hover {
padding: 0
}
[data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a, [data-sidebar-style=modern] .deznav .metismenu > li:hover > a {
background: #0d99ff0d;
color: #000;
border-radius: var(--radius);
box-shadow: none
}
[data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a i, [data-sidebar-style=modern] .deznav .metismenu > li:hover > a i {
color: var(--white)
}
[data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a .nav-text, [data-sidebar-style=modern] .deznav .metismenu > li:hover > a .nav-text {
color: #fff
}
[data-sidebar-style=modern] .deznav .metismenu > li.mm-active ul li a, [data-sidebar-style=modern] .deznav .metismenu > li:hover ul li a {
padding: .5rem 1rem
}
[data-sidebar-style=modern] .deznav .metismenu > li li {
text-align: left
}
[data-sidebar-style=modern] .deznav .metismenu li a {
padding: .625rem .9375rem;
font-size: .813rem
}
[data-sidebar-style=modern] .deznav .metismenu li ul:after {
content: none
}
[data-sidebar-style=modern] .deznav .metismenu li > ul {
height: auto !important
}
[data-sidebar-style=modern] .deznav .metismenu .nav-label, [data-sidebar-style=modern] .deznav .nav-label {
display: none
}
[data-sidebar-style=modern] .deznav .nav-text {
display: block;
margin-top: .3125rem
}
[data-sidebar-style=modern] .deznav .copyright, [data-sidebar-style=modern] .deznav .help-desk, [data-sidebar-style=modern] .deznav .plus-box {
display: none
}
[data-sidebar-style=modern] .deznav .sidebar-info {
display: none !important
}
[data-sidebar-style=modern] .deznav .menu-title {
display: none
}
[data-sidebar-style=modern] .footer {
padding-left: 10.625rem
}
[data-sidebar-style=modern] .content-body {
margin-left: 10.6rem
}
[data-sidebar-style=modern] .deznav .metismenu > li > a .menu-icon svg {
margin-right: 0;
margin-bottom: .25rem
}
[data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu li > a i {
padding: 0;
margin: 0
}
[data-sidebar-style=modern][data-layout=vertical] .deznav {
width: 10.625rem;
left: 0;
padding-top: 1rem;
z-index: 3
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .deznav-scroll, [data-sidebar-style=modern][data-layout=vertical] .deznav .slimScrollDiv {
overflow: visible !important
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu {
padding: .625rem .875rem
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu > li > a {
padding: 1.375rem .6em .9375rem
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu > li > a i {
padding: 0;
height: auto;
width: auto;
line-height: 1;
margin: 0 0 .3125rem
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu > li > ul {
display: none;
padding: 1.875rem .9375rem
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li {
position: relative
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li a {
padding: 1rem
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li a:before {
content: none
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li ul {
position: absolute;
left: 105%;
top: 0;
bottom: auto;
background-color: var(--sidebar-bg);
border: .0625rem solid var(--border);
width: 12.5rem
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li:hover > ul {
display: block;
left: 100%;
padding: 1rem 0;
margin-left: 0;
border: 0;
box-shadow: .3125rem .3125rem 1.875rem 0 #14001e1a;
border-radius: var(--radius)
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .nav-label {
display: none
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .nav-text {
display: block;
margin-top: 0
}
[data-sidebar-style=modern][data-layout=vertical] .deznav .header-profile2 {
padding: 0 2.5rem
}
[data-sidebar-style=modern][data-layout=vertical] .menu-toggle .deznav, [data-sidebar-style=modern][data-layout=vertical] .menu-toggle .nav-header {
left: -10.625rem
}
[data-sidebar-style=modern][data-layout=vertical] .menu-toggle .header {
padding-left: 0
}
[data-sidebar-style=modern][data-layout=vertical] .menu-toggle .content-body {
margin-left: 0
}
[data-sidebar-style=modern][data-layout=horizontal] .nav-header {
width: 18.563rem
}
[data-sidebar-style=modern][data-layout=horizontal] .header {
padding-left: 18.563rem
}
[data-sidebar-style=modern][data-layout=horizontal] .content-body, [data-sidebar-style=modern][data-layout=horizontal] .footer {
margin-left: 0
}
[data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li > a {
padding: .45rem 1rem;
border-radius: 0
}
[data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li > a .menu-icon {
height: 1.4rem
}
[data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li > ul {
top: 100%
}
[data-sidebar-style=modern][data-layout=horizontal][data-container=boxed] .deznav .metismenu > li > a {
padding: .8125rem 1.25rem
}
}
[data-nav-headerbg=color_1][data-headerbg=color_1][data-sidebar-style=modern][data-layout=horizontal] .nav-header .color-title {
display: block !important
}
[data-sidebar-style=overlay][data-layout=vertical] .deznav {
border-radius: 0 0 0 0 !important
}
[data-sidebar-style=overlay][data-layout=vertical] .nav-header {
border-radius: 0
}
[data-sidebar-style=overlay] .deznav {
left: -100%
}
[data-sidebar-style=overlay] .deznav .metismenu > li > a {
font-size: .813rem;
padding: .75rem 1.5rem;
border-radius: var(--radius);
transition: all .5s
}
[data-sidebar-style=overlay] .deznav .metismenu > li > a i {
height: auto;
width: auto;
line-height: 1
}
[data-sidebar-style=overlay] .deznav .metismenu > li:hover > a i {
color: var(--primary)
}
[data-sidebar-style=overlay] .deznav .metismenu > li.mm-active > a i {
color: var(--white)
}
[data-sidebar-style=overlay] .deznav .metismenu ul a {
padding-top: .5rem;
padding-bottom: .5rem;
position: relative;
font-size: .813rem;
padding-left: 3rem
}
[data-sidebar-style=overlay] .nav-header {
position: absolute
}
[data-sidebar-style=overlay] .nav-header .hamburger.is-active {
left: 0
}
[data-sidebar-style=overlay] .nav-header .hamburger.is-active .line {
background-color: #fff
}
[data-sidebar-style=overlay] .menu-toggle .nav-header {
position: absolute;
left: auto
}
[data-sidebar-style=overlay] .menu-toggle .deznav {
left: 0;
z-index: 3
}
[data-sidebar-style=overlay] .deznav .metismenu ul a:before {
content: "";
height: .125rem;
width: .375rem;
background: var(--rgba-primary-5);
position: absolute;
left: 1.8rem;
top: 50%;
transform: translateY(-50%);
transition: all .5s
}
[data-sidebar-position=fixed][data-header-position=fixed] .nav-header, [data-sidebar-style=overlay][data-header-position=fixed] .nav-header {
position: fixed
}
[data-sidebar-style=overlay][data-nav-headerbg=color_1] .menu-toggle .nav-header .color-title {
display: block !important
}
[data-sidebar-style=overlay] .out-footer {
width: calc(100% - 9.125rem);
margin-right: 7.375rem;
margin-left: auto
}
[data-sidebar-position=fixed][data-layout=vertical] .nav-header {
position: fixed;
border-top-left-radius: 0
}
[data-sidebar-position=fixed][data-layout=vertical] .deznav {
--dz-sidebar-pos: fixed
}
[data-sidebar-position=fixed][data-layout=vertical] .deznav .deznav-scroll {
border-top-left-radius: 0;
border-top-right-radius: 0
}
[data-sidebar-style=full][data-sidebar-position=fixed][data-layout=vertical] .menu-toggle .deznav {
--dz-sidebar-pos: absolute
}
[data-layout=vertical] .nav-header {
border-top-left-radius: 0
}
[data-layout=vertical] .deznav {
border-bottom-left-radius: 0
}
[data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=icon-hover][data-layout=vertical][data-container=boxed] .deznav, [data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=icon-hover][data-layout=vertical][data-container=wide-boxed] .deznav, [data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=overlay][data-layout=vertical][data-container=boxed] .deznav, [data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=overlay][data-layout=vertical][data-container=wide-boxed] .deznav, [data-sidebar-style=icon-hover][data-layout=vertical][data-container=boxed] .deznav, [data-sidebar-style=icon-hover][data-layout=vertical][data-container=wide-boxed] .deznav, [data-sidebar-style=overlay][data-layout=vertical][data-container=boxed] .deznav, [data-sidebar-style=overlay][data-layout=vertical][data-container=wide-boxed] .deznav {
position: absolute
}
.sidebar-right-trigger {
position: absolute;
z-index: 9;
top: 7.75rem;
right: 100%;
background-color: var(--primary);
color: var(--white);
display: inline-block;
height: 3rem;
width: 3rem;
text-align: center;
font-size: 1.75rem;
line-height: 3rem;
border-radius: .3125rem 0 0 .3125rem;
box-shadow: -.3125rem .1875rem .3125rem 0 #77777726
}
.sidebar-right-trigger:hover {
color: var(--white)
}
.sidebar-right {
right: -50rem;
position: fixed;
top: 0;
width: 50rem;
background-color: var(--white);
margin-top: 3.5rem;
transition: all .5s ease-in-out;
border-radius: var(--radius);
z-index: 9999
}
.sidebar-right .bg-label-pattern {
background: #0000;
background-image: url(../images/pattern/pattern5.png);
background-size: 130%
}
.sidebar-right .bootstrap-select {
height: 3rem;
border-radius: .375rem
}
.sidebar-right .bootstrap-select .btn {
padding: .75rem .9375rem;
font-size: .9375rem;
border-color: #d1d1d1;
border-radius: .375rem;
color: var(--black) !important
}
.sidebar-right .note-text {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
opacity: .5;
font-size: 12px
}
.sidebar-right .sidebar-close-trigger {
position: absolute;
z-index: 2;
font-size: 1.75rem;
top: 0;
right: -3rem;
height: 3rem;
width: 3rem;
line-height: 3rem;
text-align: center;
background: var(--primary);
color: var(--white)
}
.sidebar-right.show {
right: 5.25rem;
box-shadow: 0 0 3.125rem #0003;
z-index: 9999
}
@media only screen and (max-width: 47.9375rem) {
.sidebar-right.show {
display: none
}
}
.sidebar-right.show .bg-overlay {
position: fixed;
width: 100%;
cursor: pointer;
height: 100%;
top: 0;
left: 0;
background: #0003
}
.sidebar-right-inner {
position: relative;
height: 100%
}
.sidebar-right .card-tabs .nav-tabs {
justify-content: space-between;
position: sticky;
top: 0;
width: 100%;
background-color: var(--white);
z-index: 2;
border-bottom: 4px solid var(--rgba-primary-1);
display: flex;
flex-wrap: wrap
}
.sidebar-right .card-tabs .nav-tabs .nav-item {
margin-bottom: 0;
flex: 1
}
.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
border: 0;
font-size: 1.125rem;
position: relative;
text-align: center;
background-color: var(--white);
border-radius: 0;
margin: 0;
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {
background: var(--rgba-primary-1);
color: #000
}
.sidebar-right .sidebar-right-inner > h4 {
padding: .625rem 1.25rem;
display: flex;
justify-content: space-between;
align-items: center;
color: var(--black);
background: var(--white);
margin: 0
}
.sidebar-right .tabs {
padding: 1.25rem 1.25rem 0;
min-height: 480px;
background: var(--white)
}
.sidebar-right .tabs .tab-content .admin-settings .row > div {
margin-bottom: 1.25rem
}
.sidebar-right .tabs .tab-content .admin-settings p {
color: #353535;
font-weight: 500;
margin-bottom: .5rem;
font-size: 1rem
}
.sidebar-right .tabs .tab-content .admin-settings input[type=radio] {
display: none
}
.sidebar-right #header_color_2 + label, .sidebar-right #nav_header_color_2 + label, .sidebar-right #primary_color_2 + label, .sidebar-right #secondary_color_2 + label, .sidebar-right #sidebar_color_2 + label {
background-color: #18a594
}
.sidebar-right #header_color_3 + label, .sidebar-right #nav_header_color_3 + label, .sidebar-right #primary_color_3 + label, .sidebar-right #secondary_color_3 + label, .sidebar-right #sidebar_color_3 + label {
background-color: #0d99ff
}
.sidebar-right #header_color_4 + label, .sidebar-right #nav_header_color_4 + label, .sidebar-right #primary_color_4 + label, .sidebar-right #secondary_color_4 + label, .sidebar-right #sidebar_color_4 + label {
background-color: #2c2c2c
}
.sidebar-right #header_color_5 + label, .sidebar-right #nav_header_color_5 + label, .sidebar-right #primary_color_5 + label, .sidebar-right #secondary_color_5 + label, .sidebar-right #sidebar_color_5 + label {
background-color: #3250ff
}
.sidebar-right #header_color_6 + label, .sidebar-right #nav_header_color_6 + label, .sidebar-right #primary_color_6 + label, .sidebar-right #secondary_color_6 + label, .sidebar-right #sidebar_color_6 + label {
background-color: #3f8cff
}
.sidebar-right #header_color_7 + label, .sidebar-right #nav_header_color_7 + label, .sidebar-right #primary_color_7 + label, .sidebar-right #secondary_color_7 + label, .sidebar-right #sidebar_color_7 + label {
background-color: #40a7e2
}
.sidebar-right #header_color_8 + label, .sidebar-right #nav_header_color_8 + label, .sidebar-right #primary_color_8 + label, .sidebar-right #secondary_color_8 + label, .sidebar-right #sidebar_color_8 + label {
background-color: #b65fbd
}
.sidebar-right #header_color_9 + label, .sidebar-right #nav_header_color_9 + label, .sidebar-right #primary_color_9 + label, .sidebar-right #secondary_color_9 + label, .sidebar-right #sidebar_color_9 + label {
background-color: #88a67e
}
.sidebar-right #header_color_10 + label, .sidebar-right #nav_header_color_10 + label, .sidebar-right #primary_color_10 + label, .sidebar-right #secondary_color_10 + label, .sidebar-right #sidebar_color_10 + label {
background-color: #1c2e9e
}
.sidebar-right #header_color_11 + label, .sidebar-right #nav_header_color_11 + label, .sidebar-right #primary_color_11 + label, .sidebar-right #secondary_color_11 + label, .sidebar-right #sidebar_color_11 + label {
background-color: #c6164f
}
.sidebar-right #header_color_12 + label, .sidebar-right #nav_header_color_12 + label, .sidebar-right #primary_color_12 + label, .sidebar-right #secondary_color_12 + label, .sidebar-right #sidebar_color_12 + label {
background-color: #343a40
}
.sidebar-right #header_color_13 + label, .sidebar-right #nav_header_color_13 + label, .sidebar-right #primary_color_13 + label, .sidebar-right #secondary_color_13 + label, .sidebar-right #sidebar_color_13 + label {
background-color: #f58706
}
.sidebar-right .tabs .tab-content .admin-settings input[type=radio] + label {
display: inline-block;
width: 2.1875rem;
height: 2.1875rem;
cursor: pointer;
transition: all .1s ease;
border-radius: .25rem;
margin-right: .3125rem;
margin-bottom: .1875rem
}
.sidebar-right .tabs .tab-content .admin-settings input[type=radio]:checked + label {
position: relative
}
.sidebar-right .tabs .tab-content .admin-settings input[type=radio]:checked + label:after {
height: 2.0625rem;
width: 2.0625rem;
left: -.25rem;
top: -.25rem;
content: "";
position: absolute;
background-color: inherit;
border-radius: .375rem;
opacity: .4
}
.sidebar-right #header_color_1 + label, .sidebar-right #nav_header_color_1 + label, .sidebar-right #primary_color_1 + label, .sidebar-right #secondary_color_1 + label, .sidebar-right #sidebar_color_1 + label {
border: .0625rem solid #c4c4c4
}
.sidebar-right.style-1 {
height: 100vh;
width: 15.625rem;
margin-top: 0;
right: -15.625rem
}
.sidebar-right.style-1 .sidebar-right-inner {
background: var(--white)
}
.sidebar-right.style-1 .sidebar-right-trigger {
top: 12.4rem
}
.sidebar-right.style-1.show {
right: 0
}
.sidebar-right.style-1.show .sidebar-right-trigger {
display: block
}
.nice-select.wide {
line-height: 2.1125rem
}
.nice-select.wide.form-control-sm {
height: 35px;
line-height: 1rem
}
@keyframes bounce {
0% {
transform: translateX(-8%);
-webkit-transform: translateX(-8%)
}
50% {
transform: translateX(8%);
-webkit-transform: translateX(8%)
}
to {
transform: translateX(-8%);
-webkit-transform: translateX(-8%)
}
}
@media only screen and (max-width: 87.5rem) {
.nice-select.wide {
line-height: 2rem
}
}
@media only screen and (max-width: 64rem) {
.sidebar-right-trigger {
display: none
}
}
.nav-user {
background: var(--primary);
margin-bottom: .625rem;
padding: 1.25rem 1.5625rem .9375rem
}
.nav-user img {
width: 2.1875rem;
height: 2.1875rem
}
.nav-user h5 {
margin-left: .625rem;
margin-bottom: .1875rem
}
.nav-user h5, [data-sibebarbg=color_2] .nav-user h5 {
color: var(--white)
}
.nav-user p {
margin-left: .625rem;
margin-bottom: .5rem;
color: #afcff7
}
.menu-toggle .nav-user {
padding: 1.25rem .9375rem .9375rem
}
.menu-toggle .nav-user img {
width: 2.1875rem;
height: 2.1875rem;
margin-bottom: .625rem
}
.menu-toggle .nav-user h5, .menu-toggle .nav-user p {
display: none
}
.menu-toggle .nav-user i {
margin-top: .9375rem;
display: block
}
.menu-toggle .nav-user .dropdown-menu {
left: 2.8125rem !important;
top: 1.375rem !important
}
.card {
margin-bottom: 1.563rem;
background-color: #fff;
transition: all .5s ease-in-out;
position: relative;
border-radius: .375rem;
height: calc(100% - 25px);
border: 1px solid #e6e6e6
}
[data-theme-version=dark] .chatbox {
background: var(--dark-card)
}
.chatbox .chatbox-close {
position: absolute;
transition: all .2s;
width: 0;
height: 100%;
right: 21.25rem;
background: #000;
z-index: 1;
opacity: .1;
cursor: pointer
}
.chatbox .card-fotter {
padding: .75rem 1rem
}
.chatbox.active {
right: 0 !important
}
.chatbox.active .chatbox-close {
width: 100vw
}
.chatbox .nav .nav-link.active, .chatbox .nav .nav-link:hover {
background: #0000;
color: var(--primary);
opacity: 1;
border-color: var(--primary)
}
.chatbox .img_cont {
width: 2.5rem;
border-radius: 2.5rem;
margin-right: .625rem;
position: relative;
height: 2.5rem;
background: #eee;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: .875rem;
min-width: 2.5rem;
min-height: 2.5rem
}
.chatbox .img_cont .icon {
color: #fff
}
.chatbox .img_cont.primary {
color: var(--primary)
}
.chatbox .img_cont.primary, [data-theme-version=dark] .chatbox .img_cont.primary {
background: var(--rgba-primary-1)
}
.chatbox .img_cont.warning {
background: var(--warning-light);
color: var(--warning)
}
[data-theme-version=dark] .chatbox .img_cont.warning {
background: var(--warning-opacity)
}
.chatbox .img_cont.success {
background: var(--success-light);
color: var(--success)
}
[data-theme-version=dark] .chatbox .img_cont.success {
background: var(--success-opacity)
}
.chatbox .img_cont.info {
background: var(--info-light);
color: var(--info)
}
[data-theme-version=dark] .chatbox .img_cont.info {
background: var(--info-opacity)
}
.chatbox .img_cont img {
width: 100%
}
.chatbox .img_cont .online_icon {
background: var(--success)
}
.chatbox .img_cont .online_icon.offline {
background: var(--danger)
}
.chatbox .card {
border-radius: 0
}
.chatbox .search {
height: 2.5rem
}
[data-theme-version=dark] .chatbox .user_info span {
color: var(--white)
}
[data-theme-version=dark] .chatbox .contacts li {
border-color: var(--d-border)
}
.chatbox .contacts li:hover {
background: var(--rgba-primary-1)
}
[data-theme-version=dark] .chatbox .contacts li:hover {
background-color: var(--d-bg)
}
.chatbox .contacts .name-first-letter {
background: var(--rgba-primary-1);
padding: .25rem 1rem;
font-weight: 700;
color: #000;
position: sticky;
top: 0;
z-index: 1
}
[data-theme-version=dark] .chatbox .contacts .name-first-letter {
color: var(--white);
background: var(--d-bg) !important
}
.chatbox .contacts_body {
height: calc(100vh - 130px)
}
.chatbox .contacts_body.style-1 {
height: calc(100vh - 215px)
}
[data-theme-version=dark] .chatbox .chat-list-header {
background: var(--dark-card)
}
[data-theme-version=dark] .chatbox .chat-list-header a {
background: var(--rgba-primary-1)
}
[data-theme-version=dark] .chatbox .chat-list-header a svg g [fill] {
fill: var(--white)
}
.chatbox .img_cont_msg {
max-width: 1.875rem;
min-width: 1.875rem
}
.chatbox .msg_cotainer:after {
left: -.625rem;
border-right: .625rem solid var(--primary)
}
.chatbox .msg_cotainer:after, .chatbox .msg_cotainer_send:after {
content: "";
position: absolute;
border-bottom: .625rem solid #0000;
border-top: 0 solid;
top: 0
}
.chatbox .msg_cotainer_send:after {
right: -.625rem;
border-left: .625rem solid var(--body-bg)
}
[data-theme-version=dark] .chatbox .msg_cotainer_send:after {
border-left: .625rem solid var(--d-bg)
}
.chatbox .video_cam {
margin-left: .9375rem
}
.chatbox .video_cam span {
width: 2.1875rem;
height: 2.1875rem;
background: #10ca93;
text-align: center;
line-height: 2.1875rem;
border-radius: 2.1875rem;
color: #fff;
margin-right: .3125rem;
align-self: center;
font-size: 1rem;
padding: 0 .1875rem;
display: inline-block
}
@media only screen and (max-width: 36rem) {
.chatbox .chatbox-close {
right: 17.5rem
}
.card {
margin-bottom: .938rem;
height: calc(100% - .938rem)
}
}
.dz-demo-panel {
right: -100%;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
transition: all .5s ease-in-out;
z-index: 9999
}
.dz-demo-panel .note-text {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
font-size: 12px;
background-color: initial;
color: #9b9a9a
}
.dz-demo-panel .dz-demo-trigger {
position: absolute;
z-index: 9;
top: 7.75rem;
right: 100%;
background-color: #627eea;
color: #fff;
display: inline-block;
height: 3rem;
width: 3rem;
text-align: center;
font-size: 1.75rem;
line-height: 3rem;
border-radius: .3125rem 0 0 .3125rem;
box-shadow: -.3125rem .1875rem .3125rem 0 #77777726;
display: none
}
.dz-demo-panel .dz-demo-close {
height: 1.875rem;
color: var(--black) !important;
width: 1.875rem;
border-radius: .5rem;
background: var(--white);
line-height: 1.875rem;
text-align: center
}
.dz-demo-panel:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
background: #000000d9;
display: block;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.dz-demo-panel.show {
right: 0;
box-shadow: 0 0 3.125rem #0003;
z-index: 99999;
overflow: hidden
}
.dz-demo-panel.show .sidebar-right-trigger {
display: none
}
.dz-demo-panel.show .bg-close {
position: fixed;
z-index: -2;
cursor: pointer;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0,)
}
.dz-demo-panel .dz-demo-inner {
padding: 1.875rem
}
.dz-demo-panel .dz-demo-content {
height: calc(100vh - 200px);
padding: 0 15px;
margin: 0 -15px;
display: flex
}
.dz-demo-panel .dz-demo-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 3.5rem
}
.dz-demo-panel .dz-demo-header h4 {
margin-bottom: 0;
color: var(--white)
}
.dz-demo-panel .dz-demo-bx {
overflow: hidden;
border: 3px solid #efefef;
box-shadow: 0 0 .3125rem #0000001a;
margin-bottom: .625rem
}
.dz-demo-panel .dz-demo-bx.demo-active {
border-color: var(--secondary)
}
.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {
opacity: 1
}
.dz-demo-panel .overlay-bx {
position: relative
}
.dz-demo-panel .overlay-bx .overlay-layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #0000001a;
transition: all .3s ease;
opacity: 0;
border: 0
}
.dz-demo-panel .overlay-bx:hover .overlay-layer {
transition: all .3s ease;
opacity: 1
}
[data-layout=horizontal] .nav-control, [data-sidebar-style=mini] .nav-control {
display: none
}
[data-header-position=fixed] .nav-header {
position: fixed
}
.brand-logo img {
width: 12.7rem
}
.nav-header {
height: 3.125rem;
width: 15rem;
display: inline-block;
text-align: left;
position: absolute;
top: 0;
background-color: var(--nav-headbg);
transition: all .2s ease;
z-index: 7
}
.nav-header .brand-title-color, .nav-header .logo-compact {
display: none
}
.nav-header .brand-logo {
display: flex;
height: 100%;
width: 100%;
justify-content: flex-start;
align-items: center;
font-size: 1.125rem;
color: var(--white);
text-decoration: none;
padding-left: 1.1rem;
padding-right: 3rem;
font-weight: 700
}
[data-sidebar-style=compact] .nav-header .brand-logo, [data-sidebar-style=mini] .nav-header .brand-logo {
padding-left: 0;
padding-right: 0;
justify-content: center
}
.nav-header .brand-logo .logo-color, .nav-header .brand-logo .logo-mini {
display: none
}
.nav-header .brand-logo .brand-title {
margin-left: .6375rem;
max-width: 10.15rem;
margin-top: .2rem;
font-size: 2.375rem;
color: var(--black)
}
.nav-header .brand-logo .rect-primary-rect {
fill: var(--primary)
}
.nav-control {
cursor: pointer;
position: absolute;
right: -3rem;
text-align: center;
top: 50.8%;
transform: translateY(-50%);
z-index: 9999;
font-size: 1.4rem;
padding: .125rem .5rem 0;
border-radius: 0;
background-color: var(--headerbg);
width: 3.063rem;
height: 3.063rem
}
.hamburger {
display: inline-block;
left: .1rem;
position: relative;
top: .5rem;
transition: all .3s ease-in-out 0s;
width: 1.625rem;
z-index: 999
}
.hamburger .line {
background: var(--white);
display: block;
height: 1px;
border-radius: .1875rem;
margin-top: .375rem;
margin-bottom: .375rem;
margin-right: auto;
transition: all .3s ease-in-out
}
.hamburger svg {
position: absolute;
top: 9px;
left: 0;
z-index: 1
}
.hamburger.is-active .line {
opacity: 1
}
.hamburger.is-active svg {
opacity: 0
}
.hamburger .line:first-child, .hamburger .line:nth-child(2), .hamburger .line:nth-child(3) {
width: 1.25rem
}
.hamburger:hover {
cursor: pointer
}
.hamburger.is-active .line:first-child, .hamburger.is-active .line:nth-child(3) {
width: .625rem;
height: .125rem
}
.hamburger.is-active .line:nth-child(2) {
transform: translateX(0);
width: 1.375rem;
height: .125rem
}
.hamburger.is-active .line:first-child {
transform: translateY(4px) translateX(12px) rotate(45deg)
}
.hamburger.is-active .line:nth-child(3) {
transform: translateY(-4px) translateX(12px) rotate(-45deg)
}
[data-sidebar-style=compact][data-layout=vertical] .nav-header .brand-title, [data-sidebar-style=full][data-layout=horizontal] .logo-compact, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .brand-title {
display: none
}
[data-sidebar-style=compact][data-layout=vertical] .nav-header .logo-compact {
max-width: 4.6875rem
}
[data-sidebar-style=compact][data-layout=horizontal] .nav-header .brand-logo {
padding-left: 1.875rem;
padding-right: 1.875rem;
justify-content: start
}
[data-sidebar-style=modern][data-layout=vertical] .nav-header {
width: 10.625rem
}
[data-sidebar-style=modern][data-layout=vertical] .nav-header .brand-title, [data-sidebar-style=modern][data-layout=vertical] .nav-header .logo-compact {
display: none
}
[data-sidebar-style=modern] .header {
width: 100%;
padding-left: 10.625rem
}
[data-sidebar-style=modern][data-layout=horizontal] .nav-header .brand-logo {
justify-content: start
}
.nav-header .brand-logo .logo-abbr path.w3 {
fill: #fff
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, [data-theme-version=dark] .mix-chart-tab .nav-link.active {
color: var(--white) !important;
background-color: var(--primary) !important;
box-shadow: 0 0 1.25rem 0 var(--rgba-primary-2)
}
.nav-pills.light .nav-link.active, .nav-pills.light .show > .nav-link {
color: var(--primary) !important;
background-color: var(--rgba-primary-1) !important;
box-shadow: none !important
}
.boder-tabs .nav-item .nav-link.active {
border-color: #ccc !important;
color: #000 !important;
border-bottom: #0000 !important
}
[data-theme-version=dark] .boder-tabs .nav-item .nav-link.active {
background-color: initial;
border-color: #444 !important;
color: #fff !important
}
.custom-tab-1 .nav-link.active, .custom-tab-1 .nav-link:focus {
color: #495057;
border-color: var(--primary) !important;
border-radius: 0;
color: var(--primary)
}
.deznav .metismenu ul a.mm-active, .deznav .metismenu ul a:focus, .deznav .metismenu ul a:hover {
text-decoration: none;
color: #fff
}
@media only screen and (min-width: 1024px) {
[data-sidebar-style=mini] .nav-header {
width: 3.71rem
}
[data-sidebar-style=mini] .nav-header .brand-logo {
padding-left: 0;
padding-right: 0;
justify-content: center
}
[data-sidebar-style=mini] .nav-header .brand-title {
display: none
}
}
@media only screen and (max-width: 63.9375rem) {
.nav-header .brand-title {
display: none
}
.nav-header {
width: 5rem
}
}
@media only screen and (max-width: 87.5rem) {
.nav-header .brand-logo {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
@media (min-width: 47.9375rem) {
[data-sidebar-style=compact] .nav-control {
display: none
}
[data-sidebar-style=compact] .nav-header {
width: 11.25rem
}
}
@media only screen and (max-width: 47.9375rem) {
.nav-header .brand-logo {
padding-left: 0;
padding-right: 0;
justify-content: center
}
}
.header {
height: 3.125rem;
position: relative;
background: var(--headerbg);
z-index: 3;
padding: 0 0 0 15rem;
transition: all .2s ease
}
.header .header-content {
padding-left: 3.1rem;
padding-right: 1.075rem
}
.header .header-content, .header .navbar {
height: 100%;
align-items: center;
display: flex;
position: relative
}
.header .navbar {
padding: 0;
width: 100%;
flex-wrap: wrap
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.header .navbar .navbar-collapse {
height: 100%;
width: 100%
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-collapse {
flex-grow: 1;
align-items: center
}
.header-left {
height: 100%;
display: flex;
align-items: center
}
.header-left .search-area {
width: 15rem;
height: 3.063rem;
background-color: #ffffff1a;
border-radius: 0
}
.dz-theme-mode #icon-light {
display: none
}
.dz-theme-mode.active #icon-light {
display: inline-block
}
.dz-theme-mode.active #icon-dark {
display: none
}
[data-headerbg=color_4] .header-right .notification_dropdown .nav-link:hover {
background-color: #202020
}
.header-right .notification_dropdown .nav-link:hover {
background: var(--rgba-primary-1)
}
[data-headerbg=color_1] .header-right .notification_dropdown .nav-link:hover svg circle, [data-headerbg=color_1] .header-right .notification_dropdown .nav-link:hover svg path, [data-headerbg=color_4] .header-right .notification_dropdown .nav-link:hover svg circle, [data-headerbg=color_4] .header-right .notification_dropdown .nav-link:hover svg path {
stroke: var(--primary)
}
.header-right .notification_dropdown .nav-link:hover svg circle, .header-right .notification_dropdown .nav-link:hover svg path {
stroke: #fff
}
.header-left .search-area .form-control, .header-left .search-area .input-group-text {
background-color: initial
}
.dz-fullscreen #icon-minimize, .dz-fullscreen.active #icon-full {
display: none
}
.dz-fullscreen.active #icon-minimize {
display: inline-block
}
[data-header-position=fixed] .header {
position: fixed;
top: 0;
width: 100%
}
[data-headerbg=color_4] .search-area {
background-color: #202020 !important
}
[data-sidebar-style=modern][data-layout=horizontal] .header .header-content {
padding-left: 1.875rem
}
@media only screen and (max-width: 87.5rem) {
[data-sidebar-style=full] .header, [data-sidebar-style=overlay] .header {
width: 100%;
padding-left: 17rem
}
.header-right .notification_dropdown .nav-link svg {
width: 1.25rem;
height: 1.25rem
}
}
@media only screen and (max-width: 63.9375rem) {
[data-sidebar-style=full] .header, [data-sidebar-style=overlay] .header {
width: 100%;
padding-left: 4rem
}
}
@media only screen and (max-width: 47.9375rem) {
.header .header-content:after {
left: -5rem;
width: calc(100% + 5rem)
}
}
@media only screen and (max-width: 35.9375rem) {
.header-right .notification_dropdown .nav-link svg {
width: 1.25rem;
height: 1.25rem
}
}
[data-typography=poppins] {
--dz-ffont-family: "poppins", sans-serif
}
[data-typography=cairo] {
--dz-ffont-family: "Cairo", sans-serif
}
[data-typography=helvetica] {
--dz-ffont-family: "HelveticaNeue"
}
[data-typography=opensans] {
--dz-ffont-family: "Open Sans", sans-serif
}
[data-typography=roboto] {
--dz-ffont-family: "Roboto", sans-serif
}
[data-sidebar-style=overlay] .footer {
padding-left: 0
}
.footer {
padding-left: 15rem
}
@media (max-width: 47.9375rem) {
.footer {
padding-left: 0
}
}
@media only screen and (max-width: 61.9375rem) {
.footer {
padding-left: 3.8rem
}
}
[data-theme-version=dark] input, [data-theme-version=dark] textarea {
background-color: #1e1e1e;
border-color: #444 !important;
color: #fff !important
}
[data-theme-version=dark] .form-check-input {
border-color: #444 !important;
background-color: #1e1e1e !important
}
[data-theme-version=dark] .check-ai .form-check-input + .form-check-label {
background-color: #1e1e1e;
border-color: #444
}
[data-theme-version=dark] .form-wizard .nav-wizard li .nav-link:after {
background: #1e1e1e !important
}
[data-theme-version=dark] .h1, [data-theme-version=dark] .h2, [data-theme-version=dark] .h3, [data-theme-version=dark] .h4, [data-theme-version=dark] .h5, [data-theme-version=dark] .h6, [data-theme-version=dark] h1, [data-theme-version=dark] h2, [data-theme-version=dark] h3, [data-theme-version=dark] h4, [data-theme-version=dark] h5, [data-theme-version=dark] h6 {
color: #fff !important
}
[data-theme-version=dark] .apexcharts-gridlines-vertical line {
stroke: #ffffff1a
}
[data-theme-version=dark] {
--danger-light: #ff5e5e0d;
--success-light: #3ac9771a;
--warning-light: #ff9f001a;
--info-light: #58bad71a;
--badge-secondary: #2c2c2c80;
--headerbg: #2c2c2c;
--nav-headbg: #2c2c2c;
--border-color: #444;
--bs-body-bg: #242424;
--sidebar-bg: #242424;
color: #828690;
background: #1e1e1e
}
[data-theme-version=dark] .deznav, [data-theme-version=dark] .read-content-attachment .attachment > div:not(:last-child), [data-theme-version=dark][data-layout=vertical][data-sidebar-position=fixed] .deznav {
border-color: #444
}
[data-theme-version=dark] .deznav .metismenu ul a.mm-active, [data-theme-version=dark] .deznav .metismenu ul a:focus, [data-theme-version=dark] .deznav .metismenu ul a:hover {
color: #fff !important
}
[data-theme-version=dark] .deznav .metismenu ul a:before {
background-color: #fff
}
[data-theme-version=dark] .deznav .metismenu > li.mm-active > a, [data-theme-version=dark] .deznav .metismenu > li:focus > a, [data-theme-version=dark] .deznav .metismenu > li:hover > a {
color: #fff !important
}
[data-theme-version=dark] .mix-chart-tab .nav-link {
background: #444 !important;
color: #fff !important
}
[data-theme-version=dark][data-sidebar-style=mini] .deznav .metismenu li > ul {
background-color: #242424
}
[data-theme-version=dark] .deznav .metismenu a {
color: #fff !important
}
[data-theme-version=dark] .table td, [data-theme-version=dark] .table th {
border-color: #444;
color: #fff !important
}
table.dataTable tbody td, table.dataTable tbody tr {
background: #0000 !important
}
[data-theme-version=dark] th {
background-color: #1e1e1e !important;
border-color: #444 !important
}
[data-theme-version=dark] .active-projects .dataTables_info, [data-theme-version=dark] .active-projects.style-1 .dataTables_wrapper .dataTables_info {
color: #fff !important
}
[data-theme-version=dark] .dt-filter .dataTables_filter label {
background: #1e1e1e !important
}
[data-theme-version=dark] .dt-filter .dataTables_filter input[type=search] {
background: #1e1e1e
}
[data-theme-version=dark] table.dataTable.display tbody td {
border-top: 1px solid #444 !important
}
[data-theme-version=dark] .dataTables_info, [data-theme-version=dark] table.dataTable tfoot th {
color: #fff !important
}
[data-theme-version=dark] #AllProject .apexcharts-series path {
stroke: #444
}
[data-theme-version=dark] .apexcharts-text tspan {
fill: #fff
}
[data-theme-version=dark] .active-country:after, [data-theme-version=dark] .ttl-project .pr-data:after {
background: #444
}
[data-theme-version=dark] #overiewChart line {
stroke: #444
}
[data-theme-version=dark] .apexcharts-canvas text {
fill: #fff !important
}
[data-theme-version=dark] .chart-grd:after {
background: #0000
}
[data-theme-version=dark] #NewCustomers #SvgjsSvg1006 {
margin-top: 16px
}
[data-headerbg=color_4][data-theme-version=dark] .header-left .search-area .form-control, [data-headerbg=color_4][data-theme-version=dark] .header-left .search-area .input-group-text {
background-color: #464646 !important
}
[data-theme-version=dark] .btn-close {
color: #fff !important;
background: #0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23099' viewBox='0 0 16 16'%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") 50%/1em auto no-repeat
}
[data-theme-version=dark] .card {
background-color: #242424;
box-shadow: none;
border-color: #444
}
[data-theme-version=dark] .widget-timeline .timeline:before {
background: #444
}
[data-theme-version=dark] .widget-timeline .timeline > li > .timeline-badge {
background-color: #242424 !important
}
[data-theme-version=dark] .btn-link svg path {
stroke: #fff !important
}
.btn-close {
--bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%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");
--bs-btn-close-opacity: 0.5;
--bs-btn-close-color: #000;
box-sizing: initial;
width: 1em;
height: 1em;
padding: 1rem;
color: var(--bs-btn-close-color);
background: #0000 var(--bs-btn-close-bg) center/1em auto no-repeat;
border: 0;
border-radius: .375rem;
opacity: var(--bs-btn-close-opacity)
}
.modal-backdrop, .offcanvas-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
z-index: 10 !important;
opacity: var(--bs-backdrop-opacity);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg);
transition: opacity .15s linear
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity)
}
.modal-dialog {
--bs-modal-margin: 1.75rem;
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
transition: transform .3s ease-out
}
.modal-dialog-center {
min-height: calc(100% - 3.5rem);
display: flex;
align-items: center;
justify-content: center
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2)
}
@media (min-width: 992px) {
.modal-lg, .modal-xl {
--bs-modal-width: 800px
}
}
@media (min-width: 576px) {
.modal-sm {
--bs-modal-width: 300px
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
--bs-modal-margin: 1.75rem
}
}
@media (min-width: 360px) {
.modal-dialog {
--bs-modal-margin: 0.5rem !important
}
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em;
-moz-tab-size: 16;
-o-tab-size: 2;
tab-size: 2
}
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * .5)
}
.modal {
pointer-events: none
}
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem #00000026
}
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
}
[type=file]::-webkit-file-upload-button:not(.fallback [type=file]::-webkit-file-upload-button) {
border: 0;
border-right: 1px solid #000;
color: var(--bs-body-color);
padding: 0 10px;
margin: 0 10px 0 0;
height: 47px;
background-color: #f8f9fa
}
.dz-modal-box {
transform: none !important
}
.model-close {
display: none;
transform: translate3d(0, -2em, 0)
}
.asColorPicker-clear {
display: none;
position: absolute;
right: 1rem;
text-decoration: none;
top: .5rem
}
.example.style-1 .asColorPicker-trigger {
position: unset;
width: 45px;
height: 45px
}
.example.style-1 .asColorPicker-trigger span {
border-radius: .375rem !important
}
.asColorPicker-dropdown {
max-width: 26rem
}
.asColorPicker-trigger {
border: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 2.1875rem;
background: none
}
.asColorPicker-trigger span {
border-radius: 0 .375rem .375rem 0
}
.asColorPicker-hex {
font-size: 14px
}
.asColorPicker-buttons a {
color: var(--bs-body-color);
font-size: 13px
}
[data-theme-version=dark] .asColorPicker-dropdown {
background: #1e1e1e;
border-color: #444
}
.form-wizard {
border: 0
}
.form-wizard .nav-wizard {
box-shadow: none !important;
margin-bottom: 2rem
}
.form-wizard .nav-wizard li .nav-link {
position: relative
}
.form-wizard .nav-wizard li .nav-link span {
border-radius: 3.125rem;
width: 3rem;
height: 3rem;
border: .125rem solid var(--primary);
display: block;
line-height: 3rem;
color: var(--primary);
font-size: 1.125rem;
margin: auto;
background-color: #fff;
position: relative;
z-index: 1
}
.form-wizard .nav-wizard li .nav-link:after {
position: absolute;
top: 50%;
left: 50%;
height: .1875rem;
transform: translateY(-50%);
background: #eee !important;
z-index: 0;
width: 100%
}
.form-wizard .nav-wizard li .nav-link.active:after {
background: var(--primary) !important
}
.form-wizard .nav-wizard li .nav-link.active span {
background: var(--primary);
color: #fff
}
.form-wizard .nav-wizard li .nav-link.done:after {
background: var(--primary) !important
}
.form-wizard .nav-wizard li .nav-link.done span {
background-color: var(--primary);
color: #fff
}
.form-wizard .nav-wizard li:last-child .nav-link:after {
content: none
}
.form-wizard .toolbar-bottom .btn {
background-color: var(--primary);
border: 0;
padding: .75rem 1.125rem
}
.form-wizard .tab-content .tab-pane {
padding: 0
}
.form-wizard .emial-setup label.mailclinet {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 10rem;
height: 10rem;
border-radius: 50%;
cursor: pointer;
background-color: #eef5f9;
text-align: center;
margin: auto
}
.form-wizard .emial-setup label.mailclinet .mail-icon {
font-size: 3rem;
display: inline-block;
line-height: 1;
margin-top: -1rem
}
.form-wizard .emial-setup label.mailclinet .mail-text {
font-size: 1rem;
text-align: center;
margin-top: .5rem
}
.form-wizard .emial-setup label.mailclinet input[type=radio] {
display: none
}
.form-wizard .tab-content {
display: block
}
.form-wizard i {
color: var(--bs-body-color)
}
[data-theme-version=dark] .form-wizard .emial-setup label.mailclinet, [data-theme-version=dark] .form-wizard .nav-wizard li .nav-link span {
background-color: #1e1e1e
}
[data-theme-version=dark] .form-wizard .nav-wizard li .nav-link.active span, [data-theme-version=dark] .form-wizard .nav-wizard li .nav-link.done span {
background: var(--primary)
}
@media only screen and (max-width: 35.9375rem) {
.form-wizard .nav-wizard li .nav-link {
padding: 0
}
.form-wizard .emial-setup label.mailclinet {
width: 7rem;
height: 7rem
}
.form-wizard .emial-setup label.mailclinet .mail-icon {
font-size: 2rem
}
.form-wizard .emial-setup label.mailclinet .mail-text {
font-size: .7rem;
line-height: .95rem
}
.form-wizard .toolbar-bottom .btn {
padding: .75rem 1.125rem;
font-size: 12px
}
.form-wizard .nav-wizard li .nav-link span {
line-height: 2.7rem;
font-size: 16px
}
}
.form-check-input:active {
filter: brightness(90%)
}
.form-check-input[type=checkbox] {
border-radius: .25em
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em
}
.form-check-input {
top: .125rem;
border-width: 1px;
width: 1.25rem;
height: 1.25rem;
--bs-form-check-bg: var(--bs-body-bg);
border-color: #e7e7e7 !important;
margin-top: .25em;
vertical-align: top;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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 {
border-color: var(--primary) !important
}
.form-control-sm {
min-height: 2.5rem;
padding: .25rem .5rem;
font-size: .76563rem;
border-radius: .5rem;
height: calc(1.5em + .5rem + 2px)
}
.tagify.form-control {
display: block;
width: 100%
}
.form-control {
padding: .375rem .75rem;
border-radius: .375rem
}
.checkbox-warning .form-check-input:checked {
background-color: #ff9f00;
border-color: #ff9f00 !important
}
.checkbox-danger .form-check-input:checked {
background-color: #ff5e5e;
border-color: #ff5e5e !important
}
.checkbox-success .form-check-input:checked {
background-color: #3ac977;
border-color: #3ac977 !important
}
.checkbox-secondary .form-check-input:checked {
background-color: #2c2c2c;
border-color: #2c2c2c !important
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
background-color: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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:checked {
background-color: var(--primary);
border-color: var(--primary)
}
.form-check-input[type=radio] {
border-radius: 50%
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 .25rem var(--rgba-primary-5)
}
.btn-outline-primary:hover svg path {
stroke: #fff;
transition: all .5s
}
.show-pass .fa-eye {
display: none
}
.show-pass.active .fa-eye {
display: inline-block
}
.show-pass.active .fa-eye-slash {
display: none
}
.show-confirm-pass .fa-eye {
display: none
}
.show-confirm-pass.active .fa-eye {
display: inline-block
}
.show-confirm-pass.active .fa-eye-slash {
display: none
}
.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
display: block !important
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color: var(--danger) !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5E5E'%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='%23FF5E5E' stroke='none'/%3E%3C/svg%3E")
}
.form-control.is-invalid, .form-control.is-valid, .was-validated .form-control:invalid, .was-validated .form-control:valid {
padding-right: calc(1.5em + .75rem) !important;
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color: var(--success) !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233AC977' 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")
}
[data-theme-version=dark] input[type=date]::-webkit-calendar-picker-indicator, [data-theme-version=dark] input[type=time]::-webkit-calendar-picker-indicator {
filter: brightness(0) invert(1)
}
[data-theme-version=dark] input[type=date]::-moz-time-text, [data-theme-version=dark] input[type=time]::-moz-time-text {
filter: brightness(0) invert(1)
}
.select2-results__options li {
padding: .5rem 1.25rem;
font-size: .875rem;
margin: 0;
background-color: #fff
}
.select2-container--default .select2-results__option--highlighted .select2-result-repository__forks, .select2-container--default .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-container--default .select2-results__option--highlighted .select2-result-repository__title, .select2-container--default .select2-results__option--highlighted .select2-result-repository__watchers, .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #fff
}
.select2-container--default .select2-result-repository {
display: flex;
align-items: center
}
.select2-container--default .select2-result-repository__avatar {
height: 50px;
width: 50px;
margin-right: 12px
}
.select2-container--default .select2-result-repository__avatar img {
width: 100%;
height: 100%;
border-radius: .5rem
}
.select2-container--default .select2-result-repository__meta {
flex: 1
}
.select2-container--default .select2-result-repository__title {
font-size: .95rem;
color: #000
}
.select2-container--default .select2-result-repository__description {
font-size: .75rem;
margin-bottom: 3px
}
.select2-container--default .select2-result-repository__statistics {
display: flex
}
.select2-container--default .select2-result-repository__forks, .select2-container--default .select2-result-repository__stargazers, .select2-container--default .select2-result-repository__watchers {
margin-right: 12px;
font-size: .75rem;
color: #000
}
.status-complete, .status-high {
background-color: var(--success-light) !important;
color: var(--success) !important
}
.status-low, .status-pending {
background-color: var(--danger-light) !important;
color: var(--danger) !important
}
.status-testing {
background-color: var(--warning-light) !important;
color: #ff9f00 !important
}
.status-progress {
background-color: #bb6bd91a !important;
color: #bb6bd9 !important
}
.status-medium {
background-color: #2c2c2c1a !important;
color: var(--bs-body-color) !important
}
.nice-select.dropUp ul.list {
top: auto !important;
bottom: 100% !important;
transform: scale(.75) translateY(21px);
transform-origin: 50%
}
.nice-select.dropUp.open ul.list {
transform: scale(1) translateY(0)
}
select.nice-select {
display: block !important;
position: absolute;
height: 0 !important;
width: 0 !important;
opacity: 0;
z-index: -1;
padding: 0 !important
}
.dropdown-toggle:after {
border-top: .3em solid;
border-bottom: 0
}
.dropdown-toggle:after, .dropup .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-right: .3em solid #0000;
border-left: .3em solid #0000
}
.dropup .dropdown-toggle:after {
border-top: 0;
border-bottom: .3em solid
}
.dropend .dropdown-toggle:after {
margin-left: .255em;
vertical-align: .255em;
border-right: 0;
border-left: .3em solid
}
.dropend .dropdown-toggle:after, .dropstart .dropdown-toggle:before {
display: inline-block;
content: "";
border-top: .3em solid #0000;
border-bottom: .3em solid #0000
}
.dropstart .dropdown-toggle:before {
margin-right: .255em;
vertical-align: 0;
border-right: .3em solid
}
.btn.tp-btn.btn-primary g [fill] {
fill: var(--primary)
}
.active-projects .dataTables_info {
padding-left: 20px;
font-size: 12px;
color: #888
}
table.dataTable thead td, table.dataTable thead th, table.dataTable.no-footer {
border-bottom: none
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
content: "\f0dc";
font-family: Font Awesome\ 6 Free;
font-weight: 900;
background-image: none;
margin-left: 10px;
font-size: calc(100% - 4px);
opacity: .5
}
table.dataTable thead .sorting_asc:after {
content: "\f0de";
opacity: 1
}
table.dataTable thead .sorting_desc:after {
content: "\f0dd";
opacity: 1
}
table.dataTable thead .style-1.sorting:after, table.dataTable thead .style-1.sorting_asc:after, table.dataTable thead .style-1.sorting_desc:after {
display: none
}
.paging_simple_numbers.dataTables_paginate {
padding: .6125rem .3125rem !important
}
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
color: #888;
border-radius: 1rem;
padding: .125rem 0;
margin-bottom: .35rem
}
.dataTables_wrapper .dataTables_paginate {
align-items: center;
display: flex;
flex-flow: wrap;
float: right;
text-align: right
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
font-size: 13px;
height: 24px;
width: 24px;
background: #0000;
border-radius: .375rem;
padding: 0 .45rem;
line-height: 25px;
margin: 0 .225rem;
display: inline-block;
color: var(--primary) !important;
box-shadow: none !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
color: var(--primary) !important
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
color: #fff !important;
background: var(--primary) !important
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
height: 24px;
width: 24px;
padding: 0;
margin: 0 .125rem;
line-height: 25px;
text-align: center;
font-size: 13px;
border-radius: .375rem;
border: 0 !important;
color: var(--primary) !important;
cursor: pointer;
box-shadow: none !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: .5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
color: #333 !important;
border: 1px solid #0000;
border-radius: 2px
}
.dataTables_wrapper .dataTables_paginate span .paginate_button:active, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .paginate_button:hover {
color: var(--primary) !important;
background: var(--rgba-primary-1) !important;
border-color: #0000 !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
border-color: #0000 !important
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
color: #fff !important;
background: var(--primary) !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
color: var(--primary) !important;
border-color: #0000
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
background-image: none !important
}
.dt-filter .dataTables_filter {
float: left
}
.dt-filter .dataTables_filter label {
background: #eeee;
border-radius: .25rem;
display: flex;
align-items: center;
margin: 1px 0 6px 17px;
padding: 0 0 0 8px
}
.dt-filter .dataTables_filter input[type=search] {
border: 0;
background: #eeee;
outline: none
}
.dataTables_wrapper input[type=search], .dataTables_wrapper input[type=text], .dataTables_wrapper select {
border: .0625rem solid #e2e2e2;
padding: .5rem;
color: #715d5d;
border-radius: .3125rem;
outline: none
}
.dataTables_wrapper .dataTables_filter input {
margin-left: .5em
}
.dataTables_scrollBody thead {
display: none
}
.dataTables_scrollFoot {
padding-top: 1rem
}
#example2_wrapper .dataTables_scrollBody {
max-height: 33.25rem !important
}
.dataTables_scrollBody::-webkit-scrollbar-track, table::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #00000080;
border-radius: 10px
}
.dataTables_scrollBody::-webkit-scrollbar {
width: 8px;
height: 7px
}
table::-webkit-scrollbar {
height: 2px
}
.dataTables_scrollBody::-webkit-scrollbar-thumb, table::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--primary)
}
.dataTables_info {
font-size: 14px
}
@media (max-width: 991.98px) {
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
text-align: left
}
}
.jqvmap-zoomin, .jqvmap-zoomout {
position: absolute;
left: .625rem;
border-radius: .1875rem;
background: #000;
padding: .1875rem;
color: #fff;
width: 1.0625rem;
height: 1.0625rem;
cursor: pointer;
line-height: .725rem;
text-align: center
}
.jqvmap-zoomin {
top: .625rem
}
.jqvmap-zoomout {
top: 1.875rem
}
.light.btn-primary g [fill] {
fill: var(--primary)
}
.light.btn-primary:hover g [fill] {
fill: #fff
}
.light.btn-info g [fill] {
fill: #58bad7
}
.light.btn-danger g [fill] {
fill: #ff5e5e
}
.light.btn-success g [fill] {
fill: #3ac977
}
.light.btn-warning g [fill] {
fill: #ff9f00
}
.btn.tp-btn.btn-primary:hover g [fill], .light.btn-danger:hover g [fill], .light.btn-danger:hover svg path, .light.btn-info:hover g [fill], .light.btn-primary:hover svg path, .light.btn-success:hover g [fill], .light.btn-warning:hover g [fill] {
fill: #fff
}
.people-list {
height: calc(100vh - 260px);
margin-bottom: 25px
}
.chat-box-area.style-2 {
padding: 1.25rem;
height: calc(100vh - 260px);
margin-top: 20px
}
@media only screen and (max-width: 35.9375rem) {
.chat-left-area.active {
left: 0 !important;
background: #fff
}
.chat-meadia {
width: 100% !important
}
}
.widget-timeline .timeline:before {
top: 1.25rem;
bottom: 0;
position: absolute;
content: " ";
width: .188rem;
left: .5625rem;
margin-right: -.0938rem;
background: #e6e6e6
}
.widget-timeline .timeline > li:before {
content: " ";
display: table
}
.widget-timeline .timeline > li:after {
content: " ";
display: table;
clear: both
}
.widget-timeline .timeline > li > .timeline-badge:after {
content: "";
width: .525rem;
height: .525rem;
border-radius: 100%;
display: block
}
.widget-timeline .timeline-badge.primary:after {
background-color: var(--primary);
box-shadow: 0 .3125rem .625rem 0 var(--rgba-primary-2)
}
.widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel {
border-color: var(--primary)
}
.widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel {
border-color: #58bad7
}
.widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel {
border-color: #ff5e5e
}
.widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel {
border-color: #3ac977
}
.widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel {
border-color: #ff9f00
}
.widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel {
border-color: #6e6e6e
}
.widget-timeline .timeline > li > .timeline-panel {
border-radius: .375rem;
padding: .9375rem 1.25rem;
position: relative;
display: block;
margin-left: 2.5rem;
border-width: .0625rem;
border-style: solid
}
.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel {
background: #0000 !important;
border-style: solid;
border-width: 0 0 0 .2125rem;
border-radius: 0;
padding: .3125rem .625rem .3125rem .9375rem
}
.widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel:after {
background: var(--primary)
}
.widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel:after {
background: #58bad7
}
.widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel:after {
background: #ff5e5e
}
.widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel:after {
background: #3ac977
}
.widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel:after {
background: #ff9f00
}
.widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel:after {
background: #6e6e6e
}
.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel:after {
border: 0;
left: -.3625rem;
width: .3375rem;
height: .3375rem
}
.widget-timeline .timeline > li > .timeline-panel:after {
content: "";
width: .625rem;
height: .625rem;
background: inherit;
border-color: inherit;
border-style: solid;
border-width: 0 0 .0625rem .0625rem;
display: block;
position: absolute;
left: -.3125rem;
transform: rotate(45deg);
top: .9375rem
}
.widget-timeline .timeline-badge.info:after {
background-color: #58bad7 !important;
box-shadow: 0 .3125rem .625rem 0 #58bad733
}
.widget-timeline .timeline-badge.danger:after {
background-color: #ff5e5e !important;
box-shadow: 0 .3125rem .625rem 0 #ff5e5e33
}
.widget-timeline .timeline-badge.success:after {
background-color: #3ac977 !important;
box-shadow: 0 .3125rem .625rem 0 #3ac97733
}
.widget-timeline .timeline-badge.warning:after {
background-color: #ff9f00 !important;
box-shadow: 0 .3125rem .625rem 0 #ff9f0033
}
.widget-timeline .timeline-badge.dark:after {
background-color: #6e6e6e !important;
box-shadow: 0 .3125rem .625rem 0 #6e6e6e33
}
.widget-media .timeline .timeline-panel .media-info {
background: #d3edf5 !important;
color: #58bad7
}
.widget-media .timeline .timeline-panel .media-success {
background: #daf5e6 !important;
color: #3ac977
}
.widget-media .timeline .timeline-panel .media-danger {
background: #ffdede !important;
color: #ff5e5e
}
.widget-media .timeline .timeline-panel .media-primary {
background: var(--rgba-primary-1) !important;
color: var(--primary)
}
.widget-timeline .timeline-badge.primary {
border-color: var(--rgba-primary-1)
}
.overlay-box:after {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
opacity: .85;
background: var(--primary);
z-index: -1
}
#chart_widget_5 .ct-series-a .ct-area {
fill: #20dea6
}
#chart_widget_5 .ct-area {
fill-opacity: 1
}
#chart_widget_5 .ct-series-a .ct-line, #chart_widget_5 .ct-series-a .ct-point {
stroke: #46ffc8
}
#chart_widget_5 .ct-point, #chart_widget_6 .ct-line, #chart_widget_8 .ct-line, #chart_widget_8 .ct-point {
stroke-width: .125rem
}
#chart_widget_5 .ct-line {
stroke-width: .0625rem
}
#chart_widget_6 .ct-series-a .ct-area {
fill: #58bad7
}
#chart_widget_6 .ct-area {
fill-opacity: .5
}
#chart_widget_6 .ct-series-a .ct-line, #chart_widget_6 .ct-series-a .ct-point, #chart_widget_8 .ct-series-a .ct-line, #chart_widget_8 .ct-series-a .ct-point {
stroke: #58bad7
}
#chart_widget_6 .ct-point, #chart_widget_8 .ct-point {
stroke-width: .3125rem
}
#chart_widget_11 {
height: 16.875rem !important
}
#external-events .external-event:before {
content: "";
display: block;
width: .875rem;
min-width: .875rem;
height: .875rem;
border-radius: 50%;
margin-right: .9rem;
position: relative;
top: .125rem
}
#external-events [data-class=bg-primary]:before {
background: var(--primary)
}
#external-events [data-class=bg-warning]:before {
background: #ff9f00
}
#external-events [data-class=bg-danger]:before {
background: #ff5e5e
}
#external-events [data-class=bg-info]:before {
background: #58bad7
}
#external-events [data-class=bg-dark]:before {
background: #6e6e6e
}
#external-events [data-class=bg-secondary]:before {
background: #2c2c2c
}
.external-event:hover:before {
background: #fff !important
}
.fc-toolbar {
margin-top: .9375rem
}
.fc .fc-button {
font-size: 14px
}
.fc-toolbar .h2, .fc-toolbar h2 {
font-weight: 600;
line-height: 1.875rem;
text-transform: uppercase
}
.fc .fc-button-group > .fc-button.fc-button-active, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:hover {
background: var(--primary);
color: #fff;
border-color: var(--primary)
}
.fc-view {
margin-top: 1.875rem
}
.app-fullcalendar a {
color: var(--bs-body-color)
}
.fc .fc-view-harness {
height: 800px !important;
overflow-y: auto
}
.fc .fc-daygrid-week-number {
font-size: 13px !important
}
.fc .fc-button-group > .fc-button {
color: #b5b5c3;
background: 0 0;
text-shadow: none !important;
box-shadow: none !important
}
.fc .fc-button-primary {
border-color: #ebedf3 !important
}
[data-theme-version=dark] .fc .fc-button-group > .fc-button, [data-theme-version=dark] .fc-scrollgrid table, [data-theme-version=dark] .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid, [data-theme-version=dark] .fc-theme-standard td, [data-theme-version=dark] .fc-theme-standard th {
border-color: #444 !important
}
[data-theme-version=dark] .app-fullcalendar a, [data-theme-version=dark] .fc .fc-daygrid-week-number {
color: var(--white) !important
}
[data-theme-version=dark] .fc-button.fc-button-primary.fc-today-button, [data-theme-version=dark] .fc-daygrid-dot-event {
background-color: #1e1e1e !important
}
.fc .fc-toolbar.fc-header-toolbar {
margin-bottom: .3em
}
.fc .fc-toolbar-title {
font-size: 20px;
margin: 0
}
.fc-scrollgrid, .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid, table {
border-color: #ebedf3
}
.fc-theme-standard th {
padding: .75rem .5rem;
font-size: 14px;
font-weight: 500;
color: #b5b5c3
}
.fc-theme-standard td, .fc-theme-standard th {
border-color: #ebedf3
}
.fc-button-primar {
background-color: var(--primary) !important
}
.fc-h-event, .fc-v-event {
background: var(--primary);
border-radius: .42rem
}
.fc-h-event .fc-event-title {
color: var(--white)
}
.fc-unthemed .fc-event-dot, .fc-unthemed .fc-h-event {
padding: 0;
border-radius: .42rem
}
.fc-daygrid-dot-event {
background: #fff;
border: 1px solid #ebedf3;
box-shadow: 0 0 9px 0 #0000001a
}
.fc-daygrid-dot-event .fc-daygrid-event-dot {
border-color: var(--primary)
}
.fc-daygrid-dot-event .fc-event-title {
font-weight: 500
}
.fc-event.bg-dark, .fc-event.bg-info, .fc-event.bg-primary, .fc-event.bg-secondary, .fc-event.bg-success, .fc-event.bg-warning {
color: var(--white) !important;
border-radius: 8px
}
.fc-daygrid-event-dot {
border-color: var(--white)
}
.fc .fc-scroller-liquid-absolute, .fc-scroller {
position: relative;
overflow: visible !important
}
.fc-button.fc-button-primary.fc-today-button {
background: var(--primary);
color: var(--white);
border: 0;
opacity: 1
}
.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus {
background: var(--primary);
color: #fff;
border: 1px solid var(--primary);
box-shadow: none;
text-shadow: none
}
.external-event:hover:before {
background: var(--white) !important
}
.fc-event {
overflow: hidden
}
#external-events.external-event {
text-align: left;
font-size: 16px
}
.external-event, .fc-event {
border-radius: .42rem;
border: none;
cursor: move;
font-size: .8125rem;
margin: .3125rem .4375rem;
padding: .3125rem;
text-align: center
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px
}
[data-theme-version=dark] .buttons-container .label-container {
color: var(--bs-body-color) !important
}
[data-theme-version=dark] .week .day.calender-header {
background-color: #1e1e1e;
color: var(--bs-body-color) !important
}
.fc-event.bg-dark .fc-daygrid-event-dot, .fc-event.bg-info .fc-daygrid-event-dot, .fc-event.bg-primary .fc-daygrid-event-dot, .fc-event.bg-secondary .fc-daygrid-event-dot, .fc-event.bg-success .fc-daygrid-event-dot, .fc-event.bg-warning .fc-daygrid-event-dot {
border-color: #fff
}
.fc-media-screen .fc-timegrid-event {
height: 100%
}
@media (max-width: 35.9375rem) {
.fc.app-fullcalendar .fc-timegrid-slot-label {
width: 40px !important;
font-size: 10px
}
.external-event, .fc.app-fullcalendar .fc-event {
font-size: 10px;
margin: 0;
padding: 2px 0;
text-align: center;
line-height: 1.3
}
.fc.app-fullcalendar .fc-col-header-cell-cushion {
display: inline-block;
padding: 2px 4px;
font-size: 10px
}
.fc .fc-toolbar.fc-header-toolbar {
display: block
}
.fc-toolbar-chunk {
display: flex;
justify-content: center
}
.fc-toolbar-chunk:first-child {
justify-content: space-between
}
.fc-toolbar-title {
margin-bottom: 8px
}
.fc-theme-standard th {
font-size: 14px;
font-weight: 400;
padding: 3px 0
}
.fc .fc-view-harness {
height: 450px !important
}
}
@media only screen and (max-width: 61.9375rem) {
.fc-daygrid-event {
white-space: unset
}
.fc-daygrid-dot-event {
flex-wrap: wrap
}
}
@media only screen and (max-width: 1480px) {
.day.today span {
height: 39px;
width: 32px;
font-weight: 400
}
}
.lg-backdrop {
background-color: #1e1e1ee6
}
.lg-thumb-outer.lg-grab, .lg-toogle-thumb.lg-icon {
background-color: #1e1e1e99
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: var(--primary)
}
.ai-slider .noUi-connects {
background-color: var(--rgba-primary-1);
height: 5px
}
.noUi-connect {
background-color: var(--primary)
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
right: -.375rem
}
.ai-slider .noUi-handle {
border-radius: 50%
}
.noUi-horizontal .noUi-handle {
top: -.4375rem;
cursor: pointer
}
.noUi-handle:after, .noUi-handle:before {
display: none !important
}
.noUi-horizontal {
height: .125rem;
border: 0;
margin-bottom: .625rem
}
.noUi-pips-horizontal {
width: 95%
}
.noUi-connects {
background-color: #d2d6de
}
.noUi-horizontal .noUi-handle {
right: -17px;
left: auto
}
.noUi-vertical .noUi-handle {
left: -.35rem;
top: -.375rem
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
height: .9375rem;
width: .9375rem;
border-radius: 3.125rem;
box-shadow: none;
border: none;
background-color: var(--primary)
}
.example-val {
color: var(--bs-body-color)
}
.example-val, .noUi-pips-horizontal, .noUi-value {
font-size: 14px
}
.slider-vertical {
height: 18rem;
width: .375rem
}
.noUi-target {
border-color: #0000;
border-radius: 0
}
.colorpicker-slider .sliders.noUi-target#blue, .colorpicker-slider .sliders.noUi-target#green, .colorpicker-slider .sliders.noUi-target#red {
margin: .625rem;
display: inline-block;
height: 12.5rem
}
.colorpicker-slider .sliders.noUi-target#red .noUi-connect {
background: #c0392b
}
.colorpicker-slider .sliders.noUi-target#green .noUi-connect {
background: #27ae60
}
.colorpicker-slider #result {
margin: 3.75rem 1.625rem;
height: 6.25rem;
width: 6.25rem;
display: inline-block;
vertical-align: top;
color: #7f7f7f;
background: #7f7f7f;
border: .0625rem solid #fff;
box-shadow: 0 0 .625rem
}
.noUi-vertical {
width: .375rem
}
#slider-toggle {
height: 3.125rem
}
[data-theme-version=dark] .noUi-target .noUi-connects {
background: #444
}
[data-theme-version=dark] .noUi-target {
border-color: #444;
border-radius: .5rem;
box-shadow: none
}
[data-theme-version=dark] .noUi-marker, [data-theme-version=dark] .noUi-marker-large {
background: #444
}
@media only screen and (max-width: 35.9375rem) {
.example-val, .noUi-pips-horizontal, .noUi-value {
font-size: 12px
}
}
.ck.ck-reset.ck-editor {
border: .0625rem solid var(--rgba-primary-1)
}
.ck.ck-editor .ck.ck-button {
padding: .375rem .5rem;
background-color: #fff;
color: #374557;
font-weight: 900;
border: .0625rem solid #f0f0f1;
cursor: pointer
}
.ck.ck-editor .ck-content {
background-color: #f7f7f7;
border-width: .0625rem 0 0;
border-color: #0000001a;
min-height: 12.5rem;
border: .0625rem solid var(--rgba-primary-1) !important
}
.ck.ck-editor__main > .ck-editor__editable {
background: #fff !important
}
.ck.ck-editor .ck.ck-toolbar {
background-color: #fff;
border: 0;
padding: .3125rem .625rem
}
.ck-editor__editable {
background-color: #f7f7f7 !important
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
display: none !important
}
[data-theme-version=dark] .ck.ck-editor .ck.ck-toolbar, [data-theme-version=dark] .ck.ck-editor__main > .ck-editor__editable {
background: #1e1e1e !important
}
[data-theme-version=dark] .ck.ck-editor .ck.ck-button {
border-color: #444;
color: #fff;
background-color: #1e1e1e
}
[data-theme-version=dark] .ck.ck-editor .ck-content {
border: .0625rem solid #444 !important
}
.dataTables_length .nice-select {
float: none;
display: inline-block;
margin: 0 6px;
padding: 10px 39px 10px 15px
}
.dataTables_length .nice-select:after {
right: 15px;
border-top: .3em solid;
border-right: .3em solid #0000;
border-bottom: 0;
border-left: .3em solid #0000;
transform: rotate(0deg)
}
.nice-select.style-3 {
display: inline-flex
}
.Disabled.nice-select:after {
display: none
}
.nice-select.style-3:after {
display: inline-block;
right: .8em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid #0000;
border-bottom: 0;
border-left: .3em solid #0000;
transform: rotate(0);
-webkit-transform: rotate(0);
margin-top: -2px
}
.nice-select.style-3.open:after {
transform: rotate(0)
}
.nice-select.style-1:after {
right: 20px
}
.nice-select.style-1:after, .nice-select.style-2:after {
border-bottom: 1.8px solid #a5a5a5;
border-right: 1.8px solid #a5a5a5
}
.nice-select.style-2:after {
left: 0
}
.nice-select.style-1.open .list {
width: 100%
}
[data-theme-version=dark] .nice-select.open .list:not(.switcher-select>.nice-select.open .list) {
background-color: #242424;
box-shadow: 0 0 0 .0625rem #ffffff1a
}
[data-theme-version=dark] .nice-select .option:hover:not(.switcher-select>.nice-select .option:hover) {
background-color: initial
}
[data-theme-version=dark] .nice-select .option.focus:not(.switcher-select>.nice-select .option.focus), [data-theme-version=dark] .nice-select .option:not(.switcher-select>.nice-select .option), [data-theme-version=dark].nice-select .option.selected.focus:not(.switcher-select>.nice-select .option.selected.focus) {
color: #fff
}
[data-theme-version=dark] .dataTables_length .nice-select {
background-color: initial;
border-color: #444
}
[data-theme-version=dark] .sidebar-right .nice-select {
border-color: #e6e6e6 !important
}
[data-theme-version=dark] .sidebar-right .nice-select .option {
padding: 0 1rem;
font-size: 13px
}
.img-select.nice-select .current, .img-select.nice-select .option {
background-size: 20px;
background-repeat: no-repeat;
background-position: 10px;
padding-left: 36px
}
.select2-container {
width: 100% !important
}
.select2-container--default .select2-selection--single {
border-radius: .375rem;
border: .0625rem solid #dfdfdf;
height: 2.5rem;
background: #fff
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.313rem;
color: #888;
padding-left: .9375rem;
min-height: 2.813rem
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: .375rem;
right: .9375rem
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--primary)
}
.select2-container--default .select2-search--dropdown .select2-search__field {
outline: none
}
.select2-results__option {
font-size: 13px;
color: var(--bs-body-color)
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
border: .0625rem solid #dfdfdf
}
.select2-container .select2-selection--multiple {
min-height: 2.5rem;
color: #888;
border-color: #c8c8c8
}
[data-theme-version=dark] .select2-container--default .select2-selection--single {
background: #1e1e1e;
border-color: #444
}
[data-theme-version=dark] .select2-search--dropdown .select2-search__field {
background: #242424;
border-color: #444
}
[data-theme-version=dark] .select2-container .select2-selection--multiple, [data-theme-version=dark] .select2-dropdown {
background: #1e1e1e;
border-color: #444
}
.legend > div {
background: #0000 !important
}
.flot-chart .legend table tbody tr:last-child .legendLabel {
color: #ffaa2b
}
.ct-chart .ct-label {
fill: #a3afb7;
color: #a3afb7;
font-size: .75rem;
line-height: 1
}
.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut {
stroke: var(--primary)
}
.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut {
stroke: #3ac977
}
.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut {
stroke: #ff9f00
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
fill: #2c2c2c
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
fill: #00a2ff
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
fill: #ff9800
}
.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut {
stroke: #58bad7
}
.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut {
stroke: #ff5e5e
}
.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut {
stroke: #8d6e63
}
.ct-chart.simple-pie-chart-chartist .ct-label {
color: #fff;
fill: #fff;
font-size: .625rem
}
.chartist-tooltip {
position: absolute;
display: inline-block;
opacity: 0;
min-width: .625rem;
padding: .125rem .625rem;
border-radius: .125rem;
background: #313a46;
color: #fff;
text-align: center;
pointer-events: none;
z-index: 1;
transition: opacity .2s linear
}
.morris-hover.morris-default-style {
border-radius: .3125rem;
padding: 0;
margin: 0;
border: none;
overflow: hidden;
font-size: 12px
}
.morris-hover {
position: absolute;
z-index: 1;
background: var(--primary);
color: #fff
}
.morris-hover .morris-hover-row-label {
background-color: #6e6e6e;
text-align: center;
padding: .3125rem;
color: #fff !important;
margin-bottom: .3125rem
}
.morris-hover .morris-hover-point {
color: #fff !important;
margin: .1875rem 0;
text-align: center;
padding: 0 1.5625rem
}
#StackedBarChart canvas, #composite-bar canvas, #spark-bar canvas, #sparkline-composite-chart canvas, #sparkline11 canvas, #tristate canvas {
height: 6.25rem !important
}
#activity {
height: 20.575rem !important
}
[data-theme-version=dark] .legendLabel {
color: #fff
}
[data-theme-version=dark] .morris_chart_height text tspan {
fill: #fff
}
.dd-item > button {
line-height: 28px
}
@media only screen and (max-width: 35.9375rem) {
.dd .dd-list {
padding-left: 0 !important
}
}
.toast-title {
margin-bottom: .3125rem;
font-weight: 600
}
.toast-message {
font-size: .75rem
}
#toast-container > div {
opacity: 1
}
.toast-close-button {
opacity: 1;
font-size: 1.25rem;
font-weight: 400;
text-shadow: none
}
.swal2-popup .swal2-styled:focus {
box-shadow: none
}
.sweet-image {
width: 20%
}
.swal2-popup .swal2-content {
color: #888
}
[data-theme-version=dark] .swal2-popup {
background: #242424
}
.daterangepicker th, .drp-selected {
color: var(--bs-body-color)
}
.daterangepicker .calendar-table td {
width: 33px;
height: 33px;
border-radius: .5rem;
color: #b5b5c3
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: var(--primary);
color: #fff !important
}
.daterangepicker td.in-range {
background-color: initial;
color: #5e6278 !important
}
.btn-group-sm > button.cancelBtn.btn.btn-inverse, button.cancelBtn.btn.btn-sm.btn-inverse {
background-color: #f9f9f9;
color: var(--bs-body-color)
}
.daterangepicker button.applyBtn {
background-color: var(--primary);
border-color: var(--primary);
color: #fff !important
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: 700;
padding: 4px 8px;
border-radius: 4PX
}
[data-theme-version=dark] .daterangepicker, [data-theme-version=dark] .daterangepicker .calendar-table {
background: #1e1e1e;
border-color: var(--primary)
}
[data-theme-version=dark] .daterangepicker td.off, [data-theme-version=dark] .daterangepicker td.off.end-date, [data-theme-version=dark] .daterangepicker td.off.in-range, [data-theme-version=dark] .daterangepicker td.off.start-date {
background-color: #242424
}
[data-theme-version=dark] .daterangepicker .calendar-table .table-condensed td:hover {
background-color: var(--primary);
color: #fff
}
[data-theme-version=dark] .daterangepicker select.ampmselect, [data-theme-version=dark] .daterangepicker select.hourselect, [data-theme-version=dark] .daterangepicker select.minuteselect, [data-theme-version=dark] .daterangepicker select.secondselect {
background: #1e1e1e;
border: .0625rem solid #444;
color: #fff
}
.picker .picker__frame {
min-width: 28.125rem;
max-width: 28.125rem
}
.picker .picker__frame .picker__box {
padding: 1.25rem;
border: 0;
box-shadow: 0 .3125rem .625rem #0000001a
}
.picker .picker__frame .picker__box .picker__header {
margin-top: 0
}
.picker .picker__frame .picker__box .picker__header .picker__year {
color: var(--primary);
font-style: inherit;
font-size: 1.25rem
}
.picker .picker__frame .picker__box .picker__header .picker__nav--prev {
left: 0
}
.picker .picker__frame .picker__box .picker__header .picker__nav--next {
right: 0
}
.picker .picker__frame .picker__box .picker__header .picker__nav--next, .picker .picker__frame .picker__box .picker__header .picker__nav--prev {
width: 2.5rem;
height: 2.5rem;
padding: 0;
line-height: 2.5rem;
border-radius: .125rem
}
.picker .picker__frame .picker__box .picker__table .picker__weekday {
padding: .625rem 0;
font-size: 1rem
}
.picker .picker__frame .picker__box .picker__table .picker__day {
width: 2.5rem;
height: 2.5rem;
border-radius: 3.125rem;
padding: 0 !important;
font-size: 1rem;
line-height: 2.5rem;
margin: auto;
border: 0 !important
}
.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted {
border: 0 !important;
padding: 0;
background-color: var(--primary);
color: #fff !important
}
.picker .picker__frame .picker__box .picker__table .picker__day:hover {
background-color: var(--primary);
color: #fff !important
}
.picker__button--today:before, .picker__day--today:before, .picker__nav--next:before, .picker__nav--prev:before {
display: none
}
.picker .picker__frame .picker__box .picker__footer .picker__button--clear, .picker .picker__frame .picker__box .picker__footer .picker__button--close, .picker .picker__frame .picker__box .picker__footer .picker__button--today {
border: 0;
border-radius: .125rem;
font-size: 1rem
}
.picker .picker__frame .picker__box .picker__footer .picker__button--today {
background-color: var(--primary);
color: #fff !important
}
.picker .picker__frame .picker__box .picker__header .picker__nav--next:after, .picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
font-family: fontawesome;
border: 0;
margin: 0 auto;
font-size: 1.375rem
}
.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
content: "\f0d9"
}
.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
content: "\f0da"
}
[data-theme-version=dark] .picker__box {
background: #242424
}
[data-theme-version=dark] .picker .picker__frame .picker__box .picker__footer .picker__button--clear, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__footer .picker__button--close, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__header .picker__nav--next, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__header .picker__nav--prev, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__table .picker__day, [data-theme-version=dark] .picker__month, [data-theme-version=dark] .picker__year {
color: #fff
}
@media only screen and (max-width: 35.9375rem) {
.picker .picker__frame {
min-width: 100% !important;
max-width: 100% !important
}
.picker__wrap {
display: block
}
.picker .picker__frame .picker__box {
padding: .9375rem;
margin: 0 .625rem
}
.picker__table {
margin-bottom: .75em
}
}
.swiper-button-next, .swiper-button-prev {
color: #fff
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 25px
}
.swiper-button-next, .swiper-button-prev {
width: calc(var(--swiper-navigation-size) / 10 * 40)
}
.swiper-pagination-bullet {
width: 30px;
height: 3px;
border-radius: 0
}
.swiper-pagination-bullet-active {
background-color: #fff
}
@media (max-width: 35.9375rem) {
.swiper-button-next, .swiper-button-prev {
width: calc(var(--swiper-navigation-size) / 10 * 10)
}
}
.offcanvas.is-closed {
transform: translateX(100%)
}
#left-offcanvas.offcanvas.is-closed {
transform: translateX(-100%)
}
#top-offcanvas.offcanvas.is-closed {
transform: translatey(-100%)
}
#bottom-offcanvas.offcanvas.is-closed {
transform: translatey(100%)
}
.draggable.draggable-mirror {
opacity: .8;
transition: opacity .3s ease;
border-radius: .375rem;
background: #fff;
border: 2px dashed #e4e6ef !important
}
.draggable.draggable--original, .draggable.draggable-source--is-dragging.draggable--over {
opacity: 0 !important
}
.draggable-handle {
cursor: all-scroll
}
.draggable-zone {
outline: 0 !important
}
.content-body {
margin-left: 15rem;
z-index: 0;
transition: all .2s ease
}
[data-header-position=fixed] .content-body {
padding-top: 3.125rem
}
.container-fluid {
padding-top: 1.875rem;
padding-right: 1.875rem;
padding-left: 1.875rem
}
.container {
--bs-gutter-x: 25px;
--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;
margin-top: 2.5rem
}
[data-sidebar-style=overlay] .content-body {
margin-left: 0
}
.chart-grd:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 5rem;
left: 0;
background: linear-gradient(90deg, #fffc, #fff0);
z-index: 0;
pointer-events: none
}
.depostit-card .progress-box .progress {
height: .313rem;
margin-top: .188rem;
background-color: #e6eaee
}
.ttl-project .pr-data:after {
content: "";
position: absolute;
top: -20px;
right: -50px;
width: 1px;
height: 85px;
background: #0000001a
}
.draggable {
transition: opacity .3s ease;
outline: 0 !important
}
.to-dodroup .sub-card .d-items .d-items-2 svg {
margin-right: 10px
}
.earning-tab .nav-item .nav-link.active {
background-color: initial !important;
border-color: var(--primary) !important;
color: var(--secondary) !important;
font-weight: 500 !important
}
[data-theme-version=dark] .earning-tab .nav-item .nav-link.active, [data-theme-version=dark] .to-dodroup .sub-card .d-items .d-items-2 label {
color: #fff !important
}
.active-projects .dt-buttons .dt-button {
position: absolute;
top: -47px;
right: 20px;
font-size: 13px !important;
color: var(--primary);
font-weight: 400;
background: var(--rgba-primary-1);
padding: 5px 12px;
border-radius: .25rem;
margin-right: .333em;
margin-bottom: .333em;
z-index: 2;
transition: all .5s
}
.active-projects .dt-buttons .dt-button:hover {
color: var(--white);
background-color: var(--primary)
}
.active-projects.style-1 .dataTables_wrapper .dataTables_info {
padding-top: 1.255em;
color: #888
}
div.dt-buttons {
position: relative;
float: left
}
.active-projects .dt-buttons {
float: unset
}
.manage-client .dt-buttons {
display: none
}
.exports .dt-buttons .dt-button {
top: 0 !important;
right: 0 !important
}
.active-map-main:after {
content: "";
position: absolute;
top: -91px;
right: 0;
height: 417px;
background: #e6e6e6;
width: 1px
}
[data-theme-version=dark] .active-map-main:after {
background: #444
}
.active-projects.style-1 .dt-buttons .dt-button {
top: -50px;
right: 298px
}
.user-tbl .dt-buttons .dt-button {
top: 0
}
.navbar-nav li.active .scroll {
color: var(--primary) !important;
font-weight: 500
}
.navbar-nav .active:after {
background-color: var(--primary)
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px
}
}
@media (min-width: 768px) {
.container, .container-md, .container-sm {
max-width: 720px
}
}
@media only screen and (max-width: 47.9375rem) {
.content-body .container-fluid, .content-body .container-lg, .content-body .container-md, .content-body .container-sm, .content-body .container-xl, .content-body .container-xxl {
padding-top: 1.25rem;
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
max-width: 960px
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.col-xxl-3 {
flex: 0 0 25% !important;
max-width: 25% !important
}
.col-xxl-4 {
flex: 0 0 33.33333% !important;
max-width: 33.33333% !important
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50% !important
}
.col-xxl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667% !important
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75% !important
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100% !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 1199px) and (max-width: 1450px) {
.active-p, .flag {
width: 100% !important
}
.chat-map {
order: 1
}
.chat-map, .up-shd {
width: 50% !important
}
.bst-seller {
width: 100% !important
}
}
@media only screen and (min-width: 48rem) {
[data-sidebar-style=mini] .content-body {
margin-left: 3.8rem
}
}
@media (min-width: 64rem) {
[data-layout=horizontal] .content-body {
margin-left: 0
}
}
@media only screen and (max-width: 100rem) {
.active-projects.style-1 .dt-buttons .dt-button {
right: 298px
}
}
.active-projects.attendance-tbl .dt-buttons .dt-button {
right: 180px !important
}
@media only screen and (max-width: 47.9375rem) {
[data-header-position=fixed] .content-body {
padding-top: 3.1rem
}
.content-body {
padding-right: 0
}
.active-projects.style-1 .dt-buttons {
display: none
}
}
@media only screen and (max-width: 74.9375rem) {
.t-earn {
order: 1
}
}
@media only screen and (min-width: 1199px) and (max-width: 1450px) {
.wid-100 {
width: 100% !important
}
.t-earn {
order: 1;
width: 50% !important
}
}
@media only screen and (min-width: 1200px) {
.wid-100 {
width: 75% !important
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1140px !important
}
}
@media only screen and (min-width: 1199px) and (max-width: 1920px) {
.customeoff {
width: 800px !important
}
}
@media (max-width: 35.9375rem) {
.content-body .container-fluid, .content-body .container-lg, .content-body .container-md, .content-body .container-sm, .content-body .container-xl, .content-body .container-xxl {
padding-top: .9375rem;
padding-right: .9375rem;
padding-left: .9375rem
}
}
.tagify__tag:focus div:before, .tagify__tag:hover:not([readonly]) div:before {
--tag-bg-inset: 0.5px
}
.tagify__tag__removeBtn:hover + div > span {
opacity: 1
}
.blog-title:before {
height: 4px;
width: 60px;
left: 0;
border-radius: 10px
}
.blog-title:after, .blog-title:before {
content: "";
background-color: var(--primary);
position: absolute;
bottom: -5px
}
.blog-title:after {
height: 5px;
width: 5px;
left: 65px;
border-radius: 50px
}
.mix-chart-tab .nav-link.active svg path {
fill: #fff
}
.crd-bx-img .active {
width: 15px;
height: 15px;
background: #3ac977;
border-radius: 50%;
left: 5rem;
position: absolute;
bottom: .4rem
}
.crd-bx-img .active.deactive {
background: #ff5e5e
}
.chat-p.style-1 .active:after {
content: "";
position: absolute;
height: 10px;
width: 10px;
background: #3ac977;
bottom: 0;
left: 33px;
border-radius: 50%;
border: 2px solid #fff
}
.author-profile .upload-link {
position: absolute;
width: 35px;
height: 35px;
line-height: 32px;
background: var(--primary);
bottom: 0;
right: 0;
box-shadow: 0 0 10px 0 #0018801a;
border-radius: 100%;
color: #fff;
overflow: hidden;
border: 2px solid #fff
}
.author-profile .upload-link .update-flie {
position: absolute;
opacity: 0;
z-index: 0;
width: 100%;
cursor: pointer;
left: 0;
height: 100%
}
.profile-card .card-header .title:after {
content: "";
height: 3px;
width: 100%;
background-color: var(--primary);
position: absolute;
bottom: -31px;
left: 0
}
.photo-content .cover-photo {
background: url(../images/profile/12.jpg);
background-size: cover;
background-position: 50%;
min-height: 15.625rem;
width: 100%;
border-top-left-radius: .375rem;
border-top-right-radius: .375rem
}
.profile-tab .nav-item .nav-link.active, .profile-tab .nav-item .nav-link:hover {
border-bottom: .0125rem solid var(--primary) !important
}
.card-profile {
background-image: url(../images/crm-profile.jpg);
background-size: cover;
background-position: 50%;
padding: 30px
}
.arrow {
transform: rotate(-180deg);
transition: all .3s
}
.arrow.arrow-animate {
transform: rotate(0deg);
opacity: 1;
color: var(--bs-body-color)
}
.btn.tp-btn.btn-primary:hover svg path {
fill: #fff
}
@media only screen and (max-width: 35.9375rem) {
.profile-card .card-header .title:after {
bottom: -22px
}
.photo-content .cover-photo {
min-height: 13.625rem
}
}
.email-left-box {
margin-bottom: 20px;
height: calc(100vh - 120px);
padding: 1.875rem 1.25rem;
overflow-y: auto;
border-right: 1px solid #e6e6e6
}
[data-theme-version=dark] .email-left-box {
border-color: #444
}
.toolbar .btn-group .btn.nav-link.active svg path, .toolbar .btn-group .btn.nav-link:hover svg path {
fill: var(--primary)
}
.toolbar .btn-group .btn.nav-link.active:before {
width: 100%
}
.toolbar .btn-group .btn.nav-link.active:before, .toolbar .btn-group .btn.nav-link:before {
content: "";
display: block;
background-color: var(--primary);
position: absolute;
bottom: -.325rem;
left: 50%;
transform: translateX(-50%);
height: 3px;
transition: all .5s
}
.toolbar .btn-group .btn.nav-link:before {
width: 0
}
.saprat .mail-tools a:hover svg {
background: var(--rgba-primary-1);
border-radius: .375rem
}
.toolbar .btn-group .btn.nav-link:hover:before {
width: 100%
}
.email-left-box .mail-list .list-group-item.active {
color: #2c2c2c !important;
background-color: var(--rgba-secondary-1) !important;
border: none !important
}
[data-theme-version=dark] .email-left-box .mail-list .list-group-item.active {
background: #ffffff1a !important;
margin: 13px 0 !important;
color: #fff !important
}
.email-left-box .mail-list .list-group-item:before {
content: "";
display: block;
background-color: var(--rgba-secondary-1);
color: var(--secondary);
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
transition: all .5s
}
.email-left-box .mail-list .list-group-item:hover:before {
width: 100%
}
.email-left-box .mail-list .list-group-item:hover svg path {
fill: var(--secondary);
stroke: var(--secondary)
}
.compose-wrapper {
height: calc(100vh - 180px);
overflow-y: scroll;
padding: 0 1rem
}
.email-list .message .message-single .bookmark-btn input {
position: absolute;
cursor: pointer;
height: 0;
width: 0;
display: none
}
.email-list {
height: calc(100vh - 212px)
}
.email-list .message .message-single .bookmark-btn .checkmark {
font-weight: 900;
font-family: font awesome\ 5 free
}
.email-list .message .message-single .bookmark-btn .checkmark:before {
content: "\f005";
font-size: 1.25rem;
border-color: #666;
font-weight: 100;
color: #c4c4c4
}
.email-list .message .message-single .bookmark-btn input:checked ~ .checkmark:before {
color: #ff9838;
font-weight: 900
}
.tab-content > .tab-pane {
display: none
}
.tab-content > .active {
display: block
}
.read-wapper {
height: calc(100vh - 180px)
}
@media only screen and (max-width: 74.9375rem) {
.email-left-box {
margin-right: -10px
}
.toolbar {
height: auto !important
}
.toolbar .btn-group .btn.nav-link.active {
padding: .5rem 1rem;
font-size: .75rem
}
.saprat .mail-tools {
margin-left: 3.725rem
}
}
@media only screen and (max-width: 1400px) {
.toolbar .btn-group .btn.nav-link.active:before, .toolbar .btn-group .btn.nav-link:before {
display: none
}
}
@media only screen and (max-width: 61.9375rem) {
.email-left-box {
margin: 0;
border-right: 0;
height: calc(100vh - 204.2px)
}
.toolbar {
border-top: 1px solid #fff;
padding-top: 10px
}
}
@media only screen and (max-width: 47.9375rem) {
.email-left-box {
width: 100%;
float: none;
border: none;
padding-bottom: 1.875rem !important
}
}
@media (max-width: 35.9375rem) {
.email-left-box {
margin-top: 20px;
padding-bottom: 0 !important;
height: calc(100vh - 160px);
padding-left: 20px !important
}
.email-left-body {
width: 16rem !important;
position: fixed;
height: 100vh;
transition: all .5s;
left: -22rem;
top: 0;
z-index: 999
}
.email-left-body.active {
left: 0;
background: #fff;
transition: all .5s;
overflow-y: scroll
}
.email-tools-box.active:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vh;
height: 100vh;
background-color: #000;
opacity: .2;
border-radius: .75rem;
z-index: 4
}
}
.new-arrival-product .new-arrivals-img-contnent:after {
position: absolute;
top: 0;
left: -85%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: linear-gradient(90deg, #fff0 0, #ffffff4d);
transform: skewX(-25deg)
}
[data-theme-version=dark] .brand-title path, [data-theme-version=dark] .inovice-logo svg path.react-w {
fill: #fff !important
}
.new-arrival-product:hover .new-arrivals-img-contnent:after {
animation: shine .75s
}
@keyframes shine {
to {
left: 125%
}
}
.ai-tabs-1 .nav-tabs .nav-link.active {
color: var(--primary) !important
}
.ai-tabs-1 .nav-tabs .nav-link.active:after {
content: "";
position: absolute;
background-color: var(--primary);
height: 5px;
width: 100%;
bottom: -7px;
left: 0;
border-radius: .375rem .375rem 0 0
}
.check-ai .form-check-input + .form-check-label, .check-ai .form-check-input:checked + .form-check-label {
border: 1px solid #ccc;
border-radius: .375rem;
background-color: var(--rgba-primary-1);
padding: 10px;
margin: 0
}
.check-ai .form-check-input + .form-check-label {
background-color: #f4f4f4
}
.check-ai .form-check .form-check-input {
position: absolute;
left: 6px;
margin: 0;
top: 12px
}
.check-ai .form-check .form-check-input:checked {
left: 6px;
top: 12px
}
.back-theme-ai .form-check .form-check-input:checked + span:after {
top: -.105rem;
left: -.313rem;
opacity: 1;
cursor: pointer
}
.back-theme-ai .form-check span:after {
position: absolute;
content: "";
border: .125rem solid #000;
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
opacity: 0
}
.back-theme-ai .form-check .form-check-input:checked[type=radio] {
--bs-form-check-bg-image: none
}
.upload-img .dlab-message {
margin: 0 !important
}
.ai-slider .noUi-handle {
width: 20px;
height: 20px;
border: 3px solid #fff;
box-shadow: 0 0 30px #46317d80
}
.tagify__tag {
background-color: #e5e5e5
}
[data-theme-version=dark] .setting-list svg path {
stroke: #fff
}
.menu-ac-item .dd-collapse {
height: 3.838rem;
width: 3.538rem;
position: absolute;
top: 0;
left: 0;
margin: 0;
font-size: 1.75rem;
color: #000;
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem
}
.menu-ac-item .dd-expand {
display: none
}
.tab-my.nav-tabs .nav-link {
background-color: #dfdfdf;
color: #888
}
.tab-my.nav-tabs .nav-link.active {
background-color: var(--primary);
border-color: var(--primary) !important;
color: #fff !important
}
.cm-content-box .accordion-content, .main-check.accordion-content {
display: none
}
@media only screen and (max-width: 100rem) {
.nav-tabs.style-1 {
padding: 0 25px !important;
margin: 0 0 24px -25px !important
}
}
@media only screen and (max-width: 365px) {
.nav-tabs.style-1 {
padding: 0 13px !important;
margin: 0 0 24px -25px !important
}
}
.accordion-content.hide {
display: none
}
.element-area .demo-view {
width: calc(100% - 270px)
}
@media only screen and (max-width: 100rem) {
.element-area .demo-view {
width: calc(100% - 236px)
}
}
@media only screen and (max-width: 74.9375rem) {
.element-area .demo-view {
width: calc(100% - 224px)
}
}
@media only screen and (max-width: 61.9375rem) {
.element-area .demo-right {
display: none
}
.element-area .demo-view {
width: 100%
}
}
.accordion-header-indicator {
font-family: themify;
position: absolute;
right: 1.5625rem;
top: 50%;
transform: translateY(-50%)
}
.accordion-header.active .accordion-header-indicator:before {
content: "\e622"
}
.accordion-header:not(.active) .accordion-header-indicator:before {
content: "\e61a"
}
.accordion-primary .accordion-header.active {
background-color: var(--primary) !important;
border: 1px solid var(--primary) !important;
color: #fff !important;
box-shadow: 0 .9375rem 1.25rem 0 var(--rgba-primary-1);
transition: all .5s
}
.accordion-danger-solid .accordion-header.active {
background-color: var(--danger) !important;
border: 1px solid var(--danger) !important;
color: #fff !important;
box-shadow: 0 -.625rem 1.25rem 0 #ff5e5e26
}
.accordion-danger-solid .accordion-header.active, .accordion.accordion-no-gutter .accordion-item:last-child .accordion-header.active {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.dzm-tabs .nav-item .nav-link.active {
background: var(--primary) !important;
color: #fff !important;
border: 1px solid #0000;
border-radius: 6px
}
.accordion-header-bg .accordion-header {
background-color: #dfdfdf
}
.accordion-bordered .accordion-header.active {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.accordion-active-header .accordion-header.active {
background-color: #58bad7 !important;
border-color: #58bad7 !important;
color: #fff !important
}
.accordion-gradient .accordion-header {
color: #fff;
background-image: linear-gradient(90deg, #ba01b5d9 0, #6719ffd9);
border-color: #0000
}
.accordion-gradient .accordion-header.active {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.accordion-gradient .accordion-content {
color: #fff;
background-image: linear-gradient(90deg, #ba01b5d9 0, #6719ffd9);
border-color: #0000
}
.accordion-with-icon .accordion-header-icon:before {
content: "\e645"
}
.demo-right-inner li:after {
content: "";
position: absolute;
background-color: #dfdfdf;
width: 5px;
height: 5px;
border-radius: 50%;
top: 18px;
left: 0
}
.tab-content {
display: none;
transition: all .5s
}
.tab-content.show {
display: block;
transition: all .5s
}
.icon-bell-53:before {
content: "\ea0e"
}
.list-group-item.active, .list-group-item.active:hover {
background-color: var(--primary) !important;
color: var(--white) !important;
border: 1px solid var(--primary) !important
}
.progress-bar-striped {
background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
background-size: 1rem 1rem
}
.dz-popover-content.hide {
display: none
}
.visuallyHidden {
opacity: 0
}
.dz-popover + .dz-popover-content:after {
bottom: -8px;
content: " ";
height: 0;
margin-left: -13px;
position: absolute;
width: 0
}
.dz-popover + .dz-popover-content.left:after {
border: 8px solid #0000;
border-left-color: #d1d1d1;
top: 45%;
right: -6.3%
}
.dz-popover + .dz-popover-content.top:after {
border-left: 8px solid #0000;
border-right: 8px solid #0000;
border-top: 8px solid #d1d1d1;
left: 48%
}
.dz-popover + .dz-popover-content.bottom:after {
border-left: 8px solid #0000;
border-right: 8px solid #0000;
border-bottom: 8px solid #d1d1d1;
left: 46%;
bottom: 100%
}
.dz-popover + .dz-popover-content.right:after {
border: 8px solid #0000;
border-right-color: #d1d1d1;
top: 46%;
left: -3px
}
@media (max-width: 1480px) {
.dz-popover + .dz-popover-content.left:after {
border-left: 8px solid #0000;
border-right: 8px solid #0000;
border-top: 8px solid #d1d1d1;
right: 48%;
top: 100%
}
}
@media (max-width: 35.9375rem) {
.dz-popover + .dz-popover-content.right:after {
border-left: 8px solid #0000;
border-right: 8px solid #0000;
border-bottom: 8px solid #d1d1d1;
left: 46%;
bottom: 100%;
top: auto
}
}
.dz-card .card-body.code-area .language-html {
background: #0000;
color: #fff
}
pre code {
font-size: 12px;
word-break: normal
}
pre code.hljs {
display: block;
overflow-x: auto;
color: #fff;
padding: 0
}
.hljs-punctuation, .hljs-tag {
color: var(--primary)
}
.hljs-tag .hljs-attr, .hljs-tag .hljs-name {
color: #78c6ff
}
.hljs-deletion, .hljs-number, .hljs-quote, .hljs-selector-class, .hljs-selector-id, .hljs-string, .hljs-template-tag, .hljs-type {
color: #ffa8a8
}
.error-page:before {
content: "";
position: absolute;
opacity: .8;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.error-page .dz-error:after, .error-page .dz-error:before {
content: attr(data-text);
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.error-page .dz-error:before {
left: 2px;
text-shadow: -2px 0 #f7cf47;
clip: rect(44px, 450px, 56px, 0);
animation: dzError1 5s linear infinite alternate-reverse
}
.error-page .dz-error:after {
left: -2px;
text-shadow: -2px 0 #f7cf47, 2px 2px #f7cf47;
clip: rect(44px, 450px, 56px, 0);
animation: dzError2 5s linear infinite alternate-reverse
}
@keyframes dzError1 {
0% {
clip: rect(83px, 9999px, 199px, 0);
transform: skew(.754deg)
}
2.5% {
clip: rect(415px, 9999px, 291px, 0);
transform: skew(.458deg)
}
5% {
clip: rect(226px, 9999px, 112px, 0);
transform: skew(.336deg)
}
7.5% {
clip: rect(130px, 9999px, 103px, 0);
transform: skew(.938deg)
}
10% {
clip: rect(362px, 9999px, 98px, 0);
transform: skew(.728deg)
}
12.5% {
clip: rect(349px, 9999px, 232px, 0);
transform: skew(.114deg)
}
15% {
clip: rect(442px, 9999px, 460px, 0);
transform: skew(.304deg)
}
17.5% {
clip: rect(296px, 9999px, 306px, 0);
transform: skew(.404deg)
}
20% {
clip: rect(372px, 9999px, 27px, 0);
transform: skew(.162deg)
}
22.5% {
clip: rect(107px, 9999px, 305px, 0);
transform: skew(.906deg)
}
25% {
clip: rect(355px, 9999px, 496px, 0);
transform: skew(.046deg)
}
27.5% {
clip: rect(459px, 9999px, 76px, 0);
transform: skew(.676deg)
}
30% {
clip: rect(416px, 9999px, 46px, 0);
transform: skew(.042deg)
}
32.5% {
clip: rect(371px, 9999px, 208px, 0);
transform: skew(.422deg)
}
35% {
clip: rect(418px, 9999px, 419px, 0);
transform: skew(.138deg)
}
37.5% {
clip: rect(246px, 9999px, 46px, 0);
transform: skew(.854deg)
}
40% {
clip: rect(4px, 9999px, 150px, 0);
transform: skew(.842deg)
}
42.5% {
clip: rect(39px, 9999px, 58px, 0);
transform: skew(.56deg)
}
45% {
clip: rect(394px, 9999px, 485px, 0);
transform: skew(.358deg)
}
47.5% {
clip: rect(20px, 9999px, 194px, 0);
transform: skew(.948deg)
}
50% {
clip: rect(469px, 9999px, 14px, 0);
transform: skew(.282deg)
}
52.5% {
clip: rect(317px, 9999px, 155px, 0);
transform: skew(.578deg)
}
55% {
clip: rect(398px, 9999px, 309px, 0);
transform: skew(.614deg)
}
57.5% {
clip: rect(477px, 9999px, 404px, 0);
transform: skew(.432deg)
}
60% {
clip: rect(338px, 9999px, 443px, 0);
transform: skew(.904deg)
}
62.5% {
clip: rect(33px, 9999px, 132px, 0);
transform: skew(.724deg)
}
65% {
clip: rect(110px, 9999px, 197px, 0);
transform: skew(.53deg)
}
67.5% {
clip: rect(438px, 9999px, 97px, 0);
transform: skew(.516deg)
}
70% {
clip: rect(57px, 9999px, 100px, 0);
transform: skew(.544deg)
}
72.5% {
clip: rect(71px, 9999px, 170px, 0);
transform: skew(.154deg)
}
75% {
clip: rect(95px, 9999px, 27px, 0);
transform: skew(.378deg)
}
77.5% {
clip: rect(446px, 9999px, 72px, 0);
transform: skew(.966deg)
}
80% {
clip: rect(17px, 9999px, 260px, 0);
transform: skew(.82deg)
}
82.5% {
clip: rect(314px, 9999px, 139px, 0);
transform: skew(.252deg)
}
85% {
clip: rect(442px, 9999px, 461px, 0);
transform: skew(.178deg)
}
87.5% {
clip: rect(50px, 9999px, 7px, 0);
transform: skew(.272deg)
}
90% {
clip: rect(163px, 9999px, 340px, 0);
transform: skew(.628deg)
}
92.5% {
clip: rect(213px, 9999px, 214px, 0);
transform: skew(.21deg)
}
95% {
clip: rect(307px, 9999px, 471px, 0);
transform: skew(.778deg)
}
97.5% {
clip: rect(14px, 9999px, 218px, 0);
transform: skew(.15deg)
}
}
@keyframes dzError2 {
0% {
clip: rect(160px, 9999px, 50px, 0);
transform: skew(.22deg)
}
2.5% {
clip: rect(405px, 9999px, 303px, 0);
transform: skew(.628deg)
}
5% {
clip: rect(37px, 9999px, 213px, 0);
transform: skew(.854deg)
}
7.5% {
clip: rect(53px, 9999px, 487px, 0);
transform: skew(.712deg)
}
10% {
clip: rect(471px, 9999px, 408px, 0);
transform: skew(.372deg)
}
12.5% {
clip: rect(479px, 9999px, 363px, 0);
transform: skew(.296deg)
}
15% {
clip: rect(255px, 9999px, 309px, 0);
transform: skew(.994deg)
}
17.5% {
clip: rect(422px, 9999px, 410px, 0);
transform: skew(.74deg)
}
20% {
clip: rect(29px, 9999px, 441px, 0);
transform: skew(.414deg)
}
22.5% {
clip: rect(296px, 9999px, 380px, 0);
transform: skew(.464deg)
}
25% {
clip: rect(84px, 9999px, 94px, 0);
transform: skew(.578deg)
}
27.5% {
clip: rect(287px, 9999px, 101px, 0);
transform: skew(.926deg)
}
30% {
clip: rect(438px, 9999px, 38px, 0);
transform: skew(.758deg)
}
32.5% {
clip: rect(263px, 9999px, 159px, 0);
transform: skew(.03deg)
}
35% {
clip: rect(163px, 9999px, 64px, 0);
transform: skew(.834deg)
}
37.5% {
clip: rect(347px, 9999px, 457px, 0);
transform: skew(.424deg)
}
40% {
clip: rect(223px, 9999px, 23px, 0);
transform: skew(.866deg)
}
42.5% {
clip: rect(288px, 9999px, 358px, 0);
transform: skew(.494deg)
}
45% {
clip: rect(76px, 9999px, 311px, 0);
transform: skew(.454deg)
}
47.5% {
clip: rect(9px, 9999px, 296px, 0);
transform: skew(.246deg)
}
50% {
clip: rect(319px, 9999px, 214px, 0);
transform: skew(.848deg)
}
52.5% {
clip: rect(476px, 9999px, 65px, 0);
transform: skew(.258deg)
}
55% {
clip: rect(215px, 9999px, 79px, 0);
transform: skew(.476deg)
}
57.5% {
clip: rect(91px, 9999px, 211px, 0);
transform: skew(.638deg)
}
60% {
clip: rect(423px, 9999px, 117px, 0);
transform: skew(.352deg)
}
62.5% {
clip: rect(296px, 9999px, 338px, 0);
transform: skew(.722deg)
}
65% {
clip: rect(468px, 9999px, 365px, 0);
transform: skew(.694deg)
}
67.5% {
clip: rect(238px, 9999px, 358px, 0);
transform: skew(.768deg)
}
70% {
clip: rect(81px, 9999px, 392px, 0);
transform: skew(.416deg)
}
72.5% {
clip: rect(443px, 9999px, 422px, 0);
transform: skew(.558deg)
}
75% {
clip: rect(377px, 9999px, 316px, 0);
transform: skew(.092deg)
}
77.5% {
clip: rect(406px, 9999px, 256px, 0);
transform: skew(.794deg)
}
80% {
clip: rect(370px, 9999px, 426px, 0);
transform: skew(.898deg)
}
82.5% {
clip: rect(140px, 9999px, 217px, 0);
transform: skew(.164deg)
}
85% {
clip: rect(493px, 9999px, 290px, 0);
transform: skew(.448deg)
}
87.5% {
clip: rect(496px, 9999px, 328px, 0);
transform: skew(.694deg)
}
90% {
clip: rect(38px, 9999px, 20px, 0);
transform: skew(.432deg)
}
92.5% {
clip: rect(41px, 9999px, 440px, 0);
transform: skew(.292deg)
}
95% {
clip: rect(171px, 9999px, 115px, 0);
transform: skew(.86deg)
}
97.5% {
clip: rect(4px, 9999px, 33px, 0);
transform: skew(.62deg)
}
}
.login-form .login-title:after, .login-form .login-title:before {
content: "";
height: 1px;
flex: 1 1;
left: 0;
background-color: #e1e1f0;
margin: 0;
padding: 0
}
[data-theme-version=dark] .login-form .login-title:after, [data-theme-version=dark] .login-form .login-title:before {
background-color: #444
}
.selection\:bg-primary ::-moz-selection {
background-color: var(--primary) !important
}
.selection\:bg-primary ::selection {
background-color: var(--primary) !important
}
.selection\:text-white ::-moz-selection {
color: var(--white) !important
}
.selection\:text-white ::selection {
color: var(--white) !important
}
.selection\:bg-primary::-moz-selection {
background-color: var(--primary) !important
}
.selection\:bg-primary::selection {
background-color: var(--primary) !important
}
.selection\:text-white::-moz-selection {
color: var(--white) !important
}
.selection\:text-white::selection {
color: var(--white) !important
}
.file\:h-\[2\.5rem\]::file-selector-button {
height: 2.5rem !important
}
.file\:h-\[2\.813rem\]::file-selector-button {
height: 2.813rem !important
}
.file\:h-\[3\.8rem\]::file-selector-button {
height: 3.8rem !important
}
.file\:border-b-color::file-selector-button {
border-color: var(--border-color) !important
}
.file\:bg-\[\#f8f9fa\]::file-selector-button {
--tw-bg-opacity: 1 !important;
background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
}
.file\:p-1::file-selector-button {
padding: .25rem !important
}
.file\:py-\[0\.175rem\]::file-selector-button {
padding-top: .175rem !important;
padding-bottom: .175rem !important
}
.file\:pl-2::file-selector-button {
padding-left: .5rem !important
}
.file\:pl-2\.5::file-selector-button {
padding-left: .625rem !important
}
.file\:pr-3::file-selector-button {
padding-right: .75rem !important
}
.file\:text-body-color::file-selector-button {
color: var(--bs-body-color) !important
}
.file\:outline-none::file-selector-button {
outline: 2px solid #0000 !important;
outline-offset: 2px !important
}
.placeholder\:text-\[0\.76563rem\]::-moz-placeholder {
font-size: .76563rem !important
}
.placeholder\:text-\[0\.76563rem\]::placeholder {
font-size: .76563rem !important
}
.placeholder\:text-\[1\.09375rem\]::-moz-placeholder {
font-size: 1.09375rem !important
}
.placeholder\:text-\[1\.09375rem\]::placeholder {
font-size: 1.09375rem !important
}
.before\:float-left:before {
content: var(--tw-content) !important;
float: left !important
}
.before\:pr-2:before {
content: var(--tw-content) !important;
padding-right: .5rem !important
}
.before\:font-\[simple-line-icons\]:before {
content: var(--tw-content) !important;
font-family: simple-line-icons !important
}
.before\:text-xl:before {
content: var(--tw-content) !important;
font-size: 1.25rem !important;
line-height: 1.75rem !important
}
.before\:font-black:before {
content: var(--tw-content) !important;
font-weight: 900 !important
}
.before\:leading-4:before {
content: var(--tw-content) !important;
line-height: 1rem !important
}
.before\:text-primary:before {
content: var(--tw-content) !important;
color: var(--primary) !important
}
.before\:content-\[\'\/\'\]:before {
--tw-content: "/" !important;
content: var(--tw-content) !important
}
.after\:ml-0:after {
content: var(--tw-content) !important;
margin-left: 0 !important
}
.after\:hidden:after {
content: var(--tw-content) !important;
display: none !important
}
.hover\:z-\[1\]:hover {
z-index: 1 !important
}
.hover\:translate-y-\[-10px\]:hover {
--tw-translate-y: -10px !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.hover\:border-\[\#f9f9f9\]:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(249 249 249/var(--tw-border-opacity)) !important
}
.hover\:border-black:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}
.hover\:border-danger:hover {
border-color: var(--danger) !important
}
.hover\:border-danger-hover:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(255 118 118/var(--tw-border-opacity)) !important
}
.hover\:border-danger-light:hover {
border-color: var(--danger-light) !important
}
.hover\:border-dark-hover:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(136 136 136/var(--tw-border-opacity)) !important
}
.hover\:border-hover-primary:hover {
border-color: var(--primary-hover) !important
}
.hover\:border-info:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}
.hover\:border-info-hover:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(113 196 221/var(--tw-border-opacity)) !important
}
.hover\:border-primary:hover {
border-color: var(--primary) !important
}
.hover\:border-secondary:hover {
border-color: var(--secondary) !important
}
.hover\:border-success-hover:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(88 209 139/var(--tw-border-opacity)) !important
}
.hover\:border-warning:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}
.hover\:bg-\[\#005983\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 89 131/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#008abd\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 138 189/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#0c85d0\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(12 133 208/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#0d99ff0d\]:hover {
background-color: #0d99ff0d !important
}
.hover\:bg-\[\#1266f1\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(18 102 241/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#1295bf\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(18 149 191/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#18aa4c\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(24 170 76/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#1da851\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(29 168 81/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#222e3d\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(34 46 61/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#2d0165\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(45 1 101/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#2d4373\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(45 67 115/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#771800\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(119 24 0/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#8c0615\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(140 6 21/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#992180\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(153 33 128/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#F3F5F7\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(243 245 247/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#be2d23\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(190 45 35/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#cc0000\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(204 0 0/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#cc3700\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(204 55 0/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#ccca00\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(204 202 0/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#e51e6b\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(229 30 107/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#ececec\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(236 236 236/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#f8f9fa\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#f9f9f9\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(249 249 249/var(--tw-bg-opacity)) !important
}
.hover\:bg-\[\#ffa91a\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 169 26/var(--tw-bg-opacity)) !important
}
.hover\:bg-badge-secondary:hover {
background-color: var(--badge-secondary) !important
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}
.hover\:bg-d-light:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}
.hover\:bg-d-light-2:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(223 223 223/var(--tw-bg-opacity)) !important
}
.hover\:bg-danger:hover {
background-color: var(--danger) !important
}
.hover\:bg-danger-hover:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 118 118/var(--tw-bg-opacity)) !important
}
.hover\:bg-danger-light:hover {
background-color: var(--danger-light) !important
}
.hover\:bg-dark:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(110 110 110/var(--tw-bg-opacity)) !important
}
.hover\:bg-dark-hover:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(136 136 136/var(--tw-bg-opacity)) !important
}
.hover\:bg-hover-primary:hover {
background-color: var(--primary-hover) !important
}
.hover\:bg-info:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(88 186 215/var(--tw-bg-opacity)) !important
}
.hover\:bg-info-hover:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(113 196 221/var(--tw-bg-opacity)) !important
}
.hover\:bg-info-light:hover {
background-color: var(--info-light) !important
}
.hover\:bg-primary:hover {
background-color: var(--primary) !important
}
.hover\:bg-primary-light:hover {
background-color: var(--rgba-primary-1) !important
}
.hover\:bg-secondary:hover {
background-color: var(--secondary) !important
}
.hover\:bg-success:hover {
background-color: var(--success) !important
}
.hover\:bg-success-hover:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(88 209 139/var(--tw-bg-opacity)) !important
}
.hover\:bg-success-light:hover {
background-color: var(--success-light) !important
}
.hover\:bg-warning:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 159 0/var(--tw-bg-opacity)) !important
}
.hover\:bg-warning-light:hover {
background-color: var(--warning-light) !important
}
.hover\:text-black:hover {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0/var(--tw-text-opacity)) !important
}
.hover\:text-hover-primary:hover {
color: var(--primary-hover) !important
}
.hover\:text-link-hover:hover {
color: var(--bs-link-hover-color) !important
}
.hover\:text-primary:hover {
color: var(--primary) !important
}
.hover\:text-secondary:hover {
color: var(--secondary) !important
}
.hover\:text-white:hover {
color: var(--white) !important
}
.hover\:opacity-100:hover {
opacity: 1 !important
}
.hover\:shadow-\[rgba\(0\2c
0
\2c
0
\2c
0
\.1\)_0px_10px_15px_-3px\2c rgba\(0\2c
0
\2c
0
\2c
0
\.05\)_0px_4px_6px_-2px\]:hover {
--tw-shadow: #0000001a 0px 10px 15px -3px, #0000000d 0px 4px 6px -2px !important;
--tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.focus\:border-danger:focus {
border-color: var(--danger) !important
}
.focus\:border-info:focus {
--tw-border-opacity: 1 !important;
border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}
.focus\:border-primary:focus {
border-color: var(--primary) !important
}
.focus\:bg-black:focus {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}
.focus\:bg-danger-hover:focus {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 118 118/var(--tw-bg-opacity)) !important
}
.focus\:bg-hover-primary:focus {
background-color: var(--primary-hover) !important
}
.focus\:bg-info-hover:focus {
--tw-bg-opacity: 1 !important;
background-color: rgb(113 196 221/var(--tw-bg-opacity)) !important
}
.focus\:bg-success-hover:focus {
--tw-bg-opacity: 1 !important;
background-color: rgb(88 209 139/var(--tw-bg-opacity)) !important
}
.focus\:text-white:focus {
color: var(--white) !important
}
.focus\:shadow-\[0_0_0_0\.25rem_\#0d99ff40\]:focus {
--tw-shadow: 0 0 0 0.25rem #0d99ff40 !important;
--tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.focus\:ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.group:hover .group-hover\:text-primary {
color: var(--primary) !important
}
.group:hover .group-hover\:opacity-0 {
opacity: 0 !important
}
.group:hover .group-hover\:opacity-100 {
opacity: 1 !important
}
:is([data-theme-version=dark] .dark\:my-\[13px\]) {
margin-top: 13px !important;
margin-bottom: 13px !important
}
:is([data-theme-version=dark] .dark\:inline-block) {
display: inline-block !important
}
:is([data-theme-version=dark] .dark\:hidden) {
display: none !important
}
:is([data-theme-version=dark] .dark\:border-\[\#444444\]) {
--tw-border-opacity: 1 !important;
border-color: rgb(68 68 68/var(--tw-border-opacity)) !important
}
:is([data-theme-version=dark] .dark\:border-\[\#6e6e6e59\]) {
border-color: #6e6e6e59 !important
}
:is([data-theme-version=dark] .dark\:border-\[\#ff5e5e26\]) {
border-color: #ff5e5e26 !important
}
:is([data-theme-version=dark] .dark\:border-danger) {
border-color: var(--danger) !important
}
:is([data-theme-version=dark] .dark\:border-info) {
--tw-border-opacity: 1 !important;
border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}
:is([data-theme-version=dark] .dark\:border-primary) {
border-color: var(--primary) !important
}
:is([data-theme-version=dark] .dark\:border-success) {
border-color: var(--success) !important
}
:is([data-theme-version=dark] .dark\:border-transparent) {
border-color: #0000 !important
}
:is([data-theme-version=dark] .dark\:border-warning) {
--tw-border-opacity: 1 !important;
border-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#000000e6\]) {
background-color: #000000e6 !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#171717\]) {
--tw-bg-opacity: 1 !important;
background-color: rgb(23 23 23/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#1E1E1E\]) {
--tw-bg-opacity: 1 !important;
background-color: rgb(30 30 30/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#242424\]) {
--tw-bg-opacity: 1 !important;
background-color: rgb(36 36 36/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#2c2c2c80\]) {
background-color: #2c2c2c80 !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#2c2c2c\]) {
--tw-bg-opacity: 1 !important;
background-color: rgb(44 44 44/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#383838\]) {
--tw-bg-opacity: 1 !important;
background-color: rgb(56 56 56/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#6e6e6e59\]) {
background-color: #6e6e6e59 !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#888888\]) {
--tw-bg-opacity: 1 !important;
background-color: rgb(136 136 136/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#ff5e5e1a\]) {
background-color: #ff5e5e1a !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#ff5e5e26\]) {
background-color: #ff5e5e26 !important
}
:is([data-theme-version=dark] .dark\:bg-\[\#ffffff1a\]) {
background-color: #ffffff1a !important
}
:is([data-theme-version=dark] .dark\:bg-black) {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:bg-primary) {
background-color: var(--primary) !important
}
:is([data-theme-version=dark] .dark\:bg-primary-dark) {
background-color: var(--primary-dark) !important
}
:is([data-theme-version=dark] .dark\:bg-transparent) {
background-color: #0000 !important
}
:is([data-theme-version=dark] .dark\:text-\[\#828690\]) {
--tw-text-opacity: 1 !important;
color: rgb(130 134 144/var(--tw-text-opacity)) !important
}
:is([data-theme-version=dark] .dark\:text-\[\#888888\]) {
--tw-text-opacity: 1 !important;
color: rgb(136 136 136/var(--tw-text-opacity)) !important
}
:is([data-theme-version=dark] .dark\:text-\[\#ffffffb3\]) {
color: #ffffffb3 !important
}
:is([data-theme-version=dark] .dark\:text-black) {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0/var(--tw-text-opacity)) !important
}
:is([data-theme-version=dark] .dark\:text-body-color) {
color: var(--bs-body-color) !important
}
:is([data-theme-version=dark] .dark\:text-primary) {
color: var(--primary) !important
}
:is([data-theme-version=dark] .dark\:text-white) {
color: var(--white) !important
}
:is([data-theme-version=dark] .dark\:shadow-\[0_0_6px_3px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]) {
--tw-shadow: 0 0 6px 3px #ffffff1a !important;
--tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
:is([data-theme-version=dark] .dark\:shadow-\[0rem_0rem_0rem_0\.0625rem_rgba\(255\2c 255\2c 255\2c 0\.1\)\]) {
--tw-shadow: 0rem 0rem 0rem 0.0625rem #ffffff1a !important;
--tw-shadow-colored: 0rem 0rem 0rem 0.0625rem var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
:is([data-theme-version=dark] .dark\:file\:bg-\[\#1E1E1E\])::file-selector-button {
--tw-bg-opacity: 1 !important;
background-color: rgb(30 30 30/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:hover\:border-\[\#1E1E1E\]:hover) {
--tw-border-opacity: 1 !important;
border-color: rgb(30 30 30/var(--tw-border-opacity)) !important
}
:is([data-theme-version=dark] .dark\:hover\:border-b-color:hover) {
border-color: var(--border-color) !important
}
:is([data-theme-version=dark] .dark\:hover\:border-primary:hover) {
border-color: var(--primary) !important
}
:is([data-theme-version=dark] .dark\:hover\:bg-\[\#1E1E1E\]:hover) {
--tw-bg-opacity: 1 !important;
background-color: rgb(30 30 30/var(--tw-bg-opacity)) !important
}
:is([data-theme-version=dark] .dark\:hover\:bg-transparent:hover) {
background-color: #0000 !important
}
:is([data-theme-version=dark] .dark\:hover\:text-white:hover) {
color: var(--white) !important
}
@media (min-width: 576px) {
.sm\:top-0 {
top: 0 !important
}
.sm\:float-right {
float: right !important
}
.sm\:mx-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.sm\:my-0 {
margin-top: 0 !important
}
.sm\:mb-0, .sm\:my-0 {
margin-bottom: 0 !important
}
.sm\:mb-10 {
margin-bottom: 2.5rem !important
}
.sm\:mb-4 {
margin-bottom: 1rem !important
}
.sm\:mb-\[0\.9375rem\] {
margin-bottom: .9375rem !important
}
.sm\:ml-0 {
margin-left: 0 !important
}
.sm\:ml-\[1\.125rem\] {
margin-left: 1.125rem !important
}
.sm\:ml-auto {
margin-left: auto !important
}
.sm\:mr-2 {
margin-right: .5rem !important
}
.sm\:mr-2\.5 {
margin-right: .625rem !important
}
.sm\:mr-20 {
margin-right: 5rem !important
}
.sm\:mr-\[1\.875rem\] {
margin-right: 1.875rem !important
}
.sm\:mt-0 {
margin-top: 0 !important
}
.sm\:mt-20 {
margin-top: 5rem !important
}
.sm\:flex {
display: flex !important
}
.sm\:hidden {
display: none !important
}
.sm\:h-10 {
height: 2.5rem !important
}
.sm\:h-\[130px\] {
height: 130px !important
}
.sm\:h-\[2\.5rem\] {
height: 2.5rem !important
}
.sm\:h-\[21\.875rem\] {
height: 21.875rem !important
}
.sm\:h-\[400px\] {
height: 400px !important
}
.sm\:h-\[575px\] {
height: 575px !important
}
.sm\:w-1\/2 {
width: 50% !important
}
.sm\:w-1\/3 {
width: 33.333333% !important
}
.sm\:w-1\/4 {
width: 25% !important
}
.sm\:w-1\/6 {
width: 16.666667% !important
}
.sm\:w-10 {
width: 2.5rem !important
}
.sm\:w-2\/3 {
width: 66.666667% !important
}
.sm\:w-3\/4 {
width: 75% !important
}
.sm\:w-5\/12 {
width: 41.666667% !important
}
.sm\:w-5\/6 {
width: 83.333333% !important
}
.sm\:w-7\/12 {
width: 58.333333% !important
}
.sm\:w-9\/12 {
width: 75% !important
}
.sm\:w-\[160px\] {
width: 160px !important
}
.sm\:w-\[2\.5rem\] {
width: 2.5rem !important
}
.sm\:w-\[6\.65rem\] {
width: 6.65rem !important
}
.sm\:w-full {
width: 100% !important
}
.sm\:-translate-y-12 {
--tw-translate-y: -3rem !important
}
.sm\:-translate-y-12, .sm\:translate-x-\[-65px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.sm\:translate-x-\[-65px\] {
--tw-translate-x: -65px !important
}
.sm\:translate-x-\[100px\] {
--tw-translate-x: 100px !important
}
.sm\:translate-x-\[100px\], .sm\:translate-x-\[110px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.sm\:translate-x-\[110px\] {
--tw-translate-x: 110px !important
}
.sm\:translate-y-8 {
--tw-translate-y: 2rem !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.sm\:flex-nowrap {
flex-wrap: nowrap !important
}
.sm\:p-10 {
padding: 2.5rem !important
}
.sm\:p-5 {
padding: 1.25rem !important
}
.sm\:p-6 {
padding: 1.5rem !important
}
.sm\:p-\[25px\] {
padding: 25px !important
}
.sm\:p-\[30px\] {
padding: 30px !important
}
.sm\:px-10 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.sm\:px-3 {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.sm\:px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.sm\:px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.sm\:px-8 {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.sm\:px-\[1\.25rem\] {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.sm\:px-\[1\.563rem\] {
padding-left: 1.563rem !important;
padding-right: 1.563rem !important
}
.sm\:px-\[1\.875rem\] {
padding-left: 1.875rem !important;
padding-right: 1.875rem !important
}
.sm\:px-\[1\.95rem\] {
padding-left: 1.95rem !important;
padding-right: 1.95rem !important
}
.sm\:py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.sm\:py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.sm\:py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.sm\:py-\[0\.719rem\] {
padding-top: .719rem !important;
padding-bottom: .719rem !important
}
.sm\:py-\[0\.9375rem\] {
padding-top: .9375rem !important;
padding-bottom: .9375rem !important
}
.sm\:py-\[14px\] {
padding-top: 14px !important;
padding-bottom: 14px !important
}
.sm\:py-\[5px\] {
padding-top: 5px !important;
padding-bottom: 5px !important
}
.sm\:pb-0 {
padding-bottom: 0 !important
}
.sm\:pb-1 {
padding-bottom: .25rem !important
}
.sm\:pb-2 {
padding-bottom: .5rem !important
}
.sm\:pb-2\.5 {
padding-bottom: .625rem !important
}
.sm\:pb-4 {
padding-bottom: 1rem !important
}
.sm\:pb-5 {
padding-bottom: 1.25rem !important
}
.sm\:pl-4 {
padding-left: 1rem !important
}
.sm\:pl-5 {
padding-left: 1.25rem !important
}
.sm\:pl-\[51px\] {
padding-left: 51px !important
}
.sm\:pt-0 {
padding-top: 0 !important
}
.sm\:pt-10 {
padding-top: 2.5rem !important
}
.sm\:pt-4 {
padding-top: 1rem !important
}
.sm\:pt-5 {
padding-top: 1.25rem !important
}
.sm\:pt-6 {
padding-top: 1.5rem !important
}
.sm\:text-start {
text-align: start !important
}
.sm\:text-2xl {
font-size: 1.5rem !important;
line-height: 2rem !important
}
.sm\:text-\[0\.938rem\] {
font-size: .938rem !important
}
.sm\:text-\[13px\] {
font-size: 13px !important
}
.sm\:text-\[150px\] {
font-size: 150px !important
}
.sm\:text-\[15px\] {
font-size: 15px !important
}
.sm\:text-\[17px\] {
font-size: 17px !important
}
.sm\:text-\[2\.5rem\] {
font-size: 2.5rem !important
}
.sm\:text-\[30px\] {
font-size: 30px !important
}
.sm\:text-base {
font-size: 1rem !important;
line-height: 1.5rem !important
}
.sm\:text-lg {
font-size: 1.125rem !important;
line-height: 1.75rem !important
}
.sm\:text-sm {
font-size: .875rem !important;
line-height: 1.25rem !important
}
.sm\:text-xl {
font-size: 1.25rem !important;
line-height: 1.75rem !important
}
.sm\:text-xs {
font-size: .75rem !important;
line-height: 1rem !important
}
.sm\:leading-\[150px\] {
line-height: 150px !important
}
.sm\:leading-\[2\.375rem\] {
line-height: 2.375rem !important
}
}
@media (min-width: 768px) {
.md\:right-0 {
right: 0 !important
}
.md\:mb-0 {
margin-bottom: 0 !important
}
.md\:ml-4 {
margin-left: 1rem !important
}
.md\:mt-0 {
margin-top: 0 !important
}
.md\:block {
display: block !important
}
.md\:flex {
display: flex !important
}
.md\:w-1\/2 {
width: 50% !important
}
.md\:w-1\/3 {
width: 33.333333% !important
}
.md\:w-1\/4 {
width: 25% !important
}
.md\:w-1\/6 {
width: 16.666667% !important
}
.md\:w-2\/6 {
width: 33.333333% !important
}
.md\:w-5\/12 {
width: 41.666667% !important
}
.md\:w-7\/12 {
width: 58.333333% !important
}
.md\:w-\[322px\] {
width: 322px !important
}
.md\:w-\[500px\] {
width: 500px !important
}
.md\:min-w-\[322px\] {
min-width: 322px !important
}
.md\:translate-x-\[140px\] {
--tw-translate-x: 140px !important
}
.md\:translate-x-\[140px\], .md\:translate-x-\[187px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.md\:translate-x-\[187px\] {
--tw-translate-x: 187px !important
}
.md\:translate-y-\[-25px\] {
--tw-translate-y: -25px !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.md\:justify-center {
justify-content: center !important
}
.md\:text-start {
text-align: start !important
}
}
@media (min-width: 992px) {
.lg\:order-1 {
order: 1 !important
}
.lg\:order-2 {
order: 2 !important
}
.lg\:mr-8 {
margin-right: 2rem !important
}
.lg\:h-\[25rem\] {
height: 25rem !important
}
.lg\:w-1\/2 {
width: 50% !important
}
.lg\:w-1\/3 {
width: 33.333333% !important
}
.lg\:w-1\/4 {
width: 25% !important
}
.lg\:w-2\/3 {
width: 66.666667% !important
}
.lg\:w-3\/4 {
width: 75% !important
}
.lg\:w-4\/6 {
width: 66.666667% !important
}
.lg\:w-5\/12 {
width: 41.666667% !important
}
.lg\:w-7\/12 {
width: 58.333333% !important
}
.lg\:w-9\/12 {
width: 75% !important
}
.lg\:w-full {
width: 100% !important
}
.lg\:translate-x-\[-163px\] {
--tw-translate-x: -163px !important
}
.lg\:translate-x-\[-163px\], .lg\:translate-x-\[-166px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.lg\:translate-x-\[-166px\] {
--tw-translate-x: -166px !important
}
.lg\:translate-x-\[7\.25rem\] {
--tw-translate-x: 7.25rem !important
}
.lg\:translate-x-\[7\.25rem\], .lg\:translate-y-\[-1\.2rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.lg\:translate-y-\[-1\.2rem\] {
--tw-translate-y: -1.2rem !important
}
.lg\:translate-y-\[-15px\] {
--tw-translate-y: -15px !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.lg\:justify-end {
justify-content: flex-end !important
}
.lg\:px-\[50px\] {
padding-left: 50px !important;
padding-right: 50px !important
}
.lg\:py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.lg\:pl-\[70px\] {
padding-left: 70px !important
}
.lg\:pr-4 {
padding-right: 1rem !important
}
.lg\:pt-\[70px\] {
padding-top: 70px !important
}
.lg\:text-start {
text-align: start !important
}
.lg\:text-\[13px\] {
font-size: 13px !important
}
.lg\:text-\[200px\] {
font-size: 200px !important
}
.lg\:leading-\[200px\] {
line-height: 200px !important
}
}
@media (min-width: 1200px) {
.xl\:mb-0 {
margin-bottom: 0 !important
}
.xl\:mt-0 {
margin-top: 0 !important
}
.xl\:h-\[90px\] {
height: 90px !important
}
.xl\:w-1\/12 {
width: 8.333333% !important
}
.xl\:w-1\/2 {
width: 50% !important
}
.xl\:w-1\/3 {
width: 33.333333% !important
}
.xl\:w-1\/4 {
width: 25% !important
}
.xl\:w-1\/6 {
width: 16.666667% !important
}
.xl\:w-11\/12 {
width: 91.666667% !important
}
.xl\:w-2\/3 {
width: 66.666667% !important
}
.xl\:w-2\/6 {
width: 33.333333% !important
}
.xl\:w-3\/4 {
width: 75% !important
}
.xl\:w-5\/12 {
width: 41.666667% !important
}
.xl\:w-5\/6 {
width: 83.333333% !important
}
.xl\:w-7\/12 {
width: 58.333333% !important
}
.xl\:w-9\/12 {
width: 75% !important
}
.xl\:w-\[16\.875rem\] {
width: 16.875rem !important
}
.xl\:w-\[300px\] {
width: 300px !important
}
.xl\:w-\[800px\] {
width: 800px !important
}
.xl\:w-\[90px\] {
width: 90px !important
}
.xl\:w-full {
width: 100% !important
}
@media (min-width: 1200px) {
.xl\:xl\:w-1\/3 {
width: 33.333333% !important
}
}.xl\:max-w-\[164px\] {
max-width: 164px !important
}
.xl\:justify-between {
justify-content: space-between !important
}
.xl\:px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.xl\:px-8 {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.xl\:px-\[0\.9375rem\] {
padding-left: .9375rem !important;
padding-right: .9375rem !important
}
.xl\:px-\[1\.563rem\] {
padding-left: 1.563rem !important;
padding-right: 1.563rem !important
}
.xl\:py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.xl\:py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.xl\:py-\[0\.719rem\] {
padding-top: .719rem !important;
padding-bottom: .719rem !important
}
.xl\:text-start {
text-align: start !important
}
.xl\:text-2xl {
font-size: 1.5rem !important;
line-height: 2rem !important
}
.xl\:text-3xl {
font-size: 1.875rem !important;
line-height: 2.25rem !important
}
.xl\:text-4xl {
font-size: 2.25rem !important;
line-height: 2.5rem !important
}
.xl\:text-\[1\.875rem\] {
font-size: 1.875rem !important
}
.xl\:text-\[15px\] {
font-size: 15px !important
}
.xl\:text-base {
font-size: 1rem !important;
line-height: 1.5rem !important
}
.xl\:text-lg {
font-size: 1.125rem !important
}
.xl\:text-lg, .xl\:text-xl {
line-height: 1.75rem !important
}
.xl\:text-xl {
font-size: 1.25rem !important
}
.xl\:leading-\[1\.5\] {
line-height: 1.5 !important
}
}
@media (min-width: 1449px) {
.\32xl\:w-1\/2 {
width: 50% !important
}
.\32xl\:w-1\/3 {
width: 33.333333% !important
}
.\32xl\:w-1\/4 {
width: 25% !important
}
.\32xl\:w-3\/4 {
width: 75% !important
}
.\32xl\:w-5\/12 {
width: 41.666667% !important
}
.\32xl\:w-7\/12 {
width: 58.333333% !important
}
.\32xl\:translate-x-\[-30px\] {
--tw-translate-x: -30px !important
}
.\32xl\:translate-x-\[-30px\], .\32xl\:translate-x-\[-96px\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.\32xl\:translate-x-\[-96px\] {
--tw-translate-x: -96px !important
}
.\32xl\:px-10 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
}
@media (max-width: 35.9375rem) {
.max-sm\:absolute {
position: absolute !important
}
.max-sm\:left-\[-22rem\] {
left: -22rem !important
}
.max-sm\:right-\[1\.875rem\] {
right: 1.875rem !important
}
.max-sm\:top-\[1\.875rem\] {
top: 1.875rem !important
}
.max-sm\:mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
.max-sm\:mb-2 {
margin-bottom: .5rem !important
}
.max-sm\:mb-2\.5 {
margin-bottom: .625rem !important
}
.max-sm\:mb-\[1\.25rem\] {
margin-bottom: 1.25rem !important
}
.max-sm\:mb-\[10px\] {
margin-bottom: 10px !important
}
.max-sm\:mb-\[30px\] {
margin-bottom: 30px !important
}
.max-sm\:ml-1 {
margin-left: .25rem !important
}
.max-sm\:ml-\[2\.025rem\] {
margin-left: 2.025rem !important
}
.max-sm\:mt-2 {
margin-top: .5rem !important
}
.max-sm\:mt-2\.5, .max-sm\:mt-\[0\.625rem\] {
margin-top: .625rem !important
}
.max-sm\:hidden {
display: none !important
}
.max-sm\:w-\[14px\] {
width: 14px !important
}
.max-sm\:w-\[17\.5rem\] {
width: 17.5rem !important
}
.max-sm\:w-\[45px\] {
width: 45px !important
}
.max-sm\:translate-x-\[-2\.25rem\] {
--tw-translate-x: -2.25rem !important
}
.max-sm\:translate-x-\[-2\.25rem\], .max-sm\:translate-x-\[-4\.8rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.max-sm\:translate-x-\[-4\.8rem\] {
--tw-translate-x: -4.8rem !important
}
.max-sm\:flex-wrap {
flex-wrap: wrap !important
}
.max-sm\:p-\[0\.3rem\] {
padding: .3rem !important
}
.max-sm\:pb-5 {
padding-bottom: 1.25rem !important
}
.max-sm\:text-center {
text-align: center !important
}
.max-sm\:text-sm {
font-size: .875rem !important;
line-height: 1.25rem !important
}
.max-sm\:text-xs {
font-size: .75rem !important;
line-height: 1rem !important
}
.max-sm\:tracking-\[5px\] {
letter-spacing: 5px !important
}
}
@media (max-width: 47.9375rem) {
.max-md\:block {
display: block !important
}
.max-md\:w-auto {
width: auto !important
}
.max-md\:flex-row {
flex-direction: row !important
}
}
@media (max-width: 61.9375rem) {
.max-lg\:w-\[60\%\] {
width: 60% !important
}
}
@media (max-width: 1200px) {
.max-xl\:mb-6 {
margin-bottom: 1.5rem !important
}
.max-xl\:mb-\[10px\] {
margin-bottom: 10px !important
}
.max-xl\:mt-\[10px\] {
margin-top: 10px !important
}
.max-xl\:mt-\[15px\] {
margin-top: 15px !important
}
.max-xl\:hidden {
display: none !important
}
.max-xl\:h-\[35\.9rem\] {
height: 35.9rem !important
}
.max-xl\:flex-wrap {
flex-wrap: wrap !important
}
.max-xl\:px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.max-xl\:py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.max-xl\:py-2\.5 {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.max-xl\:py-3 {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.max-xl\:text-\[13px\] {
font-size: 13px !important
}
.max-xl\:text-xs {
font-size: .75rem !important;
line-height: 1rem !important
}
}
@media (max-width: 1480px) {
.max-2xl\:translate-x-0 {
--tw-translate-x: 0px !important
}
.max-2xl\:translate-x-0, .max-2xl\:translate-y-\[-7\.75rem\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.max-2xl\:translate-y-\[-7\.75rem\] {
--tw-translate-y: -7.75rem !important
}
}