html {
height: 100%;
}
html,
body {
overflow-x: hidden !important;
/*font-family: 'Source Sans Pro', sans-serif;*/
/* font-family: 'Lato', sans-serif; */
font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100%;
background: #f6f6f6;
color: #73879c;
font-size: 14px
}
:root { /* change this to your preferred size, e.g. 16px or 1.1rem */
}
.container:before {
display: none !important;
content: none !important;
}
a {
color: #73879c;
}
a:hover,
a:active,
a:focus {
outline: none;
text-decoration: underline;
/*color: #72afd2;*/
}
/* Layouts */
.wrapper {
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.wrapper:before,
.wrapper:after {
display: table;
content: " ";
}
.wrapper:after {
clear: both;
}
/* Header */
body section div header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1030;
}
/* Define 2 column template */
.right-side,
.left-side {
min-height: 100%;
display: block;
}
/*right side - contins main content*/
.right-side {
background-color: #f1f2f7;
margin-left: 220px;
}
/*left side - contains sidebar*/
.left-side {
position: absolute;
width: 220px;
top: 0;
}
@media screen and (min-width: 992px) {
.left-side {
padding-top: 65px;
}
/*Right side strech mode*/
.right-side.strech {
margin-left: 0;
}
.right-side.strech > .content-header {
margin-top: 0px;
}
/* Left side collapse */
.left-side.collapse-left {
left: -220px;
}
}
@media screen and (max-width: 990px) {
.left-side {
margin-top: 0;
padding-top: 50px;
}
}
/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
.right-side {
margin-left: 0;
}
}
/*
By default the layout is not fixed but if you add the class .fixed to the body element
the sidebar and the navbar will automatically become poisitioned fixed
*/
body.fixed > .header,
body.fixed .left-side,
body.fixed .navbar {
position: fixed;
}
body.fixed > .header {
top: 0;
right: 0;
left: 0;
}
body.fixed .navbar {
left: 0;
right: 0;
}
body.fixed .wrapper {
margin-top: 50px;
}
/* Content */
.content {
padding: 20px 15px;
background: #f0f3f4;
overflow: auto;
height: 100%;
}
/* Utility */
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
/*font-family: 'Source Sans Pro', sans-serif;*/
/* font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
/* font-family: 'Lato', sans-serif; */
}
/* Page Header */
.page-header {
margin: 10px 0 20px 0;
font-size: 22px;
}
.page-header > small {
color: #666;
display: block;
margin-top: 5px;
}
/* All images should be responsive */
img {
max-width: 100% !important;
}
.sort-highlight {
background: #f4f4f4;
border: 1px dashed #ddd;
margin-bottom: 10px;
}
/* 10px padding and margins */
.pad {
padding: 20px 10px 10px;
}
.margin {
margin: 10px;
}
.pad-20 {
padding: 20px;
}
/* Display inline */
.inline {
display: inline;
width: auto;
}
/*alert*/
.alert-danger {
background-color: #fad5d5;
}
.alert-success {
background-color: #cffabd;
}
.alert-warning {
background-color: #fcf4c9;
}
/*badge colors*/
.badge-success {
background-color: #26b99a;
color: #dff5e4;
}
.badge-warning {
background-color: #f0ad4e;
color: #fdf8e5;
}
.badge-info {
background-color: #337ab7;
color: #e3f6fc;
}
.badge-danger {
background-color: #f05050;
color: #fae6e6;
}
.badge-primary {
background-color: #4697ce;
}
.badge-inverse {
background-color: #4f5259;
color: #dfe2f0;
}
.badge,
.label {
font-weight: bold;
/*text-shadow: 0 1px 0 rgba(0,0,0,0.2);*/
}
/*label*/
.label-primary {
background-color: #4697ce;
}
.label-default {
background-color: #a1a1a1;
}
.label-success {
background-color: #26b99a;
color: #dff5e4;
}
.label-info {
background-color: #337ab7;
color: #e3f6fc;
}
.label-inverse {
background-color: #4f5259;
color: #dfe2f0;
}
.label-warning {
background-color: #f0ad4e;
color: #fdf8e5;
}
.label-danger {
background-color: #f05050;
color: #fae6e6;
}
/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black .bg-violet {
color: #f9f9f9 !important;
}
.twt-area {
border-bottom: 1px dotted #eee;
margin-bottom: 5px;
padding-bottom: 3px;
}
.twt-area textarea {
margin-bottom: 3px;
}
.m-lr-10 {
/*margin-top: 10px;*/
margin-left: 10px;
margin-right: 10px;
}
.m-t-15 {
margin-top: 15px;
}
.m-b-5 {
margin-bottom: 5px;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-b-15 {
margin-bottom: 15px;
}
.m-b-20 {
margin-bottom: 20px;
}
.teammates a {
color: #505050;
}
.teammates img {
border-radius: 5px;
margin-right: 10px;
}
.teammates li {
border: 1px solid #edf1f2;
}
.bg-white {
background-color: #fff !important;
}
.bg-gray {
background-color: #eaeaec !important;
}
.bg-black {
background-color: #222222 !important;
}
.bg-red {
background-color: #f05050 !important;
}
.bg-yellow {
background-color: #fad733 !important;
}
.bg-aqua {
background-color: #4fc1e9 !important;
}
.bg-blue {
background-color: #0073b7 !important;
}
.bg-light-blue {
background-color: #3c8dbc !important;
}
.bg-green {
background-color: #27c24c !important;
}
.bg-navy {
background-color: #001f3f !important;
}
.bg-teal {
background-color: #39cccc !important;
}
.bg-olive {
background-color: #3d9970 !important;
}
.bg-lime {
background-color: #01ff70 !important;
}
.bg-orange {
background-color: #ff851b !important;
}
.bg-fuchsia {
background-color: #f012be !important;
}
.bg-purple {
background-color: #932ab6 !important;
}
.bg-maroon {
background-color: #85144b !important;
}
.bg-violet {
background-color: #7266ba !important;
}
.bg-twitter {
background-color: #00c7f7;
color: white;
}
.bg-facebook {
background-color: #335397;
color: white;
}
.bg-google-plus {
background-color: #df4a32;
color: white;
}
/* Text colors */
.text-primary {
color: #4697ce;
}
.text-info {
color: #63b7e6;
}
.text-success {
color: #7dcc93;
}
.text-warning {
color: #e8db4f;
}
.text-red {
color: #f56954 !important;
}
.text-yellow {
color: #f39c12 !important;
}
.text-aqua {
color: #00c0ef !important;
}
.text-blue {
color: #0073b7 !important;
}
.text-black {
color: #222222 !important;
}
.text-light-blue {
color: #3c8dbc !important;
}
.text-green {
color: #00a65a !important;
}
.text-navy {
color: #001f3f !important;
}
.text-teal {
color: #39cccc !important;
}
.text-olive {
color: #3d9970 !important;
}
.text-lime {
color: #01ff70 !important;
}
.text-orange {
color: #ff851b !important;
}
.text-fuchsia {
color: #f012be !important;
}
.text-purple {
color: #932ab6 !important;
}
.text-maroon {
color: #85144b !important;
}
/*slider css*/
#red .slider-selection {
background: #f05050;
}
#blue .slider-selection {
background: #4697ce;
}
#green .slider-selection {
background: #27c24c;
}
#yellow .slider-selection {
background: #fad733;
}
#aqua .slider-selection {
background: #00c0ef;
}
.slider-handle {
background-color: #fff;
border: 2px solid #86d4fc;
}
/*bg-violet*/
#purple .slider-selection {
background: #7266ba;
}
/*Hide elements by display none only*/
.hide {
display: none !important;
}
/* Fix for dropdown select arrows */
.form-control[componentclass="select"],
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
padding-right: 2.25rem;
}
/* Center all pagination elements */
.pagination,
ul.pagination {
display: block !important;
margin: 20px auto !important;
text-align: center;
float: none !important;
}
.pagination li,
ul.pagination li {
display: inline-block;
float: none !important;
}
/* Remove borders */
.no-border {
border: 0px !important;
}
/* Remove padding */
.no-padding {
padding: 0px !important;
}
/* Remove margins */
.no-margin {
margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* Don't display when printing */
@media print {
.no-print {
display: none;
}
.left-side,
.header,
.content-header {
display: none;
}
.right-side {
margin: 0;
}
}
/* Remove border radius */
.flat {
border-radius: 0 !important;
}
/* Change the color of the striped tables */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f3f4f5;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
text-align: center;
}
.table.align th {
text-align: left;
}
.table.align td {
text-align: right;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
font-weight: 700;
}
/* Make all table headers bold across the site */
table th,
.table th {
font-weight: bold;
}
.border-radius-none {
border-radius: 0 !important;
}
/* _fix for sparkline tooltip */
.jqstooltip {
padding: 5px !important;
width: auto !important;
height: auto !important;
}
/*
Gradient Background colors
*/
.bg-teal-gradient {
background: #39cccc !important;
background: -o-linear-gradient(#7adddd, #39cccc) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
color: #fff;
}
.bg-light-blue-gradient {
background: #3c8dbc !important;
background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
color: #fff;
}
.bg-blue-gradient {
background: #0073b7 !important;
background: -o-linear-gradient(#0089db, #0073b7) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
color: #fff;
}
.bg-aqua-gradient {
background: #00c0ef !important;
background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
color: #fff;
}
.bg-yellow-gradient {
background: #f39c12 !important;
background: -o-linear-gradient(#f7bc60, #f39c12) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
color: #fff;
}
.bg-purple-gradient {
background: #932ab6 !important;
background: -o-linear-gradient(#b959d9, #932ab6) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
color: #fff;
}
.bg-green-gradient {
background: #00a65a !important;
background: -o-linear-gradient(#00ca6d, #00a65a) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
color: #fff;
}
.bg-red-gradient {
background: #f56954 !important;
background: -o-linear-gradient(#f89384, #f56954) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
color: #fff;
}
.bg-black-gradient {
background: #222222 !important;
background: -o-linear-gradient(#3c3c3c, #222222) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
color: #fff;
}
.bg-maroon-gradient {
background: #85144b !important;
background: -o-linear-gradient(#b11b64, #85144b) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
color: #fff;
}
.connectedSortable {
min-height: 100px;
}
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
/*
Components: navbar, logo and content header
-------------------------------------------------
*/
body section div header {
position: relative;
max-height: 100px;
z-index: 1030;
}
body section div header .navbar {
height: 65px;
margin-bottom: 0;
background: #e4e4e4 !important;
margin-left: 220px;
}
body section div header .navbar .sidebar-toggle {
float: left;
padding: 9px 15px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 5px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0 !important;
}
body section div header .navbar .sidebar-toggle:hover .icon-bar {
background: #f6f6f6;
}
body section div header .navbar .sidebar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 4px;
}
body section div header .navbar .sidebar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.mobile-logo {
display: none;
}
body section div header .navbar .nav > li.user > a {
/*font-weight: bold;*/
}
body section div header .navbar .nav > li.user > a > .fa,
body section div header .navbar .nav > li.user > a > .glyphicon,
body section div header .navbar .nav > li.user > a > .ion {
margin-right: 5px;
}
body section div header .navbar .nav > li > a > .label {
border-radius: 50%;
position: absolute;
top: 7px;
right: 2px;
font-size: 10px;
font-weight: normal;
width: 15px;
height: 15px;
line-height: 1em;
text-align: center;
padding: 2px;
}
body section div header .navbar .nav > li > a:hover > .label {
top: 3px;
}
body section div header > a.logo {
float: left;
font-size: 20px;
line-height: 65px;
text-align: center;
/*padding: 0 10px;*/
width: 220px;
font-weight: 500;
height: 65px;
display: block;
}
body section div header .logo .icon {
margin-right: 10px;
}
.right-side > .content-header {
position: relative;
padding: 15px;
}
.right-side > .content-header > h1 {
margin: 0;
font-size: 24px;
}
.right-side > .content-header > h1 > small {
font-size: 15px;
display: inline-block;
padding-left: 4px;
font-weight: 300;
}
.breadcrumb {
background-color: #fff;
border: 1px solid #d9dee4;
}
.breadcrumb a {
color: #73879c !important;
}
.right-side > .content-header > .breadcrumb {
float: right;
background: transparent;
margin-top: 0px;
margin-bottom: 0;
font-size: 12px;
padding: 7px 5px;
position: absolute;
top: 15px;
right: 10px;
border-radius: 2px;
}
.breadcrumb-alt {
overflow: hidden;
list-style: none;
margin: 0px 0px 20px;
padding: 0px;
width: 100%;
}
.breadcrumb-alt > li {
float: left;
margin: 0px 25px 0px 0px;
}
.breadcrumb-alt > li > a {
position: relative;
float: left;
background-color: rgb(238, 238, 238);
color: rgb(118, 118, 118);
font-size: 12px;
padding: 10px;
}
.breadcrumb-alt > li > a::before {
position: absolute;
top: 50%;
left: -1em;
margin-top: -1.6em;
border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238)
rgba(0, 0, 0, 0);
border-style: solid;
border-width: 1.5em 0px 1.7em 1em;
content: "";
}
.breadcrumb-alt > li > a::after {
position: absolute;
top: 50%;
right: -1em;
margin-top: -1.5em;
border-bottom: 1.5em solid rgba(0, 0, 0, 0);
border-left: 1em solid rgb(238, 238, 238);
border-top: 1.5em solid rgba(0, 0, 0, 0);
content: "";
}
.right-side > .content-header > .breadcrumb > li > a {
color: #444;
text-decoration: none;
}
.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon,
.right-side > .content-header > .breadcrumb > li > a > .ion {
margin-right: 5px;
}
.right-side > .content-header > .breadcrumb > li + li:before {
content: ">\A0";
}
@media screen and (max-width: 767px) {
.right-side > .content-header > .breadcrumb {
position: relative;
margin-top: 5px;
top: 0;
right: 0;
float: none;
background: #efefef;
}
}
@media (max-width: 767px) {
.navbar .navbar-nav > li {
float: left;
}
.navbar-nav {
margin: 0;
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
}
.navbar .navbar-right {
float: right;
}
}
/* //////////
////////
/////// */
@media screen and (max-width: 560px) {
body section div header {
position: relative;
}
body section div header .logo,
body section div header .navbar {
width: 100%;
float: none;
position: relative !important;
}
body section div header .navbar {
margin: 0;
}
body.fixed > .header {
position: fixed;
}
body.fixed > .wrapper,
body.fixed .sidebar-offcanvas {
margin-top: 100px !important;
}
}
/*
Component: Sidebar
--------------------------
*/
.sidebar {
margin-bottom: 5px;
}
.sidebar .sidebar-form input:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: transparent !important;
}
.sidebar .sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar .sidebar-menu > li {
margin: 0;
padding: 0;
}
.sidebar .sidebar-menu > li > a {
padding: 12px 5px 12px 15px;
display: block;
}
.sidebar .sidebar-menu > li > a > .fa,
.sidebar .sidebar-menu > li > a > .glyphicon,
.sidebar .sidebar-menu > li > a > .ion {
width: 20px;
}
.sidebar .sidebar-menu .treeview-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .sidebar-menu .treeview-menu > li {
margin: 0;
}
.sidebar .sidebar-menu .treeview-menu > li > a {
padding: 8px 5px 8px 15px;
display: block;
font-size: 14px;
margin: 0px 0px;
}
.sidebar .sidebar-menu .treeview-menu > li > a > .fa,
.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar .sidebar-menu .treeview-menu > li > a > .ion {
width: 20px;
}
.user-panel {
padding: 10px;
}
.user-panel:before,
.user-panel:after {
display: table;
content: " ";
}
.user-panel:after {
clear: both;
}
.user-panel > .image > img {
width: 45px;
height: 45px;
}
.user-panel > .info {
/*font-weight: 600;*/
padding: 5px 5px 5px 15px;
font-size: 14px;
line-height: 1;
}
.user-panel > .info > p {
margin-bottom: 6px;
}
.user-panel > .info > a {
text-decoration: none;
padding-right: 5px;
margin-top: 3px;
font-size: 11px;
font-weight: normal;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
margin-right: 3px;
}
/*
* Off Canvas
* --------------------------------------------------
* Gives us the push menu effect
*/
@media screen and (max-width: 992px) {
.relative {
position: relative;
}
.row-offcanvas-right .sidebar-offcanvas {
right: -220px;
}
.row-offcanvas-left .sidebar-offcanvas {
left: -220px;
}
.row-offcanvas-right.active {
right: 220px;
}
.row-offcanvas-left.active {
left: 220px;
}
.sidebar-offcanvas {
left: 0;
}
body.fixed .sidebar-offcanvas {
margin-top: 50px;
left: -220px;
}
body.fixed .row-offcanvas-left.active .navbar {
left: 220px !important;
right: 0;
}
body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
left: 0px;
}
}
/*
Dropdown menus
----------------------------
*/
/*Dropdowns in general*/
.dropdown-menu {
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .1);
box-shadow: 0px 3px 6px rgba(0, 0, 0, .1);
z-index: 2300;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
margin-right: 10px;
}
.dropdown-menu > li > a:hover {
background-color: #172d44;
color: #f9f9f9;
}
.dropdown-menu-right > li > a:hover {
background-color: #39435c;
color: #f9f9f9;
}
/*Drodown in navbars*/
.skin-blue .navbar .dropdown-menu > li > a {
color: #444444;
}
/*
Navbar custom dropdown menu
------------------------------------
*/
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
width: 260px;
padding: 0 0 0 0 !important;
margin: 0 !important;
top: 100%;
border: 1px solid #dfdfdf;
border-radius: 4px !important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: #ffffff;
padding: 7px 10px;
border-bottom: 1px solid #f4f4f4;
color: #444444;
font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
bottom: 100%;
left: 92%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -7px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 12px;
background-color: #f4f4f4;
padding: 7px 10px;
border-bottom: 1px solid #eeeeee;
color: #444444;
text-align: center;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
background: #f4f4f4;
text-decoration: none;
font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
margin: 0;
padding: 0;
list-style: none;
overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
display: block;
white-space: nowrap;
/* Prevent text from breaking */
border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
background: #fafafa;
text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
font-size: 12px;
color: #444444;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > i {
border-radius: 30px;
}
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
font-size: 20px;
width: 50px;
text-align: center;
padding: 15px 0px;
margin-right: 5px;
/* Default background and font colors */
background: #00c0ef;
color: #f9f9f9;
/* Fallback for browsers that doesn't support rgba */
color: rgba(255, 255, 255, .7);
}
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon.danger,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa.danger,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .ion.danger {
background: #f56954;
}
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon.warning,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa.warning,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .ion.warning {
background: #f39c12;
}
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon.success,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa.success,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .ion.success {
background: #00a65a;
}
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon.info,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa.info,
.navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .ion.info {
background: #00c0ef;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
margin: 0px;
line-height: 20px;
padding: 10px 5px 10px 5px;
border-radius: 4px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
margin: auto 10px auto auto;
width: 40px;
height: 40px;
border: 1px solid #dddddd;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
padding: 0;
margin: 0 0 0 45px;
color: #444444;
font-size: 15px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
color: #999999;
font-size: 10px;
float: right;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
margin: 0 0 0 45px;
font-size: 12px;
color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
display: table;
content: " ";
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
font-size: 14px;
padding: 0;
margin: 0 0 10px 0;
color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
padding: 0;
margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
border-radius: 0;
padding: 0;
border-top-width: 0;
width: 225px;
}
.navbar-nav > .user-menu > .dropdown-menu:after {
bottom: 100%;
right: 10px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #f9fafc;
border-width: 10px;
margin-left: -10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
height: 175px;
padding: 10px;
background: #3c8dbc;
text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
z-index: 5;
height: 90px;
width: 90px;
border: 8px solid;
border-color: transparent;
border-color: rgba(255, 255, 255, .2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
z-index: 5;
color: #f9f9f9;
color: rgba(255, 255, 255, .8);
font-size: 17px;
text-shadow: 2px 2px 3px #333333;
margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
display: block;
font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
padding: 15px;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
display: table;
content: " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
color: #0073b7;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
background-color: #f9f9f9;
padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
display: table;
content: " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
color: #666666;
}
/* Add fade animation to dropdown menus */
/* .open > .dropdown-menu {
animation-name: fadeAnimation;
animation-duration: .7s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: fadeAnimation;
-webkit-animation-duration: .7s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: fadeAnimation;
-moz-animation-duration: .7s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
display: table !important;
} */
@keyframes fadeAnimation {
from {
opacity: 0;
top: 120%;
}
to {
opacity: 1;
top: 100%;
}
}
@-webkit-keyframes fadeAnimation {
from {
opacity: 0;
top: 120%;
}
to {
opacity: 1;
top: 100%;
}
}
/* Fix dropdown menu for small screens to display correctly on small screens */
@media screen and (max-width: 767px) {
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu {
position: absolute;
top: 100%;
right: 0;
left: auto;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
background: #ffffff;
}
}
/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (max-width: 480px) {
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header {
/* Remove arrow from the top */
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
border-width: 0px !important;
}
.navbar-nav > .tasks-menu > .dropdown-menu {
position: absolute;
right: -120px;
left: auto;
}
.navbar-nav > .notifications-menu > .dropdown-menu {
position: absolute;
right: -170px;
left: auto;
}
.navbar-nav > .messages-menu > .dropdown-menu {
position: absolute;
right: -210px;
left: auto;
}
}
/*
All form elements including input, select, textarea etc.
-----------------------------------------------------------------
*/
.form-control {
/*-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;*/
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
}
.form-control:focus {
border-color: #3c8dbc !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group.has-success label {
color: #00a65a;
}
.form-group.has-success .form-control {
border-color: #00a65a !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group.has-warning label {
color: #f39c12;
}
.form-group.has-warning .form-control {
border-color: #f39c12 !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group.has-error label {
color: #f56954;
}
.form-group.has-error .form-control {
border-color: #f56954 !important;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Input group */
.input-group .form-control {
height: auto;
line-height: 1.5;
padding: 0.75rem;
}
.input-group .input-group-addon {
border-radius: 0;
background-color: #f4f4f4;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
border-radius: 0;
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
/*padding-left: 0;*/
}
/*
Compenent: Progress bars
--------------------------------
*/
/* size variation */
.progress.sm {
height: 10px;
}
.progress.xs {
height: 7px;
}
/* Vertical bars */
.progress.vertical {
position: relative;
width: 30px;
height: 200px;
display: inline-block;
margin-right: 10px;
}
.progress.vertical > .progress-bar {
width: 100% !important;
position: absolute;
bottom: 0;
}
.progress.vertical.sm {
width: 20px;
}
.progress.vertical.xs {
width: 10px;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, .15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-green,
.progress-bar-success {
background-color: #00a65a;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, .15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-aqua,
.progress-bar-info {
background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, .15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-yellow,
.progress-bar-warning {
background-color: #f39c12;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, .15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%,
transparent 75%,
transparent
);
}
.progress-bar-red,
.progress-bar-danger {
background-color: #f56954;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, .15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%,
transparent 75%,
transparent
);
}
/*
Component: Small boxes
*/
.small-box {
position: relative;
display: block;
border-radius: 2px;
margin-bottom: 15px;
}
.small-box > .inner {
padding: 10px;
}
.small-box > .small-box-footer {
position: relative;
text-align: center;
padding: 3px 0;
color: #fff;
color: rgba(255, 255, 255, .8);
display: block;
z-index: 10;
background: rgba(0, 0, 0, .1);
text-decoration: none;
}
.small-box > .small-box-footer:hover {
color: #fff;
background: rgba(0, 0, 0, .15);
}
.small-box h3 {
font-size: 38px;
font-weight: bold;
margin: 0 0 10px 0;
white-space: nowrap;
padding: 0;
}
.small-box p {
font-size: 15px;
}
.small-box p > small {
display: block;
color: #f9f9f9;
font-size: 13px;
margin-top: 5px;
}
.small-box h3,
.small-box p {
z-index: 5px;
}
.small-box .icon {
position: absolute;
top: auto;
bottom: 5px;
right: 5px;
z-index: 0;
font-size: 90px;
color: rgba(0, 0, 0, .15);
}
.small-box:hover {
text-decoration: none;
color: #f9f9f9;
}
.small-box:hover .icon {
/*animation-name: tansformAnimation;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: tansformAnimation;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: tansformAnimation;
-moz-animation-duration: .5s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;*/
}
@keyframes tansformAnimation {
from {
font-size: 90px;
}
to {
font-size: 100px;
}
}
@-webkit-keyframes tansformAnimation {
from {
font-size: 90px;
}
to {
font-size: 100px;
}
}
@media screen and (max-width: 480px) {
.small-box {
text-align: center;
}
.small-box .icon {
display: none;
}
.small-box p {
font-size: 12px;
}
}
/*
component: Boxes
-------------------------
*/
.box {
position: relative;
background: #ffffff;
/*border-top: 2px solid #c1c1c1;*/
margin-bottom: 20px;
border-radius: 3px;
width: 100%;
/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
}
.box.box-primary {
border-top-color: #3c8dbc;
}
.box.box-info {
border-top-color: #00c0ef;
}
.box.box-danger {
border-top-color: #f56954;
}
.box.box-warning {
border-top-color: #f39c12;
}
.box.box-success {
border-top-color: #00a65a;
}
.box.height-control .box-body {
max-height: 300px;
overflow: auto;
}
.box .box-header {
position: relative;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom: 0px solid #f4f4f4;
color: #444;
}
.box .box-header:before,
.box .box-header:after {
display: table;
content: " ";
}
.box .box-header:after {
clear: both;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
display: inline-block;
padding: 10px 10px 10px 10px;
margin: 0;
font-size: 20px;
font-weight: 400;
float: left;
cursor: default;
}
.box .box-header a {
color: #444;
}
.box .box-header > .box-tools {
padding: 5px 10px 5px 5px;
}
.box .box-body {
padding: 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.box .box-body > table,
.box .box-body > .table {
margin-bottom: 0;
}
.box .box-body.chart-responsive {
width: 100%;
overflow: hidden;
}
.box .box-body > .chart {
position: relative;
overflow: hidden;
width: 100%;
}
.box .box-body > .chart svg,
.box .box-body > .chart canvas {
width: 100% !important;
}
.box .box-body .fc {
margin-top: 5px;
}
.box .box-body .fc-header-title h2 {
font-size: 15px;
line-height: 1.6em;
color: #666;
margin-left: 10px;
}
.box .box-body .fc-header-right {
padding-right: 10px;
}
.box .box-body .fc-header-left {
padding-left: 10px;
}
.box .box-body .fc-widget-header {
background: #fafafa;
-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, .02);
box-shadow: inset 0px -3px 1px rgba(0, 0, 0, .02);
}
.box .box-body .fc-grid {
width: 100%;
border: 0;
}
.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
border-left: 0;
border-right: 0;
}
.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
border-right: 0;
}
.box .box-body .table {
margin-bottom: 0;
}
.box .box-body .full-width-chart {
margin: -19px;
}
.box .box-body.no-padding .full-width-chart {
margin: -9px;
}
.box .box-footer {
border-top: 1px solid #f4f4f4;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 10px;
background-color: #ffffff;
}
.box.box-solid {
border-top: 0px;
}
.box.box-solid > .box-header {
padding-bottom: 0px !important;
}
.box.box-solid > .box-header .btn.btn-default {
background: transparent;
}
.box.box-solid.box-primary > .box-header {
color: #fff;
background: #3c8dbc;
background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a {
color: #444;
}
.box.box-solid.box-info > .box-header {
color: #fff;
background: #00c0ef;
background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a {
color: #444;
}
.box.box-solid.box-danger > .box-header {
color: #fff;
background: #f56954;
background-color: #f56954;
}
.box.box-solid.box-danger > .box-header a {
color: #444;
}
.box.box-solid.box-warning > .box-header {
color: #fff;
background: #f39c12;
background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a {
color: #444;
}
.box.box-solid.box-success > .box-header {
color: #fff;
background: #00a65a;
background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a {
color: #444;
}
.box.box-solid > .box-header > .box-tools .btn {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.box.box-solid.collapsed-box .box-header {
border-radius: 3px;
}
.box.box-solid[class*="bg"] > .box-header {
color: #fff;
}
.box .box-group > .box {
margin-bottom: 5px;
}
.box .knob-label {
text-align: center;
color: #777;
font-weight: 100;
font-size: 12px;
margin-bottom: 0.3em;
}
.box .todo-list {
margin: 0;
padding: 0px 0px;
list-style: none;
}
.box .todo-list > li {
border-radius: 2px;
padding: 10px;
background: #f3f4f5;
margin-bottom: 2px;
border-left: 2px solid #e6e7e8;
color: #444;
}
.box .todo-list > li:last-of-type {
margin-bottom: 0;
}
.box .todo-list > li.danger {
border-left-color: #f56954;
}
.box .todo-list > li.warning {
border-left-color: #f39c12;
}
.box .todo-list > li.info {
border-left-color: #00c0ef;
}
.box .todo-list > li.success {
border-left-color: #00a65a;
}
.box .todo-list > li.primary {
border-left-color: #3c8dbc;
}
.box .todo-list > li > input[type="checkbox"] {
margin: 0 10px 0 5px;
}
.box .todo-list > li .text {
display: inline-block;
margin-left: 5px;
font-weight: 600;
}
.box .todo-list > li .label {
margin-left: 10px;
font-size: 9px;
}
.box .todo-list > li .tools {
display: none;
float: right;
color: #f56954;
}
.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
margin-right: 5px;
cursor: pointer;
}
.box .todo-list > li:hover .tools {
display: inline-block;
}
.box .todo-list > li.done {
color: #999;
}
.box .todo-list > li.done .text {
text-decoration: line-through;
font-weight: 500;
}
.box .todo-list > li.done .label {
background: #eaeaec !important;
}
.box .todo-list .handle {
display: inline-block;
cursor: move;
margin: 0 5px;
}
/*Timeline chat*/
.chat-form {
margin-top: 25px;
clear: both;
}
.chat-form .input-cont {
margin-bottom: 10px;
}
.chat-form .input-cont input {
margin-bottom: 0px;
}
.chat-form .input-cont input {
border: 1px solid #d3d3d3 !important;
margin-top: 0;
min-height: 45px;
}
.chat-form .input-cont input {
background-color: #fff !important;
margin-bottom: 5px;
/* border-radius: 4px; */
}
.chat-features a {
margin-left: 10px;
}
.chat-features a i {
color: #d0d0d0;
}
.timeline-messages,
.msg-time-chat,
.timeline-messages .msg-in,
.timeline-messages .msg-out {
position: relative;
border-radius: 2px;
}
.timeline-heading {
padding: 8px 15px;
}
.timeline-messages .msg-in .arrow {
/*border-right: 8px solid #F4F4F4 !important;*/
}
.timeline-messages .msg-in .arrow {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
display: block;
height: 0;
left: -8px;
position: absolute;
top: 13px;
width: 0;
}
.timeline-messages .msg-out .arrow {
/*border-right: 8px solid #41cac0 !important;*/
}
.timeline-messages .msg-out .arrow {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
display: block;
height: 0;
left: -8px;
position: absolute;
top: 13px;
width: 0;
}
.msg-time-chat:first-child:before {
margin-top: 16px;
}
.msg-time-chat:before {
background: #cccccc;
border: 2px solid #fafafa;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
height: 14px;
margin: 23px 0 0 -6px;
width: 14px;
}
.msg-time-chat:hover:before {
background: #41cac0;
}
.msg-time-chat:first-child {
padding-top: 0;
}
.message-img-in {
float: left;
margin-right: 10px;
overflow: hidden;
}
.message-img-in img {
display: block;
height: 50px;
width: 50px;
border: 1px solid #eee;
}
.message-img-out {
float: right;
margin-left: 10px;
overflow: hidden;
}
.message-img-out img {
display: block;
height: 50px;
width: 50px;
border: 1px solid #eee;
}
.message-body-in {
/*margin-left: 80px;*/
}
.msg-time-chat .msg-in .text {
/* border: 1px solid #e3e6ed; */
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #f4f4f4;
display: inline-block;
}
.message-body-out {
/*margin-right: 80px;*/
}
.msg-time-chat .msg-out .text {
/* border: 1px solid #e3e6ed; */
padding: 10px;
border-radius: 4px;
background-color: #f1f5fd;
}
.msg-time-chat p {
margin: 0;
}
.msg-time-chat .attribution {
font-size: 11px;
margin: 0px 0 5px;
}
.msg-time-chat {
overflow: hidden;
padding: 8px 0;
}
.msg-in a,
.msg-in a:hover {
color: #acacac;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-right: 10px;
font-weight: 400;
font-size: 13px;
}
.msg-out a,
.msg-out a:hover {
color: #288f98;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-right: 10px;
font-weight: 400;
font-size: 13px;
}
/*.box .chat {
padding: 5px 20px 5px 10px;
}
.box .chat .item {
margin-bottom: 10px;
}
.box .chat .item:before,
.box .chat .item:after {
display: table;
content: " ";
}
.box .chat .item:after {
clear: both;
}
.box .chat .item > img {
width: 40px;
height: 40px;
border: 2px solid transparent;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.box .chat .item > img.online {
border: 2px solid #00a65a;
}
.box .chat .item > img.offline {
border: 2px solid #f56954;
}
.box .chat .item > .message {
margin-left: 55px;
margin-top: -40px;
}
.box .chat .item > .message > .name {
display: block;
font-weight: 600;
}
.box .chat .item > .attachment {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f0f0f0;
margin-left: 65px;
margin-right: 15px;
padding: 10px;
}
.box .chat .item > .attachment > h4 {
margin: 0 0 5px 0;
font-weight: 600;
font-size: 14px;
}
.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
font-weight: 600;
font-size: 13px;
font-style: italic;
margin: 0;
}
.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
display: table;
content: " ";
}
.box .chat .item > .attachment:after {
clear: both;
}*/
.box > .overlay,
.box > .loading-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box > .overlay {
z-index: 1010;
background: rgba(255, 255, 255, .7);
}
.box > .overlay.dark {
background: rgba(0, 0, 0, .5);
}
.box > .loading-img {
z-index: 1020;
}
/*
Component: Buttons
-------------------------
*/
.btn {
font-weight: 500;
border-radius: 3px;
border: 1px solid transparent;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn.btn-default {
background-color: #6c757d;
color: #fff;
border-color: #6c757d;
border-bottom-color: #6c757d;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
background-color: #5a6268;
color: #fff;
border-color: #5a6268;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-default.btn-flat {
border-bottom-color: #d9dadc;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-primary {
background-color: #4697ce;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
background-color: #2f7db2;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-success {
background-color: #26b99a;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
background-color: #169f85;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-info {
background-color: #337ab7;
border: none;
color: white;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
background-color: #2e6da4;
border: none;
color: white;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bg-success {
background-color: #d1e7dd !important;
}
.btn.btn-danger {
background-color: #f05050;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
background-color: #ee3939;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-warning {
background-color: #f0ad4e;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
background-color: #ec971f;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-round {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
/*.btn-group .btn.btn-success { border: 1px solid #7ab03f }
.btn-group .btn.btn-info { border: 1px solid #2fa084 }
.btn-group .btn.btn-danger { border: 1px solid #d13a24 }
.btn-group .btn.btn-warning { border: 1px solid #efa50b }
.btn-group-vertical .btn.btn-success { border: 1px solid #7ab03f }
.btn-group-vertical .btn.btn-info { border: 1px solid #2fa084 }
.btn-group-vertical .btn.btn-danger { border: 1px solid #d13a24 }
.btn-group-vertical .btn.btn-warning { border: 1px solid #efa50b }*/
.open .dropdown-toggle.btn-warning {
background-color: #f9d21a;
border-color: #f9d21a;
}
.open .dropdown-toggle.btn-info {
background-color: #37a3df;
border-color: #37a3df;
}
.btn.btn-flat {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-width: 1px;
}
.btn:active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:focus {
outline: none;
}
.btn.btn-file {
position: relative;
width: 120px;
height: 35px;
overflow: hidden;
}
.btn.btn-file > input[type="file"] {
display: block !important;
width: 100% !important;
height: 35px !important;
opacity: 0 !important;
position: absolute;
top: -10px;
cursor: pointer;
}
.btn.btn-app {
position: relative;
padding: 15px 5px;
margin: 0 0 10px 10px;
min-width: 80px;
height: 60px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
text-align: center;
color: #666;
border: 1px solid #ddd;
background-color: #fafafa;
font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
font-size: 20px;
display: block;
}
.btn.btn-app:hover {
background: #f4f4f4;
color: #444;
border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.btn-app > .badge {
position: absolute;
top: -3px;
right: -10px;
font-size: 10px;
font-weight: 400;
}
.btn.btn-social-old {
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.9;
padding: 0;
}
.btn.btn-social-old > .fa {
padding: 10px 0;
width: 40px;
}
.btn.btn-social-old > .fa + span {
border-left: 1px solid rgba(255, 255, 255, .3);
}
.btn.btn-social-old span {
padding: 10px;
}
.btn.btn-social-old:hover {
opacity: 1;
}
.btn.btn-circle {
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
border-radius: 50%;
}
/* Background colors */
/*.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black { color: #f9f9f9 !important }
.bg-gray { background-color: #eaeaec !important }
.bg-black { background-color: #222222 !important }
.bg-red { background-color: #f56954 !important }
.bg-yellow { background-color: #f39c12 !important }
.bg-aqua { background-color: #00c0ef !important }
.bg-blue { background-color: #0073b7 !important }
.bg-light-blue { background-color: #3c8dbc !important }
.bg-green { background-color: #00a65a !important }
.bg-navy { background-color: #001f3f !important }
.bg-teal { background-color: #39cccc !important }
.bg-olive { background-color: #16a085 !important }
.bg-lime { background-color: #01ff70 !important }
.bg-orange { background-color: #f0934e !important }
.bg-fuchsia { background-color: #f012be !important }
.bg-purple { background-color: #932ab6 !important }
.bg-maroon { background-color: #85144b !important }*/
/*
Component: callout
------------------------
*/
.callout {
margin: 0 0 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.callout h4 {
margin-top: 0;
}
.callout p:last-child {
margin-bottom: 0;
}
.callout code,
.callout .highlight {
background-color: #fff;
}
.callout.callout-danger {
background-color: #fcf2f2;
border-color: #dfb5b4;
}
.callout.callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.callout.callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.callout.callout-danger h4 {
color: #b94a48;
}
.callout.callout-warning h4 {
color: #c09853;
}
.callout.callout-info h4 {
color: #3a87ad;
}
/*
Component: alert
------------------------
*/
.alert {
/*padding-left: 30px;
margin-left: 15px;*/
position: relative;
border-radius: 2px;
border: none;
}
.alert > .fa,
.alert > .glyphicon {
position: absolute;
left: -15px;
top: -15px;
width: 35px;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
background: inherit;
border: inherit;
}
/*
Component: Navs
*/
/* NAV PILLS */
.nav.nav-pills > li > a {
border-top: 3px solid transparent;
border-radius: 0;
color: #444;
}
.nav.nav-pills > li > a > .fa,
.nav.nav-pills > li > a > .glyphicon,
.nav.nav-pills > li > a > .ion {
margin-right: 5px;
}
.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover {
background-color: #f6f6f6;
border-top-color: #3c8dbc;
color: #444;
}
.nav.nav-pills > li.active > a {
font-weight: 600;
}
.nav.nav-pills > li > a:hover {
background-color: #f6f6f6;
}
.nav.nav-pills.nav-stacked > li > a {
border-top: 0;
border-left: 3px solid transparent;
border-radius: 0;
color: #444;
}
.nav.nav-pills.nav-stacked > li > a:hover {
background-color: #f6f6f6;
border-left-color: #3c8dbc;
}
.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
background-color: #f6f6f6;
border-left-color: #3c8dbc;
color: #444;
}
.nav.nav-pills.nav-stacked > li.header {
border-bottom: 1px solid #ddd;
color: #777;
margin-bottom: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
margin-bottom: 20px;
background: #fff;
/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
}
.nav-tabs-custom > .nav-tabs {
margin: 0;
border-bottom-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li {
border-top: 3px solid transparent;
margin-bottom: -2px;
margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
border-radius: 0 !important;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
background: transparent;
margin: 0;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
background-color: #fff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
border-top: 0;
border-left-color: #f4f4f4;
border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
margin-left: 0px;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
margin-right: 0px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
border-left-width: 1px;
border-right-width: 0px;
}
.nav-tabs-custom > .nav-tabs > li.header {
font-weight: 400;
line-height: 35px;
padding: 0 10px;
font-size: 20px;
color: #444;
cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
background: #fff;
padding: 10px;
}
/* Nav tabs bottom */
.tabs-bottom.nav-3 li a {
width: 3333.33333333% !important;
}
.tabs-bottom li a {
border: 0;
}
/* PAGINATION */
.pagination > li > a {
background: #fafafa;
color: #666;
/*-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);*/
}
.pagination > li:first-of-type a,
.pagination > li:last-of-type a {
border-radius: 2px;
}
/*
Component: Mailbox
*/
.mail-box aside {
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
}
.mailbox .table-mailbox {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.mailbox .table-mailbox tr.unread > td {
background-color: rgba(0, 0, 0, .05);
color: #000;
font-weight: 600;
}
.mailbox .table-mailbox tr > td > .fa.fa-star,
.mailbox .table-mailbox tr > td > .fa.fa-star-o,
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
color: #f39c12;
cursor: pointer;
}
.mailbox .table-mailbox tr > td.small-col {
width: 30px;
}
.mailbox .table-mailbox tr > td.name {
width: 150px;
font-weight: 600;
}
.mailbox .table-mailbox tr > td.time {
text-align: right;
width: 100px;
}
.mailbox .table-mailbox tr > td {
white-space: nowrap;
}
.mailbox .table-mailbox tr > td > a {
color: #444;
}
@media screen and (max-width: 767px) {
.mailbox .nav-stacked > li:not(.header) {
float: left;
width: 50%;
}
.mailbox .nav-stacked > li:not(.header).header {
border: 0 !important;
}
.mailbox .search-form {
margin-top: 10px;
}
}
/*
Skins
-----
*/
/*
Skin Blue
---------
*/
/* skin-blue navbar */
.skin-blue .navbar {
background-color: #3c8dbc;
}
.skin-blue .navbar .nav a {
color: rgba(255, 255, 255, .8);
}
.skin-blue .navbar .nav > li > a:hover,
.skin-blue .navbar .nav > li > a:active,
.skin-blue .navbar .nav > li > a:focus,
.skin-blue .navbar .nav .open > a,
.skin-blue .navbar .nav .open > a:hover,
.skin-blue .navbar .nav .open > a:focus {
background: rgba(0, 0, 0, .1);
color: #f6f6f6;
}
.skin-blue .navbar .navbar-right > .nav {
margin-right: 10px;
}
.skin-blue .navbar .sidebar-toggle .icon-bar {
background: rgba(255, 255, 255, .8);
}
.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
background: #f6f6f6 !important;
}
/* skin-blue logo */
.skin-blue .logo {
background-color: #367fa9;
color: #f9f9f9;
}
.skin-blue .logo > a {
color: #f9f9f9;
}
.skin-blue .logo:hover {
/*background: #357ca5;*/
/*color:#fff;*/
}
/* skin-blue content header */
.skin-blue .right-side > .content-header {
background: #fbfbfb;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
}
/* Skin-blue user panel */
.skin-blue .user-panel > .image > img {
border: 1px solid #dfdfdf;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
color: #555555;
}
/* skin-blue sidebar */
.skin-blue .sidebar {
border-bottom: 1px solid #fff;
}
.skin-blue .sidebar > .sidebar-menu > li {
border-top: 1px solid #fff;
border-bottom: 1px solid #dbdbdb;
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type {
border-top: 1px solid #dbdbdb;
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
border-top: 1px solid #fff;
}
.skin-blue .sidebar > .sidebar-menu > li > a {
margin-right: 1px;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover,
.skin-blue .sidebar > .sidebar-menu > li.active > a {
color: #222;
background: #f9f9f9;
}
.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #f9f9f9;
}
.skin-blue .left-side {
background: #f4f4f4;
-webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, .1);
box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, .07);
}
.skin-blue .sidebar a {
color: #555555;
}
.skin-blue .sidebar a:hover {
text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
color: #777;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
color: #111;
}
.skin-blue .sidebar-form {
border-radius: 2px;
border: 1px solid #dbdbdb;
margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fafafa;
border: 1px solid #fafafa;
height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
color: #666;
-webkit-border-top-left-radius: 2px !important;
-webkit-border-top-right-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-webkit-border-bottom-left-radius: 2px !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-topright: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-moz-border-radius-bottomleft: 2px !important;
border-top-left-radius: 2px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 2px !important;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
color: #999;
-webkit-border-top-left-radius: 0 !important;
-webkit-border-top-right-radius: 2px !important;
-webkit-border-bottom-right-radius: 2px !important;
-webkit-border-bottom-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-moz-border-radius-topright: 2px !important;
-moz-border-radius-bottomright: 2px !important;
-moz-border-radius-bottomleft: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 2px !important;
border-bottom-right-radius: 2px !important;
border-bottom-left-radius: 0 !important;
}
/*
Skin Black
--------
*/
/* skin-black navbar */
.skin-black .navbar {
background-color: #3C4759;
border-bottom: 1px solid #eee;
/* background: #fff; */
border-bottom: 1px solid #d9dee4;
}
.skin-black .navbar .nav a {
color: #515356;
}
.skin-black .navbar .nav > li > a:hover,
.skin-black .navbar .nav > li > a:active,
.skin-black .navbar .nav > li > a:focus,
.skin-black .navbar .nav .open > a,
.skin-black .navbar .nav .open > a:hover,
.skin-black .navbar .nav .open > a:focus {
background: #d9dee4;
color: #515356;
padding-bottom: 14px;
}
.skin-black .navbar .navbar-right > .nav {
margin-right: 10px;
}
.skin-black .navbar .sidebar-toggle .icon-bar {
background: #515356;
}
.skin-black .navbar .sidebar-toggle:hover .icon-bar {
background: #999999 !important;
}
/* skin-black logo */
.skin-black .logo {
background-color: #283744;
color: #f9f9f9;
}
.skin-black .logo > a {
color: #f9f9f9;
}
.skin-black .logo:hover {
/*background: #303030;*/
/*color: #fff;*/
}
/* skin-black content header */
.skin-black .right-side > .content-header {
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Skin-red user panel */
.skin-black .user-panel > .image > img {
border: 3px solid #fff;
}
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
color: #eee;
}
/* skin-black sidebar */
.skin-black .sidebar {
border-bottom: 1px solid #39435c;
}
.skin-black .sidebar > .sidebar-menu > li {
/*border-top: 1px solid #333;
border-bottom: 0px solid #444;*/
}
.skin-black .sidebar > .sidebar-menu > li:first-of-type {
border-top: 1px solid #444;
}
.skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
border-top: 0px solid #333;
}
.skin-black .sidebar > .sidebar-menu > li > a {
margin-right: 1px;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover,
.skin-black .sidebar > .sidebar-menu > li.active > a {
color: #f6f6f6;
background: #425164;
}
.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #35404d;
}
.skin-black .left-side {
background: #2a3f54;
}
.skin-black .sidebar a {
color: #eee;
}
.skin-black .sidebar a:hover {
text-decoration: none;
}
.skin-black .treeview-menu > li > a {
color: #ccc;
}
.skin-black .treeview-menu > li.active,
.skin-black .treeview-menu > li:hover {
color: #fff;
background-color: #404b5f;
}
.skin-black .sidebar-form {
border-radius: 2px;
border: 0px solid #555;
margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
-webkit-box-shadow: none;
box-shadow: none;
background-color: rgba(255, 255, 255, .1);
border: 0 solid rgba(255, 255, 255, .1);
height: 35px;
outline: none;
}
.skin-black .sidebar-form input[type="text"] {
color: #666;
-webkit-border-top-left-radius: 2px !important;
-webkit-border-top-right-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-webkit-border-bottom-left-radius: 2px !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-topright: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-moz-border-radius-bottomleft: 2px !important;
border-top-left-radius: 2px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 2px !important;
}
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #444;
border: 0;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left: 0;
}
.skin-black .sidebar-form .btn {
color: #999;
-webkit-border-top-left-radius: 0 !important;
-webkit-border-top-right-radius: 2px !important;
-webkit-border-bottom-right-radius: 2px !important;
-webkit-border-bottom-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-moz-border-radius-topright: 2px !important;
-moz-border-radius-bottomright: 2px !important;
-moz-border-radius-bottomleft: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 2px !important;
border-bottom-right-radius: 2px !important;
border-bottom-left-radius: 0 !important;
border-left: 0;
}
.skin-black .sidebar .sidebar-menu .treeview-menu > li:hover {
background-color: #404b5f;
}
/*!
* iCheck v1.0.1, http://git.io/arlzeA
* =================================
* Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
*
* (c) 2013 Damir Sultanov, http://fronteed.com
* MIT Licensed
*/
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
border: none;
cursor: pointer;
}
.icheckbox_minimal {
background-position: 0 0;
}
.icheckbox_minimal.hover {
background-position: -20px 0;
}
.icheckbox_minimal.checked {
background-position: -40px 0;
}
.icheckbox_minimal.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal.checked.disabled {
background-position: -80px 0;
}
.iradio_minimal {
background-position: -100px 0;
}
.iradio_minimal.hover {
background-position: -120px 0;
}
.iradio_minimal.checked {
background-position: -140px 0;
}
.iradio_minimal.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_minimal.checked.disabled {
background-position: -180px 0;
}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
.icheckbox_minimal,
.iradio_minimal {
background-size: 200px 20px;
}
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background-color: #29d;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 3px;
overflow: hidden;
-webkit-transition: width 1s;
transition: width 1s;
}
.pace .pace-progress-inner {
position: absolute;
top: 0;
left: 0;
right: -32px;
bottom: 0;
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
background-size: 32px 32px;
-webkit-animation: pace-stripe-animation 500ms linear infinite;
animation: pace-stripe-animation 500ms linear infinite;
}
@-webkit-keyframes pace-stripe-animation {
0% {
-webkit-transform: none;
transform: none;
}
100% {
-webkit-transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}
@keyframes pace-stripe-animation {
0% {
-webkit-transform: none;
transform: none;
transform: none;
}
100% {
-webkit-transform: translate(-32px, 0);
transform: translate(-32px, 0);
transform: translate(-32px, 0);
}
}
.btn-vk .badge {
color: #587ea3;
background-color: #ffffff;
}
.tools a {
color: #a7a7a7;
margin-left: 10px;
}
.panel {
border: none;
/*box-shadow: none;*/
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .2) !important;
box-shadow: 0 1px 0px rgba(0, 0, 0, .2) !important;
border: 1px solid #d9dee4;
padding: 5px 15px;
}
.panel-heading {
border-bottom: 1px solid #d9dee4;
background-color: #fff;
font-weight: bold;
}
.panel.guest-panel {
border: #e4e4e4 solid 1px;
}
.msg-in {
position: relative;
background: #f4f4f4;
}
.msg-in:after {
right: 100%;
top: 30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-right-color: #f4f4f4;
border-width: 6px;
margin-top: -6px;
}
/*.msg-out {
position: relative;
background: #F1F5FD;
}
.msg-out:after {
right: 100%;
top: 30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-right-color: #F1F5FD;
border-width: 6px;
margin-top: -6px;
}*/
.msg-out {
position: relative;
background: #f1f5fd;
}
.msg-out:after {
left: 100%;
top: 30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #f1f5fd;
border-width: 6px;
margin-top: -6px;
}
/*=Chat=*/
ul.chat-list {
list-style: none;
padding-left: 0px;
}
.chat-list li {
margin-bottom: 24px;
}
.chat-list .chat-avatar {
width: 40px;
display: inline-block;
text-align: center;
float: left;
}
.chat-list .chat-avatar i {
font-size: 12px;
font-style: normal;
}
.chat-list .ctext-wrap i {
display: block;
font-style: normal;
font-weight: bold;
position: relative;
font-size: 12px;
color: #2cb9b3;
}
.chat-list .conversation-text {
display: inline-block;
font-size: 12px;
float: left;
margin-left: 12px;
width: 70%;
}
.chat-list .ctext-wrap {
padding: 10px;
/*background:#d5f2ef;*/
border-radius: 3px;
position: relative;
display: inline-block;
}
.chat-list .ctext-wrap p {
margin: 0px;
padding-top: 0px;
}
.chat-list .ctext-wrap:after {
right: 100%;
top: 25%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(213, 242, 239, 0);
border-right-color: #d5f2ef;
border-width: 5px;
margin-top: -5px;
}
.chat-list .odd .chat-avatar {
float: right !important;
}
.chat-list .odd .conversation-text {
width: 70% !important;
margin-right: 12px;
text-align: right;
float: right !important;
}
.chat-list .odd .ctext-wrap {
background: #eeeef2 !important;
}
.chat-list .odd .ctext-wrap i {
color: #acacac;
}
.chat-list .odd .ctext-wrap:after {
left: 100% !important;
top: 25% !important;
border-color: rgba(238, 238, 242, 0) !important;
border-left-color: #eeeef2 !important;
}
.chat-send {
padding-left: 0px;
}
.chat-send button {
width: 100%;
}
/*notification*/
.alert-icon {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 100%;
}
.alert-icon i {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-size: 20px;
color: #fff;
}
.notification-info {
margin-left: 56px;
margin-top: -40px;
}
ul.notification-meta {
list-style: none;
padding-left: 0px;
}
.notification-meta {
margin-bottom: 3px;
}
.notification-info p {
margin: 0px;
color: #999;
font-size: 12px;
}
.alert-info .alert-icon {
background-color: #99cce3;
}
.alert-danger .alert-icon {
background-color: #fcb1ae;
}
.alert-success .alert-icon {
background-color: #98d7ad;
}
.alert-warning .alert-icon {
background-color: #ffe699;
}
.notification-sender {
color: #414147;
}
.notification-time {
font-style: italic;
color: #999;
}
.alert-info .notification-info a {
color: #45a2c9;
}
.alert-danger .notification-info a {
color: #fb6f6b;
}
.alert-success .notification-info a {
color: #42b663;
}
.alert-warning .notification-info a {
color: #e6cb76;
}
.alert-info.bucket-notification {
background-color: #eef7fd;
}
.alert-danger.bucket-notification {
background-color: #fef3f2;
}
.alert-success.bucket-notification {
background-color: #eef8f8;
}
.alert-warning.bucket-notification {
background-color: #fff7e1;
}
/*--------------Tasks Widget--------------*/
.task-content {
margin-bottom: 30px;
}
.tasks-widget .task-content:after {
clear: both;
}
.tasks-widget .task-footer {
margin-top: 5px;
}
.tasks-widget .task-footer:after,
.tasks-widget .task-footer:before {
content: "";
display: table;
line-height: 0;
}
.tasks-widget .task-footer:after {
clear: both;
}
.tasks-widget .task-list {
padding: 0;
margin: 0;
}
ul.task-list {
list-style: none;
}
.tasks-widget .task-list > li {
position: relative;
padding: 10px 5px;
border-bottom: 1px dashed #eaeaea;
}
.tasks-widget .task-list li.last-line {
border-bottom: none;
}
.tasks-widget .task-list li > .task-bell {
margin-left: 10px;
}
.tasks-widget .task-list li > .task-checkbox {
float: left;
width: 30px;
}
.tasks-widget .task-list li > .task-title {
overflow: hidden;
margin-right: 10px;
}
.tasks-widget .task-list li > .task-config {
position: absolute;
top: 10px;
right: 10px;
}
.tasks-widget .task-list li .task-title .task-title-sp {
margin-right: 5px;
}
.tasks-widget .task-list li.task-done .task-title-sp {
text-decoration: line-through;
color: #bbbbbb;
}
.tasks-widget .task-list li.task-done {
background: #f6f6f6;
}
.tasks-widget .task-list li.task-done:hover {
background: #f4f4f4;
}
.tasks-widget .task-list li:hover {
background: #f9f9f9;
}
.tasks-widget .task-list li .task-config {
display: none;
}
.tasks-widget .task-list li:hover > .task-config {
display: block;
margin-bottom: 0 !important;
}
@media only screen and (max-width: 320px) {
.tasks-widget .task-config-btn {
float: inherit;
display: block;
}
.tasks-widget .task-list-projects li > .label {
margin-bottom: 5px;
}
}
/*calendar*/
.fc-first.fc-last {
background-color: #f0f3f4;
}
.external-event {
font-weight: normal;
}
.fc-button.fc-state-default {
border: 1px solid #d9dadc;
margin-left: 0px !important;
background: #fafafa;
color: #666;
}
.fc-state-default {
-webkit-box-shadow: none;
box-shadow: none;
}
.weather-bg {
background: #59ace2;
border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 300;
}
.weather-bg i {
font-size: 60px;
display: block;
}
.weather-bg .degree {
font-size: 60px;
}
.panel-item .degree {
font-size: 60px;
}
.reg-earn-stat {
text-align: center;
color: #6d6d6d;
text-transform: uppercase;
padding: 40px 30px;
font-weight: 600;
}
.reg-earn-stat span {
display: block;
color: #b0c781;
font-size: 20px;
}
.loc-earn-stat {
text-align: center;
font-weight: 600;
margin-bottom: 30px;
}
.loc-earn-stat li {
padding: 0px 15px;
}
.loc-earn-stat li {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
}
.loc-earn-stat li span {
display: block;
font-size: 14px;
}
.stat-divider {
border-right: #dadada 1px dashed;
}
.vector-stat {
height: 150px;
margin-top: 20px;
}
.online-users img {
margin-right: 10px;
}
.online-users a {
color: #000;
}
ul.online-users {
background-color: #eee;
}
.online-users i.online {
color: #a9d86e;
/*margin: 5px 10px 5px 0px;
padding: 5px 10px 5px 0px;*/
margin-top: 20px;
font-size: x-small;
}
.online-users i.offline {
color: #eee;
/*margin: 5px 10px 5px 0px;
padding: 5px 10px 5px 0px;*/
margin-top: 20px;
font-size: x-small;
}
.panel > .online-users .list-group-item {
border-width: 0px 0;
padding: 0px 15px;
}
.online-users .list-group-item {
/*margin-bottom: 2px;*/
padding: 0px 15px;
}
.online-users .list-group-item:hover {
/*margin-bottom: 2px;*/
background-color: #fafafa;
}
.online-users .list-group-item:first-child {
/*margin-bottom: 0;*/
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.online-users .list-group-item:last-child {
/*margin-bottom: 0;*/
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.chat-footer {
padding: 10px 0px;
background-color: #fff;
}
.chat-primary {
background: #4697ce;
color: #fff;
}
.chat-list .chat-primary:after {
right: 100%;
top: 25%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(213, 242, 239, 0);
border-right-color: #4697ce;
border-width: 5px;
margin-top: -5px;
}
.chat-indigo {
background: #9358ac;
color: #fff;
}
.chat-list .chat-indigo:after {
right: 100%;
top: 25%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(213, 242, 239, 0);
border-right-color: #9358ac;
border-width: 5px;
margin-top: -5px;
}
.chat-midnightblue {
color: #fff;
background-color: #2b3d51;
}
.chat-list .chat-midnightblue:after {
right: 100%;
top: 25%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(213, 242, 239, 0);
border-right-color: #2b3d51;
border-width: 5px;
margin-top: -5px;
}
.sm-st {
background: #fff;
padding: 12px;
border-radius: 3px;
margin-bottom: 20px;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
}
.sm-st-icon {
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
text-align: center;
font-size: 24px;
background: #eee;
border-radius: 5px;
float: left;
margin-right: 10px;
color: #fff;
background: #1abb9c;
}
.sm-st-info {
font-size: 12px;
padding-top: 2px;
}
.sm-st-info span {
display: block;
font-size: 16px;
font-weight: 600;
}
.orange {
background: #fa8564 !important;
}
.tar {
background: #45cf95 !important;
}
.sm-st .green {
background: #86ba41 !important;
}
.pink {
background: #ac75f0 !important;
}
.yellow-b {
background: #fdd752 !important;
}
/*general page*/
.progress-xs {
height: 10px;
}
.progress-sm {
height: 12px;
}
.panel-heading .nav {
border: medium none;
font-size: 13px;
margin: -10px -15px -15px;
}
.tab-bg-dark-navy-blue ul > li > a {
display: block;
padding: 15px 15px !important;
}
.tab-bg-dark-navy-blue {
background: #f0f3f4;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-bottom: none;
}
.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
border-width: 0;
border-radius: 0;
}
.panel-heading .nav > li > a {
color: #898989;
}
.panel-heading .nav > li.active > a,
.panel-heading .nav > li > a:hover {
color: #27c24c;
background: #fff;
}
.panel-heading .nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
border-radius: 0px 0 0 0;
-webkit-border-radius: 0px 0 0 0;
/*border: 1px solid #eee;*/
}
.tab-right {
height: 48px;
}
.panel-heading.tab-right .nav > li:first-child.active > a,
.tab-right.panel-heading .nav > li:first-child > a:hover {
border-radius: 0;
-webkit-border-radius: 0;
}
.panel-heading.tab-right .nav > li:last-child.active > a,
.tab-right.panel-heading .nav > li:last-child > a:hover {
border-radius: 0 4px 0 0;
-webkit-border-radius: 0 4px 0 0;
}
.panel-heading.tab-right .nav-tabs > li > a {
margin-left: 1px;
margin-right: 0px;
}
.m-bot20 {
margin-bottom: 20px;
}
.m-bot-none {
margin-bottom: 0;
}
.wht-color {
color: #fff;
}
.close-sm {
font-size: 14px;
}
.general .panel-body {
/*border: 1px solid #eee;*/
margin-left: -1px;
}
/*progress bar*/
.progress-bar {
background-color: #428bca;
}
.progress-bar-success {
background-color: #27c24c;
}
.progress-bar-info {
background-color: #23b7e5;
}
.progress-bar-warning {
background-color: #fad733;
}
.progress-bar-danger {
background-color: #f05050;
}
#accordion .panel {
/*border: 1px solid #E4E4E4;*/
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
margin-bottom: -4px;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #dddddd;
font-weight: bold;
font-weight: 600 !important;
}
#summary a.list-group-item {
padding: 12px;
border: 1px solid #f4f4f4;
}
#summary a.list-group-item:hover {
background-color: #eee;
color: #4f4f4f;
}
.panel-profile .profile {
margin: 5px 15px 5px 5px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 5px #f7f7f7, 0 0 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 5px #f7f7f7, 0 0 10px 0 rgba(0, 0, 0, .2);
}
.panel-profile li.list-group-item {
border: 1px solid #efefef;
line-height: 30px;
}
.panel-profile li.list-group-item:hover {
background-color: #fafafa;
color: #4f4f4f;
}
.panel-profile li i {
margin-right: 5px;
}
.color-wh {
color: #f9f9f9;
}
.profile40 {
width: 40px;
height: 40px;
}
.profile70 {
width: 70px;
height: 70px;
}
.profile80 {
width: 80px;
height: 80px;
}
.profile90 {
width: 90px;
height: 90px;
}
.thumb-sm {
width: 40px;
display: inline-block;
}
.mess li {
border: 1px solid #efefef;
}
.avatar {
position: relative;
display: block;
border-radius: 500px;
white-space: nowrap;
}
.panel .panel-heading {
padding: 10px 15px;
text-transform: uppercase;
}
.bg-info {
background-color: #7acbee;
color: white;
}
.weather-category {
padding: 25px 0;
color: #74829c;
}
.weather-category ul {
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
}
.weather-category ul li {
display: inline-block;
width: 32%;
text-align: center;
border-right: 1px solid #e6e6e6;
display: inline-block;
}
.weather-category ul li h5 {
margin: 0 0 5px 0;
text-transform: uppercase;
font-weight: 300;
}
.weather-category ul li a {
}
.weather-category ul li:last-child {
border-right: none;
}
/*.twt-category {
display:inline-block;
margin-bottom:11px;
margin-top:10px;
width:100%;
}*/
.twt-category ul li {
color: #bdbdbd;
font-size: 13px;
}
.twt-category h5 {
font-size: 18px;
font-weight: 400 !important;
}
.block {
display: block;
}
.m-t-10 {
margin-top: 10px;
}
.m-r-15 {
margin-right: 15px;
}
.p-15 {
padding: 15px;
}
.w-stat {
margin-bottom: 10px;
}
.panel-box {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
text-align: center;
border: none;
}
.panel-box .panel-item {
display: table-cell;
padding: 30px;
width: 1%;
vertical-align: middle;
border-radius: 0;
}
.panel-box .panel-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.panel-box .panel-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.fb-follower {
background: #335397;
color: #fff;
text-align: center;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
.tw-follower {
background: #00c7f7;
color: #fff;
text-align: center;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
.follower-foot {
padding: 8px 5px 5px 5px;
color: #757575;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
font-weight: 300;
}
.follower-foot ul {
padding: 0;
margin: 0;
}
.follower-foot ul li {
display: inline-block;
text-align: center;
width: 48%;
padding: 10px;
line-height: normal;
}
.gauge-canvas {
text-align: center;
}
.gauge-meta {
margin: 0px;
/*padding-top: 7px;*/
padding-left: 0px;
list-style: none;
}
.gauge-value {
text-align: center;
color: #5aa1d1;
font-size: 16px;
font-weight: bold;
/*padding-left: 20px;*/
}
/*.gauge-title {
color: #ccc;
font-size: 14px;
padding-right: 20px;
}*/
/*chart*/
.top-stats-panel .sm-pie {
/*margin-top: 30px;*/
/*padding: 10px;*/
}
.sm-pie {
height: 100px;
width: 100%;
display: block;
}
/*mail inbox*/
/*advance form*/
/*colorpicker*/
.input-group.color .add-on i,
.input-prepend.color .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px;
}
.dropdown-menu.dropdown-custom > li {
padding: 8px 10px;
font-size: 12px;
background: #fff;
}
.dropdown-menu li:first-child.dropdown-header {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
li.dropdown-header {
padding: 5px 10px;
color: #394263;
background-color: #f9fafc;
border-top: 1px solid #eaedf1;
border-bottom: 1px solid #eaedf1;
}
.dropdown-menu .divider {
margin: 2px 0;
padding: 0 !important;
background-color: #f0f0f0;
}
.dropdown-menu.dropdown-custom > li > a {
border-radius: 3px;
}
.dropdown-menu > li > a {
padding: 6px 10px;
}
.dropdown-menu.dropdown-custom > li > a:hover {
color: #000000;
}
.dropdown-menu.dropdown-custom {
min-width: 200px;
}
.horizontal .dropdown-menu > li > a {
padding: 8px 15px;
}
.horizontal .dropdown-menu > li > a:hover {
background-color: #eee;
/*color: #fff;*/
}
.footer-main {
background-color: #fff;
padding: 7px 13px;
border-top: 1px solid #eee;
text-align: center;
}
.stat-elem {
background-color: #fff;
padding: 18px;
border-radius: 40px;
}
.stat-info {
text-align: center;
background-color: #fff;
border-radius: 5px;
margin-top: -5px;
padding: 8px;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
font-style: italic;
}
.stat-icon {
text-align: center;
margin-bottom: 5px;
}
.st-red {
background-color: #f05050;
}
.st-green {
background-color: #1abb9c;
}
.st-violet {
background-color: #7266ba;
}
.st-blue {
background-color: #337ab7;
}
.st-yellow {
background-color: #f0ad4e;
}
.react-datepicker__input-container {
width: 100%;
}
.react-datepicker-wrapper {
width: 100%;
}
.react-datepicker__time-box {
width: 100%;
}
.react-datepicker__time-list {
margin-left: -40px;
}
.menubar-links {
position: absolute;
top: 150px;
bottom: 0;
max-height: none !important;
}
.logout {
position: fixed;
bottom: 0;
width: 100%;
background: #283744;
}
.toggle-group {
position: absolute;
width: 207% !important;
top: 0;
bottom: 0;
left: 0;
transition: left 0.35s;
-webkit-transition: left 0.35s;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dropdown-menu > li > a {
padding: 10px 20px;
color: #000 !important;
}
.maintenance-container {
position: fixed;
width: 100%;
height: 100%;
background: #333;
}
.maintenance {
display: inline-block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.maintenance img {
display: block;
width: 200px;
margin: auto;
max-width: 100%;
}
.navbar-static-top {
padding-top: 15px !important;
}
.add-attribute .btn-addattr {
padding: 10px 10px;
font-size: 12px;
line-height: 2.8;
border-radius: 3px;
text-decoration: none;
}
.add-attribute .dateTime-picker {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
}
.str-date,
.end-date {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.btn-grp,
.multi-addAttribute {
margin: 15px 0;
}
.bt-remove:hover,
.bt-remove:focus {
text-decoration: none;
color: #fff !important;
}
.btn-grp button {
width: 100%;
}
.bt-remove {
padding: 10px 10px;
font-size: 12px;
line-height: 2.8;
border-radius: 3px;
text-decoration: none;
}
.cursor {
cursor: pointer;
}
.wrap-text {
word-break: break-all;
}
.topmenu .list-group-item {
background: transparent !important;
}
.error .react-datetimerange-picker__wrapper {
border: 1px solid red;
}
.subscription .btn.btn-default {
background: #77c84e;
border: none;
color: #fff;
}
.subscription .btn.btn-default:hover {
background: #77c84e;
border: none;
color: #fff;
}
.deal-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.customerSearch {
margin-right: 30px;
margin-left: auto;
}
@media only screen and (max-width: 600px) {
.customerSearch {
margin: 0px;
}
body section div header .navbar {
height: auto;
}
.navbar .navbar-right {
float: left;
margin: 5px 15px 10px;
}
.navbar-right .row {
margin: 0px;
}
.navbar-right .col-xs-5,
.navbar-right .col-xs-2 {
padding: 0px;
}
.left-side {
padding-top: 100px;
}
.side-nav {
height: calc(100% - 198px);
}
}
@media only screen and (max-width: 767px) {
.deal-banner {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.deal-purchased {
background: #fff;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.deal-purchased i.fa {
color: #77c84e;
padding-right: 15px;
margin-right: 15px;
border-right: #ccc solid 2px;
}
.deal-purchased span {
font-weight: normal;
color: #999;
}
.deal-purchased h3 {
color: #272630;
font-weight: 700;
padding: 0;
font-size: 1.2rem;
}
@media only screen and (max-width: 991px) {
.mobile-logo {
display: block;
float: left;
height: 35px;
}
}
.payout-action .dropdown-menu {
left: auto;
right: 0;
}
.autocompleted {
position: relative;
}
.autocompleted > div > div {
display: block !important;
position: relative;
}
.autocompleted > div > div input {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
}
.autocompleted .menu {
z-index: 9;
position: absolute;
width: 100%;
border: #ccc solid 1px;
}
.autocompleted .menu > div {
display: block;
padding: 5px 10px;
}
.autocompletedCharity > div {
width: 100%;
}
.autocompletedCharity > div > input {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
}
.autocompletedCharity > div > div {
position: absolute !important;
top: 100% !important;
bottom: auto !important;
height: auto !important;
max-height: 300px !important;
overflow: auto !important;
padding: 10px 0 !important;
background: #fff;
left: 15px !important;
z-index: 999999 !important;
}
.autocompletedCharity > div > div .form-group {
padding: 10px;
margin-bottom: 0;
}
.tab-content {
overflow: auto;
}
.select-location .dropdown-toggle {
position: relative;
text-align: center;
background: #fff;
border-radius: 4px;
display: inline-block;
}
.select-location .dropdown .dropdown-toggle:after {
content: "";
position: absolute;
bottom: -10px;
z-index: 99;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-width: 10px;
display: none;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.select-location .dropdown.open .dropdown-toggle:after {
display: block;
}
.select-location .dropdown-menu {
padding: 20px;
margin-top: 10px;
-moz-animation-duration: 0s;
}
.select-location .dropdown-menu .navbar-brand:hover {
background: #e4e4e4;
}
.table tbody tr td .dropdown-menu {
right: 0;
left: auto !important;
}
.skin-black .navbar .nav .navbar-header a {
color: #fff;
}
a.pull-right.navbar-brand {
margin-left: -30px !important;
}
.invoice header {
padding: 10px 0;
margin-bottom: 30px;
}
.invoice h1 {
border-top: 1px solid #5d6975;
border-bottom: 1px solid #5d6975;
color: #5d6975;
font-size: 2.4em;
line-height: 1.4em;
font-weight: normal;
text-align: center;
margin: 0 0 20px 0;
/*background: url(dimension.png);*/
}
.invoice #project {
float: left;
margin-bottom: 20px;
}
.invoice #project span {
color: #5d6975;
text-align: right;
width: 52px;
margin-right: 10px;
display: inline-block;
font-size: 0.8em;
}
.invoice #company {
float: right;
text-align: right;
}
.invoice #project div,
.invoice #company div {
white-space: nowrap;
}
.invoice table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
}
.invoice table tr:nth-child(2n-1) td {
background: #f5f5f5 !important;
}
.invoice table th,
.invoice table td {
text-align: center;
}
.invoice table th {
padding: 5px 20px;
color: #5d6975;
border-bottom: 1px solid #c1ced9;
white-space: nowrap;
font-weight: normal;
}
.invoice table .service,
.invoice table .desc {
text-align: left;
}
.invoice table td {
padding: 20px;
text-align: right;
}
.invoice table td.service,
.invoice table td.desc {
vertical-align: top;
}
.invoice table td.unit,
.invoice table td.qty,
.invoice table td.total {
font-size: 1.2em;
}
.invoice table td.grand {
border-top: 1px solid #5d6975;
}
.charity-dropdown > div {
display: block !important;
}
#place-bid h2 {
margin: 0 0 30px;
font-size: 36px;
/*color: rgb(185, 38, 69);*/
}
#place-bid h2 span {
color: rgb(185, 38, 69);
}
#place-bid .form-group {
margin-bottom: 0;
}
#place-bid .modal-body {
padding: 30px 15px;
}
#place-bid .modal-title {
font-size: 24px;
font-weight: bold;
}
#place-bid .form-control {
max-width: 200px;
margin: auto;
}
#Select-Attribute h2 {
margin: 0 0 30px;
font-size: 36px;
/*color: rgb(185, 38, 69);*/
}
#Select-Attribute h2 span {
color: rgb(185, 38, 69);
}
#Select-Attribute .form-group {
margin-bottom: 0;
}
#Select-Attribute .modal-body {
padding: 30px 15px;
}
#Select-Attribute .modal-title {
font-size: 24px;
font-weight: bold;
}
#Select-Attribute .form-control {
max-width: 200px;
margin: auto;
}
.cke_update_warning {
display: none !important;
}
.cke_notifications_area {
display: none !important;
}
.cke_editable.cke_display_version_check:before {
display: none !important;
}
p {
color: #333 !important;
line-height: 1.3 !important;
font-size: 14px!important;
font-weight: 400 !important;
}
.nav-tabs > li > a
{
color: #333 !important;
}
h1, h4, h5, h6, .h1, .h3, .h4, .h5, .h6 {
font-family: inherit !important;
font-weight: 500 !important;
line-height: 1.1 !important;
color: inherit !important;
}
h1,
.h1 {
font-size: 36px ;
}
h2,
.h2 {
font-size: 30px ;
}
h3,
.h3 {
font-size: 24px ;
}
h4,
.h4 {
font-size: 18px !important;
}
h5,
.h5 {
font-size: 14px !important ;
}
h6,
.h6 {
font-size: 12 !important;
}
.btn-deal {
color: #fff !important;
border: none;
font-size: 16px !important;
padding: 10px 20px !important;
background: #77C84E;
transition: all ease-out 0.2s;
-moz-transition: all ease-out 0.2s;
-webkit-transition: all ease-out 0.2s;
box-shadow: 0 0 0 #111 inset;
-moz-box-shadow: 0 0 0 #111 inset;
-webkit-box-shadow: 0 0 0 #111 inset;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 11px !important;
margin-bottom:10px !important;
}
.list-page.deal-list-professional .panel {
overflow: visible;
border: 0px !important;
margin-bottom: 30px;
}
.tab-content {
overflow: visible;
margin-bottom: 0px;
}
.tab-content .table-responsive {
overflow: visible !important;
}
.tab-content .table-responsive .btn-group .dropdown.open .dropdown-menu {
height: 150px;
overflow: auto;
padding: 0px;
}
.toggle-handle
{
background-color: white !important;
background-color: #fafafa;
color: #666;
border-color: #ddd;
border-bottom-color: #ddd;
}
.city-state-country-list .toggle .toggle-group .btn-lg {
border-radius: 60px !important;
font-size: 12px !important;
}
.btn.btn-success {
background-color: #26B99A;
border: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
html body .container .col-md-6 {
margin: 0 !important;
float: left !important;
}
html body {
overflow-x: hidden !important;
/*font-family: 'Source Sans Pro', sans-serif;*/
/* font-family: 'Lato', sans-serif; */
font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100%;
background: #f6f6f6;
}
.panel-heading
{
font-size: 14px;
color: #333;
}
.control-label
{
color: black;
}
.deal-container .deal-image {
padding-top: 0px !important;
}/*! ========================================================================
* Bootstrap Toggle: bootstrap2-toggle.css v2.2.0
* http://www.bootstraptoggle.com
* ========================================================================
* Copyright 2014 Min Hur, The New York Times Company
* Licensed under MIT
* ======================================================================== */
label.checkbox .toggle,
label.checkbox.inline .toggle {
margin-left: -20px;
margin-right: 5px;
}
.toggle {
min-width: 40px;
height: 20px;
position: relative;
overflow: hidden;
}
.toggle-group {
position: absolute;
width: 200%;
top: 0;
bottom: 0;
left: 0;
transition: left 0.35s;
-webkit-transition: left 0.35s;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle.off .toggle-group {
left: -100%;
}
.toggle-on {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%;
margin: 0;
border: 0;
border-radius: 0;
}
.toggle-off {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.toggle-handle {
position: relative;
margin: 0 auto;
padding-top: 0px;
padding-bottom: 0px;
height: 100%;
width: 0px;
border-width: 0 1px;
}
.toggle-handle.btn-mini {
top: -2px;
}
.toggle-handle.btn-xs {
top: -2px;
}
.toggle.btn { min-width: 30px; }
.toggle-on.btn { padding-right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.toggle-off.btn { padding-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.toggle.btn-large { min-width: 40px; }
.toggle-on.btn-large { padding-right: 35px; }
.toggle-off.btn-large { padding-left: 35px; }
.toggle.btn-lg { min-width: 40px; }
.toggle-on.btn-lg { padding-right: 35px; }
.toggle-off.btn-lg { padding-left: 35px; }
.toggle.btn-small { min-width: 25px; }
.toggle-on.btn-small { padding-right: 20px; }
.toggle-off.btn-small { padding-left: 20px; }
.toggle.btn-sm { min-width: 25px; }
.toggle-on.btn-sm { padding-right: 20px; }
.toggle-off.btn-sm { padding-left: 20px; }
.toggle.btn-mini { min-width: 20px; }
.toggle-on.btn-mini { padding-right: 12px; }
.toggle-off.btn-mini { padding-left: 12px; }
.toggle.btn-xs { min-width: 20px; }
.toggle-on.btn-xs { padding-right: 12px; }
.toggle-off.btn-xs { padding-left: 12px; }
.slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }
.fast .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; }
.quick .toggle-group { transition: none; -webkit-transition: none; }
.toggle-on[disabled], .toggle-on.disabled { cursor: not-allowed!important }
.toggle-off[disabled], .toggle-on.disabled { cursor: not-allowed!important }
a {
cursor: pointer; }
.invisible {
opacity: 0; }
.view-enter {
opacity: 0;
-webkit-animation-name: smoothFadeInUp;
animation-name: smoothFadeInUp;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 1; }
@-webkit-keyframes smoothFadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3%, 0);
transform: translate3d(0, 3%, 0); }
90% {
opacity: 0.3;
-webkit-transform: none;
transform: none; }
95% {
opacity: 0.5;
-webkit-transform: none;
transform: none; }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes smoothFadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3%, 0);
transform: translate3d(0, 3%, 0); }
90% {
opacity: 0.3;
-webkit-transform: none;
transform: none; }
95% {
opacity: 0.5;
-webkit-transform: none;
transform: none; }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.form-inline > * {
margin: 5px 3px; }
.panel-heading {
z-index: 0 !important; }
.btn {
margin-left: 2px;
margin-right: 2px; }
.well {
padding: 7px; }
input[type="radio"],
input[type="checkbox"] {
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
margin-top: 2px; }
.has-error {
border: 0px solid red !important; }
.panel-heading-index {
z-index: 999 !important; }
label {
font-size: 12px; }
.aside-left--fixed {
position: fixed; }
.sidebar-animated {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.sidebar-menu__marginTop {
margin-top: 0px !important; }
.sidebar-menu__group-container {
margin-top: 0px !important;
height: 20px; }
.sidebar-menu__group-title {
text-align: left;
color: #f6f6f6; }
.left-side {
z-index: 10;
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important; }
.left-side.collapse-left {
-webkit-transform: translateX(-220px) !important;
transform: translateX(-220px) !important; }
.leftNavbar {
position: absolute;
height: calc(100% - 137px);
overflow: auto;
width: 100%; }
.list-inline > li > a {
width: 100%; }
@media screen and (max-width: 990px) {
.aside-left {
position: fixed; }
.left-side {
z-index: 100;
margin-top: 0px;
-webkit-transform: translateX(220px) !important;
transform: translateX(220px) !important; }
.left-side.collapse-left {
-webkit-transform: translateX(0px) !important;
transform: translateX(0px) !important; } }
.right-side--top-margin {
margin-top: 50px;
padding-top: 20px;
background: #fff;
width: calc(100% - 220px); }
.aside-right-animated {
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out; }
.right-side.strech {
margin-left: 0 !important;
width: 100%; }
@media screen and (max-width: 990px) {
.right-side {
margin-left: 0px;
width: 100%; } }
.active_banners {
text-align: center;
width: 80%;
display: block;
margin: 10px auto;
border: #ccc solid 1px;
position: relative; }
.active_banners img {
max-width: 100%;
max-height: 200px; }
.banner_date {
position: absolute;
bottom: 0;
right: 0;
padding: 5px;
background: rgba(0, 0, 0, .5);
color: #fff; }
.fixed--header {
position: fixed; }
.carousel-inner {
background: #fff;
box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-o-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-moz-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-webkit-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7); }
.carousel-inner > .item {
position: relative;
height: 400px; }
.carousel-inner > .item img {
max-width: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.single-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 32px;
background: #fff; }
.BtnRow {
margin-bottom: 30px;
margin-top: 10px !important;
text-align: right; }
.panel .panel-heading {
padding: 10px 15px;
text-transform: uppercase;
margin-bottom: 14px; }
@media screen and (max-width: 990px) {
a.logo {
width: 0px !important; }
.navbar {
margin-left: 0px !important;
padding-left: 0px !important; } }
/* Customer Search Styling */
.customerSearch {
margin-top: 8px;
margin-right: 15px; }
.customerSearch .row {
margin-left: 0;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.customerSearch .row > [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.customer-search-select,
.customer-search-input {
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }
.customer-search-select:focus,
.customer-search-input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.customer-search-btn {
height: 34px;
padding: 0;
font-size: 14px;
border-radius: 4px;
width: 100%;
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #4cae4c;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1; }
.customer-search-btn:hover,
.customer-search-btn:focus {
background-color: #449d44;
border-color: #398439;
color: #fff; }
.customer-search-btn i,
.customer-search-btn svg {
font-size: 14px !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: baseline !important;
display: inline-block !important; }
/* Responsive adjustments */
@media screen and (max-width: 1200px) {
.customerSearch {
margin-right: 10px; } }
@media screen and (max-width: 992px) {
.customerSearch .row > [class*="col-"] {
padding-left: 2px;
padding-right: 2px; }
.customer-search-select,
.customer-search-input,
.customer-search-btn {
font-size: 12px;
height: 32px;
padding: 5px 8px; } }
@media screen and (max-width: 767px) {
.carousel-inner > .item {
height: auto; }
.carousel-inner > .item img {
max-height: 400px;
position: static;
left: 0;
top: 0;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%); }
.customerSearch {
margin-top: 5px;
margin-right: 5px; }
.customer-search-select,
.customer-search-input,
.customer-search-btn {
font-size: 11px;
height: 30px;
padding: 4px 6px; } }
/* Fix navbar-right positioning - override global styles */
.navbar .navbar-right {
float: right !important;
margin-right: 0 !important;
margin-left: auto !important; }
/* Hide sidebar toggle button on desktop view */
@media screen and (min-width: 992px) {
.header .navbar .sidebar-toggle,
.navbar-btn.sidebar-toggle,
.sidebar-toggle,
a.navbar-btn.sidebar-toggle,
.navbar .navbar-btn.sidebar-toggle {
display: block !important;
visibility: visible !important;
position: relative;
float: left;
margin-right: 15px;
margin-top: 8px;
padding: 9px 10px;
background-color: transparent;
border: 1px solid #ddd;
border-radius: 4px;
width: 44px;
height: 38px; }
.header .navbar .sidebar-toggle .sr-only,
.navbar-btn.sidebar-toggle .sr-only,
.sidebar-toggle .sr-only,
a.navbar-btn.sidebar-toggle .sr-only,
.navbar .navbar-btn.sidebar-toggle .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: 0 !important; }
.header .navbar .sidebar-toggle .icon-bar,
.navbar-btn.sidebar-toggle .icon-bar,
.sidebar-toggle .icon-bar,
a.navbar-btn.sidebar-toggle .icon-bar,
.navbar .navbar-btn.sidebar-toggle .icon-bar {
display: block !important;
width: 22px !important;
height: 2px !important;
background-color: #333 !important;
border-radius: 1px !important;
margin: 3px 0 !important;
-webkit-transition: all 0.2s ease !important;
transition: all 0.2s ease !important; }
.sidebar-toggle:hover {
background-color: #f5f5f5;
border-color: #adadad; }
.sidebar-toggle:hover .icon-bar {
background-color: #000; } }
/* Admin Form Labels - Consistent styling across all admin pages */
/* Base ControlLabel styling for React Bootstrap (all versions) */
/* .control-label,
.form-label,
label.control-label,
label.form-label,
.form-control-label,
.col-form-label {
font-weight: 600 !important;
font-size: 14px !important;
color: #000000 !important;
margin-bottom: 8px !important;
display: block !important;
line-height: 1.4 !important;
letter-spacing: 0.3px !important;
} */
/* Admin-specific label improvements */
/* .admin-container .control-label,
.admin-container .form-label,
body.admin .control-label,
body.admin .form-label {
font-weight: 600 !important;
color: #000000 !important;
margin-bottom: 8px !important;
} */
/* Required field asterisk styling */
.control-label span[style*="color: red"],
.form-label span[style*="color: red"],
.control-label .required,
.form-label .required {
color: #e74c3c !important;
font-weight: 700 !important;
margin-right: 4px !important;
}
/* Form group spacing */
.form-group {
margin-bottom: 20px !important;
}
.form-group:last-child {
/* margin-bottom: 0 !important; */
}
/* Improved spacing between label and input */
.form-group .control-label + .form-control,
.form-group .form-label + .form-control,
.form-group .control-label + .input-group,
.form-group .form-label + .input-group {
margin-top: 4px !important;
}
/* Select dropdown labels */
.form-group .control-label + select.form-control,
.form-group .form-label + select.form-control {
margin-top: 4px !important;
}
/* Checkbox and radio labels */
.checkbox label,
.radio label {
font-weight: 500 !important;
font-size: 12px !important;
color: #000000 !important;
margin-bottom: 0 !important;
line-height: 1.5 !important;
}
/* Inline form labels */
.form-inline .control-label,
.form-inline .form-label {
margin-right: 10px !important;
margin-bottom: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
}
/* Help text under labels */
.help-block,
.form-text,
.text-muted {
font-size: 12px !important;
color: #7f8c8d !important;
margin-top: 4px !important;
font-style: italic !important;
}
/* Error state labels */
.has-error .control-label,
.has-error .form-label,
.is-invalid .control-label,
.is-invalid .form-label {
color: #e74c3c !important;
}
/* Success state labels */
.has-success .control-label,
.has-success .form-label,
.is-valid .control-label,
.is-valid .form-label {
color: #26b99a !important;
}
/* Warning state labels */
.has-warning .control-label,
.has-warning .form-label {
color: #f39c12 !important;
}
/* Labels in modal dialogs */
.modal-body .control-label,
.modal-body .form-label {
font-weight: 600 !important;
color: #2c3e50 !important;
margin-bottom: 6px !important;
}
/* Labels in card/panel bodies */
.card-body .control-label,
.card-body .form-label,
.panel-body .control-label,
.panel-body .form-label {
margin-bottom: 8px !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.control-label,
.form-label {
font-size: 12px !important;
margin-bottom: 6px !important;
}
.form-group {
margin-bottom: 16px !important;
}
}
/* Small labels for compact forms */
.form-group.form-group-sm .control-label,
.form-group.form-group-sm .form-label {
font-size: 14px !important;
margin-bottom: 6px !important;
}
/* Large labels for prominent forms */
.form-group.form-group-lg .control-label,
.form-group.form-group-lg .form-label {
font-size: 15px !important;
margin-bottom: 10px !important;
font-weight: 700 !important;
}
/* Section headers within forms */
.form-section-header {
font-size: 16px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
margin: 25px 0 15px 0 !important;
padding-bottom: 8px !important;
border-bottom: 2px solid #ecf0f1 !important;
}
/* Fieldset legends */
fieldset legend {
font-size: 16px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
margin-bottom: 15px !important;
padding: 0 10px !important;
border-bottom: none !important;
}
/* Label alignment */
.text-right .control-label,
.text-right .form-label {
text-align: right !important;
}
.text-center .control-label,
.text-center .form-label {
text-align: center !important;
}
/* Override Bootstrap's default label styling */
.form-control-label,
.col-form-label,
.col-form-label-sm,
.col-form-label-lg {
font-weight: 600 !important;
color: #2c3e50 !important;
}
/* Ensure consistent appearance across all browsers */
.control-label *,
.form-label * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Additional utility classes for admin forms */
.label-bold {
font-weight: 700 !important;
}
.label-normal {
font-weight: 500 !important;
}
.label-light {
font-weight: 400 !important;
}
.label-large {
font-size: 16px !important;
}
.label-small {
font-size: 12px !important;
}
.label-no-margin {
margin-bottom: 0 !important;
}
.label-extra-margin {
margin-bottom: 12px !important;
}
/* Fix for admin panel specific issues */
.admin-panel .control-label,
.admin-panel .form-label,
.admin-content .control-label,
.admin-content .form-label {
font-weight: 600 !important;
color: #000000 !important;
}
/* Ensure labels are visible in dark themes or custom admin themes */
.dark-theme .control-label,
.dark-theme .form-label,
.admin-dark .control-label,
.admin-dark .form-label {
color: #ecf0f1 !important;
}
/* Fix potential specificity issues */
div.form-group .control-label,
div.form-group .form-label,
.row .form-group .control-label,
.row .form-group .form-label,
.col-md-12 .form-group .control-label,
.col-md-12 .form-group .form-label {
font-weight: 600 !important;
font-size: 12px !important;
color: #333 !important;
margin-bottom: 8px !important;
}
/* Target all labels in admin forms (including plain labels without classes) */
.form-group label,
.admin-container label,
.admin-content label,
body.admin label {
font-weight: 400 !important;
font-size: 13px !important;
color: #000000 !important;
margin-bottom: 8px !important;
display: block !important;
line-height: 1.4 !important;
letter-spacing: 0.3px !important;
}
/* Alternative font-size for labels that need 14px */
.form-group label.label-14,
.admin-container label.label-14,
.admin-content label.label-14,
body.admin label.label-14 {
font-size: 14px !important;
}
/* Multiselect hover styling improvements */
.form-control[multiple] {
min-height: 120px !important;
padding: 8px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
background-color: #fff !important;
}
.form-control[multiple] option {
padding: 6px 12px !important;
margin: 2px 0 !important;
border-radius: 3px !important;
-webkit-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important;
cursor: pointer !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
.form-control[multiple] option:hover {
background-color: #337ab7 !important;
color: #fff !important;
-webkit-transform: translateX(2px) !important;
transform: translateX(2px) !important;
-webkit-box-shadow: 0 2px 4px rgba(51, 122, 183, .3) !important;
box-shadow: 0 2px 4px rgba(51, 122, 183, .3) !important;
}
.form-control[multiple] option:selected {
background-color: #5cb85c !important;
color: #fff !important;
font-weight: 600 !important;
}
.form-control[multiple] option:selected:hover {
background-color: #449d44 !important;
color: #fff !important;
}
/* Disabled multiselect styling */
.form-control[multiple]:disabled {
background-color: #f5f5f5 !important;
cursor: not-allowed !important;
}
.form-control[multiple]:disabled option {
color: #999 !important;
cursor: not-allowed !important;
}
.form-control[multiple]:disabled option:hover {
background-color: transparent !important;
color: #999 !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* Promo-specific multiselect enhancements */
.add-sub-admin .form-control[multiple] {
border: 2px solid #e1e5e9 !important;
background-color: #fdfdfd !important;
}
.add-sub-admin .form-control[multiple]:focus {
border-color: #337ab7 !important;
-webkit-box-shadow: 0 0 0 2px rgba(51, 122, 183, .2) !important;
box-shadow: 0 0 0 2px rgba(51, 122, 183, .2) !important;
outline: none !important;
}
.add-sub-admin .form-control[multiple] option {
background-color: #fff !important;
color: #333 !important;
padding: 8px 12px !important;
margin: 1px 0 !important;
border-radius: 3px !important;
-webkit-transition: all 0.2s ease !important;
transition: all 0.2s ease !important;
}
.add-sub-admin .form-control[multiple] option:hover {
background: linear-gradient(135deg, #337ab7 0%, #2e6da4 100%) !important;
color: #fff !important;
border-left: 3px solid #fff !important;
padding-left: 9px !important;
-webkit-transform: translateX(2px) !important;
transform: translateX(2px) !important;
-webkit-box-shadow: 0 2px 6px rgba(51, 122, 183, .3) !important;
box-shadow: 0 2px 6px rgba(51, 122, 183, .3) !important;
}
.add-sub-admin .form-control[multiple] option:selected {
background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;
color: #fff !important;
font-weight: 600 !important;
border-left: 4px solid #fff !important;
padding-left: 8px !important;
}
.add-sub-admin .form-control[multiple] option:selected:hover {
background: linear-gradient(135deg, #218838 0%, #1c7430 100%) !important;
color: #fff !important;
-webkit-transform: translateX(1px) !important;
transform: translateX(1px) !important;
}
/* Specific styling for offer multiselect */
.add-sub-admin select[name="promoDeallist"] option {
background-color: #f8f9fa !important;
color: #495057 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
.add-sub-admin select[name="promoDeallist"] option:hover {
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
color: #fff !important;
border-left: 4px solid #ffc107 !important;
padding-left: 8px !important;
font-weight: 500 !important;
}
.add-sub-admin select[name="promoDeallist"] option:selected {
background: linear-gradient(135deg, #17a2b8 0%, #117a8b 100%) !important;
color: #fff !important;
font-weight: 600 !important;
border-left: 4px solid #fff !important;
padding-left: 8px !important;
}
.add-sub-admin select[name="promoDeallist"] option:selected:hover {
background: linear-gradient(135deg, #138496 0%, #0f6674 100%) !important;
color: #fff !important;
-webkit-transform: translateX(1px) !important;
transform: translateX(1px) !important;
-webkit-box-shadow: 0 3px 8px rgba(19, 132, 150, .4) !important;
box-shadow: 0 3px 8px rgba(19, 132, 150, .4) !important;
}/* Admin Table Horizontal Scrolling Fixes */
/* Ensure table-responsive containers allow horizontal scrolling */
.table-responsive {
overflow-x: auto !important;
overflow-y: visible !important;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
margin-bottom: 15px;
}
/* Prevent text wrapping in table cells to enable horizontal scrolling */
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
/* Ensure tables maintain minimum width for scrolling */
.table-responsive > .table {
margin-bottom: 0;
min-width: 600px; /* Ensures table is wide enough to trigger scroll when needed */
}
/* Fix panel table responsive containers */
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
/* Ensure admin content areas don't block table scrolling */
.content-wrapper,
.main-content,
.admin-content {
overflow-x: auto !important;
}.side-nav {
position: absolute;
width: 100%;
height: calc(100% - 186px);
overflow-x: hidden;
overflow-y: auto;
}
.side-nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.side-nav ul > li > .admin > a {
width: 100%;
text-align: left;
margin: 0 !important;
padding: 8px 16px 8px 8px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.side-nav ul > li > .admin > a:hover { background: rgba(0, 0, 0, .3); }
.item-list-2 {
background: rgba(0, 0, 0, .3);
}
.item-list-2 > li > a {
width: 100%;
text-align: left;
padding: 6px 16px 6px 24px !important;
margin: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.item-list-2 > li > a:hover { background: rgba(0, 0, 0, .3); }
.item-list-3 {
background: rgba(0, 0, 0, .3);
}
.item-list-3 > li > a {
width: 100%;
text-align: left;
padding: 6px 16px 6px 36px !important;
margin: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.item-list-3 > li > a:hover { background: rgba(0, 0, 0, .3); }
.item-list-4 > li > a {
width: 100%;
text-align: left;
padding: 6px 16px 6px 48px !important;
margin: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.item-list-4 > li > a:hover { background: rgba(0, 0, 0, .3); }
.sidebar-animated .left-side { left: 0; }
.sidebar-animated.collapse-left .left-side { left: -220px; }
/* Bootstrap 5 Compatibility Fixes for Admin Menu */
/* Fix submenu visibility issues */
.side-nav .show {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
}
.side-nav .hidden {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
/* Ensure submenu items are clickable and visible */
.side-nav .item-list-2,
.side-nav .item-list-3,
.side-nav .item-list-4 {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.side-nav .item-list-2 li,
.side-nav .item-list-3 li,
.side-nav .item-list-4 li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.side-nav .item-list-2 li a,
.side-nav .item-list-3 li a,
.side-nav .item-list-4 li a {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #fff !important;
text-decoration: none !important;
cursor: pointer !important;
padding: 8px 16px !important;
border: none !important;
background: transparent !important;
}
.side-nav .item-list-2 li a:hover,
.side-nav .item-list-3 li a:hover,
.side-nav .item-list-4 li a:hover {
background: rgba(0, 0, 0, .3) !important;
color: #fff !important;
text-decoration: none !important;
}
/* Fix menu header click functionality */
.side-nav .admin a,
.side-nav ul > li > .admin > a {
cursor: pointer !important;
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
pointer-events: auto !important;
}
/* Fix sidebar toggle animation */
.left-side {
position: fixed !important;
bottom: 0 !important;
width: 220px !important;
z-index: 1000 !important;
background-color: #2C3E50 !important;
transition: left 0.3s ease !important;
-webkit-transition: left 0.3s ease !important;
-moz-transition: left 0.3s ease !important;
-o-transition: left 0.3s ease !important;
}
.sidebar-animated .left-side {
left: 0 !important;
}
.sidebar-animated.collapse-left .left-side {
left: -220px !important;
}
/* Ensure menu items are not hidden by Bootstrap 5 */
.side-nav ul,
.side-nav ul li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Fix menu collapse/expand functionality */
.side-nav ul > li > .admin {
position: relative !important;
}
.side-nav ul > li > .admin > a {
position: relative !important;
z-index: 1 !important;
}
/* Ensure proper spacing and layout */
.side-nav ul > li {
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}
/* Fix submenu animation */
.side-nav .show {
animation: slideDown 0.3s ease-in-out !important;
-webkit-animation: slideDown 0.3s ease-in-out !important;
-moz-animation: slideDown 0.3s ease-in-out !important;
}
.side-nav .hidden {
animation: slideUp 0.2s ease-in-out !important;
-webkit-animation: slideUp 0.2s ease-in-out !important;
-moz-animation: slideUp 0.2s ease-in-out !important;
}
@keyframes slideDown {
from {
opacity: 0;
max-height: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
max-height: 500px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideUp {
from {
opacity: 1;
max-height: 500px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
max-height: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@-webkit-keyframes slideDown {
from {
opacity: 0;
max-height: 0;
-webkit-transform: translateY(-10px);
}
to {
opacity: 1;
max-height: 500px;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes slideUp {
from {
opacity: 1;
max-height: 500px;
-webkit-transform: translateY(0);
}
to {
opacity: 0;
max-height: 0;
-webkit-transform: translateY(-10px);
}
}
/* Fix menu icon alignment */
.side-nav .fa {
margin-right: 8px !important;
width: 16px !important;
text-align: center !important;
}
/* Prevent Bootstrap 5 from hiding menu elements */
.sidebar .side-nav * {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* React Icons Support for Admin Dashboard */
/* Ensure React Icons display properly in admin sidebar */
.sidebar-icon {
display: inline-block !important;
vertical-align: middle !important;
margin-right: 8px !important;
color: #b8c7ce !important;
-webkit-transition: color 0.3s ease !important;
transition: color 0.3s ease !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.sidebar-link {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
width: 100% !important;
text-align: left !important;
margin: 0 !important;
padding: 8px 15px !important;
text-decoration: none !important;
color: #b8c7ce !important;
border-left: 3px solid transparent !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
.sidebar-link:hover {
color: #fff !important;
background: rgba(255, 255, 255, .1) !important;
border-left-color: #fff !important;
text-decoration: none !important;
}
.sidebar-link:hover .sidebar-icon {
color: #fff !important;
}
.sidebar-link.active {
color: #fff !important;
background: rgba(255, 255, 255, .1) !important;
border-left-color: #fff !important;
}
.sidebar-link.active .sidebar-icon {
color: #fff !important;
}
/* React Icons specific styling */
.sidebar-menu__group-title {
-webkit-box-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* Submenu item styling */
.side-nav .item-list-2 .sidebar-link,
.side-nav .item-list-3 .sidebar-link,
.side-nav .item-list-4 .sidebar-link {
padding-left: 24px !important;
}
.side-nav .item-list-3 .sidebar-link {
padding-left: 36px !important;
}
.side-nav .item-list-4 .sidebar-link {
padding-left: 48px !important;
}
/* React Icon size adjustments for different menu levels - allow dynamic override */
.side-nav .item-list-2 .sidebar-icon {
font-size: 0.9em;
}
.side-nav .item-list-3 .sidebar-icon {
font-size: 0.8em;
}
.side-nav .item-list-4 .sidebar-icon {
font-size: 0.7em;
}
/* Ensure React Icons work in all contexts */
.sidebar-icon svg {
display: block !important;
width: 1em !important;
height: 1em !important;
fill: currentColor !important;
}
/* Legacy Font Awesome compatibility (for existing icons that might still use CSS) */
.fa {
margin-right: 8px !important;
width: 16px !important;
text-align: center !important;
display: inline-block !important;
}
/* Ensure icons are visible in admin menu */
.side-nav a .fa {
color: #b8c7ce !important;
opacity: 1 !important;
visibility: visible !important;
}
.side-nav a:hover .fa {
color: #fff !important;
}
/* Fix for missing icon fonts - load fallback */
/* @font-face {
font-family: 'FontAwesome-Fallback';
src: url('data:font/woff2;base64,') format('woff2'),
url('data:font/woff;base64,') format('woff');
font-display: swap;
} */
/* Alternative CSS-only icons if fonts fail */
.css-icon {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
margin-right: 8px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.css-icon-home {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b8c7ce' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E") !important;
}
.css-icon-plus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b8c7ce' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E") !important;
}
.css-icon-eye {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b8c7ce' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
}
/* Dashboard menu center alignment only */
.side-nav ul > li:first-child > a {
text-align: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
/* Mobile responsiveness for admin menu */
@media (max-width: 768px) {
.left-side {
left: -220px !important;
}
.sidebar-animated .left-side {
left: -220px !important;
}
.sidebar-animated.menu-open .left-side {
left: 0 !important;
}
/* Make menu items touch-friendly on mobile */
.side-nav .item-list-2 li a,
.side-nav .item-list-3 li a,
.side-nav .item-list-4 li a {
padding: 12px 16px !important;
font-size: 14px !important;
}
/* Mobile icon adjustments */
.side-nav .fa {
font-size: 16px !important;
margin-right: 10px !important;
}
}.breadcrumb {
background-color: transparent !important;
border-width: 1;
border-color: transparent transparent transparent transparent;
border-style: solid;
border-radius: 0 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
margin-left: 10px !important;
}
/* Bootstrap 5 compatible breadcrumb separator fix using CSS (fallback) */
.breadcrumb > li + li::before {
content: "\203A" !important; /* Unicode right-pointing single angle quotation mark */
font-family: Arial, sans-serif !important;
font-weight: normal !important;
font-style: normal !important;
display: inline-block !important;
padding: 0 5px !important;
color: #6c757d !important; /* Bootstrap muted text color */
font-size: 1em !important;
vertical-align: baseline !important;
}
/* Breadcrumb separator using React Icons (preferred approach) */
.breadcrumb .breadcrumb-separator {
display: inline-block !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
vertical-align: middle !important;
}
/* Remove default ::before content for separator items */
.breadcrumb .breadcrumb-separator::before {
content: none !important;
display: none !important;
}
.breadcrumb a {
/* font-size: 13px; */
padding: 0 5px;
}/* Professional Dashboard Styling */
.admin-dashboard {
background-color: #ecf0f1;
min-height: 100vh;
padding: 15px;
}
.dashboard-header {
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
color: white;
padding: 12px 20px;
border-radius: 6px;
margin-bottom: 20px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
border-left: 4px solid #3498db;
}
.dashboard-title {
font-size: 18px;
font-weight: 600;
margin: 0;
text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
/* Enhanced Stats Cards */
.stats-card-container {
margin-bottom: 25px;
padding: 0 5px;
}
.stats-card-container .col-md-3 {
padding: 0 8px;
margin-bottom: 15px;
}
/* Modern StatsCard Overrides */
.sm-st {
background: white !important;
padding: 22px 20px !important;
border-radius: 10px !important;
margin-bottom: 0 !important;
-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .08) !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, .08) !important;
border: 1px solid #e9ecef !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
height: 100px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.sm-st::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
}
.sm-st:hover {
-webkit-transform: translateY(-2px) !important;
transform: translateY(-2px) !important;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, .12) !important;
}
.sm-st-icon {
width: 55px !important;
height: 55px !important;
line-height: 55px !important;
font-size: 22px !important;
border-radius: 12px !important;
margin-right: 18px !important;
float: left !important;
color: white !important;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15) !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, .15) !important;
}
.sm-st-icon.st-green {
background: linear-gradient(135deg, #26b99a 0%, #2ecc71 100%) !important;
}
.sm-st-icon.st-blue {
background: linear-gradient(135deg, #2980b9 0%, #3498db 100%) !important;
}
.sm-st-icon.st-red {
background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%) !important;
}
.sm-st-icon.st-violet {
background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%) !important;
}
.sm-st-info {
float: left !important;
padding-top: 8px !important;
-webkit-box-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
}
.sm-st-info span {
font-size: 26px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
line-height: 1.1 !important;
display: block !important;
}
.sm-st-info div {
font-size: 11px !important;
color: black !important;
font-weight: 600 !important;
margin-top: 4px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
/* Enhanced Panels */
.dashboard-panel {
background: white;
border-radius: 12px;
-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
border: 1px solid #e9ecef;
overflow: hidden;
margin-bottom: 25px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dashboard-panel:hover {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.dashboard-panel-header {
background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);
padding: 12px 20px;
border-bottom: 1px solid #bdc3c7;
font-weight: 600;
font-size: 14px;
color: #2c3e50;
text-transform: uppercase;
letter-spacing: 0.5px;
border-left: 4px solid #3498db;
}
.dashboard-panel-body {
padding: 24px;
}
/* Professional Tables */
.dashboard-table {
margin: 0;
}
.dashboard-table thead th {
background-color: #ecf0f1;
border-bottom: 2px solid #bdc3c7;
font-weight: 600;
font-size: 13px;
color: #2c3e50;
padding: 14px 18px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.dashboard-table tbody td {
padding: 16px 18px;
border-top: 1px solid #e9ecef;
vertical-align: middle;
font-size: 14px;
color: #2c3e50;
font-weight: 500;
}
.dashboard-table tbody tr:hover {
background-color: #f8f9fa;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
/* Professional Filter Controls */
.dashboard-controls {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 0;
padding: 25px 30px;
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border-radius: 10px;
border: 1px solid #e9ecef;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}
.control-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.admin-dashboard .control-label {
font-weight: 700;
color: #2c3e50;
font-size: 12px;
margin-bottom: 8px;
display: block;
text-transform: uppercase;
letter-spacing: 0.8px;
position: relative;
}
.admin-dashboard .control-label::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 20px;
height: 2px;
background: #3498db;
border-radius: 1px;
}
/* Standardized Control Dimensions - 48px height for consistency */
.modern-select {
width: 100%;
height: 48px;
padding: 12px 18px;
border: 1px solid #bdc3c7;
border-radius: 8px;
background-color: white;
font-size: 14px;
color: #2c3e50;
font-weight: 500;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232c3e50' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 14px center;
background-repeat: no-repeat;
background-size: 14px;
padding-right: 45px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modern-select:focus {
border-color: #3498db;
-webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, .1);
box-shadow: 0 0 0 3px rgba(52, 152, 219, .1);
outline: none;
}
.modern-select:hover {
border-color: #d1d5db;
}
/* Ensure all dashboard controls have consistent dimensions */
.admin-dashboard .form-control,
.admin-dashboard select,
.admin-dashboard input[type="text"],
.admin-dashboard input[type="email"],
.admin-dashboard input[type="number"],
.admin-dashboard input[type="date"],
.admin-dashboard textarea {
height: 48px !important;
padding: 12px 18px !important;
font-size: 14px !important;
border-radius: 8px !important;
border: 1px solid #bdc3c7 !important;
font-weight: 500 !important;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .08) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, .08) !important;
line-height: 1.4 !important;
}
.admin-dashboard textarea {
height: auto !important;
min-height: 96px !important;
resize: vertical !important;
}
/* Ensure dropdown controls match */
.admin-dashboard .dropdown-toggle {
height: 48px !important;
padding: 12px 18px !important;
font-size: 14px !important;
border-radius: 8px !important;
border: 1px solid #bdc3c7 !important;
font-weight: 500 !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
/* Button consistency */
.admin-dashboard .btn {
height: 48px !important;
padding: 12px 24px !important;
font-size: 14px !important;
border-radius: 8px !important;
font-weight: 500 !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .08) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, .08) !important;
}
/* Focus states for all controls */
.admin-dashboard .form-control:focus,
.admin-dashboard select:focus,
.admin-dashboard input:focus,
.admin-dashboard textarea:focus {
border-color: #3498db !important;
-webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, .1) !important;
box-shadow: 0 0 0 3px rgba(52, 152, 219, .1) !important;
outline: none !important;
}
/* Control group spacing */
.admin-dashboard .control-group {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
min-height: 72px !important;
}
.admin-dashboard .tooltip {
background: #2c3e50 !important;
color: #fff !important;
padding: 8px 12px !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 600 !important;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .2) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, .2) !important;
opacity: 1 !important;
border: 1px solid #34495e !important;
z-index: 9999 !important;
}
.admin-dashboard .dropdown-menu {
background: #ffffff !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, .1) !important;
}
.admin-dashboard .rm-dropdown-menu { left: auto !important; }
.admin-dashboard .selected-date-range-btn {
width: 100% !important;
height: 48px !important;
text-align: left !important;
background-color: #fff !important;
border: 1px solid #bdc3c7 !important;
color: #2c3e50 !important;
padding: 12px 18px !important;
font-size: 14px !important;
line-height: 1.4 !important;
border-radius: 8px !important;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
font-weight: 500 !important;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .08) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, .08) !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.admin-dashboard .selected-date-range-btn:hover,
.admin-dashboard .selected-date-range-btn:focus,
.admin-dashboard .selected-date-range-btn:active {
background-color: #f8f9fa !important;
border-color: #3498db !important;
outline: none !important;
-webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, .1) !important;
box-shadow: 0 0 0 3px rgba(52, 152, 219, .1) !important;
color: #2c3e50 !important;
}
.admin-dashboard .selected-date-range-btn .pull-left {
float: left !important;
}
.admin-dashboard .selected-date-range-btn .pull-right {
float: right !important;
}
/* Professional Loading Spinner */
@-webkit-keyframes sk-bounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.8;
} 50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes sk-bounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.8;
} 50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Custom Date Range Form */
.custom-date-range-form .card {
border: 2px solid #3498db !important;
border-radius: 8px !important;
background: white !important;
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1) !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, .1) !important;
}
.custom-date-range-form .card-header h5 {
color: #2c3e50 !important;
font-weight: 600 !important;
}
.custom-date-range-form input[type="date"] {
border: 2px solid #e9ecef !important;
border-radius: 8px !important;
padding: 10px 15px !important;
font-size: 14px !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
.custom-date-range-form input[type="date"]:focus {
border-color: #3498db !important;
-webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, .1) !important;
box-shadow: 0 0 0 3px rgba(52, 152, 219, .1) !important;
outline: none !important;
}
.custom-date-range-form .btn-primary {
background: linear-gradient(135deg, #2980b9 0%, #3498db 100%) !important;
border: none !important;
border-radius: 6px !important;
padding: 10px 20px !important;
font-weight: 600 !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
.custom-date-range-form .btn-primary:hover {
-webkit-transform: translateY(-1px) !important;
transform: translateY(-1px) !important;
-webkit-box-shadow: 0 4px 12px rgba(52, 152, 219, .3) !important;
box-shadow: 0 4px 12px rgba(52, 152, 219, .3) !important;
}
/* Professional Analytics Section */
.professional-analytics-section {
background: white;
}
.analytics-header {
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
color: white;
padding: 20px 30px;
margin: 0;
}
.analytics-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.analytics-subtitle {
font-size: 13px;
opacity: 0.9;
font-weight: 400;
margin: 0;
}
/* Professional Chart Container */
.professional-chart-container {
background: white;
border-radius: 0;
}
.chart-wrapper {
background: white;
}
.chart-header-section {
background: #f8f9fa;
padding: 15px 30px;
border-bottom: 1px solid #e9ecef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.chart-title {
font-size: 16px;
font-weight: 600;
color: #2c3e50;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.chart-legend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.legend-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
font-weight: 500;
color: #2c3e50;
}
.legend-color {
width: 12px;
height: 12px;
border-radius: 2px;
margin-right: 6px;
display: inline-block;
}
.chart-content {
padding: 25px 30px;
background: #fafbfc;
border-radius: 0 0 8px 8px;
}
/* Chart Container */
.sales-chart {
padding: 20px;
background: white;
border-radius: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
min-height: 450px;
}
/* Professional Graph Styling */
.chart-content svg {
background-color: #ffffff !important;
border-radius: 6px !important;
border: 1px solid #e9ecef !important;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important;
}
/* Advanced Chart Text Styling */
.chart-content svg text {
font-size: 11px !important;
font-weight: 600 !important;
fill: #2c3e50 !important;
}
/* X-Axis Labels */
.chart-content svg .x.axis text {
font-size: 10px !important;
fill: #34495e !important;
font-weight: 600 !important;
}
/* Y-Axis Labels */
.chart-content svg .y.axis text {
font-size: 10px !important;
fill: #34495e !important;
font-weight: 600 !important;
}
/* Legacy support for sales-chart */
.sales-chart svg {
background-color: #ffffff;
border-radius: 6px;
border: 1px solid #e9ecef;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
.sales-chart svg text {
font-size: 12px !important;
font-weight: 600 !important;
fill: #2c3e50 !important;
}
.sales-chart svg .x.axis text {
font-size: 11px !important;
fill: #2c3e50 !important;
font-weight: 600 !important;
}
.sales-chart svg .y.axis text {
font-size: 11px !important;
fill: #2c3e50 !important;
font-weight: 600 !important;
}
/* Professional Chart Axis Lines */
.chart-content svg .axis path,
.chart-content svg .axis line,
.sales-chart svg .axis path,
.sales-chart svg .axis line {
stroke: #34495e !important;
stroke-width: 1.5px !important;
shape-rendering: crispEdges;
}
/* Professional Grid Lines */
.chart-content svg .tick line,
.sales-chart svg .tick line {
stroke: #ecf0f1 !important;
stroke-width: 1px !important;
opacity: 0.6;
}
/* Professional Chart Bars */
.chart-content svg .bar:nth-child(odd) rect,
.sales-chart svg .bar:nth-child(odd) rect {
fill: #3498db !important;
}
.chart-content svg .bar:nth-child(even) rect,
.sales-chart svg .bar:nth-child(even) rect {
fill: #26b99a !important;
}
.chart-content svg .bar rect,
.sales-chart svg .bar rect {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.9;
stroke: none;
}
.chart-content svg .bar:hover rect,
.sales-chart svg .bar:hover rect {
opacity: 1;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
stroke: #2c3e50;
stroke-width: 1px;
}
/* Chart Title Area */
.chart-header {
background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);
padding: 10px 20px;
border-bottom: 1px solid #bdc3c7;
font-weight: 600;
font-size: 13px;
color: #2c3e50;
text-transform: uppercase;
letter-spacing: 0.5px;
border-left: 4px solid #3498db;
margin: -24px -24px 15px -24px;
border-radius: 6px 6px 0 0;
}
/* Chart Legend Styling */
.sales-chart svg .legend text {
font-size: 11px !important;
fill: #2c3e50 !important;
font-weight: 600 !important;
}
/* No Data Message */
.no-data-message {
text-align: center;
padding: 60px 20px;
background: linear-gradient(135deg, #f8f9fa 0%, #ecf0f1 100%);
border-radius: 8px;
border: 2px dashed #bdc3c7;
}
.no-data-message i {
display: block;
margin-bottom: 15px;
}
.no-data-message h4 {
margin-bottom: 10px;
}
.no-data-message p {
margin-bottom: 0;
}
/* Reset Bootstrap 5 button color to inherit, but allow inline styles */
.admin-dashboard .btn:not([style*="color"]) {
--bs-btn-color: inherit !important;
}
/* More specific selector for dashboard buttons, but allow inline styles */
.admin-dashboard .panel .btn:not([style*="color"]),
.admin-dashboard .dropdown .btn:not([style*="color"]),
.admin-dashboard .btn.btn-outline-secondary:not([style*="color"]),
.admin-dashboard .btn.btn-primary:not([style*="color"]),
.admin-dashboard .btn.btn-secondary:not([style*="color"]) {
--bs-btn-color: inherit !important;
}
/* Force inline styles to work by resetting Bootstrap 5 custom properties */
.admin-dashboard .btn[style*="color"] {
--bs-btn-color: unset !important;
--bs-btn-hover-color: unset !important;
--bs-btn-active-color: unset !important;
}
/* Standardize all admin button font sizes to 14px */
.admin-dashboard .btn {
--bs-btn-font-size: 14px !important;
font-size: 14px !important;
}
.btn {
--bs-btn-font-size: 14px ;
font-size: 14px ;
}
/* Responsive Design */
@media (max-width: 768px) {
.admin-dashboard {
padding: 12px;
}
.dashboard-header {
padding: 16px;
text-align: center;
margin-bottom: 10px;
}
.dashboard-title {
font-size: 16px;
}
.stats-card-container {
padding: 0 8px;
margin-bottom: 20px;
}
.stats-card-container .col-md-3 {
margin-bottom: 12px;
padding: 0 6px;
}
.dashboard-controls {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
padding: 16px;
}
.control-group {
min-width: 100%;
}
.dashboard-panel {
margin-bottom: 20px;
}
.dashboard-panel-body {
padding: 16px;
}
}
/* Professional Typography */
/* Enhanced Focus States */
.modern-select:hover {
border-color: #bdc3c7;
background-color: #f8f9fa;
}
/* Professional Animations */
.dashboard-panel,
.sm-st {
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Improved Spacing */
.stats-card-container {
margin-bottom: 25px;
}
.dashboard-panel {
margin-bottom: 25px;
}.add-sub-admin {
/* Fix text overflow in modals */ }
.add-sub-admin .inline-validation-error {
text-align: center;
color: red; }
.add-sub-admin .modal-body {
word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
/* Handle HTML content in modals */
/* Handle images in modal content */
/* Handle tables in modal content */
/* Handle pre tags */ }
.add-sub-admin .modal-body * {
max-width: 100%;
word-wrap: break-word;
word-break: break-word; }
.add-sub-admin .modal-body img {
max-width: 100% !important;
height: auto !important; }
.add-sub-admin .modal-body table {
max-width: 100%;
table-layout: fixed;
word-wrap: break-word; }
.add-sub-admin .modal-body pre {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
overflow-x: auto; }
/* Custom Tooltip Styles for Error Messages */
.tooltip-bottom-custom {
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px; }
.tooltip-bottom-custom .error-text {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
display: inline-block;
position: relative;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
.tooltip-bottom-custom .error-text::before {
content: '';
position: absolute;
top: -6px;
left: 15px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #f5c6cb; }
.tooltip-bottom-custom .error-text::after {
content: '';
position: absolute;
top: -5px;
left: 16px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #f8d7da; }
/* Alternative style for validation messages */
.validation-message {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 6px 10px;
border-radius: 3px;
font-size: 11px;
margin-top: 3px;
display: block; }
/* Modern Reset Password Form Styles */
.reset-password-form {
padding: 40px 0;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
border-radius: 0 0 12px 12px;
min-height: 500px; }
.modern-form {
background: white;
padding: 40px;
border-radius: 16px;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
border: 1px solid rgba(0, 0, 0, .05);
position: relative;
overflow: hidden; }
.modern-form::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#2C3E50), color-stop(50%, #34495e), to(#2C3E50));
background: linear-gradient(90deg, #2C3E50 0%, #34495e 50%, #2C3E50 100%); }
.modern-form-group {
margin-bottom: 28px;
position: relative; }
.modern-label {
display: block;
font-size: 14px;
font-weight: 600;
color: #374151;
margin-bottom: 8px;
text-transform: none;
letter-spacing: 0.2px; }
.modern-input {
width: 100% !important;
height: 48px !important;
padding: 12px 16px !important;
font-size: 15px !important;
line-height: 1.4;
color: #374151 !important;
background: #ffffff !important;
border: 2px solid #e5e7eb !important;
border-radius: 10px !important;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05) !important;
outline: none !important; }
.modern-input:focus {
border-color: #2C3E50 !important;
-webkit-box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .1) !important;
box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .1) !important;
-webkit-transform: translateY(-1px);
transform: translateY(-1px); }
.modern-input.disabled-input {
background: #f9fafb !important;
color: #6b7280 !important;
cursor: not-allowed;
opacity: 0.8; }
.modern-input::-webkit-input-placeholder {
color: #9ca3af;
font-weight: 400; }
.modern-input::-moz-placeholder {
color: #9ca3af;
font-weight: 400; }
.modern-input::-ms-input-placeholder {
color: #9ca3af;
font-weight: 400; }
.modern-input::placeholder {
color: #9ca3af;
font-weight: 400; }
.password-checklist-wrapper {
margin-top: 12px;
padding: 12px 16px;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef; }
.password-checklist-wrapper ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 13px; }
.password-checklist-wrapper li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 6px;
font-weight: 500;
color: #6b7280; }
.password-checklist-wrapper li:last-child {
margin-bottom: 0; }
.password-checklist-wrapper li.valid {
color: #10b981; }
.password-checklist-wrapper li.invalid {
color: #ef4444; }
.error-message {
margin-top: 8px;
font-size: 13px;
color: #ef4444;
font-weight: 500;
padding: 6px 0;
min-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.modern-button-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid #e5e7eb; }
/* Responsive Design for Reset Password Form */
@media (max-width: 768px) {
.reset-password-form {
padding: 20px 0;
min-height: auto; }
.modern-form {
padding: 30px 24px;
margin: 0 16px;
border-radius: 12px; }
.modern-form-group {
margin-bottom: 24px; }
.modern-input {
height: 44px !important;
padding: 10px 14px !important;
font-size: 14px !important; }
.modern-label {
font-size: 13px; }
.modern-button-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin-top: 28px; }
.modern-btn {
width: 100% !important;
height: 44px !important;
font-size: 14px !important;
padding: 10px 24px !important; }
.password-checklist-wrapper {
padding: 10px 12px;
margin-top: 10px; } }
@media (max-width: 576px) {
.modern-form {
margin: 0 8px;
padding: 24px 16px; }
.reset-password-form .col-lg-6.col-md-8.col-sm-10 {
padding: 0; } }
/* Modern Button Group for Bottom Actions */
.modern-button-group-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 32px 0 24px 0;
padding: 24px 32px;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border-radius: 12px;
border: 1px solid #e2e8f0;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
box-shadow: 0 2px 8px rgba(0, 0, 0, .04); }
@media (max-width: 768px) {
.modern-button-group-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
padding: 20px 16px;
margin: 24px 0; }
.modern-button-group-bottom .modern-btn {
width: 100% !important; } }
/* Modern Button Secondary Styles */
.modern-btn-secondary,
.btn.modern-btn-secondary,
.btn-secondary.modern-btn-secondary {
background: #6c757d !important;
color: white !important;
border: 1px solid #6c757d !important;
border-radius: 6px !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
font-weight: 500 !important; }
.modern-btn-secondary:hover,
.btn.modern-btn-secondary:hover,
.btn-secondary.modern-btn-secondary:hover {
background: #495057 !important;
color: white !important;
border-color: #495057 !important;
-webkit-transform: translateY(-1px) !important;
transform: translateY(-1px) !important;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2) !important; }
.modern-btn-secondary:active,
.modern-btn-secondary:focus,
.btn.modern-btn-secondary:active,
.btn.modern-btn-secondary:focus,
.btn-secondary.modern-btn-secondary:active,
.btn-secondary.modern-btn-secondary:focus {
background: #495057 !important;
color: white !important;
border-color: #495057 !important;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important; }
/* Modern Button Primary Styles */
.modern-btn-primary,
.btn.modern-btn-primary,
.btn-primary.modern-btn-primary {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
color: white !important;
border: 1px solid #28a745 !important;
border-radius: 6px !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
font-weight: 500 !important;
-webkit-box-shadow: 0 2px 6px rgba(40, 167, 69, .3) !important;
box-shadow: 0 2px 6px rgba(40, 167, 69, .3) !important; }
.modern-btn-primary:hover,
.btn.modern-btn-primary:hover,
.btn-primary.modern-btn-primary:hover {
background: linear-gradient(135deg, #218838 0%, #1e7e34 100%) !important;
color: white !important;
border-color: #1e7e34 !important;
-webkit-transform: translateY(-1px) !important;
transform: translateY(-1px) !important;
-webkit-box-shadow: 0 4px 12px rgba(40, 167, 69, .4) !important;
box-shadow: 0 4px 12px rgba(40, 167, 69, .4) !important; }
.card-header {
border-radius: 12px 12px 0 0 !important;
background: linear-gradient(135deg, #2c3e50 0%, #2c3e50 100%) !important;
border: none !important; }
.badge.bg-warning {
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important; }
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff !important;
text-align: center;
text-decoration: none;
background-color: #000000 !important;
border-radius: 4px; }
.badge.bg-success {
background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; }
/* Modern Pagination */
.pagination {
--bs-pagination-border-radius: 8px;
--bs-pagination-border-color: transparent; }
.page-link {
border-radius: 8px !important;
margin: 0 2px;
font-weight: 500;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: white;
border: 1px solid #e2e8f0 !important;
color: #64748b; }
.page-link:hover {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
border-color: transparent !important;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 6px 20px rgba(102, 126, 234, .2);
box-shadow: 0 6px 20px rgba(102, 126, 234, .2); }
.page-item.active .page-link {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border-color: transparent !important;
color: white !important;
-webkit-box-shadow: 0 4px 15px rgba(102, 126, 234, .3);
box-shadow: 0 4px 15px rgba(102, 126, 234, .3); }
.page-item.disabled .page-link {
opacity: 0.5;
background: #f8fafc !important;
border-color: #e2e8f0 !important;
color: #9ca3af !important; }
@media (max-width: 768px) {
.card-header {
padding: 20px; }
.card-header .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px; }
.table thead th,
.table tbody td {
padding: 12px 16px;
font-size: 13px; } }
.BtnRow {
margin-bottom: 30px;
margin-top: 10px;
text-align: right; }
.freeshippingDiv {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
.shippingAmountInput {
width: 30%;
margin-right: 28px; }
.shippingAmountAdminInput {
width: 30%;
margin-left: 28px; }
.shippingAmountMerchantInput {
width: 30%; }
/* Modern Add Contract Page Styling */
.container-fluid {
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
min-height: 100vh;
padding: 20px; }
/* Modern Panel Styling for Add Contract */
.modern-panel {
background: white;
border: none !important;
border-radius: 16px;
-webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
margin-bottom: 32px;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative; }
.modern-panel::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#2C3E50), color-stop(50%, #34495e), to(#2C3E50));
background: linear-gradient(90deg, #2C3E50 0%, #34495e 50%, #2C3E50 100%); }
.modern-panel:hover {
-webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
/* Modern Panel Header */
.modern-panel-header {
background: linear-gradient(135deg, #2C3E50 0%, #34495e 100%);
color: white;
border: none !important;
padding: 16px 24px;
border-radius: 16px 16px 0 0;
margin: 0 !important; }
.page-title-section .page-title {
font-size: 18px;
font-weight: 600;
color: white;
margin: 0;
letter-spacing: -0.3px; }
.page-title-section .page-subtitle {
display: none; }
/* Modern Panel Body */
.modern-panel-body {
padding: 40px 32px;
background: white;
border-radius: 0 0 16px 16px; }
body {
font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important; }
input[readonly],
textarea[readonly],
select[readonly],
select:disabled {
background-color: #ccc;
/* light gray background */
color: #555;
/* darker text */
border: 1px solid #ccc;
cursor: not-allowed;
/* show 'disabled' cursor */ }
/* Date Picker Styling */
.react-date-picker {
background: white;
border: 2px solid #e5e7eb;
z-index: 10;
border-radius: 10px;
padding: 0;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative; }
.react-date-picker:focus-within {
border-color: #2C3E50;
-webkit-box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .08);
box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .08);
-webkit-transform: translateY(-1px);
transform: translateY(-1px); }
.react-date-picker__inputGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-size: 12px;
color: #374151; }
.react-date-picker__inputGroup__input {
border: none;
outline: none;
background: transparent;
font-size: 12px;
color: #374151;
font-family: inherit;
padding: 0;
margin: 0;
min-width: 20px; }
/* Button Styling */
/* Horizontal Line Styling */
.add-city hr {
border: none;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #e5e7eb), to(transparent));
background: linear-gradient(90deg, transparent 0%, #e5e7eb 50%, transparent 100%);
margin: 32px 0;
opacity: 0.6; }
/* Modern Loading Spinner */
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.loading-message {
color: white;
font-size: 18px;
font-weight: 600;
margin-bottom: 25px;
text-align: center;
letter-spacing: 0.5px; }
.spinner {
position: relative;
width: 60px;
height: 60px; }
.spinner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 4px solid transparent;
border-top: 4px solid #007bff;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite; }
.spinner::after {
content: '';
position: absolute;
top: 8px;
left: 8px;
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 2px solid transparent;
border-bottom: 2px solid #28a745;
border-radius: 50%;
animation: spin 0.8s linear infinite reverse; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Alternative pulse loader */
.loader-pulse {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 123, 255, .1), rgba(40, 167, 69, .1));
backdrop-filter: blur(5px);
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.pulse-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-top: 20px; }
.pulse-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #007bff;
-webkit-animation: pulse 1.4s ease-in-out infinite both;
animation: pulse 1.4s ease-in-out infinite both; }
.pulse-dot:nth-child(1) {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.pulse-dot:nth-child(2) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
.pulse-dot:nth-child(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
@-webkit-keyframes pulse {
0%, 80%, 100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.5; }
40% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1; } }
@keyframes pulse {
0%, 80%, 100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.5; }
40% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1; } }
/* Country State City Component Styling */
.add-city #primaryContactInfoCountry,
.add-city #primaryContactInfoState,
.add-city #primaryContactInfoCity {
margin-bottom: 28px; }
/* Responsive Design */
@media (max-width: 768px) {
.container-fluid {
padding: 12px; }
.modern-panel-header {
padding: 12px 20px; }
.modern-panel-body {
padding: 24px 20px; }
.page-title-section .page-title {
font-size: 16px; }
.add-city .form-control,
.add-city .form-control:focus {
height: 44px;
padding: 10px 14px;
font-size: 12px; }
.react-date-picker {
height: 44px; }
.react-date-picker__inputGroup {
font-size: 12px; } }
@media (max-width: 576px) {
.modern-panel-header {
padding: 10px 16px; }
.modern-panel-body {
padding: 20px 16px; }
.add-city .form-group {
margin-bottom: 24px; } }
.merchant-dashboard .Co-logo {
height: 100px;
position: relative;
text-align: center;
margin-bottom: 20px; }
.merchant-dashboard .Co-logo img {
bottom: 10px;
max-height: 90px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.merchant-dashboard .add-sub-admin {
margin-bottom: 20px; }
.merchant-dashboard .add-sub-admin .panel {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.merchant-dashboard .add-sub-admin .panel .panel-heading {
padding: 10px 15px;
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0; }
.merchant-dashboard .add-sub-admin .panel .panel-body {
padding: 15px; }
.merchant-dashboard .voucher-form .form-control {
margin-bottom: 10px; }
.merchant-dashboard .voucher-form .btn {
margin-top: 10px; }
.merchant-dashboard .merchant-info {
line-height: 1.8; }
.merchant-dashboard .merchant-info .info-item {
margin-bottom: 8px;
font-weight: 500; }
.merchant-dashboard .action-buttons .btn {
margin-right: 10px;
margin-bottom: 10px; }
.merchant-dashboard .col-lg-12, .merchant-dashboard .col-md-12, .merchant-dashboard .col-sm-12, .merchant-dashboard .col-xs-12 {
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 768px) {
.merchant-dashboard .Co-logo img {
position: static;
-webkit-transform: none;
transform: none;
margin: 0 auto;
display: block; }
.merchant-dashboard .action-buttons {
text-align: center; }
.merchant-dashboard .action-buttons .btn {
display: block;
width: 100%;
margin-bottom: 10px;
margin-right: 0; } }
.add-sub-admin {
/* Fix text overflow in modals */ }
.add-sub-admin .inline-validation-error {
text-align: center;
color: red; }
.add-sub-admin .modal-body {
word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
/* Handle HTML content in modals */
/* Handle images in modal content */
/* Handle tables in modal content */
/* Handle pre tags */ }
.add-sub-admin .modal-body * {
max-width: 100%;
word-wrap: break-word;
word-break: break-word; }
.add-sub-admin .modal-body img {
max-width: 100% !important;
height: auto !important; }
.add-sub-admin .modal-body table {
max-width: 100%;
table-layout: fixed;
word-wrap: break-word; }
.add-sub-admin .modal-body pre {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
overflow-x: auto; }
/* Custom Tooltip Styles for Error Messages */
.tooltip-bottom-custom {
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px; }
.tooltip-bottom-custom .error-text {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
display: inline-block;
position: relative;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
.tooltip-bottom-custom .error-text::before {
content: '';
position: absolute;
top: -6px;
left: 15px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #f5c6cb; }
.tooltip-bottom-custom .error-text::after {
content: '';
position: absolute;
top: -5px;
left: 16px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #f8d7da; }
/* Alternative style for validation messages */
.validation-message {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 6px 10px;
border-radius: 3px;
font-size: 11px;
margin-top: 3px;
display: block; }
/* Modern Reset Password Form Styles */
.reset-password-form {
padding: 40px 0;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
border-radius: 0 0 12px 12px;
min-height: 500px; }
.modern-form {
background: white;
padding: 40px;
border-radius: 16px;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
border: 1px solid rgba(0, 0, 0, .05);
position: relative;
overflow: hidden; }
.modern-form::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#2C3E50), color-stop(50%, #34495e), to(#2C3E50));
background: linear-gradient(90deg, #2C3E50 0%, #34495e 50%, #2C3E50 100%); }
.modern-form-group {
margin-bottom: 28px;
position: relative; }
.modern-label {
display: block;
font-size: 14px;
font-weight: 600;
color: #374151;
margin-bottom: 8px;
text-transform: none;
letter-spacing: 0.2px; }
.modern-input {
width: 100% !important;
height: 48px !important;
padding: 12px 16px !important;
font-size: 15px !important;
line-height: 1.4;
color: #374151 !important;
background: #ffffff !important;
border: 2px solid #e5e7eb !important;
border-radius: 10px !important;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05) !important;
outline: none !important; }
.modern-input:focus {
border-color: #2C3E50 !important;
-webkit-box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .1) !important;
box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .1) !important;
-webkit-transform: translateY(-1px);
transform: translateY(-1px); }
.modern-input.disabled-input {
background: #f9fafb !important;
color: #6b7280 !important;
cursor: not-allowed;
opacity: 0.8; }
.modern-input::-webkit-input-placeholder {
color: #9ca3af;
font-weight: 400; }
.modern-input::-moz-placeholder {
color: #9ca3af;
font-weight: 400; }
.modern-input::-ms-input-placeholder {
color: #9ca3af;
font-weight: 400; }
.modern-input::placeholder {
color: #9ca3af;
font-weight: 400; }
.password-checklist-wrapper {
margin-top: 12px;
padding: 12px 16px;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef; }
.password-checklist-wrapper ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 13px; }
.password-checklist-wrapper li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 6px;
font-weight: 500;
color: #6b7280; }
.password-checklist-wrapper li:last-child {
margin-bottom: 0; }
.password-checklist-wrapper li.valid {
color: #10b981; }
.password-checklist-wrapper li.invalid {
color: #ef4444; }
.error-message {
margin-top: 8px;
font-size: 13px;
color: #ef4444;
font-weight: 500;
padding: 6px 0;
min-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.modern-button-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid #e5e7eb; }
/* Responsive Design for Reset Password Form */
@media (max-width: 768px) {
.reset-password-form {
padding: 20px 0;
min-height: auto; }
.modern-form {
padding: 30px 24px;
margin: 0 16px;
border-radius: 12px; }
.modern-form-group {
margin-bottom: 24px; }
.modern-input {
height: 44px !important;
padding: 10px 14px !important;
font-size: 14px !important; }
.modern-label {
font-size: 13px; }
.modern-button-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin-top: 28px; }
.modern-btn {
width: 100% !important;
height: 44px !important;
font-size: 14px !important;
padding: 10px 24px !important; }
.password-checklist-wrapper {
padding: 10px 12px;
margin-top: 10px; } }
@media (max-width: 576px) {
.modern-form {
margin: 0 8px;
padding: 24px 16px; }
.reset-password-form .col-lg-6.col-md-8.col-sm-10 {
padding: 0; } }
/* Modern Button Group for Bottom Actions */
.modern-button-group-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 32px 0 24px 0;
padding: 24px 32px;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border-radius: 12px;
border: 1px solid #e2e8f0;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
box-shadow: 0 2px 8px rgba(0, 0, 0, .04); }
@media (max-width: 768px) {
.modern-button-group-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
padding: 20px 16px;
margin: 24px 0; }
.modern-button-group-bottom .modern-btn {
width: 100% !important; } }
/* Modern Button Secondary Styles */
.modern-btn-secondary,
.btn.modern-btn-secondary,
.btn-secondary.modern-btn-secondary {
background: #6c757d !important;
color: white !important;
border: 1px solid #6c757d !important;
border-radius: 6px !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
font-weight: 500 !important; }
.modern-btn-secondary:hover,
.btn.modern-btn-secondary:hover,
.btn-secondary.modern-btn-secondary:hover {
background: #495057 !important;
color: white !important;
border-color: #495057 !important;
-webkit-transform: translateY(-1px) !important;
transform: translateY(-1px) !important;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2) !important; }
.modern-btn-secondary:active,
.modern-btn-secondary:focus,
.btn.modern-btn-secondary:active,
.btn.modern-btn-secondary:focus,
.btn-secondary.modern-btn-secondary:active,
.btn-secondary.modern-btn-secondary:focus {
background: #495057 !important;
color: white !important;
border-color: #495057 !important;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important; }
/* Modern Button Primary Styles */
.modern-btn-primary,
.btn.modern-btn-primary,
.btn-primary.modern-btn-primary {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
color: white !important;
border: 1px solid #28a745 !important;
border-radius: 6px !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
font-weight: 500 !important;
-webkit-box-shadow: 0 2px 6px rgba(40, 167, 69, .3) !important;
box-shadow: 0 2px 6px rgba(40, 167, 69, .3) !important; }
.modern-btn-primary:hover,
.btn.modern-btn-primary:hover,
.btn-primary.modern-btn-primary:hover {
background: linear-gradient(135deg, #218838 0%, #1e7e34 100%) !important;
color: white !important;
border-color: #1e7e34 !important;
-webkit-transform: translateY(-1px) !important;
transform: translateY(-1px) !important;
-webkit-box-shadow: 0 4px 12px rgba(40, 167, 69, .4) !important;
box-shadow: 0 4px 12px rgba(40, 167, 69, .4) !important; }
.card-header {
border-radius: 12px 12px 0 0 !important;
background: linear-gradient(135deg, #2c3e50 0%, #2c3e50 100%) !important;
border: none !important; }
.badge.bg-warning {
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important; }
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff !important;
text-align: center;
text-decoration: none;
background-color: #000000 !important;
border-radius: 4px; }
.badge.bg-success {
background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; }
/* Modern Pagination */
.pagination {
--bs-pagination-border-radius: 8px;
--bs-pagination-border-color: transparent; }
.page-link {
border-radius: 8px !important;
margin: 0 2px;
font-weight: 500;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: white;
border: 1px solid #e2e8f0 !important;
color: #64748b; }
.page-link:hover {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
border-color: transparent !important;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 6px 20px rgba(102, 126, 234, .2);
box-shadow: 0 6px 20px rgba(102, 126, 234, .2); }
.page-item.active .page-link {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border-color: transparent !important;
color: white !important;
-webkit-box-shadow: 0 4px 15px rgba(102, 126, 234, .3);
box-shadow: 0 4px 15px rgba(102, 126, 234, .3); }
.page-item.disabled .page-link {
opacity: 0.5;
background: #f8fafc !important;
border-color: #e2e8f0 !important;
color: #9ca3af !important; }
@media (max-width: 768px) {
.card-header {
padding: 20px; }
.card-header .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px; }
.table thead th,
.table tbody td {
padding: 12px 16px;
font-size: 13px; } }
.BtnRow {
margin-bottom: 30px;
margin-top: 10px;
text-align: right; }
.freeshippingDiv {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
.shippingAmountInput {
width: 30%;
margin-right: 28px; }
.shippingAmountAdminInput {
width: 30%;
margin-left: 28px; }
.shippingAmountMerchantInput {
width: 30%; }
/* Modern Add Contract Page Styling */
.container-fluid {
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
min-height: 100vh;
padding: 20px; }
/* Modern Panel Styling for Add Contract */
.modern-panel {
background: white;
border: none !important;
border-radius: 16px;
-webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
margin-bottom: 32px;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative; }
.modern-panel::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#2C3E50), color-stop(50%, #34495e), to(#2C3E50));
background: linear-gradient(90deg, #2C3E50 0%, #34495e 50%, #2C3E50 100%); }
.modern-panel:hover {
-webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
/* Modern Panel Header */
.modern-panel-header {
background: linear-gradient(135deg, #2C3E50 0%, #34495e 100%);
color: white;
border: none !important;
padding: 16px 24px;
border-radius: 16px 16px 0 0;
margin: 0 !important; }
.page-title-section .page-title {
font-size: 18px;
font-weight: 600;
color: white;
margin: 0;
letter-spacing: -0.3px; }
.page-title-section .page-subtitle {
display: none; }
/* Modern Panel Body */
.modern-panel-body {
padding: 40px 32px;
background: white;
border-radius: 0 0 16px 16px; }
body {
font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important; }
input[readonly],
textarea[readonly],
select[readonly],
select:disabled {
background-color: #ccc;
/* light gray background */
color: #555;
/* darker text */
border: 1px solid #ccc;
cursor: not-allowed;
/* show 'disabled' cursor */ }
/* Date Picker Styling */
.react-date-picker {
background: white;
border: 2px solid #e5e7eb;
z-index: 10;
border-radius: 10px;
padding: 0;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative; }
.react-date-picker:focus-within {
border-color: #2C3E50;
-webkit-box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .08);
box-shadow: 0 0 0 3px rgba(44, 62, 80, .1), 0 4px 12px rgba(0, 0, 0, .08);
-webkit-transform: translateY(-1px);
transform: translateY(-1px); }
.react-date-picker__inputGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-size: 12px;
color: #374151; }
.react-date-picker__inputGroup__input {
border: none;
outline: none;
background: transparent;
font-size: 12px;
color: #374151;
font-family: inherit;
padding: 0;
margin: 0;
min-width: 20px; }
/* Button Styling */
/* Horizontal Line Styling */
.add-city hr {
border: none;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #e5e7eb), to(transparent));
background: linear-gradient(90deg, transparent 0%, #e5e7eb 50%, transparent 100%);
margin: 32px 0;
opacity: 0.6; }
/* Modern Loading Spinner */
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.loading-message {
color: white;
font-size: 18px;
font-weight: 600;
margin-bottom: 25px;
text-align: center;
letter-spacing: 0.5px; }
.spinner {
position: relative;
width: 60px;
height: 60px; }
.spinner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 4px solid transparent;
border-top: 4px solid #007bff;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite; }
.spinner::after {
content: '';
position: absolute;
top: 8px;
left: 8px;
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 2px solid transparent;
border-bottom: 2px solid #28a745;
border-radius: 50%;
animation: spin 0.8s linear infinite reverse; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Alternative pulse loader */
.loader-pulse {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 123, 255, .1), rgba(40, 167, 69, .1));
backdrop-filter: blur(5px);
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.pulse-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-top: 20px; }
.pulse-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #007bff;
-webkit-animation: pulse 1.4s ease-in-out infinite both;
animation: pulse 1.4s ease-in-out infinite both; }
.pulse-dot:nth-child(1) {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.pulse-dot:nth-child(2) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
.pulse-dot:nth-child(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
@-webkit-keyframes pulse {
0%, 80%, 100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.5; }
40% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1; } }
@keyframes pulse {
0%, 80%, 100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.5; }
40% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1; } }
/* Country State City Component Styling */
.add-city #primaryContactInfoCountry,
.add-city #primaryContactInfoState,
.add-city #primaryContactInfoCity {
margin-bottom: 28px; }
/* Responsive Design */
@media (max-width: 768px) {
.container-fluid {
padding: 12px; }
.modern-panel-header {
padding: 12px 20px; }
.modern-panel-body {
padding: 24px 20px; }
.page-title-section .page-title {
font-size: 16px; }
.add-city .form-control,
.add-city .form-control:focus {
height: 44px;
padding: 10px 14px;
font-size: 12px; }
.react-date-picker {
height: 44px; }
.react-date-picker__inputGroup {
font-size: 12px; } }
@media (max-width: 576px) {
.modern-panel-header {
padding: 10px 16px; }
.modern-panel-body {
padding: 20px 16px; }
.add-city .form-group {
margin-bottom: 24px; } }
.react-calendar {
width: 350px;
max-width: 100%;
background: white;
border: 1px solid #a0a096;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.125em;
}
.react-calendar--doubleView {
width: 700px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
width: 50%;
margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.react-calendar button {
margin: 0;
border: 0;
outline: none;
}
.react-calendar button:enabled:hover {
cursor: pointer;
}
.react-calendar__navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 44px;
margin-bottom: 1em;
}
.react-calendar__navigation button {
min-width: 44px;
background: none;
}
.react-calendar__navigation button:disabled {
background-color: #f0f0f0;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
background-color: #e6e6e6;
}
.react-calendar__month-view__weekdays {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
padding: 0.5em;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.75em;
font-weight: bold;
}
.react-calendar__month-view__days__day--weekend {
color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
padding: 2em 0.5em;
}
.react-calendar__tile {
max-width: 100%;
padding: 10px 6.6667px;
background: none;
text-align: center;
line-height: 16px;
}
.react-calendar__tile:disabled {
background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
background-color: #e6e6e6;
}
.react-calendar__tile--now {
background: #ffff76;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
background: #ffffa9;
}
.react-calendar__tile--hasActive {
background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
background: #a9d4ff;
}
.react-calendar__tile--active {
background: #006edc;
color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
background-color: #e6e6e6;
}
.react-date-picker {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.react-date-picker,
.react-date-picker *,
.react-date-picker *:before,
.react-date-picker *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.react-date-picker--disabled {
background-color: #f0f0f0;
color: #6d6d6d;
}
.react-date-picker__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
border: thin solid gray;
}
.react-date-picker__inputGroup {
min-width: calc(12px + 4.754em);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.react-date-picker__inputGroup__divider {
padding: 1px 0;
white-space: pre;
}
.react-date-picker__inputGroup__input {
min-width: 0.54em;
height: 100%;
position: relative;
padding: 0 1px;
border: 0;
background: none;
font: inherit;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-moz-appearance: textfield;
}
.react-date-picker__inputGroup__input::-webkit-outer-spin-button,
.react-date-picker__inputGroup__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.react-date-picker__inputGroup__input:invalid {
background: rgba(255, 0, 0, .1);
}
.react-date-picker__inputGroup__input--hasLeadingZero {
margin-left: -0.54em;
padding-left: calc(1px + 0.54em);
}
.react-date-picker__button {
border: 0;
background: transparent;
padding: 4px 6px;
}
.react-date-picker__button:enabled {
cursor: pointer;
}
.react-date-picker__button:enabled:hover .react-date-picker__button__icon,
.react-date-picker__button:enabled:focus .react-date-picker__button__icon {
stroke: #0078d7;
}
.react-date-picker__button:disabled .react-date-picker__button__icon {
stroke: #6d6d6d;
}
.react-date-picker__button svg {
display: inherit;
}
.react-date-picker__calendar {
width: 350px;
max-width: 100vw;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.react-date-picker__calendar--closed {
display: none;
}
.react-date-picker__calendar .react-calendar {
border-width: thin;
}
.react-daterange-picker {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.react-daterange-picker,
.react-daterange-picker *,
.react-daterange-picker *:before,
.react-daterange-picker *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.react-daterange-picker--disabled {
background-color: #f0f0f0;
color: #6d6d6d;
}
.react-daterange-picker__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: thin solid gray;
}
.react-daterange-picker__inputGroup {
min-width: calc(12px + 4.754em);
height: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.react-daterange-picker__inputGroup__divider {
padding: 1px 0;
white-space: pre;
}
.react-daterange-picker__inputGroup__input {
min-width: 0.54em;
height: 100%;
position: relative;
padding: 0 1px;
border: 0;
background: none;
font: inherit;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-moz-appearance: textfield;
}
.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,
.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.react-daterange-picker__inputGroup__input:invalid {
background: rgba(255, 0, 0, .1);
}
.react-daterange-picker__inputGroup__input--hasLeadingZero {
margin-left: -0.54em;
padding-left: calc(1px + 0.54em);
}
.react-daterange-picker__button {
border: 0;
background: transparent;
padding: 4px 6px;
}
.react-daterange-picker__button:enabled {
cursor: pointer;
}
.react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,
.react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {
stroke: #0078d7;
}
.react-daterange-picker__button:disabled .react-daterange-picker__button__icon {
stroke: #6d6d6d;
}
.react-daterange-picker__button svg {
display: inherit;
}
.react-daterange-picker__calendar {
width: 350px;
max-width: 100vw;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.react-daterange-picker__calendar--closed {
display: none;
}
.react-daterange-picker__calendar .react-calendar {
border-width: thin;
}
.startDateTime-datepicker-error {
border: thin solid red; }
.startDateTime-datepicker {
border: thin solid gray; }
.email-manager-calendar {
position: relative;
z-index: 9 !important; }
/*.react-date-picker__calendar {
z-index: 9999 !important;
}
.react-daterange-picker__calendar {
z-index: 9999 !important;
}*/
/* Fix calendar cutoff issue - minimal approach */
/*.react-datetime-picker__calendar {
z-index: 9999 !important;
}
.react-calendar {
z-index: 9999 !important;
}*/
/* Fix calendar cutoff for react-date-picker (AddSubAdmin page) */
/*.react-date-picker__calendar {
z-index: 9999 !important;
position: absolute !important;
}
.react-date-picker__calendar--open {
z-index: 9999 !important;
}
*/
/* Calendar and dropdown visibility fixes - commented out */
/*
.panel-body {
overflow: visible !important;
position: relative !important;
z-index: 1 !important;
}
.panel {
overflow: visible !important;
position: relative !important;
z-index: 1 !important;
}
*/
/* Multi-select dropdown visibility fixes */
.deal-panel-body {
overflow: visible !important;
position: relative !important;
z-index: 1 !important; }
.deal-panel-body .form-control[multiple] {
position: relative !important;
z-index: 100 !important;
min-height: 100px !important;
max-height: 200px !important;
overflow-y: auto !important;
border: 1px solid #ced4da !important;
border-radius: 4px !important;
background-color: white !important; }
.deal-panel-body .form-control[multiple] option {
padding: 8px 12px !important;
border-bottom: 1px solid #f8f9fa !important; }
.deal-panel-body .form-control[multiple] option:hover {
background-color: #e9ecef !important; }
.deal-panel-body .form-control[multiple] option:selected {
background-color: #007bff !important;
color: white !important; }
/* Fix panel overflow to ensure dropdowns are visible */
.deal-panel {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
margin-bottom: 20px !important; }
.deal-form-section {
position: relative !important;
z-index: 1 !important;
overflow: visible !important; }
/* Multi-select wrapper styling */
.multi-select-wrapper {
position: relative !important;
z-index: 10 !important;
overflow: visible !important;
margin: 8px 0 !important; }
.multi-select-wrapper .form-control {
position: relative !important;
z-index: 11 !important;
width: 100% !important;
max-width: 100% !important;
border: 1px solid #ced4da !important;
border-radius: 4px !important;
background-color: white !important;
font-size: 14px !important;
line-height: 1.5 !important;
-webkit-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important; }
.multi-select-wrapper .form-control[multiple] {
min-height: 140px !important;
max-height: 200px !important;
overflow-y: auto !important;
padding: 8px !important;
/* Webkit scrollbar styling */ }
.multi-select-wrapper .form-control[multiple]::-webkit-scrollbar {
width: 8px !important; }
.multi-select-wrapper .form-control[multiple]::-webkit-scrollbar-track {
background: #f1f1f1 !important;
border-radius: 4px !important; }
.multi-select-wrapper .form-control[multiple]::-webkit-scrollbar-thumb {
background: #c1c1c1 !important;
border-radius: 4px !important; }
.multi-select-wrapper .form-control[multiple]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8 !important; }
.multi-select-wrapper .form-control[multiple] option {
padding: 10px 14px !important;
margin: 2px 0 !important;
border: none !important;
border-radius: 4px !important;
color: #495057 !important;
background-color: white !important;
font-size: 14px !important;
line-height: 1.4 !important;
cursor: pointer !important;
-webkit-transition: all 0.15s ease-in-out !important;
transition: all 0.15s ease-in-out !important;
border: 1px solid transparent !important; }
.multi-select-wrapper .form-control[multiple] option:hover {
background-color: #f8f9fa !important;
border-color: #dee2e6 !important;
color: #212529 !important; }
.multi-select-wrapper .form-control[multiple] option:focus {
background-color: #e9ecef !important;
outline: none !important;
border-color: #80bdff !important; }
.multi-select-wrapper .form-control[multiple] option:checked, .multi-select-wrapper .form-control[multiple] option[selected] {
background-color: #6c757d !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6c757d), to(#495057)) !important;
background-image: linear-gradient(180deg, #6c757d 0%, #495057 100%) !important;
color: white !important;
font-weight: 500 !important;
border-color: #495057 !important;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15) !important; }
.multi-select-wrapper .form-control[multiple] option:disabled {
background-color: #f8f9fa !important;
color: #6c757d !important;
cursor: not-allowed !important;
opacity: 0.65 !important; }
.multi-select-wrapper .form-control:focus {
border-color: #80bdff !important;
outline: 0 !important;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important; }
.multi-select-wrapper .form-control:disabled {
background-color: #e9ecef !important;
opacity: 0.6 !important;
cursor: not-allowed !important; }
/* Deal Edit page specific calendar fix */
.deal-panel .deal-panel-body .react-datetime-picker {
position: relative !important;
z-index: 1000 !important; }
.deal-panel .deal-panel-body .react-datetime-picker .react-datetime-picker__wrapper {
position: relative !important;
z-index: 1001 !important; }
.deal-panel .deal-panel-body .react-datetime-picker .react-datetime-picker__calendar {
position: absolute !important;
z-index: 10000 !important;
top: 100% !important;
left: 0 !important;
right: auto !important;
margin-top: 2px !important;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important;
border: 1px solid #dee2e6 !important;
border-radius: 4px !important;
background-color: white !important; }
.deal-panel .deal-panel-body .react-datetime-picker .react-datetime-picker__calendar.react-datetime-picker__calendar--open {
z-index: 10001 !important; }
.deal-panel .deal-panel-body .react-datetime-picker .react-calendar {
z-index: 10002 !important;
position: relative !important; }
/* Add Promo page multi-select dropdown styling - targeting only .add-sub-admin class */
.add-sub-admin {
/* Fix tooltip message color visibility - danger style */ }
.add-sub-admin .panel .panel-body {
overflow: visible !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] {
min-height: 120px !important;
max-height: 180px !important;
overflow-y: auto !important;
border: 1px solid #ced4da !important;
border-radius: 4px !important;
background-color: white !important;
padding: 6px !important;
/* Force override for selected options */
/* Webkit specific for selected options */ }
.add-sub-admin .panel .panel-body .form-control[multiple] option {
padding: 8px 12px !important;
margin: 1px 0 !important;
color: #495057 !important;
background-color: white !important;
font-size: 14px !important;
cursor: pointer !important;
border-radius: 4px !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] option:hover {
background-color: #f8f9fa !important;
color: #212529 !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] option:focus {
background-color: #6c757d !important;
color: white !important;
outline: none !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] option:active {
background-color: #6c757d !important;
color: white !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] option:checked, .add-sub-admin .panel .panel-body .form-control[multiple] option[selected] {
background-color: #6c757d !important;
background-image: none !important;
border: 1px solid #495057 !important;
color: white !important;
font-weight: 600 !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] option:checked {
background: #6c757d !important;
background-color: #6c757d !important;
color: white !important; }
.add-sub-admin .panel .panel-body .form-control[multiple] option[selected] {
background: #6c757d !important;
background-color: #6c757d !important;
color: white !important; }
.add-sub-admin .tooltip {
background-color: #dc3545 !important;
color: white !important;
border: 1px solid #b02a37 !important; }
.add-sub-admin .tooltip.in {
opacity: 1 !important; }
.add-sub-admin .tooltip .tooltip-inner {
background-color: #dc3545 !important;
color: white !important;
padding: 8px 12px !important;
border-radius: 4px !important;
font-size: 12px !important;
max-width: 300px !important; }
.add-sub-admin .tooltip.tooltip-top .tooltip-arrow {
border-top-color: #dc3545 !important; }
.add-sub-admin .tooltip.tooltip-bottom .tooltip-arrow {
border-bottom-color: #dc3545 !important; }
.add-sub-admin .tooltip.tooltip-left .tooltip-arrow {
border-left-color: #dc3545 !important; }
.add-sub-admin .tooltip.tooltip-right .tooltip-arrow {
border-right-color: #dc3545 !important; }
/* Order Status page - Center Check Order Status box horizontally */
.container {
/* Center the entire container content */ }
.container .col-md-6 {
/* Ensure proper centering for the order status box */
margin: 0 auto !important;
float: none !important; }
.container .col-md-6 .panel.margin-top {
/* Center the panel within its container */
margin-left: auto !important;
margin-right: auto !important;
max-width: 100% !important; }
.container .col-md-6 .panel.margin-top .panel-heading {
/* Keep header text centered */
text-align: center !important; }
.container .col-md-6 .panel.margin-top .panel-body {
/* Ensure content inside panel is left-aligned */
text-align: left !important; }
.container .col-md-6 .panel.margin-top .panel-body p {
/* Center description text */ }
.container .col-md-6 .panel.margin-top .panel-body p.text-center {
text-align: center !important; }
.container .col-md-6 .panel.margin-top .panel-body .form-group {
/* Keep form elements left-aligned */
text-align: left !important; }
.container .col-md-6 .panel.margin-top .panel-body .btn {
/* Keep button left-aligned */
text-align: center !important;
width: auto !important; }
.container .col-md-6 .panel.margin-top .panel-body .table {
/* Keep table left-aligned */
text-align: left !important; }
/* Voucher Detail page - Fix Print and Mark as Redeem buttons in mobile view */
.panel.voucher-detail .panel-heading {
/* Desktop styles remain unchanged */
position: relative !important;
/* Mobile specific fixes */
/* Tablet view adjustments */ }
@media (max-width: 767px) {
.panel.voucher-detail .panel-heading {
/* Stack buttons vertically in mobile */
padding-bottom: 60px !important;
/* Fix anchor links styled as buttons */ }
.panel.voucher-detail .panel-heading .pull-right {
/* Override pull-right behavior in mobile */
float: none !important;
position: absolute !important;
right: 15px !important;
/* Ensure buttons don't overlap */ }
.panel.voucher-detail .panel-heading .pull-right:nth-of-type(1) {
/* First button (Mark as Used) */
top: 8px !important; }
.panel.voucher-detail .panel-heading .pull-right:nth-of-type(2) {
/* Second button (Print) */
top: 42px !important; }
.panel.voucher-detail .panel-heading .btn.btn-sm {
/* Fix button size and text display */
height: auto !important;
min-height: 28px !important;
padding: 4px 8px !important;
font-size: 11px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
border-radius: 3px !important;
/* Ensure icon and text are properly spaced */ }
.panel.voucher-detail .panel-heading .btn.btn-sm svg {
margin-right: 4px !important;
font-size: 10px !important; }
.panel.voucher-detail .panel-heading a.btn.btn-sm {
height: auto !important;
min-height: 28px !important;
padding: 4px 8px !important;
font-size: 11px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
border-radius: 3px !important;
text-decoration: none !important;
display: inline-block !important; }
.panel.voucher-detail .panel-heading a.btn.btn-sm svg {
margin-right: 4px !important;
font-size: 10px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.panel.voucher-detail .panel-heading .btn.btn-sm {
font-size: 12px !important;
padding: 5px 10px !important; }
.panel.voucher-detail .panel-heading .btn.btn-sm svg {
margin-right: 5px !important; }
.panel.voucher-detail .panel-heading a.btn.btn-sm {
font-size: 12px !important;
padding: 5px 10px !important; }
.panel.voucher-detail .panel-heading a.btn.btn-sm svg {
margin-right: 5px !important; } }
/* Ultra-aggressive calendar positioning fixes - commented out */
/*
[class*="calendar"] {
z-index: 99999 !important;
position: fixed !important;
}
[class*="react-calendar"] {
z-index: 99999 !important;
position: fixed !important;
max-height: 400px !important;
overflow: auto !important;
background: white !important;
border: 1px solid #ddd !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
.react-date-picker:not(.react-date-picker__calendar),
.react-daterange-picker:not(.react-daterange-picker__calendar),
.react-datetime-picker:not(.react-datetime-picker__calendar) {
* {
overflow: visible !important;
}
}
html,
body {
overflow-x: visible !important;
}
* {
&:has([class*="calendar"]) {
overflow: visible !important;
clip: none !important;
clip-path: none !important;
}
}
*/
/* Tooltip wrapper styling for proper positioning */
.tooltip-wrapper {
position: relative !important;
z-index: 1050 !important;
margin: 5px 0 !important; }
.tooltip-wrapper .tooltip {
position: relative !important;
display: block !important;
z-index: 1051 !important;
background-color: #343a40 !important;
color: white !important;
padding: 8px 12px !important;
border-radius: 4px !important;
font-size: 12px !important;
line-height: 1.4 !important;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important;
margin-bottom: 10px !important;
max-width: 300px !important;
word-wrap: break-word !important; }
.tooltip-wrapper .tooltip.in {
opacity: 1 !important; }
.tooltip-wrapper .tooltip.tooltip-top {
margin-bottom: 10px !important; }
.tooltip-wrapper .tooltip.tooltip-bottom {
margin-top: 10px !important; }
.pagination{
margin: 10px auto;
display: block !important;
text-align: center;
}
.pagination button{
border: 1px solid #ccc;
background: #FFF;
border-radius: 0px;
color: #999;
margin: 0 2px;
}
.pagination button:hover{
background: #ddd;
}
.table tbody tr td{
text-align: left;
}.list-page strong {
text-transform: capitalize; }
.list-page .toggle .toggle-group .btn h3 {
margin-top: 10px; }
.list-page .toggle .toggle-group .toggle-handle {
width: 62px; }
.list-page .toggle .toggle-group .btn-lg {
border-radius: 60px;
font-size: 12px; }
.list-page .toggle .toggle-group .btn {
margin-left: 6px;
margin-right: 6px; }
.list-page .btn {
border-radius: 78px; }
.RRT__container {
position: relative;
}
/****************************/
/******** tab styles ********/
/****************************/
.RRT__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.RRT__accordion {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.RRT__tab {
background: #eee;
border-style: solid;
border-color: #ddd;
border-width: 1px 1px 1px 0;
cursor: pointer;
z-index: 1;
white-space: nowrap;
padding: .7em 1em;
}
.RRT__tab:focus {
outline: 0;
background-color: #e6e6e6;
}
.RRT__accordion .RRT__tab {
border-left-width: 1px;
}
.RRT__tab--first {
border-left-width: 1px;
}
.RRT__tab--selected {
background: #fff;
border-color: #ddd #ddd #fff;
}
.RRT__tab--selected:focus {
background-color: #fff;
}
.RRT__tab--disabled {
opacity: 0.5;
cursor: not-allowed;
}
.RRT__tab:focus {
z-index: 2;
}
.RRT__tab--selected .RRT__removable {
position: relative;
}
.RRT__tab--selected .RRT__removable-text {
margin-right: 10px;
}
.RRT__tab--selected .RRT__removable-icon {
position: absolute;
font-size: 18px;
right: 0.5em;
top: 0.2em;
}
/****************************/
/********* panel styles *****/
/****************************/
.RRT__panel {
margin-top: -1px;
padding: 1em;
border: 1px solid #ddd;
}
.RRT__accordion .RRT__panel {
margin-top: 0;
}
/****************************/
/******* showmore control ***/
/****************************/
.RRT__showmore {
background: #eee;
border: 1px solid #ddd;
cursor: pointer;
z-index: 1;
white-space: nowrap;
margin-left: -1px;
position: relative;
}
.RRT__showmore--selected {
background: white;
border-bottom: none;
}
.RRT__showmore-label {
padding: .7em 1em;
position: relative;
bottom: -1px;
z-index: 1;
}
.RRT__showmore-label--selected {
background-color: #eee;
}
.RRT__showmore-list {
position: absolute;
right: -1px;
top: 100%;
display: none;
}
.RRT__showmore-list--opened {
display: block;
}
/****************************/
/********** inkbar **********/
/****************************/
.RRT__inkbar-wrapper {
width: 100%;
}
.RRT__inkbar {
position: relative;
bottom: 0;
height: 2px;
margin-top: -2px;
background-color: deepskyblue;
-webkit-transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
z-index: 2;
}
/* Professional Deal List Styling - Enhanced to match Merchant List */
/* Professional Tab Styling */
#controlled-tab-example {
border: none;
margin-bottom: 0;
}
#controlled-tab-example .nav-tabs {
border: none;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 12px 12px 0 0;
padding: 8px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
margin-bottom: 0;
}
#controlled-tab-example .nav-tabs > li {
margin-bottom: 0;
margin-right: 4px;
border-radius: 8px;
overflow: hidden;
}
#controlled-tab-example .nav-tabs > li:last-child {
margin-right: 0;
}
#controlled-tab-example .nav-tabs > li > a {
border: none;
background: transparent;
color: #6c757d;
font-weight: 600;
font-size: 14px;
padding: 12px 20px;
margin: 0;
border-radius: 8px;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-decoration: none;
position: relative;
overflow: hidden;
}
#controlled-tab-example .nav-tabs > li > a:hover {
background: rgba(255, 255, 255, .7);
color: #495057;
border: none;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
}
#controlled-tab-example .nav-tabs > li.active > a,
#controlled-tab-example .nav-tabs > li.active > a:hover,
#controlled-tab-example .nav-tabs > li.active > a:focus {
background: linear-gradient(135deg, #d2dddf 0%, #494c4c 100%);
color: #ffffff;
border: none;
border-radius: 8px;
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
font-weight: 700;
text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
position: relative;
z-index: 10;
}
#controlled-tab-example .nav-tabs > li.active > a::before {
content: '';
position: absolute;
bottom: -2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f8f9fa));
background: linear-gradient(90deg, #ffffff, #f8f9fa);
border-radius: 2px;
-webkit-box-shadow: 0 2px 8px rgba(255, 255, 255, .6);
box-shadow: 0 2px 8px rgba(255, 255, 255, .6);
}
#controlled-tab-example .nav-tabs > li.active > a::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100%);
border-radius: 10px;
z-index: -1;
pointer-events: none;
}
#controlled-tab-example .tab-content {
background: #ffffff;
border-radius: 0 0 12px 12px;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
padding: 0;
border: none;
margin-top: -1px;
}
#controlled-tab-example .tab-content .tab-pane {
padding: 24px;
border: none;
border-radius: 0 0 12px 12px;
}
/* Tab Badge Styling */
#controlled-tab-example .nav-tabs > li > a .badge {
background: #dc3545;
color: white;
font-size: 10px;
padding: 2px 6px;
border-radius: 10px;
margin-left: 6px;
font-weight: 600;
}
#controlled-tab-example .nav-tabs > li.active > a .badge {
background: #ffffff !important;
color: #17a2b8 !important;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}
/* Tab Icon Support */
#controlled-tab-example .nav-tabs > li > a i {
margin-right: 6px;
font-size: 14px;
}
/* Active Tab Pulse Animation */
@-webkit-keyframes tabPulse {
0% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
50% {
-webkit-box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
}
100% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
}
@keyframes tabPulse {
0% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
50% {
-webkit-box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
}
100% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
}
#controlled-tab-example .nav-tabs > li.active > a {
-webkit-animation: tabPulse 3s ease-in-out infinite;
animation: tabPulse 3s ease-in-out infinite;
}
/* Enhanced Tab Glow on Hover */
#controlled-tab-example .nav-tabs > li > a:hover:not(.active) {
background: rgba(255, 255, 255, .8);
color: #495057;
border: none;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1),
0 0 20px rgba(23, 162, 184, .1);
box-shadow: 0 4px 15px rgba(0, 0, 0, .1),
0 0 20px rgba(23, 162, 184, .1);
}
/* Responsive Tab Design */
@media (max-width: 768px) {
#controlled-tab-example .nav-tabs {
padding: 4px;
border-radius: 8px 8px 0 0;
}
#controlled-tab-example .nav-tabs > li > a {
padding: 10px 16px;
font-size: 13px;
}
#controlled-tab-example .tab-content .tab-pane {
padding: 16px;
}
/* Reduce animation intensity on mobile */
#controlled-tab-example .nav-tabs > li.active > a {
-webkit-animation: none;
animation: none;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
}
@media (max-width: 480px) {
#controlled-tab-example .nav-tabs > li > a {
padding: 8px 12px;
font-size: 12px;
}
}
/* Deal List Specific Enhancements */
.deal-list-tabs-professional {
margin-top: 20px;
}
/* Deal List Header Alignment */
.deal-list-header .row {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
min-height: 60px;
}
.deal-list-header .col-lg-3,
.deal-list-header .col-lg-4,
.deal-list-header .col-lg-2,
.deal-list-header .col-md-3,
.deal-list-header .col-md-4 {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
min-height: 36px;
height: auto;
}
/* City selector container specific alignment */
.deal-list-header .col-lg-3.d-flex.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.deal-list-header .form-group {
margin-bottom: 0 !important;
height: 36px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.deal-list-header .form-control {
height: 36px !important;
line-height: 24px !important;
padding: 5px 10px !important;
border: 1px solid #BDC3C7 !important;
font-size: 14px !important;
vertical-align: middle !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* Specific styling for city/region select dropdown */
.deal-list-header .form-control[class*="select"],
.deal-list-header select.form-control,
.deal-list-header .form-control[type="select"],
.deal-list-header select {
height: 36px !important;
line-height: 24px !important;
padding: 5px 10px !important;
border: 1px solid #BDC3C7 !important;
font-size: 14px !important;
vertical-align: middle !important;
appearance: menulist !important;
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
background-color: #fff !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
border-radius: 6px !important;
outline: none !important;
text-align: left !important;
color: #495057 !important;
background-image: none !important;
background-position: right 8px center !important;
background-repeat: no-repeat !important;
background-size: 12px !important;
}
/* Force alignment for React Bootstrap FormControl select */
.deal-list-header .form-group .form-control {
-ms-flex-item-align: center !important;
align-self: center !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.deal-list-header .input-group {
height: 36px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.deal-list-header .input-group-addon {
height: 36px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding: 6px 12px !important;
}
.deal-list-header .dropdown-toggle {
height: 36px !important;
line-height: 24px !important;
padding: 5px 10px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
border: 1px solid #BDC3C7 !important;
}
.deal-list-header span {
line-height: 36px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
/* Enhanced Table Styling for Deal List */
.deal-list-tabs-professional .table-responsive {
border-radius: 0 0 12px 12px;
overflow-x: auto;
overflow-y: visible;
}
.deal-list-tabs-professional .table {
margin-bottom: 0;
border-radius: 0 0 12px 12px;
}
/* .deal-list-tabs-professional .table thead th {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border: none;
padding: 12px 15px;
font-weight: 600;
color: #495057;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
} */
.deal-list-tabs-professional .table tbody td {
padding: 12px 15px;
border-top: 1px solid #dee2e6;
vertical-align: middle;
}
.deal-list-tabs-professional .table tbody tr:hover {
background-color: rgba(23, 162, 184, .05);
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
/* .deal-list-tabs-professional .btn-group .dropdown-toggle {
background: thead > tr > th { border-bottom: 1px solid #ddd; }
.table { border-bottom: 1px solid #ddd; }
/* Storefront URL Field Width & Alignment Fix */
.input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-group .input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
color: #495057;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
padding: 6px 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
}
.input-group .form-control {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-group .input-group-text + .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* Ensure consistent field heights across the form */
.form-group .form-control,
.form-group .input-group {
height: 34px;
min-height: 34px;
}
.input-group .form-control {
height: inherit;
min-height: inherit;
}
/* Error state styling */
.form-control-error {
border-color: #dc3545 !important;
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
}
.input-group .form-control-error {
border-left: 1px solid #dc3545 !important;
}
/* Ensure consistent input group border styling */
.input-group .input-group-text {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group .form-control:not(:first-child) {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* Focus state for better UX */
.input-group .form-control:focus {
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
z-index: 3;
}
.input-group .form-control:focus + .input-group-text,
.input-group .input-group-text + .form-control:focus {
border-color: #80bdff;
}
/* Responsive adjustments for the prefix text */
@media (max-width: 768px) {
.input-group .input-group-text {
max-width: 50%;
font-size: 0.75rem;
padding: 4px 8px;
}
}
/* Additional width consistency fix */
.panel-body .form-group {
margin-bottom: 15px;
}
.panel-body .form-group .form-control,
.panel-body .form-group .input-group {
width: 100%;
}
/* Featured Offer Field Fixes */
.form-group select.form-control,
.featured-offer-select {
height: 34px !important;
min-height: 34px !important;
line-height: 20px !important;
padding: 6px 12px !important;
font-size: 14px !important;
color: #333 !important;
border: 1px solid #ced4da !important;
border-radius: 4px;
background-color: #fff !important;
background-image: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
/* width: 100% !important; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block !important;
vertical-align: middle;
text-align: left;
overflow: visible !important;
}
.form-group select.form-control:focus,
.featured-offer-select:focus {
border-color: #80bdff !important;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
}
/* Ensure Featured Offer field matches URL field exactly */
.featured-offer-select {
display: block;
margin-bottom: 0;
}
/* Specific targeting for Featured Offer FormGroup to match URL field */
#formControlsFeaturedSelect .form-control {
height: 34px !important;
min-height: 34px !important;
border: 1px solid #ced4da !important;
}
/* Remove all animations from form controls */
.form-control,
.form-control:focus,
.form-control:hover,
.input-group .form-control,
.input-group .form-control:focus,
.input-group .form-control:hover {
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
animation: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
}
/* Ensure consistent appearance across all form fields */
.form-group .form-control {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/* Specific fixes for select dropdown text visibility */
.form-group select.form-control,
.featured-offer-select {
/* Reset any appearance that might hide text */
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
appearance: menulist !important;
/* Ensure text is visible and properly positioned */
text-indent: 0 !important;
text-overflow: clip !important;
white-space: nowrap !important;
/* Fix for webkit browsers */
-webkit-text-fill-color: #333 !important;
/* Ensure proper text rendering */
text-rendering: auto !important;
letter-spacing: normal !important;
word-spacing: normal !important;
/* Prevent text from being clipped */
padding-top: 7px !important;
padding-bottom: 7px !important;
/* Ensure dropdown arrow is visible */
background-repeat: no-repeat !important;
background-position: right 8px center !important;
padding-right: 30px !important;
}
/* Option text visibility */
.form-group select.form-control option,
.featured-offer-select option {
color: #333 !important;
background-color: #fff !important;
padding: 4px 8px !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
/* Additional consistency fixes for matching field heights and widths */
.panel-body .row .col-md-6 .form-group {
margin-bottom: 15px;
}
.panel-body .row .col-md-6 .form-group .form-control,
.panel-body .row .col-md-6 .form-group .input-group {
height: 34px;
min-height: 34px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Override any Bootstrap animations on dropdowns */
.dropdown-menu {
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
animation: none !important;
-webkit-animation: none !important;
}
/* Remove hover animations on select elements */
select.form-control:hover,
.featured-offer-select:hover {
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
}
/* Ensure form labels are consistently aligned */
.form-group .control-label {
margin-bottom: 5px;
font-weight: 700;
display: block;
}
/* Professional Tab Styling */
#controlled-tab-example {
border: none;
margin-bottom: 0;
}
#controlled-tab-example .nav-tabs {
border: none;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 12px 12px 0 0;
padding: 8px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
margin-bottom: 0;
}
#controlled-tab-example .nav-tabs > li {
margin-bottom: 0;
margin-right: 4px;
border-radius: 8px;
overflow: hidden;
}
#controlled-tab-example .nav-tabs > li:last-child {
margin-right: 0;
}
#controlled-tab-example .nav-tabs > li > a {
border: none;
background: transparent;
color: #6c757d;
font-weight: 600;
font-size: 14px;
padding: 12px 20px;
margin: 0;
border-radius: 8px;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-decoration: none;
position: relative;
overflow: hidden;
}
#controlled-tab-example .nav-tabs > li > a:hover {
background: rgba(255, 255, 255, .7);
color: #495057;
border: none;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
}
# a,
# a:hover,
# a:focus {
background: linear-gradient(135deg, #d2dddf 0%, #494c4c 100%);
color: #ffffff;
border: none;
border-radius: 8px;
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
font-weight: 700;
text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
position: relative;
z-index: 10;
}
# a::before {
content: '';
position: absolute;
bottom: -2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f8f9fa));
background: linear-gradient(90deg, #ffffff, #f8f9fa);
border-radius: 2px;
-webkit-box-shadow: 0 2px 8px rgba(255, 255, 255, .6);
box-shadow: 0 2px 8px rgba(255, 255, 255, .6);
}
# a::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100%);
border-radius: 10px;
z-index: -1;
pointer-events: none;
}
#controlled-tab-example .tab-content {
background: #ffffff;
border-radius: 0 0 12px 12px;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
padding: 0;
border: none;
margin-top: -1px;
}
#controlled-tab-example .tab-content .tab-pane {
padding: 24px;
border: none;
border-radius: 0 0 12px 12px;
}
/* Tab Badge Styling */
#controlled-tab-example .nav-tabs > li > a .badge {
background: #dc3545;
color: white;
font-size: 10px;
padding: 2px 6px;
border-radius: 10px;
margin-left: 6px;
font-weight: 600;
}
# a .badge {
background: #28a745;
}
/* Tab Icon Support */
#controlled-tab-example .nav-tabs > li > a i {
margin-right: 6px;
font-size: 14px;
}
/* Active Tab Pulse Animation */
@-webkit-keyframes tabPulse {
0% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
50% {
-webkit-box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
}
100% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
}
@keyframes tabPulse {
0% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
50% {
-webkit-box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
box-shadow: 0 8px 30px rgba(23, 162, 184, .4),
0 4px 15px rgba(23, 162, 184, .3),
inset 0 1px 2px rgba(255, 255, 255, .3);
}
100% {
-webkit-box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
box-shadow: 0 6px 25px rgba(23, 162, 184, .3),
0 2px 10px rgba(23, 162, 184, .2),
inset 0 1px 2px rgba(255, 255, 255, .2);
}
}
# a {
-webkit-animation: tabPulse 3s ease-in-out infinite;
animation: tabPulse 3s ease-in-out infinite;
}
/* Enhanced Tab Glow on Hover */
#controlled-tab-example .nav-tabs > li > a:hover:not(.active) {
background: rgba(255, 255, 255, .8);
color: #495057;
border: none;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1),
0 0 20px rgba(23, 162, 184, .1);
box-shadow: 0 4px 15px rgba(0, 0, 0, .1),
0 0 20px rgba(23, 162, 184, .1);
}
/* Active Tab Badge Enhancement */
# a .badge {
background: #ffffff !important;
color: #17a2b8 !important;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}
/* Responsive Tab Design */
@media (max-width: 768px) {
#controlled-tab-example .nav-tabs {
padding: 4px;
border-radius: 8px 8px 0 0;
}
#controlled-tab-example .nav-tabs > li > a {
padding: 10px 16px;
font-size: 13px;
}
#controlled-tab-example .tab-content .tab-pane {
padding: 16px;
}
/* Reduce animation intensity on mobile */
# a {
-webkit-animation: none;
animation: none;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
}
@media (max-width: 480px) {
#controlled-tab-example .nav-tabs > li > a {
padding: 8px 12px;
font-size: 12px;
}
}body{
background: #F7F7F7;
color: #73879C;
font-family: 'Helvetica Neue', Roboto, Arial, 'Droid Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.content{
background: none;
}
.login_wrapper {
background: none;
right: 0;
margin: 8% auto 0;
max-width: 350px;
position: relative;
}
.loginForm{
/*margin-top: 100px;
position: relative;*/
min-height: 400px;
}
.loginForm legend{
border: 0px;
}
.loginForm legend h2{
line-height: 20px;
margin-top: 0px;
color: #73879C;
font-size: 24px;
}
.loginForm legend h2::before{
content: "";
height: 1px;
position: absolute;
top: 10px;
width: 20%;
background: #7e7e7e;
left: 0px;
}
.loginForm legend h2::after{
content: "";
height: 1px;
position: absolute;
top: 10px;
width: 20%;
background: #7e7e7e;
right: 0px;
}
.margin-top {
margin-top: 20px;
}
/* Login page specific button styling */
.min-height .btn[data-id="Login"],
.min-height .btn[data-id="Register"] {
background-color: #77C84E ;
border-color: #77C84E ;
color: #ffffff ;
background-image: none ;
}
.min-height .btn[data-id="Login"]:hover,
.min-height .btn[data-id="Login"]:focus,
.min-height .btn[data-id="Register"]:hover,
.min-height .btn[data-id="Register"]:focus {
background-color: #5a9a3e ;
border-color: #5a9a3e ;
color: #ffffff ;
background-image: none ;
}
.margin-bottom {
margin-bottom: 20px;
}
.panel {
background: #fff;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
padding: 20px;
}
.min-height {
min-height: 500px;
}
.form-control {
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px 12px;
font-size: 14px;
margin-bottom: 15px;
}
.form-control:focus {
border-color: #77C84E;
-webkit-box-shadow: 0 0 0 0.2rem rgba(119, 200, 78, .25);
box-shadow: 0 0 0 0.2rem rgba(119, 200, 78, .25);
}
h1 {
color: #333;
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
p {
color: #666;
line-height: 1.6;
margin-bottom: 15px;
}
.alert {
margin-bottom: 20px;
border-radius: 4px;
}
.forgot-password-link {
color: #77C84E;
text-decoration: none;
font-size: 14px;
display: inline-block;
margin-top: 12px;
}
.forgot-password-link:hover {
color: #5a9a3e;
text-decoration: underline;
}
.text-right {
text-align: right;
}
form.form-horizontal {
margin-top: 10px;
}
.form-group {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.text-right {
text-align: left;
margin-top: 10px;
}
.login-button {
margin-top: 25px;
margin-bottom: 15px;
}
.panel {
padding: 15px;
}
h1 {
font-size: 20px;
}
.form-control {
margin-bottom: 20px;
}
}@charset "UTF-8";
body {
color: #333;
font-size: 14px;
background: #ebebeb !important; }
/* Quantity loader spinner animation */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-container {
height: 100%; }
#root {
height: 100%; }
.form-control {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0; }
.heading {
padding: 0 15px;
margin: 0 0 20px 0;
background: #3C4759; }
.heading h2 {
margin: 0;
color: #111;
padding: 5px 15px;
display: inline-block; }
.navbar-inverse .navbar-brand {
color: #111; }
.alert-Error {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle) #f1aeb5;
--bs-alert-link-color: var(--bs-danger-text-emphasis); }
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
color: #fff;
background: #111; }
.navbar-inverse .navbar-nav > li > a {
color: #111;
font-size: 16px; }
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
background: #000000; }
.dropdown-menu {
padding: 0;
border: none;
border-radius: 0;
background: #111; }
.dropdown-menu > li > a {
color: #fff;
padding: 10px 20px; }
.dropdown-menu > li > a:hover {
color: #111;
background: #fff; }
.panel.voucher-detail .panel-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.panel.voucher-detail .panel-heading span {
margin-right: auto; }
.shadow {
box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-o-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-moz-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-webkit-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7); }
.btn-deal:hover {
color: #fff;
/*box-shadow: 0 50px 0 #111 inset;
-moz-box-shadow: 0 50px 0 #111 inset;
-webkit-box-shadow: 0 50px 0 #111 inset;*/ }
.load-more {
width: 100%;
max-width: 300px; }
.top-menu {
background: #fff;
padding-top: 5px; }
.top-menu a {
color: #464646;
font-weight: bold;
text-decoration: none; }
.Co-logo {
height: 100px;
position: relative; }
.Co-logo img {
bottom: 10px;
max-height: 90px;
position: absolute; }
.fornt-header {
padding-top: 15px;
padding-bottom: 15px; }
.menu {
/*background:#3C4759;*/
/*background-image: linear-gradient(#FFEB94, #F3BE69);*/ }
.navbar {
border: 0px !important;
margin-bottom: 20px !important; }
nav.navbar.navbar-inverse {
border-radius: 0;
background: #3C4759;
/*margin-bottom: 20px !important;*/
/*background-image: linear-gradient(#FFEB94, #F3BE69);*/ }
.navbar-inverse .navbar-brand {
color: #fff; }
nav.navbar.navbar-inverse .navbar-nav > li > a {
color: #fff; }
nav.navbar.navbar-inverse .navbar-nav > li > a:hover {
padding-bottom: 15px; }
.padding-tb {
padding-top: 15px;
padding-bottom: 15px; }
.pl-0 {
padding-left: 0; }
.amount_h1 {
font-size: 30px; }
.amount_h1s {
font-size: 24px; }
.slider-container {
margin: 0px 0 20px 0;
position: relative;
overflow: hidden; }
.slider-container .bannerDeal {
padding-right: 15px; }
.slider-container .carousel {
margin: 0;
position: relative; }
.slider-container .carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.slider-container .carousel-item {
position: relative;
display: none;
width: 100%;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }
.slider-container .carousel-item.active {
display: block; }
.slider-container .carousel-control-prev,
.slider-container .carousel-control-next {
position: absolute;
top: 50%;
z-index: 1;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, .5);
border-radius: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
opacity: 0.8;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.slider-container .carousel-control-prev:hover,
.slider-container .carousel-control-next:hover {
opacity: 1;
background-color: rgba(0, 0, 0, .7); }
.slider-container .carousel-control-prev {
left: 10px; }
.slider-container .carousel-control-next {
right: 10px; }
.slider-container .carousel-control-prev-icon,
.slider-container .carousel-control-next-icon {
width: 20px;
height: 20px;
background-size: 100% 100%; }
.slider-container .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='m11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
.slider-container .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='m4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.top-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.top-item .list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0; }
.top-item .list-group .list-group-item:first-child {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0; }
.top-item .list-group .list-group-item {
border: none;
padding: 10px;
overflow: hidden;
position: relative; }
.top-item .list-group .list-group-item:last-child {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0; }
.top-item .list-group .list-group-item a {
width: 100%;
font-size: 14px; }
.top-item .list-group .list-group-item:hover a {
/*color: #77C84E !important;*/ }
/*.top-item .list-group .list-group-item:after {
content: '';
position: absolute;
bottom: 0;
left: -100%;
width: 100%;
height: 3px;
transition: all .3s ease-out;
background-color: #00D8FF;
}
.top-item .list-group .list-group-item:hover:after {
left: 0;
}*/
.top-item .list-group .list-group-item a i.fa {
font-size: 18px;
margin-right: 5px; }
.top-item .form-group {
margin: 0 0 0 10px; }
.top-item .input-group .form-control {
border-color: #ced4da;
border-width: 1px 0 1px 1px;
border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px; }
.top-item .input-group .input-group-addon {
color: #fff;
cursor: pointer;
border-radius: 0;
background-color: #3c4759;
border: #3c4759 solid 1px;
border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
-o-transition: all ease-out 0.15s;
-ms-transition: all ease-out 0.15s;
-moz-transition: all ease-out 0.15s;
-webkit-transition: all ease-out 0.15s; }
.top-item .input-group .input-group-addon:hover {
background: #77C84E;
border-color: #77C84E; }
.top-item select {
padding: .75rem .75rem;
appearance: none;
-o-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none; }
.dealflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
/*margin-bottom: 30px;*/ }
/*Carousel*/
.carousel-control.right {
right: 0;
left: auto;
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .2) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .2)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(128, 0, 0, 0)', GradientType=1);
background-repeat: repeat-x; }
.dealSingleimage {
height: 422px;
position: relative;
background: #f1f1f1;
background-repeat: no-repeat;
background-position: top center !important; }
.dealSingleimage img {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.carousel {
margin: 0px 0;
background: #f8f8f8; }
.bannerDealcontainer {
padding: 5px 25px 15px 25px;
/* Added bottom padding to prevent social icon clipping */
overflow: visible;
/* Ensure content is not clipped */ }
.bannerDealcontainer h3 {
margin: 0; }
.bannerDealcontainer .highlights {
margin-top: 5px; }
.highlights {
margin-bottom: 5px; }
.bannerDeal {
margin-bottom: 10px; }
.bannerDeal h2 {
color: #111;
height: 87px;
display: block;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
overflow: hidden;
margin-top: 30px !important;
margin-bottom: 2px !important; }
.bannerDeal h5 {
color: #999;
max-height: 45px;
overflow: hidden;
line-height: 1.5;
margin: 0 0 15px 0; }
.bannerDeal .deals-price {
width: 100%;
display: block;
margin-bottom: 10px; }
.bannerDeal .deals-price span.price {
display: block;
padding: 5px 0;
color: #272630;
font-size: 36px;
font-weight: bold;
text-align: center; }
.bannerDeal .deals-price span.options {
font-size: 25px;
line-height: 62px; }
.bannerDeal .deals-price span.quantity-left {
color: #f00;
display: block;
padding: 5px 0;
font-size: 16px;
font-weight: bold; }
span.quantity-left {
color: #f00; }
.bannerDeal .deals-price a.view-button,
.bannerDeal .deals-price button.view-button {
display: block;
width: 100%; }
.social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 22px !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.social-icons .facebook,
.social-icons .twitter {
margin: 0 3px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.social-icons a {
padding: 0 10px;
font-size: 24px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.social-icons a.facebook {
color: #3b5999; }
.social-icons a.twitter {
color: #55acee; }
.social-icons a.linkedin {
color: #0077B5; }
.social-icons a.google {
color: #dd4b39; }
.highlights ul {
margin: 0;
padding: 0;
list-style-type: none; }
.highlights ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.4;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 4px 10px;
font-size: 14px;
word-wrap: break-word;
word-wrap: break-word;
white-space: normal;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.highlights ul li i.fa {
color: #77C84E;
font-size: 18px;
margin-right: 12px;
margin-top: 2px;
-ms-flex-negative: 0;
flex-shrink: 0; }
.highlights ul li i {
margin-right: 6px; }
/* Fix for Deal Highlights text content */
.highlights ul li {
text-align: left;
min-height: auto; }
.highlights ul li > span,
.highlights ul li > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
word-break: break-word;
-ms-hyphens: auto;
hyphens: auto; }
/* Ensure the text content after the icon wraps properly */
.highlights ul li svg + * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
word-break: break-word;
word-wrap: break-word; }
/* Deal Purchased section alignment fix */
.deal-purchased {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
background: #ffffff;
border-radius: 8px; }
/* Remove extra spacing between Deal Highlights and Quantity Left sections */
.bannerDealcontainer.shadow + .bannerDealcontainer.shadow {
margin-top: -10px; }
.deal-purchased svg {
font-size: 18px;
-ms-flex-negative: 0;
flex-shrink: 0; }
.deal-purchased h3 {
margin: 0;
line-height: 1.2;
font-size: 16px;
font-weight: 600; }
.fonthighlights ul {
margin: 0;
padding: 0;
text-align: left;
list-style-type: none; }
.fonthighlights ul li {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.4;
padding: 5px;
margin-bottom: 5px;
text-align: left; }
.fonthighlights ul li i.fa,
.fonthighlights ul li svg {
color: #77C84E;
font-size: 18px;
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
vertical-align: middle; }
/* Ensure text aligns properly with icons */
.fonthighlights ul li {
font-size: 14px;
color: #333; }
.fonthighlights.text-center ul li {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
word-break: break-word;
word-wrap: break-word; }
.main-deal {
background: #fff; }
.deal-container {
display: block;
background: #fff;
overflow: visible;
min-height: 446px;
position: relative;
margin-bottom: 30px;
height: auto;
min-height: calc(100% - 30px); }
.deal-container.ads {
background: transparent; }
.deal-container.merchant-directory {
min-height: auto !important; }
.deal-container .merchant-social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
h2.dealname.merchant-name {
width: 70%; }
.deal-container .deal-image {
/*height: 185px;*/
overflow: hidden;
position: relative; }
.deal-container .deal-image img {
/*top: 0;
left: 0;*/
width: 100%;
height: 100%;
/*position: absolute;
object-fit: cover;
object-position: center;*/ }
.deal-container .dealname {
min-height: 40px;
max-height: 120px;
font-size: 16px;
font-weight: 500;
margin: 15px 15px 5px;
line-height: 1.3;
word-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
hyphens: auto;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; }
.deal-container .merchant {
color: #999;
font-size: 15px;
padding: 0 15px;
overflow: hidden;
line-height: 18px;
margin-bottom: 1em;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis; }
.timer {
color: #111;
font-size: 24px;
padding: 15px 0;
margin-top: 10px;
font-weight: normal; }
.timer p {
margin: 0;
font-size: 14px;
text-transform: uppercase; }
.deal-container .prices {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px 10px 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.deal-container .prices .percent {
color: #77c84e;
margin-right: auto; }
.deal-container .prices .price {
color: #ccc;
font-size: 18px;
padding: 0 15px;
text-decoration: line-through; }
.deal-container .short-disc {
height: 40px;
padding: 0 15px;
overflow: hidden;
line-height: 19px;
margin-bottom: 1em; }
.deal-container .deal-footer {
font-size: 12px;
padding: 10px 10px;
border-top: 1px solid #ededed;
background: #f7f8fa none repeat scroll 0 0; }
.deal-container .deal-footer .btn {
width: 100%; }
.subscriber {
color: #fff;
padding: 15px 0;
margin-top: 0px;
background: #3C4759; }
.footer {
color: #111;
padding: 15px 0;
margin-top: 0px;
background: #fff; }
.footer .btn {
color: #4a5a6a; }
.footer a {
color: #4a5a6a;
padding: 6px 12px; }
.footer .link {
color: #4a5a6a;
padding: 6px 12px; }
.nav-tabs > li > a {
color: #111;
border-radius: 0; }
.nav-tabs > li > a:hover {
/*color: #77C84E;*/ }
.nav-tabs > li.active > a {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .0001)), to(rgba(228, 228, 228, .5)));
background-image: linear-gradient(to top, rgba(0, 0, 0, .0001) 0, rgba(228, 228, 228, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(128, 0, 0, 0)', GradientType=1);
background-repeat: repeat-x; }
.tab-content {
padding: 20px;
border-top: none;
background: #fff;
margin-bottom: 20px;
border: #ddd solid 1px;
box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-o-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-moz-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-webkit-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7); }
.margin-top {
margin-top: 30px; }
.margin-bottom {
margin-bottom: 45px; }
.qty {
width: 50px !important;
padding: 4.5px !important;
background: #fff !important; }
/* Custom Image Slider for Deal Detail */
.custom-image-slider {
position: relative;
width: 100%;
background: #fff; }
.slider-container {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
background: #f8f9fa; }
.slide-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #f8f9fa; }
.slider-control {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
background: rgba(0, 0, 0, .7);
color: white;
border: none;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.slider-control:hover:not(:disabled) {
background: rgba(0, 0, 0, .9);
-webkit-transform: translateY(-50%) scale(1.1);
transform: translateY(-50%) scale(1.1); }
.slider-control:disabled {
opacity: 0.3;
cursor: not-allowed; }
.slider-prev {
left: 15px; }
.slider-next {
right: 15px; }
.slider-indicators {
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
z-index: 10; }
.indicator {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px; }
.indicator.active {
background: white;
border-color: white; }
.indicator:hover {
border-color: white;
background: rgba(255, 255, 255, .7); }
/* Responsive design - Fixed mobile spacing */
@media (max-width: 768px) {
.viewdeal-banner {
margin-top: 0;
/* Remove any extra top margin on mobile */
margin-bottom: 5px;
/* Reduce bottom margin */ }
.custom-image-slider {
margin: 0 0 10px 0;
/* Removed top margin, kept bottom margin */ }
.slider-container {
height: 300px;
/* Reduced from 650px to 300px for better mobile fit */ }
/* Ensure social icons margin-top shows on mobile */
.social-icons {
margin-top: 20px !important;
/* Slightly increased for better mobile visibility */
margin-bottom: 15px !important;
/* Increased bottom margin to prevent clipping */ }
/* Ensure parent container doesn't clip social icons on mobile */
.bannerDealcontainer {
overflow: visible !important;
/* Prevent social icons from being clipped */
padding-bottom: 20px !important;
/* Add extra padding to accommodate social icons */ }
.slider-control {
width: 40px;
height: 40px;
font-size: 18px; }
.slider-prev {
left: 10px; }
.slider-next {
right: 10px; }
.slider-indicators {
bottom: 15px; }
.indicator {
width: 10px;
height: 10px; } }
/* Extra small mobile devices */
@media (max-width: 480px) {
.viewdeal-banner {
margin-top: 0;
/* Ensure no top margin on very small screens */
margin-bottom: 0;
/* Minimal bottom margin */ }
.custom-image-slider {
margin: 0 0 5px 0;
/* Removed top margin, minimal bottom margin */ }
.slider-container {
height: 250px;
/* Further reduced height for small screens */ }
/* Ensure social icons are visible on small screens */
.social-icons {
margin-top: 20px !important;
margin-bottom: 15px !important;
/* Increased bottom margin to prevent clipping */ }
/* Ensure parent container doesn't clip social icons on very small screens */
.bannerDealcontainer {
overflow: visible !important;
/* Prevent social icons from being clipped */
padding-bottom: 25px !important;
/* Extra padding for very small screens */ } }
/* Deal Detail Carousel Wrapper */
.deal-detail-carousel-wrapper {
position: relative;
width: 100%;
margin: 20px 0; }
.deal-detail-carousel-wrapper .carousel {
position: relative;
background: #fff;
border-radius: 8px;
overflow: hidden;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
height: 400px; }
.carousel {
position: relative;
background: #fff;
border-radius: 8px;
overflow: hidden;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
height: 400px; }
/* Fix for React Bootstrap 0.33.1 Carousel */
.carousel .carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
height: 100%; }
/* Ensure carousel is functional */
.deal-detail-carousel-wrapper .carousel {
min-height: 300px; }
.deal-detail-carousel-wrapper .carousel .carousel-inner {
height: 100%; }
.deal-detail-carousel-wrapper .carousel .item {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.deal-detail-carousel-wrapper .carousel .item img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto; }
.carousel .item {
position: relative;
display: none;
width: 100%;
height: 100%;
text-align: center;
-webkit-transition: left 0.6s ease-in-out;
transition: left 0.6s ease-in-out; }
.carousel .item.active,
.carousel .item.next,
.carousel .item.prev {
display: block; }
.carousel .item.active {
left: 0; }
.carousel .item.next {
left: 100%; }
.carousel .item.prev {
left: -100%; }
.carousel .item.next.left,
.carousel .item.prev.right {
left: 0; }
.carousel .item.active.left {
left: -100%; }
.carousel .item.active.right {
left: 100%; }
.carousel .item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px; }
/* Carousel Controls for React Bootstrap 0.33.1 */
.carousel .carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
cursor: pointer; }
.carousel .carousel-control.left {
left: 0;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(128, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);
background-repeat: repeat-x; }
.carousel .carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(128, 0, 0, 0)', GradientType=1);
background-repeat: repeat-x; }
.carousel .carousel-control:hover,
.carousel .carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
opacity: 0.9;
outline: 0; }
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next,
.carousel .carousel-control .glyphicon-chevron-left,
.carousel .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -20px;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, .6);
border-radius: 50%;
line-height: 40px;
font-size: 18px; }
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -20px; }
.carousel .carousel-control .icon-next,
.carousel .carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -20px; }
.carousel .carousel-control .icon-prev:before {
content: '\2039';
font-family: serif; }
.carousel .carousel-control .icon-next:before {
content: '\203A';
font-family: serif; }
/* Carousel indicators for React Bootstrap 0.33.1 */
.carousel .carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none; }
.carousel .carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px; }
.carousel .carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff; }
.min-height {
min-height: 432px; }
.slide {
height: 100% !important; }
.valueInfo {
background: #f1f5f8; }
.shadow {
box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-o-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-moz-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
-webkit-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7); }
.valueInfo div {
margin: 0px;
padding: 8px 0px;
text-align: center;
display: inline-block;
text-transform: uppercase; }
.valueInfo div p {
margin: 0px;
color: #000 !important;
font-size: 16px;
font-weight: 600 !important;
line-height: 1.5; }
.valueInfo div p.text {
color: inherit;
font-size: 12px;
font-weight: 300 !important;
letter-spacing: 1px;
font-size: 12px !important;
letter-spacing: 1px;
color: #333 !important; }
.valueInfo div {
width: 32%;
margin: 0px;
font-size: 12px;
padding: 5px 0px;
text-align: center;
display: inline-block;
text-transform: uppercase;
border-right: 1px solid #e4e4e4; }
.valueInfo div.save {
border-right: 0px; }
#controlled-tab-example-pane-3 {
height: 600px; }
.gift-container {
display: block;
background: #fff;
overflow: visible;
min-height: 308px;
position: relative;
margin-bottom: 30px;
height: auto; }
.gift-container .deal-image {
height: 185px;
overflow: hidden;
position: relative; }
.gift-container .deal-image img {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.gift-container .dealname {
min-height: 40px;
max-height: 120px;
font-size: 16px;
font-weight: 500;
margin: 15px 15px 5px;
line-height: 1.3;
word-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
hyphens: auto;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; }
.gift-container .deal-footer .btn {
width: 100%; }
.gift-container .short-disc {
height: 40px;
padding: 0 15px;
overflow: hidden;
line-height: 19px;
margin-bottom: 1em; }
.gift-container .deal-footer {
font-size: 12px;
padding: 10px 10px;
border-top: 1px solid #ededed;
background: #f7f8fa none repeat scroll 0 0; }
.gift-container .deal-footer .btn {
width: 100%; }
/*Cart*/
.cartgrid .margin-top {
margin-top: 10px; }
td.qty {
width: 50px; }
td.qty span.quantity-left {
color: #f00;
display: block;
padding: 5px 0;
font-size: 12px;
font-weight: 500;
text-align: center;
white-space: nowrap; }
#main-slider .deal-banner {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal; }
#main-slider .valueInfo p {
opacity: 1 !important;
transform: translateY(0px) !important;
-webkit-transform: translateY(0px) !important; }
.carousel-control.left,
.carousel-control.right {
background-image: none; }
@media only screen and (max-width: 767px) {
.dealflex {
margin-bottom: 0; }
.deal-container {
margin-bottom: 30px;
height: auto; } }
@media only screen and (max-width: 600px) {
.dealSingleimage {
height: 200px; }
.slider-container .bannerDeal {
padding: 0 20px; }
.pl-0 {
padding-left: 15px; }
.deal-container .prices {
font-size: 18px; }
.top-item .form-group {
margin: 0 0 10px 0; } }
/* Enhanced mobile tab content styling */
@media (max-width: 768px) {
/* Ensure tab content matches desktop styling */
.tab-content {
padding: 15px !important;
border-top: none !important;
background: #fff !important;
margin-bottom: 20px !important;
border: #ddd solid 1px !important;
border-radius: 0 0 6px 6px !important;
box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7) !important;
-o-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7) !important;
-moz-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7) !important;
-webkit-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7) !important; } }
/* Removed conflicting 480px tab styles - now handled by #controlled-tab-example rules */
.gift-container {
display: block;
background: #fff;
overflow: visible;
min-height: 308px;
position: relative;
margin-bottom: 30px;
height: auto; }
.gift-container .deal-image {
height: 185px;
overflow: hidden;
position: relative; }
.gift-container .deal-image img {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.gift-container .dealname {
min-height: 40px;
max-height: 120px;
font-size: 16px;
font-weight: 500;
margin: 15px 15px 5px;
line-height: 1.3;
word-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
hyphens: auto;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; }
.gift-container .deal-footer .btn {
width: 100%; }
.gift-container .short-disc {
height: 40px;
padding: 0 15px;
overflow: hidden;
line-height: 19px;
margin-bottom: 1em; }
.gift-container .deal-footer {
font-size: 12px;
padding: 10px 10px;
border-top: 1px solid #ededed;
background: #f7f8fa none repeat scroll 0 0; }
.gift-container .deal-footer .btn {
width: 100%; }
/*Cart*/
.error {
border: 1px solid red; }
.merchantname {
color: #999; }
.charity-dropdown > div > div {
background: #fff;
top: 100% !important;
left: 15px !important;
bottom: auto !important;
height: auto !important;
padding: 10px !important;
z-index: 9999 !important;
overflow: auto !important;
max-height: 300px !important;
position: absolute !important; }
.charity-dropdown > div > div .form-group {
padding: 10px;
margin-bottom: 0; }
span.strike {
color: #b3b3b3;
position: relative; }
span.strike:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTP8AACGysLwAAAABdFJOUwBA5thmAAAAD0lEQVQIHWPABf7/Z8AGAC0DAf9RQgX5AAAAAElFTkSuQmCC); }
.merchant-website-url {
display: table;
margin-bottom: 10px; }
.merchant-facebook-url {
display: table;
margin-bottom: 10px; }
#main-slider .carousel-control .glyphicon-chevron-right,
#main-slider .carousel-control .icon-next {
right: 20%; }
#main-slider .carousel-control .glyphicon-chevron-left,
#main-slider .carousel-control .icon-prev {
left: 20%; }
#main-slider .carousel-control .glyphicon-chevron-left,
#main-slider .carousel-control .glyphicon-chevron-right,
#main-slider .carousel-control .icon-next,
#main-slider .carousel-control .icon-prev {
top: 42.5%; }
.carousel-control.left,
.carousel-control.right {
top: 36%;
width: 15px;
height: 50px; }
.send-form {
margin-bottom: 25px; }
.send-email {
padding: 20px 30px;
background: #d5492f;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
.send-email h3 {
color: #FFF;
font-size: 36px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
text-transform: capitalize;
font-family: Montserrat, Helvetica, Arial, sans-serif; }
.send-email .form-control {
width: 100%;
height: 39px;
display: block;
color: #495057;
line-height: 1.5;
border-radius: .25rem;
margin-bottom: 1.5rem;
background-color: #fff;
padding: .375rem .75rem;
border: 1px solid #ced4da;
background-clip: padding-box;
font-family: Montserrat, Helvetica, Arial, sans-serif;
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; }
.send-email .react-date-picker {
width: 100%;
height: 39px;
display: block;
color: #495057;
line-height: 1.5;
border-radius: .25rem;
margin-bottom: 1.5rem;
background-color: #fff;
padding: .375rem .75rem;
border: 1px solid #ced4da;
background-clip: padding-box;
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; }
.send-email .react-date-picker__wrapper {
border: 1px solid transparent; }
.btn {
--bs-btn-font-size: 14px !important
; }
.send-form button[type="submit"] {
margin: 0;
width: 100%;
border: none;
color: #ffffff;
padding: .8rem 0;
font-weight: 600;
font-size: 2.5rem;
margin-bottom: 1rem;
text-transform: uppercase;
background-color: #2a2a2a;
border-radius: 0 0 1rem 1rem;
-webkit-transition: background-color 1s ease-out;
transition: background-color 1s ease-out;
font-family: Montserrat, Helvetica, Arial, sans-serif; }
.send-form button[type="submit"]:hover,
.send-form button[type="submit"]:focus {
border: none;
background-color: #2a2a2a; }
.send-form .glyphicon {
padding: 0 5px;
font-size: 2.5rem; }
.viewdeal-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
margin-bottom: 10px; }
.viewdeal-banner .slide {
height: auto !important; }
.also-like {
line-height: 1;
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #ccc solid 1px; }
@media only screen and (max-width: 600px) {
.carousel-control.left,
.carousel-control.right {
top: 50%; }
.add-cart {
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
padding: 10px;
background-color: #fff;
-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); } }
/*** Timer CSS *****/
.sale-timer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.timer-div {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.time-block {
margin: 4px;
text-align: center; }
.time-block .time-data {
width: 30px;
color: #fff;
padding: 5px;
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
text-align: center;
background: #262626; }
.time-block .time-txt {
display: block;
font-size: 12px; }
td.offer p {
margin: 0; }
td.qty .input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
td.qty .input-group .input-group-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 32px;
height: 32px; }
td.qty .input-group .input-group-btn .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
margin: 0px;
padding: 6px;
border-radius: 4px !important; }
td.qty .input-group .input-group-btn .btn:hover,
td.qty .input-group .input-group-btn .btn:focus,
td.qty .input-group .input-group-btn .btn:active {
outline: unset;
outline-offset: unset;
-webkit-box-shadow: unset;
box-shadow: unset; }
td.qty .input-group .input-group-btn .btn i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -2px 0px 0px -1px; }
td.qty .input-group input.qty.form-control {
border: 0px;
text-align: center;
width: 35px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 600;
pointer-events: none;
cursor: not-allowed;
background-color: #f5f5f5; }
/* For Chrome, Safari, Edge, Opera */
td.qty .input-group input[type=number]::-webkit-inner-spin-button,
td.qty .input-group input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
/* For Firefox */
td.qty .input-group input[type=number] {
-moz-appearance: textfield; }
.panel-body.sales-chart svg > g {
-webkit-transform: translate(100px, 10px);
transform: translate(100px, 10px); }
/* Table font */
.table,
table {
font-size: 14px !important;
line-height: 1.5 !important; }
.table th,
.table td,
table th,
table td {
font-family: inherit !important;
font-size: 14px !important;
line-height: 1.42857143 !important; }
/* Navigation font */
.nav,
.navbar,
.navbar-nav {
font-size: 16px !important;
font-weight: 400 !important; }
.nav-link,
.navbar-nav .nav-link {
text-decoration: none !important; }
/* Admin sidebar font */
.sidebar,
.side-nav,
.sidebar-menu {
font-size: 14px !important;
font-weight: 400 !important; }
.sidebar-menu__group-title {
font-family: inherit !important;
font-size: 14px !important;
font-weight: 400 !important; }
/* Card and panel font */
.card-header,
.card-title .panel-title {
font-family: inherit !important;
font-weight: 500 !important; }
.card-body,
.card-text,
.panel-body {
font-family: inherit !important;
font-size: 14px !important;
line-height: 1.5 !important; }
/* Modal font */
.modal-header,
.modal-title {
font-family: inherit !important;
font-weight: 500 !important; }
.modal-body {
font-family: inherit !important;
font-size: 14px !important;
line-height: 1.5 !important; }
/* Alert font and styling */
.alert {
font-size: 14px !important;
line-height: 1.5 !important;
margin-bottom: 20px;
padding: 15px;
border: 1px solid transparent;
border-radius: 4px; }
/* Alert dismissible styling */
.alert-dismissible {
padding-right: 35px; }
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
background: transparent;
border: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
opacity: 0.5;
cursor: pointer; }
.alert-dismissible .btn-close:hover {
opacity: 0.75; }
/* Alert type colors */
.alert-success {
color: #155724 !important;
background-color: #d4edda !important;
border-color: #c3e6cb !important; }
.alert-info {
color: #0c5460 !important;
background-color: #d1ecf1 !important;
border-color: #bee5eb !important; }
.alert-warning {
color: #856404 !important;
background-color: #fff3cd !important;
border-color: #ffeaa7 !important; }
.alert-danger,
.alert-error {
color: #721c24 !important;
background-color: #f8d7da !important;
border-color: #f5c6cb !important; }
/* Ensure error alerts work regardless of naming */
.alert[class*="error"] {
color: #721c24 !important;
background-color: #f8d7da !important;
border-color: #f5c6cb !important; }
/* React Bootstrap bsStyle mapping */
.alert[class*="bsStyle"] {
/* Default alert styling if no specific class matches */ }
/* Handle React Bootstrap bsStyle="error" specifically */
div[class*="alert"][class*="error"],
.alert.alert-error {
color: #721c24 !important;
background-color: #f8d7da !important;
border-color: #f5c6cb !important; }
/* Ensure btn-close works properly in all alert types */
.alert .btn-close {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
padding: 0;
background: transparent;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 1;
cursor: pointer;
opacity: 0.6; }
.alert .btn-close:hover,
.alert .btn-close:focus {
opacity: 1;
text-decoration: none; }
.alert .btn-close::before {
content: "\D7";
color: inherit; }
/* Badge and label font */
.badge,
.label {
font-size: 0.75em !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
white-space: nowrap !important;
vertical-align: baseline !important; }
/* Breadcrumb font */
.breadcrumb {
font-family: 'Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif';
font-size: 14px !important; }
/* Pagination font */
.pagination {
font-family: 'Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif';
font-size: 14px !important; }
/* Dropdown font */
.dropdown-menu {
font-size: 14px !important; }
.dropdown-item {
font-family: inherit !important;
font-size: 14px !important;
font-weight: 400 !important; }
/* Form control font */
.form-control,
.form-select,
.form-check-label {
font-family: 'Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif';
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.5 !important; }
/* Text utilities */
.text-muted {
color: #6c757d !important;
font-family: inherit !important; }
.text-primary {
color: #0d6efd !important; }
.text-secondary {
color: #6c757d !important; }
.text-success {
color: #198754 !important; }
.text-info {
color: #0dcaf0 !important; }
.text-warning {
color: #ffc107 !important; }
.text-danger {
color: #dc3545 !important; }
.text-light {
color: #f8f9fa !important; }
.text-dark {
color: #212529 !important; }
/* Font weight utilities */
.fw-light {
font-weight: 300 !important; }
.fw-normal {
font-weight: 400 !important; }
.fw-bold {
font-weight: 700 !important; }
.fw-bolder {
font-weight: bolder !important; }
/* Font size utilities */
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important; }
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important; }
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important; }
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important; }
.fs-5 {
font-size: 1.25rem !important; }
.fs-6 {
font-size: 1rem !important; }
/* Fix for any font loading issues */
/* Ensure fonts load properly on all devices */
@supports (font-display: swap) {
* {
font-display: swap !important; } }
/* Bootstrap 5 Compatibility Fixes for My Account Page */
/* Bootstrap 5 Table Fixes */
.table,
table.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, .05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, .1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, .075);
width: 100% !important;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
border-collapse: collapse !important;
display: table !important;
visibility: visible !important;
opacity: 1 !important; }
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
-webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
display: table-cell !important;
visibility: visible !important;
opacity: 1 !important;
color: inherit !important; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 0.5rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
display: table-cell !important;
visibility: visible !important;
opacity: 1 !important;
color: #212529 !important;
background-color: transparent !important; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
background-color: #f5f5f5;
font-weight: bold; }
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #fff; }
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
/* Bootstrap 5 Table Variations */
.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
background-color: rgba(0, 0, 0, .05) !important; }
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
background-color: rgba(0, 0, 0, .075) !important; }
.table-bordered > :not(caption) > * {
border-width: 1px 0; }
.table-bordered > :not(caption) > * > * {
border-width: 0 1px; }
/* Fix for specific Bootstrap table combinations */
table.table-striped.table-bordered.table-condensed.table-hover {
display: table;
visibility: visible;
opacity: 1;
border-collapse: collapse; }
table.table-striped.table-bordered.table-condensed.table-hover > thead,
table.table-striped.table-bordered.table-condensed.table-hover > tbody,
table.table-striped.table-bordered.table-condensed.table-hover > tfoot {
display: table-row-group; }
table.table-striped.table-bordered.table-condensed.table-hover > thead > tr,
table.table-striped.table-bordered.table-condensed.table-hover > tbody > tr,
table.table-striped.table-bordered.table-condensed.table-hover > tfoot > tr {
display: table-row; }
table.table-striped.table-bordered.table-condensed.table-hover > thead > tr > th,
table.table-striped.table-bordered.table-condensed.table-hover > thead > tr > td,
table.table-striped.table-bordered.table-condensed.table-hover > tbody > tr > th,
table.table-striped.table-bordered.table-condensed.table-hover > tbody > tr > td,
table.table-striped.table-bordered.table-condensed.table-hover > tfoot > tr > th,
table.table-striped.table-bordered.table-condensed.table-hover > tfoot > tr > td {
display: table-cell;
padding: 5px;
line-height: 1.42857143;
vertical-align: top;
border: 1px solid #ddd;
visibility: visible;
opacity: 1;
color: #333;
background-color: #fff !important;
background: #fff !important; }
/* Reset any potential conflicting styles */
.table td,
.table th,
table.table td,
table.table th {
font-size: inherit !important;
font-weight: inherit !important;
text-align: left !important;
white-space: normal !important;
word-wrap: break-word !important; }
/* Ensure table content isn't hidden by transforms or positioning */
.table,
table.table {
-webkit-transform: none !important;
transform: none !important;
position: static !important;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important; }
/* Bootstrap 5 Tab System Fixes */
.nav-tabs {
--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0; }
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
background: none;
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
display: block !important;
padding: 0.5rem 1rem;
text-decoration: none;
color: #495057;
cursor: pointer; }
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: var(--bs-nav-tabs-link-hover-border-color);
isolation: isolate;
color: var(--bs-nav-tabs-link-active-color);
text-decoration: none; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color); }
/* React Bootstrap Legacy Support */
.nav-tabs > li {
float: none !important;
margin-bottom: -1px;
display: inline-block !important; }
.nav-tabs > li > a {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
background: none;
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
display: block !important;
padding: 0.5rem 1rem;
text-decoration: none;
color: #495057;
cursor: pointer; }
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: var(--bs-nav-tabs-link-hover-border-color);
isolation: isolate;
color: var(--bs-nav-tabs-link-active-color);
text-decoration: none; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
cursor: default; }
/* Bootstrap 5 Tab Content */
.tab-content {
padding: 1rem;
border: 1px solid #dee2e6;
border-top: none;
background-color: #fff;
margin-bottom: 1rem; }
.tab-pane {
display: none !important;
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.tab-pane.active {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
.tab-pane.show {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
/* Force React Bootstrap tab content to show - CRITICAL FIX */
.tab-content > .tab-pane:not(.active) {
display: none !important; }
.tab-content > .tab-pane.active {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important; }
/* Specific tab pane fixes */
#controlled-tab-example-pane-1.active,
#controlled-tab-example-pane-2.active,
#controlled-tab-example-pane-4.active,
#controlled-tab-example-pane-5.active,
#controlled-tab-example-pane-6.active,
#controlled-tab-example-pane-7.active,
#controlled-tab-example-pane-8.active,
#controlled-tab-example-pane-9.active,
#controlled-tab-example-pane-10.active,
#controlled-tab-example-pane-11.active {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important; }
/* Override any Bootstrap 5 hiding mechanisms */
.fade:not(.show) {
opacity: 0; }
.fade.show {
opacity: 1 !important;
display: block !important; }
/* React Bootstrap compatibility */
.tab-content .fade.active.show {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
/* Ensure all tab panes are visible when active */
div[role="tabpanel"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important; }
div[role="tabpanel"][aria-hidden="true"] {
display: none !important; }
div[role="tabpanel"][aria-hidden="false"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important; }
/* React Bootstrap Tab Component Fixes */
.nav.nav-tabs {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd; }
.nav.nav-tabs > li {
position: relative;
display: block;
float: none !important;
margin-bottom: -1px; }
.nav.nav-tabs > li > a {
position: relative;
display: block;
padding: 10px 15px;
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
color: #555;
text-decoration: none;
cursor: pointer; }
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li > a:focus {
border-color: #eee #eee #ddd;
color: #333;
text-decoration: none; }
.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default; }
/* CRITICAL: Force table visibility in active tab panes */
.tab-pane.active .table,
.tab-pane.active table,
.tab-pane.show .table,
.tab-pane.show table,
div[role="tabpanel"]:not([aria-hidden="true"]) .table,
div[role="tabpanel"]:not([aria-hidden="true"]) table {
display: table !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
width: 100% !important;
border-collapse: collapse !important;
color: #212529 !important; }
/* Ensure table structure is preserved */
.tab-pane.active .table thead,
.tab-pane.active .table tbody,
.tab-pane.active .table tfoot,
.tab-pane.show .table thead,
.tab-pane.show .table tbody,
.tab-pane.show .table tfoot {
display: table-row-group !important; }
.tab-pane.active .table tr,
.tab-pane.show .table tr {
display: table-row !important; }
/* Ensure content is visible in tables */
.tab-pane.active .table td,
.tab-pane.active .table th,
.tab-pane.show .table td,
.tab-pane.show .table th,
div[role="tabpanel"]:not([aria-hidden="true"]) .table td,
div[role="tabpanel"]:not([aria-hidden="true"]) .table th {
display: table-cell !important;
visibility: visible !important;
opacity: 1 !important;
color: #212529 !important;
background-color: transparent !important;
padding: 0.5rem !important;
vertical-align: top !important;
border-top: 1px solid #dee2e6 !important; }
/* Bootstrap 5 Table Content Fix */
.tab-pane.active table.table-striped.table-bordered.table-condensed.table-hover,
.tab-pane.show table.table-striped.table-bordered.table-condensed.table-hover {
display: table !important;
visibility: visible !important;
opacity: 1 !important;
color: #212529 !important; }
.tab-pane.active table.table-striped.table-bordered.table-condensed.table-hover td,
.tab-pane.active table.table-striped.table-bordered.table-condensed.table-hover th,
.tab-pane.show table.table-striped.table-bordered.table-condensed.table-hover td,
.tab-pane.show table.table-striped.table-bordered.table-condensed.table-hover th {
display: table-cell !important;
visibility: visible !important;
opacity: 1 !important;
color: #212529 !important;
background-color: #fff !important;
padding: 5px !important;
border: 1px solid #dee2e6 !important; }
.tab-pane .table tbody,
.tab-pane .table thead,
.tab-pane .table tfoot {
display: table-row-group !important; }
.tab-pane .table tr {
display: table-row !important; }
.tab-pane .table td,
.tab-pane .table th {
display: table-cell !important; }
/* Responsive Table Improvements */
@media (max-width: 768px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
-webkit-overflow-scrolling: touch; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
#controlled-tab-example .nav.nav-tabs > li > a {
font-size: 12px !important;
line-height: 1.8;
padding: 0px 8px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
/* Dropdown Menu Styling for Bootstrap 5 */
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: #212529;
--bs-dropdown-bg: #fff;
--bs-dropdown-border-color: rgba(0, 0, 0, .15);
--bs-dropdown-border-radius: 0.375rem;
--bs-dropdown-border-width: 1px;
--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
--bs-dropdown-divider-bg: rgba(0, 0, 0, .15);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
--bs-dropdown-link-color: #212529;
--bs-dropdown-link-hover-color: #1e2125;
--bs-dropdown-link-hover-bg: #e9ecef;
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute !important;
z-index: var(--bs-dropdown-zindex) !important;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
-webkit-box-shadow: var(--bs-dropdown-box-shadow);
box-shadow: var(--bs-dropdown-box-shadow); }
.dropdown-menu.show {
display: block !important; }
.dropdown-item {
display: block !important;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color) !important;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
cursor: pointer !important; }
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color) !important;
background-color: var(--bs-dropdown-link-hover-bg) !important;
text-decoration: none !important; }
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-dropdown-link-active-color) !important;
background-color: var(--bs-dropdown-link-active-bg) !important;
text-decoration: none !important; }
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color) !important;
pointer-events: none;
background-color: transparent; }
/* Fix React Bootstrap MenuItem to work like Bootstrap 5 dropdown-item */
.dropdown-menu > li > a {
display: block !important;
width: 100% !important;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) !important;
clear: both !important;
font-weight: 400 !important;
color: var(--bs-dropdown-link-color) !important;
text-align: inherit !important;
text-decoration: none !important;
white-space: nowrap !important;
background-color: transparent !important;
border: 0 !important;
cursor: pointer !important; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: var(--bs-dropdown-link-hover-color) !important;
background-color: var(--bs-dropdown-link-hover-bg) !important;
text-decoration: none !important; }
.dropdown-menu > li.active > a,
.dropdown-menu > li > a:active {
color: var(--bs-dropdown-link-active-color) !important;
background-color: var(--bs-dropdown-link-active-bg) !important;
text-decoration: none !important; }
/* Fix dropdown toggle arrow/caret */
.dropdown-toggle::after {
display: inline-block !important;
margin-left: 0.255em !important;
vertical-align: 0.255em !important;
content: "" !important;
border-top: 0.3em solid !important;
border-right: 0.3em solid transparent !important;
border-bottom: 0 !important;
border-left: 0.3em solid transparent !important; }
.dropdown-toggle:empty::after {
margin-left: 0 !important; }
/* Ensure dropdown works on click */
.btn-group .dropdown-toggle {
position: relative !important; }
.btn-group.open .dropdown-menu,
.btn-group .dropdown.open .dropdown-menu {
display: block !important; }
/* Admin table action buttons specific styling */
.table td .btn-group {
white-space: nowrap; }
.table td .btn-group .dropdown-toggle {
padding: 0.25rem 0.5rem;
font-size: 1 rem;
line-height: 1.5;
border-radius: 0.2rem; }
/* Fix dropdown positioning in tables */
.table .dropdown-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
float: left !important;
min-width: 160px !important;
margin: 2px 0 0 !important; }
/* Responsive dropdown for small screens */
@media (max-width: 768px) {
.table td .btn-group .dropdown-toggle {
padding: 0.375rem 0.75rem;
font-size: 1rem; }
.table .dropdown-menu {
min-width: 200px !important;
right: 0 !important;
left: auto !important; } }
/* Critical fixes for React Bootstrap DropdownButton compatibility */
/* Force dropdown functionality to work */
.btn-group .dropdown-toggle {
background-color: #f8f9fa !important;
border-color: #f8f9fa !important;
color: #212529 !important; }
.btn-group.show .dropdown-menu,
.btn-group .dropdown.show .dropdown-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
-webkit-transform: none !important;
transform: none !important;
position: absolute !important;
will-change: transform !important;
top: 0px !important;
left: 0px !important;
z-index: 1000 !important; }
/* Fix for React Bootstrap onClick handlers */
.dropdown-menu li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important; }
.dropdown-menu li a {
cursor: pointer !important;
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important; }
/* Override any pointer-events: none that might disable clicks */
.dropdown-menu,
.dropdown-menu li,
.dropdown-menu li a,
.dropdown-item {
pointer-events: auto !important; }
/* Ensure proper z-index layering */
.table-responsive {
overflow-x: auto !important;
overflow-y: visible !important;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
/* Ensure tables inside responsive containers can scroll */
.table-responsive > .table {
margin-bottom: 0;
white-space: nowrap; }
/* Fix panel table responsive behavior */
.panel > .table-responsive {
border: 0;
margin-bottom: 0; }
/* Fix dropdown positioning issues */
.btn-group .dropdown-menu {
-webkit-transform: translate3d(0px, 36px, 0px) !important;
transform: translate3d(0px, 36px, 0px) !important;
top: 0px !important;
left: 0px !important;
will-change: transform !important;
x-placement: bottom-start !important; }
/* React Bootstrap specific dropdown fixes */
.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important; }
/* Fallback dropdown toggle for accessibility */
.dropdown-toggle[data-toggle="dropdown"] {
cursor: pointer !important; }
.dropdown-toggle[data-toggle="dropdown"]:focus {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
-webkit-box-shadow: 0 0 0 2px rgba(66, 153, 225, .5) !important;
box-shadow: 0 0 0 2px rgba(66, 153, 225, .5) !important; }
/* Additional Bootstrap 5 dropdown state classes */
.dropdown.show > .dropdown-menu {
display: block !important; }
.dropdown > .dropdown-menu.show {
display: block !important; }
/* Force dropdown to work regardless of Bootstrap version */
.btn-group:hover .dropdown-menu {
display: none !important; }
.btn-group.show .dropdown-menu,
.btn-group .show .dropdown-menu {
display: block !important; }
/* Fix event propagation issues */
.dropdown-menu li a {
display: block !important;
padding: 8px 20px !important;
cursor: pointer !important;
color: #333 !important;
text-decoration: none !important; }
.dropdown-menu li a:hover {
background-color: #f5f5f5 !important;
color: #262626 !important;
text-decoration: none !important; }
/* Ensure buttons are clickable */
/* Fix for disabled state */
.btn:not(:disabled):not(.disabled) {
cursor: pointer !important; }
/* Override any Bootstrap conflicts */
.table .btn-group .dropdown-toggle {
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important; }
/* Additional reliability fixes */
.dropdown-toggle.btn.btn-default {
background-color: #fff !important;
border-color: #ccc !important;
color: #333 !important; }
.dropdown-toggle.btn.btn-default:hover,
.dropdown-toggle.btn.btn-default:focus {
background-color: #e6e6e6 !important;
border-color: #adadad !important;
color: #333 !important; }
.dropdown-toggle.btn.btn-default:active {
background-color: #d4edda !important;
border-color: #c3e6cb !important; }
/* Final compatibility layer */
.btn-group.dropdown .dropdown-toggle {
-webkit-appearance: button !important;
-moz-appearance: button !important;
appearance: button !important; }
/* Admin Menu Toggle Navigation Fixes */
/* Ensure admin sidebar works correctly */
.admin-layout {
position: relative !important; }
.admin-layout .main-content {
margin-left: 220px !important;
transition: margin-left 0.3s ease !important;
-webkit-transition: margin-left 0.3s ease !important;
-moz-transition: margin-left 0.3s ease !important; }
.admin-layout.sidebar-collapsed .main-content {
margin-left: 0 !important; }
/* Fix admin header menu toggle button */
.navbar-toggle,
.menu-toggle,
.sidebar-toggle {
display: inline-block !important;
padding: 4px 6px !important;
margin-top: 8px !important;
margin-right: 15px !important;
margin-bottom: 8px !important;
margin-left: 15px !important;
background-color: transparent !important;
background-image: none !important;
border: 1px solid transparent !important;
border-radius: 4px !important;
cursor: pointer !important; }
.navbar-toggle .icon-bar,
.menu-toggle .icon-bar,
.sidebar-toggle .icon-bar {
display: block !important;
width: 22px !important;
height: 2px !important;
border-radius: 1px !important;
background-color: #fff !important;
margin: 4px 0 !important; }
.navbar-toggle:hover,
.navbar-toggle:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.sidebar-toggle:hover,
.sidebar-toggle:focus {
background-color: rgba(255, 255, 255, .1) !important; }
/* Bootstrap 5 navbar fixes for admin */
.navbar-brand {
display: inline-block !important;
padding-top: 0.3125rem !important;
padding-bottom: 0.3125rem !important;
margin-right: 1rem !important;
font-size: 1.25rem !important;
line-height: inherit !important;
white-space: nowrap !important;
text-decoration: none !important; }
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none !important; }
/* Fix admin layout overflow issues */
.content-wrapper,
.main-content {
overflow-x: auto !important;
overflow-y: auto !important; }
/* Ensure admin menu items are properly spaced */
.aside-left .sidebar {
overflow-x: hidden !important;
overflow-y: auto !important; }
/* Fix for admin dashboard responsive behavior */
@media (max-width: 768px) {
.admin-layout .main-content {
margin-left: 0 !important; }
.admin-layout .left-side {
left: -220px !important;
transform: translateX(0) !important;
-webkit-transform: translateX(0) !important;
-moz-transform: translateX(0) !important; }
.admin-layout.menu-open .left-side {
left: 0 !important;
transform: translateX(0) !important;
-webkit-transform: translateX(0) !important;
-moz-transform: translateX(0) !important; }
/* Add overlay when menu is open on mobile */
.admin-layout.menu-open::after {
content: '' !important;
position: fixed !important;
top: 50px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: rgba(0, 0, 0, .5) !important;
z-index: 999 !important; } }
/* Admin header fixes */
.admin-header,
.main-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1030 !important;
background-color: #3c8dbc !important;
border-bottom: 1px solid transparent !important; }
.admin-header .navbar,
.main-header .navbar {
margin-bottom: 0 !important;
border: none !important;
min-height: 50px !important; }
/* Fix content padding to account for fixed header - Admin pages only */
.admin-layout .content-wrapper,
body.admin-page .content-wrapper {
padding-top: 50px !important;
min-height: calc(100vh - 50px) !important; }
/* Ensure frontend dashboard doesn't get the admin padding */
.frontend-layout .main-container,
body.frontend-page .main-container,
.main-container:not(.admin-layout) {
padding-top: 0 !important; }
/* Additional mobile fix for first deal content */
@media (max-width: 768px) {
.main-container {
padding-top: 0 !important;
margin-top: 0 !important; }
/* Ensure first deal is properly positioned */
.slider-container:first-child,
.dealflex:first-child {
margin-top: 0 !important;
padding-top: 0 !important; }
/* Fix for first deal row on mobile */
.row:first-child .deal-container,
.container-fluid > .row:first-child .deal-container {
margin-top: 0 !important; }
/* Ensure deal containers start at the top without clipping */
.deal-container:first-child,
.bannerDeal:first-child {
margin-top: 0 !important;
padding-top: 10px !important; }
/* Override any global margins that might push content down */
.viewdeal-banner:first-child,
.custom-image-slider:first-child {
margin-top: 0 !important;
padding-top: 0 !important; } }
/* Extra specific fixes for very small screens */
@media (max-width: 480px) {
/* Ensure no content is cut off at the very top */
.main-container,
.main-container .container,
.main-container .container-fluid {
padding-top: 0 !important;
margin-top: 0 !important; }
/* First deal specific positioning */
.deal-container:first-of-type {
margin-top: 0 !important;
padding-top: 5px !important; } }
/* Dashboard page specific mobile fixes */
@media (max-width: 768px) {
/* Ensure dashboard main container doesn't have padding/margin issues */
body .container,
.dashboard-page .container,
.frontend-layout .container {
padding-top: 0 !important;
margin-top: 0 !important; }
/* Fix slider container on dashboard */
.slider-container.shadow {
margin-top: 0 !important;
padding-top: 10px !important; }
/* Ensure deal banners start properly on mobile */
.deal-banner:first-child,
.carousel-item:first-child .deal-banner {
margin-top: 0 !important;
padding-top: 0 !important; }
/* Fix for bootstrap carousel container */
.carousel-inner {
padding-top: 0 !important; }
/* Remove any top spacing that causes cutoff */
.bg-white.slider-container.shadow {
margin-top: 0 !important;
height: 626px; } }
/* Very specific mobile dashboard container fix */
@media (max-width: 480px) {
/* Override any global styles that might interfere */
.container:first-child,
.container-fluid:first-child {
margin-top: 0 !important;
padding-top: 0 !important; }
/* Ensure the first carousel item is visible */
.carousel-item.active:first-child {
margin-top: 0 !important;
padding-top: 0 !important; } }
/* Simple mobile tab styling */
@media (max-width: 768px) {
#controlled-tab-example .nav.nav-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
#controlled-tab-example .nav.nav-tabs > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 5px; }
#controlled-tab-example .nav.nav-tabs > li > a {
padding: 10px 15px;
font-size: 14px;
white-space: nowrap; }
/* Simple Bootstrap table scrolling */
.table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; } }
/* Extra small mobile devices - Very compact tabs */
@media (max-width: 480px) {
#controlled-tab-example .nav.nav-tabs > li > a {
padding: 8px 6px !important;
min-height: 36px !important;
min-width: 90px !important; }
#controlled-tab-example .nav.nav-tabs > li {
min-width: 95px !important;
margin-right: 6px !important;
margin-left: 2px !important; }
#controlled-tab-example .nav.nav-tabs {
padding: 10px 12px !important;
margin-bottom: 20px !important; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > td {
padding: 8px 10px !important; }
.table-responsive::before {
font-size: 9px !important;
padding: 2px 6px !important; } }
/* Force override any conflicting bootstrap styles */
@media (max-width: 768px) {
/* Remove any conflicting global nav-tabs rules */
.nav-tabs {
display: block !important; }
/* MyAccount specific overrides */
#controlled-tab-example .nav-tabs {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
/* Ensure tables work properly in tab containers */
.tab-content {
overflow: visible !important;
position: relative !important; }
.tab-pane {
overflow: visible !important;
position: relative !important; } }
/* Ensure proper menu item styling */
.side-nav a {
color: #b8c7ce !important;
text-decoration: none !important;
display: block !important;
padding: 8px 15px !important;
border-left: 3px solid transparent !important; }
.side-nav a:hover,
.side-nav a:focus {
color: #fff !important;
background: rgba(255, 255, 255, .1) !important;
border-left-color: #fff !important;
text-decoration: none !important; }
.side-nav a.active {
color: #fff !important;
background: rgba(255, 255, 255, .1) !important;
border-left-color: #fff !important; }
/* Fix menu icon spacing */
.side-nav .fa,
.side-nav i {
margin-right: 10px !important;
width: 20px !important;
text-align: center !important; }
/* React Icons Global Support for Admin Dashboard */
/* Ensure React Icons work across the entire admin interface */
.react-icon,
[data-icon],
.sidebar-icon {
display: inline-block !important;
vertical-align: middle !important;
line-height: 1 !important;
fill: currentColor !important;
color: inherit !important; }
.react-icon svg,
.sidebar-icon svg {
display: block !important;
width: 1em !important;
height: 1em !important;
fill: currentColor !important; }
/* Global Font Awesome Icon Fixes (fallback for legacy icons) */
.fa,
[class^="fa-"],
[class*=" fa-"] {
font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 6 Pro", sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 1 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
display: inline-block !important;
text-decoration: inherit !important;
text-rendering: auto !important;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important; }
/* Font Awesome 5/6 compatibility */
.fa,
.fas,
.far,
.fal,
.fab {
font-weight: 900 !important; }
.far {
font-weight: 400 !important; }
.fal {
font-weight: 300 !important; }
.fab {
font-weight: 400 !important;
font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important; }
/* Bootstrap 5 icon compatibility fixes */
.fa:not(.fa-stack):not(.fa-inverse) {
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
/* Force visibility of icons in admin interface */
.admin .fa,
.admin [class^="fa-"],
.admin [class*=" fa-"],
.left-side .fa,
.left-side [class^="fa-"],
.left-side [class*=" fa-"],
.aside-left .fa,
.aside-left [class^="fa-"],
.aside-left [class*=" fa-"] {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
font-size: inherit !important;
color: inherit !important; }
/* Fix icon positioning in buttons and links */
a .fa,
button .fa,
.btn .fa {
margin-right: 5px !important;
vertical-align: baseline !important; }
/* Table action button icon fixes */
.table .fa,
.dropdown-menu .fa {
display: inline-block !important;
width: auto !important;
margin-right: 5px !important;
font-size: 14px !important; }
/* Ensure icons work in navigation */
.navbar .fa,
.nav .fa {
display: inline-block !important;
font-size: 14px !important;
margin-right: 5px !important; }
/* Fix for broken icon fonts - Unicode fallbacks */
@supports not ((-webkit-font-feature-settings: normal) or (font-feature-settings: normal)) {
.fa-home:before {
content: "\2302" !important; }
.fa-plus:before {
content: "+" !important; }
.fa-eye:before {
content: "\1F441" !important; }
.fa-users:before {
content: "\1F465" !important; }
.fa-list:before {
content: "\2261" !important; }
.fa-cog:before {
content: "\2699" !important; }
.fa-chart:before {
content: "\1F4CA" !important; }
.fa-file:before {
content: "\1F4C4" !important; }
.fa-envelope:before {
content: "\2709" !important; }
.fa-shopping-cart:before {
content: "\1F6D2" !important; }
.fa-user:before {
content: "\1F464" !important; }
.fa-edit:before {
content: "\270F" !important; }
.fa-trash:before {
content: "\1F5D1" !important; }
.fa-search:before {
content: "\1F50D" !important; }
.fa-download:before {
content: "\2B07" !important; }
.fa-upload:before {
content: "\2B06" !important; } }
/* Modern icon alternative using CSS masks (if font fails) */
.icon-mask {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
background-color: currentColor !important;
mask-repeat: no-repeat !important;
mask-position: center !important;
mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
-webkit-mask-size: contain !important; }
.modal-backdrop.show {
opacity: 0.5 !important; }
.alert-dismissible .btn-close {
top: 24px !important; }
.icon-mask-home {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E") !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E") !important; }
.tab-content .table-responsive.overflow-automy {
overflow-x: auto !important; }
.react-date-picker {
z-index: unset !important; }
@media (min-width: 576px) {
.container, .container-sm {
max-width: 100% !important; } }
@media (min-width: 768px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 750px !important; } }
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 970px !important; } }
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 1170px !important; } }
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 1170px !important; } }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
padding-right: 15px !important;
padding-left: 15px !important; }
.adds { margin-bottom: 20px; }
.well.ads {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 19px 0;
}
/* Navbar Container Alignment Fix */
.navbar {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.navbar > .container,
.navbar > .container-fluid {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
width: 100% !important;
}
/* Navigation Toggle Fix */
.navbar-header {
position: relative;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background-color: #ffffff;
margin-bottom: 4px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: rgba(255, 255, 255, .1);
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
@media (max-width: 767px) {
/* Force mobile dropdown visibility when show class is present */
.navbar-nav .dropdown-menu.show {
display: block !important;
opacity: 1 !important;
max-height: 500px !important;
overflow: visible !important;
visibility: visible !important;
}
.navbar-toggle {
display: block !important;
}
.navbar-collapse {
width: 100% !important;
margin-top: 0 !important;
border-top: 1px solid #e7e7e7 !important;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
float: none !important;
}
.navbar-collapse.collapse {
display: none !important;
max-height: none !important;
}
.navbar-collapse.collapse.show,
.navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
/* Mobile menu styles */
.navbar-nav {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.navbar-nav > li {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.navbar-nav > li > a {
padding: 10px 15px !important;
display: block !important;
width: 100% !important;
color: #ffffff !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}
.navbar-nav > li > a:hover {
background-color: rgba(255, 255, 255, .1) !important;
color: #c2c9d6 !important;
}
.navbar-collapse.collapse.show .navbar-nav,
.navbar-collapse.collapse.in .navbar-nav {
display: block !important;
float: none !important;
width: 100% !important;
}
.navbar-collapse.collapse.show .navbar-nav > li,
.navbar-collapse.collapse.in .navbar-nav > li {
display: block !important;
float: none !important;
width: 100% !important;
}
.navbar-collapse.collapse.show .navbar-nav > li > a,
.navbar-collapse.collapse.in .navbar-nav > li > a {
padding: 10px 15px !important;
display: block !important;
width: 100% !important;
}
.navbar-brand {
float: left !important;
margin-left: 15px !important;
}
/* Bootstrap 5 Mobile Navbar */
.navbar-toggler {
display: block !important;
background: transparent !important;
border: 1px solid rgba(255, 255, 255, .8) !important;
border-radius: 4px !important;
padding: 6px 10px !important;
margin-left: auto !important;
}
.navbar-toggler:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* Mobile navbar collapse */
.navbar-collapse {
width: 100% !important;
margin-top: 10px !important;
}
.navbar-collapse.show {
display: block !important;
}
/* Mobile nav items */
.navbar-nav {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
width: 100% !important;
}
.navbar-nav .nav-item {
width: 100% !important;
}
.nav-link
{
font-size: 16px !important;
}
.navbar-nav .nav-link {
color: #ffffff !important;
padding: 10px 15px !important;
display: block !important;
width: 100% !important;
border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
font-size: 16px !important;
}
.navbar-nav .nav-link:hover {
background-color: rgba(255, 255, 255, .1) !important;
color: #c2c9d6 !important;
}
/* Enhanced Mobile dropdown functionality */
.navbar-nav .dropdown-menu {
background-color: rgba(0, 0, 0, .2) !important;
border: none !important;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .3) !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .3) !important;
position: static !important;
float: none !important;
width: 100% !important;
margin-top: 0 !important;
border-radius: 0 !important;
display: none !important; /* Default hidden */
opacity: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
-webkit-transition: all 0.3s ease-in-out !important;
transition: all 0.3s ease-in-out !important;
}
/* Show dropdown when active - increased specificity for mobile */
.d-lg-none .navbar-nav .dropdown-menu.show,
.d-lg-none .navbar-nav .dropdown-menu[style*="display: block"],
.d-lg-none .navbar-nav .dropdown-menu[style*="display:block"],
nav.navbar.d-lg-none .navbar-nav .dropdown-menu.show,
nav.navbar.d-lg-none .navbar-nav .dropdown-menu[style*="display: block"],
nav.navbar.d-lg-none .navbar-nav .dropdown-menu[style*="display:block"] {
display: block !important;
opacity: 1 !important;
max-height: 500px !important;
overflow: visible !important;
-webkit-animation: slideDown 0.2s ease-in-out !important;
animation: slideDown 0.2s ease-in-out !important;
}
/* Animation for mobile dropdown */
@-webkit-keyframes slideDown {
0% {
opacity: 0;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}
100% {
opacity: 1;
max-height: 500px;
padding-top: inherit;
padding-bottom: inherit;
}
}
@keyframes slideDown {
0% {
opacity: 0;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}
100% {
opacity: 1;
max-height: 500px;
padding-top: inherit;
padding-bottom: inherit;
}
}
.navbar-nav .dropdown-item {
color: #ffffff !important;
padding: 12px 25px !important;
border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
display: block !important;
-webkit-transition: all 0.2s ease !important;
transition: all 0.2s ease !important;
}
.navbar-nav .dropdown-item:hover {
background-color: rgba(255, 255, 255, .15) !important;
color: #c2c9d6 !important;
-webkit-transform: translateX(5px) !important;
transform: translateX(5px) !important;
}
/* Disable hover effects for mobile dropdowns */
.navbar-nav .dropdown:hover .dropdown-menu {
display: none !important; /* Override any hover effects */
}
/* Mobile dropdown toggle button styling */
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle {
position: relative !important;
padding-right: 30px !important;
}
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::after {
content: "\25BC" !important;
position: absolute !important;
right: 10px !important;
top: 50% !important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
-webkit-transition: -webkit-transform 0.3s ease !important;
transition: -webkit-transform 0.3s ease !important;
transition: transform 0.3s ease !important;
transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
font-size: 12px !important;
}
/* Rotate arrow when dropdown is open */
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"]::after {
-webkit-transform: translateY(-50%) rotate(180deg) !important;
transform: translateY(-50%) rotate(180deg) !important;
}
/* Enhanced Touch support for mobile devices */
.navbar-nav .dropdown-toggle {
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-ms-touch-action: manipulation !important;
touch-action: manipulation !important;
position: relative !important;
z-index: 1 !important;
}
/* Fix for iOS touch events */
.navbar-nav .dropdown-toggle:hover {
background-color: rgba(255, 255, 255, .1) !important;
}
/* Ensure touch events work properly */
.navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-toggle * {
pointer-events: auto !important;
}
/* Better touch targets for mobile */
.navbar-nav .nav-link {
min-height: 44px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
position: relative !important;
}
/* Improved active state for touch devices */
.navbar-nav .dropdown-toggle:active,
.navbar-nav .dropdown-toggle:focus {
background-color: rgba(255, 255, 255, .15) !important;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* Additional mobile-specific interaction improvements */
.navbar-nav .nav-item.dropdown {
position: relative !important;
}
.navbar-nav .nav-item.dropdown .nav-link {
-webkit-transition: background-color 0.2s ease !important;
transition: background-color 0.2s ease !important;
}
}
@media (min-width: 768px) {
.navbar-toggle,
.navbar-toggler {
display: none !important;
}
.navbar-header {
float: left !important;
width: auto !important;
margin-right: 0 !important;
}
.navbar-collapse {
display: block !important;
height: auto !important;
padding-bottom: 0 !important;
overflow: visible !important;
border-top: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto !important;
float: left !important;
clear: none !important;
}
/* Enhanced Desktop dropdown functionality - React state controlled only */
.navbar-nav .dropdown.open .dropdown-menu,
.navbar-nav .dropdown.show .dropdown-menu,
.navbar-nav > li.dropdown.open .dropdown-menu,
.navbar-nav > li.dropdown.show .dropdown-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out !important;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
pointer-events: auto !important;
}
/* Disable any CSS-based hover dropdowns completely */
.navbar-nav .dropdown:hover .dropdown-menu {
display: none !important;
}
.navbar-nav .dropdown-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
display: none !important;
float: left !important;
min-width: 160px !important;
padding: 5px 0 !important;
margin: 0 0 0 0 !important; /* Remove gap that causes hover issues */
background-color: #ffffff !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
opacity: 0 !important;
visibility: hidden !important;
-webkit-transform: translateY(-3px) !important;
transform: translateY(-3px) !important;
-webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important;
transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important;
transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out, visibility 0.15s ease-in-out !important;
transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out, visibility 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important;
}
/* Force dropdown to show when component has menu-open class */
.navbar-nav .dropdown.menu-open .dropdown-menu,
.navbar-nav > li.dropdown.menu-open .dropdown-menu,
[class*="desktop-dropdown-"].menu-open .dropdown-menu,
[class*="ie-dropdown-"].menu-open .dropdown-menu,
[id*="desktop-dropdown-"].menu-open .dropdown-menu,
[id*="ie-dropdown-"].menu-open .dropdown-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
pointer-events: auto !important;
z-index: 1000 !important;
}
/* Ensure dropdown is hidden when menu-closed */
.navbar-nav .dropdown.menu-closed .dropdown-menu,
.navbar-nav > li.dropdown.menu-closed .dropdown-menu {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* Create invisible bridge to prevent hover gaps */
.navbar-nav .dropdown::before {
content: "" !important;
position: absolute !important;
top: 100% !important;
left: -5px !important;
right: -5px !important;
height: 8px !important;
z-index: 999 !important;
background: transparent !important;
pointer-events: auto !important;
}
/* Stable hover behavior for dropdown toggles */
.navbar-nav .dropdown .dropdown-toggle {
position: relative !important;
-webkit-transition: background-color 0.2s ease !important;
transition: background-color 0.2s ease !important;
}
/* Enhanced hover states with better stability */
.navbar-nav .dropdown.open .dropdown-toggle,
.navbar-nav .dropdown.show .dropdown-toggle,
.navbar-nav > li.dropdown.open > a.dropdown-toggle,
.navbar-nav > li.dropdown.show > a.dropdown-toggle {
background-color: rgba(255, 255, 255, .1) !important;
color: #c2c9d6 !important;
}
/* Ensure consistent hover appearance matches open state */
.navbar-nav .dropdown.open,
.navbar-nav .dropdown.show,
.navbar-nav > li.dropdown.open,
.navbar-nav > li.dropdown.show {
background-color: rgba(255, 255, 255, .05) !important;
}
/* Remove any CSS-based hover that conflicts with React state */
.navbar-nav .dropdown {
position: relative !important;
}
/* Smooth animation for dropdown appearance */
.navbar-nav .dropdown.open .dropdown-menu,
.navbar-nav .dropdown.show .dropdown-menu {
-webkit-animation: fadeInDown 0.2s ease-in-out !important;
animation: fadeInDown 0.2s ease-in-out !important;
}
/* Keyframes for dropdown animation */
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.navbar-nav .dropdown-item {
color: #333333 !important;
padding: 10px 20px !important;
background-color: transparent !important;
}
.navbar-nav .dropdown-item:hover {
color: #ffffff !important;
background-color: #c2c9d6 !important;
}
.navbar-nav {
display: inline-block !important;
float: left !important;
margin: 0 !important;
width: auto !important;
}
.navbar-nav > li {
display: inline-block !important;
float: left !important;
margin: 0 !important;
padding: 0 !important;
}
.navbar-nav > li > a,
.navbar-nav > li > .dropdown-toggle {
display: block !important;
padding: 15px !important;
margin: 0 !important;
color: inherit !important;
text-decoration: none !important;
}
}
/* Badge Styling */
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge-danger {
background-color: #d9534f;
}
.badge:empty {
display: none;
}
/* Header Top Menu Styling */
.top-item {
/* margin-bottom: 15px; */
}
.top-item ul.nav {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.top-item .nav-item {
margin-right: 15px;
}
.top-item .nav-item:last-child {
margin-right: 0;
}
.top-item .nav-link {
color: #333;
text-decoration: none;
padding: 5px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
font-size: 14px;
}
.top-item .nav-link:hover {
color: #c2c9d6;
text-decoration: none;
}
/* Force horizontal menu display - desktop only */
@media (min-width: 768px) {
.navbar-collapse {
display: block !important;
width: auto !important;
float: left !important;
}
}
/* Desktop menu layout */
@media (min-width: 768px) {
.navbar-nav {
display: inline-block !important;
float: left !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: auto !important;
}
.navbar-nav > li {
display: inline-block !important;
float: left !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: top !important;
}
.navbar-nav > li > a {
display: block !important;
padding: 15px !important;
margin: 0 !important;
color: inherit !important;
text-decoration: none !important;
}
}
.navbar-nav > li > .dropdown-toggle {
display: block !important;
padding: 15px !important;
margin: 0 !important;
color: #ffffff !important;
text-decoration: none !important;
background-color: transparent !important;
border: none !important;
}
.navbar-nav > li > .dropdown-toggle:hover,
.navbar-nav > li > .dropdown-toggle:focus {
color: #c2c9d6 !important;
background-color: rgba(255, 255, 255, .1) !important;
text-decoration: none !important;
}
/* Dropdown caret styling - only show on main menu items */
.navbar-nav > li > .dropdown-toggle .caret {
margin-left: 5px !important;
border-top: 4px solid #ffffff !important;
border-right: 4px solid transparent !important;
border-left: 4px solid transparent !important;
border-bottom: 0 !important;
}
/* Hide carets in dropdown menu items */
.navbar-nav .dropdown-menu .caret {
display: none !important;
}
/* Enhanced React Bootstrap dropdown icon control */
.navbar-nav > li.dropdown > a.dropdown-toggle::after {
content: "" !important;
display: inline-block !important;
margin-left: 5px !important;
vertical-align: middle !important;
border-top: 4px solid #ffffff !important;
border-right: 4px solid transparent !important;
border-bottom: 0 !important;
border-left: 4px solid transparent !important;
-webkit-transition: -webkit-transform 0.3s ease !important;
transition: -webkit-transform 0.3s ease !important;
transition: transform 0.3s ease !important;
transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
}
/* Rotate dropdown arrow only when dropdown is actually open - controlled by React state */
.navbar-nav .dropdown.menu-open .dropdown-toggle::after,
.navbar-nav > li.dropdown.menu-open > a.dropdown-toggle::after,
.navbar-nav .dropdown.open.menu-open .dropdown-toggle::after,
.navbar-nav .dropdown.show.menu-open .dropdown-toggle::after {
-webkit-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
/* Ensure arrow stays in normal position when closed */
.navbar-nav .dropdown:not(.menu-open) .dropdown-toggle::after,
.navbar-nav > li.dropdown:not(.menu-open) > a.dropdown-toggle::after {
-webkit-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
}
/* Remove any additional dropdown arrows in main menu */
.navbar-nav > li.dropdown > a.dropdown-toggle .fa-angle-down,
.navbar-nav > li.dropdown > a.dropdown-toggle .glyphicon-chevron-down {
display: none !important;
}
/* Hide all icons and pseudo-elements in dropdown items */
.navbar-nav .dropdown-menu li::before,
.navbar-nav .dropdown-menu li::after,
.navbar-nav .dropdown-menu a::before,
.navbar-nav .dropdown-menu a::after {
display: none !important;
}
/* Remove any bullets or list styling in dropdowns */
.navbar-nav .dropdown-menu {
list-style: none !important;
}
.navbar-nav .dropdown-menu li {
list-style: none !important;
position: relative !important;
}
/* React Bootstrap NavDropdown styling */
.navbar-nav li.dropdown {
position: relative !important;
}
.navbar-nav li.dropdown.open .dropdown-menu {
display: block !important;
}
.navbar-nav .dropdown-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
display: none !important;
float: left !important;
min-width: 160px !important;
padding: 5px 0 !important;
margin: 2px 0 0 !important;
list-style: none !important;
font-size: 16px !important;
background-color: #ffffff !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}
/* React Bootstrap specific classes - controlled by component state only */
.navbar-nav .dropdown.open .dropdown-menu,
.navbar-nav li.dropdown.open .dropdown-menu,
.navbar-nav .dropdown.show .dropdown-menu,
.navbar-nav li.dropdown.show .dropdown-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
pointer-events: auto !important;
z-index: 1000 !important;
}
/* Stable hover behavior - prevent immediate hiding */
.navbar-nav .dropdown {
position: relative !important;
}
/* Remove CSS hover behavior to prevent conflicts with React state management */
/* Let React component handle all dropdown show/hide logic */
.navbar-nav .dropdown-menu > li > a {
display: block !important;
padding: 10px 20px !important;
clear: both !important;
font-weight: normal !important;
line-height: 1.42857143 !important;
color: #333333 !important;
white-space: nowrap !important;
text-decoration: none !important;
background-color: transparent !important;
}
/* Hide any extra icons in dropdown menu items */
.navbar-nav .dropdown-menu > li > a::before,
.navbar-nav .dropdown-menu > li > a::after {
display: none !important;
}
.navbar-nav .dropdown-menu > li > a > i,
.navbar-nav .dropdown-menu > li > a > span.glyphicon,
.navbar-nav .dropdown-menu > li > a > .fa,
.navbar-nav .dropdown-menu > li > a > svg {
display: none !important;
}
/* Specifically target angle-down icons */
.navbar-nav .dropdown-menu .fa-angle-down,
.navbar-nav .dropdown-menu .glyphicon-chevron-down,
.navbar-nav .dropdown-menu [class*="angle-down"],
.navbar-nav .dropdown-menu [class*="chevron-down"] {
display: none !important;
}
/* Hide duplicate dropdown indicators in submenus */
.navbar-nav .dropdown-menu .dropdown-toggle::after,
.navbar-nav .dropdown-menu .caret {
display: none !important;
}
/* Force only one dropdown caret per menu item */
.navbar-nav > li.dropdown > a.dropdown-toggle::before {
display: none !important;
}
/* Remove any duplicate pseudo-element carets */
.navbar-nav > li > .dropdown-toggle::before,
.navbar-nav > li.dropdown::before,
.navbar-nav > li.dropdown::after {
display: none !important;
}
/* Ensure only one Bootstrap dropdown caret shows */
.navbar-nav .dropdown > .dropdown-toggle .caret + .caret,
.navbar-nav .dropdown-toggle .caret ~ .caret {
display: none !important;
}
/* Hide any double caret elements */
.navbar-nav li.dropdown:not(:first-child) .caret {
display: none !important;
}
/* Clean dropdown item styling - text only */
.navbar-nav .dropdown-menu > li > a span {
display: inline !important;
color: inherit !important;
}
.navbar-nav .dropdown-menu > li > a:hover {
color: #ffffff !important;
background-color: #c2c9d6 !important;
text-decoration: none !important;
}
/* Fix menu text color visibility */
.navbar-nav > li > a {
color: #ffffff !important;
}
.navbar-inverse .navbar-nav > li > a {
color: #ffffff !important;
}
.navbar-nav > li > a:hover {
color: #c2c9d6 !important;
background-color: rgba(255, 255, 255, .1) !important;
}
/* Home icon visibility fix */
.navbar-nav > li > a svg {
color: #ffffff !important;
font-size: 16px !important;
vertical-align: middle !important;
}
/* Icon centering fix only */
.input-group-addon {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
min-width: 34px !important;
max-width: 34px !important;
padding: 6px 8px !important;
height: 34px !important;
}
.input-group-addon svg {
width: 14px !important;
height: 14px !important;
display: block !important;
margin: 0 auto !important;
vertical-align: middle !important;
font-size: 14px !important;
}
/* When background color is set via inline styles, ensure white icons */
.input-group-addon[style] svg {
color: #ffffff !important;
}
/* Ensure input group alignment */
.input-group {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.input-group .form-control {
-webkit-box-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
display: block !important;
font-size: 14px !important;
line-height: 1.42857143 !important;
height: 34px !important;
padding: 6px 12px !important;
}
/* Search deal text styling */
.form-control[name="search"] {
font-size: 14px !important;
color: #555 !important;
}
.form-control[name="search"]::-webkit-input-placeholder {
font-size: 14px !important;
color: #999 !important;
}
.form-control[name="search"]::-moz-placeholder {
font-size: 14px !important;
color: #999 !important;
}
.form-control[name="search"]:-ms-input-placeholder {
font-size: 14px !important;
color: #999 !important;
}
/* Responsive adjustments */
@media (max-width: 767px) {
.top-item ul.nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.top-item .nav-item {
margin-right: 10px;
margin-bottom: 5px;
}
.top-item .nav-link {
font-size: 13px;
padding: 3px 6px;
}
.form-group {
margin-bottom: 10px;
}
}
/* Form Labels Spacing */
label,
.control-label,
.form-label {
margin-top: 10px !important;
margin-bottom: 8px !important;
display: block !important;
font-weight: 600;
}
/* First label in a form doesn't need top margin */
form label:first-child,
form .control-label:first-child,
form .form-label:first-child,
.form-group:first-child label,
.form-group:first-child .control-label,
.form-group:first-child .form-label {
margin-top: 0 !important;
}
/* Labels inside form groups */
.form-group label,
.form-group .control-label,
.form-group .form-label {
margin-top: 15px !important;
margin-bottom: 8px !important;
}
/* First form group doesn't need top margin on label */
.form-group:first-child label,
.form-group:first-child .control-label,
.form-group:first-child .form-label {
margin-top: 0 !important;
}
/* Labels for checkboxes and radio buttons (inline) */
.checkbox label,
.radio label,
.form-check-label {
margin-top: 5px !important;
margin-bottom: 5px !important;
display: inline-block !important;
}
/* Required field asterisk spacing */
.required::after {
content: " *";
color: #d9534f;
margin-left: 2px;
}
table.table-striped.cartgrid > tbody > tr:nth-child(odd) > td, table.table-striped.cartgrid > tbody > tr:nth-child(odd) > th {
background-color: #fff !important;
}
/* Mobile Cart Table Responsive Layout */
@media only screen and (max-width: 767px) {
.dealflex {
margin-bottom: 0; }
.deal-container {
margin-bottom: 30px;
height: auto; }
table.table-striped.cartgrid thead {display: none !important; }
table.table-striped.cartgrid tr {margin-bottom: 20px; }
table.table-striped.cartgrid td {
display: block !important;
text-align: right !important;
padding: 10px !important; }
table.table-striped.cartgrid td:before {
font-weight: bold;
margin-right: 15px;
float: left; }
table.table-striped.cartgrid td.none {
display: none !important; }
table.table-striped.cartgrid td.offer:before {
content: 'Offer :'; }
table.table-striped.cartgrid td.qty {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap; }
table.table-striped.cartgrid td.qty span.quantity-left {
width: 100%;
text-align: right; }
table.table-striped.cartgrid td.qty:before {
content: 'Qty :'; }
table.table-striped.cartgrid td.qty div.d-flex {
width: 120px !important;
margin-bottom: 0;
margin-left: auto; }
table.table-striped.cartgrid td.rprice:before {
content: 'Retail Price :'; }
table.table-striped.cartgrid td.oprice:before {
content: 'Offer Price :'; }
table.table-striped.cartgrid td.shipping:before {
content: 'Processing :'; }
table.table-striped.cartgrid td.tax:before {
content: 'Tax :'; }
table.table-striped.cartgrid td.total:before {
content: 'Total :'; }
table.table-striped.cartgrid td.subqty:before {
content: 'Sub Qty :'; }
table.table-striped.cartgrid td.subrprice:before {
content: 'Sub Retail Price :'; }
table.table-striped.cartgrid td.suboprice:before {
content: 'Sub Offer Price :'; }
table.table-striped.cartgrid td.subtax:before {
content: 'Subtotal Tax :'; }
table.table-striped.cartgrid td.subshipping:before {
content: 'Sub Processing :'; }
table.table-striped.cartgrid td.gtotal:before {
content: 'Grand total :'; }
.badge-fr td.offer:before {
content: 'Offre :'; }
.badge-fr td.qty {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.badge-fr td.qty:before {
content: 'Qt\E9 :'; }
.badge-fr td.qty .form-group {
width: 120px !important;
margin-bottom: 0;
margin-left: auto; }
.badge-fr td.rprice:before {
content: 'Prix du d\E9taillant :'; }
.badge-fr td.oprice:before {
content: 'Prix avec rabais :'; }
.badge-fr td.shipping:before {
content: 'Frais de livraison :'; }
.badge-fr td.tax:before {
content: 'Taxes :'; }
.badge-fr td.total:before {
content: 'Total :'; }
.badge-fr td.subqty:before {
content: 'Sous Qt\E9 :'; }
.badge-fr td.subrprice:before {
content: 'Sous Prix du d\E9taillant :'; }
.badge-fr td.suboprice:before {
content: 'Sous Prix avec rabais :'; }
.badge-fr td.subtax:before {
content: 'Tax sur le sous-total :'; }
.badge-fr td.subshipping:before {
content: 'Qt\E9 Frais de livraison :'; }
.badge-fr td.gtotal:before {
content: 'Montant total:'; }
}
/* Pull-left info paragraph styling */
.pull-left.info p {
color: white !important;
}
.btn:not([style*="color"]) {
--bs-btn-color: inherit !important;
}
.navbar {
--bs-navbar-padding-y: 0 !important;
}
.footer-social-icons { display: block; }
.footer-social-icons a { display: inline-block; padding: 0 5px; font-size: 24px; color: #4a5a6a; }
/* .footer-social-icons a.facebook { color: #3b5999; }
.footer-social-icons a.twitter { color: #55acee; }
.footer-social-icons a.linkedin { color: #0077B5; }
.footer-social-icons a.google { color: #dd4b39; }*/
/* Subscriber Form Alignment */
.subscriber form {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
gap: 15px !important;
margin: 0 !important;
padding: 0 !important;
}
hr {
border: 1px solid !important;
color: white !important;;
}
.subscriber form label {
margin: 0 !important;
padding: 0 !important;
display: inline-block !important;
line-height: 34px !important;
white-space: nowrap !important;
}
.subscriber form input[type="email"] {
margin: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
max-width: 250px !important;
height: 34px !important;
line-height: 34px !important;
}
.subscriber form button,
.subscriber form .btn {
margin: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
height: 34px !important;
line-height: 1 !important;
padding: 6px 12px !important;
white-space: nowrap !important;
color: white!important;
}
.btn.btn-default , .btn-success ,.btn-danger ,.btn-secondary {
color: white!important;
}
/* Responsive adjustments for subscriber form */
@media (max-width: 767px) {
.subscriber form {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
gap: 10px !important;
text-align: center !important;
}
.subscriber form label {
line-height: normal !important;
margin-bottom: 8px !important;
}
.subscriber form input[type="email"] {
max-width: 100% !important;
margin-bottom: 8px !important;
}
}/* Register page specific button styling */
.btn[data-id="register"] {
background-color: #77C84E ;
border-color: #77C84E ;
color: #ffffff ;
background-image: none ;
}
.btn[data-id="register"]:hover,
.btn[data-id="register"]:focus {
background-color: #5a9a3e ;
border-color: #5a9a3e ;
color: #ffffff ;
background-image: none ;
}
.btn[data-id="register"]:disabled {
background-color: #cccccc ;
border-color: #cccccc ;
color: #666666 ;
background-image: none ;
cursor: not-allowed ;
}.main-container { height: 100%; }@charset "UTF-8";/*!
* Bootstrap v5.3.7 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root,[data-bs-theme=light]{--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-black:#000;--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-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .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-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, .75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, .5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, .15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{-webkit-box-sizing:border-box;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;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.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 + 0.9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),1);text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}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:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,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,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + 0.3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-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]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"\2014\A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.row-cols-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.row-cols-sm-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-sm-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-sm-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-sm-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-sm-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-sm-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.row-cols-md-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-md-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-md-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-md-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-md-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-md-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.row-cols-lg-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-lg-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-lg-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-lg-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-lg-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-lg-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.row-cols-xl-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xl-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xl-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xl-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xl-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xl-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.row-cols-xxl-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xxl-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xxl-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xxl-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xxl-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xxl-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xxl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xxl-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xxl-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xxl-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xxl-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xxl-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xxl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xxl-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xxl-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xxl-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xxl-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xxl-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xxl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color);background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);-webkit-box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(0.375rem + var(--bs-border-width));padding-bottom:calc(0.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + var(--bs-border-width));padding-bottom:calc(0.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + var(--bs-border-width));padding-bottom:calc(0.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{-webkit-transition:none;transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-webkit-input-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::-ms-input-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);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;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-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;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-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:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-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;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-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{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + var(--bs-border-width) * 2);padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + var(--bs-border-width) * 2);padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + var(--bs-border-width) * 2)}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + var(--bs-border-width) * 2)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + var(--bs-border-width) * 2)}.form-control-color{width:3rem;height:calc(1.5em + 0.75rem + var(--bs-border-width) * 2);padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + 0.5rem + var(--bs-border-width) * 2)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + var(--bs-border-width) * 2)}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),none;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{-webkit-transition:none;transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);-ms-flex-negative:0;flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;-webkit-transition:background-position .15s ease-in-out;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{-webkit-transition:none;transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;-webkit-filter:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13, 110, 253, .25);box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13, 110, 253, .25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13, 110, 253, .25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-webkit-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + var(--bs-border-width) * 2);min-height:calc(3.5rem + var(--bs-border-width) * 2);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{-webkit-transition:none;transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-webkit-input-placeholder,.form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::-ms-input-placeholder,.form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:16px 6px;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);-webkit-box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);-webkit-box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{-webkit-box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);-webkit-box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);-webkit-box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{-webkit-box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15),0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-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;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{-webkit-transition:none;transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;-webkit-box-shadow:var(--bs-btn-focus-box-shadow);box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;-webkit-box-shadow:var(--bs-btn-focus-box-shadow);box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{-webkit-box-shadow:var(--bs-btn-focus-box-shadow);box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{-webkit-box-shadow:var(--bs-btn-focus-box-shadow);box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{-webkit-transition:opacity .15s linear;transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{-webkit-transition:none;transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{-webkit-transition:none;transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;-webkit-transition:width .35s ease;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{-webkit-transition:none;transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:0}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, .15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;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{-webkit-transition:none;transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);-webkit-transition:var(--bs-navbar-toggler-transition);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{-webkit-transition:none;transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;-webkit-box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, .55);--bs-navbar-hover-color:rgba(255, 255, 255, .75);--bs-navbar-disabled-color:rgba(255, 255, 255, .25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-0.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5 * var(--bs-card-cap-padding-x));margin-left:calc(-0.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;-webkit-transition:var(--bs-accordion-transition);transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{-webkit-transition:none;transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);-webkit-box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);-webkit-transform:var(--bs-accordion-btn-icon-transform);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{-ms-flex-negative:0;flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);-webkit-transition:var(--bs-accordion-btn-icon-transition);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{-webkit-transition:none;transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;-webkit-box-shadow:var(--bs-accordion-btn-focus-box-shadow);box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:"/"}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, .25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-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;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{-webkit-transition:none;transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;-webkit-box-shadow:var(--bs-pagination-focus-box-shadow);box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);-webkit-transition:var(--bs-progress-bar-transition);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{-webkit-transition:none;transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255, 255, 255, .15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .15) 50%,rgba(255, 255, 255, .15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;-webkit-box-sizing:content-box;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;-webkit-filter:var(--bs-btn-close-filter);filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;-webkit-box-shadow:var(--bs-btn-close-focus-shadow);box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);-webkit-box-shadow:var(--bs-toast-box-shadow);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-0.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{-webkit-transform:translate(0,-50px);transform:translate(0,-50px);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{-webkit-transition:none;transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);margin-top:calc(-0.5 * var(--bs-modal-header-padding-y));margin-right:calc(-0.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-0.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * 0.5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * var(--bs-popover-arrow-height) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * var(--bs-popover-arrow-height) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * var(--bs-popover-arrow-height) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-0.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * var(--bs-popover-arrow-height) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{-webkit-transition:none;transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;-webkit-transition:opacity 0s .6s;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{-webkit-transition:none;transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;-webkit-filter:var(--bs-carousel-control-icon-filter);filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{-webkit-transition:none;transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{-webkit-transition:none;transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;-webkit-animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:var(--bs-offcanvas-transition);transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{-webkit-transition:none;transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{-webkit-transform:none;transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:var(--bs-offcanvas-transition);transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{-webkit-transition:none;transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{-webkit-transform:none;transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:var(--bs-offcanvas-transition);transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{-webkit-transition:none;transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{-webkit-transform:none;transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:var(--bs-offcanvas-transition);transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{-webkit-transition:none;transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{-webkit-transform:none;transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:var(--bs-offcanvas-transition);transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{-webkit-transition:none;transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{-webkit-transform:none;transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-transition:var(--bs-offcanvas-transition);transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{-webkit-transition:none;transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{-webkit-transform:none;transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);margin-top:calc(-0.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-0.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-0.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0, 0, 0, .8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0, 0, 0, .8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-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:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),1)!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),1)!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),1)!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),1)!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),1)!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),1)!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),1)!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),1)!important}.link-primary{color:RGBA(var(--bs-primary-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),1)!important;text-decoration-color:RGBA(var(--bs-primary-rgb),1)!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,1)!important;-webkit-text-decoration-color:RGBA(10,88,202,1)!important;text-decoration-color:RGBA(10,88,202,1)!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),1)!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),1)!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,1)!important;-webkit-text-decoration-color:RGBA(86,94,100,1)!important;text-decoration-color:RGBA(86,94,100,1)!important}.link-success{color:RGBA(var(--bs-success-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),1)!important;text-decoration-color:RGBA(var(--bs-success-rgb),1)!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,1)!important;-webkit-text-decoration-color:RGBA(20,108,67,1)!important;text-decoration-color:RGBA(20,108,67,1)!important}.link-info{color:RGBA(var(--bs-info-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),1)!important;text-decoration-color:RGBA(var(--bs-info-rgb),1)!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,1)!important;-webkit-text-decoration-color:RGBA(61,213,243,1)!important;text-decoration-color:RGBA(61,213,243,1)!important}.link-warning{color:RGBA(var(--bs-warning-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),1)!important;text-decoration-color:RGBA(var(--bs-warning-rgb),1)!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,1)!important;-webkit-text-decoration-color:RGBA(255,205,57,1)!important;text-decoration-color:RGBA(255,205,57,1)!important}.link-danger{color:RGBA(var(--bs-danger-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),1)!important;text-decoration-color:RGBA(var(--bs-danger-rgb),1)!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,1)!important;-webkit-text-decoration-color:RGBA(176,42,55,1)!important;text-decoration-color:RGBA(176,42,55,1)!important}.link-light{color:RGBA(var(--bs-light-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),1)!important;text-decoration-color:RGBA(var(--bs-light-rgb),1)!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,1)!important;-webkit-text-decoration-color:RGBA(249,250,251,1)!important;text-decoration-color:RGBA(249,250,251,1)!important}.link-dark{color:RGBA(var(--bs-dark-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),1)!important;text-decoration-color:RGBA(var(--bs-dark-rgb),1)!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,1)!important;-webkit-text-decoration-color:RGBA(26,30,33,1)!important;text-decoration-color:RGBA(26,30,33,1)!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),1)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),1)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),1)!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),.75)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),0.75)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),0.75)!important}.focus-ring:focus{outline:0;-webkit-box-shadow:0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);box-shadow:0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.375rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),0.5);text-decoration-color:rgba(var(--bs-link-color-rgb),0.5);text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{-ms-flex-negative:0;flex-shrink:0;width:1em;height:1em;fill:currentcolor;-webkit-transition:.2s ease-in-out transform;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{-webkit-transition:none;transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{-webkit-transform:translate3d(.25em,0,0);transform:translate3d(.25em,0,0)}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}.vstack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){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}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;-ms-flex-item-align:stretch;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-none{display:none!important}.shadow{-webkit-box-shadow:var(--bs-box-shadow)!important;box-shadow:var(--bs-box-shadow)!important}.shadow-sm{-webkit-box-shadow:var(--bs-box-shadow-sm)!important;box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{-webkit-box-shadow:var(--bs-box-shadow-lg)!important;box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{-webkit-box-shadow:none!important;box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.translate-middle-x{-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important}.translate-middle-y{-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;-webkit-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + 0.9vw)!important}.fs-3{font-size:calc(1.3rem + 0.6vw)!important}.fs-4{font-size:calc(1.275rem + 0.3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0, 0, 0, .5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255, 255, 255, .5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),1)!important;text-decoration-color:rgba(var(--bs-link-color-rgb),1)!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-sm-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-sm-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-sm-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-sm-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-sm-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-sm-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-sm-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-sm-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-sm-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;-webkit-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-md-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-md-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-md-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-md-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-md-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-md-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-md-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-md-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-md-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;-webkit-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-lg-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-lg-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-lg-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-lg-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-lg-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-lg-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-lg-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-lg-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-lg-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;-webkit-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-xl-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-xl-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-xl-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-xl-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-xl-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-xl-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-xl-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-xl-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-xl-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;-webkit-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xxl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xxl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xxl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xxl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xxl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xxl-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-xxl-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-xxl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xxl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-xxl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xxl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xxl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xxl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xxl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xxl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xxl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-xxl-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-xxl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xxl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xxl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xxl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xxl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xxl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xxl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xxl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xxl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xxl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xxl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xxl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xxl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xxl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xxl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xxl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xxl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-xxl-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-xxl-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-xxl-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-xxl-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-xxl-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-xxl-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-xxl-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-xxl-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;-webkit-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-print-none{display:none!important}}