@charset "UTF-8";/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h6,h1,h2,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}img,svg{vertical-align:middle}tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}iframe{border:0}[hidden]{display:none!important}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}@media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-9{flex:0 0 auto;width:75%}.col-md-12{flex:0 0 auto;width:100%}}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-end{--bs-position:end}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.float-start{float:left!important}.float-end{float:right!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.w-100{width:100%!important}.w-auto{width:auto!important}.flex-column{flex-direction:column!important}.flex-shrink-0{flex-shrink:0!important}.flex-wrap{flex-wrap:wrap!important}.gap-1{gap:.25rem!important}.align-items-center{align-items:center!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1.5rem!important}.me-2{margin-right:.5rem!important}.mb-auto{margin-bottom:auto!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-3{padding:1rem!important}.pt-2{padding-top:.5rem!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-none{display:none!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}}@media (min-width:992px){.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}}
body.light {
--accent-color: #065699;
--primary-color: #212121;
--primary-dark-color: #313132;
--secondary-color: #F5F5F7;
--tertiary-color: #FBFBFD;
--text-color: #1d1d1f;
--secondary-text-color: #6e6e73;
}
body.dark {
--accent-color: #065699;
--primary-color: #212121;
--primary-dark-color: #181818;
--secondary-color: #303030;
--tertiary-color: #0f0f0f;
--text-color: #fff;
--secondary-text-color: #959595;
}
body {
min-height: 100vh;
min-height: -webkit-fill-available;
margin: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
/*overflow: hidden;*/
}
body.light{
color: var(--text-color);
background-color: var(--tertiary-color);
}
body.dark{
color: var(--text-color);
background-color: var(--primary-dark-color);
}
.br-8{
border-radius: 8px;
}
.h-100vh{
height: 100vh
}
.l-0{
left: 0!important;
}
.row{
margin: 0;
}
a{
text-decoration: unset;
}
.btn-check:focus+.btn, .btn:focus{
box-shadow: none;
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
/* width */
::-webkit-scrollbar {
width: 11px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background-color: var(--primary-color) ;
border-radius: 6px;
border: 1px solid var(--tertiary-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--primary-color);
}
.left-sidebar {
height: 100vh;
width: 280px;
position: fixed;
top: 0;
left: 0;
z-index: 1;
padding: 0!important;
}
.left-sidebar hr{
margin: 0;
}
body.light .left-sidebar {
background-color: var(--secondary-color)!important;
border-right: 1px solid var(--primary-color);
}
body.dark .left-sidebar {
background-color: var(--tertiary-color)!important;
}
.left-sidebar .sidebar-logo-wrp {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
}
.left-sidebar .sidebar-logo-wrp .logo{
}
body.dark .left-sidebar .sidebar-logo-wrp a.logo i{
background: url(../imgs/logo.png);
}
body.light .left-sidebar .sidebar-logo-wrp a.logo i{
background: url(../imgs/logo-black.png);
}
.left-sidebar .sidebar-logo-wrp a.logo{
width: 100%;
height: 50px;
}
.left-sidebar .sidebar-logo-wrp a.logo i{
width: 100%;
float: left;
height: 50px;
background-position: center!important;
background-repeat: no-repeat!important;
}
.left-sidebar .sidebar-logo-wrp .navbar-toggler-icon {
filter: invert(1)
}
.left-sidebar ul{
flex-direction: unset!important;
padding-top: 8px;
padding-bottom: 12px;
overflow-y: auto;
overflow-x: hidden;
}
.left-sidebar li{
width: 100%;
}
.left-sidebar li a{
word-break: break-word;
}
.left-sidebar li a i{
width: 24px;
}
.left-sidebar .navbar-toggler{
}
body.dark .breadcrumbs {
padding-left: 38px;
padding-right: 38px;
padding-top: 1rem;
border-bottom: 1px solid var(--secondary-color);
}
body.dark .breadcrumbs a{
color: var(--text-color);
overflow: hidden;
float: left;
max-width: 300px;
text-overflow: ellipsis;
white-space: pre;
}
body.dark  .breadcrumbs a:hover{
color: #6c757d;
}
body.light .breadcrumbs {
padding-left: 38px;
padding-right: 38px;
padding-top: 1rem;
border-bottom: 1px solid var(--primary-color);
}
body.light .breadcrumbs a{
color: var(--text-color);
overflow: hidden;
float: left;
max-width: 300px;
text-overflow: ellipsis;
white-space: pre;
}
body.light .breadcrumbs a:hover{
color: #6c757d;
}
.navbar-toggler {
color: var(--text-color);
border-color: var(--text-color);
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.dark .navbar-toggler-icon {
filter: invert(1);
}
.nav-pills .nav-link{
border-radius: 8px;
}
body.light .nav-pills .nav-link{
color: var(--text-color)!important;
}
body.light .nav-pills .nav-link.active,
.nav-pills .show>.nav-link{
color: var(--tertiary-color)!important;
background-color: var(--accent-color);
}
body.dark .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
color: var(--text-color);
background-color: var(--accent-color);
}
body.light .nav-pills .nav-link:hover{
background-color: var(--primary-color);
color: #fff!important;
}
.navbar {
padding-right: 20px;
flex-wrap: nowrap;
}
body.light .navbar{
background: var(--secondary-color)!important;
box-shadow: 0px 1px 2px var(--primary-color);
}
body.dark .navbar{
background: var(--primary-color);
box-shadow: 0px 1px 2px var(--primary-dark-color);
}
.navbar .navbar-collapse{
flex-grow: 0;
width: 280px;
}
.navbar .form-inline{
padding-left: 20px;
}
.navbar .desktop-search input{
background-color: var(--tertiary-color);
border: 1px solid var(--secondary-text-color);
color: var(--secondary-text-color);
}
.navbar .desktop-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--secondary-text-color);
opacity: 1; /* Firefox */
}
.navbar .desktop-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: var(--secondary-text-color);
}
.navbar .desktop-search input::-ms-input-placeholder { /* Microsoft Edge */
color: var(--secondary-text-color);
}
.navbar .profile-btn-wrp .btn.dropdown-toggle{
display: flex;
align-items: center;
}
body.light .navbar .profile-btn-wrp .btn.dropdown-toggle{
color: var(--text-color);
}
body.dark .navbar .profile-btn-wrp .btn.dropdown-toggle{
color: var(--text-color);
}
.navbar .lang-wrp{
height: 48px;
display: flex;
align-items: center;
}
.navbar .lang-wrp .dropdown-menu-language{
right: 0px;
top: 40px;
overflow-y: auto;
max-height: calc(100vh - 64px);
}
.navbar .theme-switch{
height: 46px;
font-size: 22px;
margin-right: 4px;
display: flex;
align-items: center;
}
body.light .navbar .theme-switch{
color: var(--text-color);
}
body.dark .navbar .theme-switch{
color: var(--text-color);
}
.navbar .profile-btn-wrp .dropdown-menu{
right: 0;
background: var(--primary-color);
color: var(--text-color);
}
.navbar .profile-btn-wrp .dropdown-menu a{
color: var(--text-color);
}
.navbar .profile-btn-wrp .dropdown-menu a:hover{
color: #fff;
background-color: var(--accent-color);
}
.navbar .lang-wrp .btn.dropdown-toggle {
display: flex;
align-items: center;
height: 46px;
}
body.light  .lang-wrp .btn.dropdown-toggle{
color: var(--text-color);
}
body.dark .lang-wrp .btn.dropdown-toggle{
color: var(--text-color);
}
.navbar .lang-wrp .btn.dropdown-toggle span.fi {
margin-right: 6px;
}
.main{
padding-left: 280px;
margin-top: 64px;
/*height: calc(100vh - 104px);*/
overflow-y: auto;
top: 0;
}
.main .jokes-hdr{
padding: 12px;
margin: 12px;
}
body.light .main .jokes-hdr{
}
body.dark .main .jokes-hdr{
}
body.light .main .jokes-hdr h1{
color: var(--text-color);
margin: 4px;
font-size: 32px;
}
body.dark .main .jokes-hdr h1{
color: var(--text-color);
}
body.light .main .jokes-hdr{
}
body.dark .main .jokes-hdr{
}
.main .jokes-hdr .hdr-btns{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.main .jokes-hdr .hdr-btns a,
.main .jokes-hdr .hdr-btns button{
height: 32px;
background: none;
outline: none;
min-height: 32px;
display: flex;
align-items: center;
justify-content: center;
margin: 4px;
padding: 8px;
border-radius: 8px;
cursor: pointer;
}
body.light .main .jokes-hdr .hdr-btns a,
body.light .main .jokes-hdr .hdr-btns button{
border: 1px solid var(--secondary-text-color);
color: var(--text-color);
}
body.dark .main .jokes-hdr .hdr-btns a,
body.dark .main .jokes-hdr .hdr-btns button{
border: 1px solid var(--secondary-color);
color: var(--text-color);
background-color: var(--primary-color);
}
.main .jokes-hdr .hdr-btns a:hover,
.main .jokes-hdr .hdr-btns button:hover{
background-color: var(--accent-color)!important;
color:#fff!important;
}
.main .jokes-hdr .hdr-btns .selected,
.main .jokes-hdr .hdr-btns .selected {
background-color: var(--accent-color) !important;
color: #fff !important;
}
body.light .main .jokes-hdr .hdr-btns a .fa-heart,
body.light .main .jokes-hdr .hdr-btns button .fa-heart{
color: #ce1124;
}
body.light .main .jokes-hdr .hdr-btns a .fa-face-smile-wink,
body.light .main .jokes-hdr .hdr-btns button .fa-face-smile-wink{
color: #ffd800
}
body.light .main .jokes-hdr .hdr-btns a .fa-plus,
body.light .main .jokes-hdr .hdr-btns button .fa-plus{
color: var(--primary-color);
}
body.light .main .jokes-hdr .hdr-btns a .fa-share,
body.light .main .jokes-hdr .hdr-btns button .fa-share{
color: var(--secondary-text-color);
}
.main .jokes-list-wrp{
padding: 12px;
margin: 12px
}
.main .joke-wrp{
padding: 12px;
border-radius: 8px;
margin: 8px 0px;
}
body.light .main .joke-wrp{
border: 1px solid var(--primary-color);
}
body.dark .main .joke-wrp{
border: 1px solid var(--secondary-color);
}
.main .jokes-list-wrp.comment-wrp{
background: var(--secondary-color);
border-radius: 8px;
box-shadow: 1px 1px 9px var(--tertiary-color);
}
body.light .main .jokes-list-wrp.comment-wrp{
background: var(--secondary-color);
}
body.dark .main .jokes-list-wrp.comment-wrp{
background: var(--primary-color);
}
.main .jokes-list-wrp.comment-wrp .joke-wrp{
background: none;
box-shadow: none;
}
.main .jokes-list-wrp .joke-comment .avatar-wrp{
width: 30px;
}
.main .jokes-list-wrp .joke-comment {
padding-bottom: 8px;
padding-top: 8px;
}
body.light .main .jokes-list-wrp .joke-comment {
border-bottom: 1px solid var(--primary-color);
}
body.dark .main .jokes-list-wrp .joke-comment {
border-bottom: 1px solid var(--primary-dark-color);
}
/* USE THIS CODE WHEN AVATAR IS ENABLED
.main .jokes-list-wrp .joke-comment .joke-inner{
width: calc(100% - 30px);
}
*/
/* USE THIS CODE WHEN AVATAR IS DISABLED */
.main .jokes-list-wrp .joke-comment .joke-inner{
width: 100%;
}
/*  */
.main .jokes-list-wrp .joke-inner a{
color: var(--text-color);
}
.main .jokes-list-wrp.comment-wrp h6{
padding-top: 12px;
}
.main .jokes-list-wrp.comment-wrp .form-group textarea,
.main.add-joke .form-group textarea{
background: var(--primary-color);
border: 1px solid var(--secondary-color);
margin-top: 8px;
color: white;
}
.main.add-joke .joke-inner a{
color: var(--text-color);
}
.main.add-joke .form-group label{
color: var(--text-color);
margin-top: 15px;
}
.btn-primary{
color: #fff;
background-color: var(--accent-color);
border-color: var(--accent-color);
}
body.light .main .jokes-list-wrp.comment-wrp h6{
border-top: 1px solid var(--primary-color);
}
body.dark .main .jokes-list-wrp.comment-wrp h6{
border-top: 1px solid var(--primary-color);
}
.avatar-wrp{
width: 80px;
padding-left: 0px;
padding-right: 0px;
}
.avatar-wrp img{
border-radius: 50%;
}
.avatar-wrp i{
font-size: 80px;
}
body.light .avatar-wrp i{
color: var(--secondary-text-color);
}
body.dark .avatar-wrp i{
color: var(--secondary-text-color);
}
/* USE THIS CODE WHEN AVATAR IS ENABLED
.joke-inner{
width: calc(100% - 80px);
padding-left: 12px;
padding-right: 0;
} */
/* USE THIS CODE WHEN AVATAR IS DISABLED */
.joke-inner{
width: 100%;
padding-left: 0;
padding-right: 0;
}
/*  */
body.dark .joke-inner .dropdown-menu-language{
background: var(--tertiary-color);
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}
body.light .joke-inner .dropdown-menu-language{
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}
body.dark .joke-inner .dropdown-menu-language a{
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
body.light .joke-inner .dropdown-menu-language a{
text-overflow: ellipsis;
width: 100%;
}
body.light .joke-inner .dropdown-menu-language a:active{
color: var(--text-color);
background-color: var(--accent-color);
}
body.dark .joke-inner .dropdown-menu-language a:hover{
background: transparent;
}
body.light .joke-inner .author a{
color: var(--text-color);
border-bottom: 1px solid var(--secondary-color);
}
body.dark .joke-inner .author a{
color: var(--text-color);
border-bottom: 1px solid var(--secondary-color);
}
body.light .joke-inner .categories a {
color: var(--text-color);
border-bottom: 1px solid var(--secondary-color);
}
body.dark .joke-inner .categories a {
color: var(--text-color);
border-bottom: 1px solid var(--secondary-color);
}
.joke-inner span{
font-size: 14px;
}
body.light .joke-inner span{
color: var(--secondary-text-color);
}
body.dark .joke-inner span{
color: var(--secondary-text-color);
}
body.light .joke-inner p {
color: var(--secondary-text-color);
}
body.dark .joke-inner p{
color: var(--secondary-text-color);
}
.main .joke-bottom{
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.main .joke-bottom div{
padding-left: 8px;
padding-right: 8px;
}
.main .joke-bottom div.likes,
.main .joke-bottom div.dislikes,
.main .joke-bottom div.comments{
padding: 10px 8px;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
}
.main .joke-bottom div.likes a,
.main .joke-bottom div.dislikes a,
.main .joke-bottom div.comments a {
color: var(--text-color);
font-size: 20px;
cursor: pointer;
}
.main .joke-bottom div.likes button{
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
font-size: 16px;
color: #fff;
cursor: pointer;
transition: opacity 0.2s;
padding: 0;
}
.main .joke-bottom div.likes button:hover{
opacity: 0.75;
}
.main .joke-bottom div.likes button[data-reaction="1"]{
background: #22c55e;
}
.main .joke-bottom div.likes button[data-reaction="2"]{
background: #ef4444;
}
.main .joke-bottom div.likes span{
font-size: 14px;
color: var(--secondary-text-color);
min-width: 16px;
}
.main .social-btns{
display: inline-flex;
gap: 6px;
align-items: center;
}
.main .social-btns a{
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
font-size: 16px;
color: #fff !important;
transition: opacity 0.2s;
text-decoration: none;
}
.main .social-btns a:hover{
opacity: 0.75;
}
.main .social-btns a[data-action="Viber"]    { background: #7360F2; }
.main .social-btns a[data-action="Facebook"]  { background: #1877F2; }
.main .social-btns a[data-action="Whatsapp"]  { background: #25D366; }
.main .social-btns a[data-action="Twitter"]   { background: #000; }
.main .social-btns a[data-action="Instagram"] { background: #E4405F; }
.main .social-btns a[data-action="Telegram"]  { background: #2AABEE; }
body.dark .main .social-btns a[data-action="Twitter"] { background: #e7e9ea; color: #000 !important; }
.main .joke-bottom .lang-btn{
padding: 0;
margin-left: auto;
position: relative;
}
.main .joke-bottom .lang-btn .dropdown-menu-language{
right: 0;
left: auto;
max-width: 300px;
overflow: hidden;
}
.pagination{
padding: 12px;
display: flex;
justify-content: center;
}
body.light .pagination a{
color: var(--secondary-color);
background-color: var(--primary-color);
}
body.dark .pagination a{
color: var(--text-color);
background-color: var(--primary-color);
border: 1px solid var(--secondary-color);
}
.footer{
float: left;
width: 100%;
position: static;
bottom: 0;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
left: 0;
padding-left: 292px;
padding-right: 12px;
}
body.light .footer{
border-top: 1px solid var(--primary-color);
}
body.dark .footer{
border-top: 1px solid var(--primary-color);
}
.footer a{
font-size: 14px;
font-weight: 600;
padding: 8px 12px;
}
body.light .footer a{
color: var(--secondary-text-color);
}
body.dark .footer a{
color: var(--secondary-text-color);
}
.card {
border: none;
border-radius: 4px
}
body.light .card{
box-shadow: 5px 6px 6px 2px var(--primary-color);
}
body.dark .card{
box-shadow: 5px 6px 6px 2px var(--primary-color);
}
.dots {
height: 4px;
width: 4px;
margin-bottom: 2px;
border-radius: 50%;
display: inline-block
}
body.light .dots{
background-color: var(--secondary-text-color);
}
body.dark .dots{
background-color: var(--secondary-text-color);
}
.badge {
padding: 7px;
padding-right: 9px;
padding-left: 16px;
}
body.light .badge{
box-shadow: 5px 6px 6px 2px var(--secondary-text-color);
}
body.dark .badge{
box-shadow: 5px 6px 6px 2px var(--secondary-text-color);
}
.user-img {
margin-top: 4px
}
.check-icon {
font-size: 17px;
top: 1px;
position: relative;
margin-left: 3px
}
body.light .check-icon{
color: var(--secondary-text-color);
}
body.dark .check-icon{
color: var(--secondary-text-color);
}
.form-check-input {
margin-top: 6px;
margin-left: -24px !important;
cursor: pointer
}
.form-check-input:focus {
box-shadow: none
}
.icons i {
margin-left: 8px
}
.reply {
margin-left: 12px
}
body.light .reply small {
color: var(--secondary-text-color);
}
body.dark .reply small {
color: var(--secondary-text-color);
}
.reply small:hover {
cursor: pointer
}
body.light .reply small:hover{
color: green;
}
body.dark .reply small:hover{
color: green;
}
.categories-wrp{
}
.categories-wrp h1{
padding-left: 15px;
border-bottom: 1px solid var(--secondary-text-color);
padding-bottom: 15px;
padding-top: 10px;
}
.categories-wrp .categories-search{
padding: 0 15px 12px 15px;
}
.categories-wrp .categories-search-input{
width: 100%;
max-width: 420px;
border-radius: 8px;
border: 1px solid var(--secondary-text-color);
padding: 10px 12px;
background-color: var(--tertiary-color);
color: var(--text-color);
}
.categories-wrp .categories-search-input:focus{
outline: none;
border-color: var(--accent-color);
}
.categories-wrp .cat{
color: var(--text-color);
padding: 8px 4px;
}
.categories-wrp .cat:hover{
color: var(--accent-color)
}
.categories-wrp .categories-empty{
margin: 12px 15px 0 15px;
color: var(--secondary-text-color);
}
.profile-page .form-control{
background: var(--primary-color);
border: 1px solid var(--secondary-color);
color: var(--text-color)
}
.file-upload-wrp{
}
.profile-pic {
max-width: 200px;
max-height: 200px;
display: block;
}
.file-upload {
display: none;
}
.circle {
border-radius: 1000px !important;
overflow: hidden;
width: 128px;
height: 128px;
border: 8px solid rgba(255, 255, 255, 0.7);
position: relative;
}
img {
max-width: 100%;
height: auto;
}
.p-image {
z-index: 11;
color: white;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
}
.p-image:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
font-size: 1.2em;
}
.upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
color: #999;
}
.profile-avatar-wrp{
position: relative;
}
.delete-profile-pic{
background: none;
border: none;
color: red;
margin: 0;
padding: 0;
margin-bottom: 12px;
}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.avatar-wrp{
display: none;
}
.joke-inner{
width: 100%!important;
}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.navbar{
}
.navbar .navbar-toggler{
margin-left: 20px;
}
.main{
padding-left: 0px;
}
.main .joke-bottom{
flex-wrap: nowrap;
align-items: center;
}
.main .joke-bottom div.likes{
white-space: nowrap;
}
.main .joke-bottom div.likes button{
width: 30px;
height: 30px;
font-size: 14px;
}
.main .joke-bottom div.social-btns{
margin: 0 0 0 auto !important;
width: auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
white-space: nowrap;
}
.main .joke-bottom div.social-btns a{
width: 30px;
height: 30px;
font-size: 14px;
}
.main .jokes-hdr{
padding: 4px;
margin: 0px;
}
.main .jokes-list-wrp{
padding: 8px;
margin: 0px;
}
.footer{
width: 100%;
left: 0;
padding: 0;
}
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}
.fib {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.fi {
background-repeat: no-repeat;
position: relative;
display: inline-block;
line-height: 1em;
box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 50%);
background-position: center;
width: 20px;
height: 16px;
background-size: cover;
border-radius: 2px;
margin-right: 2px;
}
.fi:before {
content: '\00a0';
}
.fi-bg {
background-image: url(/Areas/Public2022/assets/imgs/flags/bg.svg);
}
.fi-br {
background-image: url(/Areas/Public2022/assets/imgs/flags/br.svg);
}
.fi-en {
background-image: url(/Areas/Public2022/assets/imgs/flags/en.svg);
}
.fi-gb-eng {
background-image: url(/Areas/Public2022/assets/imgs/flags/gb-eng.svg);
}
.fi-de {
background-image: url(/Areas/Public2022/assets/imgs/flags/de.svg);
}
.fi-es {
background-image: url(/Areas/Public2022/assets/imgs/flags/es.svg);
}
.fi-ru {
background-image: url(/Areas/Public2022/assets/imgs/flags/ru.svg);
}
.fi-fr {
background-image: url(/Areas/Public2022/assets/imgs/flags/fr.svg);
}
.fi-it {
background-image: url(/Areas/Public2022/assets/imgs/flags/it.svg);
}
.fi-el, .fi-gr {
background-image: url(/Areas/Public2022/assets/imgs/flags/el.svg);
}
.fi-mk {
background-image: url(/Areas/Public2022/assets/imgs/flags/mk.svg);
}
.fi-tr {
background-image: url(/Areas/Public2022/assets/imgs/flags/tr.svg);
}
.fi-uk, .fi-ua {
background-image: url(/Areas/Public2022/assets/imgs/flags/uk.svg);
}
.fi-pt {
background-image: url(/Areas/Public2022/assets/imgs/flags/pt.svg);
}
.fi-pl {
background-image: url(/Areas/Public2022/assets/imgs/flags/pl.svg);
}
.fi-sv, .fi-se {
background-image: url(/Areas/Public2022/assets/imgs/flags/se.svg);
}
.fi-nl {
background-image: url(/Areas/Public2022/assets/imgs/flags/nl.svg);
}
.fi-da, .fi-dk {
background-image: url(/Areas/Public2022/assets/imgs/flags/da.svg);
}
.fi-no {
background-image: url(/Areas/Public2022/assets/imgs/flags/no.svg);
}
.fi-fi {
background-image: url(/Areas/Public2022/assets/imgs/flags/fi.svg);
}
.fi-hu {
background-image: url(/Areas/Public2022/assets/imgs/flags/hu.svg);
}
.fi-ro {
background-image: url(/Areas/Public2022/assets/imgs/flags/ro.svg);
}
.fi-cs, .fi-cz {
background-image: url(/Areas/Public2022/assets/imgs/flags/cs.svg);
}
.fi-lt {
background-image: url(/Areas/Public2022/assets/imgs/flags/lt.svg);
}
.fi-lv {
background-image: url(/Areas/Public2022/assets/imgs/flags/lv.svg);
}
.fi-hr {
background-image: url(/Areas/Public2022/assets/imgs/flags/hr.svg);
}
.fi-rs {
background-image: url(/Areas/Public2022/assets/imgs/flags/rs.svg);
}
/*!
* Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900)
}
.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto
}
.fa-1x {
font-size: 1em
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-6x {
font-size: 6em
}
.fa-7x {
font-size: 7em
}
.fa-8x {
font-size: 8em
}
.fa-9x {
font-size: 9em
}
.fa-10x {
font-size: 10em
}
.fa-2xs {
font-size: .625em;
line-height: .1em;
vertical-align: .225em
}
.fa-xs {
font-size: .75em;
line-height: .08333em;
vertical-align: .125em
}
.fa-sm {
font-size: .875em;
line-height: .07143em;
vertical-align: .05357em
}
.fa-lg {
font-size: 1.25em;
line-height: .05em;
vertical-align: -.075em
}
.fa-xl {
font-size: 1.5em;
line-height: .04167em;
vertical-align: -.125em
}
.fa-2xl {
font-size: 2em;
line-height: .03125em;
vertical-align: -.1875em
}
.fa-fw {
text-align: center;
width: 1.25em
}
.fa-ul {
list-style-type: none;
margin-left: var(--fa-li-margin, 2.5em);
padding-left: 0
}
.fa-ul>li {
position: relative
}
.fa-li {
left: calc(var(--fa-li-width, 2em)*-1);
position: absolute;
text-align: center;
width: var(--fa-li-width, 2em);
line-height: inherit
}
.fa-border {
border-radius: var(--fa-border-radius, .1em);
border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
padding: var(--fa-border-padding, .2em .25em .15em)
}
.fa-pull-left {
float: left;
margin-right: var(--fa-pull-margin, .3em)
}
.fa-pull-right {
float: right;
margin-left: var(--fa-pull-margin, .3em)
}
.fa-beat {
-webkit-animation-name: fa-beat;
animation-name: fa-beat;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-bounce {
-webkit-animation-name: fa-bounce;
animation-name: fa-bounce;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}
.fa-fade {
-webkit-animation-name: fa-fade;
animation-name: fa-fade;
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-beat-fade, .fa-fade {
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s)
}
.fa-beat-fade {
-webkit-animation-name: fa-beat-fade;
animation-name: fa-beat-fade;
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-flip {
-webkit-animation-name: fa-flip;
animation-name: fa-flip;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-shake {
-webkit-animation-name: fa-shake;
animation-name: fa-shake;
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-shake, .fa-spin {
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal)
}
.fa-spin {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-duration: var(--fa-animation-duration, 2s);
animation-duration: var(--fa-animation-duration, 2s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin-reverse {
--fa-animation-direction: reverse
}
.fa-pulse, .fa-spin-pulse {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
animation-timing-function: var(--fa-animation-timing, steps(8))
}
@media (prefers-reduced-motion:reduce) {
.fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
-webkit-animation-delay: -1ms;
animation-delay: -1ms;
-webkit-animation-duration: 1ms;
animation-duration: 1ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration: 0s
}
}
@-webkit-keyframes fa-beat {
0%, 90% {
-webkit-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
transform: scale(var(--fa-beat-scale, 1.25))
}
}
@keyframes fa-beat {
0%, 90% {
-webkit-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
transform: scale(var(--fa-beat-scale, 1.25))
}
}
@-webkit-keyframes fa-bounce {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
10% {
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
}
30% {
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
}
50% {
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
}
57% {
-webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
}
64% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
to {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
}
@keyframes fa-bounce {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
10% {
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
}
30% {
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
}
50% {
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
}
57% {
-webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
}
64% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
to {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
}
@-webkit-keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, .4)
}
}
@keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, .4)
}
}
@-webkit-keyframes fa-beat-fade {
0%, to {
opacity: var(--fa-beat-fade-opacity, .4);
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
transform: scale(var(--fa-beat-fade-scale, 1.125))
}
}
@keyframes fa-beat-fade {
0%, to {
opacity: var(--fa-beat-fade-opacity, .4);
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
transform: scale(var(--fa-beat-fade-scale, 1.125))
}
}
@-webkit-keyframes fa-flip {
50% {
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
}
}
@keyframes fa-flip {
50% {
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
}
}
@-webkit-keyframes fa-shake {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg)
}
4% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
8%, 24% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg)
}
12%, 28% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg)
}
16% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg)
}
20% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg)
}
32% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg)
}
36% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg)
}
40%, to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes fa-shake {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg)
}
4% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
8%, 24% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg)
}
12%, 28% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg)
}
16% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg)
}
20% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg)
}
32% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg)
}
36% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg)
}
40%, to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.fa-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.fa-flip-vertical {
-webkit-transform: scaleY(-1);
transform: scaleY(-1)
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-webkit-transform: scale(-1);
transform: scale(-1)
}
.fa-rotate-by {
-webkit-transform: rotate(var(--fa-rotate-angle, none));
transform: rotate(var(--fa-rotate-angle, none))
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em
}
.fa-stack-1x, .fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: var(--fa-stack-z-index, auto)
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: var(--fa-inverse, #fff)
}
.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
content: "\f015"
}
.fa-bars:before, .fa-navicon:before {
content: "\f0c9"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-sun:before {
content: "\f185"
}
.fa-user:before {
content: "\f007"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-comments:before {
content: "\f086"
}
.fa-viber:before {
content: "\f409"
}
.fa-facebook-f:before {
content: "\f39e"
}
.fa-skype:before {
content: "\f17e"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-twitter:before {
content: "\f099"
}
.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
:host, :root {
--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}
@font-face {
font-family: "Font Awesome 6 Brands";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../webfonts/fa-brands-400.woff2) format("woff2")
}
.fa-brands, .fab {
font-family: "Font Awesome 6 Brands";
font-weight: 400
}
:host, :root {
--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../webfonts/fa-regular-400.woff2) format("woff2")
}
.fa-regular, .far {
font-family: "Font Awesome 6 Free";
font-weight: 400
}
:host, :root {
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../webfonts/fa-solid-900.woff2) format("woff2")
}
.fa-solid, .fas {
font-family: "Font Awesome 6 Free";
font-weight: 900
}