/*!*********************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/leaflet/dist/Leaflet.css ***!
\*********************************************************************************************************************/
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(416d91365b44e4b4f477.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(8f2c4d11474275fbc161.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(2b3e1faf89f94a483539.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/*!********************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/leaflet.locatecontrol/dist/L.Control.Locate.css ***!
\********************************************************************************************************************************************/
.leaflet-control-locate a {
cursor: pointer;
}
.leaflet-control-locate a .leaflet-control-locate-location-arrow {
display: inline-block;
width: 16px;
height: 16px;
margin: 7px;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
}
.leaflet-control-locate a .leaflet-control-locate-spinner {
display: inline-block;
width: 16px;
height: 16px;
margin: 7px;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
animation: leaflet-control-locate-spin 2s linear infinite;
}
.leaflet-control-locate.active a .leaflet-control-locate-location-arrow {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
}
.leaflet-control-locate.following a .leaflet-control-locate-location-arrow {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
}
.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
width: 100%;
max-width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0 10px;
}
.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
padding: 0 5px 0 0;
}
.leaflet-control-locate-location circle {
animation: leaflet-control-locate-throb 4s ease infinite;
}
@keyframes leaflet-control-locate-throb {
0% {
stroke-width: 1;
}
50% {
stroke-width: 3;
transform: scale(0.8, 0.8);
}
100% {
stroke-width: 1;
}
}
@keyframes leaflet-control-locate-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*!***********************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/Views/kewilayahan/peta/app-maps.scss ***!
\***********************************************************************************************************************************/
.map-leaflet {
width: 100%;
height: 100%;
z-index: 3;
}
.leaflet-container {
width: 100%;
height: 100vh;
font-family: inherit !important;
}
.leaflet-control-layers-base > label {
font-size: larger;
cursor: pointer;
/* color: $primary; */
font-weight: bold;
}
input.leaflet-control-layers-selector {
margin-right: 5px !important;
}
div.leaflet-control-layers-overlays div.leaflet-layerstree-children.leaflet-layerstree-children-nopad div.leaflet-layerstree-node div.leaflet-layerstree-children {
padding-left: 2rem !important;
}
.leaflet-left .leaflet-control {
margin-left: 0;
}
.leaflet-control-attribution {
margin-bottom: 50px !important;
}
div.leaflet-bottom.leaflet-left div.leaflet-control {
margin-bottom: 0 !important;
}
.leaflet-control-locate {
margin-bottom: 10px !important;
}
/*!**************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/leaflet.control.layers.tree/L.Control.Layers.Tree.css ***!
\**************************************************************************************************************************************************/
.leaflet-control-layers-toggle.leaflet-layerstree-named-toggle {
margin: 2px 5px;
width: auto;
height: auto;
background-image: none;
}
.leaflet-layerstree-node {
}
.leaflet-layerstree-header input{
margin-left: 0px;
}
.leaflet-layerstree-header {
}
.leaflet-layerstree-header-pointer {
cursor: pointer;
}
.leaflet-layerstree-header label {
display: inline-block;
cursor: pointer;
}
.leaflet-layerstree-header-label {
}
.leaflet-layerstree-header-name {
}
.leaflet-layerstree-header-space {
}
.leaflet-layerstree-children {
padding-left: 10px;
}
.leaflet-layerstree-children-nopad {
padding-left: 0px;
}
.leaflet-layerstree-closed {
}
.leaflet-layerstree-opened {
}
.leaflet-layerstree-hide {
display: none;
}
.leaflet-layerstree-nevershow {
display: none;
}
.leaflet-layerstree-expand-collapse {
cursor: pointer;
}
/*!********************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/primereact/resources/themes/bootstrap4-light-blue/theme.css ***!
\********************************************************************************************************************************************************/
:root {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
--surface-a: #ffffff;
--surface-b: #efefef;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #212529;
--text-color-secondary: #6c757d;
--primary-color: #007bff;
--primary-color-text: #ffffff;
--surface-0: #ffffff;
--surface-50: #f9fafb;
--surface-100: #f8f9fa;
--surface-200: #e9ecef;
--surface-300: #dee2e6;
--surface-400: #ced4da;
--surface-500: #adb5bd;
--surface-600: #6c757d;
--surface-700: #495057;
--surface-800: #343a40;
--surface-900: #212529;
--gray-50: #f9fafb;
--gray-100: #f8f9fa;
--gray-200: #e9ecef;
--gray-300: #dee2e6;
--gray-400: #ced4da;
--gray-500: #adb5bd;
--gray-600: #6c757d;
--gray-700: #495057;
--gray-800: #343a40;
--gray-900: #212529;
--content-padding: 1.25rem;
--inline-spacing: 0.5rem;
--border-radius: 4px;
--surface-ground: #efefef;
--surface-section: #ffffff;
--surface-card: #ffffff;
--surface-overlay: #ffffff;
--surface-border: #dee2e6;
--surface-hover: #e9ecef;
--focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
--maskbg: rgba(0, 0, 0, 0.4);
--highlight-bg: #007bff;
--highlight-text-color: #ffffff;
color-scheme: light;
}
:root {
--blue-50:#f3f8ff;
--blue-100:#c5dcff;
--blue-200:#97c1fe;
--blue-300:#69a5fe;
--blue-400:#3b8afd;
--blue-500:#0d6efd;
--blue-600:#0b5ed7;
--blue-700:#094db1;
--blue-800:#073d8b;
--blue-900:#052c65;
--green-50:#f4f9f6;
--green-100:#c8e2d6;
--green-200:#9ccbb5;
--green-300:#70b595;
--green-400:#459e74;
--green-500:#198754;
--green-600:#157347;
--green-700:#125f3b;
--green-800:#0e4a2e;
--green-900:#0a3622;
--yellow-50:#fffcf3;
--yellow-100:#fff0c3;
--yellow-200:#ffe494;
--yellow-300:#ffd965;
--yellow-400:#ffcd36;
--yellow-500:#ffc107;
--yellow-600:#d9a406;
--yellow-700:#b38705;
--yellow-800:#8c6a04;
--yellow-900:#664d03;
--cyan-50:#f3fcfe;
--cyan-100:#c5f2fb;
--cyan-200:#97e8f9;
--cyan-300:#69def6;
--cyan-400:#3bd4f3;
--cyan-500:#0dcaf0;
--cyan-600:#0baccc;
--cyan-700:#098da8;
--cyan-800:#076f84;
--cyan-900:#055160;
--pink-50:#fdf5f9;
--pink-100:#f5cee1;
--pink-200:#eda7ca;
--pink-300:#e681b3;
--pink-400:#de5a9b;
--pink-500:#d63384;
--pink-600:#b62b70;
--pink-700:#96245c;
--pink-800:#761c49;
--pink-900:#561435;
--indigo-50:#f7f3fe;
--indigo-100:#dac6fc;
--indigo-200:#bd98f9;
--indigo-300:#a06bf7;
--indigo-400:#833df4;
--indigo-500:#6610f2;
--indigo-600:#570ece;
--indigo-700:#470ba9;
--indigo-800:#380985;
--indigo-900:#290661;
--teal-50:#f4fcfa;
--teal-100:#c9f2e6;
--teal-200:#9fe8d2;
--teal-300:#75debf;
--teal-400:#4ad3ab;
--teal-500:#20c997;
--teal-600:#1bab80;
--teal-700:#168d6a;
--teal-800:#126f53;
--teal-900:#0d503c;
--orange-50:#fff9f3;
--orange-100:#ffe0c7;
--orange-200:#fec89a;
--orange-300:#feaf6d;
--orange-400:#fd9741;
--orange-500:#fd7e14;
--orange-600:#d76b11;
--orange-700:#b1580e;
--orange-800:#8b450b;
--orange-900:#653208;
--bluegray-50:#f8f9fb;
--bluegray-100:#e0e4ea;
--bluegray-200:#c7ced9;
--bluegray-300:#aeb9c8;
--bluegray-400:#95a3b8;
--bluegray-500:#7c8ea7;
--bluegray-600:#69798e;
--bluegray-700:#576375;
--bluegray-800:#444e5c;
--bluegray-900:#323943;
--purple-50:#f8f6fc;
--purple-100:#dcd2f0;
--purple-200:#c1aee4;
--purple-300:#a68ad9;
--purple-400:#8a66cd;
--purple-500:#6f42c1;
--purple-600:#5e38a4;
--purple-700:#4e2e87;
--purple-800:#3d246a;
--purple-900:#2c1a4d;
--red-50:#fdf5f6;
--red-100:#f7cfd2;
--red-200:#f0a8af;
--red-300:#e9828c;
--red-400:#e35b68;
--red-500:#dc3545;
--red-600:#bb2d3b;
--red-700:#9a2530;
--red-800:#791d26;
--red-900:#58151c;
--primary-50:#f2f8ff;
--primary-100:#c2dfff;
--primary-200:#91c6ff;
--primary-300:#61adff;
--primary-400:#3094ff;
--primary-500:#007bff;
--primary-600:#0069d9;
--primary-700:#0056b3;
--primary-800:#00448c;
--primary-900:#003166;
}
.p-editor-container .p-editor-toolbar {
background: #efefef;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
border: 0 none;
color: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
color: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
stroke: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
fill: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
border-radius: 4px;
padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #212529;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #212529;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.5rem 1.5rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-editor-container .p-editor-content.ql-snow {
border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
color: #212529;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
stroke: #212529;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
fill: #212529;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
color: #007bff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
stroke: #007bff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
fill: #007bff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
color: #007bff;
}
@layer primereact {
* {
box-sizing: border-box;
}
.p-component {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
font-weight: normal;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
transition-duration: 0.15s;
}
.p-disabled, .p-component:disabled {
opacity: 0.65;
}
.p-error {
color: #dc3545;
}
.p-text-secondary {
color: #6c757d;
}
.pi {
font-size: 1rem;
}
.p-icon {
width: 1rem;
height: 1rem;
}
.p-link {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
border-radius: 4px;
}
.p-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-component-overlay-enter {
animation: p-component-overlay-enter-animation 150ms forwards;
}
.p-component-overlay-leave {
animation: p-component-overlay-leave-animation 150ms forwards;
}
@keyframes p-component-overlay-enter-animation {
from {
background-color: transparent;
}
to {
background-color: var(--maskbg);
}
}
@keyframes p-component-overlay-leave-animation {
from {
background-color: var(--maskbg);
}
to {
background-color: transparent;
}
}
.p-autocomplete .p-autocomplete-loader {
right: 0.75rem;
}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.25rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
color: #212529;
padding: 0;
margin: 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #007bff;
color: #ffffff;
border-radius: 4px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-autocomplete-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
}
.p-autocomplete-panel .p-autocomplete-items {
padding: 0.5rem 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
margin: 0;
padding: 0.5rem 1.5rem;
border: 0 none;
color: #212529;
background: transparent;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #212529;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
color: #212529;
background: #ffffff;
font-weight: 600;
}
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-datepicker {
padding: 0;
background: #ffffff;
color: #212529;
border: 1px solid #ced4da;
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #efefef;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #212529;
background: #ffffff;
font-weight: 600;
margin: 0;
border-bottom: 1px solid #dee2e6;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: #212529;
transition: box-shadow 0.15s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #007bff;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
}
.p-datepicker table {
font-size: 1rem;
margin: 0.5rem 0;
}
.p-datepicker table th {
padding: 0.5rem;
}
.p-datepicker table th > span {
width: 2.5rem;
height: 2.5rem;
}
.p-datepicker table td {
padding: 0.5rem;
}
.p-datepicker table td > span {
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-datepicker table td > span:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0;
border-top: 1px solid #dee2e6;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid #dee2e6;
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-datepicker .p-timepicker button:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-datepicker .p-timepicker button:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.25rem;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.5rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
}
.p-datepicker .p-monthpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid #dee2e6;
padding-right: 0;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
@media screen and (max-width: 769px) {
.p-datepicker table th,
.p-datepicker table td {
padding: 0;
}
}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
outline-color: transparent;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-cascadeselect.p-variant-filled {
background-color: #efefef;
}
.p-cascadeselect.p-variant-filled:enabled:hover {
background-color: #efefef;
}
.p-cascadeselect.p-variant-filled:enabled:focus {
background-color: #efefef;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.5rem 0.75rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: #6c757d;
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: #495057;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-cascadeselect.p-invalid.p-component {
border-color: #dc3545;
}
.p-cascadeselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
}
.p-cascadeselect-panel .p-cascadeselect-items {
padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: #212529;
background: transparent;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
margin-top: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
margin-bottom: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: #0067d6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1.5rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
.p-checkbox {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-checkbox-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
cursor: pointer;
}
.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-checkbox {
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-input {
border: 2px solid #ced4da;
border-radius: 4px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 20px;
height: 20px;
color: #212529;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
width: 14px;
height: 14px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 20px;
height: 20px;
color: #212529;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
width: 14px;
height: 14px;
}
.p-checkbox.p-highlight .p-checkbox-box {
border-color: #007bff;
background: #007bff;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
border-color: #ced4da;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
border-color: #0062cc;
background: #0062cc;
color: #ffffff;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #dc3545;
}
.p-checkbox.p-variant-filled .p-checkbox-box {
background-color: #efefef;
}
.p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
background: #007bff;
}
.p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #efefef;
}
.p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0062cc;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #efefef;
}
.p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
background: #007bff;
}
.p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #efefef;
}
.p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0062cc;
}
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-checkbox {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-checkbox-input {
cursor: pointer;
}
.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-tristatecheckbox.p-variant-filled .p-checkbox-box {
background-color: #efefef;
}
.p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
background: #007bff;
}
.p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #efefef;
}
.p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #0062cc;
}
.p-chips {
display: inline-flex;
}
.p-chips-multiple-container {
margin: 0;
padding: 0;
list-style-type: none;
cursor: text;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.p-chips-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.p-chips-input-token {
flex: 1 1 auto;
display: inline-flex;
}
.p-chips-token-icon {
cursor: pointer;
}
.p-chips-input-token input {
border: 0 none;
outline: 0 none;
background-color: transparent;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
width: 100%;
}
.p-fluid .p-chips {
display: flex;
}
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #ced4da;
}
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-chips .p-chips-multiple-container {
padding: 0.25rem 0.75rem;
outline-color: transparent;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #212529;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #ced4da;
color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0.25rem 0;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
color: #212529;
padding: 0;
margin: 0;
}
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-colorpicker-preview {
width: 2rem;
height: 2rem;
}
.p-colorpicker-panel {
background: #212529;
border: 1px solid #212529;
}
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
border-color: #ffffff;
}
.p-colorpicker-overlay-panel {
box-shadow: none;
}
.p-dropdown {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}
.p-dropdown-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-dropdown-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-dropdown-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
}
.p-dropdown-label-empty {
overflow: hidden;
opacity: 0;
}
input.p-dropdown-label {
cursor: default;
}
.p-dropdown .p-dropdown-panel {
min-width: 100%;
}
.p-dropdown-panel {
position: absolute;
top: 0;
left: 0;
}
.p-dropdown-items-wrapper {
overflow: auto;
}
.p-dropdown-item {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
}
.p-dropdown-item-group {
cursor: auto;
}
.p-dropdown-items {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-dropdown-filter {
width: 100%;
}
.p-dropdown-filter-container {
position: relative;
}
.p-dropdown-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-fluid .p-dropdown {
display: flex;
}
.p-fluid .p-dropdown .p-dropdown-label {
width: 1%;
}
.p-dropdown {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
outline-color: transparent;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-dropdown:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-dropdown.p-variant-filled {
background: #efefef;
}
.p-dropdown.p-variant-filled:not(.p-disabled):hover {
background-color: #efefef;
}
.p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
.p-dropdown .p-dropdown-label {
background: transparent;
border: 0 none;
}
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-dropdown .p-dropdown-trigger {
background: transparent;
color: #495057;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-dropdown .p-dropdown-clear-icon {
color: #495057;
right: 2.357rem;
}
.p-dropdown.p-invalid.p-component {
border-color: #dc3545;
}
.p-dropdown-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
}
.p-dropdown-panel .p-dropdown-header {
padding: 0.75rem 1.5rem;
border-bottom: 1px solid #dee2e6;
color: #212529;
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.75rem;
margin-right: -1.75rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
margin: 0;
padding: 0.5rem 1.5rem;
border: 0 none;
color: #212529;
background: transparent;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
margin-top: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
margin-bottom: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: #0067d6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1rem;
color: #212529;
background: #ffffff;
font-weight: 600;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
padding: 0.5rem 1.5rem;
color: #212529;
background: transparent;
}
.p-inputgroup-addon {
background: #e9ecef;
color: #495057;
border-top: 1px solid #ced4da;
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.75rem;
min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid #ced4da;
}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1;
}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-fluid .p-inputgroup .p-button {
width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
width: 2.357rem;
}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-inputswitch {
position: relative;
display: inline-block;
}
.p-inputswitch-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
cursor: pointer;
}
.p-inputswitch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid transparent;
}
.p-inputswitch-slider:before {
position: absolute;
content: "";
top: 50%;
}
.p-inputswitch {
width: 3rem;
height: 1.75rem;
}
.p-inputswitch .p-inputswitch-input {
border-radius: 4px;
}
.p-inputswitch .p-inputswitch-slider {
background: #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
outline-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
background: #ffffff;
width: 1.25rem;
height: 1.25rem;
left: 0.25rem;
margin-top: -0.625rem;
border-radius: 4px;
transition-duration: 0.15s;
}
.p-inputswitch.p-highlight .p-inputswitch-slider {
background: #007bff;
}
.p-inputswitch.p-highlight .p-inputswitch-slider:before {
background: #ffffff;
transform: translateX(1.25rem);
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
background: #ced4da;
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
background: #007bff;
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-inputswitch.p-invalid > .p-inputswitch-slider {
border-color: #dc3545;
}
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.5rem 0.75rem;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
border-radius: 4px;
outline-color: transparent;
}
.p-inputtext:enabled:hover {
border-color: #ced4da;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-inputtext.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputtext.p-variant-filled {
background-color: #efefef;
}
.p-inputtext.p-variant-filled:enabled:hover {
background-color: #efefef;
}
.p-inputtext.p-variant-filled:enabled:focus {
background-color: #efefef;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
}
.p-inputtext.p-inputtext-lg {
font-size: 1.25rem;
padding: 0.625rem 0.9375rem;
}
.p-float-label > label {
left: 0.75rem;
color: #6c757d;
transition-duration: 0.15s;
}
.p-float-label > .p-invalid + label {
color: #dc3545;
}
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: #6c757d;
}
:-moz-placeholder {
color: #6c757d;
}
::-moz-placeholder {
color: #6c757d;
}
:-ms-input-placeholder {
color: #6c757d;
}
.p-input-filled .p-inputtext {
background-color: #efefef;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: #efefef;
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: #efefef;
}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
padding: 0.625rem 0.9375rem;
}
.p-icon-field {
position: relative;
}
.p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-fluid .p-icon-field-left,
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
left: 0.75rem;
color: #495057;
}
.p-icon-field-right > .p-input-icon:last-of-type {
right: 0.75rem;
color: #495057;
}
.p-inputotp {
display: flex;
align-items: center;
gap: 0.5rem;
}
.p-inputotp-input {
text-align: center;
width: 2.5rem;
}
.p-listbox-list-wrapper {
overflow: auto;
}
.p-listbox-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.p-listbox-item {
cursor: pointer;
position: relative;
overflow: hidden;
}
.p-listbox-item-group {
cursor: auto;
}
.p-listbox-filter-container {
position: relative;
}
.p-listbox-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-listbox-filter {
width: 100%;
}
.p-listbox {
background: #ffffff;
color: #212529;
border: 1px solid #ced4da;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem;
border-bottom: 1px solid #dee2e6;
color: #212529;
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.75rem;
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
padding: 0.5rem 1.5rem;
border: 0 none;
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item:first-child {
margin-top: 0;
}
.p-listbox .p-listbox-list .p-listbox-item:last-child {
margin-bottom: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
color: #212529;
background: #ffffff;
font-weight: 600;
}
.p-listbox .p-listbox-list .p-listbox-empty-message {
padding: 0.5rem 1.5rem;
color: #212529;
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: #0067d6;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #e9ecef;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
color: #212529;
background: #e9ecef;
}
.p-listbox.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-listbox.p-invalid {
border-color: #dc3545;
}
.p-mention-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
}
.p-mention-panel .p-mention-items {
padding: 0.5rem 0;
}
.p-mention-panel .p-mention-items .p-mention-item {
margin: 0;
padding: 0.5rem 1.5rem;
border: 0 none;
color: #212529;
background: transparent;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-mention-panel .p-mention-items .p-mention-item:hover {
color: #212529;
background: #e9ecef;
}
.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-multiselect {
display: inline-flex;
cursor: pointer;
user-select: none;
}
.p-multiselect-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-multiselect-label-container {
overflow: hidden;
flex: 1 1 auto;
cursor: pointer;
}
.p-multiselect-label {
display: block;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.p-multiselect-label-empty {
overflow: hidden;
visibility: hidden;
}
.p-multiselect-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.p-multiselect-token-icon {
cursor: pointer;
}
.p-multiselect .p-multiselect-panel {
min-width: 100%;
}
.p-multiselect-items-wrapper {
overflow: auto;
}
.p-multiselect-items {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-multiselect-item {
cursor: pointer;
display: flex;
align-items: center;
font-weight: normal;
white-space: nowrap;
position: relative;
overflow: hidden;
}
.p-multiselect-item-group {
cursor: auto;
}
.p-multiselect-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.p-multiselect-filter-container {
position: relative;
flex: 1 1 auto;
}
.p-multiselect-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-multiselect-filter-container .p-inputtext {
width: 100%;
}
.p-multiselect-close {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
position: relative;
margin-left: auto;
}
.p-fluid .p-multiselect {
display: flex;
}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
outline-color: transparent;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-multiselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-multiselect.p-variant-filled {
background: #efefef;
}
.p-multiselect.p-variant-filled:not(.p-disabled):hover {
background-color: #efefef;
}
.p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-multiselect .p-multiselect-label.p-placeholder {
color: #6c757d;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #212529;
border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
}
.p-multiselect .p-multiselect-trigger {
background: transparent;
color: #495057;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-multiselect.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.75rem;
}
.p-multiselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-header {
padding: 0.75rem 1.5rem;
border-bottom: 1px solid #dee2e6;
color: #212529;
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
margin: 0;
padding: 0.5rem 1.5rem;
border: 0 none;
color: #212529;
background: transparent;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
margin-top: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
margin-bottom: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: #0067d6;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #212529;
background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
margin: 0;
padding: 0.75rem 1rem;
color: #212529;
background: #ffffff;
font-weight: 600;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
padding: 0.5rem 1.5rem;
color: #212529;
background: transparent;
}
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
.p-password-panel {
padding: 1.25rem;
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none;
border-radius: 4px;
}
.p-password-panel .p-password-meter {
margin-bottom: 0.5rem;
background: #e9ecef;
}
.p-password-panel .p-password-meter .p-password-strength.weak {
background: #dc3545;
}
.p-password-panel .p-password-meter .p-password-strength.medium {
background: #ffc107;
}
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #28a745;
}
.p-radiobutton {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-radiobutton-input {
cursor: pointer;
}
.p-radiobutton-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-radiobutton-icon {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
border-radius: 50%;
visibility: hidden;
}
.p-radiobutton.p-highlight .p-radiobutton-icon {
transform: translateZ(0) scale(1, 1);
visibility: visible;
}
.p-radiobutton {
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
border: 2px solid #ced4da;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 20px;
height: 20px;
color: #212529;
border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 12px;
height: 12px;
transition-duration: 0.15s;
background-color: #ffffff;
}
.p-radiobutton.p-highlight .p-radiobutton-box {
border-color: #007bff;
background: #007bff;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
border-color: #ced4da;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
border-color: #0062cc;
background: #0062cc;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
background-color: #ffffff;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #dc3545;
}
.p-radiobutton.p-variant-filled .p-radiobutton-box {
background-color: #efefef;
}
.p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
background: #007bff;
}
.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #efefef;
}
.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0062cc;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #efefef;
}
.p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
background: #007bff;
}
.p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #efefef;
}
.p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #0062cc;
}
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating {
position: relative;
display: flex;
align-items: center;
}
.p-rating-item {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.p-rating.p-readonly .p-rating-item {
cursor: default;
}
.p-rating {
gap: 0.5rem;
}
.p-rating .p-rating-item {
outline-color: transparent;
border-radius: 50%;
}
.p-rating .p-rating-item .p-rating-icon {
color: #495057;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
font-size: 1.143rem;
}
.p-rating .p-rating-item .p-rating-icon.p-icon {
width: 1.143rem;
height: 1.143rem;
}
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #dc3545;
}
.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #007bff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
color: #007bff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
color: #dc3545;
}
.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #ffffff;
}
.p-selectbutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
background: #5a6268;
border-color: #545b62;
color: #ffffff;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton.p-invalid > .p-button {
border-color: #dc3545;
}
.p-slider {
background: #e9ecef;
border: 0 none;
border-radius: 4px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
}
.p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.5715rem;
margin-left: -0.5715rem;
}
.p-slider.p-slider-vertical {
width: 0.286rem;
}
.p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
}
.p-slider .p-slider-handle {
height: 1.143rem;
width: 1.143rem;
background: #007bff;
border: 2px solid #007bff;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-slider .p-slider-range {
background: #007bff;
}
.p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #0069d9;
border-color: #0069d9;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
.p-treeselect:not(.p-disabled):hover {
border-color: #ced4da;
}
.p-treeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-treeselect.p-treeselect-clearable .p-treeselect-label {
padding-right: 1.75rem;
}
.p-treeselect.p-variant-filled {
background: #efefef;
}
.p-treeselect.p-variant-filled:not(.p-disabled):hover {
background-color: #efefef;
}
.p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-treeselect .p-treeselect-label.p-placeholder {
color: #6c757d;
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #212529;
border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
background: transparent;
color: #495057;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-treeselect .p-treeselect-clear-icon {
color: #495057;
right: 2.357rem;
}
.p-treeselect.p-invalid.p-component {
border-color: #dc3545;
}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
padding: 0.25rem 0.75rem;
}
.p-treeselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
}
.p-treeselect-panel .p-treeselect-header {
padding: 0.75rem 1.5rem;
border-bottom: 1px solid #dee2e6;
color: #212529;
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
margin-right: 0.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
padding-right: 1.75rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
padding-right: 3.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
right: 2.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
padding: 0.5rem 1.5rem;
color: #212529;
background: transparent;
}
.p-input-filled .p-treeselect {
background: #efefef;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #efefef;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #efefef;
}
.p-togglebutton {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-togglebutton-input {
cursor: pointer;
}
.p-togglebutton .p-button {
flex: 1 1 auto;
}
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
border: 1px solid #6c757d;
border-radius: 4px;
}
.p-togglebutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #5a6268;
border-color: #545b62;
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #545b62;
border-color: #4e555b;
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
.p-togglebutton.p-invalid > .p-button {
border-color: #dc3545;
}
.p-button {
color: #ffffff;
background: #007bff;
border: 1px solid #007bff;
padding: 0.5rem 0.75rem;
font-size: 1rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
.p-button:not(:disabled):hover {
background: #0069d9;
color: #ffffff;
border-color: #0069d9;
}
.p-button:not(:disabled):active {
background: #0062cc;
color: #ffffff;
border-color: #0062cc;
}
.p-button.p-button-outlined {
background-color: transparent;
color: #007bff;
border: 1px solid;
}
.p-button.p-button-outlined:not(:disabled):hover {
background: rgba(0, 123, 255, 0.04);
color: #007bff;
border: 1px solid;
}
.p-button.p-button-outlined:not(:disabled):active {
background: rgba(0, 123, 255, 0.16);
color: #007bff;
border: 1px solid;
}
.p-button.p-button-outlined.p-button-plain {
color: #6c757d;
border-color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
background: #e9ecef;
color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:not(:disabled):active {
background: #dee2e6;
color: #6c757d;
}
.p-button.p-button-text {
background-color: transparent;
color: #007bff;
border-color: transparent;
}
.p-button.p-button-text:not(:disabled):hover {
background: rgba(0, 123, 255, 0.04);
color: #007bff;
border-color: transparent;
}
.p-button.p-button-text:not(:disabled):active {
background: rgba(0, 123, 255, 0.16);
color: #007bff;
border-color: transparent;
}
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
.p-button.p-button-text.p-button-plain:not(:disabled):hover {
background: #e9ecef;
color: #6c757d;
}
.p-button.p-button-text.p-button-plain:not(:disabled):active {
background: #dee2e6;
color: #6c757d;
}
.p-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-button .p-button-label {
transition-duration: 0.15s;
}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
.p-button .p-button-icon-right {
margin-left: 0.5rem;
}
.p-button .p-button-icon-bottom {
margin-top: 0.5rem;
}
.p-button .p-button-icon-top {
margin-bottom: 0.5rem;
}
.p-button .p-badge {
margin-left: 0.5rem;
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #007bff;
background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-button.p-button-rounded {
border-radius: 2rem;
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
border-radius: 50%;
height: 2.357rem;
}
.p-button.p-button-sm {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
}
.p-button.p-button-sm .p-button-icon {
font-size: 0.875rem;
}
.p-button.p-button-lg {
font-size: 1.25rem;
padding: 0.625rem 0.9375rem;
}
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
margin-left: 0.5rem;
}
.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
margin-right: 0.5rem;
}
.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
margin-top: 0.5rem;
}
.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
margin-bottom: 0.5rem;
}
.p-button.p-button-loading-label-only .p-button-loading-icon {
margin: 0;
}
.p-fluid .p-button {
width: 100%;
}
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-button-group {
display: flex;
}
.p-fluid .p-button-group .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
color: #ffffff;
background: #6c757d;
border: 1px solid #6c757d;
}
.p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
background: #5a6268;
color: #ffffff;
border-color: #5a6268;
}
.p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
background: #545b62;
color: #ffffff;
border-color: #4e555b;
}
.p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
background-color: transparent;
color: #6c757d;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
background: rgba(108, 117, 125, 0.04);
color: #6c757d;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
background: rgba(108, 117, 125, 0.16);
color: #6c757d;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
background-color: transparent;
color: #6c757d;
border-color: transparent;
}
.p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
background: rgba(108, 117, 125, 0.04);
border-color: transparent;
color: #6c757d;
}
.p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
background: rgba(108, 117, 125, 0.16);
border-color: transparent;
color: #6c757d;
}
.p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
color: #ffffff;
background: #17a2b8;
border: 1px solid #17a2b8;
}
.p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
background: #138496;
color: #ffffff;
border-color: #117a8b;
}
.p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
background: #138496;
color: #ffffff;
border-color: #117a8b;
}
.p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
background-color: transparent;
color: #17a2b8;
border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
background: rgba(23, 162, 184, 0.04);
color: #17a2b8;
border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
background: rgba(23, 162, 184, 0.16);
color: #17a2b8;
border: 1px solid;
}
.p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
background-color: transparent;
color: #17a2b8;
border-color: transparent;
}
.p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
background: rgba(23, 162, 184, 0.04);
border-color: transparent;
color: #17a2b8;
}
.p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
background: rgba(23, 162, 184, 0.16);
border-color: transparent;
color: #17a2b8;
}
.p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
color: #ffffff;
background: #28a745;
border: 1px solid #28a745;
}
.p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
background: #218838;
color: #ffffff;
border-color: #1e7e34;
}
.p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
background: #1e7e34;
color: #ffffff;
border-color: #1c7430;
}
.p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
background-color: transparent;
color: #28a745;
border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
background: rgba(40, 167, 69, 0.04);
color: #28a745;
border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
background: rgba(40, 167, 69, 0.16);
color: #28a745;
border: 1px solid;
}
.p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
background-color: transparent;
color: #28a745;
border-color: transparent;
}
.p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
background: rgba(40, 167, 69, 0.04);
border-color: transparent;
color: #28a745;
}
.p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
background: rgba(40, 167, 69, 0.16);
border-color: transparent;
color: #28a745;
}
.p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
color: #212529;
background: #ffc107;
border: 1px solid #ffc107;
}
.p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
background: #e0a800;
color: #212529;
border-color: #d39e00;
}
.p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
background: #d39e00;
color: #212529;
border-color: #c69500;
}
.p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
background-color: transparent;
color: #ffc107;
border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
background: rgba(255, 193, 7, 0.04);
color: #ffc107;
border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
background: rgba(255, 193, 7, 0.16);
color: #ffc107;
border: 1px solid;
}
.p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
background-color: transparent;
color: #ffc107;
border-color: transparent;
}
.p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
background: rgba(255, 193, 7, 0.04);
border-color: transparent;
color: #ffc107;
}
.p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
background: rgba(255, 193, 7, 0.16);
border-color: transparent;
color: #ffc107;
}
.p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
color: #ffffff;
background: #6f42c1;
border: 1px solid #6f42c1;
}
.p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
background: #633bad;
color: #ffffff;
border-color: #58349a;
}
.p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #d3c6ec;
}
.p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
background: #58349a;
color: #ffffff;
border-color: #4d2e87;
}
.p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
background-color: transparent;
color: #6f42c1;
border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
background: rgba(111, 66, 193, 0.04);
color: #6f42c1;
border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
background: rgba(111, 66, 193, 0.16);
color: #6f42c1;
border: 1px solid;
}
.p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
background-color: transparent;
color: #6f42c1;
border-color: transparent;
}
.p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
background: rgba(111, 66, 193, 0.04);
border-color: transparent;
color: #6f42c1;
}
.p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
background: rgba(111, 66, 193, 0.16);
border-color: transparent;
color: #6f42c1;
}
.p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
color: #ffffff;
background: #dc3545;
border: 1px solid #dc3545;
}
.p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
background: #c82333;
color: #ffffff;
border-color: #bd2130;
}
.p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
background: #bd2130;
color: #ffffff;
border-color: #b21f2d;
}
.p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
background-color: transparent;
color: #dc3545;
border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
background: rgba(220, 53, 69, 0.04);
color: #dc3545;
border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
background: rgba(220, 53, 69, 0.16);
color: #dc3545;
border: 1px solid;
}
.p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
background-color: transparent;
color: #dc3545;
border-color: transparent;
}
.p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
background: rgba(220, 53, 69, 0.04);
border-color: transparent;
color: #dc3545;
}
.p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
background: rgba(220, 53, 69, 0.16);
border-color: transparent;
color: #dc3545;
}
.p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #212529;
border: 1px solid #212529;
}
.p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #343a40;
color: #ffffff;
border-color: #343a40;
}
.p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
.p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #495057;
color: #ffffff;
border-color: #495057;
}
.p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #212529;
border: 1px solid;
}
.p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(33, 37, 41, 0.04);
color: #212529;
border: 1px solid;
}
.p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(33, 37, 41, 0.16);
color: #212529;
border: 1px solid;
}
.p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #212529;
border-color: transparent;
}
.p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(33, 37, 41, 0.04);
border-color: transparent;
color: #212529;
}
.p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(33, 37, 41, 0.16);
border-color: transparent;
color: #212529;
}
.p-button.p-button-link {
color: #007bff;
background: transparent;
border: transparent;
}
.p-button.p-button-link:not(:disabled):hover {
background: transparent;
color: #0069d9;
border-color: transparent;
}
.p-button.p-button-link:not(:disabled):hover .p-button-label {
text-decoration: underline;
}
.p-button.p-button-link:not(:disabled):focus {
background: transparent;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: transparent;
}
.p-button.p-button-link:not(:disabled):active {
background: transparent;
color: #007bff;
border-color: transparent;
}
.p-splitbutton {
border-radius: 4px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #007bff;
border: 1px solid;
}
.p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(0, 123, 255, 0.04);
color: #007bff;
}
.p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(0, 123, 255, 0.16);
color: #007bff;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
color: #6c757d;
border-color: #6c757d;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
background: #e9ecef;
color: #6c757d;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
background: #dee2e6;
color: #6c757d;
}
.p-splitbutton.p-button-text > .p-button {
background-color: transparent;
color: #007bff;
border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
background: rgba(0, 123, 255, 0.04);
color: #007bff;
border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:not(:disabled):active {
background: rgba(0, 123, 255, 0.16);
color: #007bff;
border-color: transparent;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button {
color: #6c757d;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
background: #e9ecef;
color: #6c757d;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
background: #dee2e6;
color: #6c757d;
}
.p-splitbutton.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-splitbutton.p-button-rounded {
border-radius: 2rem;
}
.p-splitbutton.p-button-rounded > .p-button {
border-radius: 2rem;
}
.p-splitbutton.p-button-sm > .p-button {
font-size: 0.875rem;
padding: 0.4375rem 0.65625rem;
}
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
font-size: 0.875rem;
}
.p-splitbutton.p-button-lg > .p-button {
font-size: 1.25rem;
padding: 0.625rem 0.9375rem;
}
.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
width: auto;
}
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
font-size: 1.25rem;
}
.p-splitbutton .p-splitbutton-menubutton,
.p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
.p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #6c757d;
border: 1px solid;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(108, 117, 125, 0.04);
color: #6c757d;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(108, 117, 125, 0.16);
color: #6c757d;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
background-color: transparent;
color: #6c757d;
border-color: transparent;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
background: rgba(108, 117, 125, 0.04);
border-color: transparent;
color: #6c757d;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
background: rgba(108, 117, 125, 0.16);
border-color: transparent;
color: #6c757d;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #17a2b8;
border: 1px solid;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(23, 162, 184, 0.04);
color: #17a2b8;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(23, 162, 184, 0.16);
color: #17a2b8;
}
.p-splitbutton.p-button-info.p-button-text > .p-button {
background-color: transparent;
color: #17a2b8;
border-color: transparent;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
background: rgba(23, 162, 184, 0.04);
border-color: transparent;
color: #17a2b8;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
background: rgba(23, 162, 184, 0.16);
border-color: transparent;
color: #17a2b8;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #28a745;
border: 1px solid;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(40, 167, 69, 0.04);
color: #28a745;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(40, 167, 69, 0.16);
color: #28a745;
}
.p-splitbutton.p-button-success.p-button-text > .p-button {
background-color: transparent;
color: #28a745;
border-color: transparent;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
background: rgba(40, 167, 69, 0.04);
border-color: transparent;
color: #28a745;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
background: rgba(40, 167, 69, 0.16);
border-color: transparent;
color: #28a745;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #ffc107;
border: 1px solid;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(255, 193, 7, 0.04);
color: #ffc107;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(255, 193, 7, 0.16);
color: #ffc107;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button {
background-color: transparent;
color: #ffc107;
border-color: transparent;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
background: rgba(255, 193, 7, 0.04);
border-color: transparent;
color: #ffc107;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
background: rgba(255, 193, 7, 0.16);
border-color: transparent;
color: #ffc107;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #6f42c1;
border: 1px solid;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(111, 66, 193, 0.04);
color: #6f42c1;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(111, 66, 193, 0.16);
color: #6f42c1;
}
.p-splitbutton.p-button-help.p-button-text > .p-button {
background-color: transparent;
color: #6f42c1;
border-color: transparent;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
background: rgba(111, 66, 193, 0.04);
border-color: transparent;
color: #6f42c1;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
background: rgba(111, 66, 193, 0.16);
border-color: transparent;
color: #6f42c1;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #dc3545;
border: 1px solid;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(220, 53, 69, 0.04);
color: #dc3545;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(220, 53, 69, 0.16);
color: #dc3545;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button {
background-color: transparent;
color: #dc3545;
border-color: transparent;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
background: rgba(220, 53, 69, 0.04);
border-color: transparent;
color: #dc3545;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
background: rgba(220, 53, 69, 0.16);
border-color: transparent;
color: #dc3545;
}
.p-speeddial-button.p-button.p-button-icon-only {
width: 4rem;
height: 4rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
font-size: 1.3rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
width: 1.3rem;
height: 1.3rem;
}
.p-speeddial-list {
outline: 0 none;
}
.p-speeddial-action {
width: 3rem;
height: 3rem;
background: #495057;
color: #fff;
}
.p-speeddial-action:hover {
background: #343a40;
color: #fff;
}
.p-speeddial-direction-up .p-speeddial-item {
margin: 0.25rem;
}
.p-speeddial-direction-up .p-speeddial-item:first-child {
margin-bottom: 0.5rem;
}
.p-speeddial-direction-down .p-speeddial-item {
margin: 0.25rem;
}
.p-speeddial-direction-down .p-speeddial-item:first-child {
margin-top: 0.5rem;
}
.p-speeddial-direction-left .p-speeddial-item {
margin: 0 0.25rem;
}
.p-speeddial-direction-left .p-speeddial-item:first-child {
margin-right: 0.5rem;
}
.p-speeddial-direction-right .p-speeddial-item {
margin: 0 0.25rem;
}
.p-speeddial-direction-right .p-speeddial-item:first-child {
margin-left: 0.5rem;
}
.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
margin: 0;
}
.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
margin: 0;
}
.p-speeddial-mask {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 4px;
}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-carousel .p-carousel-indicators {
padding: 1rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;
width: 2rem;
height: 0.5rem;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #007bff;
color: #ffffff;
}
.p-datatable .p-paginator-top {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-datatable .p-paginator-bottom {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-datatable .p-datatable-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 1px 0 2px 0;
font-weight: 600;
color: #212529;
background: #ffffff;
transition: box-shadow 0.15s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
font-weight: 600;
color: #212529;
background: #ffffff;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #ffffff;
background: #007bff;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
background: #e9ecef;
color: #212529;
}
.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
color: #007bff;
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #007bff;
}
.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
background: #e9ecef;
color: #007bff;
}
.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
color: #007bff;
}
.p-datatable .p-sortable-column:focus-visible {
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
outline: 0 none;
}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #212529;
transition: box-shadow 0.15s;
}
.p-datatable .p-datatable-tbody > tr > td {
text-align: left;
border: 1px solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
.p-datatable .p-datatable-tbody > tr > td.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
outline: 0.15rem solid rgba(38, 143, 255, 0.5);
outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #007bff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #007bff;
}
.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
background: #e9ecef;
color: #212529;
}
.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
outline: 0.15rem solid rgba(38, 143, 255, 0.5);
outline-offset: -0.15rem;
}
.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
outline: 0.15rem solid rgba(38, 143, 255, 0.5);
outline-offset: -0.15rem;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
background: #e9ecef;
color: #212529;
}
.p-datatable .p-column-resizer-helper {
background: #007bff;
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
background: #efefef;
}
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
background-color: #ffffff;
}
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable .p-datatable-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px 0 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
border-width: 0 0 0 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
background: rgba(0, 0, 0, 0.05);
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
background: rgba(0, 0, 0, 0.05);
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
padding: 1.25rem 1.25rem;
}
.p-datatable-drag-selection-helper {
background: rgba(0, 123, 255, 0.16);
}
.p-dataview .p-paginator-top {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-dataview .p-paginator-bottom {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-dataview .p-dataview-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
font-weight: 600;
}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #212529;
border: 0 none;
padding: 0;
}
.p-dataview .p-dataview-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-dataview .p-dataview-loading-icon {
font-size: 2rem;
}
.p-dataview .p-dataview-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-datascroller .p-paginator-top {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-datascroller .p-paginator-bottom {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-datascroller .p-datascroller-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
font-weight: 600;
}
.p-datascroller .p-datascroller-content {
background: #ffffff;
color: #212529;
border: 0 none;
padding: 0;
}
.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
border: 1px solid #dee2e6;
border-width: 1px 0 0 0;
}
.p-datascroller .p-datascroller-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
margin-left: 0.5rem;
}
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-column-filter-menu-button:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
background: transparent;
color: #495057;
}
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
background: #007bff;
color: #ffffff;
}
.p-column-filter-menu-button:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-column-filter-clear-button:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-column-filter-clear-button:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-column-filter-overlay {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
padding: 0.5rem 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
margin: 0;
padding: 0.5rem 1.5rem;
border: 0 none;
color: #212529;
background: transparent;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.5rem;
border-bottom: 1px solid #dee2e6;
color: #212529;
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
border-bottom: 1px solid #dee2e6;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
margin-top: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
border-bottom: 0 none;
}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
padding: 0.5rem 1.25rem;
}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
padding: 1.25rem;
}
.p-orderlist .p-orderlist-controls {
padding: 1.25rem;
}
.p-orderlist .p-orderlist-controls .p-button {
margin-bottom: 0.5rem;
}
.p-orderlist .p-orderlist-header {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
padding: 1rem 1.25rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-orderlist .p-orderlist-filter-container {
padding: 1rem 1.25rem;
background: #ffffff;
border: 1px solid #dee2e6;
border-bottom: 0 none;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
padding-right: 1.75rem;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
outline: 0 none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1.5rem;
margin: 0;
border: 0 none;
color: #212529;
background: transparent;
transition: transform 0.15s, box-shadow 0.15s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
color: #212529;
background: #dee2e6;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
background: #0067d6;
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
background: rgba(0, 0, 0, 0.05);
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: #e9ecef;
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: #003e80;
}
.p-organizationchart .p-organizationchart-line-down {
background: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 1.25rem;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
border-radius: 50%;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-paginator {
background: #ffffff;
color: #007bff;
border: solid #dee2e6;
border-width: 0;
padding: 0.75rem;
border-radius: 4px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: #ffffff;
border: 1px solid #dee2e6;
color: #007bff;
min-width: 2.357rem;
height: 2.357rem;
margin: 0 0 0 -1px;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #dee2e6;
color: #007bff;
}
.p-paginator .p-paginator-first {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.p-paginator .p-paginator-last {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
padding-right: 0;
}
.p-paginator .p-paginator-page-input {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.p-paginator .p-paginator-page-input .p-inputtext {
max-width: 2.357rem;
}
.p-paginator .p-paginator-current {
background-color: #ffffff;
border: 1px solid #dee2e6;
color: #007bff;
min-width: 2.357rem;
height: 2.357rem;
margin: 0 0 0 -1px;
padding: 0 0.5rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: #ffffff;
border: 1px solid #dee2e6;
color: #007bff;
min-width: 2.357rem;
height: 2.357rem;
margin: 0 0 0 -1px;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #007bff;
border-color: #007bff;
color: #ffffff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e9ecef;
border-color: #dee2e6;
color: #007bff;
}
.p-picklist .p-picklist-buttons {
padding: 1.25rem;
}
.p-picklist .p-picklist-buttons .p-button {
margin-bottom: 0.5rem;
}
.p-picklist .p-picklist-header {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
padding: 1rem 1.25rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-picklist .p-picklist-filter-container {
padding: 1rem 1.25rem;
background: #ffffff;
border: 1px solid #dee2e6;
border-bottom: 0 none;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
padding-right: 1.75rem;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
outline: 0 none;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1.5rem;
margin: 0;
border: 0 none;
color: #212529;
background: transparent;
transition: transform 0.15s, box-shadow 0.15s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-picklist .p-picklist-list .p-picklist-item.p-focus {
color: #212529;
background: #dee2e6;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #ffffff;
background: #007bff;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
background: #0067d6;
}
.p-tree-container {
margin: 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.p-treenode-children {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-treenode-selectable {
cursor: pointer;
user-select: none;
}
.p-tree-toggler {
cursor: pointer;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
flex-shrink: 0;
}
.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
visibility: hidden;
}
.p-treenode-content {
display: flex;
align-items: center;
}
.p-tree-filter {
width: 100%;
}
.p-tree-filter-container {
position: relative;
display: block;
width: 100%;
}
.p-tree-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-tree-loading {
position: relative;
min-height: 4rem;
}
.p-tree .p-tree-loading-overlay {
position: absolute;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 1.25rem;
border-radius: 4px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
outline: 0 none;
}
.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
transition: box-shadow 0.15s;
padding: 0.286rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem;
color: #6c757d;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
color: #212529;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #ffffff;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: #ffffff;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
background: #e9ecef;
color: #212529;
}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter {
width: 100%;
padding-right: 1.75rem;
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.75rem;
color: #495057;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
}
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
.p-tree .p-tree-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-tree .p-treenode-droppoint {
height: 0.5rem;
}
.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
background: #0062cc;
}
.p-treetable {
position: relative;
}
.p-treetable > .p-treetable-wrapper {
overflow: auto;
}
.p-treetable table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}
.p-treetable .p-sortable-column {
cursor: pointer;
user-select: none;
}
.p-treetable-selectable .p-treetable-tbody > tr {
cursor: pointer;
}
.p-treetable-toggler {
cursor: pointer;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
vertical-align: middle;
overflow: hidden;
position: relative;
}
.p-treetable-toggler + .p-checkbox {
vertical-align: middle;
}
.p-treetable-toggler + .p-checkbox + span {
vertical-align: middle;
}
/* Resizable */
.p-treetable-resizable > .p-treetable-wrapper {
overflow-x: auto;
}
.p-treetable-resizable .p-treetable-thead > tr > th,
.p-treetable-resizable .p-treetable-tfoot > tr > td,
.p-treetable-resizable .p-treetable-tbody > tr > td {
overflow: hidden;
}
.p-treetable-resizable .p-resizable-column {
background-clip: padding-box;
position: relative;
}
.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
display: none;
}
.p-treetable .p-column-resizer {
display: block;
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 0.5rem;
height: 100%;
padding: 0px;
cursor: col-resize;
border: 1px solid transparent;
}
.p-treetable .p-column-resizer-helper {
width: 1px;
position: absolute;
z-index: 10;
display: none;
}
/* Scrollable */
.p-treetable-scrollable-wrapper {
position: relative;
}
.p-treetable-scrollable-header,
.p-treetable-scrollable-footer {
overflow: hidden;
border: 0 none;
}
.p-treetable-scrollable-body {
overflow: auto;
position: relative;
}
.p-treetable-virtual-table {
position: absolute;
}
/* Frozen Columns */
.p-treetable-frozen-view .p-treetable-scrollable-body {
overflow: hidden;
}
.p-treetable-unfrozen-view {
position: absolute;
top: 0px;
left: 0px;
}
/* Reorder */
.p-treetable-reorder-indicator-up,
.p-treetable-reorder-indicator-down {
position: absolute;
display: none;
}
/* Loader */
.p-treetable .p-treetable-loading-overlay {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
/* Alignment */
.p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
.p-treetable .p-treetable-tbody > tr > td.p-align-left,
.p-treetable .p-treetable-tfoot > tr > td.p-align-left {
text-align: left;
justify-content: flex-start;
}
.p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
.p-treetable .p-treetable-tbody > tr > td.p-align-right,
.p-treetable .p-treetable-tfoot > tr > td.p-align-right {
text-align: right;
justify-content: flex-end;
}
.p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
.p-treetable .p-treetable-tbody > tr > td.p-align-center,
.p-treetable .p-treetable-tfoot > tr > td.p-align-center {
text-align: center;
justify-content: center;
}
.p-treetable .p-paginator-top {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-treetable .p-paginator-bottom {
border-width: 1px 0 0 0;
border-radius: 0;
}
.p-treetable .p-treetable-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 1px 0 2px 0;
font-weight: 600;
color: #212529;
background: #ffffff;
transition: box-shadow 0.15s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
font-weight: 600;
color: #212529;
background: #ffffff;
}
.p-treetable .p-sortable-column {
outline-color: rgba(38, 143, 255, 0.5);
}
.p-treetable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #ffffff;
background: #007bff;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-treetable .p-sortable-column.p-highlight {
background: #ffffff;
color: #007bff;
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #007bff;
}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #212529;
transition: box-shadow 0.15s;
}
.p-treetable .p-treetable-tbody > tr > td {
text-align: left;
border: 1px solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
color: #212529;
}
.p-treetable .p-treetable-tbody > tr:focus-visible {
outline: 0.15rem solid rgba(38, 143, 255, 0.5);
outline-offset: -0.15rem;
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: #ffffff;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #ffffff;
}
.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #212529;
}
.p-treetable .p-column-resizer-helper {
background: #007bff;
}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
background: #efefef;
}
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable .p-treetable-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-treetable.p-treetable-gridlines .p-treetable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
background: rgba(0, 0, 0, 0.05);
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
background: #007bff;
color: #ffffff;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
background: rgba(0, 0, 0, 0.05);
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
padding: 1.25rem 1.25rem;
}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
background-color: #007bff;
}
.p-timeline .p-timeline-event-connector {
background-color: #dee2e6;
}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
padding: 0 1rem;
}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
width: 2px;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
padding: 1rem 0;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
height: 2px;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
color: #212529;
background: #efefef;
font-weight: 600;
border-radius: 4px;
transition: box-shadow 0.15s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
color: #212529;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #efefef;
border-color: #dee2e6;
color: #212529;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
color: #212529;
}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
}
.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
border-radius: 0;
}
.p-accordion .p-accordion-tab .p-accordion-content {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
border-top: 0 none;
}
.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-card {
background: #ffffff;
color: #212529;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
.p-card .p-card-body {
padding: 1.5rem;
}
.p-card .p-card-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.p-card .p-card-subtitle {
font-weight: 400;
margin-bottom: 0.5rem;
color: #6c757d;
}
.p-card .p-card-content {
padding: 1rem 0;
}
.p-card .p-card-footer {
padding: 1rem 0 0 0;
}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
border-radius: 4px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
color: #212529;
background: #efefef;
font-weight: 600;
border-radius: 4px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: box-shadow 0.15s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem 1.25rem;
color: #212529;
border-radius: 4px;
transition: box-shadow 0.15s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
color: #212529;
}
.p-fieldset .p-fieldset-content {
padding: 1.25rem;
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px #dee2e6;
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
margin: 0 1rem;
padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px #dee2e6;
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
padding: 1rem 1.25rem;
background: #efefef;
color: #212529;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
}
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-panel .p-panel-header .p-panel-header-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-panel.p-panel-toggleable .p-panel-header {
padding: 0.5rem 1.25rem;
}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
padding: 0.5rem 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
border-top: 0 none;
}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 4px;
color: #212529;
}
.p-splitter .p-splitter-gutter {
transition: box-shadow 0.15s;
background: #efefef;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
.p-stepper .p-stepper-nav {
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
list-style-type: none;
}
.p-stepper .p-stepper-header {
padding: 0.5rem;
}
.p-stepper .p-stepper-header .p-stepper-action {
transition: box-shadow 0.15s;
border-radius: 4px;
background: transparent;
outline-color: transparent;
}
.p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
color: #212529;
border: 1px solid #dee2e6;
border-width: 2px;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
border-radius: 4px;
transition: box-shadow 0.15s;
}
.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
margin-left: 0.5rem;
color: #6c757d;
font-weight: 600;
transition: box-shadow 0.15s;
}
.p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-stepper .p-stepper-header.p-highlight .p-stepper-number {
background: #007bff;
color: #ffffff;
}
.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
color: #212529;
}
.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
background-color: #007bff;
}
.p-stepper .p-stepper-panels {
background: #ffffff;
padding: 1.25rem;
color: #212529;
}
.p-stepper .p-stepper-separator {
background-color: #dee2e6;
width: 100%;
height: 2px;
margin-inline-start: 1rem;
transition: box-shadow 0.15s;
}
.p-stepper.p-stepper-vertical {
display: flex;
flex-direction: column;
}
.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
display: flex;
flex: 1 1 auto;
background: #ffffff;
color: #212529;
}
.p-stepper.p-stepper-vertical .p-stepper-panel {
display: flex;
flex-direction: column;
flex: initial;
}
.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
flex: 1 1 auto;
}
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
flex: initial;
}
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
width: 100%;
padding-left: 1rem;
}
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
flex: 0 0 auto;
width: 2px;
height: auto;
margin-inline-start: calc(1.75rem + 2px);
}
.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
background-color: #007bff;
}
.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
padding-left: 3rem;
}
.p-scrollpanel .p-scrollpanel-bar {
background: #efefef;
border: 0 none;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-tabview-nav-container {
position: relative;
}
.p-tabview-scrollable .p-tabview-nav-container {
overflow: hidden;
}
.p-tabview-nav-content {
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scrollbar-width: none;
overscroll-behavior: contain auto;
position: relative;
}
.p-tabview-nav {
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
flex: 1 1 auto;
}
.p-tabview-nav-link {
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
position: relative;
text-decoration: none;
overflow: hidden;
}
.p-tabview-ink-bar {
display: none;
z-index: 1;
}
.p-tabview-nav-link:focus {
z-index: 1;
}
.p-tabview-close {
z-index: 1;
}
.p-tabview-title {
line-height: 1;
white-space: nowrap;
}
.p-tabview-nav-btn {
position: absolute;
top: 0;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.p-tabview-nav-prev {
left: 0;
}
.p-tabview-nav-next {
right: 0;
}
.p-tabview-nav-content::-webkit-scrollbar {
display: none;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
}
.p-tabview .p-tabview-nav li {
margin-right: 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
border: solid;
border-width: 1px;
border-color: #ffffff #ffffff #dee2e6 #ffffff;
background: #ffffff;
color: #6c757d;
padding: 0.75rem 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
transition: box-shadow 0.15s;
margin: 0 0 -1px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #ffffff;
border-color: #dee2e6;
color: #6c757d;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #ffffff;
border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
color: #495057;
}
.p-tabview .p-tabview-close {
margin-left: 0.5rem;
}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #495057;
width: 2.357rem;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border-radius: 0;
}
.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1.25rem;
border: 0 none;
color: #212529;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-toolbar {
background: #efefef;
border: 1px solid #dee2e6;
padding: 1rem 1.25rem;
border-radius: 4px;
gap: 0.5rem;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-confirm-popup {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-shadow: none;
}
.p-confirm-popup .p-confirm-popup-content {
padding: 1.25rem;
}
.p-confirm-popup .p-confirm-popup-footer {
text-align: right;
padding: 0 1.25rem 1.25rem 1.25rem;
}
.p-confirm-popup .p-confirm-popup-footer button {
margin: 0 0.5rem 0 0;
width: auto;
}
.p-confirm-popup .p-confirm-popup-footer button:last-child {
margin: 0;
}
.p-confirm-popup:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-confirm-popup:before {
border: solid transparent;
border-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0.2);
}
.p-confirm-popup.p-confirm-popup-flipped:after {
border-top-color: #ffffff;
}
.p-confirm-popup.p-confirm-popup-flipped:before {
border-top-color: rgba(0, 0, 0, 0.2);
}
.p-confirm-popup .p-confirm-popup-icon {
font-size: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-icon.p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-message {
margin-left: 1rem;
}
.p-dialog {
border-radius: 4px;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.p-dialog .p-dialog-header {
border-bottom: 1px solid #e9ecef;
background: #ffffff;
color: #212529;
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
font-size: 1.25rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0;
}
.p-dialog .p-dialog-content {
background: #ffffff;
color: #212529;
padding: 1rem;
}
.p-dialog .p-dialog-content:last-of-type {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-dialog .p-dialog-footer {
border-top: 1px solid #e9ecef;
background: #ffffff;
color: #212529;
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
width: auto;
}
.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
border-radius: 0;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
font-size: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
margin-left: 1rem;
}
.p-overlaypanel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-shadow: none;
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.25rem;
}
.p-overlaypanel .p-overlaypanel-close {
background: #007bff;
color: #ffffff;
width: 2rem;
height: 2rem;
transition: box-shadow 0.15s;
border-radius: 50%;
position: absolute;
top: -1rem;
right: -1rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #0069d9;
color: #ffffff;
}
.p-overlaypanel:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-overlaypanel:before {
border: solid transparent;
border-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0.2);
}
.p-overlaypanel.p-overlaypanel-flipped:after {
border-top-color: #ffffff;
}
.p-overlaypanel.p-overlaypanel-flipped:before {
border-top-color: rgba(0, 0, 0, 0.2);
}
.p-sidebar {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none;
}
.p-sidebar .p-sidebar-header {
padding: 1rem 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
color: #495057;
border-color: transparent;
background: transparent;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-sidebar .p-sidebar-header + .p-sidebar-content {
padding-top: 0;
}
.p-sidebar .p-sidebar-content {
padding: 1.25rem;
}
.p-tooltip .p-tooltip-text {
background: #212529;
color: #ffffff;
padding: 0.5rem 0.75rem;
box-shadow: none;
border-radius: 4px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #212529;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
border-left-color: #212529;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
border-top-color: #212529;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
border-bottom-color: #212529;
}
.p-fileupload .p-fileupload-buttonbar {
background: #efefef;
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
color: #212529;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
gap: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #212529;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
.p-fileupload .p-fileupload-row > div {
padding: 1rem 1rem;
}
.p-fileupload.p-fileupload-advanced .p-message {
margin-top: 0;
}
.p-breadcrumb {
background: #efefef;
border: 0 none;
border-radius: 4px;
padding: 1rem;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #007bff;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #007bff;
}
.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #6c757d;
}
.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #6c757d;
}
.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
.p-contextmenu {
padding: 0.5rem 0;
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
border-radius: 4px;
width: 12.5rem;
}
.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
border-radius: 4px;
}
.p-contextmenu .p-menuitem > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-contextmenu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.875rem;
}
.p-contextmenu .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-dock .p-dock-list-container {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 0.5rem 0.5rem;
border-radius: 0.5rem;
}
.p-dock .p-dock-list-container .p-dock-list {
outline: 0 none;
}
.p-dock .p-dock-item {
padding: 0.5rem;
border-radius: 4px;
}
.p-dock .p-dock-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-dock .p-dock-action {
width: 4rem;
height: 4rem;
}
.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
margin: 0 0.9rem;
}
.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
margin: 0 1.3rem;
}
.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
margin: 0 1.5rem;
}
.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
margin: 0.9rem 0;
}
.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
margin: 1.3rem 0;
}
.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
margin: 1.5rem 0;
}
.p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
.p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
.p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
.p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
.p-dock.p-dock-mobile .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
transform: none;
margin: 0;
}
.p-megamenu {
padding: 0.5rem 1rem;
background: #efefef;
color: rgba(0, 0, 0, 0.9);
border: 0 none;
border-radius: 4px;
}
.p-megamenu .p-megamenu-root-list {
outline: 0 none;
}
.p-megamenu .p-menuitem > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-megamenu .p-submenu-header {
margin: 0;
padding: 0.75rem 1rem;
color: #212529;
background: #ffffff;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-megamenu .p-submenu-list {
padding: 0.5rem 0;
width: 12.5rem;
}
.p-megamenu .p-submenu-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-vertical {
width: 12.5rem;
padding: 0.5rem 0;
}
.p-megamenu .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-megamenu .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-megamenu .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.5);
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 1rem;
user-select: none;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.5);
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(0, 0, 0, 0.5);
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.5);
margin-left: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.7);
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.7);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
width: 100%;
position: static;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
margin-left: auto;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
width: 100%;
position: static;
box-shadow: none;
border: 0 none;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
width: 100%;
position: static;
}
.p-menu {
padding: 0.5rem 0;
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
width: 12.5rem;
}
.p-menu .p-menuitem > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-menu .p-submenu-header {
margin: 0;
padding: 0.75rem 1rem;
color: #212529;
background: #ffffff;
font-weight: 600;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-menubar {
padding: 0.5rem 1rem;
background: #efefef;
color: rgba(0, 0, 0, 0.9);
border: 0 none;
border-radius: 4px;
}
.p-menubar .p-menubar-root-list {
outline: 0 none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.5);
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 1rem;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.5);
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(0, 0, 0, 0.5);
margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.5);
margin-left: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.7);
}
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.7);
}
.p-menubar .p-menuitem > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-submenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar.p-menubar-mobile .p-menubar-button {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-menubar.p-menubar-mobile .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-menubar.p-menubar-mobile .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
padding-left: 2.25rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
padding-left: 3.75rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
padding-left: 5.25rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
padding-left: 6.75rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
padding-left: 8.25rem;
}
@media screen and (max-width: 960px) {
.p-menubar {
position: relative;
}
.p-menubar .p-menubar-button {
display: flex;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-menubar .p-menubar-root-list {
position: absolute;
display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
position: static;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
width: 100%;
position: static;
box-shadow: none;
border: 0 none;
}
.p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
.p-menubar .p-menubar-root-list ul li a {
padding-left: 2.25rem;
}
.p-menubar .p-menubar-root-list ul li ul li a {
padding-left: 3.75rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li a {
padding-left: 5.25rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
padding-left: 6.75rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
display: flex;
flex-direction: column;
top: 100%;
left: 0;
z-index: 1;
}
}
.p-panelmenu .p-panelmenu-header {
outline: 0 none;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
border: 1px solid #dee2e6;
color: #212529;
background: #efefef;
border-radius: 4px;
transition: box-shadow 0.15s;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
color: #212529;
padding: 1rem 1.25rem;
font-weight: 600;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
background: #e9ecef;
border-color: #dee2e6;
color: #212529;
}
.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
background: #efefef;
border-color: #dee2e6;
color: #212529;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
border-color: #dee2e6;
background: #e9ecef;
color: #212529;
}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
outline: 0 none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
padding: 0 0 0 1rem;
}
.p-panelmenu .p-panelmenu-panel {
margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
border-radius: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
border-radius: 0;
}
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-slidemenu {
padding: 0.5rem 0;
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
width: 12.5rem;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-slidemenu.p-slidemenu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-slidemenu .p-slidemenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
background: #e9ecef;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
color: #212529;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
color: #212529;
}
.p-slidemenu .p-slidemenu-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-slidemenu .p-slidemenu-icon {
font-size: 0.875rem;
}
.p-slidemenu .p-slidemenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-slidemenu .p-slidemenu-backward {
padding: 0.75rem 1rem;
color: #212529;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
border-radius: 4px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: #212529;
border: 1px solid #dee2e6;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
z-index: 1;
border-radius: 4px;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin-top: 0.5rem;
color: #6c757d;
}
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #007bff;
color: #ffffff;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
color: #212529;
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
margin-top: -1rem;
}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
margin-right: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
border: solid;
border-width: 1px;
border-color: #ffffff #ffffff #dee2e6 #ffffff;
background: #ffffff;
color: #6c757d;
padding: 0.75rem 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
transition: box-shadow 0.15s;
margin: 0 0 -1px 0;
height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #ffffff;
border-color: #dee2e6;
color: #6c757d;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #ffffff;
border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
color: #495057;
}
.p-tieredmenu {
padding: 0.5rem 0;
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
width: 12.5rem;
}
.p-tieredmenu.p-tieredmenu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-tieredmenu .p-tieredmenu-root-list {
outline: 0 none;
}
.p-tieredmenu .p-submenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content {
color: #212529;
transition: box-shadow 0.15s;
border-radius: 0;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #212529;
padding: 0.75rem 1rem;
user-select: none;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
color: #212529;
background: #e9ecef;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: #e9ecef;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #212529;
background: #dee2e6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #212529;
background: #e9ecef;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #212529;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #212529;
}
.p-tieredmenu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.875rem;
}
.p-tieredmenu .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-inline-message {
padding: 0.5rem 0.75rem;
margin: 0;
border-radius: 4px;
}
.p-inline-message.p-inline-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 0px;
color: #004085;
}
.p-inline-message.p-inline-message-info .p-inline-message-icon {
color: #004085;
}
.p-inline-message.p-inline-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 0px;
color: #155724;
}
.p-inline-message.p-inline-message-success .p-inline-message-icon {
color: #155724;
}
.p-inline-message.p-inline-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 0px;
color: #856404;
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
color: #856404;
}
.p-inline-message.p-inline-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 0px;
color: #721c24;
}
.p-inline-message.p-inline-message-error .p-inline-message-icon {
color: #721c24;
}
.p-inline-message .p-inline-message-icon {
font-size: 1rem;
margin-right: 0.5rem;
}
.p-inline-message .p-inline-message-icon.p-icon {
width: 1rem;
height: 1rem;
}
.p-inline-message .p-inline-message-text {
font-size: 1rem;
}
.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
margin-right: 0;
}
.p-message {
margin: 1rem 0;
border-radius: 4px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.25rem;
}
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-message.p-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 1px;
color: #004085;
}
.p-message.p-message-info .p-message-icon {
color: #004085;
}
.p-message.p-message-info .p-message-close {
color: #004085;
}
.p-message.p-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 1px;
color: #155724;
}
.p-message.p-message-success .p-message-icon {
color: #155724;
}
.p-message.p-message-success .p-message-close {
color: #155724;
}
.p-message.p-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 1px;
color: #856404;
}
.p-message.p-message-warn .p-message-icon {
color: #856404;
}
.p-message.p-message-warn .p-message-close {
color: #856404;
}
.p-message.p-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 1px;
color: #721c24;
}
.p-message.p-message-error .p-message-icon {
color: #721c24;
}
.p-message.p-message-error .p-message-close {
color: #721c24;
}
.p-message .p-message-text {
font-size: 1rem;
font-weight: 500;
}
.p-message .p-message-icon {
font-size: 1.5rem;
margin-right: 0.5rem;
}
.p-message .p-message-icon.p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-message .p-message-summary {
font-weight: 700;
}
.p-message .p-message-detail {
margin-left: 0.5rem;
}
.p-toast {
opacity: 1;
}
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
font-weight: 700;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
}
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-toast .p-toast-message .p-toast-icon-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-toast .p-toast-message.p-toast-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 1px;
color: #004085;
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #004085;
}
.p-toast .p-toast-message.p-toast-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 1px;
color: #155724;
}
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #155724;
}
.p-toast .p-toast-message.p-toast-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 1px;
color: #856404;
}
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #856404;
}
.p-toast .p-toast-message.p-toast-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 1px;
color: #721c24;
}
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #721c24;
}
.p-galleria .p-galleria-close {
margin: 0.5rem;
background: transparent;
color: #efefef;
width: 4rem;
height: 4rem;
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
}
.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1);
color: #efefef;
}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #efefef;
width: 4rem;
height: 4rem;
transition: box-shadow 0.15s;
border-radius: 4px;
margin: 0 0.5rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
color: #efefef;
}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #efefef;
padding: 1rem;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #e9ecef;
width: 1rem;
height: 1rem;
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: #dee2e6;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #007bff;
color: #ffffff;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem;
}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
margin-bottom: 0.5rem;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
background: rgba(0, 0, 0, 0.5);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
background: rgba(255, 255, 255, 0.4);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.6);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #007bff;
color: #ffffff;
}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
padding: 1rem 0.25rem;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem;
background-color: transparent;
color: #efefef;
width: 2rem;
height: 2rem;
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
color: #efefef;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: box-shadow 0.15s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-galleria-mask {
--maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-mask {
--maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-preview-indicator {
background-color: transparent;
color: #f8f9fa;
transition: box-shadow 0.15s;
}
.p-image-preview-indicator .p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-image-preview-container:hover > .p-image-preview-indicator {
background-color: rgba(0, 0, 0, 0.5);
}
.p-image-toolbar {
padding: 1rem;
}
.p-image-action.p-link {
color: #f8f9fa;
background-color: transparent;
width: 3rem;
height: 3rem;
border-radius: 50%;
transition: box-shadow 0.15s;
margin-right: 0.5rem;
}
.p-image-action.p-link:last-child {
margin-right: 0;
}
.p-image-action.p-link:hover {
color: #f8f9fa;
background-color: rgba(255, 255, 255, 0.1);
}
.p-image-action.p-link span {
font-size: 1.5rem;
}
.p-image-action.p-link .p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-avatar {
background-color: #dee2e6;
border-radius: 4px;
}
.p-avatar.p-avatar-lg {
width: 3rem;
height: 3rem;
font-size: 1.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
font-size: 1.5rem;
}
.p-avatar.p-avatar-xl {
width: 4rem;
height: 4rem;
font-size: 2rem;
}
.p-avatar.p-avatar-xl .p-avatar-icon {
font-size: 2rem;
}
.p-avatar-circle {
border-radius: 50%;
}
.p-avatar-group .p-avatar {
border: 2px solid #ffffff;
}
.p-chip {
background-color: #dee2e6;
color: #212529;
border-radius: 16px;
padding: 0 0.75rem;
}
.p-chip .p-chip-text {
line-height: 1.5;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.p-chip .p-chip-icon {
margin-right: 0.5rem;
}
.p-chip img {
width: 2rem;
height: 2rem;
margin-left: -0.75rem;
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
border-radius: 4px;
transition: box-shadow 0.15s;
margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
transition: box-shadow 0.15s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #efefef;
}
.p-scrolltop .p-scrolltop-icon.p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-skeleton {
background-color: #e9ecef;
border-radius: 4px;
}
.p-skeleton:after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {
background: #007bff;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
}
.p-tag.p-tag-success {
background-color: #28a745;
color: #ffffff;
}
.p-tag.p-tag-info {
background-color: #17a2b8;
color: #ffffff;
}
.p-tag.p-tag-warning {
background-color: #ffc107;
color: #212529;
}
.p-tag.p-tag-danger {
background-color: #dc3545;
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #212529;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-metergroup .p-metergroup-meter-container {
background: #e9ecef;
border-radius: 4px;
}
.p-metergroup .p-metergroup-meter {
border: 0 none;
background: #007bff;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
line-height: 1.5rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
background: #007bff;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-right: 0.5rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem;
height: 1rem;
margin-right: 0.5rem;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
height: 0.5rem;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
margin-bottom: 1rem;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem;
height: 100%;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007bff;
}
.p-progressbar .p-progressbar-label {
color: #ffffff;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
}
.p-badge {
background: #007bff;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
background-color: #6c757d;
color: #ffffff;
}
.p-badge.p-badge-success {
background-color: #28a745;
color: #ffffff;
}
.p-badge.p-badge-info {
background-color: #17a2b8;
color: #ffffff;
}
.p-badge.p-badge-warning {
background-color: #ffc107;
color: #212529;
}
.p-badge.p-badge-danger {
background-color: #dc3545;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
}
.p-badge.p-badge-xl {
font-size: 1.5rem;
min-width: 3rem;
height: 3rem;
line-height: 3rem;
}
.p-tag {
background: #007bff;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
}
.p-tag.p-tag-success {
background-color: #28a745;
color: #ffffff;
}
.p-tag.p-tag-info {
background-color: #17a2b8;
color: #ffffff;
}
.p-tag.p-tag-warning {
background-color: #ffc107;
color: #212529;
}
.p-tag.p-tag-danger {
background-color: #dc3545;
color: #ffffff;
}
}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
@layer primereact {
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-breadcrumb .p-breadcrumb-chevron:before {
content: "/";
}
}
/* Customizations to the designer theme should be defined here */
/*!********************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/primeflex/primeflex.css ***!
\********************************************************************************************************************/
.grid {
display: flex;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem;
margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
box-sizing: border-box;
}
.grid-nogutter {
margin-right: 0;
margin-left: 0;
margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
padding: 0;
}
.col {
flex-grow: 1;
flex-basis: 0;
padding: 0.5rem;
}
.col-fixed {
flex: 0 0 auto;
padding: 0.5rem;
}
.col-1 {
flex: 0 0 auto;
padding: 0.5rem;
width: 8.3333%;
}
.col-2 {
flex: 0 0 auto;
padding: 0.5rem;
width: 16.6667%;
}
.col-3 {
flex: 0 0 auto;
padding: 0.5rem;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
padding: 0.5rem;
width: 33.3333%;
}
.col-5 {
flex: 0 0 auto;
padding: 0.5rem;
width: 41.6667%;
}
.col-6 {
flex: 0 0 auto;
padding: 0.5rem;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
padding: 0.5rem;
width: 58.3333%;
}
.col-8 {
flex: 0 0 auto;
padding: 0.5rem;
width: 66.6667%;
}
.col-9 {
flex: 0 0 auto;
padding: 0.5rem;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
padding: 0.5rem;
width: 83.3333%;
}
.col-11 {
flex: 0 0 auto;
padding: 0.5rem;
width: 91.6667%;
}
.col-12 {
flex: 0 0 auto;
padding: 0.5rem;
width: 100%;
}
@media screen and (min-width: 576px) {
.sm\:col {
flex-grow: 1;
flex-basis: 0;
padding: 0.5rem;
}
.sm\:col-fixed {
flex: 0 0 auto;
padding: 0.5rem;
}
.sm\:col-1 {
flex: 0 0 auto;
padding: 0.5rem;
width: 8.3333%;
}
.sm\:col-2 {
flex: 0 0 auto;
padding: 0.5rem;
width: 16.6667%;
}
.sm\:col-3 {
flex: 0 0 auto;
padding: 0.5rem;
width: 25%;
}
.sm\:col-4 {
flex: 0 0 auto;
padding: 0.5rem;
width: 33.3333%;
}
.sm\:col-5 {
flex: 0 0 auto;
padding: 0.5rem;
width: 41.6667%;
}
.sm\:col-6 {
flex: 0 0 auto;
padding: 0.5rem;
width: 50%;
}
.sm\:col-7 {
flex: 0 0 auto;
padding: 0.5rem;
width: 58.3333%;
}
.sm\:col-8 {
flex: 0 0 auto;
padding: 0.5rem;
width: 66.6667%;
}
.sm\:col-9 {
flex: 0 0 auto;
padding: 0.5rem;
width: 75%;
}
.sm\:col-10 {
flex: 0 0 auto;
padding: 0.5rem;
width: 83.3333%;
}
.sm\:col-11 {
flex: 0 0 auto;
padding: 0.5rem;
width: 91.6667%;
}
.sm\:col-12 {
flex: 0 0 auto;
padding: 0.5rem;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.md\:col {
flex-grow: 1;
flex-basis: 0;
padding: 0.5rem;
}
.md\:col-fixed {
flex: 0 0 auto;
padding: 0.5rem;
}
.md\:col-1 {
flex: 0 0 auto;
padding: 0.5rem;
width: 8.3333%;
}
.md\:col-2 {
flex: 0 0 auto;
padding: 0.5rem;
width: 16.6667%;
}
.md\:col-3 {
flex: 0 0 auto;
padding: 0.5rem;
width: 25%;
}
.md\:col-4 {
flex: 0 0 auto;
padding: 0.5rem;
width: 33.3333%;
}
.md\:col-5 {
flex: 0 0 auto;
padding: 0.5rem;
width: 41.6667%;
}
.md\:col-6 {
flex: 0 0 auto;
padding: 0.5rem;
width: 50%;
}
.md\:col-7 {
flex: 0 0 auto;
padding: 0.5rem;
width: 58.3333%;
}
.md\:col-8 {
flex: 0 0 auto;
padding: 0.5rem;
width: 66.6667%;
}
.md\:col-9 {
flex: 0 0 auto;
padding: 0.5rem;
width: 75%;
}
.md\:col-10 {
flex: 0 0 auto;
padding: 0.5rem;
width: 83.3333%;
}
.md\:col-11 {
flex: 0 0 auto;
padding: 0.5rem;
width: 91.6667%;
}
.md\:col-12 {
flex: 0 0 auto;
padding: 0.5rem;
width: 100%;
}
}
@media screen and (min-width: 992px) {
.lg\:col {
flex-grow: 1;
flex-basis: 0;
padding: 0.5rem;
}
.lg\:col-fixed {
flex: 0 0 auto;
padding: 0.5rem;
}
.lg\:col-1 {
flex: 0 0 auto;
padding: 0.5rem;
width: 8.3333%;
}
.lg\:col-2 {
flex: 0 0 auto;
padding: 0.5rem;
width: 16.6667%;
}
.lg\:col-3 {
flex: 0 0 auto;
padding: 0.5rem;
width: 25%;
}
.lg\:col-4 {
flex: 0 0 auto;
padding: 0.5rem;
width: 33.3333%;
}
.lg\:col-5 {
flex: 0 0 auto;
padding: 0.5rem;
width: 41.6667%;
}
.lg\:col-6 {
flex: 0 0 auto;
padding: 0.5rem;
width: 50%;
}
.lg\:col-7 {
flex: 0 0 auto;
padding: 0.5rem;
width: 58.3333%;
}
.lg\:col-8 {
flex: 0 0 auto;
padding: 0.5rem;
width: 66.6667%;
}
.lg\:col-9 {
flex: 0 0 auto;
padding: 0.5rem;
width: 75%;
}
.lg\:col-10 {
flex: 0 0 auto;
padding: 0.5rem;
width: 83.3333%;
}
.lg\:col-11 {
flex: 0 0 auto;
padding: 0.5rem;
width: 91.6667%;
}
.lg\:col-12 {
flex: 0 0 auto;
padding: 0.5rem;
width: 100%;
}
}
@media screen and (min-width: 1200px) {
.xl\:col {
flex-grow: 1;
flex-basis: 0;
padding: 0.5rem;
}
.xl\:col-fixed {
flex: 0 0 auto;
padding: 0.5rem;
}
.xl\:col-1 {
flex: 0 0 auto;
padding: 0.5rem;
width: 8.3333%;
}
.xl\:col-2 {
flex: 0 0 auto;
padding: 0.5rem;
width: 16.6667%;
}
.xl\:col-3 {
flex: 0 0 auto;
padding: 0.5rem;
width: 25%;
}
.xl\:col-4 {
flex: 0 0 auto;
padding: 0.5rem;
width: 33.3333%;
}
.xl\:col-5 {
flex: 0 0 auto;
padding: 0.5rem;
width: 41.6667%;
}
.xl\:col-6 {
flex: 0 0 auto;
padding: 0.5rem;
width: 50%;
}
.xl\:col-7 {
flex: 0 0 auto;
padding: 0.5rem;
width: 58.3333%;
}
.xl\:col-8 {
flex: 0 0 auto;
padding: 0.5rem;
width: 66.6667%;
}
.xl\:col-9 {
flex: 0 0 auto;
padding: 0.5rem;
width: 75%;
}
.xl\:col-10 {
flex: 0 0 auto;
padding: 0.5rem;
width: 83.3333%;
}
.xl\:col-11 {
flex: 0 0 auto;
padding: 0.5rem;
width: 91.6667%;
}
.xl\:col-12 {
flex: 0 0 auto;
padding: 0.5rem;
width: 100%;
}
}
.col-offset-0 {
margin-left: 0 !important;
}
.col-offset-1 {
margin-left: 8.3333% !important;
}
.col-offset-2 {
margin-left: 16.6667% !important;
}
.col-offset-3 {
margin-left: 25% !important;
}
.col-offset-4 {
margin-left: 33.3333% !important;
}
.col-offset-5 {
margin-left: 41.6667% !important;
}
.col-offset-6 {
margin-left: 50% !important;
}
.col-offset-7 {
margin-left: 58.3333% !important;
}
.col-offset-8 {
margin-left: 66.6667% !important;
}
.col-offset-9 {
margin-left: 75% !important;
}
.col-offset-10 {
margin-left: 83.3333% !important;
}
.col-offset-11 {
margin-left: 91.6667% !important;
}
.col-offset-12 {
margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
.sm\:col-offset-0 {
margin-left: 0 !important;
}
.sm\:col-offset-1 {
margin-left: 8.3333% !important;
}
.sm\:col-offset-2 {
margin-left: 16.6667% !important;
}
.sm\:col-offset-3 {
margin-left: 25% !important;
}
.sm\:col-offset-4 {
margin-left: 33.3333% !important;
}
.sm\:col-offset-5 {
margin-left: 41.6667% !important;
}
.sm\:col-offset-6 {
margin-left: 50% !important;
}
.sm\:col-offset-7 {
margin-left: 58.3333% !important;
}
.sm\:col-offset-8 {
margin-left: 66.6667% !important;
}
.sm\:col-offset-9 {
margin-left: 75% !important;
}
.sm\:col-offset-10 {
margin-left: 83.3333% !important;
}
.sm\:col-offset-11 {
margin-left: 91.6667% !important;
}
.sm\:col-offset-12 {
margin-left: 100% !important;
}
}
@media screen and (min-width: 768px) {
.md\:col-offset-0 {
margin-left: 0 !important;
}
.md\:col-offset-1 {
margin-left: 8.3333% !important;
}
.md\:col-offset-2 {
margin-left: 16.6667% !important;
}
.md\:col-offset-3 {
margin-left: 25% !important;
}
.md\:col-offset-4 {
margin-left: 33.3333% !important;
}
.md\:col-offset-5 {
margin-left: 41.6667% !important;
}
.md\:col-offset-6 {
margin-left: 50% !important;
}
.md\:col-offset-7 {
margin-left: 58.3333% !important;
}
.md\:col-offset-8 {
margin-left: 66.6667% !important;
}
.md\:col-offset-9 {
margin-left: 75% !important;
}
.md\:col-offset-10 {
margin-left: 83.3333% !important;
}
.md\:col-offset-11 {
margin-left: 91.6667% !important;
}
.md\:col-offset-12 {
margin-left: 100% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:col-offset-0 {
margin-left: 0 !important;
}
.lg\:col-offset-1 {
margin-left: 8.3333% !important;
}
.lg\:col-offset-2 {
margin-left: 16.6667% !important;
}
.lg\:col-offset-3 {
margin-left: 25% !important;
}
.lg\:col-offset-4 {
margin-left: 33.3333% !important;
}
.lg\:col-offset-5 {
margin-left: 41.6667% !important;
}
.lg\:col-offset-6 {
margin-left: 50% !important;
}
.lg\:col-offset-7 {
margin-left: 58.3333% !important;
}
.lg\:col-offset-8 {
margin-left: 66.6667% !important;
}
.lg\:col-offset-9 {
margin-left: 75% !important;
}
.lg\:col-offset-10 {
margin-left: 83.3333% !important;
}
.lg\:col-offset-11 {
margin-left: 91.6667% !important;
}
.lg\:col-offset-12 {
margin-left: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:col-offset-0 {
margin-left: 0 !important;
}
.xl\:col-offset-1 {
margin-left: 8.3333% !important;
}
.xl\:col-offset-2 {
margin-left: 16.6667% !important;
}
.xl\:col-offset-3 {
margin-left: 25% !important;
}
.xl\:col-offset-4 {
margin-left: 33.3333% !important;
}
.xl\:col-offset-5 {
margin-left: 41.6667% !important;
}
.xl\:col-offset-6 {
margin-left: 50% !important;
}
.xl\:col-offset-7 {
margin-left: 58.3333% !important;
}
.xl\:col-offset-8 {
margin-left: 66.6667% !important;
}
.xl\:col-offset-9 {
margin-left: 75% !important;
}
.xl\:col-offset-10 {
margin-left: 83.3333% !important;
}
.xl\:col-offset-11 {
margin-left: 91.6667% !important;
}
.xl\:col-offset-12 {
margin-left: 100% !important;
}
}
.text-0 {
color: var(--surface-0) !important;
}
.text-50 {
color: var(--surface-50) !important;
}
.text-100 {
color: var(--surface-100) !important;
}
.text-200 {
color: var(--surface-200) !important;
}
.text-300 {
color: var(--surface-300) !important;
}
.text-400 {
color: var(--surface-400) !important;
}
.text-500 {
color: var(--surface-500) !important;
}
.text-600 {
color: var(--surface-600) !important;
}
.text-700 {
color: var(--surface-700) !important;
}
.text-800 {
color: var(--surface-800) !important;
}
.text-900 {
color: var(--surface-900) !important;
}
.focus\:text-0:focus {
color: var(--surface-0) !important;
}
.hover\:text-0:hover {
color: var(--surface-0) !important;
}
.active\:text-0:active {
color: var(--surface-0) !important;
}
.focus\:text-50:focus {
color: var(--surface-50) !important;
}
.hover\:text-50:hover {
color: var(--surface-50) !important;
}
.active\:text-50:active {
color: var(--surface-50) !important;
}
.focus\:text-100:focus {
color: var(--surface-100) !important;
}
.hover\:text-100:hover {
color: var(--surface-100) !important;
}
.active\:text-100:active {
color: var(--surface-100) !important;
}
.focus\:text-200:focus {
color: var(--surface-200) !important;
}
.hover\:text-200:hover {
color: var(--surface-200) !important;
}
.active\:text-200:active {
color: var(--surface-200) !important;
}
.focus\:text-300:focus {
color: var(--surface-300) !important;
}
.hover\:text-300:hover {
color: var(--surface-300) !important;
}
.active\:text-300:active {
color: var(--surface-300) !important;
}
.focus\:text-400:focus {
color: var(--surface-400) !important;
}
.hover\:text-400:hover {
color: var(--surface-400) !important;
}
.active\:text-400:active {
color: var(--surface-400) !important;
}
.focus\:text-500:focus {
color: var(--surface-500) !important;
}
.hover\:text-500:hover {
color: var(--surface-500) !important;
}
.active\:text-500:active {
color: var(--surface-500) !important;
}
.focus\:text-600:focus {
color: var(--surface-600) !important;
}
.hover\:text-600:hover {
color: var(--surface-600) !important;
}
.active\:text-600:active {
color: var(--surface-600) !important;
}
.focus\:text-700:focus {
color: var(--surface-700) !important;
}
.hover\:text-700:hover {
color: var(--surface-700) !important;
}
.active\:text-700:active {
color: var(--surface-700) !important;
}
.focus\:text-800:focus {
color: var(--surface-800) !important;
}
.hover\:text-800:hover {
color: var(--surface-800) !important;
}
.active\:text-800:active {
color: var(--surface-800) !important;
}
.focus\:text-900:focus {
color: var(--surface-900) !important;
}
.hover\:text-900:hover {
color: var(--surface-900) !important;
}
.active\:text-900:active {
color: var(--surface-900) !important;
}
.surface-0 {
background-color: var(--surface-0) !important;
}
.surface-50 {
background-color: var(--surface-50) !important;
}
.surface-100 {
background-color: var(--surface-100) !important;
}
.surface-200 {
background-color: var(--surface-200) !important;
}
.surface-300 {
background-color: var(--surface-300) !important;
}
.surface-400 {
background-color: var(--surface-400) !important;
}
.surface-500 {
background-color: var(--surface-500) !important;
}
.surface-600 {
background-color: var(--surface-600) !important;
}
.surface-700 {
background-color: var(--surface-700) !important;
}
.surface-800 {
background-color: var(--surface-800) !important;
}
.surface-900 {
background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
background-color: var(--surface-900) !important;
}
.border-0 {
border-color: var(--surface-0) !important;
}
.border-50 {
border-color: var(--surface-50) !important;
}
.border-100 {
border-color: var(--surface-100) !important;
}
.border-200 {
border-color: var(--surface-200) !important;
}
.border-300 {
border-color: var(--surface-300) !important;
}
.border-400 {
border-color: var(--surface-400) !important;
}
.border-500 {
border-color: var(--surface-500) !important;
}
.border-600 {
border-color: var(--surface-600) !important;
}
.border-700 {
border-color: var(--surface-700) !important;
}
.border-800 {
border-color: var(--surface-800) !important;
}
.border-900 {
border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
border-color: var(--surface-0) !important;
}
.active\:border-0:active {
border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
border-color: var(--surface-50) !important;
}
.active\:border-50:active {
border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
border-color: var(--surface-100) !important;
}
.active\:border-100:active {
border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
border-color: var(--surface-200) !important;
}
.active\:border-200:active {
border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
border-color: var(--surface-300) !important;
}
.active\:border-300:active {
border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
border-color: var(--surface-400) !important;
}
.active\:border-400:active {
border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
border-color: var(--surface-500) !important;
}
.active\:border-500:active {
border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
border-color: var(--surface-600) !important;
}
.active\:border-600:active {
border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
border-color: var(--surface-700) !important;
}
.active\:border-700:active {
border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
border-color: var(--surface-800) !important;
}
.active\:border-800:active {
border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
border-color: var(--surface-900) !important;
}
.active\:border-900:active {
border-color: var(--surface-900) !important;
}
.bg-transparent {
background-color: transparent !important;
}
@media screen and (min-width: 576px) {
.sm\:bg-transparent {
background-color: transparent !important;
}
}
@media screen and (min-width: 768px) {
.md\:bg-transparent {
background-color: transparent !important;
}
}
@media screen and (min-width: 992px) {
.lg\:bg-transparent {
background-color: transparent !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:bg-transparent {
background-color: transparent !important;
}
}
.border-transparent {
border-color: transparent !important;
}
@media screen and (min-width: 576px) {
.sm\:border-transparent {
border-color: transparent !important;
}
}
@media screen and (min-width: 768px) {
.md\:border-transparent {
border-color: transparent !important;
}
}
@media screen and (min-width: 992px) {
.lg\:border-transparent {
border-color: transparent !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:border-transparent {
border-color: transparent !important;
}
}
.text-blue-50 {
color: var(--blue-50) !important;
}
.text-blue-100 {
color: var(--blue-100) !important;
}
.text-blue-200 {
color: var(--blue-200) !important;
}
.text-blue-300 {
color: var(--blue-300) !important;
}
.text-blue-400 {
color: var(--blue-400) !important;
}
.text-blue-500 {
color: var(--blue-500) !important;
}
.text-blue-600 {
color: var(--blue-600) !important;
}
.text-blue-700 {
color: var(--blue-700) !important;
}
.text-blue-800 {
color: var(--blue-800) !important;
}
.text-blue-900 {
color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
color: var(--blue-900) !important;
}
.text-green-50 {
color: var(--green-50) !important;
}
.text-green-100 {
color: var(--green-100) !important;
}
.text-green-200 {
color: var(--green-200) !important;
}
.text-green-300 {
color: var(--green-300) !important;
}
.text-green-400 {
color: var(--green-400) !important;
}
.text-green-500 {
color: var(--green-500) !important;
}
.text-green-600 {
color: var(--green-600) !important;
}
.text-green-700 {
color: var(--green-700) !important;
}
.text-green-800 {
color: var(--green-800) !important;
}
.text-green-900 {
color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
color: var(--green-900) !important;
}
.active\:text-green-50:active {
color: var(--green-50) !important;
}
.active\:text-green-100:active {
color: var(--green-100) !important;
}
.active\:text-green-200:active {
color: var(--green-200) !important;
}
.active\:text-green-300:active {
color: var(--green-300) !important;
}
.active\:text-green-400:active {
color: var(--green-400) !important;
}
.active\:text-green-500:active {
color: var(--green-500) !important;
}
.active\:text-green-600:active {
color: var(--green-600) !important;
}
.active\:text-green-700:active {
color: var(--green-700) !important;
}
.active\:text-green-800:active {
color: var(--green-800) !important;
}
.active\:text-green-900:active {
color: var(--green-900) !important;
}
.text-yellow-50 {
color: var(--yellow-50) !important;
}
.text-yellow-100 {
color: var(--yellow-100) !important;
}
.text-yellow-200 {
color: var(--yellow-200) !important;
}
.text-yellow-300 {
color: var(--yellow-300) !important;
}
.text-yellow-400 {
color: var(--yellow-400) !important;
}
.text-yellow-500 {
color: var(--yellow-500) !important;
}
.text-yellow-600 {
color: var(--yellow-600) !important;
}
.text-yellow-700 {
color: var(--yellow-700) !important;
}
.text-yellow-800 {
color: var(--yellow-800) !important;
}
.text-yellow-900 {
color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
color: var(--yellow-900) !important;
}
.text-cyan-50 {
color: var(--cyan-50) !important;
}
.text-cyan-100 {
color: var(--cyan-100) !important;
}
.text-cyan-200 {
color: var(--cyan-200) !important;
}
.text-cyan-300 {
color: var(--cyan-300) !important;
}
.text-cyan-400 {
color: var(--cyan-400) !important;
}
.text-cyan-500 {
color: var(--cyan-500) !important;
}
.text-cyan-600 {
color: var(--cyan-600) !important;
}
.text-cyan-700 {
color: var(--cyan-700) !important;
}
.text-cyan-800 {
color: var(--cyan-800) !important;
}
.text-cyan-900 {
color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
color: var(--cyan-900) !important;
}
.text-pink-50 {
color: var(--pink-50) !important;
}
.text-pink-100 {
color: var(--pink-100) !important;
}
.text-pink-200 {
color: var(--pink-200) !important;
}
.text-pink-300 {
color: var(--pink-300) !important;
}
.text-pink-400 {
color: var(--pink-400) !important;
}
.text-pink-500 {
color: var(--pink-500) !important;
}
.text-pink-600 {
color: var(--pink-600) !important;
}
.text-pink-700 {
color: var(--pink-700) !important;
}
.text-pink-800 {
color: var(--pink-800) !important;
}
.text-pink-900 {
color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
color: var(--pink-900) !important;
}
.text-indigo-50 {
color: var(--indigo-50) !important;
}
.text-indigo-100 {
color: var(--indigo-100) !important;
}
.text-indigo-200 {
color: var(--indigo-200) !important;
}
.text-indigo-300 {
color: var(--indigo-300) !important;
}
.text-indigo-400 {
color: var(--indigo-400) !important;
}
.text-indigo-500 {
color: var(--indigo-500) !important;
}
.text-indigo-600 {
color: var(--indigo-600) !important;
}
.text-indigo-700 {
color: var(--indigo-700) !important;
}
.text-indigo-800 {
color: var(--indigo-800) !important;
}
.text-indigo-900 {
color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
color: var(--indigo-900) !important;
}
.text-teal-50 {
color: var(--teal-50) !important;
}
.text-teal-100 {
color: var(--teal-100) !important;
}
.text-teal-200 {
color: var(--teal-200) !important;
}
.text-teal-300 {
color: var(--teal-300) !important;
}
.text-teal-400 {
color: var(--teal-400) !important;
}
.text-teal-500 {
color: var(--teal-500) !important;
}
.text-teal-600 {
color: var(--teal-600) !important;
}
.text-teal-700 {
color: var(--teal-700) !important;
}
.text-teal-800 {
color: var(--teal-800) !important;
}
.text-teal-900 {
color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
color: var(--teal-900) !important;
}
.text-orange-50 {
color: var(--orange-50) !important;
}
.text-orange-100 {
color: var(--orange-100) !important;
}
.text-orange-200 {
color: var(--orange-200) !important;
}
.text-orange-300 {
color: var(--orange-300) !important;
}
.text-orange-400 {
color: var(--orange-400) !important;
}
.text-orange-500 {
color: var(--orange-500) !important;
}
.text-orange-600 {
color: var(--orange-600) !important;
}
.text-orange-700 {
color: var(--orange-700) !important;
}
.text-orange-800 {
color: var(--orange-800) !important;
}
.text-orange-900 {
color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
color: var(--orange-900) !important;
}
.text-bluegray-50 {
color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
color: var(--bluegray-900) !important;
}
.text-purple-50 {
color: var(--purple-50) !important;
}
.text-purple-100 {
color: var(--purple-100) !important;
}
.text-purple-200 {
color: var(--purple-200) !important;
}
.text-purple-300 {
color: var(--purple-300) !important;
}
.text-purple-400 {
color: var(--purple-400) !important;
}
.text-purple-500 {
color: var(--purple-500) !important;
}
.text-purple-600 {
color: var(--purple-600) !important;
}
.text-purple-700 {
color: var(--purple-700) !important;
}
.text-purple-800 {
color: var(--purple-800) !important;
}
.text-purple-900 {
color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
color: var(--purple-900) !important;
}
.text-gray-50 {
color: var(--gray-50) !important;
}
.text-gray-100 {
color: var(--gray-100) !important;
}
.text-gray-200 {
color: var(--gray-200) !important;
}
.text-gray-300 {
color: var(--gray-300) !important;
}
.text-gray-400 {
color: var(--gray-400) !important;
}
.text-gray-500 {
color: var(--gray-500) !important;
}
.text-gray-600 {
color: var(--gray-600) !important;
}
.text-gray-700 {
color: var(--gray-700) !important;
}
.text-gray-800 {
color: var(--gray-800) !important;
}
.text-gray-900 {
color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
color: var(--gray-900) !important;
}
.text-red-50 {
color: var(--red-50) !important;
}
.text-red-100 {
color: var(--red-100) !important;
}
.text-red-200 {
color: var(--red-200) !important;
}
.text-red-300 {
color: var(--red-300) !important;
}
.text-red-400 {
color: var(--red-400) !important;
}
.text-red-500 {
color: var(--red-500) !important;
}
.text-red-600 {
color: var(--red-600) !important;
}
.text-red-700 {
color: var(--red-700) !important;
}
.text-red-800 {
color: var(--red-800) !important;
}
.text-red-900 {
color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
color: var(--red-900) !important;
}
.active\:text-red-50:active {
color: var(--red-50) !important;
}
.active\:text-red-100:active {
color: var(--red-100) !important;
}
.active\:text-red-200:active {
color: var(--red-200) !important;
}
.active\:text-red-300:active {
color: var(--red-300) !important;
}
.active\:text-red-400:active {
color: var(--red-400) !important;
}
.active\:text-red-500:active {
color: var(--red-500) !important;
}
.active\:text-red-600:active {
color: var(--red-600) !important;
}
.active\:text-red-700:active {
color: var(--red-700) !important;
}
.active\:text-red-800:active {
color: var(--red-800) !important;
}
.active\:text-red-900:active {
color: var(--red-900) !important;
}
.text-primary-50 {
color: var(--primary-50) !important;
}
.text-primary-100 {
color: var(--primary-100) !important;
}
.text-primary-200 {
color: var(--primary-200) !important;
}
.text-primary-300 {
color: var(--primary-300) !important;
}
.text-primary-400 {
color: var(--primary-400) !important;
}
.text-primary-500 {
color: var(--primary-500) !important;
}
.text-primary-600 {
color: var(--primary-600) !important;
}
.text-primary-700 {
color: var(--primary-700) !important;
}
.text-primary-800 {
color: var(--primary-800) !important;
}
.text-primary-900 {
color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
color: var(--primary-900) !important;
}
.bg-blue-50 {
background-color: var(--blue-50) !important;
}
.bg-blue-100 {
background-color: var(--blue-100) !important;
}
.bg-blue-200 {
background-color: var(--blue-200) !important;
}
.bg-blue-300 {
background-color: var(--blue-300) !important;
}
.bg-blue-400 {
background-color: var(--blue-400) !important;
}
.bg-blue-500 {
background-color: var(--blue-500) !important;
}
.bg-blue-600 {
background-color: var(--blue-600) !important;
}
.bg-blue-700 {
background-color: var(--blue-700) !important;
}
.bg-blue-800 {
background-color: var(--blue-800) !important;
}
.bg-blue-900 {
background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
background-color: var(--blue-900) !important;
}
.bg-green-50 {
background-color: var(--green-50) !important;
}
.bg-green-100 {
background-color: var(--green-100) !important;
}
.bg-green-200 {
background-color: var(--green-200) !important;
}
.bg-green-300 {
background-color: var(--green-300) !important;
}
.bg-green-400 {
background-color: var(--green-400) !important;
}
.bg-green-500 {
background-color: var(--green-500) !important;
}
.bg-green-600 {
background-color: var(--green-600) !important;
}
.bg-green-700 {
background-color: var(--green-700) !important;
}
.bg-green-800 {
background-color: var(--green-800) !important;
}
.bg-green-900 {
background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
background-color: var(--green-900) !important;
}
.bg-yellow-50 {
background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
background-color: var(--pink-50) !important;
}
.bg-pink-100 {
background-color: var(--pink-100) !important;
}
.bg-pink-200 {
background-color: var(--pink-200) !important;
}
.bg-pink-300 {
background-color: var(--pink-300) !important;
}
.bg-pink-400 {
background-color: var(--pink-400) !important;
}
.bg-pink-500 {
background-color: var(--pink-500) !important;
}
.bg-pink-600 {
background-color: var(--pink-600) !important;
}
.bg-pink-700 {
background-color: var(--pink-700) !important;
}
.bg-pink-800 {
background-color: var(--pink-800) !important;
}
.bg-pink-900 {
background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
background-color: var(--teal-50) !important;
}
.bg-teal-100 {
background-color: var(--teal-100) !important;
}
.bg-teal-200 {
background-color: var(--teal-200) !important;
}
.bg-teal-300 {
background-color: var(--teal-300) !important;
}
.bg-teal-400 {
background-color: var(--teal-400) !important;
}
.bg-teal-500 {
background-color: var(--teal-500) !important;
}
.bg-teal-600 {
background-color: var(--teal-600) !important;
}
.bg-teal-700 {
background-color: var(--teal-700) !important;
}
.bg-teal-800 {
background-color: var(--teal-800) !important;
}
.bg-teal-900 {
background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
background-color: var(--teal-900) !important;
}
.bg-orange-50 {
background-color: var(--orange-50) !important;
}
.bg-orange-100 {
background-color: var(--orange-100) !important;
}
.bg-orange-200 {
background-color: var(--orange-200) !important;
}
.bg-orange-300 {
background-color: var(--orange-300) !important;
}
.bg-orange-400 {
background-color: var(--orange-400) !important;
}
.bg-orange-500 {
background-color: var(--orange-500) !important;
}
.bg-orange-600 {
background-color: var(--orange-600) !important;
}
.bg-orange-700 {
background-color: var(--orange-700) !important;
}
.bg-orange-800 {
background-color: var(--orange-800) !important;
}
.bg-orange-900 {
background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
background-color: var(--purple-50) !important;
}
.bg-purple-100 {
background-color: var(--purple-100) !important;
}
.bg-purple-200 {
background-color: var(--purple-200) !important;
}
.bg-purple-300 {
background-color: var(--purple-300) !important;
}
.bg-purple-400 {
background-color: var(--purple-400) !important;
}
.bg-purple-500 {
background-color: var(--purple-500) !important;
}
.bg-purple-600 {
background-color: var(--purple-600) !important;
}
.bg-purple-700 {
background-color: var(--purple-700) !important;
}
.bg-purple-800 {
background-color: var(--purple-800) !important;
}
.bg-purple-900 {
background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
background-color: var(--purple-900) !important;
}
.bg-gray-50 {
background-color: var(--gray-50) !important;
}
.bg-gray-100 {
background-color: var(--gray-100) !important;
}
.bg-gray-200 {
background-color: var(--gray-200) !important;
}
.bg-gray-300 {
background-color: var(--gray-300) !important;
}
.bg-gray-400 {
background-color: var(--gray-400) !important;
}
.bg-gray-500 {
background-color: var(--gray-500) !important;
}
.bg-gray-600 {
background-color: var(--gray-600) !important;
}
.bg-gray-700 {
background-color: var(--gray-700) !important;
}
.bg-gray-800 {
background-color: var(--gray-800) !important;
}
.bg-gray-900 {
background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
background-color: var(--gray-900) !important;
}
.bg-red-50 {
background-color: var(--red-50) !important;
}
.bg-red-100 {
background-color: var(--red-100) !important;
}
.bg-red-200 {
background-color: var(--red-200) !important;
}
.bg-red-300 {
background-color: var(--red-300) !important;
}
.bg-red-400 {
background-color: var(--red-400) !important;
}
.bg-red-500 {
background-color: var(--red-500) !important;
}
.bg-red-600 {
background-color: var(--red-600) !important;
}
.bg-red-700 {
background-color: var(--red-700) !important;
}
.bg-red-800 {
background-color: var(--red-800) !important;
}
.bg-red-900 {
background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
background-color: var(--red-900) !important;
}
.bg-primary-50 {
background-color: var(--primary-50) !important;
}
.bg-primary-100 {
background-color: var(--primary-100) !important;
}
.bg-primary-200 {
background-color: var(--primary-200) !important;
}
.bg-primary-300 {
background-color: var(--primary-300) !important;
}
.bg-primary-400 {
background-color: var(--primary-400) !important;
}
.bg-primary-500 {
background-color: var(--primary-500) !important;
}
.bg-primary-600 {
background-color: var(--primary-600) !important;
}
.bg-primary-700 {
background-color: var(--primary-700) !important;
}
.bg-primary-800 {
background-color: var(--primary-800) !important;
}
.bg-primary-900 {
background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
background-color: var(--primary-900) !important;
}
.border-blue-50 {
border-color: var(--blue-50) !important;
}
.border-blue-100 {
border-color: var(--blue-100) !important;
}
.border-blue-200 {
border-color: var(--blue-200) !important;
}
.border-blue-300 {
border-color: var(--blue-300) !important;
}
.border-blue-400 {
border-color: var(--blue-400) !important;
}
.border-blue-500 {
border-color: var(--blue-500) !important;
}
.border-blue-600 {
border-color: var(--blue-600) !important;
}
.border-blue-700 {
border-color: var(--blue-700) !important;
}
.border-blue-800 {
border-color: var(--blue-800) !important;
}
.border-blue-900 {
border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
border-color: var(--blue-900) !important;
}
.border-green-50 {
border-color: var(--green-50) !important;
}
.border-green-100 {
border-color: var(--green-100) !important;
}
.border-green-200 {
border-color: var(--green-200) !important;
}
.border-green-300 {
border-color: var(--green-300) !important;
}
.border-green-400 {
border-color: var(--green-400) !important;
}
.border-green-500 {
border-color: var(--green-500) !important;
}
.border-green-600 {
border-color: var(--green-600) !important;
}
.border-green-700 {
border-color: var(--green-700) !important;
}
.border-green-800 {
border-color: var(--green-800) !important;
}
.border-green-900 {
border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
border-color: var(--green-900) !important;
}
.border-yellow-50 {
border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
border-color: var(--cyan-900) !important;
}
.border-pink-50 {
border-color: var(--pink-50) !important;
}
.border-pink-100 {
border-color: var(--pink-100) !important;
}
.border-pink-200 {
border-color: var(--pink-200) !important;
}
.border-pink-300 {
border-color: var(--pink-300) !important;
}
.border-pink-400 {
border-color: var(--pink-400) !important;
}
.border-pink-500 {
border-color: var(--pink-500) !important;
}
.border-pink-600 {
border-color: var(--pink-600) !important;
}
.border-pink-700 {
border-color: var(--pink-700) !important;
}
.border-pink-800 {
border-color: var(--pink-800) !important;
}
.border-pink-900 {
border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
border-color: var(--pink-900) !important;
}
.border-indigo-50 {
border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
border-color: var(--indigo-900) !important;
}
.border-teal-50 {
border-color: var(--teal-50) !important;
}
.border-teal-100 {
border-color: var(--teal-100) !important;
}
.border-teal-200 {
border-color: var(--teal-200) !important;
}
.border-teal-300 {
border-color: var(--teal-300) !important;
}
.border-teal-400 {
border-color: var(--teal-400) !important;
}
.border-teal-500 {
border-color: var(--teal-500) !important;
}
.border-teal-600 {
border-color: var(--teal-600) !important;
}
.border-teal-700 {
border-color: var(--teal-700) !important;
}
.border-teal-800 {
border-color: var(--teal-800) !important;
}
.border-teal-900 {
border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
border-color: var(--teal-900) !important;
}
.border-orange-50 {
border-color: var(--orange-50) !important;
}
.border-orange-100 {
border-color: var(--orange-100) !important;
}
.border-orange-200 {
border-color: var(--orange-200) !important;
}
.border-orange-300 {
border-color: var(--orange-300) !important;
}
.border-orange-400 {
border-color: var(--orange-400) !important;
}
.border-orange-500 {
border-color: var(--orange-500) !important;
}
.border-orange-600 {
border-color: var(--orange-600) !important;
}
.border-orange-700 {
border-color: var(--orange-700) !important;
}
.border-orange-800 {
border-color: var(--orange-800) !important;
}
.border-orange-900 {
border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
border-color: var(--purple-50) !important;
}
.border-purple-100 {
border-color: var(--purple-100) !important;
}
.border-purple-200 {
border-color: var(--purple-200) !important;
}
.border-purple-300 {
border-color: var(--purple-300) !important;
}
.border-purple-400 {
border-color: var(--purple-400) !important;
}
.border-purple-500 {
border-color: var(--purple-500) !important;
}
.border-purple-600 {
border-color: var(--purple-600) !important;
}
.border-purple-700 {
border-color: var(--purple-700) !important;
}
.border-purple-800 {
border-color: var(--purple-800) !important;
}
.border-purple-900 {
border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
border-color: var(--purple-900) !important;
}
.border-gray-50 {
border-color: var(--gray-50) !important;
}
.border-gray-100 {
border-color: var(--gray-100) !important;
}
.border-gray-200 {
border-color: var(--gray-200) !important;
}
.border-gray-300 {
border-color: var(--gray-300) !important;
}
.border-gray-400 {
border-color: var(--gray-400) !important;
}
.border-gray-500 {
border-color: var(--gray-500) !important;
}
.border-gray-600 {
border-color: var(--gray-600) !important;
}
.border-gray-700 {
border-color: var(--gray-700) !important;
}
.border-gray-800 {
border-color: var(--gray-800) !important;
}
.border-gray-900 {
border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
border-color: var(--gray-900) !important;
}
.border-red-50 {
border-color: var(--red-50) !important;
}
.border-red-100 {
border-color: var(--red-100) !important;
}
.border-red-200 {
border-color: var(--red-200) !important;
}
.border-red-300 {
border-color: var(--red-300) !important;
}
.border-red-400 {
border-color: var(--red-400) !important;
}
.border-red-500 {
border-color: var(--red-500) !important;
}
.border-red-600 {
border-color: var(--red-600) !important;
}
.border-red-700 {
border-color: var(--red-700) !important;
}
.border-red-800 {
border-color: var(--red-800) !important;
}
.border-red-900 {
border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
border-color: var(--red-900) !important;
}
.border-primary-50 {
border-color: var(--primary-50) !important;
}
.border-primary-100 {
border-color: var(--primary-100) !important;
}
.border-primary-200 {
border-color: var(--primary-200) !important;
}
.border-primary-300 {
border-color: var(--primary-300) !important;
}
.border-primary-400 {
border-color: var(--primary-400) !important;
}
.border-primary-500 {
border-color: var(--primary-500) !important;
}
.border-primary-600 {
border-color: var(--primary-600) !important;
}
.border-primary-700 {
border-color: var(--primary-700) !important;
}
.border-primary-800 {
border-color: var(--primary-800) !important;
}
.border-primary-900 {
border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
background-color: rgba(255,255,255,0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
background-color: rgba(255,255,255,0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
background-color: rgba(255,255,255,0.9) !important;
}
.active\:bg-white-alpha-10:active {
background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
background-color: rgba(255,255,255,0.9) !important;
}
.bg-black-alpha-10 {
background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
background-color: rgba(0,0,0,0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
background-color: rgba(0,0,0,0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
background-color: rgba(0,0,0,0.9) !important;
}
.active\:bg-black-alpha-10:active {
background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
background-color: rgba(0,0,0,0.9) !important;
}
.border-white-alpha-10 {
border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
border-color: rgba(255,255,255,0.9) !important;
}
.hover\:border-white-alpha-10:hover {
border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
border-color: rgba(255,255,255,0.9) !important;
}
.focus\:border-white-alpha-10:focus {
border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
border-color: rgba(255,255,255,0.9) !important;
}
.active\:border-white-alpha-10:active {
border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
border-color: rgba(255,255,255,0.9) !important;
}
.border-black-alpha-10 {
border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
border-color: rgba(0,0,0,0.9) !important;
}
.hover\:border-black-alpha-10:hover {
border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
border-color: rgba(0,0,0,0.9) !important;
}
.focus\:border-black-alpha-10:focus {
border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
border-color: rgba(0,0,0,0.9) !important;
}
.active\:border-black-alpha-10:active {
border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
border-color: rgba(0,0,0,0.9) !important;
}
.text-white-alpha-10 {
color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
color: rgba(255,255,255,0.9) !important;
}
.hover\:text-white-alpha-10:hover {
color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
color: rgba(255,255,255,0.9) !important;
}
.focus\:text-white-alpha-10:focus {
color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
color: rgba(255,255,255,0.9) !important;
}
.active\:text-white-alpha-10:active {
color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
color: rgba(255,255,255,0.9) !important;
}
.text-black-alpha-10 {
color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
color: rgba(0,0,0,0.9) !important;
}
.hover\:text-black-alpha-10:hover {
color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
color: rgba(0,0,0,0.9) !important;
}
.focus\:text-black-alpha-10:focus {
color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
color: rgba(0,0,0,0.9) !important;
}
.active\:text-black-alpha-10:active {
color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
color: rgba(0,0,0,0.9) !important;
}
.text-primary {
color: var(--primary-color) !important;
}
.bg-primary {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.bg-white {
background-color: #ffffff !important;
}
.border-primary {
border-color: var(--primary-color) !important;
}
.text-white {
color: #ffffff !important;
}
.border-white {
border-color: #ffffff !important;
}
.text-color {
color: var(--text-color) !important;
}
.text-color-secondary {
color: var(--text-color-secondary) !important;
}
.surface-ground {
background-color: var(--surface-ground) !important;
}
.surface-section {
background-color: var(--surface-section) !important;
}
.surface-card {
background-color: var(--surface-card) !important;
}
.surface-overlay {
background-color: var(--surface-overlay) !important;
}
.surface-hover {
background-color: var(--surface-hover) !important;
}
.surface-border {
border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
color: var(--primary-color) !important;
}
.active\:text-primary:active {
color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
background-color: #ffffff !important;
}
.hover\:bg-white:hover {
background-color: #ffffff !important;
}
.active\:bg-white:active {
background-color: #ffffff !important;
}
.focus\:border-primary:focus {
border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
color: #ffffff !important;
}
.hover\:text-white:hover {
color: #ffffff !important;
}
.active\:text-white:active {
color: #ffffff !important;
}
.focus\:border-white:focus {
border-color: #ffffff !important;
}
.hover\:border-white:hover {
border-color: #ffffff !important;
}
.active\:border-white:active {
border-color: #ffffff !important;
}
.focus\:text-color:focus {
color: var(--text-color) !important;
}
.hover\:text-color:hover {
color: var(--text-color) !important;
}
.active\:text-color:active {
color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
.sm\:text-primary {
color: var(--primary-color) !important;
}
.sm\:bg-primary {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.sm\:bg-primary-reverse {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.sm\:bg-white {
background-color: #ffffff !important;
}
.sm\:border-primary {
border-color: var(--primary-color) !important;
}
.sm\:text-white {
color: #ffffff !important;
}
.sm\:border-white {
border-color: #ffffff !important;
}
.sm\:text-color {
color: var(--text-color) !important;
}
.sm\:text-color-secondary {
color: var(--text-color-secondary) !important;
}
.sm\:surface-ground {
background-color: var(--surface-ground) !important;
}
.sm\:surface-section {
background-color: var(--surface-section) !important;
}
.sm\:surface-card {
background-color: var(--surface-card) !important;
}
.sm\:surface-overlay {
background-color: var(--surface-overlay) !important;
}
.sm\:surface-hover {
background-color: var(--surface-hover) !important;
}
.sm\:surface-border {
border-color: var(--surface-border) !important;
}
.sm\:focus\:text-primary:focus {
color: var(--primary-color) !important;
}
.sm\:hover\:text-primary:hover {
color: var(--primary-color) !important;
}
.sm\:active\:text-primary:active {
color: var(--primary-color) !important;
}
.sm\:focus\:bg-primary:focus {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.sm\:hover\:bg-primary:hover {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.sm\:active\:bg-primary:active {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.sm\:focus\:bg-primary-reverse:focus {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.sm\:hover\:bg-primary-reverse:hover {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.sm\:active\:bg-primary-reverse:active {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.sm\:focus\:bg-white:focus {
background-color: #ffffff !important;
}
.sm\:hover\:bg-white:hover {
background-color: #ffffff !important;
}
.sm\:active\:bg-white:active {
background-color: #ffffff !important;
}
.sm\:focus\:border-primary:focus {
border-color: var(--primary-color) !important;
}
.sm\:hover\:border-primary:hover {
border-color: var(--primary-color) !important;
}
.sm\:active\:border-primary:active {
border-color: var(--primary-color) !important;
}
.sm\:focus\:text-white:focus {
color: #ffffff !important;
}
.sm\:hover\:text-white:hover {
color: #ffffff !important;
}
.sm\:active\:text-white:active {
color: #ffffff !important;
}
.sm\:focus\:border-white:focus {
border-color: #ffffff !important;
}
.sm\:hover\:border-white:hover {
border-color: #ffffff !important;
}
.sm\:active\:border-white:active {
border-color: #ffffff !important;
}
.sm\:focus\:text-color:focus {
color: var(--text-color) !important;
}
.sm\:hover\:text-color:hover {
color: var(--text-color) !important;
}
.sm\:active\:text-color:active {
color: var(--text-color) !important;
}
.sm\:focus\:text-color-secondary:focus {
color: var(--text-color-secondary) !important;
}
.sm\:hover\:text-color-secondary:hover {
color: var(--text-color-secondary) !important;
}
.sm\:active\:text-color-secondary:active {
color: var(--text-color-secondary) !important;
}
.sm\:focus\:surface-ground:focus {
background-color: var(--surface-ground) !important;
}
.sm\:hover\:surface-ground:hover {
background-color: var(--surface-ground) !important;
}
.sm\:active\:surface-ground:active {
background-color: var(--surface-ground) !important;
}
.sm\:focus\:surface-section:focus {
background-color: var(--surface-section) !important;
}
.sm\:hover\:surface-section:hover {
background-color: var(--surface-section) !important;
}
.sm\:active\:surface-section:active {
background-color: var(--surface-section) !important;
}
.sm\:focus\:surface-card:focus {
background-color: var(--surface-card) !important;
}
.sm\:hover\:surface-card:hover {
background-color: var(--surface-card) !important;
}
.sm\:active\:surface-card:active {
background-color: var(--surface-card) !important;
}
.sm\:focus\:surface-overlay:focus {
background-color: var(--surface-overlay) !important;
}
.sm\:hover\:surface-overlay:hover {
background-color: var(--surface-overlay) !important;
}
.sm\:active\:surface-overlay:active {
background-color: var(--surface-overlay) !important;
}
.sm\:focus\:surface-hover:focus {
background-color: var(--surface-hover) !important;
}
.sm\:hover\:surface-hover:hover {
background-color: var(--surface-hover) !important;
}
.sm\:active\:surface-hover:active {
background-color: var(--surface-hover) !important;
}
.sm\:focus\:surface-border:focus {
border-color: var(--surface-border) !important;
}
.sm\:hover\:surface-border:hover {
border-color: var(--surface-border) !important;
}
.sm\:active\:surface-border:active {
border-color: var(--surface-border) !important;
}
}
@media screen and (min-width: 768px) {
.md\:text-primary {
color: var(--primary-color) !important;
}
.md\:bg-primary {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.md\:bg-primary-reverse {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.md\:bg-white {
background-color: #ffffff !important;
}
.md\:border-primary {
border-color: var(--primary-color) !important;
}
.md\:text-white {
color: #ffffff !important;
}
.md\:border-white {
border-color: #ffffff !important;
}
.md\:text-color {
color: var(--text-color) !important;
}
.md\:text-color-secondary {
color: var(--text-color-secondary) !important;
}
.md\:surface-ground {
background-color: var(--surface-ground) !important;
}
.md\:surface-section {
background-color: var(--surface-section) !important;
}
.md\:surface-card {
background-color: var(--surface-card) !important;
}
.md\:surface-overlay {
background-color: var(--surface-overlay) !important;
}
.md\:surface-hover {
background-color: var(--surface-hover) !important;
}
.md\:surface-border {
border-color: var(--surface-border) !important;
}
.md\:focus\:text-primary:focus {
color: var(--primary-color) !important;
}
.md\:hover\:text-primary:hover {
color: var(--primary-color) !important;
}
.md\:active\:text-primary:active {
color: var(--primary-color) !important;
}
.md\:focus\:bg-primary:focus {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.md\:hover\:bg-primary:hover {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.md\:active\:bg-primary:active {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.md\:focus\:bg-primary-reverse:focus {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.md\:hover\:bg-primary-reverse:hover {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.md\:active\:bg-primary-reverse:active {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.md\:focus\:bg-white:focus {
background-color: #ffffff !important;
}
.md\:hover\:bg-white:hover {
background-color: #ffffff !important;
}
.md\:active\:bg-white:active {
background-color: #ffffff !important;
}
.md\:focus\:border-primary:focus {
border-color: var(--primary-color) !important;
}
.md\:hover\:border-primary:hover {
border-color: var(--primary-color) !important;
}
.md\:active\:border-primary:active {
border-color: var(--primary-color) !important;
}
.md\:focus\:text-white:focus {
color: #ffffff !important;
}
.md\:hover\:text-white:hover {
color: #ffffff !important;
}
.md\:active\:text-white:active {
color: #ffffff !important;
}
.md\:focus\:border-white:focus {
border-color: #ffffff !important;
}
.md\:hover\:border-white:hover {
border-color: #ffffff !important;
}
.md\:active\:border-white:active {
border-color: #ffffff !important;
}
.md\:focus\:text-color:focus {
color: var(--text-color) !important;
}
.md\:hover\:text-color:hover {
color: var(--text-color) !important;
}
.md\:active\:text-color:active {
color: var(--text-color) !important;
}
.md\:focus\:text-color-secondary:focus {
color: var(--text-color-secondary) !important;
}
.md\:hover\:text-color-secondary:hover {
color: var(--text-color-secondary) !important;
}
.md\:active\:text-color-secondary:active {
color: var(--text-color-secondary) !important;
}
.md\:focus\:surface-ground:focus {
background-color: var(--surface-ground) !important;
}
.md\:hover\:surface-ground:hover {
background-color: var(--surface-ground) !important;
}
.md\:active\:surface-ground:active {
background-color: var(--surface-ground) !important;
}
.md\:focus\:surface-section:focus {
background-color: var(--surface-section) !important;
}
.md\:hover\:surface-section:hover {
background-color: var(--surface-section) !important;
}
.md\:active\:surface-section:active {
background-color: var(--surface-section) !important;
}
.md\:focus\:surface-card:focus {
background-color: var(--surface-card) !important;
}
.md\:hover\:surface-card:hover {
background-color: var(--surface-card) !important;
}
.md\:active\:surface-card:active {
background-color: var(--surface-card) !important;
}
.md\:focus\:surface-overlay:focus {
background-color: var(--surface-overlay) !important;
}
.md\:hover\:surface-overlay:hover {
background-color: var(--surface-overlay) !important;
}
.md\:active\:surface-overlay:active {
background-color: var(--surface-overlay) !important;
}
.md\:focus\:surface-hover:focus {
background-color: var(--surface-hover) !important;
}
.md\:hover\:surface-hover:hover {
background-color: var(--surface-hover) !important;
}
.md\:active\:surface-hover:active {
background-color: var(--surface-hover) !important;
}
.md\:focus\:surface-border:focus {
border-color: var(--surface-border) !important;
}
.md\:hover\:surface-border:hover {
border-color: var(--surface-border) !important;
}
.md\:active\:surface-border:active {
border-color: var(--surface-border) !important;
}
}
@media screen and (min-width: 992px) {
.lg\:text-primary {
color: var(--primary-color) !important;
}
.lg\:bg-primary {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.lg\:bg-primary-reverse {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.lg\:bg-white {
background-color: #ffffff !important;
}
.lg\:border-primary {
border-color: var(--primary-color) !important;
}
.lg\:text-white {
color: #ffffff !important;
}
.lg\:border-white {
border-color: #ffffff !important;
}
.lg\:text-color {
color: var(--text-color) !important;
}
.lg\:text-color-secondary {
color: var(--text-color-secondary) !important;
}
.lg\:surface-ground {
background-color: var(--surface-ground) !important;
}
.lg\:surface-section {
background-color: var(--surface-section) !important;
}
.lg\:surface-card {
background-color: var(--surface-card) !important;
}
.lg\:surface-overlay {
background-color: var(--surface-overlay) !important;
}
.lg\:surface-hover {
background-color: var(--surface-hover) !important;
}
.lg\:surface-border {
border-color: var(--surface-border) !important;
}
.lg\:focus\:text-primary:focus {
color: var(--primary-color) !important;
}
.lg\:hover\:text-primary:hover {
color: var(--primary-color) !important;
}
.lg\:active\:text-primary:active {
color: var(--primary-color) !important;
}
.lg\:focus\:bg-primary:focus {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.lg\:hover\:bg-primary:hover {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.lg\:active\:bg-primary:active {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.lg\:focus\:bg-primary-reverse:focus {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.lg\:hover\:bg-primary-reverse:hover {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.lg\:active\:bg-primary-reverse:active {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.lg\:focus\:bg-white:focus {
background-color: #ffffff !important;
}
.lg\:hover\:bg-white:hover {
background-color: #ffffff !important;
}
.lg\:active\:bg-white:active {
background-color: #ffffff !important;
}
.lg\:focus\:border-primary:focus {
border-color: var(--primary-color) !important;
}
.lg\:hover\:border-primary:hover {
border-color: var(--primary-color) !important;
}
.lg\:active\:border-primary:active {
border-color: var(--primary-color) !important;
}
.lg\:focus\:text-white:focus {
color: #ffffff !important;
}
.lg\:hover\:text-white:hover {
color: #ffffff !important;
}
.lg\:active\:text-white:active {
color: #ffffff !important;
}
.lg\:focus\:border-white:focus {
border-color: #ffffff !important;
}
.lg\:hover\:border-white:hover {
border-color: #ffffff !important;
}
.lg\:active\:border-white:active {
border-color: #ffffff !important;
}
.lg\:focus\:text-color:focus {
color: var(--text-color) !important;
}
.lg\:hover\:text-color:hover {
color: var(--text-color) !important;
}
.lg\:active\:text-color:active {
color: var(--text-color) !important;
}
.lg\:focus\:text-color-secondary:focus {
color: var(--text-color-secondary) !important;
}
.lg\:hover\:text-color-secondary:hover {
color: var(--text-color-secondary) !important;
}
.lg\:active\:text-color-secondary:active {
color: var(--text-color-secondary) !important;
}
.lg\:focus\:surface-ground:focus {
background-color: var(--surface-ground) !important;
}
.lg\:hover\:surface-ground:hover {
background-color: var(--surface-ground) !important;
}
.lg\:active\:surface-ground:active {
background-color: var(--surface-ground) !important;
}
.lg\:focus\:surface-section:focus {
background-color: var(--surface-section) !important;
}
.lg\:hover\:surface-section:hover {
background-color: var(--surface-section) !important;
}
.lg\:active\:surface-section:active {
background-color: var(--surface-section) !important;
}
.lg\:focus\:surface-card:focus {
background-color: var(--surface-card) !important;
}
.lg\:hover\:surface-card:hover {
background-color: var(--surface-card) !important;
}
.lg\:active\:surface-card:active {
background-color: var(--surface-card) !important;
}
.lg\:focus\:surface-overlay:focus {
background-color: var(--surface-overlay) !important;
}
.lg\:hover\:surface-overlay:hover {
background-color: var(--surface-overlay) !important;
}
.lg\:active\:surface-overlay:active {
background-color: var(--surface-overlay) !important;
}
.lg\:focus\:surface-hover:focus {
background-color: var(--surface-hover) !important;
}
.lg\:hover\:surface-hover:hover {
background-color: var(--surface-hover) !important;
}
.lg\:active\:surface-hover:active {
background-color: var(--surface-hover) !important;
}
.lg\:focus\:surface-border:focus {
border-color: var(--surface-border) !important;
}
.lg\:hover\:surface-border:hover {
border-color: var(--surface-border) !important;
}
.lg\:active\:surface-border:active {
border-color: var(--surface-border) !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:text-primary {
color: var(--primary-color) !important;
}
.xl\:bg-primary {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.xl\:bg-primary-reverse {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.xl\:bg-white {
background-color: #ffffff !important;
}
.xl\:border-primary {
border-color: var(--primary-color) !important;
}
.xl\:text-white {
color: #ffffff !important;
}
.xl\:border-white {
border-color: #ffffff !important;
}
.xl\:text-color {
color: var(--text-color) !important;
}
.xl\:text-color-secondary {
color: var(--text-color-secondary) !important;
}
.xl\:surface-ground {
background-color: var(--surface-ground) !important;
}
.xl\:surface-section {
background-color: var(--surface-section) !important;
}
.xl\:surface-card {
background-color: var(--surface-card) !important;
}
.xl\:surface-overlay {
background-color: var(--surface-overlay) !important;
}
.xl\:surface-hover {
background-color: var(--surface-hover) !important;
}
.xl\:surface-border {
border-color: var(--surface-border) !important;
}
.xl\:focus\:text-primary:focus {
color: var(--primary-color) !important;
}
.xl\:hover\:text-primary:hover {
color: var(--primary-color) !important;
}
.xl\:active\:text-primary:active {
color: var(--primary-color) !important;
}
.xl\:focus\:bg-primary:focus {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.xl\:hover\:bg-primary:hover {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.xl\:active\:bg-primary:active {
color: var(--primary-color-text) !important;
background-color: var(--primary-color) !important;
}
.xl\:focus\:bg-primary-reverse:focus {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.xl\:hover\:bg-primary-reverse:hover {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.xl\:active\:bg-primary-reverse:active {
color: var(--primary-color) !important;
background-color: var(--primary-color-text) !important;
}
.xl\:focus\:bg-white:focus {
background-color: #ffffff !important;
}
.xl\:hover\:bg-white:hover {
background-color: #ffffff !important;
}
.xl\:active\:bg-white:active {
background-color: #ffffff !important;
}
.xl\:focus\:border-primary:focus {
border-color: var(--primary-color) !important;
}
.xl\:hover\:border-primary:hover {
border-color: var(--primary-color) !important;
}
.xl\:active\:border-primary:active {
border-color: var(--primary-color) !important;
}
.xl\:focus\:text-white:focus {
color: #ffffff !important;
}
.xl\:hover\:text-white:hover {
color: #ffffff !important;
}
.xl\:active\:text-white:active {
color: #ffffff !important;
}
.xl\:focus\:border-white:focus {
border-color: #ffffff !important;
}
.xl\:hover\:border-white:hover {
border-color: #ffffff !important;
}
.xl\:active\:border-white:active {
border-color: #ffffff !important;
}
.xl\:focus\:text-color:focus {
color: var(--text-color) !important;
}
.xl\:hover\:text-color:hover {
color: var(--text-color) !important;
}
.xl\:active\:text-color:active {
color: var(--text-color) !important;
}
.xl\:focus\:text-color-secondary:focus {
color: var(--text-color-secondary) !important;
}
.xl\:hover\:text-color-secondary:hover {
color: var(--text-color-secondary) !important;
}
.xl\:active\:text-color-secondary:active {
color: var(--text-color-secondary) !important;
}
.xl\:focus\:surface-ground:focus {
background-color: var(--surface-ground) !important;
}
.xl\:hover\:surface-ground:hover {
background-color: var(--surface-ground) !important;
}
.xl\:active\:surface-ground:active {
background-color: var(--surface-ground) !important;
}
.xl\:focus\:surface-section:focus {
background-color: var(--surface-section) !important;
}
.xl\:hover\:surface-section:hover {
background-color: var(--surface-section) !important;
}
.xl\:active\:surface-section:active {
background-color: var(--surface-section) !important;
}
.xl\:focus\:surface-card:focus {
background-color: var(--surface-card) !important;
}
.xl\:hover\:surface-card:hover {
background-color: var(--surface-card) !important;
}
.xl\:active\:surface-card:active {
background-color: var(--surface-card) !important;
}
.xl\:focus\:surface-overlay:focus {
background-color: var(--surface-overlay) !important;
}
.xl\:hover\:surface-overlay:hover {
background-color: var(--surface-overlay) !important;
}
.xl\:active\:surface-overlay:active {
background-color: var(--surface-overlay) !important;
}
.xl\:focus\:surface-hover:focus {
background-color: var(--surface-hover) !important;
}
.xl\:hover\:surface-hover:hover {
background-color: var(--surface-hover) !important;
}
.xl\:active\:surface-hover:active {
background-color: var(--surface-hover) !important;
}
.xl\:focus\:surface-border:focus {
border-color: var(--surface-border) !important;
}
.xl\:hover\:surface-border:hover {
border-color: var(--surface-border) !important;
}
.xl\:active\:surface-border:active {
border-color: var(--surface-border) !important;
}
}
.field {
margin-bottom: 1rem;
}
.field > label {
display: inline-block;
margin-bottom: 0.5rem;
}
.field.grid > label {
display: flex;
align-items: center;
}
.field > small {
margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
padding-top: 0;
padding-bottom: 0;
}
.formgroup-inline {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
margin-right: 0.5rem;
margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
margin-left: 0.5rem;
line-height: 1;
}
.hidden {
display: none !important;
}
.block {
display: block !important;
}
.inline {
display: inline !important;
}
.inline-block {
display: inline-block !important;
}
.flex {
display: flex !important;
}
.inline-flex {
display: inline-flex !important;
}
@media screen and (min-width: 576px) {
.sm\:hidden {
display: none !important;
}
.sm\:block {
display: block !important;
}
.sm\:inline {
display: inline !important;
}
.sm\:inline-block {
display: inline-block !important;
}
.sm\:flex {
display: flex !important;
}
.sm\:inline-flex {
display: inline-flex !important;
}
}
@media screen and (min-width: 768px) {
.md\:hidden {
display: none !important;
}
.md\:block {
display: block !important;
}
.md\:inline {
display: inline !important;
}
.md\:inline-block {
display: inline-block !important;
}
.md\:flex {
display: flex !important;
}
.md\:inline-flex {
display: inline-flex !important;
}
}
@media screen and (min-width: 992px) {
.lg\:hidden {
display: none !important;
}
.lg\:block {
display: block !important;
}
.lg\:inline {
display: inline !important;
}
.lg\:inline-block {
display: inline-block !important;
}
.lg\:flex {
display: flex !important;
}
.lg\:inline-flex {
display: inline-flex !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:hidden {
display: none !important;
}
.xl\:block {
display: block !important;
}
.xl\:inline {
display: inline !important;
}
.xl\:inline-block {
display: inline-block !important;
}
.xl\:flex {
display: flex !important;
}
.xl\:inline-flex {
display: inline-flex !important;
}
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
@media screen and (min-width: 576px) {
.sm\:text-center {
text-align: center !important;
}
.sm\:text-justify {
text-align: justify !important;
}
.sm\:text-left {
text-align: left !important;
}
.sm\:text-right {
text-align: right !important;
}
}
@media screen and (min-width: 768px) {
.md\:text-center {
text-align: center !important;
}
.md\:text-justify {
text-align: justify !important;
}
.md\:text-left {
text-align: left !important;
}
.md\:text-right {
text-align: right !important;
}
}
@media screen and (min-width: 992px) {
.lg\:text-center {
text-align: center !important;
}
.lg\:text-justify {
text-align: justify !important;
}
.lg\:text-left {
text-align: left !important;
}
.lg\:text-right {
text-align: right !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:text-center {
text-align: center !important;
}
.xl\:text-justify {
text-align: justify !important;
}
.xl\:text-left {
text-align: left !important;
}
.xl\:text-right {
text-align: right !important;
}
}
.underline {
text-decoration: underline !important;
}
.line-through {
text-decoration: line-through !important;
}
.no-underline {
text-decoration: none !important;
}
.focus\:underline:focus {
text-decoration: underline !important;
}
.hover\:underline:hover {
text-decoration: underline !important;
}
.active\:underline:active {
text-decoration: underline !important;
}
.focus\:line-through:focus {
text-decoration: line-through !important;
}
.hover\:line-through:hover {
text-decoration: line-through !important;
}
.active\:line-through:active {
text-decoration: line-through !important;
}
.focus\:no-underline:focus {
text-decoration: none !important;
}
.hover\:no-underline:hover {
text-decoration: none !important;
}
.active\:no-underline:active {
text-decoration: none !important;
}
.lowercase {
text-transform: lowercase !important;
}
.uppercase {
text-transform: uppercase !important;
}
.capitalize {
text-transform: capitalize !important;
}
.text-overflow-clip {
text-overflow: clip !important;
}
.text-overflow-ellipsis {
text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
.sm\:text-overflow-clip {
text-overflow: clip !important;
}
.sm\:text-overflow-ellipsis {
text-overflow: ellipsis !important;
}
}
@media screen and (min-width: 768px) {
.md\:text-overflow-clip {
text-overflow: clip !important;
}
.md\:text-overflow-ellipsis {
text-overflow: ellipsis !important;
}
}
@media screen and (min-width: 992px) {
.lg\:text-overflow-clip {
text-overflow: clip !important;
}
.lg\:text-overflow-ellipsis {
text-overflow: ellipsis !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:text-overflow-clip {
text-overflow: clip !important;
}
.xl\:text-overflow-ellipsis {
text-overflow: ellipsis !important;
}
}
.font-light {
font-weight: 300 !important;
}
.font-normal {
font-weight: 400 !important;
}
.font-medium {
font-weight: 500 !important;
}
.font-semibold {
font-weight: 600 !important;
}
.font-bold {
font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
.sm\:font-light {
font-weight: 300 !important;
}
.sm\:font-normal {
font-weight: 400 !important;
}
.sm\:font-medium {
font-weight: 500 !important;
}
.sm\:font-semibold {
font-weight: 600 !important;
}
.sm\:font-bold {
font-weight: 700 !important;
}
}
@media screen and (min-width: 768px) {
.md\:font-light {
font-weight: 300 !important;
}
.md\:font-normal {
font-weight: 400 !important;
}
.md\:font-medium {
font-weight: 500 !important;
}
.md\:font-semibold {
font-weight: 600 !important;
}
.md\:font-bold {
font-weight: 700 !important;
}
}
@media screen and (min-width: 992px) {
.lg\:font-light {
font-weight: 300 !important;
}
.lg\:font-normal {
font-weight: 400 !important;
}
.lg\:font-medium {
font-weight: 500 !important;
}
.lg\:font-semibold {
font-weight: 600 !important;
}
.lg\:font-bold {
font-weight: 700 !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:font-light {
font-weight: 300 !important;
}
.xl\:font-normal {
font-weight: 400 !important;
}
.xl\:font-medium {
font-weight: 500 !important;
}
.xl\:font-semibold {
font-weight: 600 !important;
}
.xl\:font-bold {
font-weight: 700 !important;
}
}
.font-italic {
font-style: italic !important;
}
.text-xs {
font-size: 0.75rem !important;
}
.text-sm {
font-size: 0.875rem !important;
}
.text-base {
font-size: 1rem !important;
}
.text-lg {
font-size: 1.125rem !important;
}
.text-xl {
font-size: 1.25rem !important;
}
.text-2xl {
font-size: 1.5rem !important;
}
.text-3xl {
font-size: 1.75rem !important;
}
.text-4xl {
font-size: 2rem !important;
}
.text-5xl {
font-size: 2.5rem !important;
}
.text-6xl {
font-size: 3rem !important;
}
.text-7xl {
font-size: 4rem !important;
}
.text-8xl {
font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
.sm\:text-xs {
font-size: 0.75rem !important;
}
.sm\:text-sm {
font-size: 0.875rem !important;
}
.sm\:text-base {
font-size: 1rem !important;
}
.sm\:text-lg {
font-size: 1.125rem !important;
}
.sm\:text-xl {
font-size: 1.25rem !important;
}
.sm\:text-2xl {
font-size: 1.5rem !important;
}
.sm\:text-3xl {
font-size: 1.75rem !important;
}
.sm\:text-4xl {
font-size: 2rem !important;
}
.sm\:text-5xl {
font-size: 2.5rem !important;
}
.sm\:text-6xl {
font-size: 3rem !important;
}
.sm\:text-7xl {
font-size: 4rem !important;
}
.sm\:text-8xl {
font-size: 6rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:text-xs {
font-size: 0.75rem !important;
}
.md\:text-sm {
font-size: 0.875rem !important;
}
.md\:text-base {
font-size: 1rem !important;
}
.md\:text-lg {
font-size: 1.125rem !important;
}
.md\:text-xl {
font-size: 1.25rem !important;
}
.md\:text-2xl {
font-size: 1.5rem !important;
}
.md\:text-3xl {
font-size: 1.75rem !important;
}
.md\:text-4xl {
font-size: 2rem !important;
}
.md\:text-5xl {
font-size: 2.5rem !important;
}
.md\:text-6xl {
font-size: 3rem !important;
}
.md\:text-7xl {
font-size: 4rem !important;
}
.md\:text-8xl {
font-size: 6rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:text-xs {
font-size: 0.75rem !important;
}
.lg\:text-sm {
font-size: 0.875rem !important;
}
.lg\:text-base {
font-size: 1rem !important;
}
.lg\:text-lg {
font-size: 1.125rem !important;
}
.lg\:text-xl {
font-size: 1.25rem !important;
}
.lg\:text-2xl {
font-size: 1.5rem !important;
}
.lg\:text-3xl {
font-size: 1.75rem !important;
}
.lg\:text-4xl {
font-size: 2rem !important;
}
.lg\:text-5xl {
font-size: 2.5rem !important;
}
.lg\:text-6xl {
font-size: 3rem !important;
}
.lg\:text-7xl {
font-size: 4rem !important;
}
.lg\:text-8xl {
font-size: 6rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:text-xs {
font-size: 0.75rem !important;
}
.xl\:text-sm {
font-size: 0.875rem !important;
}
.xl\:text-base {
font-size: 1rem !important;
}
.xl\:text-lg {
font-size: 1.125rem !important;
}
.xl\:text-xl {
font-size: 1.25rem !important;
}
.xl\:text-2xl {
font-size: 1.5rem !important;
}
.xl\:text-3xl {
font-size: 1.75rem !important;
}
.xl\:text-4xl {
font-size: 2rem !important;
}
.xl\:text-5xl {
font-size: 2.5rem !important;
}
.xl\:text-6xl {
font-size: 3rem !important;
}
.xl\:text-7xl {
font-size: 4rem !important;
}
.xl\:text-8xl {
font-size: 6rem !important;
}
}
.line-height-1 {
line-height: 1 !important;
}
.line-height-2 {
line-height: 1.25 !important;
}
.line-height-3 {
line-height: 1.5 !important;
}
.line-height-4 {
line-height: 2 !important;
}
.white-space-normal {
white-space: normal !important;
}
.white-space-nowrap {
white-space: nowrap !important;
}
.vertical-align-baseline {
vertical-align: baseline !important;
}
.vertical-align-top {
vertical-align: top !important;
}
.vertical-align-middle {
vertical-align: middle !important;
}
.vertical-align-bottom {
vertical-align: bottom !important;
}
.vertical-align-text-top {
vertical-align: text-top !important;
}
.vertical-align-text-bottom {
vertical-align: text-bottom !important;
}
.vertical-align-sub {
vertical-align: sub !important;
}
.vertical-align-super {
vertical-align: super !important;
}
@media screen and (min-width: 576px) {
.sm\:vertical-align-baseline {
vertical-align: baseline !important;
}
.sm\:vertical-align-top {
vertical-align: top !important;
}
.sm\:vertical-align-middle {
vertical-align: middle !important;
}
.sm\:vertical-align-bottom {
vertical-align: bottom !important;
}
.sm\:vertical-align-text-top {
vertical-align: text-top !important;
}
.sm\:vertical-align-text-bottom {
vertical-align: text-bottom !important;
}
.sm\:vertical-align-sub {
vertical-align: sub !important;
}
.sm\:vertical-align-super {
vertical-align: super !important;
}
}
@media screen and (min-width: 768px) {
.md\:vertical-align-baseline {
vertical-align: baseline !important;
}
.md\:vertical-align-top {
vertical-align: top !important;
}
.md\:vertical-align-middle {
vertical-align: middle !important;
}
.md\:vertical-align-bottom {
vertical-align: bottom !important;
}
.md\:vertical-align-text-top {
vertical-align: text-top !important;
}
.md\:vertical-align-text-bottom {
vertical-align: text-bottom !important;
}
.md\:vertical-align-sub {
vertical-align: sub !important;
}
.md\:vertical-align-super {
vertical-align: super !important;
}
}
@media screen and (min-width: 992px) {
.lg\:vertical-align-baseline {
vertical-align: baseline !important;
}
.lg\:vertical-align-top {
vertical-align: top !important;
}
.lg\:vertical-align-middle {
vertical-align: middle !important;
}
.lg\:vertical-align-bottom {
vertical-align: bottom !important;
}
.lg\:vertical-align-text-top {
vertical-align: text-top !important;
}
.lg\:vertical-align-text-bottom {
vertical-align: text-bottom !important;
}
.lg\:vertical-align-sub {
vertical-align: sub !important;
}
.lg\:vertical-align-super {
vertical-align: super !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:vertical-align-baseline {
vertical-align: baseline !important;
}
.xl\:vertical-align-top {
vertical-align: top !important;
}
.xl\:vertical-align-middle {
vertical-align: middle !important;
}
.xl\:vertical-align-bottom {
vertical-align: bottom !important;
}
.xl\:vertical-align-text-top {
vertical-align: text-top !important;
}
.xl\:vertical-align-text-bottom {
vertical-align: text-bottom !important;
}
.xl\:vertical-align-sub {
vertical-align: sub !important;
}
.xl\:vertical-align-super {
vertical-align: super !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
.sm\:flex-row {
flex-direction: row !important;
}
.sm\:flex-row-reverse {
flex-direction: row-reverse !important;
}
.sm\:flex-column {
flex-direction: column !important;
}
.sm\:flex-column-reverse {
flex-direction: column-reverse !important;
}
}
@media screen and (min-width: 768px) {
.md\:flex-row {
flex-direction: row !important;
}
.md\:flex-row-reverse {
flex-direction: row-reverse !important;
}
.md\:flex-column {
flex-direction: column !important;
}
.md\:flex-column-reverse {
flex-direction: column-reverse !important;
}
}
@media screen and (min-width: 992px) {
.lg\:flex-row {
flex-direction: row !important;
}
.lg\:flex-row-reverse {
flex-direction: row-reverse !important;
}
.lg\:flex-column {
flex-direction: column !important;
}
.lg\:flex-column-reverse {
flex-direction: column-reverse !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:flex-row {
flex-direction: row !important;
}
.xl\:flex-row-reverse {
flex-direction: row-reverse !important;
}
.xl\:flex-column {
flex-direction: column !important;
}
.xl\:flex-column-reverse {
flex-direction: column-reverse !important;
}
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
.sm\:flex-wrap {
flex-wrap: wrap !important;
}
.sm\:flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.sm\:flex-nowrap {
flex-wrap: nowrap !important;
}
}
@media screen and (min-width: 768px) {
.md\:flex-wrap {
flex-wrap: wrap !important;
}
.md\:flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.md\:flex-nowrap {
flex-wrap: nowrap !important;
}
}
@media screen and (min-width: 992px) {
.lg\:flex-wrap {
flex-wrap: wrap !important;
}
.lg\:flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.lg\:flex-nowrap {
flex-wrap: nowrap !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:flex-wrap {
flex-wrap: wrap !important;
}
.xl\:flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.xl\:flex-nowrap {
flex-wrap: nowrap !important;
}
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
.sm\:justify-content-start {
justify-content: flex-start !important;
}
.sm\:justify-content-end {
justify-content: flex-end !important;
}
.sm\:justify-content-center {
justify-content: center !important;
}
.sm\:justify-content-between {
justify-content: space-between !important;
}
.sm\:justify-content-around {
justify-content: space-around !important;
}
.sm\:justify-content-evenly {
justify-content: space-evenly !important;
}
}
@media screen and (min-width: 768px) {
.md\:justify-content-start {
justify-content: flex-start !important;
}
.md\:justify-content-end {
justify-content: flex-end !important;
}
.md\:justify-content-center {
justify-content: center !important;
}
.md\:justify-content-between {
justify-content: space-between !important;
}
.md\:justify-content-around {
justify-content: space-around !important;
}
.md\:justify-content-evenly {
justify-content: space-evenly !important;
}
}
@media screen and (min-width: 992px) {
.lg\:justify-content-start {
justify-content: flex-start !important;
}
.lg\:justify-content-end {
justify-content: flex-end !important;
}
.lg\:justify-content-center {
justify-content: center !important;
}
.lg\:justify-content-between {
justify-content: space-between !important;
}
.lg\:justify-content-around {
justify-content: space-around !important;
}
.lg\:justify-content-evenly {
justify-content: space-evenly !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:justify-content-start {
justify-content: flex-start !important;
}
.xl\:justify-content-end {
justify-content: flex-end !important;
}
.xl\:justify-content-center {
justify-content: center !important;
}
.xl\:justify-content-between {
justify-content: space-between !important;
}
.xl\:justify-content-around {
justify-content: space-around !important;
}
.xl\:justify-content-evenly {
justify-content: space-evenly !important;
}
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-evenly {
align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
.sm\:align-content-start {
align-content: flex-start !important;
}
.sm\:align-content-end {
align-content: flex-end !important;
}
.sm\:align-content-center {
align-content: center !important;
}
.sm\:align-content-between {
align-content: space-between !important;
}
.sm\:align-content-around {
align-content: space-around !important;
}
.sm\:align-content-evenly {
align-content: space-evenly !important;
}
}
@media screen and (min-width: 768px) {
.md\:align-content-start {
align-content: flex-start !important;
}
.md\:align-content-end {
align-content: flex-end !important;
}
.md\:align-content-center {
align-content: center !important;
}
.md\:align-content-between {
align-content: space-between !important;
}
.md\:align-content-around {
align-content: space-around !important;
}
.md\:align-content-evenly {
align-content: space-evenly !important;
}
}
@media screen and (min-width: 992px) {
.lg\:align-content-start {
align-content: flex-start !important;
}
.lg\:align-content-end {
align-content: flex-end !important;
}
.lg\:align-content-center {
align-content: center !important;
}
.lg\:align-content-between {
align-content: space-between !important;
}
.lg\:align-content-around {
align-content: space-around !important;
}
.lg\:align-content-evenly {
align-content: space-evenly !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:align-content-start {
align-content: flex-start !important;
}
.xl\:align-content-end {
align-content: flex-end !important;
}
.xl\:align-content-center {
align-content: center !important;
}
.xl\:align-content-between {
align-content: space-between !important;
}
.xl\:align-content-around {
align-content: space-around !important;
}
.xl\:align-content-evenly {
align-content: space-evenly !important;
}
}
.align-items-stretch {
align-items: stretch !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-baseline {
align-items: baseline !important;
}
@media screen and (min-width: 576px) {
.sm\:align-items-stretch {
align-items: stretch !important;
}
.sm\:align-items-start {
align-items: flex-start !important;
}
.sm\:align-items-center {
align-items: center !important;
}
.sm\:align-items-end {
align-items: flex-end !important;
}
.sm\:align-items-baseline {
align-items: baseline !important;
}
}
@media screen and (min-width: 768px) {
.md\:align-items-stretch {
align-items: stretch !important;
}
.md\:align-items-start {
align-items: flex-start !important;
}
.md\:align-items-center {
align-items: center !important;
}
.md\:align-items-end {
align-items: flex-end !important;
}
.md\:align-items-baseline {
align-items: baseline !important;
}
}
@media screen and (min-width: 992px) {
.lg\:align-items-stretch {
align-items: stretch !important;
}
.lg\:align-items-start {
align-items: flex-start !important;
}
.lg\:align-items-center {
align-items: center !important;
}
.lg\:align-items-end {
align-items: flex-end !important;
}
.lg\:align-items-baseline {
align-items: baseline !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:align-items-stretch {
align-items: stretch !important;
}
.xl\:align-items-start {
align-items: flex-start !important;
}
.xl\:align-items-center {
align-items: center !important;
}
.xl\:align-items-end {
align-items: flex-end !important;
}
.xl\:align-items-baseline {
align-items: baseline !important;
}
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.align-self-baseline {
align-self: baseline !important;
}
@media screen and (min-width: 576px) {
.sm\:align-self-auto {
align-self: auto !important;
}
.sm\:align-self-start {
align-self: flex-start !important;
}
.sm\:align-self-end {
align-self: flex-end !important;
}
.sm\:align-self-center {
align-self: center !important;
}
.sm\:align-self-stretch {
align-self: stretch !important;
}
.sm\:align-self-baseline {
align-self: baseline !important;
}
}
@media screen and (min-width: 768px) {
.md\:align-self-auto {
align-self: auto !important;
}
.md\:align-self-start {
align-self: flex-start !important;
}
.md\:align-self-end {
align-self: flex-end !important;
}
.md\:align-self-center {
align-self: center !important;
}
.md\:align-self-stretch {
align-self: stretch !important;
}
.md\:align-self-baseline {
align-self: baseline !important;
}
}
@media screen and (min-width: 992px) {
.lg\:align-self-auto {
align-self: auto !important;
}
.lg\:align-self-start {
align-self: flex-start !important;
}
.lg\:align-self-end {
align-self: flex-end !important;
}
.lg\:align-self-center {
align-self: center !important;
}
.lg\:align-self-stretch {
align-self: stretch !important;
}
.lg\:align-self-baseline {
align-self: baseline !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:align-self-auto {
align-self: auto !important;
}
.xl\:align-self-start {
align-self: flex-start !important;
}
.xl\:align-self-end {
align-self: flex-end !important;
}
.xl\:align-self-center {
align-self: center !important;
}
.xl\:align-self-stretch {
align-self: stretch !important;
}
.xl\:align-self-baseline {
align-self: baseline !important;
}
}
.flex-order-0 {
order: 0 !important;
}
.flex-order-1 {
order: 1 !important;
}
.flex-order-2 {
order: 2 !important;
}
.flex-order-3 {
order: 3 !important;
}
.flex-order-4 {
order: 4 !important;
}
.flex-order-5 {
order: 5 !important;
}
.flex-order-6 {
order: 6 !important;
}
@media screen and (min-width: 576px) {
.sm\:flex-order-0 {
order: 0 !important;
}
.sm\:flex-order-1 {
order: 1 !important;
}
.sm\:flex-order-2 {
order: 2 !important;
}
.sm\:flex-order-3 {
order: 3 !important;
}
.sm\:flex-order-4 {
order: 4 !important;
}
.sm\:flex-order-5 {
order: 5 !important;
}
.sm\:flex-order-6 {
order: 6 !important;
}
}
@media screen and (min-width: 768px) {
.md\:flex-order-0 {
order: 0 !important;
}
.md\:flex-order-1 {
order: 1 !important;
}
.md\:flex-order-2 {
order: 2 !important;
}
.md\:flex-order-3 {
order: 3 !important;
}
.md\:flex-order-4 {
order: 4 !important;
}
.md\:flex-order-5 {
order: 5 !important;
}
.md\:flex-order-6 {
order: 6 !important;
}
}
@media screen and (min-width: 992px) {
.lg\:flex-order-0 {
order: 0 !important;
}
.lg\:flex-order-1 {
order: 1 !important;
}
.lg\:flex-order-2 {
order: 2 !important;
}
.lg\:flex-order-3 {
order: 3 !important;
}
.lg\:flex-order-4 {
order: 4 !important;
}
.lg\:flex-order-5 {
order: 5 !important;
}
.lg\:flex-order-6 {
order: 6 !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:flex-order-0 {
order: 0 !important;
}
.xl\:flex-order-1 {
order: 1 !important;
}
.xl\:flex-order-2 {
order: 2 !important;
}
.xl\:flex-order-3 {
order: 3 !important;
}
.xl\:flex-order-4 {
order: 4 !important;
}
.xl\:flex-order-5 {
order: 5 !important;
}
.xl\:flex-order-6 {
order: 6 !important;
}
}
.flex-1 {
flex: 1 1 0% !important;
}
.flex-auto {
flex: 1 1 auto !important;
}
.flex-initial {
flex: 0 1 auto !important;
}
.flex-none {
flex: none !important;
}
@media screen and (min-width: 576px) {
.sm\:flex-1 {
flex: 1 1 0% !important;
}
.sm\:flex-auto {
flex: 1 1 auto !important;
}
.sm\:flex-initial {
flex: 0 1 auto !important;
}
.sm\:flex-none {
flex: none !important;
}
}
@media screen and (min-width: 768px) {
.md\:flex-1 {
flex: 1 1 0% !important;
}
.md\:flex-auto {
flex: 1 1 auto !important;
}
.md\:flex-initial {
flex: 0 1 auto !important;
}
.md\:flex-none {
flex: none !important;
}
}
@media screen and (min-width: 992px) {
.lg\:flex-1 {
flex: 1 1 0% !important;
}
.lg\:flex-auto {
flex: 1 1 auto !important;
}
.lg\:flex-initial {
flex: 0 1 auto !important;
}
.lg\:flex-none {
flex: none !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:flex-1 {
flex: 1 1 0% !important;
}
.xl\:flex-auto {
flex: 1 1 auto !important;
}
.xl\:flex-initial {
flex: 0 1 auto !important;
}
.xl\:flex-none {
flex: none !important;
}
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
.sm\:flex-grow-0 {
flex-grow: 0 !important;
}
.sm\:flex-grow-1 {
flex-grow: 1 !important;
}
}
@media screen and (min-width: 768px) {
.md\:flex-grow-0 {
flex-grow: 0 !important;
}
.md\:flex-grow-1 {
flex-grow: 1 !important;
}
}
@media screen and (min-width: 992px) {
.lg\:flex-grow-0 {
flex-grow: 0 !important;
}
.lg\:flex-grow-1 {
flex-grow: 1 !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:flex-grow-0 {
flex-grow: 0 !important;
}
.xl\:flex-grow-1 {
flex-grow: 1 !important;
}
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
.sm\:flex-shrink-0 {
flex-shrink: 0 !important;
}
.sm\:flex-shrink-1 {
flex-shrink: 1 !important;
}
}
@media screen and (min-width: 768px) {
.md\:flex-shrink-0 {
flex-shrink: 0 !important;
}
.md\:flex-shrink-1 {
flex-shrink: 1 !important;
}
}
@media screen and (min-width: 992px) {
.lg\:flex-shrink-0 {
flex-shrink: 0 !important;
}
.lg\:flex-shrink-1 {
flex-shrink: 1 !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:flex-shrink-0 {
flex-shrink: 0 !important;
}
.xl\:flex-shrink-1 {
flex-shrink: 1 !important;
}
}
.gap-0 {
gap: 0rem !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 2rem !important;
}
.gap-6 {
gap: 3rem !important;
}
.gap-7 {
gap: 4rem !important;
}
.gap-8 {
gap: 5rem !important;
}
.row-gap-0 {
row-gap: 0rem !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.row-gap-3 {
row-gap: 1rem !important;
}
.row-gap-4 {
row-gap: 1.5rem !important;
}
.row-gap-5 {
row-gap: 2rem !important;
}
.row-gap-6 {
row-gap: 3rem !important;
}
.row-gap-7 {
row-gap: 4rem !important;
}
.row-gap-8 {
row-gap: 5rem !important;
}
.column-gap-0 {
column-gap: 0rem !important;
}
.column-gap-1 {
column-gap: 0.25rem !important;
}
.column-gap-2 {
column-gap: 0.5rem !important;
}
.column-gap-3 {
column-gap: 1rem !important;
}
.column-gap-4 {
column-gap: 1.5rem !important;
}
.column-gap-5 {
column-gap: 2rem !important;
}
.column-gap-6 {
column-gap: 3rem !important;
}
.column-gap-7 {
column-gap: 4rem !important;
}
.column-gap-8 {
column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
.sm\:gap-0 {
gap: 0rem !important;
}
.sm\:gap-1 {
gap: 0.25rem !important;
}
.sm\:gap-2 {
gap: 0.5rem !important;
}
.sm\:gap-3 {
gap: 1rem !important;
}
.sm\:gap-4 {
gap: 1.5rem !important;
}
.sm\:gap-5 {
gap: 2rem !important;
}
.sm\:gap-6 {
gap: 3rem !important;
}
.sm\:gap-7 {
gap: 4rem !important;
}
.sm\:gap-8 {
gap: 5rem !important;
}
.sm\:row-gap-0 {
row-gap: 0rem !important;
}
.sm\:row-gap-1 {
row-gap: 0.25rem !important;
}
.sm\:row-gap-2 {
row-gap: 0.5rem !important;
}
.sm\:row-gap-3 {
row-gap: 1rem !important;
}
.sm\:row-gap-4 {
row-gap: 1.5rem !important;
}
.sm\:row-gap-5 {
row-gap: 2rem !important;
}
.sm\:row-gap-6 {
row-gap: 3rem !important;
}
.sm\:row-gap-7 {
row-gap: 4rem !important;
}
.sm\:row-gap-8 {
row-gap: 5rem !important;
}
.sm\:column-gap-0 {
column-gap: 0rem !important;
}
.sm\:column-gap-1 {
column-gap: 0.25rem !important;
}
.sm\:column-gap-2 {
column-gap: 0.5rem !important;
}
.sm\:column-gap-3 {
column-gap: 1rem !important;
}
.sm\:column-gap-4 {
column-gap: 1.5rem !important;
}
.sm\:column-gap-5 {
column-gap: 2rem !important;
}
.sm\:column-gap-6 {
column-gap: 3rem !important;
}
.sm\:column-gap-7 {
column-gap: 4rem !important;
}
.sm\:column-gap-8 {
column-gap: 5rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:gap-0 {
gap: 0rem !important;
}
.md\:gap-1 {
gap: 0.25rem !important;
}
.md\:gap-2 {
gap: 0.5rem !important;
}
.md\:gap-3 {
gap: 1rem !important;
}
.md\:gap-4 {
gap: 1.5rem !important;
}
.md\:gap-5 {
gap: 2rem !important;
}
.md\:gap-6 {
gap: 3rem !important;
}
.md\:gap-7 {
gap: 4rem !important;
}
.md\:gap-8 {
gap: 5rem !important;
}
.md\:row-gap-0 {
row-gap: 0rem !important;
}
.md\:row-gap-1 {
row-gap: 0.25rem !important;
}
.md\:row-gap-2 {
row-gap: 0.5rem !important;
}
.md\:row-gap-3 {
row-gap: 1rem !important;
}
.md\:row-gap-4 {
row-gap: 1.5rem !important;
}
.md\:row-gap-5 {
row-gap: 2rem !important;
}
.md\:row-gap-6 {
row-gap: 3rem !important;
}
.md\:row-gap-7 {
row-gap: 4rem !important;
}
.md\:row-gap-8 {
row-gap: 5rem !important;
}
.md\:column-gap-0 {
column-gap: 0rem !important;
}
.md\:column-gap-1 {
column-gap: 0.25rem !important;
}
.md\:column-gap-2 {
column-gap: 0.5rem !important;
}
.md\:column-gap-3 {
column-gap: 1rem !important;
}
.md\:column-gap-4 {
column-gap: 1.5rem !important;
}
.md\:column-gap-5 {
column-gap: 2rem !important;
}
.md\:column-gap-6 {
column-gap: 3rem !important;
}
.md\:column-gap-7 {
column-gap: 4rem !important;
}
.md\:column-gap-8 {
column-gap: 5rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:gap-0 {
gap: 0rem !important;
}
.lg\:gap-1 {
gap: 0.25rem !important;
}
.lg\:gap-2 {
gap: 0.5rem !important;
}
.lg\:gap-3 {
gap: 1rem !important;
}
.lg\:gap-4 {
gap: 1.5rem !important;
}
.lg\:gap-5 {
gap: 2rem !important;
}
.lg\:gap-6 {
gap: 3rem !important;
}
.lg\:gap-7 {
gap: 4rem !important;
}
.lg\:gap-8 {
gap: 5rem !important;
}
.lg\:row-gap-0 {
row-gap: 0rem !important;
}
.lg\:row-gap-1 {
row-gap: 0.25rem !important;
}
.lg\:row-gap-2 {
row-gap: 0.5rem !important;
}
.lg\:row-gap-3 {
row-gap: 1rem !important;
}
.lg\:row-gap-4 {
row-gap: 1.5rem !important;
}
.lg\:row-gap-5 {
row-gap: 2rem !important;
}
.lg\:row-gap-6 {
row-gap: 3rem !important;
}
.lg\:row-gap-7 {
row-gap: 4rem !important;
}
.lg\:row-gap-8 {
row-gap: 5rem !important;
}
.lg\:column-gap-0 {
column-gap: 0rem !important;
}
.lg\:column-gap-1 {
column-gap: 0.25rem !important;
}
.lg\:column-gap-2 {
column-gap: 0.5rem !important;
}
.lg\:column-gap-3 {
column-gap: 1rem !important;
}
.lg\:column-gap-4 {
column-gap: 1.5rem !important;
}
.lg\:column-gap-5 {
column-gap: 2rem !important;
}
.lg\:column-gap-6 {
column-gap: 3rem !important;
}
.lg\:column-gap-7 {
column-gap: 4rem !important;
}
.lg\:column-gap-8 {
column-gap: 5rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:gap-0 {
gap: 0rem !important;
}
.xl\:gap-1 {
gap: 0.25rem !important;
}
.xl\:gap-2 {
gap: 0.5rem !important;
}
.xl\:gap-3 {
gap: 1rem !important;
}
.xl\:gap-4 {
gap: 1.5rem !important;
}
.xl\:gap-5 {
gap: 2rem !important;
}
.xl\:gap-6 {
gap: 3rem !important;
}
.xl\:gap-7 {
gap: 4rem !important;
}
.xl\:gap-8 {
gap: 5rem !important;
}
.xl\:row-gap-0 {
row-gap: 0rem !important;
}
.xl\:row-gap-1 {
row-gap: 0.25rem !important;
}
.xl\:row-gap-2 {
row-gap: 0.5rem !important;
}
.xl\:row-gap-3 {
row-gap: 1rem !important;
}
.xl\:row-gap-4 {
row-gap: 1.5rem !important;
}
.xl\:row-gap-5 {
row-gap: 2rem !important;
}
.xl\:row-gap-6 {
row-gap: 3rem !important;
}
.xl\:row-gap-7 {
row-gap: 4rem !important;
}
.xl\:row-gap-8 {
row-gap: 5rem !important;
}
.xl\:column-gap-0 {
column-gap: 0rem !important;
}
.xl\:column-gap-1 {
column-gap: 0.25rem !important;
}
.xl\:column-gap-2 {
column-gap: 0.5rem !important;
}
.xl\:column-gap-3 {
column-gap: 1rem !important;
}
.xl\:column-gap-4 {
column-gap: 1.5rem !important;
}
.xl\:column-gap-5 {
column-gap: 2rem !important;
}
.xl\:column-gap-6 {
column-gap: 3rem !important;
}
.xl\:column-gap-7 {
column-gap: 4rem !important;
}
.xl\:column-gap-8 {
column-gap: 5rem !important;
}
}
.p-0 {
padding: 0rem !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 2rem !important;
}
.p-6 {
padding: 3rem !important;
}
.p-7 {
padding: 4rem !important;
}
.p-8 {
padding: 5rem !important;
}
.pt-0 {
padding-top: 0rem !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 2rem !important;
}
.pt-6 {
padding-top: 3rem !important;
}
.pt-7 {
padding-top: 4rem !important;
}
.pt-8 {
padding-top: 5rem !important;
}
.pr-0 {
padding-right: 0rem !important;
}
.pr-1 {
padding-right: 0.25rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.pr-3 {
padding-right: 1rem !important;
}
.pr-4 {
padding-right: 1.5rem !important;
}
.pr-5 {
padding-right: 2rem !important;
}
.pr-6 {
padding-right: 3rem !important;
}
.pr-7 {
padding-right: 4rem !important;
}
.pr-8 {
padding-right: 5rem !important;
}
.pl-0 {
padding-left: 0rem !important;
}
.pl-1 {
padding-left: 0.25rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.pl-3 {
padding-left: 1rem !important;
}
.pl-4 {
padding-left: 1.5rem !important;
}
.pl-5 {
padding-left: 2rem !important;
}
.pl-6 {
padding-left: 3rem !important;
}
.pl-7 {
padding-left: 4rem !important;
}
.pl-8 {
padding-left: 5rem !important;
}
.pb-0 {
padding-bottom: 0rem !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 2rem !important;
}
.pb-6 {
padding-bottom: 3rem !important;
}
.pb-7 {
padding-bottom: 4rem !important;
}
.pb-8 {
padding-bottom: 5rem !important;
}
.px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-6 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-7 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-8 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 2rem !important;
padding-bottom: 2rem !important;
}
.py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-7 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-8 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
.sm\:p-0 {
padding: 0rem !important;
}
.sm\:p-1 {
padding: 0.25rem !important;
}
.sm\:p-2 {
padding: 0.5rem !important;
}
.sm\:p-3 {
padding: 1rem !important;
}
.sm\:p-4 {
padding: 1.5rem !important;
}
.sm\:p-5 {
padding: 2rem !important;
}
.sm\:p-6 {
padding: 3rem !important;
}
.sm\:p-7 {
padding: 4rem !important;
}
.sm\:p-8 {
padding: 5rem !important;
}
.sm\:pt-0 {
padding-top: 0rem !important;
}
.sm\:pt-1 {
padding-top: 0.25rem !important;
}
.sm\:pt-2 {
padding-top: 0.5rem !important;
}
.sm\:pt-3 {
padding-top: 1rem !important;
}
.sm\:pt-4 {
padding-top: 1.5rem !important;
}
.sm\:pt-5 {
padding-top: 2rem !important;
}
.sm\:pt-6 {
padding-top: 3rem !important;
}
.sm\:pt-7 {
padding-top: 4rem !important;
}
.sm\:pt-8 {
padding-top: 5rem !important;
}
.sm\:pr-0 {
padding-right: 0rem !important;
}
.sm\:pr-1 {
padding-right: 0.25rem !important;
}
.sm\:pr-2 {
padding-right: 0.5rem !important;
}
.sm\:pr-3 {
padding-right: 1rem !important;
}
.sm\:pr-4 {
padding-right: 1.5rem !important;
}
.sm\:pr-5 {
padding-right: 2rem !important;
}
.sm\:pr-6 {
padding-right: 3rem !important;
}
.sm\:pr-7 {
padding-right: 4rem !important;
}
.sm\:pr-8 {
padding-right: 5rem !important;
}
.sm\:pl-0 {
padding-left: 0rem !important;
}
.sm\:pl-1 {
padding-left: 0.25rem !important;
}
.sm\:pl-2 {
padding-left: 0.5rem !important;
}
.sm\:pl-3 {
padding-left: 1rem !important;
}
.sm\:pl-4 {
padding-left: 1.5rem !important;
}
.sm\:pl-5 {
padding-left: 2rem !important;
}
.sm\:pl-6 {
padding-left: 3rem !important;
}
.sm\:pl-7 {
padding-left: 4rem !important;
}
.sm\:pl-8 {
padding-left: 5rem !important;
}
.sm\:pb-0 {
padding-bottom: 0rem !important;
}
.sm\:pb-1 {
padding-bottom: 0.25rem !important;
}
.sm\:pb-2 {
padding-bottom: 0.5rem !important;
}
.sm\:pb-3 {
padding-bottom: 1rem !important;
}
.sm\:pb-4 {
padding-bottom: 1.5rem !important;
}
.sm\:pb-5 {
padding-bottom: 2rem !important;
}
.sm\:pb-6 {
padding-bottom: 3rem !important;
}
.sm\:pb-7 {
padding-bottom: 4rem !important;
}
.sm\:pb-8 {
padding-bottom: 5rem !important;
}
.sm\:px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.sm\:px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.sm\:px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.sm\:px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.sm\:px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.sm\:px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.sm\:px-6 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.sm\:px-7 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.sm\:px-8 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.sm\:py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.sm\:py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.sm\:py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.sm\:py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.sm\:py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.sm\:py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.sm\:py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.sm\:py-7 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.sm\:py-8 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:p-0 {
padding: 0rem !important;
}
.md\:p-1 {
padding: 0.25rem !important;
}
.md\:p-2 {
padding: 0.5rem !important;
}
.md\:p-3 {
padding: 1rem !important;
}
.md\:p-4 {
padding: 1.5rem !important;
}
.md\:p-5 {
padding: 2rem !important;
}
.md\:p-6 {
padding: 3rem !important;
}
.md\:p-7 {
padding: 4rem !important;
}
.md\:p-8 {
padding: 5rem !important;
}
.md\:pt-0 {
padding-top: 0rem !important;
}
.md\:pt-1 {
padding-top: 0.25rem !important;
}
.md\:pt-2 {
padding-top: 0.5rem !important;
}
.md\:pt-3 {
padding-top: 1rem !important;
}
.md\:pt-4 {
padding-top: 1.5rem !important;
}
.md\:pt-5 {
padding-top: 2rem !important;
}
.md\:pt-6 {
padding-top: 3rem !important;
}
.md\:pt-7 {
padding-top: 4rem !important;
}
.md\:pt-8 {
padding-top: 5rem !important;
}
.md\:pr-0 {
padding-right: 0rem !important;
}
.md\:pr-1 {
padding-right: 0.25rem !important;
}
.md\:pr-2 {
padding-right: 0.5rem !important;
}
.md\:pr-3 {
padding-right: 1rem !important;
}
.md\:pr-4 {
padding-right: 1.5rem !important;
}
.md\:pr-5 {
padding-right: 2rem !important;
}
.md\:pr-6 {
padding-right: 3rem !important;
}
.md\:pr-7 {
padding-right: 4rem !important;
}
.md\:pr-8 {
padding-right: 5rem !important;
}
.md\:pl-0 {
padding-left: 0rem !important;
}
.md\:pl-1 {
padding-left: 0.25rem !important;
}
.md\:pl-2 {
padding-left: 0.5rem !important;
}
.md\:pl-3 {
padding-left: 1rem !important;
}
.md\:pl-4 {
padding-left: 1.5rem !important;
}
.md\:pl-5 {
padding-left: 2rem !important;
}
.md\:pl-6 {
padding-left: 3rem !important;
}
.md\:pl-7 {
padding-left: 4rem !important;
}
.md\:pl-8 {
padding-left: 5rem !important;
}
.md\:pb-0 {
padding-bottom: 0rem !important;
}
.md\:pb-1 {
padding-bottom: 0.25rem !important;
}
.md\:pb-2 {
padding-bottom: 0.5rem !important;
}
.md\:pb-3 {
padding-bottom: 1rem !important;
}
.md\:pb-4 {
padding-bottom: 1.5rem !important;
}
.md\:pb-5 {
padding-bottom: 2rem !important;
}
.md\:pb-6 {
padding-bottom: 3rem !important;
}
.md\:pb-7 {
padding-bottom: 4rem !important;
}
.md\:pb-8 {
padding-bottom: 5rem !important;
}
.md\:px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.md\:px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.md\:px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.md\:px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.md\:px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.md\:px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.md\:px-6 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.md\:px-7 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.md\:px-8 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.md\:py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.md\:py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.md\:py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.md\:py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.md\:py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.md\:py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.md\:py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.md\:py-7 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.md\:py-8 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:p-0 {
padding: 0rem !important;
}
.lg\:p-1 {
padding: 0.25rem !important;
}
.lg\:p-2 {
padding: 0.5rem !important;
}
.lg\:p-3 {
padding: 1rem !important;
}
.lg\:p-4 {
padding: 1.5rem !important;
}
.lg\:p-5 {
padding: 2rem !important;
}
.lg\:p-6 {
padding: 3rem !important;
}
.lg\:p-7 {
padding: 4rem !important;
}
.lg\:p-8 {
padding: 5rem !important;
}
.lg\:pt-0 {
padding-top: 0rem !important;
}
.lg\:pt-1 {
padding-top: 0.25rem !important;
}
.lg\:pt-2 {
padding-top: 0.5rem !important;
}
.lg\:pt-3 {
padding-top: 1rem !important;
}
.lg\:pt-4 {
padding-top: 1.5rem !important;
}
.lg\:pt-5 {
padding-top: 2rem !important;
}
.lg\:pt-6 {
padding-top: 3rem !important;
}
.lg\:pt-7 {
padding-top: 4rem !important;
}
.lg\:pt-8 {
padding-top: 5rem !important;
}
.lg\:pr-0 {
padding-right: 0rem !important;
}
.lg\:pr-1 {
padding-right: 0.25rem !important;
}
.lg\:pr-2 {
padding-right: 0.5rem !important;
}
.lg\:pr-3 {
padding-right: 1rem !important;
}
.lg\:pr-4 {
padding-right: 1.5rem !important;
}
.lg\:pr-5 {
padding-right: 2rem !important;
}
.lg\:pr-6 {
padding-right: 3rem !important;
}
.lg\:pr-7 {
padding-right: 4rem !important;
}
.lg\:pr-8 {
padding-right: 5rem !important;
}
.lg\:pl-0 {
padding-left: 0rem !important;
}
.lg\:pl-1 {
padding-left: 0.25rem !important;
}
.lg\:pl-2 {
padding-left: 0.5rem !important;
}
.lg\:pl-3 {
padding-left: 1rem !important;
}
.lg\:pl-4 {
padding-left: 1.5rem !important;
}
.lg\:pl-5 {
padding-left: 2rem !important;
}
.lg\:pl-6 {
padding-left: 3rem !important;
}
.lg\:pl-7 {
padding-left: 4rem !important;
}
.lg\:pl-8 {
padding-left: 5rem !important;
}
.lg\:pb-0 {
padding-bottom: 0rem !important;
}
.lg\:pb-1 {
padding-bottom: 0.25rem !important;
}
.lg\:pb-2 {
padding-bottom: 0.5rem !important;
}
.lg\:pb-3 {
padding-bottom: 1rem !important;
}
.lg\:pb-4 {
padding-bottom: 1.5rem !important;
}
.lg\:pb-5 {
padding-bottom: 2rem !important;
}
.lg\:pb-6 {
padding-bottom: 3rem !important;
}
.lg\:pb-7 {
padding-bottom: 4rem !important;
}
.lg\:pb-8 {
padding-bottom: 5rem !important;
}
.lg\:px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.lg\:px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.lg\:px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.lg\:px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.lg\:px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.lg\:px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.lg\:px-6 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.lg\:px-7 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.lg\:px-8 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.lg\:py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.lg\:py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.lg\:py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.lg\:py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.lg\:py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.lg\:py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.lg\:py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.lg\:py-7 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.lg\:py-8 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:p-0 {
padding: 0rem !important;
}
.xl\:p-1 {
padding: 0.25rem !important;
}
.xl\:p-2 {
padding: 0.5rem !important;
}
.xl\:p-3 {
padding: 1rem !important;
}
.xl\:p-4 {
padding: 1.5rem !important;
}
.xl\:p-5 {
padding: 2rem !important;
}
.xl\:p-6 {
padding: 3rem !important;
}
.xl\:p-7 {
padding: 4rem !important;
}
.xl\:p-8 {
padding: 5rem !important;
}
.xl\:pt-0 {
padding-top: 0rem !important;
}
.xl\:pt-1 {
padding-top: 0.25rem !important;
}
.xl\:pt-2 {
padding-top: 0.5rem !important;
}
.xl\:pt-3 {
padding-top: 1rem !important;
}
.xl\:pt-4 {
padding-top: 1.5rem !important;
}
.xl\:pt-5 {
padding-top: 2rem !important;
}
.xl\:pt-6 {
padding-top: 3rem !important;
}
.xl\:pt-7 {
padding-top: 4rem !important;
}
.xl\:pt-8 {
padding-top: 5rem !important;
}
.xl\:pr-0 {
padding-right: 0rem !important;
}
.xl\:pr-1 {
padding-right: 0.25rem !important;
}
.xl\:pr-2 {
padding-right: 0.5rem !important;
}
.xl\:pr-3 {
padding-right: 1rem !important;
}
.xl\:pr-4 {
padding-right: 1.5rem !important;
}
.xl\:pr-5 {
padding-right: 2rem !important;
}
.xl\:pr-6 {
padding-right: 3rem !important;
}
.xl\:pr-7 {
padding-right: 4rem !important;
}
.xl\:pr-8 {
padding-right: 5rem !important;
}
.xl\:pl-0 {
padding-left: 0rem !important;
}
.xl\:pl-1 {
padding-left: 0.25rem !important;
}
.xl\:pl-2 {
padding-left: 0.5rem !important;
}
.xl\:pl-3 {
padding-left: 1rem !important;
}
.xl\:pl-4 {
padding-left: 1.5rem !important;
}
.xl\:pl-5 {
padding-left: 2rem !important;
}
.xl\:pl-6 {
padding-left: 3rem !important;
}
.xl\:pl-7 {
padding-left: 4rem !important;
}
.xl\:pl-8 {
padding-left: 5rem !important;
}
.xl\:pb-0 {
padding-bottom: 0rem !important;
}
.xl\:pb-1 {
padding-bottom: 0.25rem !important;
}
.xl\:pb-2 {
padding-bottom: 0.5rem !important;
}
.xl\:pb-3 {
padding-bottom: 1rem !important;
}
.xl\:pb-4 {
padding-bottom: 1.5rem !important;
}
.xl\:pb-5 {
padding-bottom: 2rem !important;
}
.xl\:pb-6 {
padding-bottom: 3rem !important;
}
.xl\:pb-7 {
padding-bottom: 4rem !important;
}
.xl\:pb-8 {
padding-bottom: 5rem !important;
}
.xl\:px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.xl\:px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.xl\:px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.xl\:px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.xl\:px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.xl\:px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.xl\:px-6 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.xl\:px-7 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.xl\:px-8 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.xl\:py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.xl\:py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.xl\:py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.xl\:py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.xl\:py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.xl\:py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.xl\:py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.xl\:py-7 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.xl\:py-8 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
.m-0 {
margin: 0rem !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 2rem !important;
}
.m-6 {
margin: 3rem !important;
}
.m-7 {
margin: 4rem !important;
}
.m-8 {
margin: 5rem !important;
}
.-m-1 {
margin: -0.25rem !important;
}
.-m-2 {
margin: -0.5rem !important;
}
.-m-3 {
margin: -1rem !important;
}
.-m-4 {
margin: -1.5rem !important;
}
.-m-5 {
margin: -2rem !important;
}
.-m-6 {
margin: -3rem !important;
}
.-m-7 {
margin: -4rem !important;
}
.-m-8 {
margin: -5rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-0 {
margin-top: 0rem !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 2rem !important;
}
.mt-6 {
margin-top: 3rem !important;
}
.mt-7 {
margin-top: 4rem !important;
}
.mt-8 {
margin-top: 5rem !important;
}
.-mt-1 {
margin-top: -0.25rem !important;
}
.-mt-2 {
margin-top: -0.5rem !important;
}
.-mt-3 {
margin-top: -1rem !important;
}
.-mt-4 {
margin-top: -1.5rem !important;
}
.-mt-5 {
margin-top: -2rem !important;
}
.-mt-6 {
margin-top: -3rem !important;
}
.-mt-7 {
margin-top: -4rem !important;
}
.-mt-8 {
margin-top: -5rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-0 {
margin-right: 0rem !important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mr-3 {
margin-right: 1rem !important;
}
.mr-4 {
margin-right: 1.5rem !important;
}
.mr-5 {
margin-right: 2rem !important;
}
.mr-6 {
margin-right: 3rem !important;
}
.mr-7 {
margin-right: 4rem !important;
}
.mr-8 {
margin-right: 5rem !important;
}
.-mr-1 {
margin-right: -0.25rem !important;
}
.-mr-2 {
margin-right: -0.5rem !important;
}
.-mr-3 {
margin-right: -1rem !important;
}
.-mr-4 {
margin-right: -1.5rem !important;
}
.-mr-5 {
margin-right: -2rem !important;
}
.-mr-6 {
margin-right: -3rem !important;
}
.-mr-7 {
margin-right: -4rem !important;
}
.-mr-8 {
margin-right: -5rem !important;
}
.mr-auto {
margin-right: auto !important;
}
.ml-0 {
margin-left: 0rem !important;
}
.ml-1 {
margin-left: 0.25rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.ml-3 {
margin-left: 1rem !important;
}
.ml-4 {
margin-left: 1.5rem !important;
}
.ml-5 {
margin-left: 2rem !important;
}
.ml-6 {
margin-left: 3rem !important;
}
.ml-7 {
margin-left: 4rem !important;
}
.ml-8 {
margin-left: 5rem !important;
}
.-ml-1 {
margin-left: -0.25rem !important;
}
.-ml-2 {
margin-left: -0.5rem !important;
}
.-ml-3 {
margin-left: -1rem !important;
}
.-ml-4 {
margin-left: -1.5rem !important;
}
.-ml-5 {
margin-left: -2rem !important;
}
.-ml-6 {
margin-left: -3rem !important;
}
.-ml-7 {
margin-left: -4rem !important;
}
.-ml-8 {
margin-left: -5rem !important;
}
.ml-auto {
margin-left: auto !important;
}
.mb-0 {
margin-bottom: 0rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 2rem !important;
}
.mb-6 {
margin-bottom: 3rem !important;
}
.mb-7 {
margin-bottom: 4rem !important;
}
.mb-8 {
margin-bottom: 5rem !important;
}
.-mb-1 {
margin-bottom: -0.25rem !important;
}
.-mb-2 {
margin-bottom: -0.5rem !important;
}
.-mb-3 {
margin-bottom: -1rem !important;
}
.-mb-4 {
margin-bottom: -1.5rem !important;
}
.-mb-5 {
margin-bottom: -2rem !important;
}
.-mb-6 {
margin-bottom: -3rem !important;
}
.-mb-7 {
margin-bottom: -4rem !important;
}
.-mb-8 {
margin-bottom: -5rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-6 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-7 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-8 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.-mx-1 {
margin-left: -0.25rem !important;
margin-right: -0.25rem !important;
}
.-mx-2 {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}
.-mx-3 {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
.-mx-4 {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
}
.-mx-5 {
margin-left: -2rem !important;
margin-right: -2rem !important;
}
.-mx-6 {
margin-left: -3rem !important;
margin-right: -3rem !important;
}
.-mx-7 {
margin-left: -4rem !important;
margin-right: -4rem !important;
}
.-mx-8 {
margin-left: -5rem !important;
margin-right: -5rem !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 2rem !important;
margin-bottom: 2rem !important;
}
.my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-7 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-8 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.-my-1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.-my-2 {
margin-top: -0.5rem !important;
margin-bottom: -0.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: -2rem !important;
margin-bottom: -2rem !important;
}
.-my-6 {
margin-top: -3rem !important;
margin-bottom: -3rem !important;
}
.-my-7 {
margin-top: -4rem !important;
margin-bottom: -4rem !important;
}
.-my-8 {
margin-top: -5rem !important;
margin-bottom: -5rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
.sm\:m-0 {
margin: 0rem !important;
}
.sm\:m-1 {
margin: 0.25rem !important;
}
.sm\:m-2 {
margin: 0.5rem !important;
}
.sm\:m-3 {
margin: 1rem !important;
}
.sm\:m-4 {
margin: 1.5rem !important;
}
.sm\:m-5 {
margin: 2rem !important;
}
.sm\:m-6 {
margin: 3rem !important;
}
.sm\:m-7 {
margin: 4rem !important;
}
.sm\:m-8 {
margin: 5rem !important;
}
.sm\:-m-1 {
margin: -0.25rem !important;
}
.sm\:-m-2 {
margin: -0.5rem !important;
}
.sm\:-m-3 {
margin: -1rem !important;
}
.sm\:-m-4 {
margin: -1.5rem !important;
}
.sm\:-m-5 {
margin: -2rem !important;
}
.sm\:-m-6 {
margin: -3rem !important;
}
.sm\:-m-7 {
margin: -4rem !important;
}
.sm\:-m-8 {
margin: -5rem !important;
}
.sm\:m-auto {
margin: auto !important;
}
.sm\:mt-0 {
margin-top: 0rem !important;
}
.sm\:mt-1 {
margin-top: 0.25rem !important;
}
.sm\:mt-2 {
margin-top: 0.5rem !important;
}
.sm\:mt-3 {
margin-top: 1rem !important;
}
.sm\:mt-4 {
margin-top: 1.5rem !important;
}
.sm\:mt-5 {
margin-top: 2rem !important;
}
.sm\:mt-6 {
margin-top: 3rem !important;
}
.sm\:mt-7 {
margin-top: 4rem !important;
}
.sm\:mt-8 {
margin-top: 5rem !important;
}
.sm\:-mt-1 {
margin-top: -0.25rem !important;
}
.sm\:-mt-2 {
margin-top: -0.5rem !important;
}
.sm\:-mt-3 {
margin-top: -1rem !important;
}
.sm\:-mt-4 {
margin-top: -1.5rem !important;
}
.sm\:-mt-5 {
margin-top: -2rem !important;
}
.sm\:-mt-6 {
margin-top: -3rem !important;
}
.sm\:-mt-7 {
margin-top: -4rem !important;
}
.sm\:-mt-8 {
margin-top: -5rem !important;
}
.sm\:mt-auto {
margin-top: auto !important;
}
.sm\:mr-0 {
margin-right: 0rem !important;
}
.sm\:mr-1 {
margin-right: 0.25rem !important;
}
.sm\:mr-2 {
margin-right: 0.5rem !important;
}
.sm\:mr-3 {
margin-right: 1rem !important;
}
.sm\:mr-4 {
margin-right: 1.5rem !important;
}
.sm\:mr-5 {
margin-right: 2rem !important;
}
.sm\:mr-6 {
margin-right: 3rem !important;
}
.sm\:mr-7 {
margin-right: 4rem !important;
}
.sm\:mr-8 {
margin-right: 5rem !important;
}
.sm\:-mr-1 {
margin-right: -0.25rem !important;
}
.sm\:-mr-2 {
margin-right: -0.5rem !important;
}
.sm\:-mr-3 {
margin-right: -1rem !important;
}
.sm\:-mr-4 {
margin-right: -1.5rem !important;
}
.sm\:-mr-5 {
margin-right: -2rem !important;
}
.sm\:-mr-6 {
margin-right: -3rem !important;
}
.sm\:-mr-7 {
margin-right: -4rem !important;
}
.sm\:-mr-8 {
margin-right: -5rem !important;
}
.sm\:mr-auto {
margin-right: auto !important;
}
.sm\:ml-0 {
margin-left: 0rem !important;
}
.sm\:ml-1 {
margin-left: 0.25rem !important;
}
.sm\:ml-2 {
margin-left: 0.5rem !important;
}
.sm\:ml-3 {
margin-left: 1rem !important;
}
.sm\:ml-4 {
margin-left: 1.5rem !important;
}
.sm\:ml-5 {
margin-left: 2rem !important;
}
.sm\:ml-6 {
margin-left: 3rem !important;
}
.sm\:ml-7 {
margin-left: 4rem !important;
}
.sm\:ml-8 {
margin-left: 5rem !important;
}
.sm\:-ml-1 {
margin-left: -0.25rem !important;
}
.sm\:-ml-2 {
margin-left: -0.5rem !important;
}
.sm\:-ml-3 {
margin-left: -1rem !important;
}
.sm\:-ml-4 {
margin-left: -1.5rem !important;
}
.sm\:-ml-5 {
margin-left: -2rem !important;
}
.sm\:-ml-6 {
margin-left: -3rem !important;
}
.sm\:-ml-7 {
margin-left: -4rem !important;
}
.sm\:-ml-8 {
margin-left: -5rem !important;
}
.sm\:ml-auto {
margin-left: auto !important;
}
.sm\:mb-0 {
margin-bottom: 0rem !important;
}
.sm\:mb-1 {
margin-bottom: 0.25rem !important;
}
.sm\:mb-2 {
margin-bottom: 0.5rem !important;
}
.sm\:mb-3 {
margin-bottom: 1rem !important;
}
.sm\:mb-4 {
margin-bottom: 1.5rem !important;
}
.sm\:mb-5 {
margin-bottom: 2rem !important;
}
.sm\:mb-6 {
margin-bottom: 3rem !important;
}
.sm\:mb-7 {
margin-bottom: 4rem !important;
}
.sm\:mb-8 {
margin-bottom: 5rem !important;
}
.sm\:-mb-1 {
margin-bottom: -0.25rem !important;
}
.sm\:-mb-2 {
margin-bottom: -0.5rem !important;
}
.sm\:-mb-3 {
margin-bottom: -1rem !important;
}
.sm\:-mb-4 {
margin-bottom: -1.5rem !important;
}
.sm\:-mb-5 {
margin-bottom: -2rem !important;
}
.sm\:-mb-6 {
margin-bottom: -3rem !important;
}
.sm\:-mb-7 {
margin-bottom: -4rem !important;
}
.sm\:-mb-8 {
margin-bottom: -5rem !important;
}
.sm\:mb-auto {
margin-bottom: auto !important;
}
.sm\:mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.sm\:mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.sm\:mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.sm\:mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.sm\:mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.sm\:mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.sm\:mx-6 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.sm\:mx-7 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.sm\:mx-8 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.sm\:-mx-1 {
margin-left: -0.25rem !important;
margin-right: -0.25rem !important;
}
.sm\:-mx-2 {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}
.sm\:-mx-3 {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
.sm\:-mx-4 {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
}
.sm\:-mx-5 {
margin-left: -2rem !important;
margin-right: -2rem !important;
}
.sm\:-mx-6 {
margin-left: -3rem !important;
margin-right: -3rem !important;
}
.sm\:-mx-7 {
margin-left: -4rem !important;
margin-right: -4rem !important;
}
.sm\:-mx-8 {
margin-left: -5rem !important;
margin-right: -5rem !important;
}
.sm\:mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.sm\:my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.sm\:my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.sm\:my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.sm\:my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.sm\:my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.sm\:my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.sm\:my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.sm\:my-7 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.sm\:my-8 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.sm\:-my-1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.sm\:-my-2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.sm\:-my-3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.sm\:-my-4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.sm\:-my-5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.sm\:-my-6 {
margin-top: -3rem !important;
margin-bottom: -3rem !important;
}
.sm\:-my-7 {
margin-top: -4rem !important;
margin-bottom: -4rem !important;
}
.sm\:-my-8 {
margin-top: -5rem !important;
margin-bottom: -5rem !important;
}
.sm\:my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media screen and (min-width: 768px) {
.md\:m-0 {
margin: 0rem !important;
}
.md\:m-1 {
margin: 0.25rem !important;
}
.md\:m-2 {
margin: 0.5rem !important;
}
.md\:m-3 {
margin: 1rem !important;
}
.md\:m-4 {
margin: 1.5rem !important;
}
.md\:m-5 {
margin: 2rem !important;
}
.md\:m-6 {
margin: 3rem !important;
}
.md\:m-7 {
margin: 4rem !important;
}
.md\:m-8 {
margin: 5rem !important;
}
.md\:-m-1 {
margin: -0.25rem !important;
}
.md\:-m-2 {
margin: -0.5rem !important;
}
.md\:-m-3 {
margin: -1rem !important;
}
.md\:-m-4 {
margin: -1.5rem !important;
}
.md\:-m-5 {
margin: -2rem !important;
}
.md\:-m-6 {
margin: -3rem !important;
}
.md\:-m-7 {
margin: -4rem !important;
}
.md\:-m-8 {
margin: -5rem !important;
}
.md\:m-auto {
margin: auto !important;
}
.md\:mt-0 {
margin-top: 0rem !important;
}
.md\:mt-1 {
margin-top: 0.25rem !important;
}
.md\:mt-2 {
margin-top: 0.5rem !important;
}
.md\:mt-3 {
margin-top: 1rem !important;
}
.md\:mt-4 {
margin-top: 1.5rem !important;
}
.md\:mt-5 {
margin-top: 2rem !important;
}
.md\:mt-6 {
margin-top: 3rem !important;
}
.md\:mt-7 {
margin-top: 4rem !important;
}
.md\:mt-8 {
margin-top: 5rem !important;
}
.md\:-mt-1 {
margin-top: -0.25rem !important;
}
.md\:-mt-2 {
margin-top: -0.5rem !important;
}
.md\:-mt-3 {
margin-top: -1rem !important;
}
.md\:-mt-4 {
margin-top: -1.5rem !important;
}
.md\:-mt-5 {
margin-top: -2rem !important;
}
.md\:-mt-6 {
margin-top: -3rem !important;
}
.md\:-mt-7 {
margin-top: -4rem !important;
}
.md\:-mt-8 {
margin-top: -5rem !important;
}
.md\:mt-auto {
margin-top: auto !important;
}
.md\:mr-0 {
margin-right: 0rem !important;
}
.md\:mr-1 {
margin-right: 0.25rem !important;
}
.md\:mr-2 {
margin-right: 0.5rem !important;
}
.md\:mr-3 {
margin-right: 1rem !important;
}
.md\:mr-4 {
margin-right: 1.5rem !important;
}
.md\:mr-5 {
margin-right: 2rem !important;
}
.md\:mr-6 {
margin-right: 3rem !important;
}
.md\:mr-7 {
margin-right: 4rem !important;
}
.md\:mr-8 {
margin-right: 5rem !important;
}
.md\:-mr-1 {
margin-right: -0.25rem !important;
}
.md\:-mr-2 {
margin-right: -0.5rem !important;
}
.md\:-mr-3 {
margin-right: -1rem !important;
}
.md\:-mr-4 {
margin-right: -1.5rem !important;
}
.md\:-mr-5 {
margin-right: -2rem !important;
}
.md\:-mr-6 {
margin-right: -3rem !important;
}
.md\:-mr-7 {
margin-right: -4rem !important;
}
.md\:-mr-8 {
margin-right: -5rem !important;
}
.md\:mr-auto {
margin-right: auto !important;
}
.md\:ml-0 {
margin-left: 0rem !important;
}
.md\:ml-1 {
margin-left: 0.25rem !important;
}
.md\:ml-2 {
margin-left: 0.5rem !important;
}
.md\:ml-3 {
margin-left: 1rem !important;
}
.md\:ml-4 {
margin-left: 1.5rem !important;
}
.md\:ml-5 {
margin-left: 2rem !important;
}
.md\:ml-6 {
margin-left: 3rem !important;
}
.md\:ml-7 {
margin-left: 4rem !important;
}
.md\:ml-8 {
margin-left: 5rem !important;
}
.md\:-ml-1 {
margin-left: -0.25rem !important;
}
.md\:-ml-2 {
margin-left: -0.5rem !important;
}
.md\:-ml-3 {
margin-left: -1rem !important;
}
.md\:-ml-4 {
margin-left: -1.5rem !important;
}
.md\:-ml-5 {
margin-left: -2rem !important;
}
.md\:-ml-6 {
margin-left: -3rem !important;
}
.md\:-ml-7 {
margin-left: -4rem !important;
}
.md\:-ml-8 {
margin-left: -5rem !important;
}
.md\:ml-auto {
margin-left: auto !important;
}
.md\:mb-0 {
margin-bottom: 0rem !important;
}
.md\:mb-1 {
margin-bottom: 0.25rem !important;
}
.md\:mb-2 {
margin-bottom: 0.5rem !important;
}
.md\:mb-3 {
margin-bottom: 1rem !important;
}
.md\:mb-4 {
margin-bottom: 1.5rem !important;
}
.md\:mb-5 {
margin-bottom: 2rem !important;
}
.md\:mb-6 {
margin-bottom: 3rem !important;
}
.md\:mb-7 {
margin-bottom: 4rem !important;
}
.md\:mb-8 {
margin-bottom: 5rem !important;
}
.md\:-mb-1 {
margin-bottom: -0.25rem !important;
}
.md\:-mb-2 {
margin-bottom: -0.5rem !important;
}
.md\:-mb-3 {
margin-bottom: -1rem !important;
}
.md\:-mb-4 {
margin-bottom: -1.5rem !important;
}
.md\:-mb-5 {
margin-bottom: -2rem !important;
}
.md\:-mb-6 {
margin-bottom: -3rem !important;
}
.md\:-mb-7 {
margin-bottom: -4rem !important;
}
.md\:-mb-8 {
margin-bottom: -5rem !important;
}
.md\:mb-auto {
margin-bottom: auto !important;
}
.md\:mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.md\:mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.md\:mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.md\:mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.md\:mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.md\:mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.md\:mx-6 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.md\:mx-7 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.md\:mx-8 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.md\:-mx-1 {
margin-left: -0.25rem !important;
margin-right: -0.25rem !important;
}
.md\:-mx-2 {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}
.md\:-mx-3 {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
.md\:-mx-4 {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
}
.md\:-mx-5 {
margin-left: -2rem !important;
margin-right: -2rem !important;
}
.md\:-mx-6 {
margin-left: -3rem !important;
margin-right: -3rem !important;
}
.md\:-mx-7 {
margin-left: -4rem !important;
margin-right: -4rem !important;
}
.md\:-mx-8 {
margin-left: -5rem !important;
margin-right: -5rem !important;
}
.md\:mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.md\:my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.md\:my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.md\:my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.md\:my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.md\:my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.md\:my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.md\:my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.md\:my-7 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.md\:my-8 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.md\:-my-1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.md\:-my-2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.md\:-my-3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.md\:-my-4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.md\:-my-5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.md\:-my-6 {
margin-top: -3rem !important;
margin-bottom: -3rem !important;
}
.md\:-my-7 {
margin-top: -4rem !important;
margin-bottom: -4rem !important;
}
.md\:-my-8 {
margin-top: -5rem !important;
margin-bottom: -5rem !important;
}
.md\:my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media screen and (min-width: 992px) {
.lg\:m-0 {
margin: 0rem !important;
}
.lg\:m-1 {
margin: 0.25rem !important;
}
.lg\:m-2 {
margin: 0.5rem !important;
}
.lg\:m-3 {
margin: 1rem !important;
}
.lg\:m-4 {
margin: 1.5rem !important;
}
.lg\:m-5 {
margin: 2rem !important;
}
.lg\:m-6 {
margin: 3rem !important;
}
.lg\:m-7 {
margin: 4rem !important;
}
.lg\:m-8 {
margin: 5rem !important;
}
.lg\:-m-1 {
margin: -0.25rem !important;
}
.lg\:-m-2 {
margin: -0.5rem !important;
}
.lg\:-m-3 {
margin: -1rem !important;
}
.lg\:-m-4 {
margin: -1.5rem !important;
}
.lg\:-m-5 {
margin: -2rem !important;
}
.lg\:-m-6 {
margin: -3rem !important;
}
.lg\:-m-7 {
margin: -4rem !important;
}
.lg\:-m-8 {
margin: -5rem !important;
}
.lg\:m-auto {
margin: auto !important;
}
.lg\:mt-0 {
margin-top: 0rem !important;
}
.lg\:mt-1 {
margin-top: 0.25rem !important;
}
.lg\:mt-2 {
margin-top: 0.5rem !important;
}
.lg\:mt-3 {
margin-top: 1rem !important;
}
.lg\:mt-4 {
margin-top: 1.5rem !important;
}
.lg\:mt-5 {
margin-top: 2rem !important;
}
.lg\:mt-6 {
margin-top: 3rem !important;
}
.lg\:mt-7 {
margin-top: 4rem !important;
}
.lg\:mt-8 {
margin-top: 5rem !important;
}
.lg\:-mt-1 {
margin-top: -0.25rem !important;
}
.lg\:-mt-2 {
margin-top: -0.5rem !important;
}
.lg\:-mt-3 {
margin-top: -1rem !important;
}
.lg\:-mt-4 {
margin-top: -1.5rem !important;
}
.lg\:-mt-5 {
margin-top: -2rem !important;
}
.lg\:-mt-6 {
margin-top: -3rem !important;
}
.lg\:-mt-7 {
margin-top: -4rem !important;
}
.lg\:-mt-8 {
margin-top: -5rem !important;
}
.lg\:mt-auto {
margin-top: auto !important;
}
.lg\:mr-0 {
margin-right: 0rem !important;
}
.lg\:mr-1 {
margin-right: 0.25rem !important;
}
.lg\:mr-2 {
margin-right: 0.5rem !important;
}
.lg\:mr-3 {
margin-right: 1rem !important;
}
.lg\:mr-4 {
margin-right: 1.5rem !important;
}
.lg\:mr-5 {
margin-right: 2rem !important;
}
.lg\:mr-6 {
margin-right: 3rem !important;
}
.lg\:mr-7 {
margin-right: 4rem !important;
}
.lg\:mr-8 {
margin-right: 5rem !important;
}
.lg\:-mr-1 {
margin-right: -0.25rem !important;
}
.lg\:-mr-2 {
margin-right: -0.5rem !important;
}
.lg\:-mr-3 {
margin-right: -1rem !important;
}
.lg\:-mr-4 {
margin-right: -1.5rem !important;
}
.lg\:-mr-5 {
margin-right: -2rem !important;
}
.lg\:-mr-6 {
margin-right: -3rem !important;
}
.lg\:-mr-7 {
margin-right: -4rem !important;
}
.lg\:-mr-8 {
margin-right: -5rem !important;
}
.lg\:mr-auto {
margin-right: auto !important;
}
.lg\:ml-0 {
margin-left: 0rem !important;
}
.lg\:ml-1 {
margin-left: 0.25rem !important;
}
.lg\:ml-2 {
margin-left: 0.5rem !important;
}
.lg\:ml-3 {
margin-left: 1rem !important;
}
.lg\:ml-4 {
margin-left: 1.5rem !important;
}
.lg\:ml-5 {
margin-left: 2rem !important;
}
.lg\:ml-6 {
margin-left: 3rem !important;
}
.lg\:ml-7 {
margin-left: 4rem !important;
}
.lg\:ml-8 {
margin-left: 5rem !important;
}
.lg\:-ml-1 {
margin-left: -0.25rem !important;
}
.lg\:-ml-2 {
margin-left: -0.5rem !important;
}
.lg\:-ml-3 {
margin-left: -1rem !important;
}
.lg\:-ml-4 {
margin-left: -1.5rem !important;
}
.lg\:-ml-5 {
margin-left: -2rem !important;
}
.lg\:-ml-6 {
margin-left: -3rem !important;
}
.lg\:-ml-7 {
margin-left: -4rem !important;
}
.lg\:-ml-8 {
margin-left: -5rem !important;
}
.lg\:ml-auto {
margin-left: auto !important;
}
.lg\:mb-0 {
margin-bottom: 0rem !important;
}
.lg\:mb-1 {
margin-bottom: 0.25rem !important;
}
.lg\:mb-2 {
margin-bottom: 0.5rem !important;
}
.lg\:mb-3 {
margin-bottom: 1rem !important;
}
.lg\:mb-4 {
margin-bottom: 1.5rem !important;
}
.lg\:mb-5 {
margin-bottom: 2rem !important;
}
.lg\:mb-6 {
margin-bottom: 3rem !important;
}
.lg\:mb-7 {
margin-bottom: 4rem !important;
}
.lg\:mb-8 {
margin-bottom: 5rem !important;
}
.lg\:-mb-1 {
margin-bottom: -0.25rem !important;
}
.lg\:-mb-2 {
margin-bottom: -0.5rem !important;
}
.lg\:-mb-3 {
margin-bottom: -1rem !important;
}
.lg\:-mb-4 {
margin-bottom: -1.5rem !important;
}
.lg\:-mb-5 {
margin-bottom: -2rem !important;
}
.lg\:-mb-6 {
margin-bottom: -3rem !important;
}
.lg\:-mb-7 {
margin-bottom: -4rem !important;
}
.lg\:-mb-8 {
margin-bottom: -5rem !important;
}
.lg\:mb-auto {
margin-bottom: auto !important;
}
.lg\:mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.lg\:mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.lg\:mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.lg\:mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.lg\:mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.lg\:mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.lg\:mx-6 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.lg\:mx-7 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.lg\:mx-8 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.lg\:-mx-1 {
margin-left: -0.25rem !important;
margin-right: -0.25rem !important;
}
.lg\:-mx-2 {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}
.lg\:-mx-3 {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
.lg\:-mx-4 {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
}
.lg\:-mx-5 {
margin-left: -2rem !important;
margin-right: -2rem !important;
}
.lg\:-mx-6 {
margin-left: -3rem !important;
margin-right: -3rem !important;
}
.lg\:-mx-7 {
margin-left: -4rem !important;
margin-right: -4rem !important;
}
.lg\:-mx-8 {
margin-left: -5rem !important;
margin-right: -5rem !important;
}
.lg\:mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.lg\:my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.lg\:my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.lg\:my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.lg\:my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.lg\:my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.lg\:my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.lg\:my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.lg\:my-7 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.lg\:my-8 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.lg\:-my-1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.lg\:-my-2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.lg\:-my-3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.lg\:-my-4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.lg\:-my-5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.lg\:-my-6 {
margin-top: -3rem !important;
margin-bottom: -3rem !important;
}
.lg\:-my-7 {
margin-top: -4rem !important;
margin-bottom: -4rem !important;
}
.lg\:-my-8 {
margin-top: -5rem !important;
margin-bottom: -5rem !important;
}
.lg\:my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:m-0 {
margin: 0rem !important;
}
.xl\:m-1 {
margin: 0.25rem !important;
}
.xl\:m-2 {
margin: 0.5rem !important;
}
.xl\:m-3 {
margin: 1rem !important;
}
.xl\:m-4 {
margin: 1.5rem !important;
}
.xl\:m-5 {
margin: 2rem !important;
}
.xl\:m-6 {
margin: 3rem !important;
}
.xl\:m-7 {
margin: 4rem !important;
}
.xl\:m-8 {
margin: 5rem !important;
}
.xl\:-m-1 {
margin: -0.25rem !important;
}
.xl\:-m-2 {
margin: -0.5rem !important;
}
.xl\:-m-3 {
margin: -1rem !important;
}
.xl\:-m-4 {
margin: -1.5rem !important;
}
.xl\:-m-5 {
margin: -2rem !important;
}
.xl\:-m-6 {
margin: -3rem !important;
}
.xl\:-m-7 {
margin: -4rem !important;
}
.xl\:-m-8 {
margin: -5rem !important;
}
.xl\:m-auto {
margin: auto !important;
}
.xl\:mt-0 {
margin-top: 0rem !important;
}
.xl\:mt-1 {
margin-top: 0.25rem !important;
}
.xl\:mt-2 {
margin-top: 0.5rem !important;
}
.xl\:mt-3 {
margin-top: 1rem !important;
}
.xl\:mt-4 {
margin-top: 1.5rem !important;
}
.xl\:mt-5 {
margin-top: 2rem !important;
}
.xl\:mt-6 {
margin-top: 3rem !important;
}
.xl\:mt-7 {
margin-top: 4rem !important;
}
.xl\:mt-8 {
margin-top: 5rem !important;
}
.xl\:-mt-1 {
margin-top: -0.25rem !important;
}
.xl\:-mt-2 {
margin-top: -0.5rem !important;
}
.xl\:-mt-3 {
margin-top: -1rem !important;
}
.xl\:-mt-4 {
margin-top: -1.5rem !important;
}
.xl\:-mt-5 {
margin-top: -2rem !important;
}
.xl\:-mt-6 {
margin-top: -3rem !important;
}
.xl\:-mt-7 {
margin-top: -4rem !important;
}
.xl\:-mt-8 {
margin-top: -5rem !important;
}
.xl\:mt-auto {
margin-top: auto !important;
}
.xl\:mr-0 {
margin-right: 0rem !important;
}
.xl\:mr-1 {
margin-right: 0.25rem !important;
}
.xl\:mr-2 {
margin-right: 0.5rem !important;
}
.xl\:mr-3 {
margin-right: 1rem !important;
}
.xl\:mr-4 {
margin-right: 1.5rem !important;
}
.xl\:mr-5 {
margin-right: 2rem !important;
}
.xl\:mr-6 {
margin-right: 3rem !important;
}
.xl\:mr-7 {
margin-right: 4rem !important;
}
.xl\:mr-8 {
margin-right: 5rem !important;
}
.xl\:-mr-1 {
margin-right: -0.25rem !important;
}
.xl\:-mr-2 {
margin-right: -0.5rem !important;
}
.xl\:-mr-3 {
margin-right: -1rem !important;
}
.xl\:-mr-4 {
margin-right: -1.5rem !important;
}
.xl\:-mr-5 {
margin-right: -2rem !important;
}
.xl\:-mr-6 {
margin-right: -3rem !important;
}
.xl\:-mr-7 {
margin-right: -4rem !important;
}
.xl\:-mr-8 {
margin-right: -5rem !important;
}
.xl\:mr-auto {
margin-right: auto !important;
}
.xl\:ml-0 {
margin-left: 0rem !important;
}
.xl\:ml-1 {
margin-left: 0.25rem !important;
}
.xl\:ml-2 {
margin-left: 0.5rem !important;
}
.xl\:ml-3 {
margin-left: 1rem !important;
}
.xl\:ml-4 {
margin-left: 1.5rem !important;
}
.xl\:ml-5 {
margin-left: 2rem !important;
}
.xl\:ml-6 {
margin-left: 3rem !important;
}
.xl\:ml-7 {
margin-left: 4rem !important;
}
.xl\:ml-8 {
margin-left: 5rem !important;
}
.xl\:-ml-1 {
margin-left: -0.25rem !important;
}
.xl\:-ml-2 {
margin-left: -0.5rem !important;
}
.xl\:-ml-3 {
margin-left: -1rem !important;
}
.xl\:-ml-4 {
margin-left: -1.5rem !important;
}
.xl\:-ml-5 {
margin-left: -2rem !important;
}
.xl\:-ml-6 {
margin-left: -3rem !important;
}
.xl\:-ml-7 {
margin-left: -4rem !important;
}
.xl\:-ml-8 {
margin-left: -5rem !important;
}
.xl\:ml-auto {
margin-left: auto !important;
}
.xl\:mb-0 {
margin-bottom: 0rem !important;
}
.xl\:mb-1 {
margin-bottom: 0.25rem !important;
}
.xl\:mb-2 {
margin-bottom: 0.5rem !important;
}
.xl\:mb-3 {
margin-bottom: 1rem !important;
}
.xl\:mb-4 {
margin-bottom: 1.5rem !important;
}
.xl\:mb-5 {
margin-bottom: 2rem !important;
}
.xl\:mb-6 {
margin-bottom: 3rem !important;
}
.xl\:mb-7 {
margin-bottom: 4rem !important;
}
.xl\:mb-8 {
margin-bottom: 5rem !important;
}
.xl\:-mb-1 {
margin-bottom: -0.25rem !important;
}
.xl\:-mb-2 {
margin-bottom: -0.5rem !important;
}
.xl\:-mb-3 {
margin-bottom: -1rem !important;
}
.xl\:-mb-4 {
margin-bottom: -1.5rem !important;
}
.xl\:-mb-5 {
margin-bottom: -2rem !important;
}
.xl\:-mb-6 {
margin-bottom: -3rem !important;
}
.xl\:-mb-7 {
margin-bottom: -4rem !important;
}
.xl\:-mb-8 {
margin-bottom: -5rem !important;
}
.xl\:mb-auto {
margin-bottom: auto !important;
}
.xl\:mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.xl\:mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.xl\:mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.xl\:mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.xl\:mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.xl\:mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.xl\:mx-6 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.xl\:mx-7 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.xl\:mx-8 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.xl\:-mx-1 {
margin-left: -0.25rem !important;
margin-right: -0.25rem !important;
}
.xl\:-mx-2 {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}
.xl\:-mx-3 {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
.xl\:-mx-4 {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
}
.xl\:-mx-5 {
margin-left: -2rem !important;
margin-right: -2rem !important;
}
.xl\:-mx-6 {
margin-left: -3rem !important;
margin-right: -3rem !important;
}
.xl\:-mx-7 {
margin-left: -4rem !important;
margin-right: -4rem !important;
}
.xl\:-mx-8 {
margin-left: -5rem !important;
margin-right: -5rem !important;
}
.xl\:mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.xl\:my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.xl\:my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.xl\:my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.xl\:my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.xl\:my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.xl\:my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.xl\:my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.xl\:my-7 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.xl\:my-8 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.xl\:-my-1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.xl\:-my-2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.xl\:-my-3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.xl\:-my-4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.xl\:-my-5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.xl\:-my-6 {
margin-top: -3rem !important;
margin-bottom: -3rem !important;
}
.xl\:-my-7 {
margin-top: -4rem !important;
margin-bottom: -4rem !important;
}
.xl\:-my-8 {
margin-top: -5rem !important;
margin-bottom: -5rem !important;
}
.xl\:my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
.shadow-none {
box-shadow: none !important;
}
.shadow-1 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
box-shadow: none !important;
}
.hover\:shadow-none:hover {
box-shadow: none !important;
}
.active\:shadow-none:active {
box-shadow: none !important;
}
.focus\:shadow-1:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
.sm\:shadow-none {
box-shadow: none !important;
}
.sm\:shadow-1 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.sm\:shadow-2 {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.sm\:shadow-3 {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.sm\:shadow-4 {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.sm\:shadow-5 {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.sm\:shadow-6 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.sm\:shadow-7 {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.sm\:shadow-8 {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.sm\:focus\:shadow-none:focus {
box-shadow: none !important;
}
.sm\:hover\:shadow-none:hover {
box-shadow: none !important;
}
.sm\:active\:shadow-none:active {
box-shadow: none !important;
}
.sm\:focus\:shadow-1:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.sm\:hover\:shadow-1:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.sm\:active\:shadow-1:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.sm\:focus\:shadow-2:focus {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.sm\:hover\:shadow-2:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.sm\:active\:shadow-2:active {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.sm\:focus\:shadow-3:focus {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.sm\:hover\:shadow-3:hover {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.sm\:active\:shadow-3:active {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.sm\:focus\:shadow-4:focus {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.sm\:hover\:shadow-4:hover {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.sm\:active\:shadow-4:active {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.sm\:focus\:shadow-5:focus {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.sm\:hover\:shadow-5:hover {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.sm\:active\:shadow-5:active {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.sm\:focus\:shadow-6:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.sm\:hover\:shadow-6:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.sm\:active\:shadow-6:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.sm\:focus\:shadow-7:focus {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.sm\:hover\:shadow-7:hover {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.sm\:active\:shadow-7:active {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.sm\:focus\:shadow-8:focus {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.sm\:hover\:shadow-8:hover {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.sm\:active\:shadow-8:active {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
}
@media screen and (min-width: 768px) {
.md\:shadow-none {
box-shadow: none !important;
}
.md\:shadow-1 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.md\:shadow-2 {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.md\:shadow-3 {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.md\:shadow-4 {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.md\:shadow-5 {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.md\:shadow-6 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.md\:shadow-7 {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.md\:shadow-8 {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.md\:focus\:shadow-none:focus {
box-shadow: none !important;
}
.md\:hover\:shadow-none:hover {
box-shadow: none !important;
}
.md\:active\:shadow-none:active {
box-shadow: none !important;
}
.md\:focus\:shadow-1:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.md\:hover\:shadow-1:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.md\:active\:shadow-1:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.md\:focus\:shadow-2:focus {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.md\:hover\:shadow-2:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.md\:active\:shadow-2:active {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.md\:focus\:shadow-3:focus {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.md\:hover\:shadow-3:hover {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.md\:active\:shadow-3:active {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.md\:focus\:shadow-4:focus {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.md\:hover\:shadow-4:hover {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.md\:active\:shadow-4:active {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.md\:focus\:shadow-5:focus {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.md\:hover\:shadow-5:hover {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.md\:active\:shadow-5:active {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.md\:focus\:shadow-6:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.md\:hover\:shadow-6:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.md\:active\:shadow-6:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.md\:focus\:shadow-7:focus {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.md\:hover\:shadow-7:hover {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.md\:active\:shadow-7:active {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.md\:focus\:shadow-8:focus {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.md\:hover\:shadow-8:hover {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.md\:active\:shadow-8:active {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
}
@media screen and (min-width: 992px) {
.lg\:shadow-none {
box-shadow: none !important;
}
.lg\:shadow-1 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.lg\:shadow-2 {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.lg\:shadow-3 {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.lg\:shadow-4 {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.lg\:shadow-5 {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.lg\:shadow-6 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.lg\:shadow-7 {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.lg\:shadow-8 {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.lg\:focus\:shadow-none:focus {
box-shadow: none !important;
}
.lg\:hover\:shadow-none:hover {
box-shadow: none !important;
}
.lg\:active\:shadow-none:active {
box-shadow: none !important;
}
.lg\:focus\:shadow-1:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.lg\:hover\:shadow-1:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.lg\:active\:shadow-1:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.lg\:focus\:shadow-2:focus {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.lg\:hover\:shadow-2:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.lg\:active\:shadow-2:active {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.lg\:focus\:shadow-3:focus {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.lg\:hover\:shadow-3:hover {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.lg\:active\:shadow-3:active {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.lg\:focus\:shadow-4:focus {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.lg\:hover\:shadow-4:hover {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.lg\:active\:shadow-4:active {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.lg\:focus\:shadow-5:focus {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.lg\:hover\:shadow-5:hover {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.lg\:active\:shadow-5:active {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.lg\:focus\:shadow-6:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.lg\:hover\:shadow-6:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.lg\:active\:shadow-6:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.lg\:focus\:shadow-7:focus {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.lg\:hover\:shadow-7:hover {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.lg\:active\:shadow-7:active {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.lg\:focus\:shadow-8:focus {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.lg\:hover\:shadow-8:hover {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.lg\:active\:shadow-8:active {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:shadow-none {
box-shadow: none !important;
}
.xl\:shadow-1 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.xl\:shadow-2 {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.xl\:shadow-3 {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.xl\:shadow-4 {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.xl\:shadow-5 {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.xl\:shadow-6 {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.xl\:shadow-7 {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.xl\:shadow-8 {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.xl\:focus\:shadow-none:focus {
box-shadow: none !important;
}
.xl\:hover\:shadow-none:hover {
box-shadow: none !important;
}
.xl\:active\:shadow-none:active {
box-shadow: none !important;
}
.xl\:focus\:shadow-1:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.xl\:hover\:shadow-1:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.xl\:active\:shadow-1:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.xl\:focus\:shadow-2:focus {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.xl\:hover\:shadow-2:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.xl\:active\:shadow-2:active {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.xl\:focus\:shadow-3:focus {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.xl\:hover\:shadow-3:hover {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.xl\:active\:shadow-3:active {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.xl\:focus\:shadow-4:focus {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.xl\:hover\:shadow-4:hover {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.xl\:active\:shadow-4:active {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.xl\:focus\:shadow-5:focus {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.xl\:hover\:shadow-5:hover {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.xl\:active\:shadow-5:active {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.xl\:focus\:shadow-6:focus {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.xl\:hover\:shadow-6:hover {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.xl\:active\:shadow-6:active {
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.xl\:focus\:shadow-7:focus {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.xl\:hover\:shadow-7:hover {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.xl\:active\:shadow-7:active {
box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.xl\:focus\:shadow-8:focus {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.xl\:hover\:shadow-8:hover {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.xl\:active\:shadow-8:active {
box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
}
.border-none {
border-width: 0px !important;
border-style: none;
}
.border-1 {
border-width: 1px !important;
border-style: solid;
}
.border-2 {
border-width: 2px !important;
border-style: solid;
}
.border-3 {
border-width: 3px !important;
border-style: solid;
}
.border-top-none {
border-top-width: 0px !important;
border-top-style: none;
}
.border-top-1 {
border-top-width: 1px !important;
border-top-style: solid;
}
.border-top-2 {
border-top-width: 2px !important;
border-top-style: solid;
}
.border-top-3 {
border-top-width: 3px !important;
border-top-style: solid;
}
.border-right-none {
border-right-width: 0px !important;
border-right-style: none;
}
.border-right-1 {
border-right-width: 1px !important;
border-right-style: solid;
}
.border-right-2 {
border-right-width: 2px !important;
border-right-style: solid;
}
.border-right-3 {
border-right-width: 3px !important;
border-right-style: solid;
}
.border-left-none {
border-left-width: 0px !important;
border-left-style: none;
}
.border-left-1 {
border-left-width: 1px !important;
border-left-style: solid;
}
.border-left-2 {
border-left-width: 2px !important;
border-left-style: solid;
}
.border-left-3 {
border-left-width: 3px !important;
border-left-style: solid;
}
.border-bottom-none {
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.border-bottom-1 {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.border-bottom-2 {
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.border-bottom-3 {
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
.border-x-none {
border-left-width: 0px !important;
border-left-style: none;
border-right-width: 0px !important;
border-right-style: none;
}
.border-x-1 {
border-left-width: 1px !important;
border-left-style: solid;
border-right-width: 1px !important;
border-right-style: solid;
}
.border-x-2 {
border-left-width: 2px !important;
border-left-style: solid;
border-right-width: 2px !important;
border-right-style: solid;
}
.border-x-3 {
border-left-width: 3px !important;
border-left-style: solid;
border-right-width: 3px !important;
border-right-style: solid;
}
.border-y-none {
border-top-width: 0px !important;
border-top-style: none;
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.border-y-1 {
border-top-width: 1px !important;
border-top-style: solid;
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.border-y-2 {
border-top-width: 2px !important;
border-top-style: solid;
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.border-y-3 {
border-top-width: 3px !important;
border-top-style: solid;
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
.sm\:border-none {
border-width: 0px !important;
border-style: none;
}
.sm\:border-1 {
border-width: 1px !important;
border-style: solid;
}
.sm\:border-2 {
border-width: 2px !important;
border-style: solid;
}
.sm\:border-3 {
border-width: 3px !important;
border-style: solid;
}
.sm\:border-top-none {
border-top-width: 0px !important;
border-top-style: none;
}
.sm\:border-top-1 {
border-top-width: 1px !important;
border-top-style: solid;
}
.sm\:border-top-2 {
border-top-width: 2px !important;
border-top-style: solid;
}
.sm\:border-top-3 {
border-top-width: 3px !important;
border-top-style: solid;
}
.sm\:border-right-none {
border-right-width: 0px !important;
border-right-style: none;
}
.sm\:border-right-1 {
border-right-width: 1px !important;
border-right-style: solid;
}
.sm\:border-right-2 {
border-right-width: 2px !important;
border-right-style: solid;
}
.sm\:border-right-3 {
border-right-width: 3px !important;
border-right-style: solid;
}
.sm\:border-left-none {
border-left-width: 0px !important;
border-left-style: none;
}
.sm\:border-left-1 {
border-left-width: 1px !important;
border-left-style: solid;
}
.sm\:border-left-2 {
border-left-width: 2px !important;
border-left-style: solid;
}
.sm\:border-left-3 {
border-left-width: 3px !important;
border-left-style: solid;
}
.sm\:border-bottom-none {
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.sm\:border-bottom-1 {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.sm\:border-bottom-2 {
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.sm\:border-bottom-3 {
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
.sm\:border-x-none {
border-left-width: 0px !important;
border-left-style: none;
border-right-width: 0px !important;
border-right-style: none;
}
.sm\:border-x-1 {
border-left-width: 1px !important;
border-left-style: solid;
border-right-width: 1px !important;
border-right-style: solid;
}
.sm\:border-x-2 {
border-left-width: 2px !important;
border-left-style: solid;
border-right-width: 2px !important;
border-right-style: solid;
}
.sm\:border-x-3 {
border-left-width: 3px !important;
border-left-style: solid;
border-right-width: 3px !important;
border-right-style: solid;
}
.sm\:border-y-none {
border-top-width: 0px !important;
border-top-style: none;
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.sm\:border-y-1 {
border-top-width: 1px !important;
border-top-style: solid;
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.sm\:border-y-2 {
border-top-width: 2px !important;
border-top-style: solid;
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.sm\:border-y-3 {
border-top-width: 3px !important;
border-top-style: solid;
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
}
@media screen and (min-width: 768px) {
.md\:border-none {
border-width: 0px !important;
border-style: none;
}
.md\:border-1 {
border-width: 1px !important;
border-style: solid;
}
.md\:border-2 {
border-width: 2px !important;
border-style: solid;
}
.md\:border-3 {
border-width: 3px !important;
border-style: solid;
}
.md\:border-top-none {
border-top-width: 0px !important;
border-top-style: none;
}
.md\:border-top-1 {
border-top-width: 1px !important;
border-top-style: solid;
}
.md\:border-top-2 {
border-top-width: 2px !important;
border-top-style: solid;
}
.md\:border-top-3 {
border-top-width: 3px !important;
border-top-style: solid;
}
.md\:border-right-none {
border-right-width: 0px !important;
border-right-style: none;
}
.md\:border-right-1 {
border-right-width: 1px !important;
border-right-style: solid;
}
.md\:border-right-2 {
border-right-width: 2px !important;
border-right-style: solid;
}
.md\:border-right-3 {
border-right-width: 3px !important;
border-right-style: solid;
}
.md\:border-left-none {
border-left-width: 0px !important;
border-left-style: none;
}
.md\:border-left-1 {
border-left-width: 1px !important;
border-left-style: solid;
}
.md\:border-left-2 {
border-left-width: 2px !important;
border-left-style: solid;
}
.md\:border-left-3 {
border-left-width: 3px !important;
border-left-style: solid;
}
.md\:border-bottom-none {
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.md\:border-bottom-1 {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.md\:border-bottom-2 {
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.md\:border-bottom-3 {
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
.md\:border-x-none {
border-left-width: 0px !important;
border-left-style: none;
border-right-width: 0px !important;
border-right-style: none;
}
.md\:border-x-1 {
border-left-width: 1px !important;
border-left-style: solid;
border-right-width: 1px !important;
border-right-style: solid;
}
.md\:border-x-2 {
border-left-width: 2px !important;
border-left-style: solid;
border-right-width: 2px !important;
border-right-style: solid;
}
.md\:border-x-3 {
border-left-width: 3px !important;
border-left-style: solid;
border-right-width: 3px !important;
border-right-style: solid;
}
.md\:border-y-none {
border-top-width: 0px !important;
border-top-style: none;
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.md\:border-y-1 {
border-top-width: 1px !important;
border-top-style: solid;
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.md\:border-y-2 {
border-top-width: 2px !important;
border-top-style: solid;
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.md\:border-y-3 {
border-top-width: 3px !important;
border-top-style: solid;
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
}
@media screen and (min-width: 992px) {
.lg\:border-none {
border-width: 0px !important;
border-style: none;
}
.lg\:border-1 {
border-width: 1px !important;
border-style: solid;
}
.lg\:border-2 {
border-width: 2px !important;
border-style: solid;
}
.lg\:border-3 {
border-width: 3px !important;
border-style: solid;
}
.lg\:border-top-none {
border-top-width: 0px !important;
border-top-style: none;
}
.lg\:border-top-1 {
border-top-width: 1px !important;
border-top-style: solid;
}
.lg\:border-top-2 {
border-top-width: 2px !important;
border-top-style: solid;
}
.lg\:border-top-3 {
border-top-width: 3px !important;
border-top-style: solid;
}
.lg\:border-right-none {
border-right-width: 0px !important;
border-right-style: none;
}
.lg\:border-right-1 {
border-right-width: 1px !important;
border-right-style: solid;
}
.lg\:border-right-2 {
border-right-width: 2px !important;
border-right-style: solid;
}
.lg\:border-right-3 {
border-right-width: 3px !important;
border-right-style: solid;
}
.lg\:border-left-none {
border-left-width: 0px !important;
border-left-style: none;
}
.lg\:border-left-1 {
border-left-width: 1px !important;
border-left-style: solid;
}
.lg\:border-left-2 {
border-left-width: 2px !important;
border-left-style: solid;
}
.lg\:border-left-3 {
border-left-width: 3px !important;
border-left-style: solid;
}
.lg\:border-bottom-none {
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.lg\:border-bottom-1 {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.lg\:border-bottom-2 {
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.lg\:border-bottom-3 {
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
.lg\:border-x-none {
border-left-width: 0px !important;
border-left-style: none;
border-right-width: 0px !important;
border-right-style: none;
}
.lg\:border-x-1 {
border-left-width: 1px !important;
border-left-style: solid;
border-right-width: 1px !important;
border-right-style: solid;
}
.lg\:border-x-2 {
border-left-width: 2px !important;
border-left-style: solid;
border-right-width: 2px !important;
border-right-style: solid;
}
.lg\:border-x-3 {
border-left-width: 3px !important;
border-left-style: solid;
border-right-width: 3px !important;
border-right-style: solid;
}
.lg\:border-y-none {
border-top-width: 0px !important;
border-top-style: none;
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.lg\:border-y-1 {
border-top-width: 1px !important;
border-top-style: solid;
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.lg\:border-y-2 {
border-top-width: 2px !important;
border-top-style: solid;
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.lg\:border-y-3 {
border-top-width: 3px !important;
border-top-style: solid;
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
}
@media screen and (min-width: 1200px) {
.xl\:border-none {
border-width: 0px !important;
border-style: none;
}
.xl\:border-1 {
border-width: 1px !important;
border-style: solid;
}
.xl\:border-2 {
border-width: 2px !important;
border-style: solid;
}
.xl\:border-3 {
border-width: 3px !important;
border-style: solid;
}
.xl\:border-top-none {
border-top-width: 0px !important;
border-top-style: none;
}
.xl\:border-top-1 {
border-top-width: 1px !important;
border-top-style: solid;
}
.xl\:border-top-2 {
border-top-width: 2px !important;
border-top-style: solid;
}
.xl\:border-top-3 {
border-top-width: 3px !important;
border-top-style: solid;
}
.xl\:border-right-none {
border-right-width: 0px !important;
border-right-style: none;
}
.xl\:border-right-1 {
border-right-width: 1px !important;
border-right-style: solid;
}
.xl\:border-right-2 {
border-right-width: 2px !important;
border-right-style: solid;
}
.xl\:border-right-3 {
border-right-width: 3px !important;
border-right-style: solid;
}
.xl\:border-left-none {
border-left-width: 0px !important;
border-left-style: none;
}
.xl\:border-left-1 {
border-left-width: 1px !important;
border-left-style: solid;
}
.xl\:border-left-2 {
border-left-width: 2px !important;
border-left-style: solid;
}
.xl\:border-left-3 {
border-left-width: 3px !important;
border-left-style: solid;
}
.xl\:border-bottom-none {
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.xl\:border-bottom-1 {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.xl\:border-bottom-2 {
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.xl\:border-bottom-3 {
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
.xl\:border-x-none {
border-left-width: 0px !important;
border-left-style: none;
border-right-width: 0px !important;
border-right-style: none;
}
.xl\:border-x-1 {
border-left-width: 1px !important;
border-left-style: solid;
border-right-width: 1px !important;
border-right-style: solid;
}
.xl\:border-x-2 {
border-left-width: 2px !important;
border-left-style: solid;
border-right-width: 2px !important;
border-right-style: solid;
}
.xl\:border-x-3 {
border-left-width: 3px !important;
border-left-style: solid;
border-right-width: 3px !important;
border-right-style: solid;
}
.xl\:border-y-none {
border-top-width: 0px !important;
border-top-style: none;
border-bottom-width: 0px !important;
border-bottom-style: none;
}
.xl\:border-y-1 {
border-top-width: 1px !important;
border-top-style: solid;
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.xl\:border-y-2 {
border-top-width: 2px !important;
border-top-style: solid;
border-bottom-width: 2px !important;
border-bottom-style: solid;
}
.xl\:border-y-3 {
border-top-width: 3px !important;
border-top-style: solid;
border-bottom-width: 3px !important;
border-bottom-style: solid;
}
}
.border-solid {
border-style: solid !important;
}
.border-dashed {
border-style: dashed !important;
}
.border-dotted {
border-style: dotted !important;
}
.border-double {
border-style: double !important;
}
@media screen and (min-width: 576px) {
.sm\:border-solid {
border-style: solid !important;
}
.sm\:border-dashed {
border-style: dashed !important;
}
.sm\:border-dotted {
border-style: dotted !important;
}
.sm\:border-double {
border-style: double !important;
}
}
@media screen and (min-width: 768px) {
.md\:border-solid {
border-style: solid !important;
}
.md\:border-dashed {
border-style: dashed !important;
}
.md\:border-dotted {
border-style: dotted !important;
}
.md\:border-double {
border-style: double !important;
}
}
@media screen and (min-width: 992px) {
.lg\:border-solid {
border-style: solid !important;
}
.lg\:border-dashed {
border-style: dashed !important;
}
.lg\:border-dotted {
border-style: dotted !important;
}
.lg\:border-double {
border-style: double !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:border-solid {
border-style: solid !important;
}
.xl\:border-dashed {
border-style: dashed !important;
}
.xl\:border-dotted {
border-style: dotted !important;
}
.xl\:border-double {
border-style: double !important;
}
}
.border-noround {
border-radius: 0 !important;
}
.border-round {
border-radius: var(--border-radius) !important;
}
.border-round-xs {
border-radius: 0.125rem !important;
}
.border-round-sm {
border-radius: 0.25rem !important;
}
.border-round-md {
border-radius: 0.375rem !important;
}
.border-round-lg {
border-radius: 0.5rem !important;
}
.border-round-xl {
border-radius: 0.75rem !important;
}
.border-round-2xl {
border-radius: 1rem !important;
}
.border-round-3xl {
border-radius: 1.5rem !important;
}
.border-circle {
border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
.sm\:border-noround {
border-radius: 0 !important;
}
.sm\:border-round {
border-radius: var(--border-radius) !important;
}
.sm\:border-round-xs {
border-radius: 0.125rem !important;
}
.sm\:border-round-sm {
border-radius: 0.25rem !important;
}
.sm\:border-round-md {
border-radius: 0.375rem !important;
}
.sm\:border-round-lg {
border-radius: 0.5rem !important;
}
.sm\:border-round-xl {
border-radius: 0.75rem !important;
}
.sm\:border-round-2xl {
border-radius: 1rem !important;
}
.sm\:border-round-3xl {
border-radius: 1.5rem !important;
}
.sm\:border-circle {
border-radius: 50% !important;
}
}
@media screen and (min-width: 768px) {
.md\:border-noround {
border-radius: 0 !important;
}
.md\:border-round {
border-radius: var(--border-radius) !important;
}
.md\:border-round-xs {
border-radius: 0.125rem !important;
}
.md\:border-round-sm {
border-radius: 0.25rem !important;
}
.md\:border-round-md {
border-radius: 0.375rem !important;
}
.md\:border-round-lg {
border-radius: 0.5rem !important;
}
.md\:border-round-xl {
border-radius: 0.75rem !important;
}
.md\:border-round-2xl {
border-radius: 1rem !important;
}
.md\:border-round-3xl {
border-radius: 1.5rem !important;
}
.md\:border-circle {
border-radius: 50% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:border-noround {
border-radius: 0 !important;
}
.lg\:border-round {
border-radius: var(--border-radius) !important;
}
.lg\:border-round-xs {
border-radius: 0.125rem !important;
}
.lg\:border-round-sm {
border-radius: 0.25rem !important;
}
.lg\:border-round-md {
border-radius: 0.375rem !important;
}
.lg\:border-round-lg {
border-radius: 0.5rem !important;
}
.lg\:border-round-xl {
border-radius: 0.75rem !important;
}
.lg\:border-round-2xl {
border-radius: 1rem !important;
}
.lg\:border-round-3xl {
border-radius: 1.5rem !important;
}
.lg\:border-circle {
border-radius: 50% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:border-noround {
border-radius: 0 !important;
}
.xl\:border-round {
border-radius: var(--border-radius) !important;
}
.xl\:border-round-xs {
border-radius: 0.125rem !important;
}
.xl\:border-round-sm {
border-radius: 0.25rem !important;
}
.xl\:border-round-md {
border-radius: 0.375rem !important;
}
.xl\:border-round-lg {
border-radius: 0.5rem !important;
}
.xl\:border-round-xl {
border-radius: 0.75rem !important;
}
.xl\:border-round-2xl {
border-radius: 1rem !important;
}
.xl\:border-round-3xl {
border-radius: 1.5rem !important;
}
.xl\:border-circle {
border-radius: 50% !important;
}
}
.border-noround-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.border-noround-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.border-noround-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.border-round-left {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
border-top-left-radius: 0.125rem !important;
border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
border-top-left-radius: 0.125rem !important;
border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
border-top-right-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
border-bottom-left-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
border-bottom-left-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
border-top-left-radius: 0.375rem !important;
border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
border-top-left-radius: 0.375rem !important;
border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
border-top-right-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
border-bottom-left-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
border-bottom-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
border-top-left-radius: 0.75rem !important;
border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
border-top-left-radius: 0.75rem !important;
border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
border-top-right-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
border-bottom-left-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
border-top-left-radius: 1rem !important;
border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
border-top-right-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
border-top-left-radius: 1.5rem !important;
border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
border-top-left-radius: 1.5rem !important;
border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
border-top-right-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
border-bottom-left-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
border-top-left-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.border-circle-top {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.border-circle-right {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
border-bottom-left-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
.sm\:border-noround-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.sm\:border-noround-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.sm\:border-noround-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.sm\:border-noround-bottom {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.sm\:border-round-left {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.sm\:border-round-top {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.sm\:border-round-right {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.sm\:border-round-bottom {
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.sm\:border-round-left-xs {
border-top-left-radius: 0.125rem !important;
border-bottom-left-radius: 0.125rem !important;
}
.sm\:border-round-top-xs {
border-top-left-radius: 0.125rem !important;
border-top-right-radius: 0.125rem !important;
}
.sm\:border-round-right-xs {
border-top-right-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.sm\:border-round-bottom-xs {
border-bottom-left-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.sm\:border-round-left-sm {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.sm\:border-round-top-sm {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.sm\:border-round-right-sm {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.sm\:border-round-bottom-sm {
border-bottom-left-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.sm\:border-round-left-md {
border-top-left-radius: 0.375rem !important;
border-bottom-left-radius: 0.375rem !important;
}
.sm\:border-round-top-md {
border-top-left-radius: 0.375rem !important;
border-top-right-radius: 0.375rem !important;
}
.sm\:border-round-right-md {
border-top-right-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.sm\:border-round-bottom-md {
border-bottom-left-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.sm\:border-round-left-lg {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.sm\:border-round-top-lg {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.sm\:border-round-right-lg {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.sm\:border-round-bottom-lg {
border-bottom-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.sm\:border-round-left-xl {
border-top-left-radius: 0.75rem !important;
border-bottom-left-radius: 0.75rem !important;
}
.sm\:border-round-top-xl {
border-top-left-radius: 0.75rem !important;
border-top-right-radius: 0.75rem !important;
}
.sm\:border-round-right-xl {
border-top-right-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.sm\:border-round-bottom-xl {
border-bottom-left-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.sm\:border-round-left-2xl {
border-top-left-radius: 1rem !important;
border-bottom-left-radius: 1rem !important;
}
.sm\:border-round-top-2xl {
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.sm\:border-round-right-2xl {
border-top-right-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.sm\:border-round-bottom-2xl {
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.sm\:border-round-left-3xl {
border-top-left-radius: 1.5rem !important;
border-bottom-left-radius: 1.5rem !important;
}
.sm\:border-round-top-3xl {
border-top-left-radius: 1.5rem !important;
border-top-right-radius: 1.5rem !important;
}
.sm\:border-round-right-3xl {
border-top-right-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.sm\:border-round-bottom-3xl {
border-bottom-left-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.sm\:border-circle-left {
border-top-left-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.sm\:border-circle-top {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.sm\:border-circle-right {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.sm\:border-circle-bottom {
border-bottom-left-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
}
@media screen and (min-width: 768px) {
.md\:border-noround-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.md\:border-noround-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.md\:border-noround-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.md\:border-noround-bottom {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.md\:border-round-left {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.md\:border-round-top {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.md\:border-round-right {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.md\:border-round-bottom {
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.md\:border-round-left-xs {
border-top-left-radius: 0.125rem !important;
border-bottom-left-radius: 0.125rem !important;
}
.md\:border-round-top-xs {
border-top-left-radius: 0.125rem !important;
border-top-right-radius: 0.125rem !important;
}
.md\:border-round-right-xs {
border-top-right-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.md\:border-round-bottom-xs {
border-bottom-left-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.md\:border-round-left-sm {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.md\:border-round-top-sm {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.md\:border-round-right-sm {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.md\:border-round-bottom-sm {
border-bottom-left-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.md\:border-round-left-md {
border-top-left-radius: 0.375rem !important;
border-bottom-left-radius: 0.375rem !important;
}
.md\:border-round-top-md {
border-top-left-radius: 0.375rem !important;
border-top-right-radius: 0.375rem !important;
}
.md\:border-round-right-md {
border-top-right-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.md\:border-round-bottom-md {
border-bottom-left-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.md\:border-round-left-lg {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.md\:border-round-top-lg {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.md\:border-round-right-lg {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.md\:border-round-bottom-lg {
border-bottom-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.md\:border-round-left-xl {
border-top-left-radius: 0.75rem !important;
border-bottom-left-radius: 0.75rem !important;
}
.md\:border-round-top-xl {
border-top-left-radius: 0.75rem !important;
border-top-right-radius: 0.75rem !important;
}
.md\:border-round-right-xl {
border-top-right-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.md\:border-round-bottom-xl {
border-bottom-left-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.md\:border-round-left-2xl {
border-top-left-radius: 1rem !important;
border-bottom-left-radius: 1rem !important;
}
.md\:border-round-top-2xl {
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.md\:border-round-right-2xl {
border-top-right-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.md\:border-round-bottom-2xl {
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.md\:border-round-left-3xl {
border-top-left-radius: 1.5rem !important;
border-bottom-left-radius: 1.5rem !important;
}
.md\:border-round-top-3xl {
border-top-left-radius: 1.5rem !important;
border-top-right-radius: 1.5rem !important;
}
.md\:border-round-right-3xl {
border-top-right-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.md\:border-round-bottom-3xl {
border-bottom-left-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.md\:border-circle-left {
border-top-left-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.md\:border-circle-top {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.md\:border-circle-right {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.md\:border-circle-bottom {
border-bottom-left-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:border-noround-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.lg\:border-noround-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.lg\:border-noround-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.lg\:border-noround-bottom {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.lg\:border-round-left {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.lg\:border-round-top {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.lg\:border-round-right {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.lg\:border-round-bottom {
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.lg\:border-round-left-xs {
border-top-left-radius: 0.125rem !important;
border-bottom-left-radius: 0.125rem !important;
}
.lg\:border-round-top-xs {
border-top-left-radius: 0.125rem !important;
border-top-right-radius: 0.125rem !important;
}
.lg\:border-round-right-xs {
border-top-right-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.lg\:border-round-bottom-xs {
border-bottom-left-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.lg\:border-round-left-sm {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.lg\:border-round-top-sm {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.lg\:border-round-right-sm {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.lg\:border-round-bottom-sm {
border-bottom-left-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.lg\:border-round-left-md {
border-top-left-radius: 0.375rem !important;
border-bottom-left-radius: 0.375rem !important;
}
.lg\:border-round-top-md {
border-top-left-radius: 0.375rem !important;
border-top-right-radius: 0.375rem !important;
}
.lg\:border-round-right-md {
border-top-right-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.lg\:border-round-bottom-md {
border-bottom-left-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.lg\:border-round-left-lg {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.lg\:border-round-top-lg {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.lg\:border-round-right-lg {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.lg\:border-round-bottom-lg {
border-bottom-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.lg\:border-round-left-xl {
border-top-left-radius: 0.75rem !important;
border-bottom-left-radius: 0.75rem !important;
}
.lg\:border-round-top-xl {
border-top-left-radius: 0.75rem !important;
border-top-right-radius: 0.75rem !important;
}
.lg\:border-round-right-xl {
border-top-right-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.lg\:border-round-bottom-xl {
border-bottom-left-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.lg\:border-round-left-2xl {
border-top-left-radius: 1rem !important;
border-bottom-left-radius: 1rem !important;
}
.lg\:border-round-top-2xl {
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.lg\:border-round-right-2xl {
border-top-right-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.lg\:border-round-bottom-2xl {
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.lg\:border-round-left-3xl {
border-top-left-radius: 1.5rem !important;
border-bottom-left-radius: 1.5rem !important;
}
.lg\:border-round-top-3xl {
border-top-left-radius: 1.5rem !important;
border-top-right-radius: 1.5rem !important;
}
.lg\:border-round-right-3xl {
border-top-right-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.lg\:border-round-bottom-3xl {
border-bottom-left-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.lg\:border-circle-left {
border-top-left-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.lg\:border-circle-top {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.lg\:border-circle-right {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.lg\:border-circle-bottom {
border-bottom-left-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:border-noround-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.xl\:border-noround-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.xl\:border-noround-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.xl\:border-noround-bottom {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.xl\:border-round-left {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.xl\:border-round-top {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.xl\:border-round-right {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.xl\:border-round-bottom {
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.xl\:border-round-left-xs {
border-top-left-radius: 0.125rem !important;
border-bottom-left-radius: 0.125rem !important;
}
.xl\:border-round-top-xs {
border-top-left-radius: 0.125rem !important;
border-top-right-radius: 0.125rem !important;
}
.xl\:border-round-right-xs {
border-top-right-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.xl\:border-round-bottom-xs {
border-bottom-left-radius: 0.125rem !important;
border-bottom-right-radius: 0.125rem !important;
}
.xl\:border-round-left-sm {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.xl\:border-round-top-sm {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.xl\:border-round-right-sm {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.xl\:border-round-bottom-sm {
border-bottom-left-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.xl\:border-round-left-md {
border-top-left-radius: 0.375rem !important;
border-bottom-left-radius: 0.375rem !important;
}
.xl\:border-round-top-md {
border-top-left-radius: 0.375rem !important;
border-top-right-radius: 0.375rem !important;
}
.xl\:border-round-right-md {
border-top-right-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.xl\:border-round-bottom-md {
border-bottom-left-radius: 0.375rem !important;
border-bottom-right-radius: 0.375rem !important;
}
.xl\:border-round-left-lg {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.xl\:border-round-top-lg {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.xl\:border-round-right-lg {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.xl\:border-round-bottom-lg {
border-bottom-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.xl\:border-round-left-xl {
border-top-left-radius: 0.75rem !important;
border-bottom-left-radius: 0.75rem !important;
}
.xl\:border-round-top-xl {
border-top-left-radius: 0.75rem !important;
border-top-right-radius: 0.75rem !important;
}
.xl\:border-round-right-xl {
border-top-right-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.xl\:border-round-bottom-xl {
border-bottom-left-radius: 0.75rem !important;
border-bottom-right-radius: 0.75rem !important;
}
.xl\:border-round-left-2xl {
border-top-left-radius: 1rem !important;
border-bottom-left-radius: 1rem !important;
}
.xl\:border-round-top-2xl {
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.xl\:border-round-right-2xl {
border-top-right-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.xl\:border-round-bottom-2xl {
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.xl\:border-round-left-3xl {
border-top-left-radius: 1.5rem !important;
border-bottom-left-radius: 1.5rem !important;
}
.xl\:border-round-top-3xl {
border-top-left-radius: 1.5rem !important;
border-top-right-radius: 1.5rem !important;
}
.xl\:border-round-right-3xl {
border-top-right-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.xl\:border-round-bottom-3xl {
border-bottom-left-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.xl\:border-circle-left {
border-top-left-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.xl\:border-circle-top {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.xl\:border-circle-right {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.xl\:border-circle-bottom {
border-bottom-left-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
}
.w-full {
width: 100% !important;
}
.w-screen {
width: 100vw !important;
}
.w-auto {
width: auto !important;
}
.w-1 {
width: 8.3333% !important;
}
.w-2 {
width: 16.6667% !important;
}
.w-3 {
width: 25% !important;
}
.w-4 {
width: 33.3333% !important;
}
.w-5 {
width: 41.6667% !important;
}
.w-6 {
width: 50% !important;
}
.w-7 {
width: 58.3333% !important;
}
.w-8 {
width: 66.6667% !important;
}
.w-9 {
width: 75% !important;
}
.w-10 {
width: 83.3333% !important;
}
.w-11 {
width: 91.6667% !important;
}
.w-12 {
width: 100% !important;
}
.w-min {
width: min-content !important;
}
.w-max {
width: max-content !important;
}
.w-fit {
width: fit-content !important;
}
.w-1rem {
width: 1rem !important;
}
.w-2rem {
width: 2rem !important;
}
.w-3rem {
width: 3rem !important;
}
.w-4rem {
width: 4rem !important;
}
.w-5rem {
width: 5rem !important;
}
.w-6rem {
width: 6rem !important;
}
.w-7rem {
width: 7rem !important;
}
.w-8rem {
width: 8rem !important;
}
.w-9rem {
width: 9rem !important;
}
.w-10rem {
width: 10rem !important;
}
.w-11rem {
width: 11rem !important;
}
.w-12rem {
width: 12rem !important;
}
.w-13rem {
width: 13rem !important;
}
.w-14rem {
width: 14rem !important;
}
.w-15rem {
width: 15rem !important;
}
.w-16rem {
width: 16rem !important;
}
.w-17rem {
width: 17rem !important;
}
.w-18rem {
width: 18rem !important;
}
.w-19rem {
width: 19rem !important;
}
.w-20rem {
width: 20rem !important;
}
.w-21rem {
width: 21rem !important;
}
.w-22rem {
width: 22rem !important;
}
.w-23rem {
width: 23rem !important;
}
.w-24rem {
width: 24rem !important;
}
.w-25rem {
width: 25rem !important;
}
.w-26rem {
width: 26rem !important;
}
.w-27rem {
width: 27rem !important;
}
.w-28rem {
width: 28rem !important;
}
.w-29rem {
width: 29rem !important;
}
.w-30rem {
width: 30rem !important;
}
@media screen and (min-width: 576px) {
.sm\:w-full {
width: 100% !important;
}
.sm\:w-screen {
width: 100vw !important;
}
.sm\:w-auto {
width: auto !important;
}
.sm\:w-1 {
width: 8.3333% !important;
}
.sm\:w-2 {
width: 16.6667% !important;
}
.sm\:w-3 {
width: 25% !important;
}
.sm\:w-4 {
width: 33.3333% !important;
}
.sm\:w-5 {
width: 41.6667% !important;
}
.sm\:w-6 {
width: 50% !important;
}
.sm\:w-7 {
width: 58.3333% !important;
}
.sm\:w-8 {
width: 66.6667% !important;
}
.sm\:w-9 {
width: 75% !important;
}
.sm\:w-10 {
width: 83.3333% !important;
}
.sm\:w-11 {
width: 91.6667% !important;
}
.sm\:w-12 {
width: 100% !important;
}
.sm\:w-min {
width: min-content !important;
}
.sm\:w-max {
width: max-content !important;
}
.sm\:w-fit {
width: fit-content !important;
}
.sm\:w-1rem {
width: 1rem !important;
}
.sm\:w-2rem {
width: 2rem !important;
}
.sm\:w-3rem {
width: 3rem !important;
}
.sm\:w-4rem {
width: 4rem !important;
}
.sm\:w-5rem {
width: 5rem !important;
}
.sm\:w-6rem {
width: 6rem !important;
}
.sm\:w-7rem {
width: 7rem !important;
}
.sm\:w-8rem {
width: 8rem !important;
}
.sm\:w-9rem {
width: 9rem !important;
}
.sm\:w-10rem {
width: 10rem !important;
}
.sm\:w-11rem {
width: 11rem !important;
}
.sm\:w-12rem {
width: 12rem !important;
}
.sm\:w-13rem {
width: 13rem !important;
}
.sm\:w-14rem {
width: 14rem !important;
}
.sm\:w-15rem {
width: 15rem !important;
}
.sm\:w-16rem {
width: 16rem !important;
}
.sm\:w-17rem {
width: 17rem !important;
}
.sm\:w-18rem {
width: 18rem !important;
}
.sm\:w-19rem {
width: 19rem !important;
}
.sm\:w-20rem {
width: 20rem !important;
}
.sm\:w-21rem {
width: 21rem !important;
}
.sm\:w-22rem {
width: 22rem !important;
}
.sm\:w-23rem {
width: 23rem !important;
}
.sm\:w-24rem {
width: 24rem !important;
}
.sm\:w-25rem {
width: 25rem !important;
}
.sm\:w-26rem {
width: 26rem !important;
}
.sm\:w-27rem {
width: 27rem !important;
}
.sm\:w-28rem {
width: 28rem !important;
}
.sm\:w-29rem {
width: 29rem !important;
}
.sm\:w-30rem {
width: 30rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:w-full {
width: 100% !important;
}
.md\:w-screen {
width: 100vw !important;
}
.md\:w-auto {
width: auto !important;
}
.md\:w-1 {
width: 8.3333% !important;
}
.md\:w-2 {
width: 16.6667% !important;
}
.md\:w-3 {
width: 25% !important;
}
.md\:w-4 {
width: 33.3333% !important;
}
.md\:w-5 {
width: 41.6667% !important;
}
.md\:w-6 {
width: 50% !important;
}
.md\:w-7 {
width: 58.3333% !important;
}
.md\:w-8 {
width: 66.6667% !important;
}
.md\:w-9 {
width: 75% !important;
}
.md\:w-10 {
width: 83.3333% !important;
}
.md\:w-11 {
width: 91.6667% !important;
}
.md\:w-12 {
width: 100% !important;
}
.md\:w-min {
width: min-content !important;
}
.md\:w-max {
width: max-content !important;
}
.md\:w-fit {
width: fit-content !important;
}
.md\:w-1rem {
width: 1rem !important;
}
.md\:w-2rem {
width: 2rem !important;
}
.md\:w-3rem {
width: 3rem !important;
}
.md\:w-4rem {
width: 4rem !important;
}
.md\:w-5rem {
width: 5rem !important;
}
.md\:w-6rem {
width: 6rem !important;
}
.md\:w-7rem {
width: 7rem !important;
}
.md\:w-8rem {
width: 8rem !important;
}
.md\:w-9rem {
width: 9rem !important;
}
.md\:w-10rem {
width: 10rem !important;
}
.md\:w-11rem {
width: 11rem !important;
}
.md\:w-12rem {
width: 12rem !important;
}
.md\:w-13rem {
width: 13rem !important;
}
.md\:w-14rem {
width: 14rem !important;
}
.md\:w-15rem {
width: 15rem !important;
}
.md\:w-16rem {
width: 16rem !important;
}
.md\:w-17rem {
width: 17rem !important;
}
.md\:w-18rem {
width: 18rem !important;
}
.md\:w-19rem {
width: 19rem !important;
}
.md\:w-20rem {
width: 20rem !important;
}
.md\:w-21rem {
width: 21rem !important;
}
.md\:w-22rem {
width: 22rem !important;
}
.md\:w-23rem {
width: 23rem !important;
}
.md\:w-24rem {
width: 24rem !important;
}
.md\:w-25rem {
width: 25rem !important;
}
.md\:w-26rem {
width: 26rem !important;
}
.md\:w-27rem {
width: 27rem !important;
}
.md\:w-28rem {
width: 28rem !important;
}
.md\:w-29rem {
width: 29rem !important;
}
.md\:w-30rem {
width: 30rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:w-full {
width: 100% !important;
}
.lg\:w-screen {
width: 100vw !important;
}
.lg\:w-auto {
width: auto !important;
}
.lg\:w-1 {
width: 8.3333% !important;
}
.lg\:w-2 {
width: 16.6667% !important;
}
.lg\:w-3 {
width: 25% !important;
}
.lg\:w-4 {
width: 33.3333% !important;
}
.lg\:w-5 {
width: 41.6667% !important;
}
.lg\:w-6 {
width: 50% !important;
}
.lg\:w-7 {
width: 58.3333% !important;
}
.lg\:w-8 {
width: 66.6667% !important;
}
.lg\:w-9 {
width: 75% !important;
}
.lg\:w-10 {
width: 83.3333% !important;
}
.lg\:w-11 {
width: 91.6667% !important;
}
.lg\:w-12 {
width: 100% !important;
}
.lg\:w-min {
width: min-content !important;
}
.lg\:w-max {
width: max-content !important;
}
.lg\:w-fit {
width: fit-content !important;
}
.lg\:w-1rem {
width: 1rem !important;
}
.lg\:w-2rem {
width: 2rem !important;
}
.lg\:w-3rem {
width: 3rem !important;
}
.lg\:w-4rem {
width: 4rem !important;
}
.lg\:w-5rem {
width: 5rem !important;
}
.lg\:w-6rem {
width: 6rem !important;
}
.lg\:w-7rem {
width: 7rem !important;
}
.lg\:w-8rem {
width: 8rem !important;
}
.lg\:w-9rem {
width: 9rem !important;
}
.lg\:w-10rem {
width: 10rem !important;
}
.lg\:w-11rem {
width: 11rem !important;
}
.lg\:w-12rem {
width: 12rem !important;
}
.lg\:w-13rem {
width: 13rem !important;
}
.lg\:w-14rem {
width: 14rem !important;
}
.lg\:w-15rem {
width: 15rem !important;
}
.lg\:w-16rem {
width: 16rem !important;
}
.lg\:w-17rem {
width: 17rem !important;
}
.lg\:w-18rem {
width: 18rem !important;
}
.lg\:w-19rem {
width: 19rem !important;
}
.lg\:w-20rem {
width: 20rem !important;
}
.lg\:w-21rem {
width: 21rem !important;
}
.lg\:w-22rem {
width: 22rem !important;
}
.lg\:w-23rem {
width: 23rem !important;
}
.lg\:w-24rem {
width: 24rem !important;
}
.lg\:w-25rem {
width: 25rem !important;
}
.lg\:w-26rem {
width: 26rem !important;
}
.lg\:w-27rem {
width: 27rem !important;
}
.lg\:w-28rem {
width: 28rem !important;
}
.lg\:w-29rem {
width: 29rem !important;
}
.lg\:w-30rem {
width: 30rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:w-full {
width: 100% !important;
}
.xl\:w-screen {
width: 100vw !important;
}
.xl\:w-auto {
width: auto !important;
}
.xl\:w-1 {
width: 8.3333% !important;
}
.xl\:w-2 {
width: 16.6667% !important;
}
.xl\:w-3 {
width: 25% !important;
}
.xl\:w-4 {
width: 33.3333% !important;
}
.xl\:w-5 {
width: 41.6667% !important;
}
.xl\:w-6 {
width: 50% !important;
}
.xl\:w-7 {
width: 58.3333% !important;
}
.xl\:w-8 {
width: 66.6667% !important;
}
.xl\:w-9 {
width: 75% !important;
}
.xl\:w-10 {
width: 83.3333% !important;
}
.xl\:w-11 {
width: 91.6667% !important;
}
.xl\:w-12 {
width: 100% !important;
}
.xl\:w-min {
width: min-content !important;
}
.xl\:w-max {
width: max-content !important;
}
.xl\:w-fit {
width: fit-content !important;
}
.xl\:w-1rem {
width: 1rem !important;
}
.xl\:w-2rem {
width: 2rem !important;
}
.xl\:w-3rem {
width: 3rem !important;
}
.xl\:w-4rem {
width: 4rem !important;
}
.xl\:w-5rem {
width: 5rem !important;
}
.xl\:w-6rem {
width: 6rem !important;
}
.xl\:w-7rem {
width: 7rem !important;
}
.xl\:w-8rem {
width: 8rem !important;
}
.xl\:w-9rem {
width: 9rem !important;
}
.xl\:w-10rem {
width: 10rem !important;
}
.xl\:w-11rem {
width: 11rem !important;
}
.xl\:w-12rem {
width: 12rem !important;
}
.xl\:w-13rem {
width: 13rem !important;
}
.xl\:w-14rem {
width: 14rem !important;
}
.xl\:w-15rem {
width: 15rem !important;
}
.xl\:w-16rem {
width: 16rem !important;
}
.xl\:w-17rem {
width: 17rem !important;
}
.xl\:w-18rem {
width: 18rem !important;
}
.xl\:w-19rem {
width: 19rem !important;
}
.xl\:w-20rem {
width: 20rem !important;
}
.xl\:w-21rem {
width: 21rem !important;
}
.xl\:w-22rem {
width: 22rem !important;
}
.xl\:w-23rem {
width: 23rem !important;
}
.xl\:w-24rem {
width: 24rem !important;
}
.xl\:w-25rem {
width: 25rem !important;
}
.xl\:w-26rem {
width: 26rem !important;
}
.xl\:w-27rem {
width: 27rem !important;
}
.xl\:w-28rem {
width: 28rem !important;
}
.xl\:w-29rem {
width: 29rem !important;
}
.xl\:w-30rem {
width: 30rem !important;
}
}
.h-full {
height: 100% !important;
}
.h-screen {
height: 100vh !important;
}
.h-auto {
height: auto !important;
}
.h-min {
height: min-content !important;
}
.h-max {
height: max-content !important;
}
.h-fit {
height: fit-content !important;
}
.h-1rem {
height: 1rem !important;
}
.h-2rem {
height: 2rem !important;
}
.h-3rem {
height: 3rem !important;
}
.h-4rem {
height: 4rem !important;
}
.h-5rem {
height: 5rem !important;
}
.h-6rem {
height: 6rem !important;
}
.h-7rem {
height: 7rem !important;
}
.h-8rem {
height: 8rem !important;
}
.h-9rem {
height: 9rem !important;
}
.h-10rem {
height: 10rem !important;
}
.h-11rem {
height: 11rem !important;
}
.h-12rem {
height: 12rem !important;
}
.h-13rem {
height: 13rem !important;
}
.h-14rem {
height: 14rem !important;
}
.h-15rem {
height: 15rem !important;
}
.h-16rem {
height: 16rem !important;
}
.h-17rem {
height: 17rem !important;
}
.h-18rem {
height: 18rem !important;
}
.h-19rem {
height: 19rem !important;
}
.h-20rem {
height: 20rem !important;
}
.h-21rem {
height: 21rem !important;
}
.h-22rem {
height: 22rem !important;
}
.h-23rem {
height: 23rem !important;
}
.h-24rem {
height: 24rem !important;
}
.h-25rem {
height: 25rem !important;
}
.h-26rem {
height: 26rem !important;
}
.h-27rem {
height: 27rem !important;
}
.h-28rem {
height: 28rem !important;
}
.h-29rem {
height: 29rem !important;
}
.h-30rem {
height: 30rem !important;
}
@media screen and (min-width: 576px) {
.sm\:h-full {
height: 100% !important;
}
.sm\:h-screen {
height: 100vh !important;
}
.sm\:h-auto {
height: auto !important;
}
.sm\:h-min {
height: min-content !important;
}
.sm\:h-max {
height: max-content !important;
}
.sm\:h-fit {
height: fit-content !important;
}
.sm\:h-1rem {
height: 1rem !important;
}
.sm\:h-2rem {
height: 2rem !important;
}
.sm\:h-3rem {
height: 3rem !important;
}
.sm\:h-4rem {
height: 4rem !important;
}
.sm\:h-5rem {
height: 5rem !important;
}
.sm\:h-6rem {
height: 6rem !important;
}
.sm\:h-7rem {
height: 7rem !important;
}
.sm\:h-8rem {
height: 8rem !important;
}
.sm\:h-9rem {
height: 9rem !important;
}
.sm\:h-10rem {
height: 10rem !important;
}
.sm\:h-11rem {
height: 11rem !important;
}
.sm\:h-12rem {
height: 12rem !important;
}
.sm\:h-13rem {
height: 13rem !important;
}
.sm\:h-14rem {
height: 14rem !important;
}
.sm\:h-15rem {
height: 15rem !important;
}
.sm\:h-16rem {
height: 16rem !important;
}
.sm\:h-17rem {
height: 17rem !important;
}
.sm\:h-18rem {
height: 18rem !important;
}
.sm\:h-19rem {
height: 19rem !important;
}
.sm\:h-20rem {
height: 20rem !important;
}
.sm\:h-21rem {
height: 21rem !important;
}
.sm\:h-22rem {
height: 22rem !important;
}
.sm\:h-23rem {
height: 23rem !important;
}
.sm\:h-24rem {
height: 24rem !important;
}
.sm\:h-25rem {
height: 25rem !important;
}
.sm\:h-26rem {
height: 26rem !important;
}
.sm\:h-27rem {
height: 27rem !important;
}
.sm\:h-28rem {
height: 28rem !important;
}
.sm\:h-29rem {
height: 29rem !important;
}
.sm\:h-30rem {
height: 30rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:h-full {
height: 100% !important;
}
.md\:h-screen {
height: 100vh !important;
}
.md\:h-auto {
height: auto !important;
}
.md\:h-min {
height: min-content !important;
}
.md\:h-max {
height: max-content !important;
}
.md\:h-fit {
height: fit-content !important;
}
.md\:h-1rem {
height: 1rem !important;
}
.md\:h-2rem {
height: 2rem !important;
}
.md\:h-3rem {
height: 3rem !important;
}
.md\:h-4rem {
height: 4rem !important;
}
.md\:h-5rem {
height: 5rem !important;
}
.md\:h-6rem {
height: 6rem !important;
}
.md\:h-7rem {
height: 7rem !important;
}
.md\:h-8rem {
height: 8rem !important;
}
.md\:h-9rem {
height: 9rem !important;
}
.md\:h-10rem {
height: 10rem !important;
}
.md\:h-11rem {
height: 11rem !important;
}
.md\:h-12rem {
height: 12rem !important;
}
.md\:h-13rem {
height: 13rem !important;
}
.md\:h-14rem {
height: 14rem !important;
}
.md\:h-15rem {
height: 15rem !important;
}
.md\:h-16rem {
height: 16rem !important;
}
.md\:h-17rem {
height: 17rem !important;
}
.md\:h-18rem {
height: 18rem !important;
}
.md\:h-19rem {
height: 19rem !important;
}
.md\:h-20rem {
height: 20rem !important;
}
.md\:h-21rem {
height: 21rem !important;
}
.md\:h-22rem {
height: 22rem !important;
}
.md\:h-23rem {
height: 23rem !important;
}
.md\:h-24rem {
height: 24rem !important;
}
.md\:h-25rem {
height: 25rem !important;
}
.md\:h-26rem {
height: 26rem !important;
}
.md\:h-27rem {
height: 27rem !important;
}
.md\:h-28rem {
height: 28rem !important;
}
.md\:h-29rem {
height: 29rem !important;
}
.md\:h-30rem {
height: 30rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:h-full {
height: 100% !important;
}
.lg\:h-screen {
height: 100vh !important;
}
.lg\:h-auto {
height: auto !important;
}
.lg\:h-min {
height: min-content !important;
}
.lg\:h-max {
height: max-content !important;
}
.lg\:h-fit {
height: fit-content !important;
}
.lg\:h-1rem {
height: 1rem !important;
}
.lg\:h-2rem {
height: 2rem !important;
}
.lg\:h-3rem {
height: 3rem !important;
}
.lg\:h-4rem {
height: 4rem !important;
}
.lg\:h-5rem {
height: 5rem !important;
}
.lg\:h-6rem {
height: 6rem !important;
}
.lg\:h-7rem {
height: 7rem !important;
}
.lg\:h-8rem {
height: 8rem !important;
}
.lg\:h-9rem {
height: 9rem !important;
}
.lg\:h-10rem {
height: 10rem !important;
}
.lg\:h-11rem {
height: 11rem !important;
}
.lg\:h-12rem {
height: 12rem !important;
}
.lg\:h-13rem {
height: 13rem !important;
}
.lg\:h-14rem {
height: 14rem !important;
}
.lg\:h-15rem {
height: 15rem !important;
}
.lg\:h-16rem {
height: 16rem !important;
}
.lg\:h-17rem {
height: 17rem !important;
}
.lg\:h-18rem {
height: 18rem !important;
}
.lg\:h-19rem {
height: 19rem !important;
}
.lg\:h-20rem {
height: 20rem !important;
}
.lg\:h-21rem {
height: 21rem !important;
}
.lg\:h-22rem {
height: 22rem !important;
}
.lg\:h-23rem {
height: 23rem !important;
}
.lg\:h-24rem {
height: 24rem !important;
}
.lg\:h-25rem {
height: 25rem !important;
}
.lg\:h-26rem {
height: 26rem !important;
}
.lg\:h-27rem {
height: 27rem !important;
}
.lg\:h-28rem {
height: 28rem !important;
}
.lg\:h-29rem {
height: 29rem !important;
}
.lg\:h-30rem {
height: 30rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:h-full {
height: 100% !important;
}
.xl\:h-screen {
height: 100vh !important;
}
.xl\:h-auto {
height: auto !important;
}
.xl\:h-min {
height: min-content !important;
}
.xl\:h-max {
height: max-content !important;
}
.xl\:h-fit {
height: fit-content !important;
}
.xl\:h-1rem {
height: 1rem !important;
}
.xl\:h-2rem {
height: 2rem !important;
}
.xl\:h-3rem {
height: 3rem !important;
}
.xl\:h-4rem {
height: 4rem !important;
}
.xl\:h-5rem {
height: 5rem !important;
}
.xl\:h-6rem {
height: 6rem !important;
}
.xl\:h-7rem {
height: 7rem !important;
}
.xl\:h-8rem {
height: 8rem !important;
}
.xl\:h-9rem {
height: 9rem !important;
}
.xl\:h-10rem {
height: 10rem !important;
}
.xl\:h-11rem {
height: 11rem !important;
}
.xl\:h-12rem {
height: 12rem !important;
}
.xl\:h-13rem {
height: 13rem !important;
}
.xl\:h-14rem {
height: 14rem !important;
}
.xl\:h-15rem {
height: 15rem !important;
}
.xl\:h-16rem {
height: 16rem !important;
}
.xl\:h-17rem {
height: 17rem !important;
}
.xl\:h-18rem {
height: 18rem !important;
}
.xl\:h-19rem {
height: 19rem !important;
}
.xl\:h-20rem {
height: 20rem !important;
}
.xl\:h-21rem {
height: 21rem !important;
}
.xl\:h-22rem {
height: 22rem !important;
}
.xl\:h-23rem {
height: 23rem !important;
}
.xl\:h-24rem {
height: 24rem !important;
}
.xl\:h-25rem {
height: 25rem !important;
}
.xl\:h-26rem {
height: 26rem !important;
}
.xl\:h-27rem {
height: 27rem !important;
}
.xl\:h-28rem {
height: 28rem !important;
}
.xl\:h-29rem {
height: 29rem !important;
}
.xl\:h-30rem {
height: 30rem !important;
}
}
.min-w-0 {
min-width: 0px !important;
}
.min-w-full {
min-width: 100% !important;
}
.min-w-screen {
min-width: 100vw !important;
}
.min-w-min {
min-width: min-content !important;
}
.min-w-max {
min-width: max-content !important;
}
@media screen and (min-width: 576px) {
.sm\:min-w-0 {
min-width: 0px !important;
}
.sm\:min-w-full {
min-width: 100% !important;
}
.sm\:min-w-screen {
min-width: 100vw !important;
}
.sm\:min-w-min {
min-width: min-content !important;
}
.sm\:min-w-max {
min-width: max-content !important;
}
}
@media screen and (min-width: 768px) {
.md\:min-w-0 {
min-width: 0px !important;
}
.md\:min-w-full {
min-width: 100% !important;
}
.md\:min-w-screen {
min-width: 100vw !important;
}
.md\:min-w-min {
min-width: min-content !important;
}
.md\:min-w-max {
min-width: max-content !important;
}
}
@media screen and (min-width: 992px) {
.lg\:min-w-0 {
min-width: 0px !important;
}
.lg\:min-w-full {
min-width: 100% !important;
}
.lg\:min-w-screen {
min-width: 100vw !important;
}
.lg\:min-w-min {
min-width: min-content !important;
}
.lg\:min-w-max {
min-width: max-content !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:min-w-0 {
min-width: 0px !important;
}
.xl\:min-w-full {
min-width: 100% !important;
}
.xl\:min-w-screen {
min-width: 100vw !important;
}
.xl\:min-w-min {
min-width: min-content !important;
}
.xl\:min-w-max {
min-width: max-content !important;
}
}
.max-w-0 {
max-width: 0px !important;
}
.max-w-full {
max-width: 100% !important;
}
.max-w-screen {
max-width: 100vw !important;
}
.max-w-min {
max-width: min-content !important;
}
.max-w-max {
max-width: max-content !important;
}
.max-w-fit {
max-width: fit-content !important;
}
.max-w-1rem {
max-width: 1rem !important;
}
.max-w-2rem {
max-width: 2rem !important;
}
.max-w-3rem {
max-width: 3rem !important;
}
.max-w-4rem {
max-width: 4rem !important;
}
.max-w-5rem {
max-width: 5rem !important;
}
.max-w-6rem {
max-width: 6rem !important;
}
.max-w-7rem {
max-width: 7rem !important;
}
.max-w-8rem {
max-width: 8rem !important;
}
.max-w-9rem {
max-width: 9rem !important;
}
.max-w-10rem {
max-width: 10rem !important;
}
.max-w-11rem {
max-width: 11rem !important;
}
.max-w-12rem {
max-width: 12rem !important;
}
.max-w-13rem {
max-width: 13rem !important;
}
.max-w-14rem {
max-width: 14rem !important;
}
.max-w-15rem {
max-width: 15rem !important;
}
.max-w-16rem {
max-width: 16rem !important;
}
.max-w-17rem {
max-width: 17rem !important;
}
.max-w-18rem {
max-width: 18rem !important;
}
.max-w-19rem {
max-width: 19rem !important;
}
.max-w-20rem {
max-width: 20rem !important;
}
.max-w-21rem {
max-width: 21rem !important;
}
.max-w-22rem {
max-width: 22rem !important;
}
.max-w-23rem {
max-width: 23rem !important;
}
.max-w-24rem {
max-width: 24rem !important;
}
.max-w-25rem {
max-width: 25rem !important;
}
.max-w-26rem {
max-width: 26rem !important;
}
.max-w-27rem {
max-width: 27rem !important;
}
.max-w-28rem {
max-width: 28rem !important;
}
.max-w-29rem {
max-width: 29rem !important;
}
.max-w-30rem {
max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
.sm\:max-w-0 {
max-width: 0px !important;
}
.sm\:max-w-full {
max-width: 100% !important;
}
.sm\:max-w-screen {
max-width: 100vw !important;
}
.sm\:max-w-min {
max-width: min-content !important;
}
.sm\:max-w-max {
max-width: max-content !important;
}
.sm\:max-w-fit {
max-width: fit-content !important;
}
.sm\:max-w-1rem {
max-width: 1rem !important;
}
.sm\:max-w-2rem {
max-width: 2rem !important;
}
.sm\:max-w-3rem {
max-width: 3rem !important;
}
.sm\:max-w-4rem {
max-width: 4rem !important;
}
.sm\:max-w-5rem {
max-width: 5rem !important;
}
.sm\:max-w-6rem {
max-width: 6rem !important;
}
.sm\:max-w-7rem {
max-width: 7rem !important;
}
.sm\:max-w-8rem {
max-width: 8rem !important;
}
.sm\:max-w-9rem {
max-width: 9rem !important;
}
.sm\:max-w-10rem {
max-width: 10rem !important;
}
.sm\:max-w-11rem {
max-width: 11rem !important;
}
.sm\:max-w-12rem {
max-width: 12rem !important;
}
.sm\:max-w-13rem {
max-width: 13rem !important;
}
.sm\:max-w-14rem {
max-width: 14rem !important;
}
.sm\:max-w-15rem {
max-width: 15rem !important;
}
.sm\:max-w-16rem {
max-width: 16rem !important;
}
.sm\:max-w-17rem {
max-width: 17rem !important;
}
.sm\:max-w-18rem {
max-width: 18rem !important;
}
.sm\:max-w-19rem {
max-width: 19rem !important;
}
.sm\:max-w-20rem {
max-width: 20rem !important;
}
.sm\:max-w-21rem {
max-width: 21rem !important;
}
.sm\:max-w-22rem {
max-width: 22rem !important;
}
.sm\:max-w-23rem {
max-width: 23rem !important;
}
.sm\:max-w-24rem {
max-width: 24rem !important;
}
.sm\:max-w-25rem {
max-width: 25rem !important;
}
.sm\:max-w-26rem {
max-width: 26rem !important;
}
.sm\:max-w-27rem {
max-width: 27rem !important;
}
.sm\:max-w-28rem {
max-width: 28rem !important;
}
.sm\:max-w-29rem {
max-width: 29rem !important;
}
.sm\:max-w-30rem {
max-width: 30rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:max-w-0 {
max-width: 0px !important;
}
.md\:max-w-full {
max-width: 100% !important;
}
.md\:max-w-screen {
max-width: 100vw !important;
}
.md\:max-w-min {
max-width: min-content !important;
}
.md\:max-w-max {
max-width: max-content !important;
}
.md\:max-w-fit {
max-width: fit-content !important;
}
.md\:max-w-1rem {
max-width: 1rem !important;
}
.md\:max-w-2rem {
max-width: 2rem !important;
}
.md\:max-w-3rem {
max-width: 3rem !important;
}
.md\:max-w-4rem {
max-width: 4rem !important;
}
.md\:max-w-5rem {
max-width: 5rem !important;
}
.md\:max-w-6rem {
max-width: 6rem !important;
}
.md\:max-w-7rem {
max-width: 7rem !important;
}
.md\:max-w-8rem {
max-width: 8rem !important;
}
.md\:max-w-9rem {
max-width: 9rem !important;
}
.md\:max-w-10rem {
max-width: 10rem !important;
}
.md\:max-w-11rem {
max-width: 11rem !important;
}
.md\:max-w-12rem {
max-width: 12rem !important;
}
.md\:max-w-13rem {
max-width: 13rem !important;
}
.md\:max-w-14rem {
max-width: 14rem !important;
}
.md\:max-w-15rem {
max-width: 15rem !important;
}
.md\:max-w-16rem {
max-width: 16rem !important;
}
.md\:max-w-17rem {
max-width: 17rem !important;
}
.md\:max-w-18rem {
max-width: 18rem !important;
}
.md\:max-w-19rem {
max-width: 19rem !important;
}
.md\:max-w-20rem {
max-width: 20rem !important;
}
.md\:max-w-21rem {
max-width: 21rem !important;
}
.md\:max-w-22rem {
max-width: 22rem !important;
}
.md\:max-w-23rem {
max-width: 23rem !important;
}
.md\:max-w-24rem {
max-width: 24rem !important;
}
.md\:max-w-25rem {
max-width: 25rem !important;
}
.md\:max-w-26rem {
max-width: 26rem !important;
}
.md\:max-w-27rem {
max-width: 27rem !important;
}
.md\:max-w-28rem {
max-width: 28rem !important;
}
.md\:max-w-29rem {
max-width: 29rem !important;
}
.md\:max-w-30rem {
max-width: 30rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:max-w-0 {
max-width: 0px !important;
}
.lg\:max-w-full {
max-width: 100% !important;
}
.lg\:max-w-screen {
max-width: 100vw !important;
}
.lg\:max-w-min {
max-width: min-content !important;
}
.lg\:max-w-max {
max-width: max-content !important;
}
.lg\:max-w-fit {
max-width: fit-content !important;
}
.lg\:max-w-1rem {
max-width: 1rem !important;
}
.lg\:max-w-2rem {
max-width: 2rem !important;
}
.lg\:max-w-3rem {
max-width: 3rem !important;
}
.lg\:max-w-4rem {
max-width: 4rem !important;
}
.lg\:max-w-5rem {
max-width: 5rem !important;
}
.lg\:max-w-6rem {
max-width: 6rem !important;
}
.lg\:max-w-7rem {
max-width: 7rem !important;
}
.lg\:max-w-8rem {
max-width: 8rem !important;
}
.lg\:max-w-9rem {
max-width: 9rem !important;
}
.lg\:max-w-10rem {
max-width: 10rem !important;
}
.lg\:max-w-11rem {
max-width: 11rem !important;
}
.lg\:max-w-12rem {
max-width: 12rem !important;
}
.lg\:max-w-13rem {
max-width: 13rem !important;
}
.lg\:max-w-14rem {
max-width: 14rem !important;
}
.lg\:max-w-15rem {
max-width: 15rem !important;
}
.lg\:max-w-16rem {
max-width: 16rem !important;
}
.lg\:max-w-17rem {
max-width: 17rem !important;
}
.lg\:max-w-18rem {
max-width: 18rem !important;
}
.lg\:max-w-19rem {
max-width: 19rem !important;
}
.lg\:max-w-20rem {
max-width: 20rem !important;
}
.lg\:max-w-21rem {
max-width: 21rem !important;
}
.lg\:max-w-22rem {
max-width: 22rem !important;
}
.lg\:max-w-23rem {
max-width: 23rem !important;
}
.lg\:max-w-24rem {
max-width: 24rem !important;
}
.lg\:max-w-25rem {
max-width: 25rem !important;
}
.lg\:max-w-26rem {
max-width: 26rem !important;
}
.lg\:max-w-27rem {
max-width: 27rem !important;
}
.lg\:max-w-28rem {
max-width: 28rem !important;
}
.lg\:max-w-29rem {
max-width: 29rem !important;
}
.lg\:max-w-30rem {
max-width: 30rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:max-w-0 {
max-width: 0px !important;
}
.xl\:max-w-full {
max-width: 100% !important;
}
.xl\:max-w-screen {
max-width: 100vw !important;
}
.xl\:max-w-min {
max-width: min-content !important;
}
.xl\:max-w-max {
max-width: max-content !important;
}
.xl\:max-w-fit {
max-width: fit-content !important;
}
.xl\:max-w-1rem {
max-width: 1rem !important;
}
.xl\:max-w-2rem {
max-width: 2rem !important;
}
.xl\:max-w-3rem {
max-width: 3rem !important;
}
.xl\:max-w-4rem {
max-width: 4rem !important;
}
.xl\:max-w-5rem {
max-width: 5rem !important;
}
.xl\:max-w-6rem {
max-width: 6rem !important;
}
.xl\:max-w-7rem {
max-width: 7rem !important;
}
.xl\:max-w-8rem {
max-width: 8rem !important;
}
.xl\:max-w-9rem {
max-width: 9rem !important;
}
.xl\:max-w-10rem {
max-width: 10rem !important;
}
.xl\:max-w-11rem {
max-width: 11rem !important;
}
.xl\:max-w-12rem {
max-width: 12rem !important;
}
.xl\:max-w-13rem {
max-width: 13rem !important;
}
.xl\:max-w-14rem {
max-width: 14rem !important;
}
.xl\:max-w-15rem {
max-width: 15rem !important;
}
.xl\:max-w-16rem {
max-width: 16rem !important;
}
.xl\:max-w-17rem {
max-width: 17rem !important;
}
.xl\:max-w-18rem {
max-width: 18rem !important;
}
.xl\:max-w-19rem {
max-width: 19rem !important;
}
.xl\:max-w-20rem {
max-width: 20rem !important;
}
.xl\:max-w-21rem {
max-width: 21rem !important;
}
.xl\:max-w-22rem {
max-width: 22rem !important;
}
.xl\:max-w-23rem {
max-width: 23rem !important;
}
.xl\:max-w-24rem {
max-width: 24rem !important;
}
.xl\:max-w-25rem {
max-width: 25rem !important;
}
.xl\:max-w-26rem {
max-width: 26rem !important;
}
.xl\:max-w-27rem {
max-width: 27rem !important;
}
.xl\:max-w-28rem {
max-width: 28rem !important;
}
.xl\:max-w-29rem {
max-width: 29rem !important;
}
.xl\:max-w-30rem {
max-width: 30rem !important;
}
}
.min-h-0 {
min-height: 0px !important;
}
.min-h-full {
min-height: 100% !important;
}
.min-h-screen {
min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
.sm\:min-h-0 {
min-height: 0px !important;
}
.sm\:min-h-full {
min-height: 100% !important;
}
.sm\:min-h-screen {
min-height: 100vh !important;
}
}
@media screen and (min-width: 768px) {
.md\:min-h-0 {
min-height: 0px !important;
}
.md\:min-h-full {
min-height: 100% !important;
}
.md\:min-h-screen {
min-height: 100vh !important;
}
}
@media screen and (min-width: 992px) {
.lg\:min-h-0 {
min-height: 0px !important;
}
.lg\:min-h-full {
min-height: 100% !important;
}
.lg\:min-h-screen {
min-height: 100vh !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:min-h-0 {
min-height: 0px !important;
}
.xl\:min-h-full {
min-height: 100% !important;
}
.xl\:min-h-screen {
min-height: 100vh !important;
}
}
.max-h-0 {
max-height: 0px !important;
}
.max-h-full {
max-height: 100% !important;
}
.max-h-screen {
max-height: 100vh !important;
}
.max-h-min {
max-height: min-content !important;
}
.max-h-max {
max-height: max-content !important;
}
.max-h-fit {
max-height: fit-content !important;
}
.max-h-1rem {
max-height: 1rem !important;
}
.max-h-2rem {
max-height: 2rem !important;
}
.max-h-3rem {
max-height: 3rem !important;
}
.max-h-4rem {
max-height: 4rem !important;
}
.max-h-5rem {
max-height: 5rem !important;
}
.max-h-6rem {
max-height: 6rem !important;
}
.max-h-7rem {
max-height: 7rem !important;
}
.max-h-8rem {
max-height: 8rem !important;
}
.max-h-9rem {
max-height: 9rem !important;
}
.max-h-10rem {
max-height: 10rem !important;
}
.max-h-11rem {
max-height: 11rem !important;
}
.max-h-12rem {
max-height: 12rem !important;
}
.max-h-13rem {
max-height: 13rem !important;
}
.max-h-14rem {
max-height: 14rem !important;
}
.max-h-15rem {
max-height: 15rem !important;
}
.max-h-16rem {
max-height: 16rem !important;
}
.max-h-17rem {
max-height: 17rem !important;
}
.max-h-18rem {
max-height: 18rem !important;
}
.max-h-19rem {
max-height: 19rem !important;
}
.max-h-20rem {
max-height: 20rem !important;
}
.max-h-21rem {
max-height: 21rem !important;
}
.max-h-22rem {
max-height: 22rem !important;
}
.max-h-23rem {
max-height: 23rem !important;
}
.max-h-24rem {
max-height: 24rem !important;
}
.max-h-25rem {
max-height: 25rem !important;
}
.max-h-26rem {
max-height: 26rem !important;
}
.max-h-27rem {
max-height: 27rem !important;
}
.max-h-28rem {
max-height: 28rem !important;
}
.max-h-29rem {
max-height: 29rem !important;
}
.max-h-30rem {
max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
.sm\:max-h-0 {
max-height: 0px !important;
}
.sm\:max-h-full {
max-height: 100% !important;
}
.sm\:max-h-screen {
max-height: 100vh !important;
}
.sm\:max-h-min {
max-height: min-content !important;
}
.sm\:max-h-max {
max-height: max-content !important;
}
.sm\:max-h-fit {
max-height: fit-content !important;
}
.sm\:max-h-1rem {
max-height: 1rem !important;
}
.sm\:max-h-2rem {
max-height: 2rem !important;
}
.sm\:max-h-3rem {
max-height: 3rem !important;
}
.sm\:max-h-4rem {
max-height: 4rem !important;
}
.sm\:max-h-5rem {
max-height: 5rem !important;
}
.sm\:max-h-6rem {
max-height: 6rem !important;
}
.sm\:max-h-7rem {
max-height: 7rem !important;
}
.sm\:max-h-8rem {
max-height: 8rem !important;
}
.sm\:max-h-9rem {
max-height: 9rem !important;
}
.sm\:max-h-10rem {
max-height: 10rem !important;
}
.sm\:max-h-11rem {
max-height: 11rem !important;
}
.sm\:max-h-12rem {
max-height: 12rem !important;
}
.sm\:max-h-13rem {
max-height: 13rem !important;
}
.sm\:max-h-14rem {
max-height: 14rem !important;
}
.sm\:max-h-15rem {
max-height: 15rem !important;
}
.sm\:max-h-16rem {
max-height: 16rem !important;
}
.sm\:max-h-17rem {
max-height: 17rem !important;
}
.sm\:max-h-18rem {
max-height: 18rem !important;
}
.sm\:max-h-19rem {
max-height: 19rem !important;
}
.sm\:max-h-20rem {
max-height: 20rem !important;
}
.sm\:max-h-21rem {
max-height: 21rem !important;
}
.sm\:max-h-22rem {
max-height: 22rem !important;
}
.sm\:max-h-23rem {
max-height: 23rem !important;
}
.sm\:max-h-24rem {
max-height: 24rem !important;
}
.sm\:max-h-25rem {
max-height: 25rem !important;
}
.sm\:max-h-26rem {
max-height: 26rem !important;
}
.sm\:max-h-27rem {
max-height: 27rem !important;
}
.sm\:max-h-28rem {
max-height: 28rem !important;
}
.sm\:max-h-29rem {
max-height: 29rem !important;
}
.sm\:max-h-30rem {
max-height: 30rem !important;
}
}
@media screen and (min-width: 768px) {
.md\:max-h-0 {
max-height: 0px !important;
}
.md\:max-h-full {
max-height: 100% !important;
}
.md\:max-h-screen {
max-height: 100vh !important;
}
.md\:max-h-min {
max-height: min-content !important;
}
.md\:max-h-max {
max-height: max-content !important;
}
.md\:max-h-fit {
max-height: fit-content !important;
}
.md\:max-h-1rem {
max-height: 1rem !important;
}
.md\:max-h-2rem {
max-height: 2rem !important;
}
.md\:max-h-3rem {
max-height: 3rem !important;
}
.md\:max-h-4rem {
max-height: 4rem !important;
}
.md\:max-h-5rem {
max-height: 5rem !important;
}
.md\:max-h-6rem {
max-height: 6rem !important;
}
.md\:max-h-7rem {
max-height: 7rem !important;
}
.md\:max-h-8rem {
max-height: 8rem !important;
}
.md\:max-h-9rem {
max-height: 9rem !important;
}
.md\:max-h-10rem {
max-height: 10rem !important;
}
.md\:max-h-11rem {
max-height: 11rem !important;
}
.md\:max-h-12rem {
max-height: 12rem !important;
}
.md\:max-h-13rem {
max-height: 13rem !important;
}
.md\:max-h-14rem {
max-height: 14rem !important;
}
.md\:max-h-15rem {
max-height: 15rem !important;
}
.md\:max-h-16rem {
max-height: 16rem !important;
}
.md\:max-h-17rem {
max-height: 17rem !important;
}
.md\:max-h-18rem {
max-height: 18rem !important;
}
.md\:max-h-19rem {
max-height: 19rem !important;
}
.md\:max-h-20rem {
max-height: 20rem !important;
}
.md\:max-h-21rem {
max-height: 21rem !important;
}
.md\:max-h-22rem {
max-height: 22rem !important;
}
.md\:max-h-23rem {
max-height: 23rem !important;
}
.md\:max-h-24rem {
max-height: 24rem !important;
}
.md\:max-h-25rem {
max-height: 25rem !important;
}
.md\:max-h-26rem {
max-height: 26rem !important;
}
.md\:max-h-27rem {
max-height: 27rem !important;
}
.md\:max-h-28rem {
max-height: 28rem !important;
}
.md\:max-h-29rem {
max-height: 29rem !important;
}
.md\:max-h-30rem {
max-height: 30rem !important;
}
}
@media screen and (min-width: 992px) {
.lg\:max-h-0 {
max-height: 0px !important;
}
.lg\:max-h-full {
max-height: 100% !important;
}
.lg\:max-h-screen {
max-height: 100vh !important;
}
.lg\:max-h-min {
max-height: min-content !important;
}
.lg\:max-h-max {
max-height: max-content !important;
}
.lg\:max-h-fit {
max-height: fit-content !important;
}
.lg\:max-h-1rem {
max-height: 1rem !important;
}
.lg\:max-h-2rem {
max-height: 2rem !important;
}
.lg\:max-h-3rem {
max-height: 3rem !important;
}
.lg\:max-h-4rem {
max-height: 4rem !important;
}
.lg\:max-h-5rem {
max-height: 5rem !important;
}
.lg\:max-h-6rem {
max-height: 6rem !important;
}
.lg\:max-h-7rem {
max-height: 7rem !important;
}
.lg\:max-h-8rem {
max-height: 8rem !important;
}
.lg\:max-h-9rem {
max-height: 9rem !important;
}
.lg\:max-h-10rem {
max-height: 10rem !important;
}
.lg\:max-h-11rem {
max-height: 11rem !important;
}
.lg\:max-h-12rem {
max-height: 12rem !important;
}
.lg\:max-h-13rem {
max-height: 13rem !important;
}
.lg\:max-h-14rem {
max-height: 14rem !important;
}
.lg\:max-h-15rem {
max-height: 15rem !important;
}
.lg\:max-h-16rem {
max-height: 16rem !important;
}
.lg\:max-h-17rem {
max-height: 17rem !important;
}
.lg\:max-h-18rem {
max-height: 18rem !important;
}
.lg\:max-h-19rem {
max-height: 19rem !important;
}
.lg\:max-h-20rem {
max-height: 20rem !important;
}
.lg\:max-h-21rem {
max-height: 21rem !important;
}
.lg\:max-h-22rem {
max-height: 22rem !important;
}
.lg\:max-h-23rem {
max-height: 23rem !important;
}
.lg\:max-h-24rem {
max-height: 24rem !important;
}
.lg\:max-h-25rem {
max-height: 25rem !important;
}
.lg\:max-h-26rem {
max-height: 26rem !important;
}
.lg\:max-h-27rem {
max-height: 27rem !important;
}
.lg\:max-h-28rem {
max-height: 28rem !important;
}
.lg\:max-h-29rem {
max-height: 29rem !important;
}
.lg\:max-h-30rem {
max-height: 30rem !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:max-h-0 {
max-height: 0px !important;
}
.xl\:max-h-full {
max-height: 100% !important;
}
.xl\:max-h-screen {
max-height: 100vh !important;
}
.xl\:max-h-min {
max-height: min-content !important;
}
.xl\:max-h-max {
max-height: max-content !important;
}
.xl\:max-h-fit {
max-height: fit-content !important;
}
.xl\:max-h-1rem {
max-height: 1rem !important;
}
.xl\:max-h-2rem {
max-height: 2rem !important;
}
.xl\:max-h-3rem {
max-height: 3rem !important;
}
.xl\:max-h-4rem {
max-height: 4rem !important;
}
.xl\:max-h-5rem {
max-height: 5rem !important;
}
.xl\:max-h-6rem {
max-height: 6rem !important;
}
.xl\:max-h-7rem {
max-height: 7rem !important;
}
.xl\:max-h-8rem {
max-height: 8rem !important;
}
.xl\:max-h-9rem {
max-height: 9rem !important;
}
.xl\:max-h-10rem {
max-height: 10rem !important;
}
.xl\:max-h-11rem {
max-height: 11rem !important;
}
.xl\:max-h-12rem {
max-height: 12rem !important;
}
.xl\:max-h-13rem {
max-height: 13rem !important;
}
.xl\:max-h-14rem {
max-height: 14rem !important;
}
.xl\:max-h-15rem {
max-height: 15rem !important;
}
.xl\:max-h-16rem {
max-height: 16rem !important;
}
.xl\:max-h-17rem {
max-height: 17rem !important;
}
.xl\:max-h-18rem {
max-height: 18rem !important;
}
.xl\:max-h-19rem {
max-height: 19rem !important;
}
.xl\:max-h-20rem {
max-height: 20rem !important;
}
.xl\:max-h-21rem {
max-height: 21rem !important;
}
.xl\:max-h-22rem {
max-height: 22rem !important;
}
.xl\:max-h-23rem {
max-height: 23rem !important;
}
.xl\:max-h-24rem {
max-height: 24rem !important;
}
.xl\:max-h-25rem {
max-height: 25rem !important;
}
.xl\:max-h-26rem {
max-height: 26rem !important;
}
.xl\:max-h-27rem {
max-height: 27rem !important;
}
.xl\:max-h-28rem {
max-height: 28rem !important;
}
.xl\:max-h-29rem {
max-height: 29rem !important;
}
.xl\:max-h-30rem {
max-height: 30rem !important;
}
}
.static {
position: static !important;
}
.fixed {
position: fixed !important;
}
.absolute {
position: absolute !important;
}
.relative {
position: relative !important;
}
.sticky {
position: sticky !important;
}
@media screen and (min-width: 576px) {
.sm\:static {
position: static !important;
}
.sm\:fixed {
position: fixed !important;
}
.sm\:absolute {
position: absolute !important;
}
.sm\:relative {
position: relative !important;
}
.sm\:sticky {
position: sticky !important;
}
}
@media screen and (min-width: 768px) {
.md\:static {
position: static !important;
}
.md\:fixed {
position: fixed !important;
}
.md\:absolute {
position: absolute !important;
}
.md\:relative {
position: relative !important;
}
.md\:sticky {
position: sticky !important;
}
}
@media screen and (min-width: 992px) {
.lg\:static {
position: static !important;
}
.lg\:fixed {
position: fixed !important;
}
.lg\:absolute {
position: absolute !important;
}
.lg\:relative {
position: relative !important;
}
.lg\:sticky {
position: sticky !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:static {
position: static !important;
}
.xl\:fixed {
position: fixed !important;
}
.xl\:absolute {
position: absolute !important;
}
.xl\:relative {
position: relative !important;
}
.xl\:sticky {
position: sticky !important;
}
}
.top-auto {
top: auto !important;
}
.top-0 {
top: 0px !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
@media screen and (min-width: 576px) {
.sm\:top-auto {
top: auto !important;
}
.sm\:top-0 {
top: 0px !important;
}
.sm\:top-50 {
top: 50% !important;
}
.sm\:top-100 {
top: 100% !important;
}
}
@media screen and (min-width: 768px) {
.md\:top-auto {
top: auto !important;
}
.md\:top-0 {
top: 0px !important;
}
.md\:top-50 {
top: 50% !important;
}
.md\:top-100 {
top: 100% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:top-auto {
top: auto !important;
}
.lg\:top-0 {
top: 0px !important;
}
.lg\:top-50 {
top: 50% !important;
}
.lg\:top-100 {
top: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:top-auto {
top: auto !important;
}
.xl\:top-0 {
top: 0px !important;
}
.xl\:top-50 {
top: 50% !important;
}
.xl\:top-100 {
top: 100% !important;
}
}
.left-auto {
left: auto !important;
}
.left-0 {
left: 0px !important;
}
.left-50 {
left: 50% !important;
}
.left-100 {
left: 100% !important;
}
@media screen and (min-width: 576px) {
.sm\:left-auto {
left: auto !important;
}
.sm\:left-0 {
left: 0px !important;
}
.sm\:left-50 {
left: 50% !important;
}
.sm\:left-100 {
left: 100% !important;
}
}
@media screen and (min-width: 768px) {
.md\:left-auto {
left: auto !important;
}
.md\:left-0 {
left: 0px !important;
}
.md\:left-50 {
left: 50% !important;
}
.md\:left-100 {
left: 100% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:left-auto {
left: auto !important;
}
.lg\:left-0 {
left: 0px !important;
}
.lg\:left-50 {
left: 50% !important;
}
.lg\:left-100 {
left: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:left-auto {
left: auto !important;
}
.xl\:left-0 {
left: 0px !important;
}
.xl\:left-50 {
left: 50% !important;
}
.xl\:left-100 {
left: 100% !important;
}
}
.right-auto {
right: auto !important;
}
.right-0 {
right: 0px !important;
}
.right-50 {
right: 50% !important;
}
.right-100 {
right: 100% !important;
}
@media screen and (min-width: 576px) {
.sm\:right-auto {
right: auto !important;
}
.sm\:right-0 {
right: 0px !important;
}
.sm\:right-50 {
right: 50% !important;
}
.sm\:right-100 {
right: 100% !important;
}
}
@media screen and (min-width: 768px) {
.md\:right-auto {
right: auto !important;
}
.md\:right-0 {
right: 0px !important;
}
.md\:right-50 {
right: 50% !important;
}
.md\:right-100 {
right: 100% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:right-auto {
right: auto !important;
}
.lg\:right-0 {
right: 0px !important;
}
.lg\:right-50 {
right: 50% !important;
}
.lg\:right-100 {
right: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:right-auto {
right: auto !important;
}
.xl\:right-0 {
right: 0px !important;
}
.xl\:right-50 {
right: 50% !important;
}
.xl\:right-100 {
right: 100% !important;
}
}
.bottom-auto {
bottom: auto !important;
}
.bottom-0 {
bottom: 0px !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
@media screen and (min-width: 576px) {
.sm\:bottom-auto {
bottom: auto !important;
}
.sm\:bottom-0 {
bottom: 0px !important;
}
.sm\:bottom-50 {
bottom: 50% !important;
}
.sm\:bottom-100 {
bottom: 100% !important;
}
}
@media screen and (min-width: 768px) {
.md\:bottom-auto {
bottom: auto !important;
}
.md\:bottom-0 {
bottom: 0px !important;
}
.md\:bottom-50 {
bottom: 50% !important;
}
.md\:bottom-100 {
bottom: 100% !important;
}
}
@media screen and (min-width: 992px) {
.lg\:bottom-auto {
bottom: auto !important;
}
.lg\:bottom-0 {
bottom: 0px !important;
}
.lg\:bottom-50 {
bottom: 50% !important;
}
.lg\:bottom-100 {
bottom: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:bottom-auto {
bottom: auto !important;
}
.xl\:bottom-0 {
bottom: 0px !important;
}
.xl\:bottom-50 {
bottom: 50% !important;
}
.xl\:bottom-100 {
bottom: 100% !important;
}
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
@media screen and (min-width: 576px) {
.sm\:overflow-auto {
overflow: auto !important;
}
.sm\:overflow-hidden {
overflow: hidden !important;
}
.sm\:overflow-visible {
overflow: visible !important;
}
.sm\:overflow-scroll {
overflow: scroll !important;
}
}
@media screen and (min-width: 768px) {
.md\:overflow-auto {
overflow: auto !important;
}
.md\:overflow-hidden {
overflow: hidden !important;
}
.md\:overflow-visible {
overflow: visible !important;
}
.md\:overflow-scroll {
overflow: scroll !important;
}
}
@media screen and (min-width: 992px) {
.lg\:overflow-auto {
overflow: auto !important;
}
.lg\:overflow-hidden {
overflow: hidden !important;
}
.lg\:overflow-visible {
overflow: visible !important;
}
.lg\:overflow-scroll {
overflow: scroll !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:overflow-auto {
overflow: auto !important;
}
.xl\:overflow-hidden {
overflow: hidden !important;
}
.xl\:overflow-visible {
overflow: visible !important;
}
.xl\: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;
}
@media screen and (min-width: 576px) {
.sm\:overflow-x-auto {
overflow-x: auto !important;
}
.sm\:overflow-x-hidden {
overflow-x: hidden !important;
}
.sm\:overflow-x-visible {
overflow-x: visible !important;
}
.sm\:overflow-x-scroll {
overflow-x: scroll !important;
}
}
@media screen and (min-width: 768px) {
.md\:overflow-x-auto {
overflow-x: auto !important;
}
.md\:overflow-x-hidden {
overflow-x: hidden !important;
}
.md\:overflow-x-visible {
overflow-x: visible !important;
}
.md\:overflow-x-scroll {
overflow-x: scroll !important;
}
}
@media screen and (min-width: 992px) {
.lg\:overflow-x-auto {
overflow-x: auto !important;
}
.lg\:overflow-x-hidden {
overflow-x: hidden !important;
}
.lg\:overflow-x-visible {
overflow-x: visible !important;
}
.lg\:overflow-x-scroll {
overflow-x: scroll !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:overflow-x-auto {
overflow-x: auto !important;
}
.xl\:overflow-x-hidden {
overflow-x: hidden !important;
}
.xl\:overflow-x-visible {
overflow-x: visible !important;
}
.xl\: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;
}
@media screen and (min-width: 576px) {
.sm\:overflow-y-auto {
overflow-y: auto !important;
}
.sm\:overflow-y-hidden {
overflow-y: hidden !important;
}
.sm\:overflow-y-visible {
overflow-y: visible !important;
}
.sm\:overflow-y-scroll {
overflow-y: scroll !important;
}
}
@media screen and (min-width: 768px) {
.md\:overflow-y-auto {
overflow-y: auto !important;
}
.md\:overflow-y-hidden {
overflow-y: hidden !important;
}
.md\:overflow-y-visible {
overflow-y: visible !important;
}
.md\:overflow-y-scroll {
overflow-y: scroll !important;
}
}
@media screen and (min-width: 992px) {
.lg\:overflow-y-auto {
overflow-y: auto !important;
}
.lg\:overflow-y-hidden {
overflow-y: hidden !important;
}
.lg\:overflow-y-visible {
overflow-y: visible !important;
}
.lg\:overflow-y-scroll {
overflow-y: scroll !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:overflow-y-auto {
overflow-y: auto !important;
}
.xl\:overflow-y-hidden {
overflow-y: hidden !important;
}
.xl\:overflow-y-visible {
overflow-y: visible !important;
}
.xl\:overflow-y-scroll {
overflow-y: scroll !important;
}
}
.z-auto {
z-index: auto !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;
}
.z-4 {
z-index: 4 !important;
}
.z-5 {
z-index: 5 !important;
}
@media screen and (min-width: 576px) {
.sm\:z-auto {
z-index: auto !important;
}
.sm\:z-0 {
z-index: 0 !important;
}
.sm\:z-1 {
z-index: 1 !important;
}
.sm\:z-2 {
z-index: 2 !important;
}
.sm\:z-3 {
z-index: 3 !important;
}
.sm\:z-4 {
z-index: 4 !important;
}
.sm\:z-5 {
z-index: 5 !important;
}
}
@media screen and (min-width: 768px) {
.md\:z-auto {
z-index: auto !important;
}
.md\:z-0 {
z-index: 0 !important;
}
.md\:z-1 {
z-index: 1 !important;
}
.md\:z-2 {
z-index: 2 !important;
}
.md\:z-3 {
z-index: 3 !important;
}
.md\:z-4 {
z-index: 4 !important;
}
.md\:z-5 {
z-index: 5 !important;
}
}
@media screen and (min-width: 992px) {
.lg\:z-auto {
z-index: auto !important;
}
.lg\:z-0 {
z-index: 0 !important;
}
.lg\:z-1 {
z-index: 1 !important;
}
.lg\:z-2 {
z-index: 2 !important;
}
.lg\:z-3 {
z-index: 3 !important;
}
.lg\:z-4 {
z-index: 4 !important;
}
.lg\:z-5 {
z-index: 5 !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:z-auto {
z-index: auto !important;
}
.xl\:z-0 {
z-index: 0 !important;
}
.xl\:z-1 {
z-index: 1 !important;
}
.xl\:z-2 {
z-index: 2 !important;
}
.xl\:z-3 {
z-index: 3 !important;
}
.xl\:z-4 {
z-index: 4 !important;
}
.xl\:z-5 {
z-index: 5 !important;
}
}
.bg-repeat {
background-repeat: repeat !important;
}
.bg-no-repeat {
background-repeat: no-repeat !important;
}
.bg-repeat-x {
background-repeat: repeat-x !important;
}
.bg-repeat-y {
background-repeat: repeat-y !important;
}
.bg-repeat-round {
background-repeat: round !important;
}
.bg-repeat-space {
background-repeat: space !important;
}
@media screen and (min-width: 576px) {
.sm\:bg-repeat {
background-repeat: repeat !important;
}
.sm\:bg-no-repeat {
background-repeat: no-repeat !important;
}
.sm\:bg-repeat-x {
background-repeat: repeat-x !important;
}
.sm\:bg-repeat-y {
background-repeat: repeat-y !important;
}
.sm\:bg-repeat-round {
background-repeat: round !important;
}
.sm\:bg-repeat-space {
background-repeat: space !important;
}
}
@media screen and (min-width: 768px) {
.md\:bg-repeat {
background-repeat: repeat !important;
}
.md\:bg-no-repeat {
background-repeat: no-repeat !important;
}
.md\:bg-repeat-x {
background-repeat: repeat-x !important;
}
.md\:bg-repeat-y {
background-repeat: repeat-y !important;
}
.md\:bg-repeat-round {
background-repeat: round !important;
}
.md\:bg-repeat-space {
background-repeat: space !important;
}
}
@media screen and (min-width: 992px) {
.lg\:bg-repeat {
background-repeat: repeat !important;
}
.lg\:bg-no-repeat {
background-repeat: no-repeat !important;
}
.lg\:bg-repeat-x {
background-repeat: repeat-x !important;
}
.lg\:bg-repeat-y {
background-repeat: repeat-y !important;
}
.lg\:bg-repeat-round {
background-repeat: round !important;
}
.lg\:bg-repeat-space {
background-repeat: space !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:bg-repeat {
background-repeat: repeat !important;
}
.xl\:bg-no-repeat {
background-repeat: no-repeat !important;
}
.xl\:bg-repeat-x {
background-repeat: repeat-x !important;
}
.xl\:bg-repeat-y {
background-repeat: repeat-y !important;
}
.xl\:bg-repeat-round {
background-repeat: round !important;
}
.xl\:bg-repeat-space {
background-repeat: space !important;
}
}
.bg-auto {
background-size: auto !important;
}
.bg-cover {
background-size: cover !important;
}
.bg-contain {
background-size: contain !important;
}
@media screen and (min-width: 576px) {
.sm\:bg-auto {
background-size: auto !important;
}
.sm\:bg-cover {
background-size: cover !important;
}
.sm\:bg-contain {
background-size: contain !important;
}
}
@media screen and (min-width: 768px) {
.md\:bg-auto {
background-size: auto !important;
}
.md\:bg-cover {
background-size: cover !important;
}
.md\:bg-contain {
background-size: contain !important;
}
}
@media screen and (min-width: 992px) {
.lg\:bg-auto {
background-size: auto !important;
}
.lg\:bg-cover {
background-size: cover !important;
}
.lg\:bg-contain {
background-size: contain !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:bg-auto {
background-size: auto !important;
}
.xl\:bg-cover {
background-size: cover !important;
}
.xl\:bg-contain {
background-size: contain !important;
}
}
.bg-bottom {
background-position: bottom !important;
}
.bg-center {
background-position: center !important;
}
.bg-left {
background-position: left !important;
}
.bg-left-bottom {
background-position: left bottom !important;
}
.bg-left-top {
background-position: left top !important;
}
.bg-right {
background-position: right !important;
}
.bg-right-bottom {
background-position: right bottom !important;
}
.bg-right-top {
background-position: right top !important;
}
.bg-top {
background-position: top !important;
}
@media screen and (min-width: 576px) {
.sm\:bg-bottom {
background-position: bottom !important;
}
.sm\:bg-center {
background-position: center !important;
}
.sm\:bg-left {
background-position: left !important;
}
.sm\:bg-left-bottom {
background-position: left bottom !important;
}
.sm\:bg-left-top {
background-position: left top !important;
}
.sm\:bg-right {
background-position: right !important;
}
.sm\:bg-right-bottom {
background-position: right bottom !important;
}
.sm\:bg-right-top {
background-position: right top !important;
}
.sm\:bg-top {
background-position: top !important;
}
}
@media screen and (min-width: 768px) {
.md\:bg-bottom {
background-position: bottom !important;
}
.md\:bg-center {
background-position: center !important;
}
.md\:bg-left {
background-position: left !important;
}
.md\:bg-left-bottom {
background-position: left bottom !important;
}
.md\:bg-left-top {
background-position: left top !important;
}
.md\:bg-right {
background-position: right !important;
}
.md\:bg-right-bottom {
background-position: right bottom !important;
}
.md\:bg-right-top {
background-position: right top !important;
}
.md\:bg-top {
background-position: top !important;
}
}
@media screen and (min-width: 992px) {
.lg\:bg-bottom {
background-position: bottom !important;
}
.lg\:bg-center {
background-position: center !important;
}
.lg\:bg-left {
background-position: left !important;
}
.lg\:bg-left-bottom {
background-position: left bottom !important;
}
.lg\:bg-left-top {
background-position: left top !important;
}
.lg\:bg-right {
background-position: right !important;
}
.lg\:bg-right-bottom {
background-position: right bottom !important;
}
.lg\:bg-right-top {
background-position: right top !important;
}
.lg\:bg-top {
background-position: top !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:bg-bottom {
background-position: bottom !important;
}
.xl\:bg-center {
background-position: center !important;
}
.xl\:bg-left {
background-position: left !important;
}
.xl\:bg-left-bottom {
background-position: left bottom !important;
}
.xl\:bg-left-top {
background-position: left top !important;
}
.xl\:bg-right {
background-position: right !important;
}
.xl\:bg-right-bottom {
background-position: right bottom !important;
}
.xl\:bg-right-top {
background-position: right top !important;
}
.xl\:bg-top {
background-position: top !important;
}
}
.select-none {
user-select: none !important;
}
.select-text {
user-select: text !important;
}
.select-all {
user-select: all !important;
}
.select-auto {
user-select: auto !important;
}
.list-none {
list-style: none !important;
}
.list-disc {
list-style: disc !important;
}
.list-decimal {
list-style: decimal !important;
}
.appearance-none {
appearance: none !important;
}
.outline-none {
outline: none !important;
}
.pointer-events-none {
pointer-events: none !important;
}
.pointer-events-auto {
pointer-events: auto !important;
}
.cursor-auto {
cursor: auto !important;
}
.cursor-pointer {
cursor: pointer !important;
}
.cursor-wait {
cursor: wait !important;
}
.cursor-move {
cursor: move !important;
}
.select-none {
user-select: none !important;
}
.select-text {
user-select: text !important;
}
.select-all {
user-select: all !important;
}
.select-auto {
user-select: auto !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-10 {
opacity: .1 !important;
}
.opacity-20 {
opacity: .2 !important;
}
.opacity-30 {
opacity: .3 !important;
}
.opacity-40 {
opacity: .4 !important;
}
.opacity-50 {
opacity: .5 !important;
}
.opacity-60 {
opacity: .6 !important;
}
.opacity-70 {
opacity: .7 !important;
}
.opacity-80 {
opacity: .8 !important;
}
.opacity-90 {
opacity: .9 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.reset {
all: unset;
}
.transition-none {
transition-property: none !important;
}
.transition-all {
transition-property: all !important;
}
.transition-colors {
transition-property: background-color,border-color,color !important;
}
.transition-transform {
transition-property: transform !important;
}
.transition-duration-100 {
transition-duration: 100ms !important;
}
.transition-duration-150 {
transition-duration: 150ms !important;
}
.transition-duration-200 {
transition-duration: 200ms !important;
}
.transition-duration-300 {
transition-duration: 300ms !important;
}
.transition-duration-400 {
transition-duration: 400ms !important;
}
.transition-duration-500 {
transition-duration: 500ms !important;
}
.transition-duration-1000 {
transition-duration: 1000ms !important;
}
.transition-duration-2000 {
transition-duration: 2000ms !important;
}
.transition-duration-3000 {
transition-duration: 3000ms !important;
}
.transition-linear {
transition-timing-function: linear !important;
}
.transition-ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
transition-delay: 100ms !important;
}
.transition-delay-150 {
transition-delay: 150ms !important;
}
.transition-delay-200 {
transition-delay: 200ms !important;
}
.transition-delay-300 {
transition-delay: 300ms !important;
}
.transition-delay-400 {
transition-delay: 400ms !important;
}
.transition-delay-500 {
transition-delay: 500ms !important;
}
.transition-delay-1000 {
transition-delay: 1000ms !important;
}
.translate-x-0 {
transform: translateX(0%) !important;
}
.translate-x-100 {
transform: translateX(100%) !important;
}
.-translate-x-100 {
transform: translateX(-100%) !important;
}
.translate-y-0 {
transform: translateY(0%) !important;
}
.translate-y-100 {
transform: translateY(100%) !important;
}
.-translate-y-100 {
transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
.sm\:translate-x-0 {
transform: translateX(0%) !important;
}
.sm\:translate-x-100 {
transform: translateX(100%) !important;
}
.sm\:-translate-x-100 {
transform: translateX(-100%) !important;
}
.sm\:translate-y-0 {
transform: translateY(0%) !important;
}
.sm\:translate-y-100 {
transform: translateY(100%) !important;
}
.sm\:-translate-y-100 {
transform: translateY(-100%) !important;
}
}
@media screen and (min-width: 768px) {
.md\:translate-x-0 {
transform: translateX(0%) !important;
}
.md\:translate-x-100 {
transform: translateX(100%) !important;
}
.md\:-translate-x-100 {
transform: translateX(-100%) !important;
}
.md\:translate-y-0 {
transform: translateY(0%) !important;
}
.md\:translate-y-100 {
transform: translateY(100%) !important;
}
.md\:-translate-y-100 {
transform: translateY(-100%) !important;
}
}
@media screen and (min-width: 992px) {
.lg\:translate-x-0 {
transform: translateX(0%) !important;
}
.lg\:translate-x-100 {
transform: translateX(100%) !important;
}
.lg\:-translate-x-100 {
transform: translateX(-100%) !important;
}
.lg\:translate-y-0 {
transform: translateY(0%) !important;
}
.lg\:translate-y-100 {
transform: translateY(100%) !important;
}
.lg\:-translate-y-100 {
transform: translateY(-100%) !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:translate-x-0 {
transform: translateX(0%) !important;
}
.xl\:translate-x-100 {
transform: translateX(100%) !important;
}
.xl\:-translate-x-100 {
transform: translateX(-100%) !important;
}
.xl\:translate-y-0 {
transform: translateY(0%) !important;
}
.xl\:translate-y-100 {
transform: translateY(100%) !important;
}
.xl\:-translate-y-100 {
transform: translateY(-100%) !important;
}
}
.rotate-45 {
transform: rotate(45deg) !important;
}
.-rotate-45 {
transform: rotate(-45deg) !important;
}
.rotate-90 {
transform: rotate(90deg) !important;
}
.-rotate-90 {
transform: rotate(-90deg) !important;
}
.rotate-180 {
transform: rotate(180deg) !important;
}
.-rotate-180 {
transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
.sm\:rotate-45 {
transform: rotate(45deg) !important;
}
.sm\:-rotate-45 {
transform: rotate(-45deg) !important;
}
.sm\:rotate-90 {
transform: rotate(90deg) !important;
}
.sm\:-rotate-90 {
transform: rotate(-90deg) !important;
}
.sm\:rotate-180 {
transform: rotate(180deg) !important;
}
.sm\:-rotate-180 {
transform: rotate(-180deg) !important;
}
}
@media screen and (min-width: 768px) {
.md\:rotate-45 {
transform: rotate(45deg) !important;
}
.md\:-rotate-45 {
transform: rotate(-45deg) !important;
}
.md\:rotate-90 {
transform: rotate(90deg) !important;
}
.md\:-rotate-90 {
transform: rotate(-90deg) !important;
}
.md\:rotate-180 {
transform: rotate(180deg) !important;
}
.md\:-rotate-180 {
transform: rotate(-180deg) !important;
}
}
@media screen and (min-width: 992px) {
.lg\:rotate-45 {
transform: rotate(45deg) !important;
}
.lg\:-rotate-45 {
transform: rotate(-45deg) !important;
}
.lg\:rotate-90 {
transform: rotate(90deg) !important;
}
.lg\:-rotate-90 {
transform: rotate(-90deg) !important;
}
.lg\:rotate-180 {
transform: rotate(180deg) !important;
}
.lg\:-rotate-180 {
transform: rotate(-180deg) !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:rotate-45 {
transform: rotate(45deg) !important;
}
.xl\:-rotate-45 {
transform: rotate(-45deg) !important;
}
.xl\:rotate-90 {
transform: rotate(90deg) !important;
}
.xl\:-rotate-90 {
transform: rotate(-90deg) !important;
}
.xl\:rotate-180 {
transform: rotate(180deg) !important;
}
.xl\:-rotate-180 {
transform: rotate(-180deg) !important;
}
}
.origin-center {
transform-origin: center !important;
}
.origin-top {
transform-origin: top !important;
}
.origin-top-right {
transform-origin: top right !important;
}
.origin-right {
transform-origin: right !important;
}
.origin-bottom-right {
transform-origin: bottom right !important;
}
.origin-bottom {
transform-origin: bottom !important;
}
.origin-bottom-left {
transform-origin: bottom left !important;
}
.origin-left {
transform-origin: left !important;
}
.origin-top-left {
transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
.sm\:origin-center {
transform-origin: center !important;
}
.sm\:origin-top {
transform-origin: top !important;
}
.sm\:origin-top-right {
transform-origin: top right !important;
}
.sm\:origin-right {
transform-origin: right !important;
}
.sm\:origin-bottom-right {
transform-origin: bottom right !important;
}
.sm\:origin-bottom {
transform-origin: bottom !important;
}
.sm\:origin-bottom-left {
transform-origin: bottom left !important;
}
.sm\:origin-left {
transform-origin: left !important;
}
.sm\:origin-top-left {
transform-origin: top-left !important;
}
}
@media screen and (min-width: 768px) {
.md\:origin-center {
transform-origin: center !important;
}
.md\:origin-top {
transform-origin: top !important;
}
.md\:origin-top-right {
transform-origin: top right !important;
}
.md\:origin-right {
transform-origin: right !important;
}
.md\:origin-bottom-right {
transform-origin: bottom right !important;
}
.md\:origin-bottom {
transform-origin: bottom !important;
}
.md\:origin-bottom-left {
transform-origin: bottom left !important;
}
.md\:origin-left {
transform-origin: left !important;
}
.md\:origin-top-left {
transform-origin: top-left !important;
}
}
@media screen and (min-width: 992px) {
.lg\:origin-center {
transform-origin: center !important;
}
.lg\:origin-top {
transform-origin: top !important;
}
.lg\:origin-top-right {
transform-origin: top right !important;
}
.lg\:origin-right {
transform-origin: right !important;
}
.lg\:origin-bottom-right {
transform-origin: bottom right !important;
}
.lg\:origin-bottom {
transform-origin: bottom !important;
}
.lg\:origin-bottom-left {
transform-origin: bottom left !important;
}
.lg\:origin-left {
transform-origin: left !important;
}
.lg\:origin-top-left {
transform-origin: top-left !important;
}
}
@media screen and (min-width: 1200px) {
.xl\:origin-center {
transform-origin: center !important;
}
.xl\:origin-top {
transform-origin: top !important;
}
.xl\:origin-top-right {
transform-origin: top right !important;
}
.xl\:origin-right {
transform-origin: right !important;
}
.xl\:origin-bottom-right {
transform-origin: bottom right !important;
}
.xl\:origin-bottom {
transform-origin: bottom !important;
}
.xl\:origin-bottom-left {
transform-origin: bottom left !important;
}
.xl\:origin-left {
transform-origin: left !important;
}
.xl\:origin-top-left {
transform-origin: top-left !important;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes scalein {
0% {
opacity: 0;
transform: scaleY(0.8);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 1;
transform: scaleY(1);
}
}
@keyframes slidedown {
0% {
max-height: 0;
}
100% {
max-height: auto;
}
}
@keyframes slideup {
0% {
max-height: 1000px;
}
100% {
max-height: 0;
}
}
@keyframes fadeinleft {
0% {
opacity: 0;
transform: translateX(-100%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes fadeoutleft {
0% {
opacity: 1;
transform: translateX(0%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
@keyframes fadeinright {
0% {
opacity: 0;
transform: translateX(100%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes fadeoutright {
0% {
opacity: 1;
transform: translateX(0%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 0;
transform: translateX(100%);
}
}
@keyframes fadeinup {
0% {
opacity: 0;
transform: translateY(-100%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes fadeoutup {
0% {
opacity: 1;
transform: translateY(0%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 0;
transform: translateY(-100%);
}
}
@keyframes fadeindown {
0% {
opacity: 0;
transform: translateY(100%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes fadeoutdown {
0% {
opacity: 1;
transform: translateY(0%);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
100% {
opacity: 0;
transform: translateY(100%);
}
}
@keyframes animate-width {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes flip {
from {
transform: perspective(2000px) rotateX(-100deg);
}
to {
transform: perspective(2000px) rotateX(0);
}
}
@keyframes flipleft {
from {
transform: perspective(2000px) rotateY(-100deg);
opacity: 0;
}
to {
transform: perspective(2000px) rotateY(0);
opacity: 1;
}
}
@keyframes flipright {
from {
transform: perspective(2000px) rotateY(100deg);
opacity: 0;
}
to {
transform: perspective(2000px) rotateY(0);
opacity: 1;
}
}
@keyframes flipup {
from {
transform: perspective(2000px) rotateX(-100deg);
opacity: 0;
}
to {
transform: perspective(2000px) rotateX(0);
opacity: 1;
}
}
@keyframes zoomin {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomindown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
}
@keyframes zoominleft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
}
}
@keyframes zoominright {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
}
}
@keyframes zoominup {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
}
.fadein {
animation: fadein 0.15s linear;
}
.fadeout {
animation: fadeout 0.15s linear;
}
.slidedown {
animation: slidedown 0.45s ease-in-out;
}
.slideup {
animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
animation: scalein 0.15s linear;
}
.fadeinleft {
animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
animation: fadeoutleft 0.15s linear;
}
.fadeinright {
animation: fadeinright 0.15s linear;
}
.fadeoutright {
animation: fadeoutright 0.15s linear;
}
.fadeinup {
animation: fadeinup 0.15s linear;
}
.fadeoutup {
animation: fadeoutup 0.15s linear;
}
.fadeindown {
animation: fadeindown 0.15s linear;
}
.fadeoutdown {
animation: fadeoutdown 0.15s linear;
}
.animate-width {
animation: animate-width 1000ms linear;
}
.flip {
backface-visibility: visible;
animation: flip 0.15s linear;
}
.flipup {
backface-visibility: visible;
animation: flipup 0.15s linear;
}
.flipleft {
backface-visibility: visible;
animation: flipleft 0.15s linear;
}
.flipright {
backface-visibility: visible;
animation: flipright 0.15s linear;
}
.zoomin {
animation: zoomin 0.15s linear;
}
.zoomindown {
animation: zoomindown 0.15s linear;
}
.zoominleft {
animation: zoominleft 0.15s linear;
}
.zoominright {
animation: zoominright 0.15s linear;
}
.zoominup {
animation: zoominup 0.15s linear;
}
.animation-duration-100 {
animation-duration: 100ms !important;
}
.animation-duration-150 {
animation-duration: 150ms !important;
}
.animation-duration-200 {
animation-duration: 200ms !important;
}
.animation-duration-300 {
animation-duration: 300ms !important;
}
.animation-duration-400 {
animation-duration: 400ms !important;
}
.animation-duration-500 {
animation-duration: 500ms !important;
}
.animation-duration-1000 {
animation-duration: 1000ms !important;
}
.animation-duration-2000 {
animation-duration: 2000ms !important;
}
.animation-duration-3000 {
animation-duration: 3000ms !important;
}
.animation-delay-100 {
animation-delay: 100ms !important;
}
.animation-delay-150 {
animation-delay: 150ms !important;
}
.animation-delay-200 {
animation-delay: 200ms !important;
}
.animation-delay-300 {
animation-delay: 300ms !important;
}
.animation-delay-400 {
animation-delay: 400ms !important;
}
.animation-delay-500 {
animation-delay: 500ms !important;
}
.animation-delay-1000 {
animation-delay: 1000ms !important;
}
.animation-iteration-1 {
animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
animation-iteration-count: infinite !important;
}
.animation-linear {
animation-timing-function: linear !important;
}
.animation-ease-in {
animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
animation-fill-mode: none !important;
}
.animation-fill-forwards {
animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
animation-fill-mode: backwards !important;
}
.animation-fill-both {
animation-fill-mode: both !important;
}
/*!*******************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/Views/kewilayahan/scss/core.scss ***!
\*******************************************************************************************************************************/
@charset "UTF-8";
/*!
* Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #00cfe8;
--indigo: #6610f2;
--purple: #7367f0;
--pink: #e83e8c;
--red: #ea5455;
--orange: #ff9f43;
--yellow: #ffc107;
--green: #28c76f;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #b8c2cc;
--gray-dark: #1e1e1e;
--primary: #374fc4;
--secondary: #82868b;
--success: #28c76f;
--info: #00cfe8;
--warning: #ff9f43;
--danger: #ea5455;
--light: #f6f6f6;
--dark: #4b4b4b;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1440px;
--font-family-sans-serif: "Montserrat", Helvetica, Arial, serif;
--font-family-monospace: "Montserrat", Helvetica, Arial, serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(34, 41, 47, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: "Montserrat", Helvetica, Arial, serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.45;
color: #6e6b7b;
text-align: left;
background-color: #f8f8f8;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 600;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #374fc4;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: shift-color(#374fc4, 5%);
text-decoration: none;
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: "Montserrat", Helvetica, Arial, serif;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #b9b9c3;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: #5e5873;
}
h1, .h1 {
font-size: 2rem;
}
h2, .h2 {
font-size: 1.714rem;
}
h3, .h3 {
font-size: 1.5rem;
}
h4, .h4 {
font-size: 1.286rem;
}
h5, .h5 {
font-size: 1.07rem;
}
h6, .h6 {
font-size: 1rem;
}
.lead {
font-size: 1.14rem;
font-weight: 400;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(34, 41, 47, 0.1);
}
small,
.small {
font-size: 0.857rem;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.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: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
display: block;
font-size: 0.857rem;
color: #b8c2cc;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #f8f8f8;
border: 1px solid #dae1e7;
border-radius: 0.357rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #b8c2cc;
}
code {
font-size: 90%;
color: #e83e8c;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #fff;
background-color: #eee;
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 500;
}
pre {
display: block;
font-size: 90%;
color: #2a2e30;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
margin-right: auto;
margin-left: auto;
}
.container {
max-width: 0;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1200px;
}
}
@media (min-width: 1440px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1440px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1440px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xxl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
order: -1;
}
.order-xxl-last {
order: 13;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.3333333333%;
}
.offset-xxl-2 {
margin-left: 16.6666666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.3333333333%;
}
.offset-xxl-5 {
margin-left: 41.6666666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.3333333333%;
}
.offset-xxl-8 {
margin-left: 66.6666666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.3333333333%;
}
.offset-xxl-11 {
margin-left: 91.6666666667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #6e6b7b;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #ebe9f1;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #ebe9f1;
}
.table tbody + tbody {
border-top: 2px solid #ebe9f1;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #ebe9f1;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ebe9f1;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(34, 41, 47, 0.05);
}
.table-hover tbody tr:hover {
color: #6e6b7b;
background-color: #f6f6f9;
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: rgb(199, 205.72, 238.48);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: rgb(151, 163.48, 224.32);
}
.table-hover .table-primary:hover {
background-color: rgb(179.3088803089, 188.3918146718, 232.6711196911);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: rgb(179.3088803089, 188.3918146718, 232.6711196911);
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: rgb(220, 221.12, 222.52);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: rgb(190, 192.08, 194.68);
}
.table-hover .table-secondary:hover {
background-color: rgb(206.7738589212, 208.3170954357, 210.2461410788);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: rgb(206.7738589212, 208.3170954357, 210.2461410788);
}
.table-success,
.table-success > th,
.table-success > td {
background-color: rgb(194.8, 239.32, 214.68);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: rgb(143.2, 225.88, 180.12);
}
.table-hover .table-success:hover {
background-color: rgb(174.5693726937, 234.0506273063, 201.1301845018);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: rgb(174.5693726937, 234.0506273063, 201.1301845018);
}
.table-info,
.table-info > th,
.table-info > td {
background-color: rgb(183.6, 241.56, 248.56);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: rgb(122.4, 230.04, 243.04);
}
.table-hover .table-info:hover {
background-color: rgb(160.2097122302, 237.1571223022, 246.4502877698);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: rgb(160.2097122302, 237.1571223022, 246.4502877698);
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: rgb(255, 228.12, 202.36);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: rgb(255, 205.08, 157.24);
}
.table-hover .table-warning:hover {
background-color: rgb(255, 215.0987234043, 176.86);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: rgb(255, 215.0987234043, 176.86);
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: rgb(249.12, 207.12, 207.4);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: rgb(244.08, 166.08, 166.6);
}
.table-hover .table-danger:hover {
background-color: rgb(246.3309375, 184.4090625, 184.821875);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: rgb(246.3309375, 184.4090625, 184.821875);
}
.table-light,
.table-light > th,
.table-light > td {
background-color: rgb(252.48, 252.48, 252.48);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: rgb(250.32, 250.32, 250.32);
}
.table-hover .table-light:hover {
background-color: rgb(239.73, 239.73, 239.73);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: rgb(239.73, 239.73, 239.73);
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: rgb(204.6, 204.6, 204.6);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: rgb(161.4, 161.4, 161.4);
}
.table-hover .table-dark:hover {
background-color: rgb(191.85, 191.85, 191.85);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: rgb(191.85, 191.85, 191.85);
}
.table-active,
.table-active > th,
.table-active > td {
background-color: #f6f6f9;
}
.table-hover .table-active:hover {
background-color: rgb(230.7, 230.7, 238.8);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgb(230.7, 230.7, 238.8);
}
.table .thead-dark th {
color: #fff;
background-color: #1e1e1e;
border-color: rgb(49.125, 49.125, 49.125);
}
.table .thead-light th {
color: #5e5873;
background-color: #f3f2f7;
border-color: #ebe9f1;
}
.table-dark {
color: #fff;
background-color: #1e1e1e;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: rgb(49.125, 49.125, 49.125);
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
@media (max-width: 1439.98px) {
.table-responsive-xxl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xxl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
height: 2.714rem;
padding: 0.571rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.45;
color: #6e6b7b;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d8d6de;
border-radius: 0.357rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #6e6b7b;
}
.form-control:focus {
color: #6e6b7b;
background-color: #fff;
border-color: #374fc4;
outline: 0;
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.form-control::placeholder {
color: #b9b9c3;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #efefef;
opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
appearance: none;
}
select.form-control:focus::-ms-value {
color: #6e6b7b;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.571rem + 1px);
padding-bottom: calc(0.571rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.45;
}
.col-form-label-lg {
padding-top: calc(0.75rem + 1px);
padding-bottom: calc(0.75rem + 1px);
font-size: 1.143rem;
line-height: 1.25;
}
.col-form-label-sm {
padding-top: calc(0.188rem + 1px);
padding-bottom: calc(0.188rem + 1px);
font-size: 0.857rem;
line-height: 1;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.571rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.45;
color: #6e6b7b;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: 2.142rem;
padding: 0.188rem 0.857rem;
font-size: 0.857rem;
line-height: 1;
border-radius: 0.357rem;
}
.form-control-lg {
height: 3.2857rem;
padding: 0.75rem 1.143rem;
font-size: 1.143rem;
line-height: 1.25;
border-radius: 0.357rem;
}
select.form-control[size], select.form-control[multiple] {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
color: #b9b9c3;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.857rem;
color: #28c76f;
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.4rem 0.775rem;
margin-top: 0.1rem;
font-size: 0.857rem;
line-height: 1.45;
color: #fff;
background-color: #28c76f;
border-radius: 0.358rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #28c76f;
padding-right: calc(1.45em + 1.142rem);
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%208%208%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20fill%3A%20%22%2328c76f%22%2C%0A%20%20d%3A%20%22M2.3%206.73L.6%204.53c-.4-1.04.46-1.4%201.1-.8l1.1%201.4%203.4-3.8c.6-.63%201.6-.27%201.2.7l-4%204.6c-.43.5-.8.4-1.1.1z%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: right calc(0.3625em + 0.2855rem) center;
background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #28c76f;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.45em + 1.142rem);
background-position: top calc(0.3625em + 0.2855rem) right calc(0.3625em + 0.2855rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28c76f;
padding-right: calc(0.75em + 2.8565rem);
background: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%224%22%2C%0A%20%20height%3A%20%225%22%2C%0A%20%20viewBox%3A%20%220%200%204%205%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20fill%3A%20%22%231e1e1e%22%2C%0A%20%20d%3A%20%22M2%200L0%202h4zm0%205L0%203h4z%22%0A%7D%29%29%3B") right 1rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%208%208%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20fill%3A%20%22%2328c76f%22%2C%0A%20%20d%3A%20%22M2.3%206.73L.6%204.53c-.4-1.04.46-1.4%201.1-.8l1.1%201.4%203.4-3.8c.6-.63%201.6-.27%201.2.7l-4%204.6c-.43.5-.8.4-1.1.1z%22%0A%7D%29%29%3B") center right 2rem/calc(0.725em + 0.571rem) calc(0.725em + 0.571rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28c76f;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28c76f;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28c76f;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #28c76f;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: rgb(71.820083682, 218.179916318, 137.1757322176);
background-color: rgb(71.820083682, 218.179916318, 137.1757322176);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28c76f;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28c76f;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28c76f;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.857rem;
color: #ea5455;
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.4rem 0.775rem;
margin-top: 0.1rem;
font-size: 0.857rem;
line-height: 1.45;
color: #fff;
background-color: #ea5455;
border-radius: 0.358rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #ea5455;
padding-right: calc(1.45em + 1.142rem);
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2012%2012%22%2C%0A%20%20width%3A%20%2212%22%2C%0A%20%20height%3A%20%2212%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ea5455%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20cx%3A%20%226%22%2C%0A%20%20cy%3A%20%226%22%2C%0A%20%20r%3A%20%224.5%22%0A%7D%29%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20d%3A%20%22M5.8%203.6h.4L6%206.5z%22%0A%7D%29%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20cx%3A%20%226%22%2C%0A%20%20cy%3A%20%228.2%22%2C%0A%20%20r%3A%20%22.6%22%2C%0A%20%20fill%3A%20%22%23ea5455%22%2C%0A%20%20stroke%3A%20%22none%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: right calc(0.3625em + 0.2855rem) center;
background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #ea5455;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.45em + 1.142rem);
background-position: top calc(0.3625em + 0.2855rem) right calc(0.3625em + 0.2855rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #ea5455;
padding-right: calc(0.75em + 2.8565rem);
background: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%224%22%2C%0A%20%20height%3A%20%225%22%2C%0A%20%20viewBox%3A%20%220%200%204%205%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20fill%3A%20%22%231e1e1e%22%2C%0A%20%20d%3A%20%22M2%200L0%202h4zm0%205L0%203h4z%22%0A%7D%29%29%3B") right 1rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2012%2012%22%2C%0A%20%20width%3A%20%2212%22%2C%0A%20%20height%3A%20%2212%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ea5455%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20cx%3A%20%226%22%2C%0A%20%20cy%3A%20%226%22%2C%0A%20%20r%3A%20%224.5%22%0A%7D%29%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20d%3A%20%22M5.8%203.6h.4L6%206.5z%22%0A%7D%29%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20cx%3A%20%226%22%2C%0A%20%20cy%3A%20%228.2%22%2C%0A%20%20r%3A%20%22.6%22%2C%0A%20%20fill%3A%20%22%23ea5455%22%2C%0A%20%20stroke%3A%20%22none%22%0A%7D%29%29%3B") center right 2rem/calc(0.725em + 0.571rem) calc(0.725em + 0.571rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #ea5455;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #ea5455;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #ea5455;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #ea5455;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: rgb(239.578125, 129.421875, 130.15625);
background-color: rgb(239.578125, 129.421875, 130.15625);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ea5455;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #ea5455;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #ea5455;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #6e6b7b;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.786rem 1.5rem;
font-size: 1rem;
line-height: 1;
border-radius: 0.358rem;
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, background 0s, border 0s;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #6e6b7b;
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(55, 79, 196, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #374fc4;
border-color: #374fc4;
}
.btn-primary:hover {
color: #fff;
background-color: rgb(46.6185258964, 66.9611553785, 166.1314741036);
border-color: rgb(43.8247011952, 62.9482071713, 156.1752988048);
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: rgb(46.6185258964, 66.9611553785, 166.1314741036);
border-color: rgb(43.8247011952, 62.9482071713, 156.1752988048);
box-shadow: 0 0 0 0.2rem rgba(85, 105.4, 204.85, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #374fc4;
border-color: #374fc4;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: rgb(43.8247011952, 62.9482071713, 156.1752988048);
border-color: rgb(41.030876494, 58.9352589641, 146.219123506);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(85, 105.4, 204.85, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #82868b;
border-color: #82868b;
}
.btn-secondary:hover {
color: #fff;
background-color: rgb(111.0663900415, 114.8962655602, 119.6836099585);
border-color: rgb(104.9294605809, 108.5477178423, 113.0705394191);
}
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: rgb(111.0663900415, 114.8962655602, 119.6836099585);
border-color: rgb(104.9294605809, 108.5477178423, 113.0705394191);
box-shadow: 0 0 0 0.2rem rgba(148.75, 152.15, 156.4, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #82868b;
border-color: #82868b;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: rgb(104.9294605809, 108.5477178423, 113.0705394191);
border-color: rgb(98.7925311203, 102.1991701245, 106.4574688797);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(148.75, 152.15, 156.4, 0.5);
}
.btn-success {
color: #fff;
background-color: #28c76f;
border-color: #28c76f;
}
.btn-success:hover {
color: #fff;
background-color: rgb(33.5983263598, 167.1516736402, 93.2353556485);
border-color: rgb(31.4644351464, 156.5355648536, 87.3138075314);
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: rgb(33.5983263598, 167.1516736402, 93.2353556485);
border-color: rgb(31.4644351464, 156.5355648536, 87.3138075314);
box-shadow: 0 0 0 0.2rem rgba(72.25, 207.4, 132.6, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28c76f;
border-color: #28c76f;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: rgb(31.4644351464, 156.5355648536, 87.3138075314);
border-color: rgb(29.3305439331, 145.9194560669, 81.3922594142);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(72.25, 207.4, 132.6, 0.5);
}
.btn-info {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8;
}
.btn-info:hover {
color: #fff;
background-color: rgb(0, 172.8717672414, 193.75);
border-color: rgb(0, 161.4956896552, 181);
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: rgb(0, 172.8717672414, 193.75);
border-color: rgb(0, 161.4956896552, 181);
box-shadow: 0 0 0 0.2rem rgba(38.25, 214.2, 235.45, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: rgb(0, 161.4956896552, 181);
border-color: rgb(0, 150.119612069, 168.25);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38.25, 214.2, 235.45, 0.5);
}
.btn-warning {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43;
}
.btn-warning:hover {
color: #2a2e30;
background-color: rgb(255, 139.4680851064, 28.75);
border-color: rgb(255, 132.9574468085, 16);
}
.btn-warning:focus, .btn-warning.focus {
color: #2a2e30;
background-color: rgb(255, 139.4680851064, 28.75);
border-color: rgb(255, 132.9574468085, 16);
box-shadow: 0 0 0 0.2rem rgba(223.05, 142.05, 64.15, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #2a2e30;
background-color: rgb(255, 132.9574468085, 16);
border-color: rgb(255, 126.4468085106, 3.25);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(223.05, 142.05, 64.15, 0.5);
}
.btn-danger {
color: #fff;
background-color: #ea5455;
border-color: #ea5455;
}
.btn-danger:hover {
color: #fff;
background-color: rgb(229.81640625, 49.93359375, 51.1328125);
border-color: rgb(228.421875, 38.578125, 39.84375);
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: rgb(229.81640625, 49.93359375, 51.1328125);
border-color: rgb(228.421875, 38.578125, 39.84375);
box-shadow: 0 0 0 0.2rem rgba(237.15, 109.65, 110.5, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #ea5455;
border-color: #ea5455;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: rgb(228.421875, 38.578125, 39.84375);
border-color: rgb(226.44140625, 27.80859375, 29.1328125);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(237.15, 109.65, 110.5, 0.5);
}
.btn-light {
color: #2a2e30;
background-color: #f6f6f6;
border-color: #f6f6f6;
}
.btn-light:hover {
color: #2a2e30;
background-color: rgb(226.875, 226.875, 226.875);
border-color: rgb(220.5, 220.5, 220.5);
}
.btn-light:focus, .btn-light.focus {
color: #2a2e30;
background-color: rgb(226.875, 226.875, 226.875);
border-color: rgb(220.5, 220.5, 220.5);
box-shadow: 0 0 0 0.2rem rgba(215.4, 216, 216.3, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color: #2a2e30;
background-color: #f6f6f6;
border-color: #f6f6f6;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #2a2e30;
background-color: rgb(220.5, 220.5, 220.5);
border-color: rgb(214.125, 214.125, 214.125);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(215.4, 216, 216.3, 0.5);
}
.btn-dark {
color: #fff;
background-color: #4b4b4b;
border-color: #4b4b4b;
}
.btn-dark:hover {
color: #fff;
background-color: rgb(55.875, 55.875, 55.875);
border-color: rgb(49.5, 49.5, 49.5);
}
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: rgb(55.875, 55.875, 55.875);
border-color: rgb(49.5, 49.5, 49.5);
box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #4b4b4b;
border-color: #4b4b4b;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: rgb(49.5, 49.5, 49.5);
border-color: rgb(43.125, 43.125, 43.125);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5);
}
.btn-outline-primary {
color: #374fc4;
border-color: #374fc4;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #374fc4;
border-color: #374fc4;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(55, 79, 196, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #374fc4;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #374fc4;
border-color: #374fc4;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(55, 79, 196, 0.5);
}
.btn-outline-secondary {
color: #82868b;
border-color: #82868b;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #82868b;
border-color: #82868b;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(130, 134, 139, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #82868b;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #82868b;
border-color: #82868b;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 134, 139, 0.5);
}
.btn-outline-success {
color: #28c76f;
border-color: #28c76f;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28c76f;
border-color: #28c76f;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28c76f;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28c76f;
border-color: #28c76f;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}
.btn-outline-info {
color: #00cfe8;
border-color: #00cfe8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #00cfe8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}
.btn-outline-warning {
color: #ff9f43;
border-color: #ff9f43;
}
.btn-outline-warning:hover {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ff9f43;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}
.btn-outline-danger {
color: #ea5455;
border-color: #ea5455;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #ea5455;
border-color: #ea5455;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #ea5455;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #ea5455;
border-color: #ea5455;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}
.btn-outline-light {
color: #f6f6f6;
border-color: #f6f6f6;
}
.btn-outline-light:hover {
color: #2a2e30;
background-color: #f6f6f6;
border-color: #f6f6f6;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f6f6f6;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #2a2e30;
background-color: #f6f6f6;
border-color: #f6f6f6;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);
}
.btn-outline-dark {
color: #4b4b4b;
border-color: #4b4b4b;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #4b4b4b;
border-color: #4b4b4b;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #4b4b4b;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #4b4b4b;
border-color: #4b4b4b;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5);
}
.btn-link {
font-weight: 400;
color: #374fc4;
text-decoration: none;
}
.btn-link:hover {
color: shift-color(#374fc4, 5%);
text-decoration: none;
}
.btn-link:focus, .btn-link.focus {
text-decoration: none;
}
.btn-link:disabled, .btn-link.disabled {
color: #b8c2cc;
pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.8rem 2rem;
font-size: 1.25rem;
line-height: 1.25;
border-radius: 0.358rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.486rem 1rem;
font-size: 0.9rem;
line-height: 1;
border-radius: 0.358rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0 0 0;
font-size: 1rem;
color: #6e6b7b;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(34, 41, 47, 0.05);
border-radius: 0.357rem;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
}
@media (min-width: 1440px) {
.dropdown-menu-xxl-left {
right: auto;
left: 0;
}
.dropdown-menu-xxl-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0;
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid rgba(34, 41, 47, 0.08);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.65rem 1.28rem;
clear: both;
font-weight: 400;
color: #6e6b7b;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #374fc4;
text-decoration: none;
background-color: rgba(55, 79, 196, 0.12);
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #374fc4;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #b9b9c3;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.28rem;
margin-bottom: 0;
font-size: 1rem;
color: #5e5873;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.65rem 1.28rem;
color: #6e6b7b;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file {
display: flex;
align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.571rem 1rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.45;
color: #6e6b7b;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #d8d6de;
border-radius: 0.357rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
height: 3.2857rem;
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.75rem 1.143rem;
font-size: 1.143rem;
line-height: 1.25;
border-radius: 0.357rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
height: 2.142rem;
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.188rem 0.857rem;
font-size: 0.857rem;
line-height: 1;
border-radius: 0.357rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 2rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.45rem;
padding-left: 1.5rem;
color-adjust: exact;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.225rem;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #374fc4;
background-color: #374fc4;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #374fc4;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: rgb(192.1394422311, 199.8366533865, 237.3605577689);
border-color: rgb(192.1394422311, 199.8366533865, 237.3605577689);
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #b8c2cc;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #efefef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label::before {
position: absolute;
top: 0.225rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px;
}
.custom-control-label::after {
position: absolute;
top: 0.225rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.357rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%228%22%2C%0A%20%20height%3A%20%228%22%2C%0A%20%20viewBox%3A%20%220%200%208%208%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20fill%3A%20%22%23fff%22%2C%0A%20%20d%3A%20%22M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z%22%0A%7D%29%29%3B");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #374fc4;
background-color: #374fc4;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%224%22%2C%0A%20%20height%3A%20%224%22%2C%0A%20%20viewBox%3A%20%220%200%204%204%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20d%3A%20%22M0%202h4%22%0A%7D%29%29%3B");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(55, 79, 196, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(55, 79, 196, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2212%22%2C%0A%20%20height%3A%20%2212%22%2C%0A%20%20viewBox%3A%20%22-4%20-4%208%208%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20r%3A%20%223%22%2C%0A%20%20fill%3A%20%22%23fff%22%0A%7D%29%29%3B");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(55, 79, 196, 0.5);
}
.custom-switch {
padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.225rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 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;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(55, 79, 196, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: 2.714rem;
padding: 0.571rem 2rem 0.571rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.45;
color: #6e6b7b;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%224%22%2C%0A%20%20height%3A%20%225%22%2C%0A%20%20viewBox%3A%20%220%200%204%205%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20fill%3A%20%22%231e1e1e%22%2C%0A%20%20d%3A%20%22M2%200L0%202h4zm0%205L0%203h4z%22%0A%7D%29%29%3B") right 1rem center/8px 10px no-repeat;
border: 1px solid #d8d6de;
border-radius: 0.357rem;
appearance: none;
}
.custom-select:focus {
border-color: #374fc4;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(55, 79, 196, 0.25);
}
.custom-select:focus::-ms-value {
color: #6e6b7b;
background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 1rem;
background-image: none;
}
.custom-select:disabled {
color: #b8c2cc;
background-color: #ededed;
}
.custom-select::-ms-expand {
display: none;
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #6e6b7b;
}
.custom-select-sm {
height: 2.142rem;
padding-top: 0.188rem;
padding-bottom: 0.188rem;
padding-left: 0.857rem;
font-size: 0.857rem;
}
.custom-select-lg {
height: 3.2857rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.143rem;
font-size: 1.143rem;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 2.714rem;
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 2.714rem;
margin: 0;
overflow: hidden;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #374fc4;
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
background-color: #efefef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 2.714rem;
padding: 0.571rem 1rem;
overflow: hidden;
font-weight: 400;
line-height: 1.45;
color: #6e6b7b;
background-color: #fff;
border: 1px solid #d8d6de;
border-radius: 0.357rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.45em + 1.142rem);
padding: 0.571rem 1rem;
line-height: 1.45;
color: #6e6b7b;
content: "Browse";
background-color: #fff;
border-left: inherit;
border-radius: 0 0.357rem 0.357rem 0;
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
appearance: none;
}
.custom-range:focus {
outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #f8f8f8, 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #f8f8f8, 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #f8f8f8, 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #374fc4;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
transition: none;
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: rgb(192.1394422311, 199.8366533865, 237.3605577689);
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dae1e7;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #374fc4;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
transition: none;
}
}
.custom-range::-moz-range-thumb:active {
background-color: rgb(192.1394422311, 199.8366533865, 237.3605577689);
}
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dae1e7;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #374fc4;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
transition: none;
}
}
.custom-range::-ms-thumb:active {
background-color: rgb(192.1394422311, 199.8366533865, 237.3605577689);
}
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dae1e7;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dae1e7;
border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
cursor: default;
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none;
}
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.358rem 0.5rem;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #b9b9c3;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 0 solid #dae1e7;
}
.nav-tabs .nav-link {
margin-bottom: 0;
border: 0 solid transparent;
border-top-left-radius: 0.357rem;
border-top-right-radius: 0.357rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #ededed #ededed #dae1e7;
}
.nav-tabs .nav-link.disabled {
color: #b9b9c3;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #374fc4;
background-color: transparent;
border-color: #dae1e7 #dae1e7 transparent;
}
.nav-tabs .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
border-radius: 0.358rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #374fc4;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-xs,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar .container-xxl {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: -0.367rem;
padding-bottom: -0.367rem;
margin-right: 1rem;
font-size: 2rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-text {
display: inline-block;
padding-top: 0.358rem;
padding-bottom: 0.358rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 2rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.358rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-xs,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl,
.navbar-expand-sm > .container-xxl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-xs,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl,
.navbar-expand-sm > .container-xxl {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-xs,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl,
.navbar-expand-md > .container-xxl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-xs,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl,
.navbar-expand-md > .container-xxl {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-xs,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl,
.navbar-expand-lg > .container-xxl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-xs,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl,
.navbar-expand-lg > .container-xxl {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-xs,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl,
.navbar-expand-xl > .container-xxl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-xs,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl,
.navbar-expand-xl > .container-xxl {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
@media (max-width: 1439.98px) {
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-xs,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl,
.navbar-expand-xxl > .container-xxl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1440px) {
.navbar-expand-xxl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-xs,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl,
.navbar-expand-xxl > .container-xxl {
flex-wrap: nowrap;
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-xs,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl {
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-xs,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl {
flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(34, 41, 47, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(34, 41, 47, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(34, 41, 47, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(34, 41, 47, 0.5);
border-color: rgba(34, 41, 47, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2230%22%2C%0A%20%20height%3A%20%2230%22%2C%0A%20%20viewBox%3A%20%220%200%2030%2030%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20stroke%3A%20%22rgba%2834%2C%2041%2C%2047%2C%200.5%29%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-miterlimit%22%3A%20%2210%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20d%3A%20%22M4%207h22M4%2015h22M4%2023h22%22%0A%7D%29%29%3B");
}
.navbar-light .navbar-text {
color: rgba(34, 41, 47, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(34, 41, 47, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2230%22%2C%0A%20%20height%3A%20%2230%22%2C%0A%20%20viewBox%3A%20%220%200%2030%2030%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22path%22%2C%20%7B%0A%20%20stroke%3A%20%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-miterlimit%22%3A%20%2210%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20d%3A%20%22M4%207h22M4%2015h22M4%2023h22%22%0A%7D%29%29%3B");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0 solid rgba(34, 41, 47, 0.125);
border-radius: 0.428rem;
}
.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: 0.428rem;
border-top-right-radius: 0.428rem;
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: 0.428rem;
border-bottom-left-radius: 0.428rem;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.5rem;
}
.card-title {
margin-bottom: 1.5rem;
}
.card-subtitle {
margin-top: -0.75rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.5rem;
}
.card-header {
padding: 1.5rem 1.5rem;
margin-bottom: 0;
background-color: transparent;
border-bottom: 0 solid rgba(34, 41, 47, 0.125);
}
.card-header:first-child {
border-radius: 0.428rem 0.428rem 0 0;
}
.card-footer {
padding: 1.5rem 1.5rem;
background-color: transparent;
border-top: 0 solid rgba(34, 41, 47, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 0.428rem 0.428rem;
}
.card-header-tabs {
margin-right: -0.75rem;
margin-bottom: -1.5rem;
margin-left: -0.75rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: 0.428rem;
}
.card-img,
.card-img-top,
.card-img-bottom {
flex-shrink: 0;
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: 0.428rem;
border-top-right-radius: 0.428rem;
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: 0.428rem;
border-bottom-left-radius: 0.428rem;
}
.card-deck .card {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 1rem;
margin-bottom: 0;
margin-left: 1rem;
}
}
.card-group > .card {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.card-columns .card {
margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion {
overflow-anchor: none;
}
.accordion > .card {
overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.3rem 1rem;
margin-bottom: 0;
font-size: 1rem;
list-style: none;
background-color: transparent;
border-radius: 0;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6e6b7b;
content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #6e6b7b;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.357rem;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.85rem;
margin-left: 0;
line-height: 1.25;
color: #6e6b7b;
background-color: #f3f2f7;
border: 0 solid #dae1e7;
}
.page-link:hover {
z-index: 2;
color: #374fc4;
text-decoration: none;
background-color: #f3f2f7;
border-color: #dae1e7;
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(55, 79, 196, 0.25);
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.357rem;
border-bottom-left-radius: 0.357rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.357rem;
border-bottom-right-radius: 0.357rem;
}
.page-item.active .page-link {
z-index: 3;
color: #374fc4;
background-color: #374fc4;
border-color: #374fc4;
}
.page-item.disabled .page-link {
color: #b9b9c3;
pointer-events: none;
cursor: auto;
background-color: #f3f2f7;
border-color: #dae1e7;
}
.pagination-lg .page-link {
padding: 0.5575rem 1rem;
font-size: 2rem;
line-height: 1.25;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.6rem;
border-bottom-left-radius: 0.6rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
}
.pagination-sm .page-link {
padding: 0.443rem 0.745rem;
font-size: 1rem;
line-height: 1;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.badge {
display: inline-block;
padding: 0.3rem 0.5rem;
font-size: 85%;
font-weight: 600;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.358rem;
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, background 0s, border 0s;
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none;
}
}
a.badge:hover, a.badge:focus {
text-decoration: none;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-primary {
color: #fff;
background-color: #374fc4;
}
a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: rgb(43.8247011952, 62.9482071713, 156.1752988048);
}
a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(55, 79, 196, 0.5);
}
.badge-secondary {
color: #fff;
background-color: #82868b;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: rgb(104.9294605809, 108.5477178423, 113.0705394191);
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(130, 134, 139, 0.5);
}
.badge-success {
color: #fff;
background-color: #28c76f;
}
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: rgb(31.4644351464, 156.5355648536, 87.3138075314);
}
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}
.badge-info {
color: #fff;
background-color: #00cfe8;
}
a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: rgb(0, 161.4956896552, 181);
}
a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}
.badge-warning {
color: #2a2e30;
background-color: #ff9f43;
}
a.badge-warning:hover, a.badge-warning:focus {
color: #2a2e30;
background-color: rgb(255, 132.9574468085, 16);
}
a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}
.badge-danger {
color: #fff;
background-color: #ea5455;
}
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: rgb(228.421875, 38.578125, 39.84375);
}
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}
.badge-light {
color: #2a2e30;
background-color: #f6f6f6;
}
a.badge-light:hover, a.badge-light:focus {
color: #2a2e30;
background-color: rgb(220.5, 220.5, 220.5);
}
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);
}
.badge-dark {
color: #fff;
background-color: #4b4b4b;
}
a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: rgb(49.5, 49.5, 49.5);
}
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5);
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #ededed;
border-radius: 0.6rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert {
position: relative;
padding: 0.71rem 1rem;
margin-bottom: 1rem;
border: 0 solid transparent;
border-radius: 0.358rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3.5rem;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 0.71rem 1rem;
color: inherit;
}
.alert-primary {
color: rgb(44.92, 60.76, 124.48);
background-color: rgb(215, 219.8, 243.2);
border-color: rgb(199, 205.72, 238.48);
}
.alert-primary hr {
border-top-color: rgb(179.3088803089, 188.3918146718, 232.6711196911);
}
.alert-primary .alert-link {
color: rgb(31.3962691854, 42.4674380165, 87.0037308146);
}
.alert-secondary {
color: rgb(83.92, 89.36, 94.84);
background-color: rgb(230, 230.8, 231.8);
border-color: rgb(220, 221.12, 222.52);
}
.alert-secondary hr {
border-top-color: rgb(206.7738589212, 208.3170954357, 210.2461410788);
}
.alert-secondary .alert-link {
color: rgb(59.977731036, 63.8657059745, 67.782268964);
}
.alert-success {
color: rgb(37.12, 123.16, 80.28);
background-color: rgb(212, 243.8, 226.2);
border-color: rgb(194.8, 239.32, 214.68);
}
.alert-success hr {
border-top-color: rgb(174.5693726937, 234.0506273063, 201.1301845018);
}
.alert-success .alert-link {
color: rgb(25.3086698278, 83.9713301722, 54.7354529573);
}
.alert-info {
color: rgb(16.32, 127.32, 143.2);
background-color: rgb(204, 245.4, 250.4);
border-color: rgb(183.6, 241.56, 248.56);
}
.alert-info hr {
border-top-color: rgb(160.2097122302, 237.1571223022, 246.4502877698);
}
.alert-info .alert-link {
color: rgb(11.1023470411, 86.6146339017, 97.4176529589);
}
.alert-warning {
color: rgb(148.92, 102.36, 57.4);
background-color: rgb(255, 235.8, 217.4);
border-color: rgb(255, 228.12, 202.36);
}
.alert-warning hr {
border-top-color: rgb(255, 215.0987234043, 176.86);
}
.alert-warning .alert-link {
color: rgb(112.1086390074, 77.0577510663, 43.2113609926);
}
.alert-danger {
color: rgb(138, 63.36, 66.76);
background-color: rgb(250.8, 220.8, 221);
border-color: rgb(249.12, 207.12, 207.4);
}
.alert-danger hr {
border-top-color: rgb(246.3309375, 184.4090625, 184.821875);
}
.alert-danger .alert-link {
color: rgb(103.0476758045, 47.3123241955, 49.8511799762);
}
.alert-light {
color: rgb(144.24, 147.6, 150.48);
background-color: rgb(253.2, 253.2, 253.2);
border-color: rgb(252.48, 252.48, 252.48);
}
.alert-light hr {
border-top-color: rgb(239.73, 239.73, 239.73);
}
.alert-light .alert-link {
color: rgb(118.327826087, 122.1317056856, 125.392173913);
}
.alert-dark {
color: rgb(55.32, 58.68, 61.56);
background-color: #dbdbdb;
border-color: rgb(204.6, 204.6, 204.6);
}
.alert-dark hr {
border-top-color: rgb(191.85, 191.85, 191.85);
}
.alert-dark .alert-link {
color: rgb(31.1813963039, 33.0752772074, 34.6986036961);
}
@keyframes progress-bar-stripes {
from {
background-position: 0.857rem 0;
}
to {
background-position: 0 0;
}
}
.progress {
display: flex;
height: 0.857rem;
overflow: hidden;
line-height: 0;
font-size: 0.857rem;
background-color: rgba(55, 79, 196, 0.12);
border-radius: 5rem;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #374fc4;
transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 0.857rem 0.857rem;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.357rem;
}
.list-group-item-action {
width: 100%;
color: #6e6b7b;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #6e6b7b;
text-decoration: none;
background-color: #f8f8f8;
}
.list-group-item-action:active {
color: #fff;
background-color: #374fc4;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
color: #6e6b7b;
background-color: #fff;
border: 1px solid rgba(34, 41, 47, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #b9b9c3;
pointer-events: none;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #374fc4;
border-color: #374fc4;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.357rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.357rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.357rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.357rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.357rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.357rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.357rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.357rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.357rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.357rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1440px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 0.357rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 0.357rem;
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: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
color: rgb(44.92, 60.76, 124.48);
background-color: rgb(199, 205.72, 238.48);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: rgb(44.92, 60.76, 124.48);
background-color: rgb(179.3088803089, 188.3918146718, 232.6711196911);
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: rgb(44.92, 60.76, 124.48);
border-color: rgb(44.92, 60.76, 124.48);
}
.list-group-item-secondary {
color: rgb(83.92, 89.36, 94.84);
background-color: rgb(220, 221.12, 222.52);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: rgb(83.92, 89.36, 94.84);
background-color: rgb(206.7738589212, 208.3170954357, 210.2461410788);
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: rgb(83.92, 89.36, 94.84);
border-color: rgb(83.92, 89.36, 94.84);
}
.list-group-item-success {
color: rgb(37.12, 123.16, 80.28);
background-color: rgb(194.8, 239.32, 214.68);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: rgb(37.12, 123.16, 80.28);
background-color: rgb(174.5693726937, 234.0506273063, 201.1301845018);
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: rgb(37.12, 123.16, 80.28);
border-color: rgb(37.12, 123.16, 80.28);
}
.list-group-item-info {
color: rgb(16.32, 127.32, 143.2);
background-color: rgb(183.6, 241.56, 248.56);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: rgb(16.32, 127.32, 143.2);
background-color: rgb(160.2097122302, 237.1571223022, 246.4502877698);
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: rgb(16.32, 127.32, 143.2);
border-color: rgb(16.32, 127.32, 143.2);
}
.list-group-item-warning {
color: rgb(148.92, 102.36, 57.4);
background-color: rgb(255, 228.12, 202.36);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: rgb(148.92, 102.36, 57.4);
background-color: rgb(255, 215.0987234043, 176.86);
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: rgb(148.92, 102.36, 57.4);
border-color: rgb(148.92, 102.36, 57.4);
}
.list-group-item-danger {
color: rgb(138, 63.36, 66.76);
background-color: rgb(249.12, 207.12, 207.4);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: rgb(138, 63.36, 66.76);
background-color: rgb(246.3309375, 184.4090625, 184.821875);
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: rgb(138, 63.36, 66.76);
border-color: rgb(138, 63.36, 66.76);
}
.list-group-item-light {
color: rgb(144.24, 147.6, 150.48);
background-color: rgb(252.48, 252.48, 252.48);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: rgb(144.24, 147.6, 150.48);
background-color: rgb(239.73, 239.73, 239.73);
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: rgb(144.24, 147.6, 150.48);
border-color: rgb(144.24, 147.6, 150.48);
}
.list-group-item-dark {
color: rgb(55.32, 58.68, 61.56);
background-color: rgb(204.6, 204.6, 204.6);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: rgb(55.32, 58.68, 61.56);
background-color: rgb(191.85, 191.85, 191.85);
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: rgb(55.32, 58.68, 61.56);
border-color: rgb(55.32, 58.68, 61.56);
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
color: #22292f;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
}
.close:hover {
color: #22292f;
text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: 0.75;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
}
a.close.disabled {
pointer-events: none;
}
.toast {
flex-basis: 380px;
max-width: 380px;
font-size: 0.857rem;
color: #6e6b7b;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 0 solid rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 20px 0 rgba(34, 41, 47, 0.08);
opacity: 0;
border-radius: 0.286rem;
}
.toast:not(:last-child) {
margin-bottom: 1.14rem;
}
.toast.showing {
opacity: 1;
}
.toast.show {
display: block;
opacity: 1;
}
.toast.hide {
display: none;
}
.toast-header {
display: flex;
align-items: center;
padding: 0.5rem 1.14rem;
color: #6e6b7b;
background-color: #fff;
background-clip: padding-box;
border-bottom: 0 solid rgba(0, 0, 0, 0.05);
border-top-left-radius: 0.286rem;
border-top-right-radius: 0.286rem;
}
.toast-body {
padding: 1.14rem;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: min-content;
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 0 solid rgba(34, 41, 47, 0.2);
border-radius: 0.357rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #22292f;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0.8rem 1.4rem;
border-bottom: 0 solid #ebe9f1;
border-top-left-radius: 0.357rem;
border-top-right-radius: 0.357rem;
}
.modal-header .close {
padding: 0.8rem 1.4rem;
margin: -0.8rem -1.4rem -0.8rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.45;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 0.8rem 1.4rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.8rem 1.4rem-0.25rem;
border-top: 1px solid rgba(34, 41, 47, 0.05);
border-bottom-right-radius: 0.357rem;
border-bottom-left-radius: 0.357rem;
}
.modal-footer > * {
margin: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: min-content;
}
.modal-sm {
max-width: 400px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 94%;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: "Montserrat", Helvetica, Arial, serif;
font-style: normal;
font-weight: 400;
line-height: 1.45;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.857rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 1;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #323232;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #323232;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #323232;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #323232;
}
.tooltip-inner {
max-width: 220px;
padding: 0.4rem 0.775rem;
color: #fff;
text-align: center;
background-color: #323232;
border-radius: 0.358rem;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: "Montserrat", Helvetica, Arial, serif;
font-style: normal;
font-weight: 400;
line-height: 1.45;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 1rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 0 solid #ebe9f1;
border-radius: 0.358rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.358rem;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
bottom: -0.5rem;
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: #ebe9f1;
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^=right] {
margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
left: -0.5rem;
width: 0.5rem;
height: 1rem;
margin: 0.358rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #ebe9f1;
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
top: -0.5rem;
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #ebe9f1;
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 0 solid #374fc4;
}
.bs-popover-left, .bs-popover-auto[x-placement^=left] {
margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
right: -0.5rem;
width: 0.5rem;
height: 1rem;
margin: 0.358rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #ebe9f1;
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.65rem 1.21rem;
margin-bottom: 0;
font-size: 1rem;
color: #fff;
background-color: #374fc4;
border-bottom: 0 solid rgb(49.4123505976, 70.9741035857, 176.0876494024);
border-top-left-radius: 0.358rem;
border-top-right-radius: 0.358rem;
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.65rem 1.21rem;
color: #6e6b7b;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 1.43rem;
height: 1.43rem;
background: 50%/100% 100% no-repeat;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2224%22%2C%0A%20%20height%3A%20%2224%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2224%22%2C%0A%20%20height%3A%20%2224%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
animation-duration: 1.5s;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #374fc4 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: rgb(43.8247011952, 62.9482071713, 156.1752988048) !important;
}
.bg-secondary {
background-color: #82868b !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: rgb(104.9294605809, 108.5477178423, 113.0705394191) !important;
}
.bg-success {
background-color: #28c76f !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: rgb(31.4644351464, 156.5355648536, 87.3138075314) !important;
}
.bg-info {
background-color: #00cfe8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: rgb(0, 161.4956896552, 181) !important;
}
.bg-warning {
background-color: #ff9f43 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: rgb(255, 132.9574468085, 16) !important;
}
.bg-danger {
background-color: #ea5455 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: rgb(228.421875, 38.578125, 39.84375) !important;
}
.bg-light {
background-color: #f6f6f6 !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: rgb(220.5, 220.5, 220.5) !important;
}
.bg-dark {
background-color: #4b4b4b !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: rgb(49.5, 49.5, 49.5) !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #ebe9f1 !important;
}
.border-top {
border-top: 1px solid #ebe9f1 !important;
}
.border-right {
border-right: 1px solid #ebe9f1 !important;
}
.border-bottom {
border-bottom: 1px solid #ebe9f1 !important;
}
.border-left {
border-left: 1px solid #ebe9f1 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #374fc4 !important;
}
.border-secondary {
border-color: #82868b !important;
}
.border-success {
border-color: #28c76f !important;
}
.border-info {
border-color: #00cfe8 !important;
}
.border-warning {
border-color: #ff9f43 !important;
}
.border-danger {
border-color: #ea5455 !important;
}
.border-light {
border-color: #f6f6f6 !important;
}
.border-dark {
border-color: #4b4b4b !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 0.25rem !important;
}
.rounded {
border-radius: 0.357rem !important;
}
.rounded-top {
border-top-left-radius: 0.357rem !important;
border-top-right-radius: 0.357rem !important;
}
.rounded-right {
border-top-right-radius: 0.357rem !important;
border-bottom-right-radius: 0.357rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.357rem !important;
border-bottom-left-radius: 0.357rem !important;
}
.rounded-left {
border-top-left-radius: 0.357rem !important;
border-bottom-left-radius: 0.357rem !important;
}
.rounded-lg {
border-radius: 0.6rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1440px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1440px) {
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
@media (min-width: 1440px) {
.float-xxl-left {
float: left !important;
}
.float-xxl-right {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
}
.user-select-all {
user-select: all !important;
}
.user-select-auto {
user-select: auto !important;
}
.user-select-none {
user-select: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(34, 41, 47, 0.075) !important;
}
.shadow {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(34, 41, 47, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 1rem !important;
}
.mt-1,
.my-1 {
margin-top: 1rem !important;
}
.mr-1,
.mx-1 {
margin-right: 1rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 1rem !important;
}
.ml-1,
.mx-1 {
margin-left: 1rem !important;
}
.m-2 {
margin: 1.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 1.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 1.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 1.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 1.5rem !important;
}
.m-3 {
margin: 3rem !important;
}
.mt-3,
.my-3 {
margin-top: 3rem !important;
}
.mr-3,
.mx-3 {
margin-right: 3rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 3rem !important;
}
.ml-3,
.mx-3 {
margin-left: 3rem !important;
}
.m-4 {
margin: 3.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 3.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 3.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 3.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 3.5rem !important;
}
.m-5 {
margin: 4rem !important;
}
.mt-5,
.my-5 {
margin-top: 4rem !important;
}
.mr-5,
.mx-5 {
margin-right: 4rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 4rem !important;
}
.ml-5,
.mx-5 {
margin-left: 4rem !important;
}
.m-25 {
margin: 0.25rem !important;
}
.mt-25,
.my-25 {
margin-top: 0.25rem !important;
}
.mr-25,
.mx-25 {
margin-right: 0.25rem !important;
}
.mb-25,
.my-25 {
margin-bottom: 0.25rem !important;
}
.ml-25,
.mx-25 {
margin-left: 0.25rem !important;
}
.m-50 {
margin: 0.5rem !important;
}
.mt-50,
.my-50 {
margin-top: 0.5rem !important;
}
.mr-50,
.mx-50 {
margin-right: 0.5rem !important;
}
.mb-50,
.my-50 {
margin-bottom: 0.5rem !important;
}
.ml-50,
.mx-50 {
margin-left: 0.5rem !important;
}
.m-75 {
margin: 0.75rem !important;
}
.mt-75,
.my-75 {
margin-top: 0.75rem !important;
}
.mr-75,
.mx-75 {
margin-right: 0.75rem !important;
}
.mb-75,
.my-75 {
margin-bottom: 0.75rem !important;
}
.ml-75,
.mx-75 {
margin-left: 0.75rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 1rem !important;
}
.pt-1,
.py-1 {
padding-top: 1rem !important;
}
.pr-1,
.px-1 {
padding-right: 1rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 1rem !important;
}
.pl-1,
.px-1 {
padding-left: 1rem !important;
}
.p-2 {
padding: 1.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 1.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 1.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 1.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 1.5rem !important;
}
.p-3 {
padding: 3rem !important;
}
.pt-3,
.py-3 {
padding-top: 3rem !important;
}
.pr-3,
.px-3 {
padding-right: 3rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 3rem !important;
}
.pl-3,
.px-3 {
padding-left: 3rem !important;
}
.p-4 {
padding: 3.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 3.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 3.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 3.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 3.5rem !important;
}
.p-5 {
padding: 4rem !important;
}
.pt-5,
.py-5 {
padding-top: 4rem !important;
}
.pr-5,
.px-5 {
padding-right: 4rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 4rem !important;
}
.pl-5,
.px-5 {
padding-left: 4rem !important;
}
.p-25 {
padding: 0.25rem !important;
}
.pt-25,
.py-25 {
padding-top: 0.25rem !important;
}
.pr-25,
.px-25 {
padding-right: 0.25rem !important;
}
.pb-25,
.py-25 {
padding-bottom: 0.25rem !important;
}
.pl-25,
.px-25 {
padding-left: 0.25rem !important;
}
.p-50 {
padding: 0.5rem !important;
}
.pt-50,
.py-50 {
padding-top: 0.5rem !important;
}
.pr-50,
.px-50 {
padding-right: 0.5rem !important;
}
.pb-50,
.py-50 {
padding-bottom: 0.5rem !important;
}
.pl-50,
.px-50 {
padding-left: 0.5rem !important;
}
.p-75 {
padding: 0.75rem !important;
}
.pt-75,
.py-75 {
padding-top: 0.75rem !important;
}
.pr-75,
.px-75 {
padding-right: 0.75rem !important;
}
.pb-75,
.py-75 {
padding-bottom: 0.75rem !important;
}
.pl-75,
.px-75 {
padding-left: 0.75rem !important;
}
.m-n1 {
margin: -1rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -1rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -1rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -1rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -1rem !important;
}
.m-n2 {
margin: -1.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -1.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -1.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -1.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -1.5rem !important;
}
.m-n3 {
margin: -3rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -3rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -3rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -3rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -3rem !important;
}
.m-n4 {
margin: -3.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -3.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -3.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -3.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -3.5rem !important;
}
.m-n5 {
margin: -4rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -4rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -4rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -4rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -4rem !important;
}
.m-n25 {
margin: -0.25rem !important;
}
.mt-n25,
.my-n25 {
margin-top: -0.25rem !important;
}
.mr-n25,
.mx-n25 {
margin-right: -0.25rem !important;
}
.mb-n25,
.my-n25 {
margin-bottom: -0.25rem !important;
}
.ml-n25,
.mx-n25 {
margin-left: -0.25rem !important;
}
.m-n50 {
margin: -0.5rem !important;
}
.mt-n50,
.my-n50 {
margin-top: -0.5rem !important;
}
.mr-n50,
.mx-n50 {
margin-right: -0.5rem !important;
}
.mb-n50,
.my-n50 {
margin-bottom: -0.5rem !important;
}
.ml-n50,
.mx-n50 {
margin-left: -0.5rem !important;
}
.m-n75 {
margin: -0.75rem !important;
}
.mt-n75,
.my-n75 {
margin-top: -0.75rem !important;
}
.mr-n75,
.mx-n75 {
margin-right: -0.75rem !important;
}
.mb-n75,
.my-n75 {
margin-bottom: -0.75rem !important;
}
.ml-n75,
.mx-n75 {
margin-left: -0.75rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 1rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 1rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 1rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 1rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 1rem !important;
}
.m-sm-2 {
margin: 1.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 1.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 1.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 1.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 1.5rem !important;
}
.m-sm-3 {
margin: 3rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 3rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 3rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 3rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 3rem !important;
}
.m-sm-4 {
margin: 3.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 3.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 3.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 3.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 3.5rem !important;
}
.m-sm-5 {
margin: 4rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 4rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 4rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 4rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 4rem !important;
}
.m-sm-25 {
margin: 0.25rem !important;
}
.mt-sm-25,
.my-sm-25 {
margin-top: 0.25rem !important;
}
.mr-sm-25,
.mx-sm-25 {
margin-right: 0.25rem !important;
}
.mb-sm-25,
.my-sm-25 {
margin-bottom: 0.25rem !important;
}
.ml-sm-25,
.mx-sm-25 {
margin-left: 0.25rem !important;
}
.m-sm-50 {
margin: 0.5rem !important;
}
.mt-sm-50,
.my-sm-50 {
margin-top: 0.5rem !important;
}
.mr-sm-50,
.mx-sm-50 {
margin-right: 0.5rem !important;
}
.mb-sm-50,
.my-sm-50 {
margin-bottom: 0.5rem !important;
}
.ml-sm-50,
.mx-sm-50 {
margin-left: 0.5rem !important;
}
.m-sm-75 {
margin: 0.75rem !important;
}
.mt-sm-75,
.my-sm-75 {
margin-top: 0.75rem !important;
}
.mr-sm-75,
.mx-sm-75 {
margin-right: 0.75rem !important;
}
.mb-sm-75,
.my-sm-75 {
margin-bottom: 0.75rem !important;
}
.ml-sm-75,
.mx-sm-75 {
margin-left: 0.75rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 1rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 1rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 1rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 1rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 1rem !important;
}
.p-sm-2 {
padding: 1.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 1.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 1.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 1.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 1.5rem !important;
}
.p-sm-3 {
padding: 3rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 3rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 3rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 3rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 3rem !important;
}
.p-sm-4 {
padding: 3.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 3.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 3.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 3.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 3.5rem !important;
}
.p-sm-5 {
padding: 4rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 4rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 4rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 4rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 4rem !important;
}
.p-sm-25 {
padding: 0.25rem !important;
}
.pt-sm-25,
.py-sm-25 {
padding-top: 0.25rem !important;
}
.pr-sm-25,
.px-sm-25 {
padding-right: 0.25rem !important;
}
.pb-sm-25,
.py-sm-25 {
padding-bottom: 0.25rem !important;
}
.pl-sm-25,
.px-sm-25 {
padding-left: 0.25rem !important;
}
.p-sm-50 {
padding: 0.5rem !important;
}
.pt-sm-50,
.py-sm-50 {
padding-top: 0.5rem !important;
}
.pr-sm-50,
.px-sm-50 {
padding-right: 0.5rem !important;
}
.pb-sm-50,
.py-sm-50 {
padding-bottom: 0.5rem !important;
}
.pl-sm-50,
.px-sm-50 {
padding-left: 0.5rem !important;
}
.p-sm-75 {
padding: 0.75rem !important;
}
.pt-sm-75,
.py-sm-75 {
padding-top: 0.75rem !important;
}
.pr-sm-75,
.px-sm-75 {
padding-right: 0.75rem !important;
}
.pb-sm-75,
.py-sm-75 {
padding-bottom: 0.75rem !important;
}
.pl-sm-75,
.px-sm-75 {
padding-left: 0.75rem !important;
}
.m-sm-n1 {
margin: -1rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -1rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -1rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -1rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -1rem !important;
}
.m-sm-n2 {
margin: -1.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -1.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -1.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -1.5rem !important;
}
.m-sm-n3 {
margin: -3rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -3rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -3rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -3rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -3rem !important;
}
.m-sm-n4 {
margin: -3.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -3.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -3.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -3.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -3.5rem !important;
}
.m-sm-n5 {
margin: -4rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -4rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -4rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -4rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -4rem !important;
}
.m-sm-n25 {
margin: -0.25rem !important;
}
.mt-sm-n25,
.my-sm-n25 {
margin-top: -0.25rem !important;
}
.mr-sm-n25,
.mx-sm-n25 {
margin-right: -0.25rem !important;
}
.mb-sm-n25,
.my-sm-n25 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n25,
.mx-sm-n25 {
margin-left: -0.25rem !important;
}
.m-sm-n50 {
margin: -0.5rem !important;
}
.mt-sm-n50,
.my-sm-n50 {
margin-top: -0.5rem !important;
}
.mr-sm-n50,
.mx-sm-n50 {
margin-right: -0.5rem !important;
}
.mb-sm-n50,
.my-sm-n50 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n50,
.mx-sm-n50 {
margin-left: -0.5rem !important;
}
.m-sm-n75 {
margin: -0.75rem !important;
}
.mt-sm-n75,
.my-sm-n75 {
margin-top: -0.75rem !important;
}
.mr-sm-n75,
.mx-sm-n75 {
margin-right: -0.75rem !important;
}
.mb-sm-n75,
.my-sm-n75 {
margin-bottom: -0.75rem !important;
}
.ml-sm-n75,
.mx-sm-n75 {
margin-left: -0.75rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 1rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 1rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 1rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 1rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 1rem !important;
}
.m-md-2 {
margin: 1.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 1.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 1.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 1.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 1.5rem !important;
}
.m-md-3 {
margin: 3rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 3rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 3rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 3rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 3rem !important;
}
.m-md-4 {
margin: 3.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 3.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 3.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 3.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 3.5rem !important;
}
.m-md-5 {
margin: 4rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 4rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 4rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 4rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 4rem !important;
}
.m-md-25 {
margin: 0.25rem !important;
}
.mt-md-25,
.my-md-25 {
margin-top: 0.25rem !important;
}
.mr-md-25,
.mx-md-25 {
margin-right: 0.25rem !important;
}
.mb-md-25,
.my-md-25 {
margin-bottom: 0.25rem !important;
}
.ml-md-25,
.mx-md-25 {
margin-left: 0.25rem !important;
}
.m-md-50 {
margin: 0.5rem !important;
}
.mt-md-50,
.my-md-50 {
margin-top: 0.5rem !important;
}
.mr-md-50,
.mx-md-50 {
margin-right: 0.5rem !important;
}
.mb-md-50,
.my-md-50 {
margin-bottom: 0.5rem !important;
}
.ml-md-50,
.mx-md-50 {
margin-left: 0.5rem !important;
}
.m-md-75 {
margin: 0.75rem !important;
}
.mt-md-75,
.my-md-75 {
margin-top: 0.75rem !important;
}
.mr-md-75,
.mx-md-75 {
margin-right: 0.75rem !important;
}
.mb-md-75,
.my-md-75 {
margin-bottom: 0.75rem !important;
}
.ml-md-75,
.mx-md-75 {
margin-left: 0.75rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 1rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 1rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 1rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 1rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 1rem !important;
}
.p-md-2 {
padding: 1.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 1.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 1.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 1.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 1.5rem !important;
}
.p-md-3 {
padding: 3rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 3rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 3rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 3rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 3rem !important;
}
.p-md-4 {
padding: 3.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 3.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 3.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 3.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 3.5rem !important;
}
.p-md-5 {
padding: 4rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 4rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 4rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 4rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 4rem !important;
}
.p-md-25 {
padding: 0.25rem !important;
}
.pt-md-25,
.py-md-25 {
padding-top: 0.25rem !important;
}
.pr-md-25,
.px-md-25 {
padding-right: 0.25rem !important;
}
.pb-md-25,
.py-md-25 {
padding-bottom: 0.25rem !important;
}
.pl-md-25,
.px-md-25 {
padding-left: 0.25rem !important;
}
.p-md-50 {
padding: 0.5rem !important;
}
.pt-md-50,
.py-md-50 {
padding-top: 0.5rem !important;
}
.pr-md-50,
.px-md-50 {
padding-right: 0.5rem !important;
}
.pb-md-50,
.py-md-50 {
padding-bottom: 0.5rem !important;
}
.pl-md-50,
.px-md-50 {
padding-left: 0.5rem !important;
}
.p-md-75 {
padding: 0.75rem !important;
}
.pt-md-75,
.py-md-75 {
padding-top: 0.75rem !important;
}
.pr-md-75,
.px-md-75 {
padding-right: 0.75rem !important;
}
.pb-md-75,
.py-md-75 {
padding-bottom: 0.75rem !important;
}
.pl-md-75,
.px-md-75 {
padding-left: 0.75rem !important;
}
.m-md-n1 {
margin: -1rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -1rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -1rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -1rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -1rem !important;
}
.m-md-n2 {
margin: -1.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -1.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -1.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -1.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -1.5rem !important;
}
.m-md-n3 {
margin: -3rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -3rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -3rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -3rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -3rem !important;
}
.m-md-n4 {
margin: -3.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -3.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -3.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -3.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -3.5rem !important;
}
.m-md-n5 {
margin: -4rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -4rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -4rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -4rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -4rem !important;
}
.m-md-n25 {
margin: -0.25rem !important;
}
.mt-md-n25,
.my-md-n25 {
margin-top: -0.25rem !important;
}
.mr-md-n25,
.mx-md-n25 {
margin-right: -0.25rem !important;
}
.mb-md-n25,
.my-md-n25 {
margin-bottom: -0.25rem !important;
}
.ml-md-n25,
.mx-md-n25 {
margin-left: -0.25rem !important;
}
.m-md-n50 {
margin: -0.5rem !important;
}
.mt-md-n50,
.my-md-n50 {
margin-top: -0.5rem !important;
}
.mr-md-n50,
.mx-md-n50 {
margin-right: -0.5rem !important;
}
.mb-md-n50,
.my-md-n50 {
margin-bottom: -0.5rem !important;
}
.ml-md-n50,
.mx-md-n50 {
margin-left: -0.5rem !important;
}
.m-md-n75 {
margin: -0.75rem !important;
}
.mt-md-n75,
.my-md-n75 {
margin-top: -0.75rem !important;
}
.mr-md-n75,
.mx-md-n75 {
margin-right: -0.75rem !important;
}
.mb-md-n75,
.my-md-n75 {
margin-bottom: -0.75rem !important;
}
.ml-md-n75,
.mx-md-n75 {
margin-left: -0.75rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 1rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 1rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 1rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 1rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 1rem !important;
}
.m-lg-2 {
margin: 1.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 1.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 1.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 1.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 1.5rem !important;
}
.m-lg-3 {
margin: 3rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 3rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 3rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 3rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 3rem !important;
}
.m-lg-4 {
margin: 3.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 3.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 3.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 3.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 3.5rem !important;
}
.m-lg-5 {
margin: 4rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 4rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 4rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 4rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 4rem !important;
}
.m-lg-25 {
margin: 0.25rem !important;
}
.mt-lg-25,
.my-lg-25 {
margin-top: 0.25rem !important;
}
.mr-lg-25,
.mx-lg-25 {
margin-right: 0.25rem !important;
}
.mb-lg-25,
.my-lg-25 {
margin-bottom: 0.25rem !important;
}
.ml-lg-25,
.mx-lg-25 {
margin-left: 0.25rem !important;
}
.m-lg-50 {
margin: 0.5rem !important;
}
.mt-lg-50,
.my-lg-50 {
margin-top: 0.5rem !important;
}
.mr-lg-50,
.mx-lg-50 {
margin-right: 0.5rem !important;
}
.mb-lg-50,
.my-lg-50 {
margin-bottom: 0.5rem !important;
}
.ml-lg-50,
.mx-lg-50 {
margin-left: 0.5rem !important;
}
.m-lg-75 {
margin: 0.75rem !important;
}
.mt-lg-75,
.my-lg-75 {
margin-top: 0.75rem !important;
}
.mr-lg-75,
.mx-lg-75 {
margin-right: 0.75rem !important;
}
.mb-lg-75,
.my-lg-75 {
margin-bottom: 0.75rem !important;
}
.ml-lg-75,
.mx-lg-75 {
margin-left: 0.75rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 1rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 1rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 1rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 1rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 1rem !important;
}
.p-lg-2 {
padding: 1.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 1.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 1.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 1.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 1.5rem !important;
}
.p-lg-3 {
padding: 3rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 3rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 3rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 3rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 3rem !important;
}
.p-lg-4 {
padding: 3.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 3.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 3.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 3.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 3.5rem !important;
}
.p-lg-5 {
padding: 4rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 4rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 4rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 4rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 4rem !important;
}
.p-lg-25 {
padding: 0.25rem !important;
}
.pt-lg-25,
.py-lg-25 {
padding-top: 0.25rem !important;
}
.pr-lg-25,
.px-lg-25 {
padding-right: 0.25rem !important;
}
.pb-lg-25,
.py-lg-25 {
padding-bottom: 0.25rem !important;
}
.pl-lg-25,
.px-lg-25 {
padding-left: 0.25rem !important;
}
.p-lg-50 {
padding: 0.5rem !important;
}
.pt-lg-50,
.py-lg-50 {
padding-top: 0.5rem !important;
}
.pr-lg-50,
.px-lg-50 {
padding-right: 0.5rem !important;
}
.pb-lg-50,
.py-lg-50 {
padding-bottom: 0.5rem !important;
}
.pl-lg-50,
.px-lg-50 {
padding-left: 0.5rem !important;
}
.p-lg-75 {
padding: 0.75rem !important;
}
.pt-lg-75,
.py-lg-75 {
padding-top: 0.75rem !important;
}
.pr-lg-75,
.px-lg-75 {
padding-right: 0.75rem !important;
}
.pb-lg-75,
.py-lg-75 {
padding-bottom: 0.75rem !important;
}
.pl-lg-75,
.px-lg-75 {
padding-left: 0.75rem !important;
}
.m-lg-n1 {
margin: -1rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -1rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -1rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -1rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -1rem !important;
}
.m-lg-n2 {
margin: -1.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -1.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -1.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -1.5rem !important;
}
.m-lg-n3 {
margin: -3rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -3rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -3rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -3rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -3rem !important;
}
.m-lg-n4 {
margin: -3.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -3.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -3.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -3.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -3.5rem !important;
}
.m-lg-n5 {
margin: -4rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -4rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -4rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -4rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -4rem !important;
}
.m-lg-n25 {
margin: -0.25rem !important;
}
.mt-lg-n25,
.my-lg-n25 {
margin-top: -0.25rem !important;
}
.mr-lg-n25,
.mx-lg-n25 {
margin-right: -0.25rem !important;
}
.mb-lg-n25,
.my-lg-n25 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n25,
.mx-lg-n25 {
margin-left: -0.25rem !important;
}
.m-lg-n50 {
margin: -0.5rem !important;
}
.mt-lg-n50,
.my-lg-n50 {
margin-top: -0.5rem !important;
}
.mr-lg-n50,
.mx-lg-n50 {
margin-right: -0.5rem !important;
}
.mb-lg-n50,
.my-lg-n50 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n50,
.mx-lg-n50 {
margin-left: -0.5rem !important;
}
.m-lg-n75 {
margin: -0.75rem !important;
}
.mt-lg-n75,
.my-lg-n75 {
margin-top: -0.75rem !important;
}
.mr-lg-n75,
.mx-lg-n75 {
margin-right: -0.75rem !important;
}
.mb-lg-n75,
.my-lg-n75 {
margin-bottom: -0.75rem !important;
}
.ml-lg-n75,
.mx-lg-n75 {
margin-left: -0.75rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 1rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 1rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 1rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 1rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 1rem !important;
}
.m-xl-2 {
margin: 1.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 1.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 1.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 1.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 1.5rem !important;
}
.m-xl-3 {
margin: 3rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 3rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 3rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 3rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 3rem !important;
}
.m-xl-4 {
margin: 3.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 3.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 3.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 3.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 3.5rem !important;
}
.m-xl-5 {
margin: 4rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 4rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 4rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 4rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 4rem !important;
}
.m-xl-25 {
margin: 0.25rem !important;
}
.mt-xl-25,
.my-xl-25 {
margin-top: 0.25rem !important;
}
.mr-xl-25,
.mx-xl-25 {
margin-right: 0.25rem !important;
}
.mb-xl-25,
.my-xl-25 {
margin-bottom: 0.25rem !important;
}
.ml-xl-25,
.mx-xl-25 {
margin-left: 0.25rem !important;
}
.m-xl-50 {
margin: 0.5rem !important;
}
.mt-xl-50,
.my-xl-50 {
margin-top: 0.5rem !important;
}
.mr-xl-50,
.mx-xl-50 {
margin-right: 0.5rem !important;
}
.mb-xl-50,
.my-xl-50 {
margin-bottom: 0.5rem !important;
}
.ml-xl-50,
.mx-xl-50 {
margin-left: 0.5rem !important;
}
.m-xl-75 {
margin: 0.75rem !important;
}
.mt-xl-75,
.my-xl-75 {
margin-top: 0.75rem !important;
}
.mr-xl-75,
.mx-xl-75 {
margin-right: 0.75rem !important;
}
.mb-xl-75,
.my-xl-75 {
margin-bottom: 0.75rem !important;
}
.ml-xl-75,
.mx-xl-75 {
margin-left: 0.75rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 1rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 1rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 1rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 1rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 1rem !important;
}
.p-xl-2 {
padding: 1.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 1.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 1.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 1.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 1.5rem !important;
}
.p-xl-3 {
padding: 3rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 3rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 3rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 3rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 3rem !important;
}
.p-xl-4 {
padding: 3.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 3.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 3.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 3.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 3.5rem !important;
}
.p-xl-5 {
padding: 4rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 4rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 4rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 4rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 4rem !important;
}
.p-xl-25 {
padding: 0.25rem !important;
}
.pt-xl-25,
.py-xl-25 {
padding-top: 0.25rem !important;
}
.pr-xl-25,
.px-xl-25 {
padding-right: 0.25rem !important;
}
.pb-xl-25,
.py-xl-25 {
padding-bottom: 0.25rem !important;
}
.pl-xl-25,
.px-xl-25 {
padding-left: 0.25rem !important;
}
.p-xl-50 {
padding: 0.5rem !important;
}
.pt-xl-50,
.py-xl-50 {
padding-top: 0.5rem !important;
}
.pr-xl-50,
.px-xl-50 {
padding-right: 0.5rem !important;
}
.pb-xl-50,
.py-xl-50 {
padding-bottom: 0.5rem !important;
}
.pl-xl-50,
.px-xl-50 {
padding-left: 0.5rem !important;
}
.p-xl-75 {
padding: 0.75rem !important;
}
.pt-xl-75,
.py-xl-75 {
padding-top: 0.75rem !important;
}
.pr-xl-75,
.px-xl-75 {
padding-right: 0.75rem !important;
}
.pb-xl-75,
.py-xl-75 {
padding-bottom: 0.75rem !important;
}
.pl-xl-75,
.px-xl-75 {
padding-left: 0.75rem !important;
}
.m-xl-n1 {
margin: -1rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -1rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -1rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -1rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -1rem !important;
}
.m-xl-n2 {
margin: -1.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -1.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -1.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -1.5rem !important;
}
.m-xl-n3 {
margin: -3rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -3rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -3rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -3rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -3rem !important;
}
.m-xl-n4 {
margin: -3.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -3.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -3.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -3.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -3.5rem !important;
}
.m-xl-n5 {
margin: -4rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -4rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -4rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -4rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -4rem !important;
}
.m-xl-n25 {
margin: -0.25rem !important;
}
.mt-xl-n25,
.my-xl-n25 {
margin-top: -0.25rem !important;
}
.mr-xl-n25,
.mx-xl-n25 {
margin-right: -0.25rem !important;
}
.mb-xl-n25,
.my-xl-n25 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n25,
.mx-xl-n25 {
margin-left: -0.25rem !important;
}
.m-xl-n50 {
margin: -0.5rem !important;
}
.mt-xl-n50,
.my-xl-n50 {
margin-top: -0.5rem !important;
}
.mr-xl-n50,
.mx-xl-n50 {
margin-right: -0.5rem !important;
}
.mb-xl-n50,
.my-xl-n50 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n50,
.mx-xl-n50 {
margin-left: -0.5rem !important;
}
.m-xl-n75 {
margin: -0.75rem !important;
}
.mt-xl-n75,
.my-xl-n75 {
margin-top: -0.75rem !important;
}
.mr-xl-n75,
.mx-xl-n75 {
margin-right: -0.75rem !important;
}
.mb-xl-n75,
.my-xl-n75 {
margin-bottom: -0.75rem !important;
}
.ml-xl-n75,
.mx-xl-n75 {
margin-left: -0.75rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 1440px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 1rem !important;
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: 1rem !important;
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 1rem !important;
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 1rem !important;
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 1rem !important;
}
.m-xxl-2 {
margin: 1.5rem !important;
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: 1.5rem !important;
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 1.5rem !important;
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 1.5rem !important;
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 1.5rem !important;
}
.m-xxl-3 {
margin: 3rem !important;
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 3rem !important;
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 3rem !important;
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 3rem !important;
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 3rem !important;
}
.m-xxl-4 {
margin: 3.5rem !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 3.5rem !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 3.5rem !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 3.5rem !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 3.5rem !important;
}
.m-xxl-5 {
margin: 4rem !important;
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 4rem !important;
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 4rem !important;
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 4rem !important;
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 4rem !important;
}
.m-xxl-25 {
margin: 0.25rem !important;
}
.mt-xxl-25,
.my-xxl-25 {
margin-top: 0.25rem !important;
}
.mr-xxl-25,
.mx-xxl-25 {
margin-right: 0.25rem !important;
}
.mb-xxl-25,
.my-xxl-25 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-25,
.mx-xxl-25 {
margin-left: 0.25rem !important;
}
.m-xxl-50 {
margin: 0.5rem !important;
}
.mt-xxl-50,
.my-xxl-50 {
margin-top: 0.5rem !important;
}
.mr-xxl-50,
.mx-xxl-50 {
margin-right: 0.5rem !important;
}
.mb-xxl-50,
.my-xxl-50 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-50,
.mx-xxl-50 {
margin-left: 0.5rem !important;
}
.m-xxl-75 {
margin: 0.75rem !important;
}
.mt-xxl-75,
.my-xxl-75 {
margin-top: 0.75rem !important;
}
.mr-xxl-75,
.mx-xxl-75 {
margin-right: 0.75rem !important;
}
.mb-xxl-75,
.my-xxl-75 {
margin-bottom: 0.75rem !important;
}
.ml-xxl-75,
.mx-xxl-75 {
margin-left: 0.75rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 1rem !important;
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: 1rem !important;
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: 1rem !important;
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 1rem !important;
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: 1rem !important;
}
.p-xxl-2 {
padding: 1.5rem !important;
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: 1.5rem !important;
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: 1.5rem !important;
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 1.5rem !important;
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: 1.5rem !important;
}
.p-xxl-3 {
padding: 3rem !important;
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 3rem !important;
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 3rem !important;
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 3rem !important;
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 3rem !important;
}
.p-xxl-4 {
padding: 3.5rem !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 3.5rem !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 3.5rem !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 3.5rem !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 3.5rem !important;
}
.p-xxl-5 {
padding: 4rem !important;
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 4rem !important;
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 4rem !important;
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 4rem !important;
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 4rem !important;
}
.p-xxl-25 {
padding: 0.25rem !important;
}
.pt-xxl-25,
.py-xxl-25 {
padding-top: 0.25rem !important;
}
.pr-xxl-25,
.px-xxl-25 {
padding-right: 0.25rem !important;
}
.pb-xxl-25,
.py-xxl-25 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-25,
.px-xxl-25 {
padding-left: 0.25rem !important;
}
.p-xxl-50 {
padding: 0.5rem !important;
}
.pt-xxl-50,
.py-xxl-50 {
padding-top: 0.5rem !important;
}
.pr-xxl-50,
.px-xxl-50 {
padding-right: 0.5rem !important;
}
.pb-xxl-50,
.py-xxl-50 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-50,
.px-xxl-50 {
padding-left: 0.5rem !important;
}
.p-xxl-75 {
padding: 0.75rem !important;
}
.pt-xxl-75,
.py-xxl-75 {
padding-top: 0.75rem !important;
}
.pr-xxl-75,
.px-xxl-75 {
padding-right: 0.75rem !important;
}
.pb-xxl-75,
.py-xxl-75 {
padding-bottom: 0.75rem !important;
}
.pl-xxl-75,
.px-xxl-75 {
padding-left: 0.75rem !important;
}
.m-xxl-n1 {
margin: -1rem !important;
}
.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -1rem !important;
}
.mr-xxl-n1,
.mx-xxl-n1 {
margin-right: -1rem !important;
}
.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -1rem !important;
}
.ml-xxl-n1,
.mx-xxl-n1 {
margin-left: -1rem !important;
}
.m-xxl-n2 {
margin: -1.5rem !important;
}
.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -1.5rem !important;
}
.mr-xxl-n2,
.mx-xxl-n2 {
margin-right: -1.5rem !important;
}
.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -1.5rem !important;
}
.ml-xxl-n2,
.mx-xxl-n2 {
margin-left: -1.5rem !important;
}
.m-xxl-n3 {
margin: -3rem !important;
}
.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -3rem !important;
}
.mr-xxl-n3,
.mx-xxl-n3 {
margin-right: -3rem !important;
}
.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -3rem !important;
}
.ml-xxl-n3,
.mx-xxl-n3 {
margin-left: -3rem !important;
}
.m-xxl-n4 {
margin: -3.5rem !important;
}
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -3.5rem !important;
}
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -3.5rem !important;
}
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -3.5rem !important;
}
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -3.5rem !important;
}
.m-xxl-n5 {
margin: -4rem !important;
}
.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -4rem !important;
}
.mr-xxl-n5,
.mx-xxl-n5 {
margin-right: -4rem !important;
}
.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -4rem !important;
}
.ml-xxl-n5,
.mx-xxl-n5 {
margin-left: -4rem !important;
}
.m-xxl-n25 {
margin: -0.25rem !important;
}
.mt-xxl-n25,
.my-xxl-n25 {
margin-top: -0.25rem !important;
}
.mr-xxl-n25,
.mx-xxl-n25 {
margin-right: -0.25rem !important;
}
.mb-xxl-n25,
.my-xxl-n25 {
margin-bottom: -0.25rem !important;
}
.ml-xxl-n25,
.mx-xxl-n25 {
margin-left: -0.25rem !important;
}
.m-xxl-n50 {
margin: -0.5rem !important;
}
.mt-xxl-n50,
.my-xxl-n50 {
margin-top: -0.5rem !important;
}
.mr-xxl-n50,
.mx-xxl-n50 {
margin-right: -0.5rem !important;
}
.mb-xxl-n50,
.my-xxl-n50 {
margin-bottom: -0.5rem !important;
}
.ml-xxl-n50,
.mx-xxl-n50 {
margin-left: -0.5rem !important;
}
.m-xxl-n75 {
margin: -0.75rem !important;
}
.mt-xxl-n75,
.my-xxl-n75 {
margin-top: -0.75rem !important;
}
.mr-xxl-n75,
.mx-xxl-n75 {
margin-right: -0.75rem !important;
}
.mb-xxl-n75,
.my-xxl-n75 {
margin-bottom: -0.75rem !important;
}
.ml-xxl-n75,
.mx-xxl-n75 {
margin-left: -0.75rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
font-family: "Montserrat", Helvetica, Arial, serif !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1440px) {
.text-xxl-left {
text-align: left !important;
}
.text-xxl-right {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 500 !important;
}
.font-weight-bolder {
font-weight: 600 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #374fc4 !important;
}
a.text-primary:hover, a.text-primary:focus {
color: rgb(38.2370517928, 54.922310757, 136.2629482072) !important;
}
.text-secondary {
color: #82868b !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: rgb(92.6556016598, 95.8506224066, 99.8443983402) !important;
}
.text-success {
color: #28c76f !important;
}
a.text-success:hover, a.text-success:focus {
color: rgb(27.1966527197, 135.3033472803, 75.4707112971) !important;
}
.text-info {
color: #00cfe8 !important;
}
a.text-info:hover, a.text-info:focus {
color: rgb(0, 138.7435344828, 155.5) !important;
}
.text-warning {
color: #ff9f43 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: rgb(245.5, 120.1382978723, 0) !important;
}
.text-danger {
color: #ea5455 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: rgb(215.0859375, 26.4140625, 27.671875) !important;
}
.text-light {
color: #f6f6f6 !important;
}
a.text-light:hover, a.text-light:focus {
color: rgb(207.75, 207.75, 207.75) !important;
}
.text-dark {
color: #4b4b4b !important;
}
a.text-dark:hover, a.text-dark:focus {
color: rgb(36.75, 36.75, 36.75) !important;
}
.text-body {
color: #6e6b7b !important;
}
.text-muted {
color: #b9b9c3 !important;
}
.text-black-50 {
color: rgba(34, 41, 47, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #22292f;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dae1e7 !important;
}
.table-dark {
color: inherit;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #ebe9f1;
}
.table .thead-dark th {
color: inherit;
border-color: #ebe9f1;
}
}
a:focus {
outline: none;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
.list-style-icons {
padding-left: 10px;
margin-left: 0;
list-style: none;
}
.list-style-icons > li svg,
.list-style-icons > li i {
margin-right: 6px;
}
.pull-up {
transition: all 0.25s ease;
}
.pull-up:hover {
transform: translateY(-4px) scale(1.02);
box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
z-index: 30;
}
.spinner {
display: inline-block;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner-reverse {
display: inline-block;
animation: spin-reverse 1s linear infinite;
}
@keyframes spin-reverse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.bullet {
width: 1rem;
height: 1rem;
border-radius: 50%;
display: inline-block;
}
.bullet.bullet-xs {
width: 0.5rem;
height: 0.5rem;
}
.bullet.bullet-sm {
width: 0.714rem;
height: 0.714rem;
}
.bullet.bullet-lg {
width: 1.25rem;
height: 1.25rem;
}
.section-label {
font-size: 0.85rem;
color: #b9b9c3;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.cell-fit {
width: 0.1%;
white-space: nowrap;
}
.match-height > [class*=col] {
display: flex;
flex-flow: column;
}
.match-height > [class*=col] > .card {
flex: 1 1 auto;
}
.text-body-heading {
color: #5e5873;
}
.text-body-heading:hover {
color: inherit !important;
}
.text-body[href]:hover {
color: shift-color(#374fc4, 5%) !important;
}
code {
padding: 0.1rem 0.4rem;
font-size: 90%;
color: #e83e8c;
background-color: #eee;
border-radius: 0.1785rem;
}
pre {
background-color: #f7f7f9;
}
pre code {
background-color: transparent !important;
}
.table-white-space th,
.table-white-space td {
white-space: nowrap;
}
.table thead th,
.table tfoot th {
vertical-align: top;
text-transform: uppercase;
font-size: 0.857rem;
letter-spacing: 0.5px;
}
.table.table-sm th,
.table.table-sm td {
padding: 0.3rem 0.5rem;
}
.table.table-sm th:first-child,
.table.table-sm td:first-child {
padding-left: 0.75rem;
}
.table.table-dark tr > * {
border-bottom-color: #3b4253 !important;
}
.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
background-color: #f3f2f7;
}
.table-hover tbody tr {
cursor: pointer;
}
.card .table {
margin-bottom: 0;
border-bottom-left-radius: 0.357rem;
border-bottom-right-radius: 0.357rem;
}
.card .table tbody tr:last-child > * {
border-bottom-width: 0;
}
.card .table tbody tr:last-child td:first-child {
border-bottom-left-radius: 0.357rem;
}
.card .table tbody tr:last-child td:last-child {
border-bottom-right-radius: 0.357rem;
}
.table.table-flush-spacing thead tr > td:first-child,
.table.table-flush-spacing tbody tr > td:first-child {
padding-left: 0;
}
.table.table-flush-spacing thead tr > td:last-child,
.table.table-flush-spacing tbody tr > td:last-child {
padding-right: 0;
}
.col-form-label,
.col-form-label-lg,
.col-form-label-sm {
font-size: 0.857rem;
align-self: center;
}
.form-control::placeholder {
transition: all 0.2s ease;
}
.form-control:focus::placeholder {
transform: translate(5px);
transition: all 0.2s ease;
}
.form-control:focus:valid, .form-control:focus.is-valid {
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}
.form-control-plaintext:focus {
outline: none;
}
textarea.form-control {
line-height: 1.6rem;
padding: 0.8rem 1rem !important;
}
textarea.form-control-sm {
padding: 0.4rem 0.857rem !important;
}
textarea.form-control-lg {
padding: 1rem 1.143rem !important;
}
.input-group:not(.bootstrap-touchspin):focus-within {
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
border-radius: 0.357rem;
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
border-color: #374fc4;
box-shadow: none;
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control.is-valid,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text.is-valid {
border-color: #28c76f;
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control.is-invalid,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text.is-invalid {
border-color: #ea5455;
}
.input-group.is-valid .input-group-text {
border-color: #28c76f !important;
}
.input-group.is-valid:not(.bootstrap-touchspin):focus-within .input-group-text {
border-color: #28c76f;
}
.input-group.is-invalid .input-group-text {
border-color: #ea5455 !important;
}
.input-group.is-invalid:not(.bootstrap-touchspin):focus-within .input-group-text {
border-color: #ea5455;
}
.input-group.disabled .input-group-text {
background-color: #efefef;
}
.input-group.round .form-control,
.input-group.round .input-group-text, .input-group.round:focus-within {
border-radius: 1.5rem;
}
.input-group.square .form-control,
.input-group.square .input-group-text, .input-group.square:focus-within {
border-radius: 0;
}
.input-group-text {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.input-group-text {
transition: none;
}
}
.input-group-merge .form-control:not(:first-child) {
padding-left: 0;
border-left: 0;
}
.input-group-merge .form-control:not(:last-child) {
padding-right: 0;
border-right: 0;
}
.input-group-merge .form-control.is-valid .input-group-text {
border-color: #28c76f;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked {
background-size: 65%;
}
.form-check:not(.form-switch) .form-check-input:disabled:not(:checked) {
background-color: #efefef;
border-color: #efefef;
opacity: 1;
}
/* Switches */
.form-switch {
position: relative;
/*For Switch Handle Animation*/
}
.form-switch .form-check-input {
height: 1.7rem;
}
.form-switch .form-check-input:checked {
box-shadow: none !important;
}
.form-switch .form-check-input {
border: none;
}
.form-switch .form-check-input:not(:checked) {
background-color: #e2e2e2;
}
.form-switch .form-check-input:active {
filter: none;
}
.form-switch .form-check-input:not(:disabled):checked, .form-switch .form-check-input:not(:disabled):focus {
box-shadow: none !important;
}
.form-switch .form-check-label {
line-height: 1.7rem;
/*For Switch text*/
}
.form-switch .form-check-label .switch-text-left,
.form-switch .form-check-label .switch-text-right,
.form-switch .form-check-label .switch-icon-left,
.form-switch .form-check-label .switch-icon-right {
position: absolute;
user-select: none;
line-height: 1.65;
}
.form-switch .form-check-label .switch-text-left i,
.form-switch .form-check-label .switch-text-left svg,
.form-switch .form-check-label .switch-text-right i,
.form-switch .form-check-label .switch-text-right svg,
.form-switch .form-check-label .switch-icon-left i,
.form-switch .form-check-label .switch-icon-left svg,
.form-switch .form-check-label .switch-icon-right i,
.form-switch .form-check-label .switch-icon-right svg {
height: 13px;
width: 13px;
font-size: 13px;
}
.form-switch .form-check-label .switch-text-left,
.form-switch .form-check-label .switch-icon-left {
left: 6px;
top: 0;
color: #fff;
opacity: 0;
transform: translateX(8px);
transition: opacity 0.1s ease, transform 0.15s ease;
}
.form-switch .form-check-label .switch-text-right,
.form-switch .form-check-label .switch-icon-right {
left: 25px;
top: 0;
opacity: 1;
transform: translateX(0px);
transition: opacity 0.08s ease, transform 0.15s ease;
}
.form-switch .form-check-label:focus {
outline: 0;
}
.form-switch .form-check-input:checked ~ .form-check-label::before {
box-shadow: none;
}
.form-switch .form-check-input:checked ~ .form-check-label::after {
transform: translateX(1.4rem);
}
.form-switch .form-check-input:checked ~ .form-check-label .switch-text-left,
.form-switch .form-check-input:checked ~ .form-check-label .switch-icon-left {
transform: translateX(0);
opacity: 1;
}
.form-switch .form-check-input:checked ~ .form-check-label .switch-text-right,
.form-switch .form-check-input:checked ~ .form-check-label .switch-icon-right {
transform: translateX(-8px);
opacity: 0;
}
.form-switch .form-check-input:not(:checked) ~ .form-check-label .switch-text-left {
opacity: 0;
}
.form-switch .form-check-input:not(:checked) ~ .form-check-label .switch-text-right {
opacity: 1;
}
.form-switch .form-check-input:checked ~ .form-check-label .switch-text-right {
opacity: 0;
}
.form-switch .form-check-input:checked ~ .form-check-label .switch-text-left {
opacity: 1;
}
.form-floating > .form-control:focus ~ label {
color: #374fc4;
}
.form-floating > label {
opacity: 0.65;
}
/* Textarea with Counter */
.textarea-counter-value {
background-color: #374fc4;
color: #fff;
padding: 1px 6px;
font-size: 0.6rem;
border-radius: 0 0 5px 5px;
margin-right: 1rem;
}
.btn.disabled-max-min,
.btn.disabled-max-min:focus,
.btn.disabled-max-min:active {
background-color: rgba(34, 41, 47, 0.5) !important;
cursor: default;
}
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down,
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up,
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down,
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
border-color: transparent !important;
}
/* Number Type Input Box Scss for - Remove arrow on hover */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.picker__input.form-control {
background-color: #fff;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-webkit-text-fill-color: #6e6b7b !important;
}
.btn {
box-shadow: none;
font-weight: 500;
}
.btn[class*=bg-gradient-] {
transition: all 0.2s ease;
}
.btn[class*=bg-gradient-]:hover {
transform: translateY(-2px);
}
.btn.btn-icon {
padding: 0.715rem 0.736rem;
}
.btn.btn-sm.btn-icon, .btn-group-sm > .btn.btn-icon {
padding: 0.5rem;
line-height: 0.5;
}
.btn.btn-lg.btn-icon, .btn-group-lg > .btn.btn-icon {
padding: 1rem;
line-height: 0.75;
}
.btn:focus, .btn.focus, .btn:active, .btn.active {
outline: none;
box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: none !important;
}
.btn .feather {
vertical-align: bottom;
}
.btn-check:checked + [class*=btn-], .btn-check:active + [class*=btn-] {
outline: none;
box-shadow: none;
}
.btn.waves-input-wrapper {
padding: 0;
}
.btn-pinned {
position: absolute;
top: 1.2rem;
right: 0.7rem;
}
@media (max-width: 991.98px) {
.btn-sm-block {
display: block;
width: 100%;
}
}
.waves-effect {
cursor: inherit;
}
.dropdown-toggle-split {
padding-right: 0.7894736842rem;
padding-left: 0.7894736842rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 1.1428571429rem;
padding-left: 1.1428571429rem;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.5263157895rem;
padding-left: 0.5263157895rem;
}
.btn-group [class*=btn-]:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]) {
border-left-color: rgba(34, 41, 47, 0.08) !important;
border-right-color: rgba(34, 41, 47, 0.08) !important;
}
.btn-group > .btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):first-child,
.btn-group > .btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):first-of-type {
border-left-color: transparent !important;
}
.btn-group > .btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):last-child,
.btn-group > .btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):last-of-type {
border-right-color: transparent !important;
}
.btn-group-toggle [class*=btn-outline-]:not(:last-child) {
border-right-width: 0 !important;
}
.btn-group-toggle :not([class*=btn-outline-]).active, .btn-group-toggle :not([class*=btn-outline-]):active {
box-shadow: inset 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}
.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split {
border-left: 0 !important;
}
.dropdown.no-arrow .dropdown-toggle:after {
display: none;
}
.dropdown.no-arrow .dropdown-toggle i,
.dropdown.no-arrow .dropdown-toggle svg {
margin-right: 0;
}
.dropdown-menu {
transform: scale(1, 0);
box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
}
.dropdown-menu .dropdown-item {
width: auto;
cursor: pointer;
}
.dropdown-menu .dropdown-header {
font-weight: 500;
line-height: 1;
}
.show > .dropdown-menu {
transform: scale(1, 1);
opacity: 1;
display: block;
}
.show .dropdown-toggle:focus {
box-shadow: none;
}
.show .btn.dropdown-toggle:focus {
box-shadow: none;
}
.dropdown-toggle::after {
border: none !important;
content: " ";
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
color: #6e6b7b;
width: 14px;
height: 11px;
position: relative;
top: 1px;
right: 0px;
left: 0.714rem;
padding: 0;
margin: 0;
vertical-align: 0;
}
.dropdown-toggle.btn-lg::after, .btn-group-lg > .dropdown-toggle.btn::after {
background-size: 18px;
}
.dropdown-toggle.btn-sm::after, .btn-group-sm > .dropdown-toggle.btn::after {
background-size: 14px;
}
.dropdown-toggle.dropdown-toggle-split:after {
left: 0;
}
.dropdown-toggle.nav-hide-arrow::after {
display: none;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropup {
position: relative;
}
.dropup .dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-up%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2218%2015%2012%209%206%2015%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
width: 14px;
height: 11px;
content: "";
vertical-align: 0.05rem;
}
.dropup .dropdown-menu {
min-width: 8rem;
}
.dropstart .dropdown-toggle::before {
border: none !important;
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
width: 14px;
height: 11px;
content: "";
position: relative;
left: 0;
}
.dropstart .dropdown-menu {
min-width: 8rem;
}
.dropend .dropdown-toggle::after {
border: none !important;
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
width: 14px;
height: 11px;
content: "";
}
.dropend .dropdown-menu {
min-width: 8rem;
}
.dropdown-menu[data-popper-placement=bottom-start], .dropdown-menu[data-popper-placement=bottom-end] {
margin-top: 0.4rem !important;
}
.dropdown-menu[data-popper-placement=top-start], .dropdown-menu[data-popper-placement=top-end] {
margin-bottom: 0.4rem !important;
}
.dropdown-menu[data-popper-placement=right-start], .dropdown-menu[data-popper-placement=right-end] {
margin-left: 0.4rem !important;
}
.dropdown-menu[data-popper-placement=left-start], .dropdown-menu[data-popper-placement=left-end] {
margin-right: 0.4rem !important;
}
.dropdown.dropdown-icon-wrapper .dropdown-toggle:after,
.dropup.dropdown-icon-wrapper .dropdown-toggle:after {
display: none;
}
.dropdown.dropdown-icon-wrapper .dropdown-menu,
.dropup.dropdown-icon-wrapper .dropdown-menu {
min-width: auto;
}
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item,
.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item {
padding: 0.5rem 1.1rem;
cursor: pointer;
}
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item svg,
.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item svg {
height: 1.3rem;
width: 1.3rem;
font-size: 1.3rem;
}
.horizontal-menu-wrapper .dropdown-menu,
.header-navbar .dropdown-menu {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-name: slideIn;
}
.dropdown-toggle.hide-arrow::before, .dropdown-toggle.hide-arrow::after,
.dropdown-toggle-hide-arrow > .dropdown-toggle::before,
.dropdown-toggle-hide-arrow > .dropdown-toggle::after {
display: none;
}
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
/* ===============================================================================================
File Name: navbar.scss
Description: Contain header navigation bar, vertical main navigation bar and
horiznotal main navigation bar related SCSS.
----------------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/
.header-navbar {
padding: 0px;
min-height: 4.45rem;
font-family: "Montserrat", Helvetica, Arial, serif;
transition: 300ms ease all, background 0s;
z-index: 997;
}
.header-navbar.fixed-top, .header-navbar.floating-nav {
left: 260px;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item > a {
color: #fff !important;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item > a i,
.header-navbar[class*=bg-] .navbar-nav .nav-item > a svg,
.header-navbar[class*=bg-] .navbar-nav .nav-item > a span {
color: #fff !important;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item .dropdown-menu i,
.header-navbar[class*=bg-] .navbar-nav .nav-item .dropdown-menu svg {
color: inherit !important;
}
.header-navbar[class*=bg-] .navbar-nav .search-input .input,
.header-navbar[class*=bg-] .navbar-nav .search-input .search-list .auto-suggestion span {
color: #6e6b7b !important;
}
.header-navbar.floating-nav {
position: fixed;
right: 0;
margin: 1.3rem auto 0;
width: calc(100vw - (100vw - 100%) - 2rem * 2 - 260px);
border-radius: 0.428rem;
z-index: 12;
}
.header-navbar.navbar-static-top {
top: 0;
right: 0;
left: 260px;
width: calc(100vw - (100vw - 100%) - 260px);
background: transparent;
box-shadow: none !important;
}
.header-navbar.navbar-border {
border-bottom: 1px solid #ebe9f1;
}
.header-navbar.navbar-shadow {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}
.header-navbar.navbar-dark.navbar-border {
border-bottom: 1px solid #3b4253;
}
.header-navbar:not(.navbar-horizontal) .nav-link.dropdown-toggle::after {
display: none;
}
.header-navbar .navbar-container {
padding: 0.8rem 1rem;
flex-basis: 100%;
transition: 300ms ease all;
margin-left: 0;
}
@media (min-width: 576px) {
.header-navbar .navbar-container {
padding: 0.8rem 1.4rem;
}
}
.header-navbar .navbar-container .bookmark-wrapper .bookmark-input {
z-index: 1;
}
.header-navbar .navbar-container .dropdown-language .selected-language {
font-weight: 500;
}
.header-navbar .navbar-container .dropdown-language .nav-link .flag-icon {
margin-right: 0.4rem;
}
.header-navbar .navbar-container .dropdown-language .dropdown-menu .dropdown-item .flag-icon {
margin-right: 0.4rem;
}
.header-navbar .navbar-container ul.navbar-nav li {
line-height: 1.5;
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
top: 41px !important;
right: 0;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-language .dropdown-menu.dropdown-menu-end {
right: -2px;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .badge.badge-up, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .badge.badge-up {
right: -3px;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu.dropdown-menu-end, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu.dropdown-menu-end {
right: -2px;
padding: 0;
left: inherit;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu.dropdown-menu-end::before, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu.dropdown-menu-end::before {
background: #374fc4;
border-color: #374fc4;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu-header, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-header {
border-top-left-radius: 0.357rem;
border-top-right-radius: 0.357rem;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu-header .dropdown-header, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-header .dropdown-header {
padding: 1.22rem 1.28rem;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .notification-text, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .notification-text {
margin-bottom: 0.5rem;
font-size: smaller;
color: #b9b9c3;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu-footer, .header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-footer {
padding: 1.28rem;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .list-item-body .media-heading {
color: #6e6b7b;
margin-bottom: 0;
line-height: 1.2;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item {
position: relative;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item img {
background: #f8f8f8;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item:hover .cart-item-remove {
visibility: visible;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading {
width: 8rem;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading h6.cart-item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading .cart-item-by {
color: #b9b9c3;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item-body {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-price {
margin-bottom: 0;
width: 5rem;
text-align: right;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-remove {
position: absolute;
top: 10px;
right: 17px;
width: 14px;
height: 14px;
cursor: pointer;
}
@media (min-width: 768px) {
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-remove {
visibility: hidden;
}
}
.header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
color: #6e6b7b;
padding: 0 0.5rem;
position: relative;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user {
line-height: 1 !important;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
margin-top: 10px;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu i,
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu svg {
height: 16px;
width: 16px;
font-size: 16px;
vertical-align: top;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link {
display: flex;
align-items: center;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {
display: inline-block;
margin-bottom: 0.435rem;
margin-left: 0.2rem;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-status {
font-size: smaller;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link img {
box-shadow: 0 4px 8px 0 rgba(34, 41, 47, 0.12), 0 2px 4px 0 rgba(34, 41, 47, 0.08);
}
.header-navbar .navbar-container ul.navbar-nav li a.menu-toggle i,
.header-navbar .navbar-container ul.navbar-nav li a.menu-toggle svg {
height: 1.6rem;
width: 1.6rem;
font-size: 1.6rem;
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-nav {
display: flex;
flex-direction: column;
align-items: flex-end;
float: left;
margin-right: 0.8rem;
}
.header-navbar .navbar-container ul.navbar-nav li div.input-group {
padding: 0.7rem 1rem;
}
.header-navbar .navbar-container ul.navbar-nav li i.ficon,
.header-navbar .navbar-container ul.navbar-nav li svg.ficon {
height: 1.5rem;
width: 1.5rem;
font-size: 1.5rem;
color: #6e6b7b;
}
.header-navbar .navbar-container ul.navbar-nav li i.ficon:hover,
.header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover {
color: #374fc4;
}
.header-navbar .navbar-container ul.navbar-nav li .media-list {
max-height: 25rem;
}
.header-navbar .navbar-container ul.navbar-nav li .scrollable-container {
position: relative;
}
.header-navbar .navbar-container .dropdown-menu-media {
width: 30rem;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
border-bottom: 1px solid #ebe9f1;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .list-item {
display: flex;
flex-grow: 1;
padding: 0.9rem 1.28rem;
border: none;
border-bottom: 1px solid #ebe9f1;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .list-item:hover {
background: #f8f8f8;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .list-item .media-meta {
color: #6e6b7b;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list a:last-of-type .list-item {
border-bottom: none;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer {
border-top: 1px solid #ebe9f1;
}
.header-navbar-shadow {
display: none;
}
.navbar-floating .navbar-container:not(.main-menu-content) {
padding: 0.8rem 1rem;
}
.navbar-floating .header-navbar-shadow {
display: block;
background: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.95) 44%, hsla(0, 0%, 97.3%, 0.46) 73%, hsla(0, 0%, 100%, 0));
padding-top: 2.2rem;
background-repeat: repeat;
width: 100%;
height: 102px;
position: fixed;
top: 0;
left: 0;
z-index: 11;
}
.navbar-light {
background: #fff;
}
.navbar-light.navbar-horizontal {
background: #fff;
}
.navbar-light .navbar-nav .active.nav-link {
background-color: rgba(34, 41, 47, 0.03);
}
.navbar-light .navbar-nav .disabled.nav-link {
color: #b9b9c3;
}
.navbar-dark {
background: #b8c2cc;
}
.navbar-dark .navbar-brand {
color: #fff !important;
}
.navbar-dark.navbar-horizontal {
background: #b8c2cc;
}
.navbar-dark .nav-search .form-control,
.navbar-dark .nav-search .btn-secondary {
color: #fff;
background: #b8c2cc;
}
.navbar-dark .navbar-nav li {
line-height: 1;
}
.navbar-dark .navbar-nav .active.nav-link {
background-color: rgba(255, 255, 255, 0.05);
}
.navbar-dark .navbar-nav .disabled.nav-link {
color: #dae1e7;
}
@media (max-width: 991.98px) {
.header-navbar .navbar-nav .show {
position: static;
}
.header-navbar .navbar-nav .open-navbar-container {
padding-top: 0.625rem;
}
.header-navbar .dropup,
.header-navbar .dropend,
.header-navbar .dropdown,
.header-navbar .dropstart {
position: static;
}
.header-navbar .navbar-container .show ~ .dropdown-menu {
right: 0;
left: 0 !important;
float: none;
width: auto !important;
margin-top: 0;
overflow: hidden;
}
.header-navbar .navbar-container .dropdown-user .dropdown-menu-end {
right: 0 !important;
}
.header-navbar .navbar-container ul.navbar-nav li .dropdown-toggle::after {
margin-right: 0;
margin-left: -2px;
}
.navbar-dark .navbar-header .navbar-nav .nav-link {
color: #fff;
}
.navbar-dark .navbar-container .navbar-nav .nav-link {
color: #b8c2cc;
}
.navbar-light .navbar-header .navbar-nav .nav-link {
color: #b8c2cc;
}
.navbar-light .navbar-container .navbar-nav .nav-link {
color: #b8c2cc;
}
}
@media (max-width: 1439.98px) {
.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 2rem * 2);
}
.header-navbar.navbar-static-top {
left: 0;
width: 100%;
}
}
@media (max-width: 1199.98px) {
.header-navbar .navbar-nav {
margin: 0;
flex-flow: row wrap;
}
.header-navbar .navbar-nav .dropdown-menu {
position: absolute;
}
.header-navbar .navbar-nav .nav-item {
float: left;
}
}
@media (max-width: 767px) {
.header-navbar .navbar-nav {
margin: 0;
flex-flow: row wrap;
}
.header-navbar .navbar-nav .dropdown-menu {
position: absolute;
}
.header-navbar .navbar-nav .nav-item {
float: left;
}
}
@media (max-width: 991.98px) {
.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - (2rem + 0.4rem)) !important;
margin-left: calc(2rem - 0.8rem);
margin-right: calc(2rem - 0.8rem);
}
.header-navbar .navbar-container ul.navbar-nav li .selected-language {
display: none;
}
}
/* ----------- iPhone 5, 5S iPhone 6----------- */
/* Landscape */
@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.header-navbar .navbar-container .show .dropdown-menu {
max-height: 180px;
}
}
/* ----------- iPhone 6+ ----------- */
/* Landscape */
@media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.header-navbar .navbar-container .show .dropdown-menu {
max-height: 280px;
}
}
@media (max-width: 1201px) {
.header-navbar.fixed-top, .header-navbar.floating-nav {
left: 0;
}
.horizontal-layout .header-navbar .navbar-container {
padding-left: 0.8rem;
padding-right: 0.8rem;
}
}
@media (max-width: 1199px) {
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {
margin-bottom: 0;
}
}
.card {
margin-bottom: 2rem;
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s;
}
.card .card {
box-shadow: none !important;
}
.card .card-title {
font-weight: 500;
font-size: 1.285rem;
margin-bottom: 1.53rem;
}
.card .card-bordered {
border: 0 solid rgba(34, 41, 47, 0.125);
}
.card .card-img {
object-fit: cover;
}
.card .card-img-overlay {
border-radius: 0.428rem;
}
.card.card-fullscreen {
display: block;
z-index: 9999;
position: fixed;
width: 100% !important;
height: 100% !important;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: auto;
}
.card .card-body[class*=border-bottom-] {
border-bottom-width: 2px !important;
}
.card .card-img-overlay.bg-overlay {
background: rgba(34, 41, 47, 0.45);
}
.card .card-img-overlay .text-muted {
color: #1e1e1e !important;
}
.card.card-minimal {
border: none;
box-shadow: none;
}
.card .card-header {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.card .card-header .card-title {
margin-bottom: 0;
}
.card .card-header .heading-elements {
position: relative;
top: -1px;
}
.card .card-header .heading-elements li:not(:first-child) a {
margin-left: 0.75rem;
}
.card .card-header .heading-elements a.btn {
padding-top: 6px;
padding-bottom: 6px;
}
.card .card-header .heading-elements a i,
.card .card-header .heading-elements a svg {
height: 1rem;
width: 1rem;
font-size: 1rem;
}
.card .card-header .heading-elements a[data-action=collapse] i,
.card .card-header .heading-elements a[data-action=collapse] svg {
transition: all 0.25s ease-out;
display: inline-block;
}
.card .card-header .heading-elements a[data-action=collapse].rotate i,
.card .card-header .heading-elements a[data-action=collapse].rotate svg {
transform: rotate(-180deg);
}
.card .card-header + .card-content > .card-body:first-of-type, .card .card-header + .card-body {
padding-top: 0px;
}
.card .card-footer {
border-top: 1px solid #dae1e7;
background-color: transparent;
}
.card-group {
margin-bottom: 0.75rem;
}
.card-head-inverse {
color: #fff;
}
.card-head-inverse .heading-elements i,
.card-head-inverse .heading-elements svg {
color: #fff;
}
.card-transparent {
background-color: transparent;
}
.text-white .card-img-overlay .text-muted {
color: #fff !important;
}
.text-white code {
background-color: white;
}
.text-white .heading-elements i,
.text-white .heading-elements svg {
color: #fff;
}
.overlay-img-card .card-img-overlay,
.overlay-img-card img {
max-height: 34.64rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.card-body,
.card-content {
min-height: 1px;
}
}
.card-congratulations {
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
color: #fff;
}
.card-congratulations .congratulations-img-left {
width: 200px;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 767.98px) {
.card-congratulations .congratulations-img-left {
width: 140px;
}
}
.card-congratulations .congratulations-img-right {
width: 175px;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 767.98px) {
.card-congratulations .congratulations-img-right {
width: 140px;
}
}
.card-congratulations .avatar {
margin-bottom: 2rem;
}
.congratulation-medal {
position: absolute;
top: 0;
right: 37px;
}
.card-deposits .deposits-divider {
margin-top: 1.8rem;
margin-bottom: 1.4rem;
}
.card-employee-task .employee-task:not(:last-child) {
margin-bottom: 1.5rem;
}
.card-developer-meetup .meetup-img-wrapper {
background-color: rgba(55, 79, 196, 0.1);
}
.card-developer-meetup .meetup-header {
margin-bottom: 2rem;
}
.card-developer-meetup .meetup-header .meetup-day {
text-align: center;
border-right: 1px solid #d8d6de;
padding-right: 1.3rem;
margin-right: 1.3rem;
}
.card-developer-meetup .meetings .avatar .avatar-content {
width: 34px;
height: 34px;
}
.card-developer-meetup .meetings + .meetings {
margin-top: 1.2rem;
}
.card-developer-meetup .avatar-group {
margin-top: 2rem;
}
.card-profile {
text-align: center;
}
.card-profile .card-body {
position: relative;
padding: 5rem 2.3rem 1.5rem 2.3rem;
}
.card-profile .card-body .profile-image-wrapper {
display: flex;
justify-content: center;
}
.card-profile .card-body .profile-image-wrapper .profile-image {
position: absolute;
top: -4rem;
padding: 0.5rem;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 8px 0 rgba(34, 41, 47, 0.14);
margin-bottom: 1.15rem;
}
.card-profile .card-body .profile-image-wrapper .profile-image img {
width: 100px;
height: 100px;
}
.card-profile .card-body .profile-badge {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.card-apply-job .apply-job-package {
padding: 1.2rem;
margin-bottom: 1.15rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.card-apply-job .apply-job-package sup {
top: -0.8rem;
}
.card-transaction .transaction-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.card-transaction .transaction-item:not(:last-child) {
margin-bottom: 1.2rem;
}
.card-transaction .transaction-item .avatar {
margin-right: 1.2rem;
}
.card-transaction .transaction-item .avatar .avatar-content {
width: 42px;
height: 42px;
}
.card-transaction .transaction-item .transaction-title {
margin-bottom: 0.2rem;
margin-top: 0.2rem;
}
.card-user-timeline .user-timeline-title-icon {
width: 1.714rem;
height: 1.714rem;
margin-right: 1.3rem;
}
.card-user-timeline .timeline .timeline-item:last-child .timeline-event {
min-height: auto;
}
.card-user-timeline .timeline .timeline-item:not(:last-child) {
padding-bottom: 2.3rem;
}
.business-card .business-items:not(:last-child) {
margin-bottom: 1.3rem;
}
.business-card .business-items .business-item {
border: 1px solid #ebe9f1;
border-radius: 0.357rem;
padding: 1rem 1rem 1rem 1.3rem;
}
.business-card .business-items .business-item:not(:last-child) {
margin-bottom: 0.85rem;
}
.card-browser-states .browser-states {
margin-top: 2.14rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.card-app-design .design-group {
margin-bottom: 2rem;
}
.card-app-design .design-group .avatar:not(:last-child) {
margin-right: 0.6rem;
}
.card-app-design .design-planning-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.card-app-design .design-planning-wrapper:not(:last-child) {
margin-bottom: 1.3rem;
}
.card-app-design .design-planning-wrapper .design-planning {
padding: 0.5rem;
margin-bottom: 0.7rem;
text-align: center;
background-color: #f8f8f8;
border-radius: 0.357rem;
min-width: 6.4rem;
}
.card-app-design .design-planning-wrapper .design-planning:not(:last-child) {
margin-right: 0.7rem;
}
.card-statistics .card-header {
padding-left: 2.4rem;
}
.card-statistics .statistics-body {
padding: 2rem 2.4rem 2.8rem !important;
}
.card-statistics .statistics-body .avatar .avatar-content {
width: 48px;
height: 48px;
}
.card-statistics .statistics-body .avatar .avatar-content .avatar-icon {
width: 24px;
height: 24px;
}
.chart-dropdown .btn {
font-size: 1rem;
font-weight: 400;
}
.chart-dropdown .btn:after {
display: none;
}
.card-revenue-budget .revenue-report-wrapper {
padding: 1.286rem 1.5rem;
}
@media (min-width: 768px) {
.card-revenue-budget .revenue-report-wrapper {
border-right: 1px solid #ebe9f1;
}
}
.card-revenue-budget .revenue-report-wrapper #revenue-report-chart .apexcharts-series[seriesName=Earning] {
transform: scaleY(0.965);
}
.card-revenue-budget .revenue-report-wrapper #revenue-report-chart .apexcharts-series[seriesName=Expense] {
transform: scaleY(1.035);
}
.card-revenue-budget .budget-wrapper {
padding: 2rem 3rem;
text-align: center;
}
@media (max-width: 991.98px) {
.card-revenue-budget .budget-wrapper {
padding-top: 0;
}
}
.card-revenue-budget .budget-wrapper .budget-dropdown {
margin-bottom: 2rem;
}
.card-revenue-budget .budget-wrapper #budget-chart {
margin-top: 2rem;
margin-bottom: 2rem;
}
.earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
font-size: 0.8rem;
fill: #6e6b7b !important;
}
.earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
fill: #5e5873;
font-size: 1.286rem;
font-weight: 500;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#dashboard-analytics .avatar .avatar-content,
#statistics-card .avatar .avatar-content {
padding: 0 !important;
}
}
.breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item + .breadcrumb-item:before {
content: " ";
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
color: #6e6b7b;
margin-right: 0.6rem;
background-size: 14px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
height: 20px;
}
/* Component Specific */
.breadcrumb-slash.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "/";
}
.breadcrumb-dots.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: ".";
position: relative;
top: -4px;
}
.breadcrumb-dashes.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "-";
}
.breadcrumb-pipes.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "|";
}
.breadcrumb-chevron.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: " ";
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
color: #6e6b7b;
margin-right: 0.6rem;
background-size: 14px;
}
.content-header .breadcrumb {
padding-left: 1rem;
}
@media (max-width: 648px) {
.content-header .breadcrumb {
display: none;
}
.breadcrumbs-top .content-header-title {
display: contents !important;
}
}
.badge[class*=bg-] [class*=icon-] {
line-height: 1;
}
.badge[class*=bg-] a {
color: #fff;
}
.badge[class*=bg-] .dropdown-toggle span,
.badge[class*=bg-] .dropdown-toggle i,
.badge[class*=bg-] .dropdown-toggle svg, .badge[class*=bg-].dropdown-toggle span,
.badge[class*=bg-].dropdown-toggle i,
.badge[class*=bg-].dropdown-toggle svg {
vertical-align: text-top;
}
.badge[class*=bg-] .dropdown-toggle i,
.badge[class*=bg-] .dropdown-toggle svg, .badge[class*=bg-].dropdown-toggle i,
.badge[class*=bg-].dropdown-toggle svg {
padding-left: 0.2rem;
}
.badge[class*=bg-] .dropdown-toggle::after, .badge[class*=bg-].dropdown-toggle::after {
position: relative;
top: 0;
left: 0;
font-size: 1rem;
}
.badge[class*=bg-] .dropdown-menu a {
color: #6e6b7b;
}
.badge i,
.badge svg {
height: 12px;
width: 11px;
font-size: 12px;
stroke-width: 3;
vertical-align: top;
}
.badge.badge-square {
border-radius: 0;
}
.badge.badge-up {
position: absolute;
top: -11px;
right: -9px;
min-width: 1.429rem;
min-height: 1.429rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.786rem;
line-height: 0.786;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.badge.badge-up.badge-sm {
top: -0.5rem;
right: -0.5rem;
}
.badge-icon i,
.badge-icon svg {
font-size: 100%;
margin-right: 5px;
}
.dropup .badge {
cursor: pointer;
}
.nav {
border-radius: 0.25rem;
}
.nav.wrap-border {
border: 1px solid #ddd;
}
.nav.wrap-border li.nav-header {
margin: 0 0.5rem;
}
.nav.wrap-border li.nav-item,
.nav.wrap-border div {
padding: 2px 0.714rem;
}
.nav.nav-left .nav-item .nav-link {
justify-content: flex-start;
}
.nav.nav-right .nav-item .nav-link {
justify-content: flex-end;
}
.nav.square-border {
border-radius: 0;
}
.nav.square-border .nav-item .nav-link.active {
border-radius: 0;
}
.nav .modern-nav-toggle {
padding: 0;
margin: 1.571rem 0;
}
.nav .dropdown.show .dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.nav .dropdown-toggle:not(.active)::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.nav-pills .nav-link,
.nav-tabs .nav-link {
display: flex;
align-items: center;
justify-content: center;
}
.nav-pills .nav-link i,
.nav-pills .nav-link svg,
.nav-tabs .nav-link i,
.nav-tabs .nav-link svg {
margin-right: 0.5rem;
}
.nav-pills {
margin-bottom: 1rem;
}
.nav-pills .nav-link {
padding: 0.786rem 1.5rem;
font-size: 1rem;
line-height: 1rem;
border: 1px solid transparent;
color: #5e5873;
}
.nav-pills .nav-link.active {
border-color: #374fc4;
box-shadow: 0 4px 18px -4px rgba(55, 79, 196, 0.65);
}
.nav-pills .nav-link.disabled {
color: #b9b9c3;
}
.nav-pills .nav-link.dropdown-toggle::after {
top: 1px;
left: 1px;
}
.nav-pills.dropdown.show .nav-link {
color: #fff;
}
.nav-pills.dropdown.show .dropdown-item.active:hover {
color: #374fc4;
}
.nav-pills.nav-justified {
width: 100%;
}
.nav-pills.nav-justified .nav-item {
float: none;
}
.nav-pills.nav-justified .nav-link {
text-align: center;
margin-bottom: 5px;
}
.nav-pills.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 576px) {
.nav-pills.nav-justified .nav-item {
display: block;
width: 1%;
}
.nav-pills.nav-justified .nav-link {
margin-bottom: 0;
}
}
.nav-pills.nav-justified .nav-link {
margin-right: 0;
border-radius: 0.357rem;
}
@media (min-width: 576px) {
.nav-pills.nav-justified .nav-link.active,
.nav-pills.nav-justified .nav-link.active:hover,
.nav-pills.nav-justified .nav-link.active:focus {
border-bottom-color: transparent;
}
}
.nav-pills.nav-justified .nav-link {
display: block;
}
.nav-pills.nav-justified .nav-link.active {
border: none;
}
.nav-pills.nav-justified .nav-link.active:hover, .nav-pills.nav-justified .nav-link.active:focus {
border: none;
}
.nav-tabs {
margin-bottom: 1rem;
position: relative;
}
.nav-tabs .nav-item {
position: relative;
}
.nav-tabs .nav-link {
color: #6e6b7b;
border: none;
min-width: auto;
font-weight: 450;
padding: 0.61rem 1.2rem;
border-radius: 0;
position: relative;
overflow: hidden;
}
.nav-tabs .nav-link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(30deg, #374fc4, rgba(55, 79, 196, 0.5)) !important;
transition: transform 0.3s;
transform: translate3d(0, 150%, 0);
}
.nav-tabs .nav-link.active {
position: relative;
color: #374fc4;
}
.nav-tabs .nav-link.active:after {
transform: translate3d(0, 0, 0);
}
.nav-tabs .nav-link.dropdown-toggle::after {
top: 1px;
left: 1px;
}
.nav-tabs.nav-justified {
width: 100%;
}
.nav-tabs.nav-justified .nav-item {
float: none;
}
.nav-tabs.nav-justified .nav-link {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 576px) {
.nav-tabs.nav-justified .nav-item {
display: block;
width: 1%;
}
.nav-tabs.nav-justified .nav-link {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified .nav-link {
margin-right: 0;
border-radius: 0.357rem;
}
@media (min-width: 576px) {
.nav-tabs.nav-justified .nav-link.active,
.nav-tabs.nav-justified .nav-link.active:hover,
.nav-tabs.nav-justified .nav-link.active:focus {
border-bottom-color: transparent;
}
}
.nav-tabs.nav-justified .nav-item a.nav-link {
display: block;
border-radius: 0;
}
.nav-tabs.nav-justified .nav-item a.nav-link.active {
border: none;
}
.nav-tabs.nav-justified .nav-item a.nav-link:hover {
border-color: transparent;
}
.nav-vertical {
overflow: hidden;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link {
margin-bottom: 0;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link:after {
transform: rotate(90deg) translate3d(0, 150%, 0);
left: 70%;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
left: auto;
right: -1.4rem;
transform: rotate(90deg) translate3d(0, 225%, 0);
top: 1.25rem;
width: 2.14rem;
}
.nav-vertical .nav.nav-tabs.nav-left {
float: left;
display: table;
margin-right: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {
display: none;
overflow-y: auto;
padding-left: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane.active {
display: block;
}
.nav-vertical .nav.nav-tabs.nav-right {
float: right;
display: table;
margin-left: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-right .nav-item .nav-link.active:after {
left: -0.9rem;
transform: rotate(90deg) translate3d(0, 10%, 0);
}
.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {
display: none;
overflow-y: auto;
padding-right: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane.active {
display: block;
}
.alert {
font-weight: 500;
padding: 0;
}
.alert.alert-dismissible .btn-close {
padding: 1rem 1rem;
background-color: transparent !important;
box-shadow: none !important;
}
.alert.alert-dismissible .alert-body {
padding: 0.71rem 2rem 0.71rem 1rem;
}
.alert .btn-close:focus {
outline: 0;
}
.alert .alert-link:hover {
text-decoration: underline;
}
.alert p {
font-weight: 500;
padding: 2px 0;
margin-bottom: 0;
vertical-align: middle;
}
.alert .alert-heading {
font-weight: 600;
font-size: 1rem;
padding: 0.71rem 1rem;
margin-bottom: 0;
}
.alert .alert-body {
padding: 0.71rem 1rem;
}
.alert.alert-dark .alert-heading {
box-shadow: rgba(75, 75, 75, 0.4) 0px 6px 15px -7px;
}
/*=========================================================================================
File Name: progress.scss
Description: Extended bootstrap progress bar scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
----------------------------------------------------------------------------------------
==========================================================================================*/
.progress .progress-bar + .progress-bar:not(:last-child) {
border-radius: 0;
}
.progress .progress-bar:last-child {
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
}
/* ===============================================================================================
File Name: list-group.scss
Description: Contain list item, list group related extended SCSS.
----------------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/
ul.list-inline li {
display: inline-block;
}
ul.list-inline.list-inline-pipe > li + li:before {
content: " | ";
padding-right: 2px;
}
.list-group .list-group-item {
line-height: 1.5;
}
.list-group .list-group-item i,
.list-group .list-group-item svg {
position: relative;
}
.list-group .list-group-item-action:focus {
outline: 0;
}
.list-group .list-group-item-action.active h1, .list-group .list-group-item-action.active h2, .list-group .list-group-item-action.active h3, .list-group .list-group-item-action.active h4, .list-group .list-group-item-action.active h5, .list-group .list-group-item-action.active h6, .list-group .list-group-item-action:active h1, .list-group .list-group-item-action:active h2, .list-group .list-group-item-action:active h3, .list-group .list-group-item-action:active h4, .list-group .list-group-item-action:active h5, .list-group .list-group-item-action:active h6 {
color: #fff;
}
.list-group .list-group-item-action small {
color: #b9b9c3 !important;
}
.list-group.list-group-circle {
border: none;
}
.list-group.list-group-circle .list-group-item {
border: none;
position: relative;
padding-left: 1.5rem;
}
.list-group.list-group-circle .list-group-item:after {
content: " ";
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2224%22%2C%0A%20%20height%3A%20%2224%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-circle%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20cx%3A%20%2212%22%2C%0A%20%20cy%3A%20%2212%22%2C%0A%20%20r%3A%20%2210%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
color: #6e6b7b;
background-size: 10px;
position: absolute;
height: 10px;
width: 10px;
top: 1.15rem;
left: 0;
}
.list-group.list-group-circle .list-group-item:hover {
background-color: transparent;
}
.list-group-item.gu-mirror {
border-radius: 0;
}
.toast.show {
z-index: 1030;
}
.toast .btn-close:focus {
box-shadow: none;
}
@media (max-width: 420.98px) {
.toast {
width: auto;
}
}
.accordion [data-bs-toggle=collapse] {
font-weight: 500;
font-size: 1.1rem;
line-height: 1.45;
}
.accordion .accordion-item {
margin-bottom: 0;
}
.accordion .accordion-item:last-of-type {
margin-bottom: 0;
}
.accordion .accordion-item:not(:last-of-type) {
border-bottom: 1px solid #ebe9f1;
}
.accordion .accordion-body {
padding-top: 0.42rem;
}
.accordion.accordion-without-arrow .accordion-button::after {
background-image: none !important;
}
.accordion-border .accordion-item {
border: 1px solid #ebe9f1;
border-radius: 0.428rem;
}
.accordion-border .accordion-item:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion-border .accordion-item:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion-margin .accordion-item {
margin-top: 0.71rem;
margin-bottom: 0.71rem;
box-shadow: 0 2px 15px 0 rgba(34, 41, 47, 0.05) !important;
border-radius: 0.357rem;
border-bottom: 0 solid transparent !important;
}
.card.accordion-item .accordion-button {
border-radius: 0.357rem;
}
.page-item {
border-radius: 5rem;
}
.page-item:not(.prev-item) .page-link, .page-item:not(.next-item) .page-link, .page-item:not(.first) .page-link, .page-item:not(.last) .page-link, .page-item:not(.active) .page-link {
line-height: 1.3;
}
.page-item .page-link {
display: flex;
align-items: center;
justify-content: center;
}
.page-item.previous .page-link, .page-item.prev .page-link, .page-item.next .page-link, .page-item.first .page-link, .page-item.last .page-link {
width: auto;
}
.page-item.prev-item .page-link, .page-item.next-item .page-link {
transition: all 0.2s ease-out;
}
.page-item.prev-item {
margin-right: 0.3571rem;
}
.page-item.prev-item .page-link {
border-radius: 50%;
}
.page-item.prev-item .page-link:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
color: #6e6b7b;
width: 8px;
height: 18px;
content: "";
}
.page-item.prev-item .page-link:hover {
background: #f3f2f7;
color: #374fc4;
}
.page-item.prev-item .page-link:active, .page-item.prev-item .page-link:hover {
background-color: #374fc4 !important;
}
.page-item.prev-item .page-link:active:before, .page-item.prev-item .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.page-item.prev-item.disabled .page-link:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b9b9c3%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
}
.page-item.prev-item ~ .page-item:nth-child(2) {
border-top-left-radius: 5rem;
border-bottom-left-radius: 5rem;
}
.page-item.prev-item ~ .page-item:nth-child(2) .page-link {
border-top-left-radius: 5rem !important;
border-bottom-left-radius: 5rem !important;
}
.page-item.prev-item ~ .page-item:nth-last-child(2) {
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
}
.page-item.prev-item ~ .page-item:nth-last-child(2) .page-link {
border-top-right-radius: 5rem !important;
border-bottom-right-radius: 5rem !important;
}
.page-item.next-item {
margin-left: 0.3571rem;
}
.page-item.next-item .page-link {
border-radius: 50%;
}
.page-item.next-item .page-link:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
width: 8px;
height: 18px;
content: "";
}
.page-item.next-item .page-link:hover {
background: #f3f2f7;
color: #374fc4;
}
.page-item.next-item .page-link:active, .page-item.next-item .page-link:hover {
background-color: #374fc4 !important;
}
.page-item.next-item .page-link:active:after, .page-item.next-item .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.page-item.next-item.disabled .page-link:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b9b9c3%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.page-item.prev .page-link:before, .page-item.previous .page-link:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
color: #6e6b7b;
width: 12px;
height: 18px;
content: "";
}
.page-item.prev .page-link:hover:before, .page-item.previous .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.page-item.prev.disabled .page-link:before, .page-item.previous.disabled .page-link:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b9b9c3%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
}
.page-item.next .page-link:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
color: #6e6b7b;
width: 12px;
height: 18px;
content: "";
}
.page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.page-item.next.disabled .page-link:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b9b9c3%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.page-item.disabled .page-link {
color: #b9b9c3;
}
.page-item .page-link {
margin: 0;
margin-left: 0;
font-size: 1rem;
min-width: 2.286rem;
}
.page-item .page-link:focus {
box-shadow: none;
}
.page-item .page-link:hover {
color: #374fc4;
}
.page-item.active {
background-color: #f3f2f7;
border-radius: 0;
}
.page-item.active .page-link {
z-index: 3;
border-radius: 5rem;
background-color: #374fc4;
color: #fff !important;
font-weight: 600;
}
.page-item:first-child:not(.prev-item).active {
border-top-left-radius: 1.428rem;
border-bottom-left-radius: 1.428rem;
}
.page-item:first-child:not(.prev-item).active .page-link {
border-radius: 5rem;
}
.page-item:first-child:not(.prev-item) .page-link {
border-top-left-radius: 1.428rem;
border-bottom-left-radius: 1.428rem;
}
.page-item:last-child:not(.next-item).active {
border-top-right-radius: 1.428rem;
border-bottom-right-radius: 1.428rem;
}
.page-item:last-child:not(.next-item).active .page-link {
border-radius: 5rem;
}
.page-item:last-child:not(.next-item) .page-link {
border-top-right-radius: 1.428rem;
border-bottom-right-radius: 1.428rem;
}
.pagination.pagination-lg .page-item .page-link {
font-size: 1.14rem;
min-width: 2.6rem;
}
.pagination.pagination-sm .page-item .page-link {
font-size: 0.857rem;
min-width: 2rem;
}
.modal .modal-header {
background-color: #f8f8f8;
}
.modal .modal-header .btn-close {
padding: 0.8rem;
box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
border-radius: 0.357rem;
background-color: #fff;
opacity: 1;
transition: all 0.23s ease 0.1s;
position: relative;
transform: translate(18px, -10px);
}
.modal .modal-header .btn-close:hover, .modal .modal-header .btn-close:focus, .modal .modal-header .btn-close:active {
opacity: 1;
outline: none;
transform: translate(15px, -2px);
box-shadow: none;
}
.modal .modal-fullscreen .modal-header .btn-close {
transform: translate(0, 0);
}
.modal .modal-content {
overflow: visible;
box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
}
.modal .modal-footer {
padding: 0.8rem 1.4rem;
}
.modal.modal-sticky {
bottom: 0;
right: 0;
top: auto;
left: auto;
height: auto;
position: fixed;
}
.modal.modal-sticky .modal-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.modal.modal-sticky .modal-dialog {
margin-right: 2rem !important;
box-shadow: 0px 0px 24px 0 rgba(34, 41, 47, 0.25);
border-radius: 0.357rem;
}
.modal.modal-sticky .modal-actions {
background: transparent;
box-shadow: none;
line-height: 0;
}
.modal-xs {
max-width: 300px;
}
@media (min-width: 1200px) {
.modal-xl {
margin-left: 3%;
margin-right: 3%;
}
}
.modal-slide-in,
.modal-slide-in .modal {
padding: 0 !important;
overflow: hidden !important;
}
.modal-slide-in .modal-dialog {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: auto;
margin: 0;
max-width: none;
width: 20rem;
}
.modal-slide-in .modal-dialog .modal-content {
padding-bottom: 1.8875rem;
padding-top: 1.8875rem;
overflow: auto;
border-radius: 0;
height: 100%;
}
.modal-slide-in .modal-dialog .modal-body {
padding-bottom: 0;
padding-top: 0;
margin: auto 0;
flex-grow: 0;
}
@media (min-width: 576px) {
.modal-slide-in .modal-dialog {
width: 28rem;
}
}
.modal-slide-in .modal-dialog.sidebar-sm {
width: 25rem;
}
@media (min-width: 576px) {
.modal-slide-in .modal-dialog.sidebar-lg {
width: 30rem;
}
}
.modal-slide-in .btn-close {
top: 0.4rem;
z-index: 10;
transform: none;
position: absolute;
top: 1.5rem;
right: 1.4rem;
margin: 0;
padding: 0 !important;
line-height: 0.5;
transform: translate(0, -50%);
}
.modal-slide-in.fade .modal-dialog,
.modal-slide-in .modal.fade .modal-dialog {
transform: translateX(100%);
transition: transform 0.1s ease-out;
}
.modal-slide-in.show .modal-dialog,
.modal-slide-in .modal.show .modal-dialog {
transform: translateX(0) !important;
transition: transform 0.1s ease-out;
}
@media (max-width: 576px) {
.modal:not(.modal-slide-in) .modal-dialog:not(.modal-fullscreen) {
padding-right: 1rem;
padding-left: 1rem;
}
.modal .modal-xs,
.modal .modal-sm {
max-width: unset;
}
.modal.modal-sticky .modal-dialog {
margin-right: 0.2rem !important;
margin-left: 0.2rem;
margin-bottom: 3rem;
}
}
.modal-refer-earn .modal-refer-earn-step svg {
height: 2.5rem;
width: 2.5rem;
}
@media (max-width: 1199.98px) {
#shareProject .list-group .dropdown-toggle {
padding: 0.5rem;
}
#shareProject .list-group .dropdown-toggle::after {
left: 0;
}
}
.popover {
box-shadow: 0 0 10px 0 rgba(34, 41, 47, 0.1);
}
.popover .popover-header {
font-size: 1.07rem;
border: 1px solid #374fc4;
}
.popover .popover-body {
border: 1px solid #ebe9f1;
border-top-color: #fff;
border-bottom-left-radius: 0.358rem;
border-bottom-right-radius: 0.358rem;
}
.popover.bs-popover-bottom .popover-arrow:after, .popover.bs-popover-auto[x-placement^=bottom] .popover-arrow:after {
border-bottom-color: #374fc4;
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^=top] > .popover-arrow::after {
bottom: 1px;
}
.bs-popover-end > .popover-arrow::after {
left: 1px;
}
.bs-popover-start > .popover-arrow::after {
right: 1px;
}
.font-small-1 {
font-size: 0.7rem !important;
}
svg.font-small-1 {
height: 0.7rem !important;
width: 0.7rem !important;
}
.font-small-2 {
font-size: 0.8rem !important;
}
svg.font-small-2 {
height: 0.8rem !important;
width: 0.8rem !important;
}
.font-small-3 {
font-size: 0.9rem !important;
}
svg.font-small-3 {
height: 0.9rem !important;
width: 0.9rem !important;
}
.font-small-4 {
font-size: 1rem !important;
}
svg.font-small-4 {
height: 1rem !important;
width: 1rem !important;
}
.font-medium-1 {
font-size: 1.1rem !important;
}
svg.font-medium-1 {
height: 1.1rem !important;
width: 1.1rem !important;
}
.font-medium-2 {
font-size: 1.2rem !important;
}
svg.font-medium-2 {
height: 1.2rem !important;
width: 1.2rem !important;
}
.font-medium-3 {
font-size: 1.3rem !important;
}
svg.font-medium-3 {
height: 1.3rem !important;
width: 1.3rem !important;
}
.font-medium-4 {
font-size: 1.4rem !important;
}
svg.font-medium-4 {
height: 1.4rem !important;
width: 1.4rem !important;
}
.font-medium-5 {
font-size: 1.5rem !important;
}
svg.font-medium-5 {
height: 1.5rem !important;
width: 1.5rem !important;
}
.font-large-1 {
font-size: 2rem !important;
}
svg.font-large-1 {
height: 2rem !important;
width: 2rem !important;
}
.font-large-2 {
font-size: 3rem !important;
}
svg.font-large-2 {
height: 3rem !important;
width: 3rem !important;
}
.font-large-3 {
font-size: 4rem !important;
}
svg.font-large-3 {
height: 4rem !important;
width: 4rem !important;
}
.font-large-4 {
font-size: 5rem !important;
}
svg.font-large-4 {
height: 5rem !important;
width: 5rem !important;
}
.font-large-5 {
font-size: 6rem !important;
}
svg.font-large-5 {
height: 6rem !important;
width: 6rem !important;
}
.line-height-1 {
line-height: 1 !important;
}
.line-height-condensed {
line-height: 1.5 !important;
}
.line-height-inherit {
line-height: inherit !important;
}
.rotate-45 {
transform: rotate(45deg);
}
.rotate-45-inverse {
transform: rotate(-45deg);
}
.rotate-90 {
transform: rotate(90deg);
}
.rotate-90-inverse {
transform: rotate(-90deg);
}
.rotate-180 {
transform: rotate(180deg);
}
.rotate-180-inverse {
transform: rotate(-180deg);
}
.border-2 {
border-width: 2px !important;
}
.border-top-2 {
border-top-width: 2px !important;
}
.border-bottom-2 {
border-bottom-width: 2px !important;
}
.border-start-2 {
border-left-width: 2px !important;
}
.border-end-2 {
border-right-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-top-3 {
border-top-width: 3px !important;
}
.border-bottom-3 {
border-bottom-width: 3px !important;
}
.border-start-3 {
border-left-width: 3px !important;
}
.border-end-3 {
border-right-width: 3px !important;
}
.round {
border-radius: 1.5rem;
}
.square {
border-radius: 0;
}
.fit {
max-width: 100% !important;
}
.half-width {
width: 50% !important;
}
.full-width {
width: 100% !important;
}
.full-height {
height: 100% !important;
}
.height-50 {
height: 50px !important;
}
.width-50 {
width: 50px !important;
}
.height-100 {
height: 100px !important;
}
.width-100 {
width: 100px !important;
}
.height-150 {
height: 150px !important;
}
.width-150 {
width: 150px !important;
}
.height-200 {
height: 200px !important;
}
.width-200 {
width: 200px !important;
}
.height-250 {
height: 250px !important;
}
.width-250 {
width: 250px !important;
}
.height-300 {
height: 300px !important;
}
.width-300 {
width: 300px !important;
}
.height-350 {
height: 350px !important;
}
.width-350 {
width: 350px !important;
}
.height-400 {
height: 405px !important;
}
.width-400 {
width: 405px !important;
}
.height-450 {
height: 455px !important;
}
.width-450 {
width: 455px !important;
}
.height-500 {
height: 500px !important;
}
.width-500 {
width: 500px !important;
}
.height-550 {
height: 550px !important;
}
.width-550 {
width: 550px !important;
}
.height-600 {
height: 600px !important;
}
.width-600 {
width: 600px !important;
}
.height-650 {
height: 650px !important;
}
.width-650 {
width: 650px !important;
}
.height-700 {
height: 700px !important;
}
.width-700 {
width: 700px !important;
}
.height-750 {
height: 750px !important;
}
.width-750 {
width: 750px !important;
}
.height-800 {
height: 800px !important;
}
.width-800 {
width: 800px !important;
}
.height-5-per {
height: 5% !important;
}
.width-5-per {
width: 5% !important;
}
.height-10-per {
height: 10% !important;
}
.width-10-per {
width: 10% !important;
}
.height-15-per {
height: 15% !important;
}
.width-15-per {
width: 15% !important;
}
.height-20-per {
height: 20% !important;
}
.width-20-per {
width: 20% !important;
}
.height-25-per {
height: 25% !important;
}
.width-25-per {
width: 25% !important;
}
.height-30-per {
height: 30% !important;
}
.width-30-per {
width: 30% !important;
}
.height-35-per {
height: 35% !important;
}
.width-35-per {
width: 35% !important;
}
.height-40-per {
height: 40% !important;
}
.width-40-per {
width: 40% !important;
}
.height-45-per {
height: 45% !important;
}
.width-45-per {
width: 45% !important;
}
.height-50-per {
height: 50% !important;
}
.width-50-per {
width: 50% !important;
}
.height-55-per {
height: 55% !important;
}
.width-55-per {
width: 55% !important;
}
.height-60-per {
height: 60% !important;
}
.width-60-per {
width: 60% !important;
}
.height-65-per {
height: 65% !important;
}
.width-65-per {
width: 65% !important;
}
.height-70-per {
height: 70% !important;
}
.width-70-per {
width: 70% !important;
}
.height-75-per {
height: 75% !important;
}
.width-75-per {
width: 75% !important;
}
.height-80-per {
height: 80% !important;
}
.width-80-per {
width: 80% !important;
}
.height-85-per {
height: 85% !important;
}
.width-85-per {
width: 85% !important;
}
.height-90-per {
height: 90% !important;
}
.width-90-per {
width: 90% !important;
}
.height-95-per {
height: 95% !important;
}
.width-95-per {
width: 95% !important;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-x-scroll {
overflow: scroll;
}
.overflow-y-scroll {
overflow: scroll;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-move {
cursor: move;
}
.cursor-default {
cursor: default;
}
.cursor-progress {
cursor: progress;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.zindex-1 {
z-index: 1 !important;
}
.zindex-2 {
z-index: 2 !important;
}
.zindex-3 {
z-index: 3 !important;
}
.zindex-4 {
z-index: 4 !important;
}
.zindex-0 {
z-index: 0 !important;
}
.zindex-minus-1 {
z-index: -1 !important;
}
.zindex-minus-2 {
z-index: -2 !important;
}
.zindex-minus-3 {
z-index: -3 !important;
}
.zindex-minus-4 {
z-index: -4 !important;
}
.box-shadow-0 {
box-shadow: none !important;
}
.box-shadow-1 {
box-shadow: 0 2px 5px 0 rgba(34, 41, 47, 0.16), 0 2px 10px 0 rgba(34, 41, 47, 0.12);
}
.box-shadow-2 {
box-shadow: 0 8px 17px 0 rgba(34, 41, 47, 0.2), 0 6px 20px 0 rgba(34, 41, 47, 0.19);
}
.box-shadow-3 {
box-shadow: 0 12px 15px 0 rgba(34, 41, 47, 0.24), 0 17px 50px 0 rgba(34, 41, 47, 0.19);
}
.box-shadow-4 {
box-shadow: 0 16px 28px 0 rgba(34, 41, 47, 0.22), 0 25px 55px 0 rgba(34, 41, 47, 0.21);
}
.box-shadow-5 {
box-shadow: 0 27px 24px 0 rgba(34, 41, 47, 0.2), 0 40px 77px 0 rgba(34, 41, 47, 0.22);
}
.box-shadow-6 {
box-shadow: 0 4px 8px 0 rgba(34, 41, 47, 0.12), 0 2px 4px 0 rgba(34, 41, 47, 0.08);
}
.outline-none {
outline: none !important;
}
.list-style-inside {
list-style: inside;
}
.list-style-circle {
list-style: circle;
}
.list-style-square {
list-style: square;
}
.bg-cover {
background-size: cover !important;
}
.background-repeat {
background-repeat: repeat !important;
}
.background-no-repeat {
background-repeat: no-repeat !important;
}
.icon-bg-circle {
color: #fff;
padding: 0.5rem;
border-radius: 50%;
}
.icon-left {
margin-right: 0.5rem;
}
.icon-right {
margin-right: 0.5rem;
}
.blockOverlay {
z-index: 1050 !important;
}
.blockElement,
.blockPage {
z-index: 1051 !important;
}
.hidden {
display: none;
visibility: hidden;
}
a:hover {
cursor: pointer;
}
.table-middle td {
vertical-align: middle;
}
.fill-current {
fill: currentColor;
}
.pointer-events-none {
pointer-events: none;
}
.bg-white .card-header,
.bg-white .card-footer {
background-color: transparent;
}
.border-white {
border: 1px solid #ffffff !important;
}
.border-top-white {
border-top: 1px solid #ffffff;
}
.border-bottom-white {
border-bottom: 1px solid #ffffff;
}
.border-start-white {
border-left: 1px solid #ffffff;
}
.border-end-white {
border-right: 1px solid #ffffff;
}
.bg-white.badge-glow,
.border-white.badge-glow {
box-shadow: 0px 0px 10px #ffffff;
}
.overlay-white {
background: #ffffff; /* The Fallback */
background: rgba(255, 255, 255, 0.6);
}
input:focus ~ .bg-white {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important;
}
.bg-black .card-header,
.bg-black .card-footer {
background-color: transparent;
}
.border-black {
border: 1px solid #000000 !important;
}
.border-top-black {
border-top: 1px solid #000000;
}
.border-bottom-black {
border-bottom: 1px solid #000000;
}
.border-start-black {
border-left: 1px solid #000000;
}
.border-end-black {
border-right: 1px solid #000000;
}
.bg-black.badge-glow,
.border-black.badge-glow {
box-shadow: 0px 0px 10px #000000;
}
.overlay-black {
background: #000000; /* The Fallback */
background: rgba(0, 0, 0, 0.6);
}
input:focus ~ .bg-black {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important;
}
.bg-dark .card-header,
.bg-dark .card-footer {
background-color: transparent;
}
.alert-dark {
background: rgba(75, 75, 75, 0.12) !important;
color: #4b4b4b !important;
}
.alert-dark .alert-heading {
box-shadow: rgba(75, 75, 75, 0.4) 0px 6px 15px -7px;
}
.alert-dark .alert-link {
color: rgb(62.25, 62.25, 62.25) !important;
}
.alert-dark .btn-close {
color: #4b4b4b !important;
}
.border-dark {
border: 1px solid #4b4b4b !important;
}
.border-top-dark {
border-top: 1px solid #4b4b4b;
}
.border-bottom-dark {
border-bottom: 1px solid #4b4b4b;
}
.border-start-dark {
border-left: 1px solid #4b4b4b;
}
.border-end-dark {
border-right: 1px solid #4b4b4b;
}
.bg-dark.badge-glow,
.border-dark.badge-glow {
box-shadow: 0px 0px 10px #4b4b4b;
}
.badge.badge-light-dark {
background-color: rgba(75, 75, 75, 0.12);
color: #4b4b4b !important;
}
.overlay-dark {
background: #4b4b4b; /* The Fallback */
background: rgba(75, 75, 75, 0.6);
}
.btn-dark {
border-color: #4b4b4b !important;
background-color: #4b4b4b !important;
color: #fff !important;
}
.btn-dark:focus, .btn-dark:active, .btn-dark.active {
color: #fff;
background-color: #343434 !important;
}
.btn-dark:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #4b4b4b;
}
.btn-dark:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark {
color: #fff;
background-color: #343434 !important;
}
.btn-flat-dark {
background-color: transparent;
color: #4b4b4b;
}
.btn-flat-dark:hover {
color: #4b4b4b;
}
.btn-flat-dark:hover:not(.disabled):not(:disabled) {
background-color: rgba(75, 75, 75, 0.12);
}
.btn-flat-dark:active, .btn-flat-dark.active, .btn-flat-dark:focus {
background-color: rgba(75, 75, 75, 0.2);
color: #4b4b4b;
}
.btn-flat-dark.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%234b4b4b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-dark {
background-color: #4b4b4b;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-dark:hover:not(.disabled):not(:disabled) {
background-color: #626262;
}
.btn-relief-dark:active, .btn-relief-dark.active, .btn-relief-dark:focus {
background-color: #343434;
}
.btn-relief-dark:hover {
color: #fff;
}
.btn-relief-dark:active, .btn-relief-dark.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-dark {
border: 1px solid #4b4b4b !important;
background-color: transparent;
color: #4b4b4b;
}
.btn-outline-dark:hover:not(.disabled):not(:disabled) {
background-color: rgba(75, 75, 75, 0.04);
color: #4b4b4b;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):focus {
background-color: rgba(75, 75, 75, 0.2);
color: #4b4b4b;
}
.btn-outline-dark.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%234b4b4b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-dark.show.dropdown-toggle {
background-color: rgba(75, 75, 75, 0.2);
color: #4b4b4b;
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark {
color: #4b4b4b;
background-color: rgba(75, 75, 75, 0.2) !important;
}
.btn-outline-dark.waves-effect .waves-ripple,
.btn-flat-dark.waves-effect .waves-ripple {
background: radial-gradient(rgba(75, 75, 75, 0.2) 0, rgba(75, 75, 75, 0.3) 40%, rgba(75, 75, 75, 0.4) 50%, rgba(75, 75, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-dark {
background-color: #4b4b4b;
}
.modal.modal-dark .modal-header .modal-title {
color: #4b4b4b;
}
.modal.modal-dark .modal-header .btn-close {
color: #4b4b4b !important;
}
.progress-bar-dark {
background-color: rgba(75, 75, 75, 0.12);
}
.progress-bar-dark .progress-bar {
background-color: #4b4b4b;
}
.timeline .timeline-point-dark {
border-color: #4b4b4b !important;
}
.timeline .timeline-point-dark i,
.timeline .timeline-point-dark svg {
stroke: #4b4b4b !important;
}
.timeline .timeline-point-dark.timeline-point-indicator {
background-color: #4b4b4b !important;
}
.timeline .timeline-point-dark.timeline-point-indicator:before {
background: rgba(75, 75, 75, 0.12) !important;
}
.divider.divider-dark .divider-text:before, .divider.divider-dark .divider-text:after {
border-color: #4b4b4b !important;
}
input:focus ~ .bg-dark {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4b4b4b !important;
}
.form-check-dark .form-check-input:checked {
border-color: #4b4b4b;
background-color: #4b4b4b;
}
.form-check-dark .form-check-input:not(:disabled):checked, .form-check-dark .form-check-input:not(:disabled):focus {
border-color: #4b4b4b;
box-shadow: 0 2px 4px 0 rgba(75, 75, 75, 0.4);
}
.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #4b4b4b !important;
border-color: #4b4b4b !important;
}
.bg-light .card-header,
.bg-light .card-footer {
background-color: transparent;
}
.border-light {
border: 1px solid #f6f6f6 !important;
}
.border-top-light {
border-top: 1px solid #f6f6f6;
}
.border-bottom-light {
border-bottom: 1px solid #f6f6f6;
}
.border-start-light {
border-left: 1px solid #f6f6f6;
}
.border-end-light {
border-right: 1px solid #f6f6f6;
}
.bg-light.badge-glow,
.border-light.badge-glow {
box-shadow: 0px 0px 10px #f6f6f6;
}
.overlay-light {
background: #f6f6f6; /* The Fallback */
background: rgba(246, 246, 246, 0.6);
}
input:focus ~ .bg-light {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f6f6f6 !important;
}
.bg-primary .card-header,
.bg-primary .card-footer {
background-color: transparent;
}
.alert-primary {
background: rgba(55, 79, 196, 0.12) !important;
color: #374fc4 !important;
}
.alert-primary .alert-heading {
box-shadow: rgba(55, 79, 196, 0.4) 0px 6px 15px -7px;
}
.alert-primary .alert-link {
color: rgb(49.4123505976, 70.9741035857, 176.0876494024) !important;
}
.alert-primary .btn-close {
color: #374fc4 !important;
}
.bg-light-primary {
background: rgba(55, 79, 196, 0.12) !important;
color: #374fc4 !important;
}
.bg-light-primary.fc-h-event, .bg-light-primary.fc-v-event {
border-color: rgba(55, 79, 196, 0.1);
}
.bg-light-primary .fc-list-event-dot {
border-color: #374fc4 !important;
}
.bg-light-primary.fc-list-event:hover td {
background: rgba(55, 79, 196, 0.1) !important;
}
.bg-light-primary.fc-list-event .fc-list-event-title {
color: #6e6b7b;
}
.avatar.bg-light-primary {
color: #374fc4 !important;
}
.border-primary {
border: 1px solid #374fc4 !important;
}
.border-top-primary {
border-top: 1px solid #374fc4;
}
.border-bottom-primary {
border-bottom: 1px solid #374fc4;
}
.border-start-primary {
border-left: 1px solid #374fc4;
}
.border-end-primary {
border-right: 1px solid #374fc4;
}
.bg-primary.badge-glow,
.border-primary.badge-glow {
box-shadow: 0px 0px 10px #374fc4;
}
.badge.badge-light-primary {
background-color: rgba(55, 79, 196, 0.12);
color: #374fc4 !important;
}
.overlay-primary {
background: #374fc4; /* The Fallback */
background: rgba(55, 79, 196, 0.6);
}
.btn-primary {
border-color: #374fc4 !important;
background-color: #374fc4 !important;
color: #fff !important;
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active {
color: #fff;
background-color: rgb(49.4123505976, 70.9741035857, 176.0876494024) !important;
}
.btn-primary:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #374fc4;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary {
color: #fff;
background-color: rgb(49.4123505976, 70.9741035857, 176.0876494024) !important;
}
.btn-flat-primary {
background-color: transparent;
color: #374fc4;
}
.btn-flat-primary:hover {
color: #374fc4;
}
.btn-flat-primary:hover:not(.disabled):not(:disabled) {
background-color: rgba(55, 79, 196, 0.12);
}
.btn-flat-primary:active, .btn-flat-primary.active, .btn-flat-primary:focus {
background-color: rgba(55, 79, 196, 0.2);
color: #374fc4;
}
.btn-flat-primary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-primary {
background-color: #374fc4;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-primary:hover:not(.disabled):not(:disabled) {
background-color: rgb(72.6653386454, 94.9920318725, 203.8346613546);
}
.btn-relief-primary:active, .btn-relief-primary.active, .btn-relief-primary:focus {
background-color: rgb(49.4123505976, 70.9741035857, 176.0876494024);
}
.btn-relief-primary:hover {
color: #fff;
}
.btn-relief-primary:active, .btn-relief-primary.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-primary {
border: 1px solid #374fc4 !important;
background-color: transparent;
color: #374fc4;
}
.btn-outline-primary:hover:not(.disabled):not(:disabled) {
background-color: rgba(55, 79, 196, 0.04);
color: #374fc4;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):focus {
background-color: rgba(55, 79, 196, 0.2);
color: #374fc4;
}
.btn-outline-primary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-primary.show.dropdown-toggle {
background-color: rgba(55, 79, 196, 0.2);
color: #374fc4;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary {
color: #374fc4;
background-color: rgba(55, 79, 196, 0.2) !important;
}
.btn-outline-primary.waves-effect .waves-ripple,
.btn-flat-primary.waves-effect .waves-ripple {
background: radial-gradient(rgba(55, 79, 196, 0.2) 0, rgba(55, 79, 196, 0.3) 40%, rgba(55, 79, 196, 0.4) 50%, rgba(55, 79, 196, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-primary {
background-color: #374fc4;
}
.modal.modal-primary .modal-header .modal-title {
color: #374fc4;
}
.modal.modal-primary .modal-header .btn-close {
color: #374fc4 !important;
}
.pagination-primary .page-item.active .page-link {
background: #374fc4 !important;
color: #fff;
}
.pagination-primary .page-item.active .page-link:hover {
color: #fff;
}
.pagination-primary .page-item .page-link:hover {
color: #374fc4;
}
.pagination-primary .page-item.prev-item .page-link:hover, .pagination-primary .page-item.next-item .page-link:hover {
background: #374fc4;
color: #fff;
}
.pagination-primary .page-item.next-item .page-link:active:after, .pagination-primary .page-item.next-item .page-link:hover:after, .pagination-primary .page-item.next .page-link:active:after, .pagination-primary .page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.pagination-primary .page-item.prev-item .page-link:active:before, .pagination-primary .page-item.prev-item .page-link:hover:before, .pagination-primary .page-item.prev .page-link:active:before, .pagination-primary .page-item.prev .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.nav-pill-primary .nav-item .nav-link.active {
color: #fff;
background-color: #374fc4 !important;
border-color: #374fc4;
box-shadow: 0 4px 18px -4px rgba(55, 79, 196, 0.65);
}
.progress-bar-primary {
background-color: rgba(55, 79, 196, 0.12);
}
.progress-bar-primary .progress-bar {
background-color: #374fc4;
}
.timeline .timeline-point-primary {
border-color: #374fc4 !important;
}
.timeline .timeline-point-primary i,
.timeline .timeline-point-primary svg {
stroke: #374fc4 !important;
}
.timeline .timeline-point-primary.timeline-point-indicator {
background-color: #374fc4 !important;
}
.timeline .timeline-point-primary.timeline-point-indicator:before {
background: rgba(55, 79, 196, 0.12) !important;
}
.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
border-color: #374fc4 !important;
}
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #374fc4 !important;
}
.form-check-primary .form-check-input:checked {
border-color: #374fc4;
background-color: #374fc4;
}
.form-check-primary .form-check-input:not(:disabled):checked, .form-check-primary .form-check-input:not(:disabled):focus {
border-color: #374fc4;
box-shadow: 0 2px 4px 0 rgba(55, 79, 196, 0.4);
}
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #374fc4 !important;
border-color: #374fc4 !important;
}
.bg-secondary .card-header,
.bg-secondary .card-footer {
background-color: transparent;
}
.alert-secondary {
background: rgba(130, 134, 139, 0.12) !important;
color: #82868b !important;
}
.alert-secondary .alert-heading {
box-shadow: rgba(130, 134, 139, 0.4) 0px 6px 15px -7px;
}
.alert-secondary .alert-link {
color: rgb(117.2033195021, 121.244813278, 126.2966804979) !important;
}
.alert-secondary .btn-close {
color: #82868b !important;
}
.bg-light-secondary {
background: rgba(130, 134, 139, 0.12) !important;
color: #82868b !important;
}
.bg-light-secondary.fc-h-event, .bg-light-secondary.fc-v-event {
border-color: rgba(130, 134, 139, 0.1);
}
.bg-light-secondary .fc-list-event-dot {
border-color: #82868b !important;
}
.bg-light-secondary.fc-list-event:hover td {
background: rgba(130, 134, 139, 0.1) !important;
}
.bg-light-secondary.fc-list-event .fc-list-event-title {
color: #6e6b7b;
}
.avatar.bg-light-secondary {
color: #82868b !important;
}
.border-secondary {
border: 1px solid #82868b !important;
}
.border-top-secondary {
border-top: 1px solid #82868b;
}
.border-bottom-secondary {
border-bottom: 1px solid #82868b;
}
.border-start-secondary {
border-left: 1px solid #82868b;
}
.border-end-secondary {
border-right: 1px solid #82868b;
}
.bg-secondary.badge-glow,
.border-secondary.badge-glow {
box-shadow: 0px 0px 10px #82868b;
}
.badge.badge-light-secondary {
background-color: rgba(130, 134, 139, 0.12);
color: #82868b !important;
}
.overlay-secondary {
background: #82868b; /* The Fallback */
background: rgba(130, 134, 139, 0.6);
}
.btn-secondary {
border-color: #82868b !important;
background-color: #82868b !important;
color: #fff !important;
}
.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
color: #fff;
background-color: rgb(117.2033195021, 121.244813278, 126.2966804979) !important;
}
.btn-secondary:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #82868b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary {
color: #fff;
background-color: rgb(117.2033195021, 121.244813278, 126.2966804979) !important;
}
.btn-flat-secondary {
background-color: transparent;
color: #82868b;
}
.btn-flat-secondary:hover {
color: #82868b;
}
.btn-flat-secondary:hover:not(.disabled):not(:disabled) {
background-color: rgba(130, 134, 139, 0.12);
}
.btn-flat-secondary:active, .btn-flat-secondary.active, .btn-flat-secondary:focus {
background-color: rgba(130, 134, 139, 0.2);
color: #82868b;
}
.btn-flat-secondary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2382868b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-secondary {
background-color: #82868b;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-secondary:hover:not(.disabled):not(:disabled) {
background-color: rgb(143.2261410788, 146.8029045643, 151.2738589212);
}
.btn-relief-secondary:active, .btn-relief-secondary.active, .btn-relief-secondary:focus {
background-color: rgb(117.2033195021, 121.244813278, 126.2966804979);
}
.btn-relief-secondary:hover {
color: #fff;
}
.btn-relief-secondary:active, .btn-relief-secondary.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-secondary {
border: 1px solid #82868b !important;
background-color: transparent;
color: #82868b;
}
.btn-outline-secondary:hover:not(.disabled):not(:disabled) {
background-color: rgba(130, 134, 139, 0.04);
color: #82868b;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):focus {
background-color: rgba(130, 134, 139, 0.2);
color: #82868b;
}
.btn-outline-secondary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2382868b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-secondary.show.dropdown-toggle {
background-color: rgba(130, 134, 139, 0.2);
color: #82868b;
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary {
color: #82868b;
background-color: rgba(130, 134, 139, 0.2) !important;
}
.btn-outline-secondary.waves-effect .waves-ripple,
.btn-flat-secondary.waves-effect .waves-ripple {
background: radial-gradient(rgba(130, 134, 139, 0.2) 0, rgba(130, 134, 139, 0.3) 40%, rgba(130, 134, 139, 0.4) 50%, rgba(130, 134, 139, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-secondary {
background-color: #82868b;
}
.modal.modal-secondary .modal-header .modal-title {
color: #82868b;
}
.modal.modal-secondary .modal-header .btn-close {
color: #82868b !important;
}
.pagination-secondary .page-item.active .page-link {
background: #82868b !important;
color: #fff;
}
.pagination-secondary .page-item.active .page-link:hover {
color: #fff;
}
.pagination-secondary .page-item .page-link:hover {
color: #82868b;
}
.pagination-secondary .page-item.prev-item .page-link:hover, .pagination-secondary .page-item.next-item .page-link:hover {
background: #82868b;
color: #fff;
}
.pagination-secondary .page-item.next-item .page-link:active:after, .pagination-secondary .page-item.next-item .page-link:hover:after, .pagination-secondary .page-item.next .page-link:active:after, .pagination-secondary .page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2382868b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.pagination-secondary .page-item.prev-item .page-link:active:before, .pagination-secondary .page-item.prev-item .page-link:hover:before, .pagination-secondary .page-item.prev .page-link:active:before, .pagination-secondary .page-item.prev .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2382868b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.nav-pill-secondary .nav-item .nav-link.active {
color: #fff;
background-color: #82868b !important;
border-color: #82868b;
box-shadow: 0 4px 18px -4px rgba(130, 134, 139, 0.65);
}
.progress-bar-secondary {
background-color: rgba(130, 134, 139, 0.12);
}
.progress-bar-secondary .progress-bar {
background-color: #82868b;
}
.timeline .timeline-point-secondary {
border-color: #82868b !important;
}
.timeline .timeline-point-secondary i,
.timeline .timeline-point-secondary svg {
stroke: #82868b !important;
}
.timeline .timeline-point-secondary.timeline-point-indicator {
background-color: #82868b !important;
}
.timeline .timeline-point-secondary.timeline-point-indicator:before {
background: rgba(130, 134, 139, 0.12) !important;
}
.divider.divider-secondary .divider-text:before, .divider.divider-secondary .divider-text:after {
border-color: #82868b !important;
}
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #82868b !important;
}
.form-check-secondary .form-check-input:checked {
border-color: #82868b;
background-color: #82868b;
}
.form-check-secondary .form-check-input:not(:disabled):checked, .form-check-secondary .form-check-input:not(:disabled):focus {
border-color: #82868b;
box-shadow: 0 2px 4px 0 rgba(130, 134, 139, 0.4);
}
.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #82868b !important;
border-color: #82868b !important;
}
.bg-success .card-header,
.bg-success .card-footer {
background-color: transparent;
}
.alert-success {
background: rgba(40, 199, 111, 0.12) !important;
color: #28c76f !important;
}
.alert-success .alert-heading {
box-shadow: rgba(40, 199, 111, 0.4) 0px 6px 15px -7px;
}
.alert-success .alert-link {
color: rgb(35.7322175732, 177.7677824268, 99.1569037657) !important;
}
.alert-success .btn-close {
color: #28c76f !important;
}
.bg-light-success {
background: rgba(40, 199, 111, 0.12) !important;
color: #28c76f !important;
}
.bg-light-success.fc-h-event, .bg-light-success.fc-v-event {
border-color: rgba(40, 199, 111, 0.1);
}
.bg-light-success .fc-list-event-dot {
border-color: #28c76f !important;
}
.bg-light-success.fc-list-event:hover td {
background: rgba(40, 199, 111, 0.1) !important;
}
.bg-light-success.fc-list-event .fc-list-event-title {
color: #6e6b7b;
}
.avatar.bg-light-success {
color: #28c76f !important;
}
.border-success {
border: 1px solid #28c76f !important;
}
.border-top-success {
border-top: 1px solid #28c76f;
}
.border-bottom-success {
border-bottom: 1px solid #28c76f;
}
.border-start-success {
border-left: 1px solid #28c76f;
}
.border-end-success {
border-right: 1px solid #28c76f;
}
.bg-success.badge-glow,
.border-success.badge-glow {
box-shadow: 0px 0px 10px #28c76f;
}
.badge.badge-light-success {
background-color: rgba(40, 199, 111, 0.12);
color: #28c76f !important;
}
.overlay-success {
background: #28c76f; /* The Fallback */
background: rgba(40, 199, 111, 0.6);
}
.btn-success {
border-color: #28c76f !important;
background-color: #28c76f !important;
color: #fff !important;
}
.btn-success:focus, .btn-success:active, .btn-success.active {
color: #fff;
background-color: rgb(35.7322175732, 177.7677824268, 99.1569037657) !important;
}
.btn-success:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #28c76f;
}
.btn-success:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success {
color: #fff;
background-color: rgb(35.7322175732, 177.7677824268, 99.1569037657) !important;
}
.btn-flat-success {
background-color: transparent;
color: #28c76f;
}
.btn-flat-success:hover {
color: #28c76f;
}
.btn-flat-success:hover:not(.disabled):not(:disabled) {
background-color: rgba(40, 199, 111, 0.12);
}
.btn-flat-success:active, .btn-flat-success.active, .btn-flat-success:focus {
background-color: rgba(40, 199, 111, 0.2);
color: #28c76f;
}
.btn-flat-success.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2328c76f%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-success {
background-color: #28c76f;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-success:hover:not(.disabled):not(:disabled) {
background-color: rgb(50.5878661088, 213.9121338912, 123.5188284519);
}
.btn-relief-success:active, .btn-relief-success.active, .btn-relief-success:focus {
background-color: rgb(35.7322175732, 177.7677824268, 99.1569037657);
}
.btn-relief-success:hover {
color: #fff;
}
.btn-relief-success:active, .btn-relief-success.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-success {
border: 1px solid #28c76f !important;
background-color: transparent;
color: #28c76f;
}
.btn-outline-success:hover:not(.disabled):not(:disabled) {
background-color: rgba(40, 199, 111, 0.04);
color: #28c76f;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):focus {
background-color: rgba(40, 199, 111, 0.2);
color: #28c76f;
}
.btn-outline-success.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2328c76f%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-success.show.dropdown-toggle {
background-color: rgba(40, 199, 111, 0.2);
color: #28c76f;
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success {
color: #28c76f;
background-color: rgba(40, 199, 111, 0.2) !important;
}
.btn-outline-success.waves-effect .waves-ripple,
.btn-flat-success.waves-effect .waves-ripple {
background: radial-gradient(rgba(40, 199, 111, 0.2) 0, rgba(40, 199, 111, 0.3) 40%, rgba(40, 199, 111, 0.4) 50%, rgba(40, 199, 111, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-success {
background-color: #28c76f;
}
.modal.modal-success .modal-header .modal-title {
color: #28c76f;
}
.modal.modal-success .modal-header .btn-close {
color: #28c76f !important;
}
.pagination-success .page-item.active .page-link {
background: #28c76f !important;
color: #fff;
}
.pagination-success .page-item.active .page-link:hover {
color: #fff;
}
.pagination-success .page-item .page-link:hover {
color: #28c76f;
}
.pagination-success .page-item.prev-item .page-link:hover, .pagination-success .page-item.next-item .page-link:hover {
background: #28c76f;
color: #fff;
}
.pagination-success .page-item.next-item .page-link:active:after, .pagination-success .page-item.next-item .page-link:hover:after, .pagination-success .page-item.next .page-link:active:after, .pagination-success .page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2328c76f%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.pagination-success .page-item.prev-item .page-link:active:before, .pagination-success .page-item.prev-item .page-link:hover:before, .pagination-success .page-item.prev .page-link:active:before, .pagination-success .page-item.prev .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2328c76f%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.nav-pill-success .nav-item .nav-link.active {
color: #fff;
background-color: #28c76f !important;
border-color: #28c76f;
box-shadow: 0 4px 18px -4px rgba(40, 199, 111, 0.65);
}
.progress-bar-success {
background-color: rgba(40, 199, 111, 0.12);
}
.progress-bar-success .progress-bar {
background-color: #28c76f;
}
.timeline .timeline-point-success {
border-color: #28c76f !important;
}
.timeline .timeline-point-success i,
.timeline .timeline-point-success svg {
stroke: #28c76f !important;
}
.timeline .timeline-point-success.timeline-point-indicator {
background-color: #28c76f !important;
}
.timeline .timeline-point-success.timeline-point-indicator:before {
background: rgba(40, 199, 111, 0.12) !important;
}
.divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
border-color: #28c76f !important;
}
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28c76f !important;
}
.form-check-success .form-check-input:checked {
border-color: #28c76f;
background-color: #28c76f;
}
.form-check-success .form-check-input:not(:disabled):checked, .form-check-success .form-check-input:not(:disabled):focus {
border-color: #28c76f;
box-shadow: 0 2px 4px 0 rgba(40, 199, 111, 0.4);
}
.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #28c76f !important;
border-color: #28c76f !important;
}
.bg-info .card-header,
.bg-info .card-footer {
background-color: transparent;
}
.alert-info {
background: rgba(0, 207, 232, 0.12) !important;
color: #00cfe8 !important;
}
.alert-info .alert-heading {
box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px;
}
.alert-info .alert-link {
color: rgb(0, 184.2478448276, 206.5) !important;
}
.alert-info .btn-close {
color: #00cfe8 !important;
}
.bg-light-info {
background: rgba(0, 207, 232, 0.12) !important;
color: #00cfe8 !important;
}
.bg-light-info.fc-h-event, .bg-light-info.fc-v-event {
border-color: rgba(0, 207, 232, 0.1);
}
.bg-light-info .fc-list-event-dot {
border-color: #00cfe8 !important;
}
.bg-light-info.fc-list-event:hover td {
background: rgba(0, 207, 232, 0.1) !important;
}
.bg-light-info.fc-list-event .fc-list-event-title {
color: #6e6b7b;
}
.avatar.bg-light-info {
color: #00cfe8 !important;
}
.border-info {
border: 1px solid #00cfe8 !important;
}
.border-top-info {
border-top: 1px solid #00cfe8;
}
.border-bottom-info {
border-bottom: 1px solid #00cfe8;
}
.border-start-info {
border-left: 1px solid #00cfe8;
}
.border-end-info {
border-right: 1px solid #00cfe8;
}
.bg-info.badge-glow,
.border-info.badge-glow {
box-shadow: 0px 0px 10px #00cfe8;
}
.badge.badge-light-info {
background-color: rgba(0, 207, 232, 0.12);
color: #00cfe8 !important;
}
.overlay-info {
background: #00cfe8; /* The Fallback */
background: rgba(0, 207, 232, 0.6);
}
.btn-info {
border-color: #00cfe8 !important;
background-color: #00cfe8 !important;
color: #fff !important;
}
.btn-info:focus, .btn-info:active, .btn-info.active {
color: #fff;
background-color: rgb(0, 184.2478448276, 206.5) !important;
}
.btn-info:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #00cfe8;
}
.btn-info:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info {
color: #fff;
background-color: rgb(0, 184.2478448276, 206.5) !important;
}
.btn-flat-info {
background-color: transparent;
color: #00cfe8;
}
.btn-flat-info:hover {
color: #00cfe8;
}
.btn-flat-info:hover:not(.disabled):not(:disabled) {
background-color: rgba(0, 207, 232, 0.12);
}
.btn-flat-info:active, .btn-flat-info.active, .btn-flat-info:focus {
background-color: rgba(0, 207, 232, 0.2);
color: #00cfe8;
}
.btn-flat-info.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2300cfe8%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-info {
background-color: #00cfe8;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-info:hover:not(.disabled):not(:disabled) {
background-color: rgb(2.5, 227.7909482759, 255);
}
.btn-relief-info:active, .btn-relief-info.active, .btn-relief-info:focus {
background-color: rgb(0, 184.2478448276, 206.5);
}
.btn-relief-info:hover {
color: #fff;
}
.btn-relief-info:active, .btn-relief-info.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-info {
border: 1px solid #00cfe8 !important;
background-color: transparent;
color: #00cfe8;
}
.btn-outline-info:hover:not(.disabled):not(:disabled) {
background-color: rgba(0, 207, 232, 0.04);
color: #00cfe8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):focus {
background-color: rgba(0, 207, 232, 0.2);
color: #00cfe8;
}
.btn-outline-info.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2300cfe8%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-info.show.dropdown-toggle {
background-color: rgba(0, 207, 232, 0.2);
color: #00cfe8;
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info {
color: #00cfe8;
background-color: rgba(0, 207, 232, 0.2) !important;
}
.btn-outline-info.waves-effect .waves-ripple,
.btn-flat-info.waves-effect .waves-ripple {
background: radial-gradient(rgba(0, 207, 232, 0.2) 0, rgba(0, 207, 232, 0.3) 40%, rgba(0, 207, 232, 0.4) 50%, rgba(0, 207, 232, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-info {
background-color: #00cfe8;
}
.modal.modal-info .modal-header .modal-title {
color: #00cfe8;
}
.modal.modal-info .modal-header .btn-close {
color: #00cfe8 !important;
}
.pagination-info .page-item.active .page-link {
background: #00cfe8 !important;
color: #fff;
}
.pagination-info .page-item.active .page-link:hover {
color: #fff;
}
.pagination-info .page-item .page-link:hover {
color: #00cfe8;
}
.pagination-info .page-item.prev-item .page-link:hover, .pagination-info .page-item.next-item .page-link:hover {
background: #00cfe8;
color: #fff;
}
.pagination-info .page-item.next-item .page-link:active:after, .pagination-info .page-item.next-item .page-link:hover:after, .pagination-info .page-item.next .page-link:active:after, .pagination-info .page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2300cfe8%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.pagination-info .page-item.prev-item .page-link:active:before, .pagination-info .page-item.prev-item .page-link:hover:before, .pagination-info .page-item.prev .page-link:active:before, .pagination-info .page-item.prev .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%2300cfe8%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.nav-pill-info .nav-item .nav-link.active {
color: #fff;
background-color: #00cfe8 !important;
border-color: #00cfe8;
box-shadow: 0 4px 18px -4px rgba(0, 207, 232, 0.65);
}
.progress-bar-info {
background-color: rgba(0, 207, 232, 0.12);
}
.progress-bar-info .progress-bar {
background-color: #00cfe8;
}
.timeline .timeline-point-info {
border-color: #00cfe8 !important;
}
.timeline .timeline-point-info i,
.timeline .timeline-point-info svg {
stroke: #00cfe8 !important;
}
.timeline .timeline-point-info.timeline-point-indicator {
background-color: #00cfe8 !important;
}
.timeline .timeline-point-info.timeline-point-indicator:before {
background: rgba(0, 207, 232, 0.12) !important;
}
.divider.divider-info .divider-text:before, .divider.divider-info .divider-text:after {
border-color: #00cfe8 !important;
}
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00cfe8 !important;
}
.form-check-info .form-check-input:checked {
border-color: #00cfe8;
background-color: #00cfe8;
}
.form-check-info .form-check-input:not(:disabled):checked, .form-check-info .form-check-input:not(:disabled):focus {
border-color: #00cfe8;
box-shadow: 0 2px 4px 0 rgba(0, 207, 232, 0.4);
}
.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #00cfe8 !important;
border-color: #00cfe8 !important;
}
.bg-warning .card-header,
.bg-warning .card-footer {
background-color: transparent;
}
.alert-warning {
background: rgba(255, 159, 67, 0.12) !important;
color: #ff9f43 !important;
}
.alert-warning .alert-heading {
box-shadow: rgba(255, 159, 67, 0.4) 0px 6px 15px -7px;
}
.alert-warning .alert-link {
color: rgb(255, 145.9787234043, 41.5) !important;
}
.alert-warning .btn-close {
color: #ff9f43 !important;
}
.bg-light-warning {
background: rgba(255, 159, 67, 0.12) !important;
color: #ff9f43 !important;
}
.bg-light-warning.fc-h-event, .bg-light-warning.fc-v-event {
border-color: rgba(255, 159, 67, 0.1);
}
.bg-light-warning .fc-list-event-dot {
border-color: #ff9f43 !important;
}
.bg-light-warning.fc-list-event:hover td {
background: rgba(255, 159, 67, 0.1) !important;
}
.bg-light-warning.fc-list-event .fc-list-event-title {
color: #6e6b7b;
}
.avatar.bg-light-warning {
color: #ff9f43 !important;
}
.border-warning {
border: 1px solid #ff9f43 !important;
}
.border-top-warning {
border-top: 1px solid #ff9f43;
}
.border-bottom-warning {
border-bottom: 1px solid #ff9f43;
}
.border-start-warning {
border-left: 1px solid #ff9f43;
}
.border-end-warning {
border-right: 1px solid #ff9f43;
}
.bg-warning.badge-glow,
.border-warning.badge-glow {
box-shadow: 0px 0px 10px #ff9f43;
}
.badge.badge-light-warning {
background-color: rgba(255, 159, 67, 0.12);
color: #ff9f43 !important;
}
.overlay-warning {
background: #ff9f43; /* The Fallback */
background: rgba(255, 159, 67, 0.6);
}
.btn-warning {
border-color: #ff9f43 !important;
background-color: #ff9f43 !important;
color: #fff !important;
}
.btn-warning:focus, .btn-warning:active, .btn-warning.active {
color: #fff;
background-color: rgb(255, 145.9787234043, 41.5) !important;
}
.btn-warning:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #ff9f43;
}
.btn-warning:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning {
color: #fff;
background-color: rgb(255, 145.9787234043, 41.5) !important;
}
.btn-flat-warning {
background-color: transparent;
color: #ff9f43;
}
.btn-flat-warning:hover {
color: #ff9f43;
}
.btn-flat-warning:hover:not(.disabled):not(:disabled) {
background-color: rgba(255, 159, 67, 0.12);
}
.btn-flat-warning:active, .btn-flat-warning.active, .btn-flat-warning:focus {
background-color: rgba(255, 159, 67, 0.2);
color: #ff9f43;
}
.btn-flat-warning.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ff9f43%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-warning {
background-color: #ff9f43;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-warning:hover:not(.disabled):not(:disabled) {
background-color: rgb(255, 172.0212765957, 92.5);
}
.btn-relief-warning:active, .btn-relief-warning.active, .btn-relief-warning:focus {
background-color: rgb(255, 145.9787234043, 41.5);
}
.btn-relief-warning:hover {
color: #fff;
}
.btn-relief-warning:active, .btn-relief-warning.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-warning {
border: 1px solid #ff9f43 !important;
background-color: transparent;
color: #ff9f43;
}
.btn-outline-warning:hover:not(.disabled):not(:disabled) {
background-color: rgba(255, 159, 67, 0.04);
color: #ff9f43;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):focus {
background-color: rgba(255, 159, 67, 0.2);
color: #ff9f43;
}
.btn-outline-warning.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ff9f43%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-warning.show.dropdown-toggle {
background-color: rgba(255, 159, 67, 0.2);
color: #ff9f43;
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning {
color: #ff9f43;
background-color: rgba(255, 159, 67, 0.2) !important;
}
.btn-outline-warning.waves-effect .waves-ripple,
.btn-flat-warning.waves-effect .waves-ripple {
background: radial-gradient(rgba(255, 159, 67, 0.2) 0, rgba(255, 159, 67, 0.3) 40%, rgba(255, 159, 67, 0.4) 50%, rgba(255, 159, 67, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-warning {
background-color: #ff9f43;
}
.modal.modal-warning .modal-header .modal-title {
color: #ff9f43;
}
.modal.modal-warning .modal-header .btn-close {
color: #ff9f43 !important;
}
.pagination-warning .page-item.active .page-link {
background: #ff9f43 !important;
color: #fff;
}
.pagination-warning .page-item.active .page-link:hover {
color: #fff;
}
.pagination-warning .page-item .page-link:hover {
color: #ff9f43;
}
.pagination-warning .page-item.prev-item .page-link:hover, .pagination-warning .page-item.next-item .page-link:hover {
background: #ff9f43;
color: #fff;
}
.pagination-warning .page-item.next-item .page-link:active:after, .pagination-warning .page-item.next-item .page-link:hover:after, .pagination-warning .page-item.next .page-link:active:after, .pagination-warning .page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ff9f43%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.pagination-warning .page-item.prev-item .page-link:active:before, .pagination-warning .page-item.prev-item .page-link:hover:before, .pagination-warning .page-item.prev .page-link:active:before, .pagination-warning .page-item.prev .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ff9f43%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.nav-pill-warning .nav-item .nav-link.active {
color: #fff;
background-color: #ff9f43 !important;
border-color: #ff9f43;
box-shadow: 0 4px 18px -4px rgba(255, 159, 67, 0.65);
}
.progress-bar-warning {
background-color: rgba(255, 159, 67, 0.12);
}
.progress-bar-warning .progress-bar {
background-color: #ff9f43;
}
.timeline .timeline-point-warning {
border-color: #ff9f43 !important;
}
.timeline .timeline-point-warning i,
.timeline .timeline-point-warning svg {
stroke: #ff9f43 !important;
}
.timeline .timeline-point-warning.timeline-point-indicator {
background-color: #ff9f43 !important;
}
.timeline .timeline-point-warning.timeline-point-indicator:before {
background: rgba(255, 159, 67, 0.12) !important;
}
.divider.divider-warning .divider-text:before, .divider.divider-warning .divider-text:after {
border-color: #ff9f43 !important;
}
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9f43 !important;
}
.form-check-warning .form-check-input:checked {
border-color: #ff9f43;
background-color: #ff9f43;
}
.form-check-warning .form-check-input:not(:disabled):checked, .form-check-warning .form-check-input:not(:disabled):focus {
border-color: #ff9f43;
box-shadow: 0 2px 4px 0 rgba(255, 159, 67, 0.4);
}
.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #ff9f43 !important;
border-color: #ff9f43 !important;
}
.bg-danger .card-header,
.bg-danger .card-footer {
background-color: transparent;
}
.alert-danger {
background: rgba(234, 84, 85, 0.12) !important;
color: #ea5455 !important;
}
.alert-danger .alert-heading {
box-shadow: rgba(234, 84, 85, 0.4) 0px 6px 15px -7px;
}
.alert-danger .alert-link {
color: rgb(231.2109375, 61.2890625, 62.421875) !important;
}
.alert-danger .btn-close {
color: #ea5455 !important;
}
.bg-light-danger {
background: rgba(234, 84, 85, 0.12) !important;
color: #ea5455 !important;
}
.bg-light-danger.fc-h-event, .bg-light-danger.fc-v-event {
border-color: rgba(234, 84, 85, 0.1);
}
.bg-light-danger .fc-list-event-dot {
border-color: #ea5455 !important;
}
.bg-light-danger.fc-list-event:hover td {
background: rgba(234, 84, 85, 0.1) !important;
}
.bg-light-danger.fc-list-event .fc-list-event-title {
color: #6e6b7b;
}
.avatar.bg-light-danger {
color: #ea5455 !important;
}
.border-danger {
border: 1px solid #ea5455 !important;
}
.border-top-danger {
border-top: 1px solid #ea5455;
}
.border-bottom-danger {
border-bottom: 1px solid #ea5455;
}
.border-start-danger {
border-left: 1px solid #ea5455;
}
.border-end-danger {
border-right: 1px solid #ea5455;
}
.bg-danger.badge-glow,
.border-danger.badge-glow {
box-shadow: 0px 0px 10px #ea5455;
}
.badge.badge-light-danger {
background-color: rgba(234, 84, 85, 0.12);
color: #ea5455 !important;
}
.overlay-danger {
background: #ea5455; /* The Fallback */
background: rgba(234, 84, 85, 0.6);
}
.btn-danger {
border-color: #ea5455 !important;
background-color: #ea5455 !important;
color: #fff !important;
}
.btn-danger:focus, .btn-danger:active, .btn-danger.active {
color: #fff;
background-color: rgb(231.2109375, 61.2890625, 62.421875) !important;
}
.btn-danger:hover:not(.disabled):not(:disabled) {
box-shadow: 0 8px 25px -8px #ea5455;
}
.btn-danger:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger {
color: #fff;
background-color: rgb(231.2109375, 61.2890625, 62.421875) !important;
}
.btn-flat-danger {
background-color: transparent;
color: #ea5455;
}
.btn-flat-danger:hover {
color: #ea5455;
}
.btn-flat-danger:hover:not(.disabled):not(:disabled) {
background-color: rgba(234, 84, 85, 0.12);
}
.btn-flat-danger:active, .btn-flat-danger.active, .btn-flat-danger:focus {
background-color: rgba(234, 84, 85, 0.2);
color: #ea5455;
}
.btn-flat-danger.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ea5455%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-relief-danger {
background-color: #ea5455;
box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
color: #fff;
transition: all 0.2s ease;
}
.btn-relief-danger:hover:not(.disabled):not(:disabled) {
background-color: rgb(236.7890625, 106.7109375, 107.578125);
}
.btn-relief-danger:active, .btn-relief-danger.active, .btn-relief-danger:focus {
background-color: rgb(231.2109375, 61.2890625, 62.421875);
}
.btn-relief-danger:hover {
color: #fff;
}
.btn-relief-danger:active, .btn-relief-danger.active {
outline: none;
box-shadow: none;
transform: translateY(3px);
}
.btn-outline-danger {
border: 1px solid #ea5455 !important;
background-color: transparent;
color: #ea5455;
}
.btn-outline-danger:hover:not(.disabled):not(:disabled) {
background-color: rgba(234, 84, 85, 0.04);
color: #ea5455;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):focus {
background-color: rgba(234, 84, 85, 0.2);
color: #ea5455;
}
.btn-outline-danger.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ea5455%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.btn-outline-danger.show.dropdown-toggle {
background-color: rgba(234, 84, 85, 0.2);
color: #ea5455;
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger {
color: #ea5455;
background-color: rgba(234, 84, 85, 0.2) !important;
}
.btn-outline-danger.waves-effect .waves-ripple,
.btn-flat-danger.waves-effect .waves-ripple {
background: radial-gradient(rgba(234, 84, 85, 0.2) 0, rgba(234, 84, 85, 0.3) 40%, rgba(234, 84, 85, 0.4) 50%, rgba(234, 84, 85, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.bullet.bullet-danger {
background-color: #ea5455;
}
.modal.modal-danger .modal-header .modal-title {
color: #ea5455;
}
.modal.modal-danger .modal-header .btn-close {
color: #ea5455 !important;
}
.pagination-danger .page-item.active .page-link {
background: #ea5455 !important;
color: #fff;
}
.pagination-danger .page-item.active .page-link:hover {
color: #fff;
}
.pagination-danger .page-item .page-link:hover {
color: #ea5455;
}
.pagination-danger .page-item.prev-item .page-link:hover, .pagination-danger .page-item.next-item .page-link:hover {
background: #ea5455;
color: #fff;
}
.pagination-danger .page-item.next-item .page-link:active:after, .pagination-danger .page-item.next-item .page-link:hover:after, .pagination-danger .page-item.next .page-link:active:after, .pagination-danger .page-item.next .page-link:hover:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ea5455%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B") !important;
}
.pagination-danger .page-item.prev-item .page-link:active:before, .pagination-danger .page-item.prev-item .page-link:hover:before, .pagination-danger .page-item.prev .page-link:active:before, .pagination-danger .page-item.prev .page-link:hover:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23ea5455%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B") !important;
}
.nav-pill-danger .nav-item .nav-link.active {
color: #fff;
background-color: #ea5455 !important;
border-color: #ea5455;
box-shadow: 0 4px 18px -4px rgba(234, 84, 85, 0.65);
}
.progress-bar-danger {
background-color: rgba(234, 84, 85, 0.12);
}
.progress-bar-danger .progress-bar {
background-color: #ea5455;
}
.timeline .timeline-point-danger {
border-color: #ea5455 !important;
}
.timeline .timeline-point-danger i,
.timeline .timeline-point-danger svg {
stroke: #ea5455 !important;
}
.timeline .timeline-point-danger.timeline-point-indicator {
background-color: #ea5455 !important;
}
.timeline .timeline-point-danger.timeline-point-indicator:before {
background: rgba(234, 84, 85, 0.12) !important;
}
.divider.divider-danger .divider-text:before, .divider.divider-danger .divider-text:after {
border-color: #ea5455 !important;
}
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea5455 !important;
}
.form-check-danger .form-check-input:checked {
border-color: #ea5455;
background-color: #ea5455;
}
.form-check-danger .form-check-input:not(:disabled):checked, .form-check-danger .form-check-input:not(:disabled):focus {
border-color: #ea5455;
box-shadow: 0 2px 4px 0 rgba(234, 84, 85, 0.4);
}
.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #ea5455 !important;
border-color: #ea5455 !important;
}
.bg-gradient-dark,
.btn-gradient-dark {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #4b4b4b, #1e1e1e);
background-repeat: repeat-x;
background-repeat: repeat;
}
.dark-layout .bg-gradient-dark,
.dark-layout .btn-gradient-dark {
background-image: linear-gradient(47deg, #1e1e1e, #4b4b4b);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-dark:hover, .bg-gradient-dark:active,
.btn-gradient-dark:hover,
.btn-gradient-dark:active {
color: #fff;
}
.bg-gradient-dark:hover:not(.disabled):not(:disabled),
.btn-gradient-dark:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-dark:active,
.btn-gradient-dark:active {
transform: translateY(0);
}
.bg-gradient-dark:active, .bg-gradient-dark:focus,
.btn-gradient-dark:active,
.btn-gradient-dark:focus {
background-image: linear-gradient(47deg, #1e1e1e, #4b4b4b);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-primary,
.btn-gradient-primary {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #374fc4, rgb(92.577689243, 112.4661354582, 209.422310757));
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-primary:hover, .bg-gradient-primary:active,
.btn-gradient-primary:hover,
.btn-gradient-primary:active {
color: #fff;
}
.bg-gradient-primary:hover:not(.disabled):not(:disabled),
.btn-gradient-primary:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-primary:active,
.btn-gradient-primary:active {
transform: translateY(0);
}
.bg-gradient-primary:active, .bg-gradient-primary:focus,
.btn-gradient-primary:active,
.btn-gradient-primary:focus {
background-image: linear-gradient(47deg, rgb(43.8247011952, 62.9482071713, 156.1752988048), #374fc4);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-secondary,
.btn-gradient-secondary {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #82868b, rgb(156.4522821577, 159.6058091286, 163.5477178423));
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-secondary:hover, .bg-gradient-secondary:active,
.btn-gradient-secondary:hover,
.btn-gradient-secondary:active {
color: #fff;
}
.bg-gradient-secondary:hover:not(.disabled):not(:disabled),
.btn-gradient-secondary:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-secondary:active,
.btn-gradient-secondary:active {
transform: translateY(0);
}
.bg-gradient-secondary:active, .bg-gradient-secondary:focus,
.btn-gradient-secondary:active,
.btn-gradient-secondary:focus {
background-image: linear-gradient(47deg, rgb(104.9294605809, 108.5477178423, 113.0705394191), #82868b);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-success,
.btn-gradient-success {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #28c76f, rgb(71.820083682, 218.179916318, 137.1757322176));
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-success:hover, .bg-gradient-success:active,
.btn-gradient-success:hover,
.btn-gradient-success:active {
color: #fff;
}
.bg-gradient-success:hover:not(.disabled):not(:disabled),
.btn-gradient-success:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-success:active,
.btn-gradient-success:active {
transform: translateY(0);
}
.bg-gradient-success:active, .bg-gradient-success:focus,
.btn-gradient-success:active,
.btn-gradient-success:focus {
background-image: linear-gradient(47deg, rgb(31.4644351464, 156.5355648536, 87.3138075314), #28c76f);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-info,
.btn-gradient-info {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #00cfe8, rgb(28, 230.5387931034, 255));
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-info:hover, .bg-gradient-info:active,
.btn-gradient-info:hover,
.btn-gradient-info:active {
color: #fff;
}
.bg-gradient-info:hover:not(.disabled):not(:disabled),
.btn-gradient-info:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-info:active,
.btn-gradient-info:active {
transform: translateY(0);
}
.bg-gradient-info:active, .bg-gradient-info:focus,
.btn-gradient-info:active,
.btn-gradient-info:focus {
background-image: linear-gradient(47deg, rgb(0, 161.4956896552, 181), #00cfe8);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-warning,
.btn-gradient-warning {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #ff9f43, rgb(255, 185.0425531915, 118));
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-warning:hover, .bg-gradient-warning:active,
.btn-gradient-warning:hover,
.btn-gradient-warning:active {
color: #fff;
}
.bg-gradient-warning:hover:not(.disabled):not(:disabled),
.btn-gradient-warning:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-warning:active,
.btn-gradient-warning:active {
transform: translateY(0);
}
.bg-gradient-warning:active, .bg-gradient-warning:focus,
.btn-gradient-warning:active,
.btn-gradient-warning:focus {
background-image: linear-gradient(47deg, rgb(255, 132.9574468085, 16), #ff9f43);
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-danger,
.btn-gradient-danger {
color: #fff;
transition: all 0.2s ease;
background-image: linear-gradient(47deg, #ea5455, rgb(239.578125, 129.421875, 130.15625));
background-repeat: repeat-x;
background-repeat: repeat;
}
.bg-gradient-danger:hover, .bg-gradient-danger:active,
.btn-gradient-danger:hover,
.btn-gradient-danger:active {
color: #fff;
}
.bg-gradient-danger:hover:not(.disabled):not(:disabled),
.btn-gradient-danger:hover:not(.disabled):not(:disabled) {
transform: translateY(-2px);
}
.bg-gradient-danger:active,
.btn-gradient-danger:active {
transform: translateY(0);
}
.bg-gradient-danger:active, .bg-gradient-danger:focus,
.btn-gradient-danger:active,
.btn-gradient-danger:focus {
background-image: linear-gradient(47deg, rgb(228.421875, 38.578125, 39.84375), #ea5455);
background-repeat: repeat-x;
background-repeat: repeat;
}
html {
font-size: 14px;
height: 100%;
letter-spacing: 0.01rem;
/*
* Blank page
*/
}
html body {
height: 100%;
background-color: #f8f8f8;
direction: ltr;
}
html body p {
line-height: 1.5rem;
}
html .content {
padding: 0;
position: relative;
transition: 300ms ease all;
backface-visibility: hidden;
min-height: calc(100% - 3.35rem);
margin-left: 260px;
}
html .content.app-content {
padding: calc(2rem + 4.45rem + 1.3rem) 2rem 0;
}
html .content.app-content.show-overlay .content-overlay {
z-index: 10;
opacity: 1;
}
html .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
display: none;
}
html .content.app-content .content-overlay {
position: fixed;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(34, 41, 47, 0.5);
cursor: pointer;
transition: all 0.7s, z-index 0s;
z-index: -1;
}
html .content.app-content .content-area-wrapper {
display: flex;
position: relative;
overflow: hidden;
}
html .content.app-content .content-area-wrapper .content-wrapper,
html .content.app-content .content-area-wrapper .content-body {
height: 100%;
}
html .content .body-content-overlay {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block;
z-index: 4;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
html .content .body-content-overlay.show {
visibility: visible;
transition: all 0.3s ease;
opacity: 1;
background-color: rgba(34, 41, 47, 0.2);
border-radius: 0.1785rem;
}
html .content .content-wrapper .content-header-title {
font-weight: 500;
color: #636363;
padding-right: 1rem;
border-right: 1px solid rgb(213.6803278689, 219.5, 225.3196721311);
}
html .content .content-wrapper .content-header-right .dropdown-toggle::after {
display: none;
}
html .content .content-wrapper .content-header-right .dropdown-toggle i,
html .content .content-wrapper .content-header-right .dropdown-toggle svg {
margin-right: 0;
}
html .content .content-wrapper .content-header-right .btn-icon {
padding: 0.8rem;
}
html .content .content-wrapper .content-header-right .btn-icon i,
html .content .content-wrapper .content-header-right .btn-icon svg {
height: 1rem;
width: 1rem;
}
html .navbar-floating.footer-static .app-content .content-area-wrapper,
html .navbar-floating.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 + 4.45rem + 3.35rem + 1.3rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 + 4.45rem + 3.35rem + 1.3rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-floating.footer-static .app-content .content-area-wrapper,
html .navbar-floating.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 - 0.8rem * 1 + 4.45rem + 3.35rem + 1.3rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 - 0.8rem * 1 + 4.45rem + 3.35rem + 1.3rem + 0rem));
}
}
html .navbar-floating.footer-hidden .app-content .content-area-wrapper,
html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 4.45rem + 0rem + 1.3rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 4.45rem + 0rem + 1.3rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-floating.footer-hidden .app-content .content-area-wrapper,
html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 4.45rem + 0rem + 1.3rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 4.45rem + 0rem + 1.3rem + 0rem));
}
}
html .navbar-floating.footer-fixed .app-content .content-area-wrapper,
html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 4.45rem + 3.35rem + 1.3rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 4.45rem + 3.35rem + 1.3rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-floating.footer-fixed .app-content .content-area-wrapper,
html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 4.45rem + 3.35rem + 1.3rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 4.45rem + 3.35rem + 1.3rem + 0rem));
}
}
html .navbar-hidden .app-content {
padding: 2rem 2rem 0 2rem !important;
}
html .navbar-hidden.footer-static .app-content .content-area-wrapper,
html .navbar-hidden.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 + 0rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 + 0rem + 3.35rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-hidden.footer-static .app-content .content-area-wrapper,
html .navbar-hidden.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 - 0.8rem * 1 + 0rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 - 0.8rem * 1 + 0rem + 3.35rem + 0rem + 0rem));
}
}
html .navbar-hidden.footer-hidden .app-content .content-area-wrapper,
html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 0rem + 0rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 0rem + 0rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-hidden.footer-hidden .app-content .content-area-wrapper,
html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 0rem + 0rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 0rem + 0rem + 0rem + 0rem));
}
}
html .navbar-hidden.footer-fixed .app-content .content-area-wrapper,
html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 0rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 0rem + 3.35rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-hidden.footer-fixed .app-content .content-area-wrapper,
html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 0rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 0rem + 3.35rem + 0rem + 0rem));
}
}
html .navbar-static .main-menu {
top: 0;
}
html .navbar-static .content {
min-height: calc(100% - (4.45rem + 3.35rem));
}
html .navbar-static .app-content {
padding: 2rem 2rem 0 2rem;
}
html .navbar-static.footer-static .app-content .content-area-wrapper,
html .navbar-static.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-static.footer-static .app-content .content-area-wrapper,
html .navbar-static.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 - 0.8rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 - 0.8rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
}
}
html .navbar-static.footer-hidden .app-content .content-area-wrapper,
html .navbar-static.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-static.footer-hidden .app-content .content-area-wrapper,
html .navbar-static.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
}
}
html .navbar-static.footer-fixed .app-content .content-area-wrapper,
html .navbar-static.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-static.footer-fixed .app-content .content-area-wrapper,
html .navbar-static.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
}
}
html .navbar-sticky .app-content {
padding: calc(2rem + 4.45rem) 2rem 0 2rem;
}
html .navbar-sticky.footer-static .app-content .content-area-wrapper,
html .navbar-sticky.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-sticky.footer-static .app-content .content-area-wrapper,
html .navbar-sticky.footer-static .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 1 - 0.8rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 1 - 0.8rem * 1 + 4.45rem + 3.35rem + 0rem + 0rem));
}
}
html .navbar-sticky.footer-hidden .app-content .content-area-wrapper,
html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-sticky.footer-hidden .app-content .content-area-wrapper,
html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 4.45rem + 0rem + 0rem + 0rem));
}
}
html .navbar-sticky.footer-fixed .app-content .content-area-wrapper,
html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
}
@media (max-width: 767.98px) {
html .navbar-sticky.footer-fixed .app-content .content-area-wrapper,
html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
height: calc(100vh - (2rem * 2 - 0.8rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
height: calc(var(--vh, 1vh) * 100 - (2rem * 2 - 0.8rem * 2 + 4.45rem + 3.35rem + 0rem + 0rem));
}
}
html .navbar-static .nav.header-navbar .navbar-container,
html .navbar-sticky .nav.header-navbar .navbar-container {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
html .navbar-static .nav.header-navbar .navbar-container .search-input .search-list.show,
html .navbar-sticky .nav.header-navbar .navbar-container .search-input .search-list.show {
width: 98%;
left: 1%;
}
html .footer-fixed .content.app-content {
padding-bottom: 3.35rem !important;
}
html [data-col="1-column"] .header-navbar {
width: 100%;
left: 0 !important;
}
html [data-col="1-column"] .header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 2rem * 2) !important;
}
html [data-col="1-column"] .content,
html [data-col="1-column"] .footer {
margin-left: 0px !important;
}
html [data-col="1-column"].horizontal-layout .header-navbar {
width: 100% !important;
}
html [data-col="1-column"].horizontal-layout .app-content {
padding: calc(2rem + 4.45rem + 1.3rem) 2rem 0 2rem !important;
}
html [data-col="1-column"].horizontal-layout.footer-fixed .app-content {
padding: calc(2rem + 4.45rem + 1.3rem) 2rem 3.35rem 2rem !important;
}
html .blank-page .content {
margin-left: 0;
}
html .blank-page .content.app-content {
overflow: overlay;
overflow-x: hidden;
padding: 0 !important;
transition: none;
}
html .blank-page .content.app-content .header-navbar-shadow {
display: none;
}
html .blank-page .content-wrapper {
padding: 0 !important;
}
html .blank-page .content-wrapper .flexbox-container {
display: flex;
align-items: center;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
justify-content: center;
}
html .pace .pace-progress {
background: #374fc4;
}
.app-content.center-layout {
overflow: hidden;
}
/*
* Col 3 layout for detached and general type
*/
@media (min-width: 992px) {
body .content-right {
width: calc(100vw - (100vw - 100%) - 260px);
float: right;
}
body .content-left {
width: calc(100vw - (100vw - 100%) - 260px);
float: left;
}
body .content-detached {
width: 100%;
}
body .content-detached.content-right {
float: right;
margin-left: -260px;
}
body .content-detached.content-right .content-body {
margin-left: calc(260px + 2rem);
}
body .content-detached.content-left {
float: left;
margin-right: -260px;
}
body .content-detached.content-left .content-body {
margin-right: calc(260px + 2rem);
}
.sidebar-right.sidebar-sticky {
float: right !important;
margin-left: -260px;
width: 260px !important;
margin-top: 5.7rem;
}
}
@media (max-width: 991.98px) {
html body .app-content {
padding: calc(2rem - 0.8rem + 4.45rem + 1.3rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
html body.navbar-static .app-content {
padding: calc(2rem - 0.8rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
html body.navbar-sticky .app-content {
padding: calc(2rem - 0.8rem + 4.45rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
html body.navbar-hidden .app-content {
padding: calc(2rem - 0.8rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
}
@media (max-width: 991.98px) {
.navbar-static .app-content .header-navbar .navbar-container,
.navbar-sticky .app-content .header-navbar .navbar-container {
padding-left: 1rem;
padding-right: 0.5rem;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html.full-screen {
width: 100%;
}
html.full-screen .content.app-content {
height: 100%;
overflow: scroll;
overflow-x: hidden;
}
}
/*=========================================================================================
File Name: sidebar.scss
Description: content sidebar specific scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.sidebar {
position: relative;
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.sidebar {
vertical-align: top;
}
}
.sidebar-fixed {
position: fixed;
height: 100%;
overflow: scroll;
}
.sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 120vh;
background-color: rgba(34, 41, 47, 0.5);
z-index: 1003;
display: block;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease;
}
.sidenav-overlay.show {
opacity: 1;
visibility: visible;
transition: all 0.5s ease;
}
.drag-target {
height: 100%;
width: 40px;
position: fixed;
top: 0;
left: -10px;
z-index: 1036;
}
.sidebar-detached .sidebar {
width: 260px;
}
@media (min-width: 992px) {
.sidebar-left {
float: left;
}
.sidebar-right {
float: right;
}
}
@media (max-width: 1199.98px) {
.sidebar-detached .sidebar {
width: 100%;
}
}
footer.footer {
padding: 0.8rem 2rem;
min-height: 3.35rem;
transition: 300ms ease all;
}
footer.footer span i,
footer.footer span svg {
height: 1.51rem;
width: 1.51rem;
font-size: 1.51rem;
margin-left: 0.5rem;
color: #ea5455;
}
footer.footer .scroll-top {
padding: 0.81rem 0.83rem;
}
footer.footer-shadow {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}
footer.footer-border {
border-top: 1px solid #ebe9f1;
}
.footer-fixed footer {
position: fixed !important;
z-index: 1030;
right: 0;
left: 0;
bottom: 0;
}
.footer-fixed footer.footer-light {
background: #fff;
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}
.footer-fixed footer.footer-dark {
background: #b8c2cc;
color: #fff;
}
.footer-hidden .app-content {
padding-bottom: 0.1px !important;
}
.scroll-top {
position: fixed;
bottom: 5%;
right: 30px;
display: none;
z-index: 99;
}
/*=========================================================================================
File Name: navigation.scss
Description: Common mixin for menus, contain dark and light version scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.main-menu {
z-index: 1031;
position: absolute;
display: table-cell;
height: 100%;
overflow: hidden;
}
.main-menu.menu-light {
color: #6e6b7b;
background: #fff;
}
.main-menu.menu-light .navigation {
background: #fff;
}
.main-menu.menu-light .navigation .navigation-header {
color: rgb(166.1217391304, 163.8997826087, 175.7502173913);
margin: calc(2rem + 0.286rem) 0 0.8rem 2.2rem;
padding: 0;
line-height: 1.5;
letter-spacing: 0.01rem;
}
.main-menu.menu-light .navigation .navigation-header span {
font-weight: 500;
}
.main-menu.menu-light .navigation li.has-sub > a {
transition: all 0.5s ease, background 0s, color 0s;
}
.main-menu.menu-light .navigation li a {
color: rgb(98.0482608696, 95.3742173913, 109.6357826087);
padding: 10px 15px 10px 15px;
line-height: 1.45;
}
.main-menu.menu-light .navigation li a span.menu-sub-title {
color: rgb(188.7391304348, 187.0826086957, 195.9173913043);
}
.main-menu.menu-light .navigation li a > * {
transition: transform 0.25s ease;
}
.main-menu.menu-light .navigation li.nav-item a:hover > * {
transition: transform 0.25s ease;
transform: translateX(5px);
}
.main-menu.menu-light .navigation li.nav-item ul.menu-content li a:hover > * {
transition: transform 0.25s ease;
transform: translateX(5px);
}
.main-menu.menu-light .navigation > li > a {
margin: 0 15px;
}
.main-menu.menu-light .navigation > li > a .label {
margin-top: 4px;
margin-right: 5px;
}
.main-menu.menu-light .navigation > li > a i,
.main-menu.menu-light .navigation > li > a svg {
position: relative;
top: 1px;
}
.main-menu.menu-light .navigation > li > ul li:first-of-type {
margin-top: 7px !important;
}
.main-menu.menu-light .navigation > li > ul li:not(.has-sub) {
margin: 0 15px;
}
.main-menu.menu-light .navigation > li > ul li.has-sub > a {
margin: 0 15px;
}
.main-menu.menu-light .navigation > li > ul li.has-sub > ul > li {
margin: 0 15px;
}
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
color: rgb(85.6086956522, 83.2739130435, 95.7260869565);
background: rgb(244.8, 244.8, 244.8);
border-radius: 6px;
}
.main-menu.menu-light .navigation > li:not(.open) > ul {
display: none;
}
.main-menu.menu-light .navigation > li:not(.open) > ul .active {
background: transparent;
box-shadow: none;
}
.main-menu.menu-light .navigation > li.active {
z-index: 1;
}
.main-menu.menu-light .navigation > li.active > a {
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
box-shadow: 0 0 10px 1px rgba(55, 79, 196, 0.7);
color: #fff;
font-weight: 400;
border-radius: 4px;
}
.main-menu.menu-light .navigation > li .active {
background: rgb(239.7, 239.7, 239.7);
}
.main-menu.menu-light .navigation > li .active > a {
color: #374fc4;
margin-bottom: 0;
}
.main-menu.menu-light .navigation > li .active .hover > a,
.main-menu.menu-light .navigation > li .active :hover > a {
background: rgb(244.8, 244.8, 244.8);
}
.main-menu.menu-light .navigation > li ul {
padding: 0;
margin: 0;
}
.main-menu.menu-light .navigation > li ul li {
color: #6e6b7b;
background: transparent;
}
.main-menu.menu-light .navigation > li ul li > a {
padding: 10px 15px 10px 20px;
}
.main-menu.menu-light .navigation > li ul li ul a {
padding: 10px 15px 10px 53px;
}
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul {
display: none;
}
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul .active {
background: transparent;
box-shadow: none;
}
.main-menu.menu-light .navigation > li ul .open > a,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
color: #6e6b7b;
background: rgb(244.8, 244.8, 244.8);
border-radius: 6px;
}
.main-menu.menu-light .navigation > li ul .open > ul,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > ul {
display: block;
}
.main-menu.menu-light .navigation > li ul .open > ul .open > ul,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {
display: block;
}
.main-menu.menu-light .navigation > li ul .hover > a, .main-menu.menu-light .navigation > li ul:hover > a {
color: rgb(119.7565217391, 116.4904347826, 133.9095652174);
}
.main-menu.menu-light .navigation > li ul .active {
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
box-shadow: 0 0 10px 1px rgba(55, 79, 196, 0.7);
border-radius: 4px;
z-index: 1;
}
.main-menu.menu-light .navigation > li ul .active > a {
color: #fff;
}
.main-menu.menu-dark {
color: #dcdcdc;
background: #10163a;
}
.main-menu.menu-dark .navigation {
background: #10163a;
}
.main-menu.menu-dark .navigation .navigation-header {
color: white;
margin: calc(2rem + 0.286rem) 0 0.8rem 2.2rem;
padding: 0;
line-height: 1.5;
letter-spacing: 0.01rem;
}
.main-menu.menu-dark .navigation .navigation-header span {
font-weight: 500;
}
.main-menu.menu-dark .navigation li.has-sub > a {
transition: all 0.5s ease, background 0s, color 0s;
}
.main-menu.menu-dark .navigation li a {
color: rgb(207.505, 207.505, 207.505);
padding: 10px 15px 10px 15px;
line-height: 1.45;
}
.main-menu.menu-dark .navigation li a span.menu-sub-title {
color: white;
}
.main-menu.menu-dark .navigation li a > * {
transition: transform 0.25s ease;
}
.main-menu.menu-dark .navigation li.nav-item a:hover > * {
transition: transform 0.25s ease;
transform: translateX(5px);
}
.main-menu.menu-dark .navigation li.nav-item ul.menu-content li a:hover > * {
transition: transform 0.25s ease;
transform: translateX(5px);
}
.main-menu.menu-dark .navigation > li > a {
margin: 0 15px;
}
.main-menu.menu-dark .navigation > li > a .label {
margin-top: 4px;
margin-right: 5px;
}
.main-menu.menu-dark .navigation > li > a i,
.main-menu.menu-dark .navigation > li > a svg {
position: relative;
top: 1px;
}
.main-menu.menu-dark .navigation > li > ul li:first-of-type {
margin-top: 7px !important;
}
.main-menu.menu-dark .navigation > li > ul li:not(.has-sub) {
margin: 0 15px;
}
.main-menu.menu-dark .navigation > li > ul li.has-sub > a {
margin: 0 15px;
}
.main-menu.menu-dark .navigation > li > ul li.has-sub > ul > li {
margin: 0 15px;
}
.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
color: rgb(194.5, 194.5, 194.5);
background: rgb(11.5891891892, 15.9351351351, 42.0108108108);
border-radius: 6px;
}
.main-menu.menu-dark .navigation > li:not(.open) > ul {
display: none;
}
.main-menu.menu-dark .navigation > li:not(.open) > ul .active {
background: transparent;
box-shadow: none;
}
.main-menu.menu-dark .navigation > li.active {
z-index: 1;
}
.main-menu.menu-dark .navigation > li.active > a {
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
box-shadow: 0 0 10px 1px rgba(55, 79, 196, 0.7);
color: #fff;
font-weight: 400;
border-radius: 4px;
}
.main-menu.menu-dark .navigation > li .active {
background: rgb(9.3837837838, 12.9027027027, 34.0162162162);
}
.main-menu.menu-dark .navigation > li .active > a {
color: #374fc4;
margin-bottom: 0;
}
.main-menu.menu-dark .navigation > li .active .hover > a,
.main-menu.menu-dark .navigation > li .active :hover > a {
background: rgb(11.5891891892, 15.9351351351, 42.0108108108);
}
.main-menu.menu-dark .navigation > li ul {
padding: 0;
margin: 0;
}
.main-menu.menu-dark .navigation > li ul li {
color: #dcdcdc;
background: transparent;
}
.main-menu.menu-dark .navigation > li ul li > a {
padding: 10px 15px 10px 20px;
}
.main-menu.menu-dark .navigation > li ul li ul a {
padding: 10px 15px 10px 53px;
}
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {
display: none;
}
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul .active {
background: transparent;
box-shadow: none;
}
.main-menu.menu-dark .navigation > li ul .open > a,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {
color: #dcdcdc;
background: rgb(11.5891891892, 15.9351351351, 42.0108108108);
border-radius: 6px;
}
.main-menu.menu-dark .navigation > li ul .open > ul,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul {
display: block;
}
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {
display: block;
}
.main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a {
color: rgb(230.2, 230.2, 230.2);
}
.main-menu.menu-dark .navigation > li ul .active {
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
box-shadow: 0 0 10px 1px rgba(55, 79, 196, 0.7);
border-radius: 4px;
z-index: 1;
}
.main-menu.menu-dark .navigation > li ul .active > a {
color: #fff;
}
.main-menu.menu-fixed {
position: fixed;
}
.main-menu.menu-static {
height: 100%;
padding-bottom: calc(100% - 20rem);
}
.main-menu.menu-static .main-menu-content {
height: unset !important;
}
.main-menu.menu-shadow {
box-shadow: 0 0 15px 0 rgba(34, 41, 47, 0.05);
}
.main-menu.menu-border {
border-right: 1px solid #ebe9f1;
}
.main-menu .shadow-bottom {
display: none;
position: absolute;
z-index: 2;
height: 50px;
width: 100%;
pointer-events: none;
margin-top: -0.7rem;
filter: blur(5px);
background: linear-gradient(#fff 41%, hsla(0, 0%, 100%, 0.11) 95%, hsla(0, 0%, 100%, 0));
}
.bordered-layout .main-menu .shadow-bottom {
background: linear-gradient(#f8f8f8 41%, hsla(0, 0%, 100%, 0.11) 95%, hsla(0, 0%, 100%, 0));
}
.main-menu.menu-native-scroll .main-menu-content {
overflow-y: scroll !important;
}
.main-menu .navbar-header {
height: 100%;
width: 260px;
height: 4.45rem;
position: relative;
padding: 0.35rem 1rem 0.3rem 1.64rem;
transition: 300ms ease all, background 0s;
}
.main-menu .navbar-header .navbar-brand {
display: flex;
align-items: center;
margin-top: 1.35rem;
font-size: inherit;
}
.main-menu .navbar-header .navbar-brand .brand-logo img {
max-width: 36px;
}
.main-menu .navbar-header .navbar-brand .brand-text {
color: #374fc4;
padding-left: 1rem;
margin-bottom: 0;
font-weight: 600;
letter-spacing: 0.01rem;
font-size: 1.45rem;
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}
.main-menu .navbar-header .modern-nav-toggle {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}
.main-menu .main-menu-content {
height: calc(100% - 4.45rem) !important;
position: relative;
}
.main-menu .main-menu-content .ps__rail-y {
z-index: 3;
}
.main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-menu ul.navigation-main {
overflow-x: hidden;
padding-bottom: 0.75rem;
}
.main-menu ul.navigation-main > li:first-child {
margin-top: 0.5rem;
}
.main-menu a {
outline: none;
}
.main-menu a:hover, .main-menu a:focus {
text-decoration: none;
}
.navigation {
font-size: 1.1rem;
font-family: "Montserrat", Helvetica, Arial, serif;
font-weight: 400;
overflow-y: hidden;
padding-bottom: 20px;
}
.navigation .navigation-header {
font-family: "Montserrat", Helvetica, Arial, serif;
font-weight: 500;
line-height: 1.2;
padding: 12px 22px;
font-size: 0.9rem;
text-transform: uppercase;
}
.navigation li {
position: relative;
white-space: nowrap;
}
.navigation li a {
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
.navigation li a i,
.navigation li a svg {
height: 11px;
width: 11px;
font-size: 11px;
margin-right: 1.38rem;
}
.navigation li.menu-item-animating {
transition: height 0.25s ease-in-out;
}
.navigation li.disabled a {
cursor: not-allowed;
opacity: 0.65;
pointer-events: none;
}
@media (max-width: 991.98px) {
.menu-hide .main-menu,
.menu-open .main-menu {
transition: transform 0.25s, top 0.35s, height 0.35s;
}
.main-menu {
transform: translate3d(-240px, 0, 0);
backface-visibility: hidden;
perspective: 1000;
}
.menu-open .main-menu {
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 768px) {
.drag-target {
z-index: 0;
}
}
.avatar {
white-space: nowrap;
background-color: #c3c3c3;
border-radius: 50%;
position: relative;
cursor: pointer;
color: #fff;
display: inline-flex;
font-size: 1rem;
text-align: center;
vertical-align: middle;
font-weight: 600;
}
.avatar .avatar-content {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 0.857rem;
}
.avatar .avatar-content .avatar-icon {
height: 1rem;
width: 1rem;
}
.avatar [class*=avatar-status-] {
border-radius: 50%;
width: 11px;
height: 11px;
position: absolute;
right: 0;
bottom: 0;
border: 1px solid #fff;
}
.avatar [class*=avatar-status-].avatar-status-lg, .avatar [class*=avatar-status-].avatar-status-xl {
width: 17px;
height: 17px;
border-width: 2px;
}
.avatar .avatar-status-online {
background-color: #28c76f;
}
.avatar .avatar-status-busy {
background-color: #ea5455;
}
.avatar .avatar-status-away {
background-color: #ff9f43;
}
.avatar .avatar-status-offline {
background-color: #82868b;
}
.avatar.avatar-tag {
display: flex;
align-items: center;
justify-content: center;
height: 42px;
width: 42px;
border-radius: 0.357rem;
}
.avatar img {
border-radius: 50%;
}
.avatar.avatar-xl {
font-size: 1.5rem;
}
.avatar.avatar-xl img {
width: 70px;
height: 70px;
}
.avatar.avatar-xl .avatar-content {
height: 70px;
width: 70px;
font-size: 2.57rem;
}
.avatar.avatar-xl .avatar-content .avatar-icon,
.avatar.avatar-xl .avatar-content i,
.avatar.avatar-xl .avatar-content svg {
height: 3rem;
width: 3rem;
font-size: 3rem;
}
.avatar.avatar-xl [class*=avatar-status-] {
right: 3px;
bottom: 0;
}
.avatar.avatar-lg {
font-size: 1.2rem;
}
.avatar.avatar-lg img {
width: 50px;
height: 50px;
}
.avatar.avatar-lg .avatar-content {
width: 50px;
height: 50px;
font-size: 1.714rem;
}
.avatar.avatar-lg .avatar-content .avatar-icon,
.avatar.avatar-lg .avatar-content i,
.avatar.avatar-lg .avatar-content svg {
height: 2rem;
width: 2rem;
font-size: 2rem;
}
.avatar.avatar-lg [class*=avatar-status-] {
right: 3px;
bottom: 1px;
}
.avatar.avatar-sm .avatar-content {
width: 24px;
height: 24px;
}
.avatar.avatar-sm .avatar-content .avatar-icon,
.avatar.avatar-sm .avatar-content i,
.avatar.avatar-sm .avatar-content svg {
height: 1rem;
width: 1rem;
font-size: 1rem;
}
.avatar.avatar-sm img {
width: 24px;
height: 24px;
}
.avatar.avatar-sm [class*=avatar-status-] {
right: -3px;
bottom: -2px;
}
.avatar-group {
display: flex;
justify-content: flex-start;
}
.avatar-group .avatar {
transition: all 0.25s ease;
}
.avatar-group .avatar img,
.avatar-group .avatar .avatar-content {
box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px rgba(34, 41, 47, 0.07);
}
.avatar-group .avatar .avatar-content {
background-color: tint-color(#82868b, 20%) !important;
}
.avatar-group .avatar:hover {
transition: all 0.25s ease;
}
.avatar-group .avatar.pull-up:hover {
transform: translateY(-4px) scale(1.07);
}
.avatar-group .avatar:not(:first-child) {
margin-left: -0.55rem;
}
.avatar-group .avatar-sm:not(:first-child) {
margin-left: -0.4rem;
}
.avatar-group .avatar-lg:not(:first-child) {
margin-left: -1rem;
}
.avatar-group .avatar-xl:not(:first-child) {
margin-left: -1.5rem;
}
/*=========================================================================================
File Name: search.scss
Description: Search functionality.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.navbar-container a.nav-link-search {
float: left;
}
.navbar-container .search-input {
width: 0;
float: left;
display: none;
}
.navbar-container .search-input input {
width: 0;
border: none;
background: none;
transition: all 0.2s ease-out;
line-height: 16px;
padding: 1.6rem 3.6rem;
}
.navbar-container .search-input.open {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
display: block;
background: #fff;
border-radius: 0.5rem;
}
.navbar-container .search-input.open .search-input-close,
.navbar-container .search-input.open .search-input-icon {
display: block;
}
.navbar-container .search-input.open input {
width: 100%;
outline: none;
background: none;
height: auto;
box-shadow: none;
transition: all 0.3s ease-out;
}
.navbar-container .search-input .search-list {
max-height: 450px;
height: auto;
position: absolute;
top: 100%;
left: 0;
background: #fff;
width: 100%;
margin-top: 0.5rem;
padding-left: 0;
border-radius: 0.357rem;
display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 875px) and (orientation: landscape) {
.navbar-container .search-input .search-list {
max-height: 250px;
}
}
.navbar-container .search-input .search-list.search-list-bookmark {
height: auto !important;
}
.navbar-container .search-input .search-list.search-list-bookmark i,
.navbar-container .search-input .search-list.search-list-bookmark svg {
font-size: 1.2rem;
height: 1.2rem;
width: 1.2rem;
}
.navbar-container .search-input .search-list.show {
display: block;
min-height: 3rem;
}
.navbar-container .search-input .search-list li a {
padding: 0.9rem 1rem;
color: #6e6b7b;
}
.navbar-container .search-input .search-list li a i,
.navbar-container .search-input .search-list li a svg[class*="feather feather-"] {
height: 1.25rem;
width: 1.25rem;
font-size: 1.25rem;
}
.navbar-container .search-input .search-list li:first-child {
border-top-left-radius: 0.357rem;
border-top-right-radius: 0.357rem;
}
.navbar-container .search-input .search-list li:last-child {
border-bottom-left-radius: 0.357rem;
border-bottom-right-radius: 0.357rem;
}
.navbar-container .search-input .search-list li.auto-suggestion {
display: flex;
align-items: center;
cursor: pointer;
}
.navbar-container .search-input .search-list li.auto-suggestion:hover, .navbar-container .search-input .search-list li.auto-suggestion.current_item {
background-color: #f8f8f8;
}
.navbar-container .search-input .search-input-icon {
z-index: 2;
display: none;
position: absolute;
left: 1.5rem;
top: 32%;
cursor: pointer;
}
.navbar-container .search-input .search-input-icon i,
.navbar-container .search-input .search-input-icon svg {
height: 1.25rem;
width: 1.25rem;
font-size: 1.25rem;
}
.navbar-container .search-input .search-input-close {
z-index: 1;
display: none;
position: absolute;
right: 2rem;
top: 32%;
cursor: pointer;
}
.navbar-container .search-input .search-input-close i,
.navbar-container .search-input .search-input-close svg {
height: 1.25rem;
width: 1.25rem;
font-size: 1.25rem;
}
.navbar-container .bookmark-input {
position: absolute;
top: 102%;
width: 25%;
display: none;
background: #fff;
border-radius: 0.357rem;
box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);
}
.navbar-container .bookmark-input.show {
display: block;
}
.navbar-container .bookmark-input .bookmark-input-icon {
position: absolute;
z-index: 1;
top: 20px;
left: 24px;
}
.navbar-container .bookmark-input input {
padding: 0.7rem 0.7rem 0.7rem 2.5rem;
margin: 12px;
width: calc(100% - 24px);
background: #fff;
border: 1px solid rgba(34, 41, 47, 0.2);
}
.navbar-container .bookmark-input input:focus {
border: 1px solid #374fc4;
}
.navbar-container .bookmark-input .search-list {
position: relative;
}
.navbar-container .bookmark-icon {
cursor: pointer;
}
.navbar-container .dropdown.bookmark-dropdown {
padding: 1.4rem 0.5rem 1.35rem;
}
.navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
display: none;
}
.navbar-container .search-data-title {
line-height: 1.25rem;
}
.navbar-dark .search-input .input {
color: #f5f7fa;
border-radius: 0.5rem;
}
.navbar-dark .search-input.open .input {
color: #f5f7fa;
border: 1px solid #f5f7fa;
}
.navbar-static .navbar-container .search-input.open {
border-radius: 0;
}
.btn-social, .btn-social-icon {
position: relative;
padding-left: 4.95rem;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-social > :first-child, .btn-social-icon > :first-child {
position: absolute;
left: 0;
top: 2px;
bottom: 0;
width: 2.95rem;
line-height: 2.7rem;
font-size: 1rem;
text-align: center;
border-right: 1px solid rgba(34, 41, 47, 0.2);
}
.btn-social-icon {
height: 2.95rem;
width: 2.95rem;
padding: 0;
}
.btn-social-icon > :first-child {
border: none;
text-align: center;
width: 100% !important;
}
.btn-adn {
color: #fff;
background-color: #d87a68;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-adn:hover {
color: #fff;
background-color: rgb(208.1486842105, 95.225, 73.6013157895);
border-color: rgba(0, 0, 0, 0);
}
.btn-adn:focus, .btn-adn.focus {
color: #fff;
background-color: rgb(208.1486842105, 95.225, 73.6013157895);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-adn.disabled, .btn-adn:disabled {
color: #fff;
background-color: #d87a68;
border-color: transparent;
}
.btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active, .show > .btn-adn.dropdown-toggle {
color: #fff;
background-color: rgb(205.5315789474, 86.3, 63.4684210526);
border-color: rgba(0, 0, 0, 0);
}
.btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus, .show > .btn-adn.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-adn:focus {
box-shadow: none !important;
}
.btn-bitbucket {
color: #fff;
background-color: #205081;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-bitbucket:hover {
color: #fff;
background-color: rgb(24.397515528, 60.9937888199, 98.352484472);
border-color: rgba(0, 0, 0, 0);
}
.btn-bitbucket:focus, .btn-bitbucket.focus {
color: #fff;
background-color: rgb(24.397515528, 60.9937888199, 98.352484472);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-bitbucket.disabled, .btn-bitbucket:disabled {
color: #fff;
background-color: #205081;
border-color: transparent;
}
.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active, .show > .btn-bitbucket.dropdown-toggle {
color: #fff;
background-color: rgb(21.8633540373, 54.6583850932, 88.1366459627);
border-color: rgba(0, 0, 0, 0);
}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus, .show > .btn-bitbucket.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-bitbucket:focus {
box-shadow: none !important;
}
.btn-dropbox {
color: #fff;
background-color: #1087dd;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-dropbox:hover {
color: #fff;
background-color: rgb(13.417721519, 113.2120253165, 185.332278481);
border-color: rgba(0, 0, 0, 0);
}
.btn-dropbox:focus, .btn-dropbox.focus {
color: #fff;
background-color: rgb(13.417721519, 113.2120253165, 185.332278481);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-dropbox.disabled, .btn-dropbox:disabled {
color: #fff;
background-color: #1087dd;
border-color: transparent;
}
.btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active, .show > .btn-dropbox.dropdown-toggle {
color: #fff;
background-color: rgb(12.5569620253, 105.9493670886, 173.4430379747);
border-color: rgba(0, 0, 0, 0);
}
.btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus, .show > .btn-dropbox.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-dropbox:focus {
box-shadow: none !important;
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-facebook:hover {
color: #fff;
background-color: rgb(48.3045023697, 72.8661137441, 124.4454976303);
border-color: rgba(0, 0, 0, 0);
}
.btn-facebook:focus, .btn-facebook.focus {
color: #fff;
background-color: rgb(48.3045023697, 72.8661137441, 124.4454976303);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-facebook.disabled, .btn-facebook:disabled {
color: #fff;
background-color: #3b5998;
border-color: transparent;
}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
color: #fff;
background-color: rgb(44.7393364929, 67.4881516588, 115.2606635071);
border-color: rgba(0, 0, 0, 0);
}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-facebook:focus {
box-shadow: none !important;
}
.btn-flickr {
color: #fff;
background-color: #ff0084;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-flickr:hover {
color: #fff;
background-color: rgb(216.75, 0, 112.2);
border-color: rgba(0, 0, 0, 0);
}
.btn-flickr:focus, .btn-flickr.focus {
color: #fff;
background-color: rgb(216.75, 0, 112.2);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-flickr.disabled, .btn-flickr:disabled {
color: #fff;
background-color: #ff0084;
border-color: transparent;
}
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active, .show > .btn-flickr.dropdown-toggle {
color: #fff;
background-color: rgb(204, 0, 105.6);
border-color: rgba(0, 0, 0, 0);
}
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus, .show > .btn-flickr.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-flickr:focus {
box-shadow: none !important;
}
.btn-foursquare {
color: #fff;
background-color: #f94877;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-foursquare:hover {
color: #fff;
background-color: rgb(247.7857142857, 34.9642857143, 91.4761904762);
border-color: rgba(0, 0, 0, 0);
}
.btn-foursquare:focus, .btn-foursquare.focus {
color: #fff;
background-color: rgb(247.7857142857, 34.9642857143, 91.4761904762);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-foursquare.disabled, .btn-foursquare:disabled {
color: #fff;
background-color: #f94877;
border-color: transparent;
}
.btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active, .show > .btn-foursquare.dropdown-toggle {
color: #fff;
background-color: rgb(247.380952381, 22.619047619, 82.3015873016);
border-color: rgba(0, 0, 0, 0);
}
.btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus, .show > .btn-foursquare.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-foursquare:focus {
box-shadow: none !important;
}
.btn-github {
color: #fff;
background-color: #444444;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-github:hover {
color: #fff;
background-color: rgb(48.875, 48.875, 48.875);
border-color: rgba(0, 0, 0, 0);
}
.btn-github:focus, .btn-github.focus {
color: #fff;
background-color: rgb(48.875, 48.875, 48.875);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-github.disabled, .btn-github:disabled {
color: #fff;
background-color: #444444;
border-color: transparent;
}
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle {
color: #fff;
background-color: rgb(42.5, 42.5, 42.5);
border-color: rgba(0, 0, 0, 0);
}
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-github:focus {
box-shadow: none !important;
}
.btn-google {
color: #fff;
background-color: #dd4b39;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-google:hover {
color: #fff;
background-color: rgb(204.6142241379, 53.7370689655, 35.1357758621);
border-color: rgba(0, 0, 0, 0);
}
.btn-google:focus, .btn-google.focus {
color: #fff;
background-color: rgb(204.6142241379, 53.7370689655, 35.1357758621);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-google.disabled, .btn-google:disabled {
color: #fff;
background-color: #dd4b39;
border-color: transparent;
}
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle {
color: #fff;
background-color: rgb(193.7327586207, 50.8793103448, 33.2672413793);
border-color: rgba(0, 0, 0, 0);
}
.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show > .btn-google.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-google:focus {
box-shadow: none !important;
}
.btn-instagram {
color: #fff;
background-color: #3f729b;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-instagram:hover {
color: #fff;
background-color: rgb(51.9461009174, 93.997706422, 127.8038990826);
border-color: rgba(0, 0, 0, 0);
}
.btn-instagram:focus, .btn-instagram.focus {
color: #fff;
background-color: rgb(51.9461009174, 93.997706422, 127.8038990826);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-instagram.disabled, .btn-instagram:disabled {
color: #fff;
background-color: #3f729b;
border-color: transparent;
}
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle {
color: #fff;
background-color: rgb(48.2614678899, 87.3302752294, 118.7385321101);
border-color: rgba(0, 0, 0, 0);
}
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-instagram:focus {
box-shadow: none !important;
}
.btn-linkedin {
color: #fff;
background-color: #007bb6;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-linkedin:hover {
color: #fff;
background-color: rgb(0, 97.1497252747, 143.75);
border-color: rgba(0, 0, 0, 0);
}
.btn-linkedin:focus, .btn-linkedin.focus {
color: #fff;
background-color: rgb(0, 97.1497252747, 143.75);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-linkedin.disabled, .btn-linkedin:disabled {
color: #fff;
background-color: #007bb6;
border-color: transparent;
}
.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active, .show > .btn-linkedin.dropdown-toggle {
color: #fff;
background-color: rgb(0, 88.532967033, 131);
border-color: rgba(0, 0, 0, 0);
}
.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-linkedin:focus {
box-shadow: none !important;
}
.btn-microsoft {
color: #fff;
background-color: #2672ec;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-microsoft:hover {
color: #fff;
background-color: rgb(18.9798728814, 94.8993644068, 216.7701271186);
border-color: rgba(0, 0, 0, 0);
}
.btn-microsoft:focus, .btn-microsoft.focus {
color: #fff;
background-color: rgb(18.9798728814, 94.8993644068, 216.7701271186);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-microsoft.disabled, .btn-microsoft:disabled {
color: #fff;
background-color: #2672ec;
border-color: transparent;
}
.btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active, .show > .btn-microsoft.dropdown-toggle {
color: #fff;
background-color: rgb(17.9533898305, 89.7669491525, 205.0466101695);
border-color: rgba(0, 0, 0, 0);
}
.btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus, .show > .btn-microsoft.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-microsoft:focus {
box-shadow: none !important;
}
.btn-odnoklassniki {
color: #fff;
background-color: #f4731c;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-odnoklassniki:hover {
color: #fff;
background-color: rgb(222.9464285714, 96.25, 10.8035714286);
border-color: rgba(0, 0, 0, 0);
}
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
color: #fff;
background-color: rgb(222.9464285714, 96.25, 10.8035714286);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
color: #fff;
background-color: #f4731c;
border-color: transparent;
}
.btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active, .show > .btn-odnoklassniki.dropdown-toggle {
color: #fff;
background-color: rgb(210.7857142857, 91, 10.2142857143);
border-color: rgba(0, 0, 0, 0);
}
.btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus, .show > .btn-odnoklassniki.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-odnoklassniki:focus {
box-shadow: none !important;
}
.btn-openid {
color: #2a2e30;
background-color: #f7931e;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-openid:hover {
color: #fff;
background-color: rgb(230.5525751073, 128.0847639485, 8.1974248927);
border-color: rgba(0, 0, 0, 0);
}
.btn-openid:focus, .btn-openid.focus {
color: #fff;
background-color: rgb(230.5525751073, 128.0847639485, 8.1974248927);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(42, 46, 48, 0.5);
}
.btn-openid.disabled, .btn-openid:disabled {
color: #2a2e30;
background-color: #f7931e;
border-color: transparent;
}
.btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active, .show > .btn-openid.dropdown-toggle {
color: #fff;
background-color: rgb(218.2403433476, 121.2446351931, 7.7596566524);
border-color: rgba(0, 0, 0, 0);
}
.btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus, .show > .btn-openid.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(42, 46, 48, 0.5);
}
.btn-openid:focus {
box-shadow: none !important;
}
.btn-pinterest {
color: #fff;
background-color: #cb2027;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-pinterest:hover {
color: #fff;
background-color: rgb(169.9585106383, 26.7914893617, 32.6521276596);
border-color: rgba(0, 0, 0, 0);
}
.btn-pinterest:focus, .btn-pinterest.focus {
color: #fff;
background-color: rgb(169.9585106383, 26.7914893617, 32.6521276596);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-pinterest.disabled, .btn-pinterest:disabled {
color: #fff;
background-color: #cb2027;
border-color: transparent;
}
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active, .show > .btn-pinterest.dropdown-toggle {
color: #fff;
background-color: rgb(158.9446808511, 25.0553191489, 30.5361702128);
border-color: rgba(0, 0, 0, 0);
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus, .show > .btn-pinterest.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-pinterest:focus {
box-shadow: none !important;
}
.btn-reddit {
color: #2a2e30;
background-color: #eff7ff;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-reddit:hover {
color: #2a2e30;
background-color: rgb(200.75, 227.875, 255);
border-color: rgba(0, 0, 0, 0);
}
.btn-reddit:focus, .btn-reddit.focus {
color: #2a2e30;
background-color: rgb(200.75, 227.875, 255);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(42, 46, 48, 0.5);
}
.btn-reddit.disabled, .btn-reddit:disabled {
color: #2a2e30;
background-color: #eff7ff;
border-color: transparent;
}
.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle {
color: #2a2e30;
background-color: rgb(188, 221.5, 255);
border-color: rgba(0, 0, 0, 0);
}
.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(42, 46, 48, 0.5);
}
.btn-reddit:focus {
box-shadow: none !important;
}
.btn-soundcloud {
color: #fff;
background-color: #ff5500;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-soundcloud:hover {
color: #fff;
background-color: rgb(216.75, 72.25, 0);
border-color: rgba(0, 0, 0, 0);
}
.btn-soundcloud:focus, .btn-soundcloud.focus {
color: #fff;
background-color: rgb(216.75, 72.25, 0);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-soundcloud.disabled, .btn-soundcloud:disabled {
color: #fff;
background-color: #ff5500;
border-color: transparent;
}
.btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active, .show > .btn-soundcloud.dropdown-toggle {
color: #fff;
background-color: #cc4400;
border-color: rgba(0, 0, 0, 0);
}
.btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus, .show > .btn-soundcloud.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-soundcloud:focus {
box-shadow: none !important;
}
.btn-tumblr {
color: #fff;
background-color: #2c4762;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-tumblr:hover {
color: #fff;
background-color: rgb(32.1478873239, 51.875, 71.6021126761);
border-color: rgba(0, 0, 0, 0);
}
.btn-tumblr:focus, .btn-tumblr.focus {
color: #fff;
background-color: rgb(32.1478873239, 51.875, 71.6021126761);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-tumblr.disabled, .btn-tumblr:disabled {
color: #fff;
background-color: #2c4762;
border-color: transparent;
}
.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active, .show > .btn-tumblr.dropdown-toggle {
color: #fff;
background-color: rgb(28.1971830986, 45.5, 62.8028169014);
border-color: rgba(0, 0, 0, 0);
}
.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .show > .btn-tumblr.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-tumblr:focus {
box-shadow: none !important;
}
.btn-twitter {
color: #2a2e30;
background-color: #55acee;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-twitter:hover {
color: #fff;
background-color: rgb(50.2272727273, 155.0227272727, 234.5227272727);
border-color: rgba(0, 0, 0, 0);
}
.btn-twitter:focus, .btn-twitter.focus {
color: #fff;
background-color: rgb(50.2272727273, 155.0227272727, 234.5227272727);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(42, 46, 48, 0.5);
}
.btn-twitter.disabled, .btn-twitter:disabled {
color: #2a2e30;
background-color: #55acee;
border-color: transparent;
}
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
color: #fff;
background-color: rgb(38.6363636364, 149.3636363636, 233.3636363636);
border-color: rgba(0, 0, 0, 0);
}
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(42, 46, 48, 0.5);
}
.btn-twitter:focus {
box-shadow: none !important;
}
.btn-vimeo {
color: #fff;
background-color: #1ab7ea;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-vimeo:hover {
color: #fff;
background-color: rgb(18.627, 157.886, 203.123);
border-color: rgba(0, 0, 0, 0);
}
.btn-vimeo:focus, .btn-vimeo.focus {
color: #fff;
background-color: rgb(18.627, 157.886, 203.123);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vimeo.disabled, .btn-vimeo:disabled {
color: #fff;
background-color: #1ab7ea;
border-color: transparent;
}
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active, .show > .btn-vimeo.dropdown-toggle {
color: #fff;
background-color: rgb(17.556, 148.808, 191.444);
border-color: rgba(0, 0, 0, 0);
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .show > .btn-vimeo.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vimeo:focus {
box-shadow: none !important;
}
.btn-vk {
color: #fff;
background-color: #587ea3;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-vk:hover {
color: #fff;
background-color: rgb(74.5896414343, 106.7988047809, 138.1603585657);
border-color: rgba(0, 0, 0, 0);
}
.btn-vk:focus, .btn-vk.focus {
color: #fff;
background-color: rgb(74.5896414343, 106.7988047809, 138.1603585657);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vk.disabled, .btn-vk:disabled {
color: #fff;
background-color: #587ea3;
border-color: transparent;
}
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active, .show > .btn-vk.dropdown-toggle {
color: #fff;
background-color: rgb(70.1195219124, 100.3984063745, 129.8804780876);
border-color: rgba(0, 0, 0, 0);
}
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .show > .btn-vk.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vk:focus {
box-shadow: none !important;
}
.btn-yahoo {
color: #fff;
background-color: #720e9e;
border-color: transparent;
color: #fff !important;
border: none;
}
.btn-yahoo:hover {
color: #fff;
background-color: rgb(88.648255814, 10.886627907, 122.863372093);
border-color: rgba(0, 0, 0, 0);
}
.btn-yahoo:focus, .btn-yahoo.focus {
color: #fff;
background-color: rgb(88.648255814, 10.886627907, 122.863372093);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-yahoo.disabled, .btn-yahoo:disabled {
color: #fff;
background-color: #720e9e;
border-color: transparent;
}
.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active, .show > .btn-yahoo.dropdown-toggle {
color: #fff;
background-color: rgb(80.1976744186, 9.8488372093, 111.1511627907);
border-color: rgba(0, 0, 0, 0);
}
.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .show > .btn-yahoo.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-yahoo:focus {
box-shadow: none !important;
}
.btn-outline-adn {
border: 1px solid #d87a68 !important;
color: #d87a68;
}
.btn-outline-bitbucket {
border: 1px solid #205081 !important;
color: #205081;
}
.btn-outline-dropbox {
border: 1px solid #1087dd !important;
color: #1087dd;
}
.btn-outline-facebook {
border: 1px solid #3b5998 !important;
color: #3b5998;
}
.btn-outline-flickr {
border: 1px solid #ff0084 !important;
color: #ff0084;
}
.btn-outline-foursquare {
border: 1px solid #f94877 !important;
color: #f94877;
}
.btn-outline-github {
border: 1px solid #444444 !important;
color: #444444;
}
.btn-outline-google {
border: 1px solid #dd4b39 !important;
color: #dd4b39;
}
.btn-outline-instagram {
border: 1px solid #3f729b !important;
color: #3f729b;
}
.btn-outline-linkedin {
border: 1px solid #007bb6 !important;
color: #007bb6;
}
.btn-outline-microsoft {
border: 1px solid #2672ec !important;
color: #2672ec;
}
.btn-outline-odnoklassniki {
border: 1px solid #f4731c !important;
color: #f4731c;
}
.btn-outline-openid {
border: 1px solid #f7931e !important;
color: #f7931e;
}
.btn-outline-pinterest {
border: 1px solid #cb2027 !important;
color: #cb2027;
}
.btn-outline-reddit {
border: 1px solid #ff4500 !important;
color: #ff4500;
}
.btn-outline-soundcloud {
border: 1px solid #ff5500 !important;
color: #ff5500;
}
.btn-outline-tumblr {
border: 1px solid #2c4762 !important;
color: #2c4762;
}
.btn-outline-twitter {
border: 1px solid #55acee !important;
color: #55acee;
}
.btn-outline-vimeo {
border: 1px solid #1ab7ea !important;
color: #1ab7ea;
}
.btn-outline-vk {
border: 1px solid #587ea3 !important;
color: #587ea3;
}
.btn-outline-yahoo {
border: 1px solid #720e9e !important;
color: #720e9e;
}
.btn-outline-adn:hover {
color: shade-color(#d87a68, 20%);
border: 1px solid shade-color(#d87a68, 20%) !important;
}
.btn-outline-bitbucket:hover {
color: shade-color(#205081, 20%);
border: 1px solid shade-color(#205081, 20%) !important;
}
.btn-outline-dropbox:hover {
color: shade-color(#1087dd, 20%);
border: 1px solid shade-color(#1087dd, 20%) !important;
}
.btn-outline-facebook:hover {
color: shade-color(#3b5998, 20%);
border: 1px solid shade-color(#3b5998, 20%) !important;
}
.btn-outline-flickr:hover {
color: shade-color(#ff0084, 20%);
border: 1px solid shade-color(#ff0084, 20%) !important;
}
.btn-outline-foursquare:hover {
color: shade-color(#f94877, 20%);
border: 1px solid shade-color(#f94877, 20%) !important;
}
.btn-outline-github:hover {
color: shade-color(#444444, 20%);
border: 1px solid shade-color(#444444, 20%) !important;
}
.btn-outline-google:hover {
color: shade-color(#dd4b39, 20%);
border: 1px solid shade-color(#dd4b39, 20%) !important;
}
.btn-outline-instagram:hover {
color: shade-color(#3f729b, 20%);
border: 1px solid shade-color(#3f729b, 20%) !important;
}
.btn-outline-linkedin:hover {
color: shade-color(#007bb6, 20%);
border: 1px solid shade-color(#007bb6, 20%) !important;
}
.btn-outline-microsoft:hover {
color: shade-color(#2672ec, 20%);
border: 1px solid shade-color(#2672ec, 20%) !important;
}
.btn-outline-odnoklassniki:hover {
color: shade-color(#f4731c, 20%);
border: 1px solid shade-color(#f4731c, 20%) !important;
}
.btn-outline-openid:hover {
color: shade-color(#f7931e, 20%);
border: 1px solid shade-color(#f7931e, 20%) !important;
}
.btn-outline-pinterest:hover {
color: shade-color(#cb2027, 20%);
border: 1px solid shade-color(#cb2027, 20%) !important;
}
.btn-outline-reddit:hover {
color: shade-color(#ff4500, 20%);
border: 1px solid shade-color(#ff4500, 20%) !important;
}
.btn-outline-soundcloud:hover {
color: shade-color(#ff5500, 20%);
border: 1px solid shade-color(#ff5500, 20%) !important;
}
.btn-outline-tumblr:hover {
color: shade-color(#2c4762, 20%);
border: 1px solid shade-color(#2c4762, 20%) !important;
}
.btn-outline-twitter:hover {
color: shade-color(#55acee, 20%);
border: 1px solid shade-color(#55acee, 20%) !important;
}
.btn-outline-vimeo:hover {
color: shade-color(#1ab7ea, 20%);
border: 1px solid shade-color(#1ab7ea, 20%) !important;
}
.btn-outline-vk:hover {
color: shade-color(#587ea3, 20%);
border: 1px solid shade-color(#587ea3, 20%) !important;
}
.btn-outline-yahoo:hover {
color: shade-color(#720e9e, 20%);
border: 1px solid shade-color(#720e9e, 20%) !important;
}
.bg-adn {
background-color: #d87a68;
}
.bg-bitbucket {
background-color: #205081;
}
.bg-dropbox {
background-color: #1087dd;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-flickr {
background-color: #ff0084;
}
.bg-foursquare {
background-color: #f94877;
}
.bg-github {
background-color: #444444;
}
.bg-google {
background-color: #dd4b39;
}
.bg-instagram {
background-color: #3f729b;
}
.bg-linkedin {
background-color: #007bb6;
}
.bg-microsoft {
background-color: #2672ec;
}
.bg-odnoklassniki {
background-color: #f4731c;
}
.bg-openid {
background-color: #f7931e;
}
.bg-pinterest {
background-color: #cb2027;
}
.bg-reddit {
background-color: #ff4500;
}
.bg-soundcloud {
background-color: #ff5500;
}
.bg-tumblr {
background-color: #2c4762;
}
.bg-twitter {
background-color: #55acee;
}
.bg-vimeo {
background-color: #1ab7ea;
}
.bg-vk {
background-color: #587ea3;
}
.bg-yahoo {
background-color: #720e9e;
}
/*=========================================================================================
File Name: demo.scss
Description: CSS used for demo purpose only. Remove this css from your project.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.demo-inline-spacing {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.demo-inline-spacing > * {
margin-right: 1.5rem;
margin-top: 1.5rem;
}
.demo-vertical-spacing > * {
margin: 0;
margin-bottom: 1.5rem;
}
.demo-vertical-spacing > *:last-child {
margin: 0;
}
.demo-spacing-0 > *:last-child {
margin: 0;
}
.icon-wrapper .feather {
height: 24px;
width: 24px;
}
.scroll-example {
padding: 0.5rem;
position: relative;
border: 2px solid rgb(222.5, 222.5, 222.5);
overflow: auto;
}
.scroll-example .horz-scroll-content {
width: 1200px;
}
.browser {
background: #e0e0e0;
border: 4px solid #e0e0e0;
width: 100%;
height: 12rem;
padding-top: 20px;
margin: 0 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.browser iframe {
border: 0;
background: #fff;
height: 100%;
width: 100%;
}
.loader-wrapper {
height: 8em;
}
.maintenance-icon {
font-size: 4rem;
}
.animationIcon {
right: 30px;
bottom: 10px;
}
#component-breadcrumbs .breadcrumb:not(last-child) {
margin-bottom: 0.5rem;
}
#breadcrumb-alignment .breadcrumb-wrapper {
box-shadow: 1px 1px 10px rgba(34, 41, 47, 0.1);
padding: 1px;
border-radius: 0.357rem;
}
#breadcrumb-alignment .breadcrumb-wrapper .breadcrumb {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.dark-layout #breadcrumb-alignment .breadcrumb-wrapper {
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24);
}
.buy-now {
position: fixed;
bottom: 5%;
right: 79px;
z-index: 1031;
}
.buy-now .btn {
box-shadow: 0 1px 20px 1px #ea5455 !important;
}
.buy-now .btn:hover {
box-shadow: none !important;
}
/*=========================================================================================
File Name: customizer.scss
Description: CSS used for demo purpose only. Remove this css from your project.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.customizer {
width: 400px;
right: -400px;
padding: 0;
background-color: #fff;
z-index: 1051;
position: fixed;
top: 0;
bottom: 0;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
backface-visibility: hidden;
border-left: 1px solid rgba(34, 41, 47, 0.05);
}
.customizer.open {
box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);
right: 0;
}
.customizer .customizer-content {
position: relative;
height: 100%;
}
.customizer .customizer-close {
position: absolute;
right: 0.6rem;
top: 0.6rem;
padding: 7px;
width: auto;
z-index: 10;
color: #5e5873;
}
.customizer .customizer-close i,
.customizer .customizer-close svg {
font-size: 1.5rem;
height: 1.5rem;
width: 1.5rem;
}
.customizer .customizer-toggle {
background: #374fc4;
color: #fff !important;
display: block;
box-shadow: -3px 0px 8px rgba(34, 41, 47, 0.1);
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: absolute;
top: 50%;
width: 38px;
height: 38px;
left: -39px;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.customizer .color-box {
height: 24px;
width: 24px;
margin: 0.5rem;
border-radius: 0.5rem;
cursor: pointer;
position: relative;
}
.customizer .color-box.selected:after {
content: "";
border: 1px solid #374fc4;
height: 30px;
width: 30px;
top: -3px;
left: -3px;
position: absolute;
border-radius: 0.5rem;
}
.customizer .color-box.selected.border:after {
top: -4px;
left: -4px;
}
.divider {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
margin: 1rem 0;
}
.divider .divider-text {
position: relative;
display: inline-block;
font-size: 0.9375rem;
padding: 0 1rem;
}
.divider .divider-text i,
.divider .divider-text svg {
height: 1rem;
width: 1rem;
font-size: 1rem;
}
.divider .divider-text:before, .divider .divider-text:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
border-top: 1px solid #ebe9f1;
}
.divider .divider-text:before {
right: 100%;
}
.divider .divider-text:after {
left: 100%;
}
.divider.divider-start .divider-text {
float: left;
padding-left: 0;
}
.divider.divider-start .divider-text:before {
display: none;
}
.divider.divider-start-center .divider-text {
left: -25%;
}
.divider.divider-end .divider-text {
float: right;
padding-right: 0;
}
.divider.divider-end .divider-text:after {
display: none;
}
.divider.divider-end-center .divider-text {
right: -25%;
}
.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {
border-style: dotted;
border-width: 1px;
border-top-width: 0;
border-color: #ebe9f1;
}
.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
border-style: dashed;
border-width: 1px;
border-top-width: 0;
border-color: #ebe9f1;
}
.timeline {
padding: 0;
margin-bottom: 0;
margin-left: 1rem;
list-style: none;
}
.timeline .timeline-item {
position: relative;
padding-left: 2.5rem;
border-left: 1px solid #ebe9f1;
}
.timeline .timeline-item:not(:last-child) {
padding-bottom: 1.8rem;
}
.timeline .timeline-item .timeline-point {
position: absolute;
left: -0.85rem;
top: 0;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
height: 1.75rem;
width: 1.75rem;
text-align: center;
border-radius: 50%;
border: 1px solid #374fc4;
background-color: #fff;
}
.timeline .timeline-item .timeline-point.timeline-point-indicator {
left: -0.412rem;
top: 0.07rem;
height: 12px;
width: 12px;
border: 0;
background-color: #374fc4;
}
.timeline .timeline-item .timeline-point.timeline-point-indicator:before {
content: "";
background: rgba(55, 79, 196, 0.12);
height: 20px;
width: 20px;
display: block;
position: absolute;
top: -0.285rem;
left: -0.285rem;
border-radius: 50%;
}
.timeline .timeline-item .timeline-point i,
.timeline .timeline-item .timeline-point svg {
color: #374fc4;
font-size: 0.85rem;
vertical-align: baseline;
}
.timeline .timeline-item .timeline-event {
position: relative;
width: 100%;
min-height: 4rem;
}
.timeline .timeline-item .timeline-event .timeline-event-time {
font-size: 0.85rem;
color: #b9b9c3;
}
.timeline .timeline-item:last-of-type {
border-left-color: transparent !important;
}
.timeline .timeline-item:last-of-type:after {
content: "";
position: absolute;
left: -1px;
bottom: 0;
width: 1px;
height: 100%;
background: linear-gradient(#ebe9f1, transparent);
}
.custom-options-checkable .custom-option-item {
width: 100%;
cursor: pointer;
border-radius: 0.42rem;
color: #82868b;
background-color: rgba(130, 134, 139, 0.06);
border: 1px solid #ebe9f1;
}
.custom-options-checkable .custom-option-item .custom-option-item-title {
color: #82868b;
}
.custom-option-item-check {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.custom-option-item-check:checked + .custom-option-item {
color: #374fc4;
background-color: rgba(55, 79, 196, 0.12);
border-color: #374fc4;
}
.custom-option-item-check:checked + .custom-option-item .custom-option-item-title {
color: #374fc4;
}
@media screen and (min-width: 0px) {
head {
font-family: "xs 0px";
}
body:after {
content: "xs - min-width: 0px";
}
}
@media screen and (min-width: 544px) {
head {
font-family: "sm 544px";
}
body:after {
content: "sm - min-width: 544px";
}
}
@media screen and (min-width: 768px) {
head {
font-family: "md 768px";
}
body:after {
content: "md - min-width: 768px";
}
}
@media screen and (min-width: 992px) {
head {
font-family: "lg 992px";
}
body:after {
content: "lg - min-width: 992px";
}
}
@media screen and (min-width: 1200px) {
head {
font-family: "xl 1200px";
}
body:after {
content: "xl - min-width: 1200px";
}
}
head {
clear: both;
}
head title {
font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px";
}
body:after {
display: none;
}
*[data-usn-if] {
display: none;
}
.select2-container {
width: 100% !important;
margin: 0;
display: inline-block;
position: relative;
vertical-align: middle;
box-sizing: border-box;
}
.select2-container--classic:focus,
.select2-container--default:focus {
outline: none;
}
.select2-container--classic .select2-selection__choice,
.select2-container--default .select2-selection__choice {
font-size: 0.9rem;
margin-top: 6px !important;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {
min-height: 2.714rem;
padding: 5px;
border: 1px solid #d8d6de;
}
.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {
outline: 0;
border-color: #374fc4 !important;
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1) !important;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered i,
.select2-container--classic .select2-selection--single .select2-selection__rendered svg,
.select2-container--default .select2-selection--single .select2-selection__rendered i,
.select2-container--default .select2-selection--single .select2-selection__rendered svg {
font-size: 1.15rem;
height: 1.15rem;
width: 1.15rem;
margin-right: 0.5rem;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23d8d6de%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
background-size: 18px 14px, 18px 14px;
background-repeat: no-repeat;
height: 1rem;
padding-right: 1.5rem;
margin-left: 0;
margin-top: 0;
left: -8px;
border-style: none;
}
.select2-container--classic.select2-container--open,
.select2-container--default.select2-container--open {
box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
}
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
border-color: #374fc4 !important;
outline: 0;
}
.select2-container--classic.select2-container--focus,
.select2-container--default.select2-container--focus {
outline: 0;
}
.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #374fc4 !important;
outline: 0;
}
.select2-container--classic .select2-dropdown,
.select2-container--default .select2-dropdown {
border-color: #d8d6de;
z-index: 1060;
}
.select2-container--classic .select2-search--dropdown,
.select2-container--default .select2-search--dropdown {
padding: 0.5rem;
}
.select2-container--classic .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
outline: none !important;
border-radius: 0.357rem;
border-color: #d8d6de;
padding: 0.571rem 1rem;
}
.select2-container--classic .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
min-height: 38px !important;
border: 1px solid #d8d6de;
}
.select2-container--classic .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus {
outline: 0;
border-color: #374fc4 !important;
box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1) !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #374fc4 !important;
border-color: #374fc4 !important;
color: #fff;
padding: 2px 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0 6px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top: 7px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
float: right;
margin-left: 0.7rem;
margin-right: 0.5rem;
font-size: 0px;
display: inline-block;
position: relative;
line-height: 1rem;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:before,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
content: "";
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-x%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22line%22%2C%20%7B%0A%20%20x1%3A%20%2218%22%2C%0A%20%20y1%3A%20%226%22%2C%0A%20%20x2%3A%20%226%22%2C%0A%20%20y2%3A%20%2218%22%0A%7D%29%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22line%22%2C%20%7B%0A%20%20x1%3A%20%226%22%2C%0A%20%20y1%3A%20%226%22%2C%0A%20%20x2%3A%20%2218%22%2C%0A%20%20y2%3A%20%2218%22%0A%7D%29%29%3B");
background-size: 0.85rem;
height: 0.85rem;
width: 0.85rem;
position: absolute;
top: 22%;
left: -4px;
}
.select2-container--classic .select2-selection--multiple i,
.select2-container--classic .select2-selection--multiple svg,
.select2-container--default .select2-selection--multiple i,
.select2-container--default .select2-selection--multiple svg {
position: relative;
top: 1px;
margin-right: 0.5rem;
height: 1.15rem;
width: 1.15rem;
font-size: 1.15rem;
padding-left: 1px;
}
.select2-container--classic .select2-results__group,
.select2-container--default .select2-results__group {
padding: 6px 9px;
font-weight: 600;
}
.select2-container--classic .select2-results__option,
.select2-container--default .select2-results__option {
padding: 0.428rem 1rem;
}
.select2-container--classic .select2-results__option[role=group],
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #374fc4 !important;
color: #fff !important;
}
.select2-container--classic .select2-results__option i,
.select2-container--classic .select2-results__option svg,
.select2-container--default .select2-results__option i,
.select2-container--default .select2-results__option svg {
height: 1.15rem;
width: 1.15rem;
font-size: 1.15rem;
margin-right: 0.5rem;
}
.select2-container--classic .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted {
background-color: rgba(55, 79, 196, 0.12) !important;
color: #374fc4 !important;
}
.select2-container--classic .select2-result-repository__avatar img,
.select2-container--default .select2-result-repository__avatar img {
width: 50px;
}
.select2-container--classic .select-lg,
.select2-container--default .select-lg {
min-height: 2.714rem !important;
font-size: 1.2rem;
margin-bottom: 0 !important;
padding: 0.3rem 0.7rem;
}
.select2-container--classic .select-lg.select2-selection--single .select2-selection__rendered,
.select2-container--default .select-lg.select2-selection--single .select2-selection__rendered {
padding-top: -0.1rem;
}
.select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow,
.select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {
top: 0rem !important;
}
.select2-container--classic .select-lg.select2-selection--multiple,
.select2-container--default .select-lg.select2-selection--multiple {
padding: 0 0.2rem;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {
padding-top: 0 !important;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li {
font-size: 1.2rem;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li .select2-search__field,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top: 10px;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding: 5px;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before {
top: 46%;
}
.select2-container--classic .select-sm,
.select2-container--default .select-sm {
min-height: 2.142rem !important;
padding: 0 0.2rem;
font-size: 0.75rem;
margin-bottom: 0 !important;
line-height: 1.45;
}
.select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow,
.select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {
top: -0.3rem !important;
}
.select2-container--classic .select-sm.select2-selection--multiple,
.select2-container--default .select-sm.select2-selection--multiple {
line-height: 1.25;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {
padding: 3px;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {
font-size: 0.75rem;
margin-top: 2px;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li .select2-search__field,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top: 4px;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {
padding: 0 0.2rem;
margin-top: 4px !important;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
top: 5%;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
margin-top: 0;
}
.dark-layout .select2-container .select2-selection,
.dark-layout .select2-container .select2-search__field,
.dark-layout .select2-container .select2-selection__placeholder {
background: #283046;
border-color: #3b4253;
color: #b4b7bd;
}
.dark-layout .select2-container .select2-selection__rendered {
color: #b4b7bd;
}
.dark-layout .select2-container .select2-dropdown {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice {
background: rgba(55, 79, 196, 0.12) !important;
color: #374fc4 !important;
border: none;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
color: #374fc4 !important;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice__remove:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23374fc4%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-x%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22line%22%2C%20%7B%0A%20%20x1%3A%20%2218%22%2C%0A%20%20y1%3A%20%226%22%2C%0A%20%20x2%3A%20%226%22%2C%0A%20%20y2%3A%20%2218%22%0A%7D%29%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22line%22%2C%20%7B%0A%20%20x1%3A%20%226%22%2C%0A%20%20y1%3A%20%226%22%2C%0A%20%20x2%3A%20%2218%22%2C%0A%20%20y2%3A%20%2218%22%0A%7D%29%29%3B");
}
.dark-layout .select2-container .select2-results__option[aria-disabled=true] {
color: #676d7d;
}
.dark-layout .select2-container .select2-selection__arrow b {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.dark-layout .select2-container--disabled .select2-selection {
opacity: 0.5;
}
table.dataTable {
width: 100% !important;
border-collapse: collapse !important;
}
table.dataTable.table-responsive:not(.datatables-ajax) {
display: block;
}
table.dataTable td,
table.dataTable th {
padding: 0.72rem 1.5rem;
vertical-align: middle;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
padding-right: inherit;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%235e5873%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-up%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2218%2015%2012%209%206%2015%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
color: #6e6b7b;
width: 14px;
height: 14px;
content: "";
right: 0.3rem;
top: 0.5rem;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%235e5873%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
color: #6e6b7b;
width: 14px;
height: 14px;
content: "";
right: 0.3rem;
top: 1.3rem;
}
div.dataTables_wrapper .dt-button-collection {
background-color: #fff;
}
div.dataTables_wrapper .dt-button-collection > div[role=menu] {
text-align: left;
box-shadow: 0px 5px 16px -8px;
min-width: 8rem;
}
div.dataTables_wrapper .dt-button-collection [class*=buttons-]:focus {
outline: 0;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
line-height: 0.8em;
}
@media screen and (max-width: 1399.98px) {
table.dataTable.table-responsive {
display: block;
}
}
.modal.dtr-bs-modal .modal-body {
padding: 0;
}
.modal.dtr-bs-modal .table tr:last-child > td {
border-bottom: 0;
}
div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
margin-top: 1rem;
margin-bottom: 0.5rem;
}
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length select {
background-position: calc(100% - 3px) 11px, calc(100% - 20px) 13px, 100% 0;
width: 5rem;
margin: 0 0.5rem;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.75rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin-top: 1rem;
margin-bottom: 1.5rem;
}
div.dataTables_wrapper .dataTables_info {
padding-top: 1.25rem !important;
color: #b9b9c3;
}
tr.group {
background-color: #fafafc;
}
@media only screen and (max-width: 992px) {
table.dataTable.table-responsive.datatables-ajax {
display: block;
}
}
@media only screen and (max-width: 768px) {
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center;
}
div.dataTables_wrapper div.dataTables_info {
white-space: inherit;
}
div.dt-buttons {
justify-content: center;
margin-top: 1rem;
}
div.dt-buttons button {
margin-bottom: 0.5rem;
}
}
@media (max-width: 767.98px) {
.dtr-bs-modal .modal-body {
padding-left: 0;
padding-right: 0;
overflow-x: scroll;
}
.dtr-bs-modal .table.dtr-details {
margin: 0 auto 1rem;
}
.dtr-bs-modal .table.dtr-details td {
padding-left: 0;
padding-right: 0;
}
.dtr-bs-modal .table.dtr-details tr td:first-child {
padding-left: 0.75rem;
}
div.dataTables_wrapper {
overflow: scroll;
}
}
/* Bootstrap Touchspin */
.bootstrap-touchspin.input-group {
width: 8.4rem;
align-items: center;
}
.bootstrap-touchspin.input-group .form-control {
padding: 5px;
height: auto;
border: 0;
background-color: #f8f8f8;
border-radius: 0.357rem !important;
text-align: center;
font-weight: 500;
}
.bootstrap-touchspin.input-group .form-control:focus {
z-index: 1;
box-shadow: none;
}
.bootstrap-touchspin.input-group > .input-group-btn:first-child {
left: 12px !important;
position: inherit;
}
.bootstrap-touchspin.input-group > .input-group-btn:last-child {
right: 12px !important;
position: inherit;
}
.bootstrap-touchspin .bootstrap-touchspin-injected {
margin: 0 !important;
}
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {
padding: 0;
min-width: 20px;
min-height: 20px;
border-radius: 0.357rem !important;
}
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down i,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down svg,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up i,
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
height: 0.8rem;
width: 0.8rem;
font-size: 0.8rem;
position: relative;
top: -1px;
}
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down,
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
background-color: rgba(34, 41, 47, 0.5) !important;
cursor: default;
opacity: 0.5;
}
.bootstrap-touchspin.input-group-lg {
width: 9.375rem;
}
.bootstrap-touchspin.input-group-lg .touchspin.form-control {
height: auto !important;
}
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up {
min-width: 24px;
min-height: 24px;
}
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down i,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down svg,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up i,
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up svg {
height: 1rem;
width: 1rem;
font-size: 1rem;
top: 0;
}
.bootstrap-touchspin.input-group-sm {
width: 6.25rem;
}
.bootstrap-touchspin.input-group-sm .touchspin.form-control {
height: auto !important;
}
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up {
min-width: 16px;
min-height: 16px;
}
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down i,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down svg,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up i,
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
height: 0.6rem;
width: 0.6rem;
font-size: 0.6rem;
top: -3px;
}
/* Number Type Input Box Scss for Touchspin - Remove arrow for firefox */
.bootstrap-touchspin.input-group input[type=number] {
-moz-appearance: textfield;
}
.dark-layout .bootstrap-touchspin.input-group .form-control {
background-color: #161d31;
}
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up,
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
background-color: #b8c2cc !important;
opacity: 1;
}
.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min {
background-color: #b8c2cc !important;
opacity: 1;
}
.dark-layout {
/********* COMPONENTS *********/
/* Accordion */
/* alerts */
/* breadcrumbs */
/* buttons */
/* dropdown */
/* modal */
/* Close btn */
/* OffCanvas */
/* pagination */
/* nav tabs */
/* popover */
/* BS toast */
/* list group */
/* spinners */
/* avatar */
/* divider */
/* Timeline */
/* card */
/********** FORMS **********/
/********** TABLE **********/
/********** PAGES **********/
/********** APPLICATIONS **********/
/********** CUSTOMIZER **********/
/********** HORIZONTAL LAYOUT **********/
}
body.dark-layout {
color: #b4b7bd;
background-color: #161d31;
}
.dark-layout body {
color: #b4b7bd;
background-color: #161d31;
}
.dark-layout h1,
.dark-layout h2,
.dark-layout h3,
.dark-layout h4,
.dark-layout h5,
.dark-layout h6 {
color: #d0d2d6;
}
.dark-layout .border,
.dark-layout .border-top,
.dark-layout .border-end,
.dark-layout .border-bottom,
.dark-layout .border-start {
border-color: #3b4253 !important;
}
.dark-layout a:hover {
color: #374fc4;
}
.dark-layout label {
color: #d0d2d6;
}
.dark-layout .btn span {
color: inherit;
}
.dark-layout hr {
color: #3b4253;
}
.dark-layout pre {
background-color: #161d31 !important;
border: 0;
}
.dark-layout pre code {
background-color: inherit;
text-shadow: none;
}
.dark-layout pre code .url {
background-color: #161d31;
}
.dark-layout code {
background-color: #161d31;
}
.dark-layout kbd {
background-color: #161d31;
}
.dark-layout .text-dark {
color: #b8c2cc !important;
}
.dark-layout .text-muted {
color: #676d7d !important;
}
.dark-layout .text-body {
color: #b4b7bd !important;
}
.dark-layout .text-body-heading {
color: #d0d2d6;
}
.dark-layout .section-label {
color: #676d7d;
}
.dark-layout .shadow {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24) !important;
}
.dark-layout .blockquote-footer {
color: #676d7d;
}
.dark-layout .header-navbar-shadow {
background: linear-gradient(180deg, rgba(22, 29, 49, 0.9) 44%, rgba(22, 29, 49, 0.43) 73%, rgba(22, 29, 49, 0));
}
.dark-layout .horizontal-layout .header-navbar {
background-color: #283046;
}
.dark-layout .horizontal-layout.navbar-sticky .header-navbar, .dark-layout .horizontal-layout.navbar-static .header-navbar {
background-color: #161d31;
}
.dark-layout .navbar-sticky .header-navbar.navbar-shadow {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75);
}
.dark-layout .header-navbar {
background-color: #283046;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
color: #d0d2d6;
background-color: transparent;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i,
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg {
color: #d0d2d6;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i,
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star svg {
color: #fff !important;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
background-color: #283046;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
border-color: #3b4253;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
color: #b4b7bd;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input {
background-color: #283046;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control {
background-color: #283046;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
background-color: #283046;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list li a {
color: #b4b7bd;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .auto-suggestion.current_item {
background-color: #161d31;
}
.dark-layout .header-navbar .navbar-container .nav li i.ficon,
.dark-layout .header-navbar .navbar-container .nav li svg.ficon {
color: #b4b7bd;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
overflow: hidden;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item {
border-color: #3b4253;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item .media-meta,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item .media-meta {
color: #b4b7bd;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item:hover,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item:hover {
background-color: #161d31;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-header,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header {
border-bottom: 1px solid #3b4253;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
background-color: #283046;
border-top: 1px solid #3b4253;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
border-color: #3b4253;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
background-color: #283046;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart.empty-cart:before {
background-color: #161d31;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart li {
color: #fff;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .cart-item {
color: #b4b7bd;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-header span {
color: #fff;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .list-item img {
background-color: #161d31;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-heading .cart-item-by {
color: #676d7d;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .list-item-body .media-heading {
color: #d0d2d6;
}
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .notification-text {
color: #676d7d;
}
.dark-layout .header-navbar.navbar-static-top {
background-color: transparent !important;
}
.dark-layout .header-navbar[class*=bg-] .navbar-nav .nav-item .nav-link {
background-color: inherit;
}
.dark-layout .blank-page .card.bg-transparent h1,
.dark-layout .blank-page .card.bg-transparent h2,
.dark-layout .blank-page .card.bg-transparent h3,
.dark-layout .blank-page .card.bg-transparent h4,
.dark-layout .blank-page .card.bg-transparent h5,
.dark-layout .blank-page .card.bg-transparent h6 {
color: #283046;
}
.dark-layout .blank-page .card.bg-transparent p {
color: #161d31;
}
.dark-layout .main-menu {
background-color: #283046;
}
.dark-layout .main-menu .shadow-bottom {
background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0));
}
.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
background-color: #161d31;
}
.dark-layout .main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a {
background-color: #161d31;
}
.dark-layout .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
background-color: #161d31;
}
.dark-layout .main-menu .collapse-toggle-icon {
color: #374fc4 !important;
}
.dark-layout .ps__thumb-x,
.dark-layout .ps__thumb-y {
background-color: #b4b7bd;
}
.dark-layout .ps .ps__rail-x.ps--clicking,
.dark-layout .ps .ps__rail-x:focus,
.dark-layout .ps .ps__rail-x:hover,
.dark-layout .ps .ps__rail-y.ps--clicking,
.dark-layout .ps .ps__rail-y:focus,
.dark-layout .ps .ps__rail-y:hover {
background-color: #3b4253;
}
.dark-layout .ps__rail-y.ps--clicking .ps__thumb-y,
.dark-layout .ps__rail-y:focus > .ps__thumb-y,
.dark-layout .ps__rail-y:hover > .ps__thumb-y {
background-color: #b4b7bd;
}
.dark-layout .main-menu-content .navigation-main {
background-color: #283046;
}
.dark-layout .main-menu-content .navigation-main .navigation-header {
color: #676d7d;
}
.dark-layout .main-menu-content .navigation-main li a {
color: #d0d2d6 !important;
}
.dark-layout .main-menu-content .navigation-main li ul .open > a,
.dark-layout .main-menu-content .navigation-main li ul .sidebar-group-active > a {
background-color: #161d31;
}
.dark-layout .main-menu-content .navigation-main .nav-item i,
.dark-layout .main-menu-content .navigation-main .nav-item svg {
color: #d0d2d6;
}
.dark-layout .main-menu-content .navigation-main .nav-item.open > a {
background-color: #161d31 !important;
}
.dark-layout .main-menu-content .navigation-main .nav-item a:after {
color: #d0d2d6;
}
.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
background-color: #283046;
}
.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
color: #fff;
}
.dark-layout .main-menu-content .navigation-main .active .menu-title,
.dark-layout .main-menu-content .navigation-main .active i,
.dark-layout .main-menu-content .navigation-main .active svg {
color: #fff;
}
.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
background-color: #283046;
}
.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
z-index: 1;
}
.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
background-color: transparent;
}
.dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
background: #161d31 !important;
}
.dark-layout .accordion-item:not(:last-of-type) {
border-color: #3b4253;
}
.dark-layout .accordion-item {
background: #283046 !important;
}
.dark-layout .accordion-button {
background: #283046 !important;
color: #b4b7bd;
}
.dark-layout .accordion-button:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-up%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2218%2015%2012%209%206%2015%22%0A%7D%29%29%3B");
}
.dark-layout .accordion-border .accordion-item {
border-color: #3b4253;
}
.dark-layout .accordion-margin .accordion-item {
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24) !important;
}
.dark-layout .alert .alert-heading,
.dark-layout .alert p {
color: inherit;
}
.dark-layout .alert.alert-dark .alert-heading,
.dark-layout .alert.alert-dark .alert-body,
.dark-layout .alert.alert-dark p {
color: #b8c2cc;
}
.dark-layout .content-header-left .breadcrumbs-top .content-header-title {
color: #d0d2d6;
border-color: #3b4253;
}
.dark-layout .breadcrumb .breadcrumb-item {
color: #b4b7bd;
}
.dark-layout .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
color: #b4b7bd;
}
.dark-layout .breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item + .breadcrumb-item:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.dark-layout .breadcrumb-chevron.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.dark-layout .btn:not([class*=btn-]) {
color: #b4b7bd;
}
.dark-layout .btn.btn-dark, .dark-layout .btn.btn-outline-dark, .dark-layout .btn.btn-flat-dark {
color: #b8c2cc;
}
.dark-layout .btn.btn-dark {
background-color: #4b4b4b !important;
}
.dark-layout .btn.btn-outline-dark {
border-color: #4b4b4b;
color: #b8c2cc;
}
.dark-layout .btn.btn-outline-dark:hover:not(.disabled):not(:disabled) {
color: #b8c2cc;
}
.dark-layout .btn.btn-flat-dark:active, .dark-layout .btn.btn-flat-dark:focus {
background: #4b4b4b;
}
.dark-layout .btn-group label[class*=btn-outline-] {
color: #374fc4 !important;
}
.dark-layout .dropdown-menu {
background-color: #283046;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
}
.dark-layout .dropdown-menu .dropdown-header {
color: #d0d2d6;
}
.dark-layout .dropdown-menu .dropdown-item {
color: #b4b7bd;
}
.dark-layout .dropdown-menu .dropdown-item:hover, .dark-layout .dropdown-menu .dropdown-item:focus {
background: rgba(55, 79, 196, 0.12);
color: #374fc4;
}
.dark-layout .dropdown-menu .dropdown-item:active, .dark-layout .dropdown-menu .dropdown-item.active {
color: #fff;
background-color: #374fc4;
}
.dark-layout .dropdown-menu .dropdown-item.disabled, .dark-layout .dropdown-menu .dropdown-item:disabled {
color: #676d7d;
}
.dark-layout .dropdown-divider {
border-color: #3b4253;
}
.dark-layout .modal .modal-header,
.dark-layout .modal .modal-header[class*=bg-] {
background-color: #161d31;
}
.dark-layout .modal .modal-header .btn-close {
text-shadow: none;
background-color: #283046 !important;
color: #b4b7bd;
box-shadow: 0 3px 8px 0 rgba(11, 10, 25, 0.49) !important;
}
.dark-layout .modal .modal-content,
.dark-layout .modal .modal-body,
.dark-layout .modal .modal-footer {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .offcanvas {
background-color: #283046;
color: #b4b7bd;
}
.dark-layout .pagination:not([class*=pagination-]) .page-item.active {
background-color: #242b3d;
}
.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link {
background-color: #374fc4;
}
.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link:hover {
color: #fff;
}
.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link {
background-color: #242b3d;
color: #b4b7bd;
}
.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link:hover {
color: #374fc4;
}
.dark-layout .pagination:not([class*=pagination-]) .page-item.prev-item .page-link:hover, .dark-layout .pagination:not([class*=pagination-]) .page-item.next-item .page-link:hover {
color: #fff;
}
.dark-layout .pagination[class*=pagination-] .page-item:not(.active) .page-link {
background-color: #242b3d;
}
.dark-layout .pagination[class*=pagination-] .page-item:not(.active):not(:hover) .page-link {
color: #fff;
}
.dark-layout .pagination[class*=pagination-] .page-item:not(.active) .page-link:hover {
background-color: #242b3d;
}
.dark-layout .pagination[class*=pagination-] .page-item.active {
background-color: #242b3d;
}
.dark-layout .pagination .page-item.prev-item .page-link:before, .dark-layout .pagination .page-item.previous .page-link:before, .dark-layout .pagination .page-item.prev .page-link:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
}
.dark-layout .pagination .page-item.prev-item.disabled .page-link:before, .dark-layout .pagination .page-item.previous.disabled .page-link:before, .dark-layout .pagination .page-item.prev.disabled .page-link:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23676d7d%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
}
.dark-layout .pagination .page-item.next-item .page-link::after, .dark-layout .pagination .page-item.next .page-link::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.dark-layout .pagination .page-item.next-item.disabled .page-link:after, .dark-layout .pagination .page-item.next.disabled .page-link:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23676d7d%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.dark-layout .pagination .page-item.disabled .page-link {
color: #676d7d;
}
.dark-layout .nav-tabs .nav-item .nav-link,
.dark-layout .nav-pills .nav-item .nav-link,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link {
color: #d0d2d6;
}
.dark-layout .nav-tabs .nav-item .nav-link.active,
.dark-layout .nav-pills .nav-item .nav-link.active,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active {
background-color: #283046;
color: #374fc4;
}
.dark-layout .nav-tabs .nav-item .nav-link.disabled,
.dark-layout .nav-pills .nav-item .nav-link.disabled,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled {
color: #676d7d;
}
.dark-layout .nav.wrap-border {
border-color: #3b4253;
}
.dark-layout .nav-pills .nav-item .nav-link.active {
color: #fff;
background-color: #374fc4;
}
.dark-layout .popover.bs-popover-top .popover-arrow:before, .dark-layout .popover.bs-popover-auto[x-placement^=top] .popover-arrow:before {
border-top-color: #3b4253;
}
.dark-layout .popover.bs-popover-top .popover-arrow:after, .dark-layout .popover.bs-popover-auto[x-placement^=top] .popover-arrow:after {
border-top-color: #283046;
}
.dark-layout .popover.bs-popover-start .popover-arrow:before {
border-left-color: #3b4253;
}
.dark-layout .popover.bs-popover-start .popover-arrow:after {
border-left-color: #283046;
}
.dark-layout .popover.bs-popover-end .popover-arrow:before {
border-right-color: #3b4253;
}
.dark-layout .popover.bs-popover-end .popover-arrow:after {
border-right-color: #283046;
}
.dark-layout .popover .popover-header {
color: #fff;
}
.dark-layout .popover .popover-body {
background-color: #283046;
color: #b4b7bd;
border-color: #3b4253 !important;
}
.dark-layout .toast {
background-color: rgba(40, 48, 70, 0.85);
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
color: #b4b7bd;
}
.dark-layout .toast .toast-header {
background-color: #283046;
color: #b4b7bd;
}
.dark-layout .toast .toast-header .btn-close {
background-color: transparent !important;
box-shadow: none !important;
text-shadow: none;
}
.dark-layout .list-group .list-group-item:not([class*=list-group-item-]), .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active) {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .list-group .list-group-item:not([class*=list-group-item-]):not(.disabled), .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):not(.disabled) {
color: #b4b7bd;
}
.dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):hover, .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):focus {
background-color: #161d31;
}
.dark-layout .list-group .list-group-item.list-group-item-action.active:hover, .dark-layout .list-group .list-group-item.list-group-item-action.active:focus, .dark-layout .list-group .list-group-item.list-group-item-action:active:hover, .dark-layout .list-group .list-group-item.list-group-item-action:active:focus {
color: #fff;
}
.dark-layout .list-group .list-group-item.active p,
.dark-layout .list-group .list-group-item.active small {
color: #fff;
}
.dark-layout .list-group .list-group-item.active:hover {
color: #fff;
}
.dark-layout .list-group .list-group-item.disabled {
color: #676d7d;
}
.dark-layout .list-group.list-group-circle .list-group-item:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20width%3A%20%2224%22%2C%0A%20%20height%3A%20%2224%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-circle%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22circle%22%2C%20%7B%0A%20%20cx%3A%20%2212%22%2C%0A%20%20cy%3A%20%2212%22%2C%0A%20%20r%3A%20%2210%22%0A%7D%29%29%3B");
}
.dark-layout .spinner-border {
border-color: currentColor !important;
border-right-color: transparent !important;
}
.dark-layout .avatar {
background-color: #161d31;
}
.dark-layout .avatar [class*=avatar-status-] {
border-color: #283046;
}
.dark-layout .avatar-group .avatar img,
.dark-layout .avatar-group .avatar .avatar-content {
box-shadow: 0 0 0 2px #283046, inset 0 0 0 1px rgba(40, 48, 70, 0.07);
}
.dark-layout .divider .divider-text {
color: #b4b7bd;
}
.dark-layout .divider .divider-text::before, .dark-layout .divider .divider-text::after {
border-color: #3b4253;
}
.dark-layout .divider.divider-dark .divider-text::before, .dark-layout .divider.divider-dark .divider-text::after {
border-color: #3b4253 !important;
}
.dark-layout .timeline .timeline-item {
border-color: #3b4253;
}
.dark-layout .timeline .timeline-item .timeline-point:not(.timeline-point-indicator) {
background-color: #283046;
}
.dark-layout .timeline .timeline-item .timeline-event .timeline-event-time {
color: #676d7d;
}
.dark-layout .timeline .timeline-item:last-of-type:after {
background: linear-gradient(#3b4253, transparent);
}
.dark-layout .card {
background-color: #283046;
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}
.dark-layout .card .card-footer {
border-color: #3b4253;
}
.dark-layout .card.overlay-img-card .card-img-overlay span,
.dark-layout .card.overlay-img-card .card-img-overlay p,
.dark-layout .card.overlay-img-card .card-img-overlay .card-body {
color: #fff;
}
.dark-layout .card-developer-meetup .meetup-header .meetup-day {
border-right-color: #404656;
}
.dark-layout .card-profile .profile-image-wrapper .profile-image {
background-color: #161d31;
}
.dark-layout .business-card .business-items .business-item {
border-color: #3b4253;
}
.dark-layout .card-app-design .design-planning-wrapper .design-planning {
background-color: #161d31;
}
.dark-layout .card-tiny-line-stats .apexcharts-series-markers .apexcharts-marker {
stroke: #00cfe8;
}
.dark-layout .card-tiny-line-stats .apexcharts-series-markers:last-child .apexcharts-marker {
fill: #283046;
}
.dark-layout .card-revenue-budget .revenue-report-wrapper {
border-right-color: #3b4253;
}
.dark-layout .card-revenue-budget .budget-wrapper .apexcharts-series:not(:first-child) path {
stroke: #b4b7bd;
}
.dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
fill: #b4b7bd !important;
}
.dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
fill: #d0d2d6;
}
.dark-layout .card-company-table .avatar {
background-color: #161d31;
}
.dark-layout input:-webkit-autofill,
.dark-layout textarea:-webkit-autofill,
.dark-layout select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #283046 inset !important;
-webkit-text-fill-color: #b4b7bd !important;
}
.dark-layout input.form-control,
.dark-layout select.form-select,
.dark-layout textarea.form-control {
background-color: #283046;
color: #b4b7bd;
}
.dark-layout input.form-control:not(:focus),
.dark-layout select.form-select:not(:focus),
.dark-layout textarea.form-control:not(:focus) {
border-color: #404656;
}
.dark-layout input.form-control::placeholder,
.dark-layout select.form-select::placeholder,
.dark-layout textarea.form-control::placeholder {
color: #676d7d;
}
.dark-layout input.form-control:disabled, .dark-layout input.form-control[readonly=readonly],
.dark-layout select.form-select:disabled,
.dark-layout select.form-select[readonly=readonly],
.dark-layout textarea.form-control:disabled,
.dark-layout textarea.form-control[readonly=readonly] {
opacity: 0.5;
}
.dark-layout .form-floating textarea.form-control::placeholder {
color: transparent;
}
.dark-layout .form-control::file-selector-button {
background-color: #283046;
color: #d0d2d6;
}
.dark-layout .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: tint-color(#283046, 5%);
}
.dark-layout .char-textarea.active {
color: #b4b7bd !important;
}
.dark-layout .char-textarea.max-limit {
color: #ea5455 !important;
}
.dark-layout .form-check-input:not(:checked) {
background-color: #283046;
border-color: #404656;
}
.dark-layout .form-check-input:not(:checked):not(:indeterminate) {
background-color: #283046;
}
.dark-layout .form-check-input:not(:checked):not(:indeterminate):not(:focus) {
border-color: #404656;
}
.dark-layout .form-check-input:not(:checked):not(:indeterminate):disabled {
background-color: #444b60 !important;
border-color: #444b60 !important;
}
.dark-layout .form-switch .form-check-input:not(:checked) {
background-color: #545a6a;
}
.dark-layout .form-switch .form-check-input:disabled {
background-color: #1b2337;
border-color: #1b2337;
}
.dark-layout .form-switch .form-check-input:not(:checked):not(:focus) {
background-image: url("data:image/svg+xml,<svg width='26px' height='26px' viewBox='0 0 26 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><circle id='path-1' cx='8' cy='8' r='8'></circle><filter x='-40.6%' y='-21.9%' width='168.8%' height='168.8%' filterUnits='objectBoundingBox' id='filter-2'><feOffset dx='-1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'></feOffset><feGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'></feGaussianBlur><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'></feColorMatrix></filter></defs><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='switches-dot' transform='translate(5.000000, 5.000000)' fill-rule='nonzero'><g id='Oval'><use fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'></use><use fill='%23fff' xlink:href='%23path-1'></use></g></g></g></svg>");
}
.dark-layout select.form-select:not([multiple=multiple]) {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.dark-layout .was-validated .form-control:invalid,
.dark-layout .was-validated .form-control.is-invalid,
.dark-layout .was-validated .form-check-input:invalid,
.dark-layout .was-validated .form-check-input.is-invalid,
.dark-layout .was-validated select.form-select:not(:focus):invalid,
.dark-layout .was-validated select.form-select:not(:focus).is-valid {
border-color: #ea5455 !important;
}
.dark-layout .was-validated .form-control:valid,
.dark-layout .was-validated .form-control.is-valid,
.dark-layout .was-validated .form-check-input:valid,
.dark-layout .was-validated .form-check-input.is-valid,
.dark-layout .was-validated select.form-select:not(:focus):valid,
.dark-layout .was-validated select.form-select:not(:focus).is-valid {
border-color: #28c76f !important;
}
.dark-layout .wizard .steps ul .disabled a,
.dark-layout .wizard .steps ul .done a {
color: #b4b7bd !important;
}
.dark-layout .wizard .steps ul .disabled a:hover,
.dark-layout .wizard .steps ul .done a:hover {
color: #b4b7bd;
}
.dark-layout .wizard .steps ul .disabled a .step,
.dark-layout .wizard .steps ul .done a .step {
background-color: #161d31 !important;
color: #fff !important;
}
.dark-layout .input-group .input-group-text {
background-color: #283046;
border-color: #3b4253;
color: #b4b7bd;
}
.dark-layout .input-group:focus-within .form-control,
.dark-layout .input-group:focus-within .input-group-text {
border-color: #374fc4;
box-shadow: none;
}
.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, .dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
color: #b4b7bd !important;
}
.dark-layout .counter-value {
color: #fff;
}
.dark-layout .custom-option-item-check:not(:checked) + .custom-option-item {
border-color: #3b4253;
}
.dark-layout .table td,
.dark-layout .table th {
color: #b4b7bd;
border-color: #3b4253 !important;
}
.dark-layout .table .thead tr:not([class*=table-]) th,
.dark-layout .table .thead tr:not([class*=table-]) td,
.dark-layout .table tbody tr:not([class*=table-]) th,
.dark-layout .table tbody tr:not([class*=table-]) td {
border-color: #3b4253;
color: #b4b7bd;
}
.dark-layout .table .thead tr:not([class*=table-]) th code,
.dark-layout .table .thead tr:not([class*=table-]) td code,
.dark-layout .table tbody tr:not([class*=table-]) th code,
.dark-layout .table tbody tr:not([class*=table-]) td code {
background-color: #283046;
}
.dark-layout .table thead tr th,
.dark-layout .table tfoot tr th {
border-color: #3b4253;
background-color: #343d55;
color: #d0d2d6;
}
.dark-layout .table thead.table-dark th {
color: #4b4b4b;
background-color: #fff;
}
.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.table-dark) th, .dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
background-color: #343d55;
}
.dark-layout .table.table-dark {
background-color: #fff;
}
.dark-layout .table.table-dark.table-striped tbody tr:nth-of-type(odd) {
--bs-table-accent-bg: rgba(75, 75, 75, 0.05);
}
.dark-layout .table.table-dark td,
.dark-layout .table.table-dark th {
border-color: #f8f9fa !important;
background-color: #fff;
}
.dark-layout .table.table-dark td .text-white,
.dark-layout .table.table-dark th .text-white {
color: #4b4b4b !important;
}
.dark-layout .table tbody tr.table-dark td,
.dark-layout .table tbody tr.table-dark th {
color: #fff;
}
.dark-layout .table tbody tr.table-active td,
.dark-layout .table tbody tr.table-active th {
color: #b4b7bd;
background-color: tint-color(#283046, 30%);
}
.dark-layout .table.table-bordered {
border-color: #3b4253;
}
.dark-layout .table.table-hover tbody tr:hover {
--bs-table-accent-bg: #242b3d;
}
.dark-layout .table.table-hover tbody tr th,
.dark-layout .table.table-hover tbody tr td {
background-color: unset;
}
.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
--bs-table-accent-bg: #242b3d;
}
.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-print,
.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary,
.dark-layout .dataTables_wrapper .dt-buttons .dt-button-collection [class*=buttons-] {
color: #fff;
background-color: #161d31 !important;
}
.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy:active,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel:active,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf:active,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-print:active,
.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary:active,
.dark-layout .dataTables_wrapper .dt-buttons .dt-button-collection [class*=buttons-]:active {
background-color: #374fc4 !important;
color: #fff;
}
.dark-layout .dataTables_wrapper .dt-button-collection > div[role=menu] {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}
.dark-layout .dataTables_wrapper .table.dataTable tr.group td {
background-color: #242b3d;
color: #d0d2d6;
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-up%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2218%2015%2012%209%206%2015%22%0A%7D%29%29%3B");
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before, .dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after {
opacity: 0.5;
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before {
opacity: 1;
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after {
opacity: 0.5;
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
opacity: 1;
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
opacity: 0.5;
}
.dark-layout .dtr-modal .dtr-modal-display {
background-color: #161d31;
}
.dark-layout .dtr-modal div.dtr-modal-close {
background-color: transparent;
border-color: transparent;
}
.dark-layout .getting-started .clockCard p {
color: #b4b7bd !important;
}
.dark-layout #user-profile .profile-header .navbar {
background-color: #283046;
}
.dark-layout #user-profile .profile-header .navbar .navbar-toggler {
color: #b4b7bd;
border-color: #3b4253;
}
.dark-layout .search-bar .form-control {
background-color: #283046;
}
.dark-layout .blog-edit-wrapper .border {
border-color: #3b4253 !important;
}
.dark-layout .kb-search-content-info .kb-search-content .card-img-top {
background-color: #3f4860;
}
.dark-layout .list-group-circle .list-group-item:not([class*=list-group-item-]):hover, .dark-layout .list-group-circle .list-group-item:not([class*=list-group-item-]):focus, .dark-layout .list-group-circle .list-group-item:not([class*=list-group-item-]):active,
.dark-layout .list-group-circle .list-group-item-action:hover,
.dark-layout .list-group-circle .list-group-item-action:focus,
.dark-layout .list-group-circle .list-group-item-action:active {
background-color: transparent !important;
}
.dark-layout .pricing-card .card.basic-pricing, .dark-layout .pricing-card .card.enterprise-pricing, .dark-layout .pricing-card .card.standard-pricing {
border-color: #3b4253;
}
.dark-layout .content-area-wrapper {
border-color: #3b4253 !important;
}
.dark-layout .content-area-wrapper .sidebar .sidebar-content {
background-color: #283046 !important;
}
.dark-layout .content-area-wrapper .app-fixed-search {
background-color: #283046 !important;
border-color: #3b4253 !important;
}
.dark-layout .content-area-wrapper .content-right {
border-color: #3b4253 !important;
}
.dark-layout .email-application .content-area-wrapper .email-app-sidebar .list-group .list-group-item:hover {
background-color: transparent;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .app-action {
border-color: #3b4253;
background-color: #283046;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle {
color: #b4b7bd;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail {
border-color: #3b4253;
background-color: #283046;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail:hover {
box-shadow: 0 3px 10px 0 #283046;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail.selected-row-bg {
background-color: rgba(55, 79, 196, 0.06);
border-color: #3b4253;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details p,
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details .mail-date,
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message p,
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message .mail-date {
color: #676d7d;
}
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .mail-read {
background-color: #242b3d;
}
.dark-layout .email-application .content-area-wrapper .email-app-details {
border-color: #3b4253;
}
.dark-layout .email-application .content-area-wrapper .email-app-details .email-scroll-area {
background-color: #161d31;
}
.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle,
.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .action-icon {
color: #b4b7bd;
}
.dark-layout .email-application .content-area-wrapper .email-app-details .email-info-dropup .dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23676d7d%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.dark-layout .email-application .content-area-wrapper .email-app-details .mail-message-wrapper,
.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-head {
border-color: #3b4253 !important;
}
.dark-layout .email-application .content-area-wrapper #compose-mail .compose-mail-form-field,
.dark-layout .email-application .content-area-wrapper #compose-mail .ql-toolbar,
.dark-layout .email-application .content-area-wrapper #compose-mail .ql-container {
border-color: #3b4253;
}
.dark-layout .email-application .content-area-wrapper #compose-mail label {
color: #b4b7bd;
}
.dark-layout .email-application .content-area-wrapper #compose-mail .modal-body {
border-bottom-left-radius: 0.357rem;
border-bottom-right-radius: 0.357rem;
}
.dark-layout .chat-application .content-area-wrapper {
border-color: #3b4253;
}
.dark-layout .chat-application .sidebar .chat-profile-sidebar {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .chat-application .sidebar .sidebar-content {
border-color: #3b4253;
}
.dark-layout .chat-application .sidebar .sidebar-content .chat-fixed-search {
border-color: #3b4253;
}
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li:not(.active):hover {
background: #161d31;
}
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-info .card-text,
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-time {
color: #676d7d;
}
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-info .card-text,
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-time {
color: #fff;
}
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li img {
border-color: #3b4253;
}
.dark-layout .chat-application .avatar-border img {
border-color: #3b4253;
}
.dark-layout .chat-application .content-right .chat-app-window .start-chat-area {
background-color: #283046;
}
.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon,
.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
background: #283046;
color: #b4b7bd;
}
.dark-layout .chat-application .content-right .chat-app-window .start-chat-area,
.dark-layout .chat-application .content-right .chat-app-window .user-chats {
background-image: url("");
background-color: #1e232f;
}
.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text {
background: #283046;
}
.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:before, .dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:after {
border-color: #3b4253;
}
.dark-layout .chat-application .content-right .chat-app-window .user-chats .avatar img {
border-color: #3b4253;
}
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content {
background-color: #283046;
}
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content p {
color: #b4b7bd;
}
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-content p {
color: #fff;
}
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header .dropdown-toggle {
color: #b4b7bd;
}
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header,
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-app-form {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .chat-application .content-right .user-profile-sidebar {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .chat-widget .user-chats {
background-color: #384056 !important;
}
.dark-layout .chat-widget .card-header,
.dark-layout .chat-widget .chat-app-form {
background-color: #283046;
}
.dark-layout .chat-widget .chat-app-window .user-chats .chat-left .chat-content {
background-color: #283046 !important;
color: #b4b7bd !important;
}
.dark-layout .chat-widget .chat-app-window .user-chats .avatar img {
border-color: #161d31;
}
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
color: #fff;
}
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover, .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
background-color: #283046;
}
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item {
background-color: #283046;
}
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown i.dropdown-toggle,
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown svg.dropdown-toggle {
stroke: #fff;
}
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .kanban-title-button {
color: #b4b7bd;
}
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item i,
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item svg {
stroke: #b4b7bd;
}
.dark-layout .kanban-application .update-item-sidebar .nav-tabs .nav-item .nav-link,
.dark-layout .kanban-application .update-item-sidebar .tab-content .tab-pane {
background-color: transparent;
}
.dark-layout .kanban-board.gu-mirror,
.dark-layout .kanban-item.gu-mirror {
background-color: #283046 !important;
}
.dark-layout .todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action {
color: #b4b7bd;
}
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list-wrapper {
background-color: #283046 !important;
border-color: #3b4253;
}
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:not(:first-child) {
border-color: #3b4253;
}
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item.completed .todo-title {
color: #676d7d;
}
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:hover {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) i,
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) svg {
color: #b4b7bd;
}
.dark-layout .todo-item.gu-mirror {
background-color: #283046;
border-color: #3b4253;
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}
.dark-layout .todo-item.gu-mirror.completed .todo-title {
color: #676d7d;
}
.dark-layout .ecommerce-application .ecommerce-card .btn-light {
background-color: #161d31 !important;
color: #fff;
border-color: transparent;
}
.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .search-results,
.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .search-results {
color: #d0d2d6;
}
.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg,
.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg {
color: #d0d2d6;
}
.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .card-body,
.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .card-body,
.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .card-body,
.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .card-body {
border-color: #3b4253;
}
.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .wishlist span,
.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .wishlist span,
.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .wishlist span,
.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .wishlist span {
color: #5e5873;
}
.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .cart span,
.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .cart span,
.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .cart span,
.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .cart span {
color: #fff;
}
.dark-layout .ecommerce-application .grid-view .item-name a,
.dark-layout .ecommerce-application .grid-view .item-price {
color: #b4b7bd;
}
.dark-layout .ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
color: #fff;
}
.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input {
color: #b4b7bd;
}
.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input::placeholder {
color: #b4b7bd;
}
.dark-layout .ecommerce-application .app-ecommerce-details .item-features,
.dark-layout .ecommerce-application .app-ecommerce-details .swiper-responsive-breakpoints.swiper-container .swiper-slide {
background-color: #161d31;
}
.dark-layout .file-manager-application .sidebar-file-manager {
background-color: #283046 !important;
}
.dark-layout .file-manager-application .sidebar-file-manager .jstree .jstree-container-ul .jstree-anchor {
color: #b4b7bd;
}
.dark-layout .file-manager-application .sidebar-file-manager .storage-status i,
.dark-layout .file-manager-application .sidebar-file-manager .storage-status svg {
color: #b4b7bd !important;
}
.dark-layout .file-manager-application .sidebar-file-manager .file-manager-title {
color: #d0d2d6;
}
.dark-layout .file-manager-application .sidebar-file-manager.show {
border: 1px solid #3b4253 !important;
}
.dark-layout .file-manager-application .content-area-wrapper {
border: 1px solid #3b4253 !important;
}
.dark-layout .file-manager-application .file-manager-main-content {
border: 1px solid #3b4253 !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar {
background-color: transparent !important;
border-bottom: 1px solid #3b4253 !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar .file-manager-toggler {
color: #b4b7bd !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header,
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body {
background-color: #283046 !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header {
border-color: #3b4253 !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .drives .card {
background-color: #283046;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper {
background-color: #161d31 !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item:not(.selected) {
border-color: #3b4253 !important;
}
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-size,
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-accessed {
color: #676d7d !important;
}
.dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-link,
.dark-layout .file-manager-application #app-file-manager-info-sidebar .tab-content .tab-pane {
background-color: transparent;
}
.dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-item:not(.active) .nav-link {
color: #b4b7bd;
}
.dark-layout .app-calendar .app-calendar-sidebar {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .app-calendar .app-calendar-sidebar .sidebar-content-title {
color: #d0d2d6;
}
.dark-layout .app-calendar .app-calendar-sidebar .select-all ~ label,
.dark-layout .app-calendar .app-calendar-sidebar .input-filter ~ label {
color: #d0d2d6;
}
.dark-layout .app-calendar .fc .fc-day-today {
background: #161d31 !important;
background-color: #161d31 !important;
}
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-col-header-cell,
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis,
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-daygrid-day {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today {
background-color: rgba(186, 191, 199, 0.12) !important;
}
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today.fc-col-header-cell {
background-color: #283046 !important;
}
.dark-layout .app-calendar .fc .fc-popover {
background: #283046;
border-color: #3b4253;
}
.dark-layout .app-calendar .fc .fc-popover-header .fc-popover-title,
.dark-layout .app-calendar .fc .fc-popover-header .fc-popover-close {
color: #b4b7bd;
}
.dark-layout .app-calendar .fc tbody td,
.dark-layout .app-calendar .fc thead th {
border-color: #3b4253;
}
.dark-layout .app-calendar .fc .fc-scrollgrid {
border-color: #3b4253;
}
.dark-layout .app-calendar .fc .fc-list,
.dark-layout .app-calendar .fc th {
border-color: #3b4253;
}
.dark-layout .app-calendar .fc .fc-list .fc-list-day-cushion,
.dark-layout .app-calendar .fc th .fc-list-day-cushion {
background: #161d31;
}
.dark-layout .app-calendar .fc .fc-list .fc-list-event:hover td,
.dark-layout .app-calendar .fc th .fc-list-event:hover td {
background-color: #161d31;
}
.dark-layout .app-calendar .fc .fc-list .fc-list-event-time,
.dark-layout .app-calendar .fc th .fc-list-event-time {
color: #b4b7bd;
}
.dark-layout .app-calendar .fc .fc-list .fc-list-event td,
.dark-layout .app-calendar .fc th .fc-list-event td {
border-color: #3b4253;
}
.dark-layout .app-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event,
.dark-layout .app-calendar .fc-timegrid-event.fc-event-mirror,
.dark-layout .app-calendar .fc-timegrid-more-link {
box-shadow: 0 0 0 1px #3b4253;
}
.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-list-dataTable-header {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table {
background-color: #283046;
}
.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tbody .selected-row-bg {
background-color: #3b4253;
}
.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table td {
background-color: inherit;
}
.dark-layout .invoice-edit .invoice-preview-card .invoice-product-details,
.dark-layout .invoice-add .invoice-preview-card .invoice-product-details {
background-color: #161d31;
}
.dark-layout .invoice-edit .invoice-preview-card .invoice-product-details .product-details-border,
.dark-layout .invoice-add .invoice-preview-card .invoice-product-details .product-details-border {
background-color: #283046;
border-color: #3b4253;
}
.dark-layout .invoice-print .form-control {
background-color: #283046;
}
.dark-layout .app-user-view .plan-card {
border-color: #374fc4 !important;
}
.dark-layout .customizer {
background-color: #283046;
}
.dark-layout .customizer .customizer-close i,
.dark-layout .customizer .customizer-close svg {
color: #b4b7bd;
}
.dark-layout .footer-fixed .footer {
background-color: #283046;
}
.dark-layout .horizontal-layout.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75) !important;
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper {
background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%) !important;
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar {
background: #283046 !important;
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-shadow {
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75);
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover:not(.active) > a {
background: #161d31;
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .active .nav-link.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal.navbar-dark {
background: #283046 !important;
}
.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-down%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%226%209%2012%2015%2018%209%22%0A%7D%29%29%3B");
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-submenu.show {
background-color: #283046 !important;
color: #b4b7bd;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu a:hover {
color: #d0d2d6 !important;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .disabled a {
color: #676d7d;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-item {
color: #d0d2d6;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23b4b7bd%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:hover::after, .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:active::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%23fff%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-right%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%229%2018%2015%2012%209%206%22%0A%7D%29%29%3B");
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active > a > i,
.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active > a > svg {
color: #fff !important;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.active > a {
background: #161d31 !important;
color: #b4b7bd;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.active > a:hover {
color: #374fc4 !important;
}
.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.open.active > a {
color: #b4b7bd !important;
}
.bordered-layout .header-navbar {
box-shadow: none;
border: 1px solid #ebe9f1;
}
.bordered-layout .header-navbar.floating-nav {
border: 1px solid #ebe9f1;
}
.bordered-layout .header-navbar.fixed-top {
border-bottom: 1px solid #ebe9f1;
background: #f8f8f8;
box-shadow: none !important;
}
.bordered-layout .main-menu {
border-right: 1px solid #ebe9f1;
box-shadow: none;
}
.bordered-layout .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .bordered-layout .main-menu.menu-light .navigation > li.sidebar-group-active > a {
background: rgb(237.15, 237.15, 237.15);
}
.bordered-layout .dropdown-menu {
border: 1px solid #ebe9f1 !important;
box-shadow: none;
}
.bordered-layout .main-menu .navigation,
.bordered-layout .main-menu {
background: #f8f8f8;
}
.bordered-layout .card,
.bordered-layout .bs-stepper:not(.wizard-modern):not(.checkout-tab-steps),
.bordered-layout .bs-stepper.wizard-modern .bs-stepper-content {
border: 1px solid #ebe9f1;
box-shadow: none;
}
.bordered-layout .footer {
box-shadow: none !important;
}
.bordered-layout .footer-fixed .footer {
border-top: 1px solid #ebe9f1;
}
.semi-dark-layout {
/************ Main Menu **************/
}
.semi-dark-layout .main-menu {
background-color: #283046;
}
.semi-dark-layout .main-menu .shadow-bottom {
background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0));
}
.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
background-color: #161d31 !important;
}
.semi-dark-layout .main-menu-content .navigation-main {
background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .navigation-header {
color: #676d7d;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
color: #b4b7bd;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active) > a {
background-color: #161d31;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
color: #b4b7bd !important;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
color: #fff;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .active > a {
color: #fff !important;
}
.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
.semi-dark-layout .main-menu-content .navigation-main .active i {
color: #fff;
}
.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
border-radius: 4px;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content {
background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content .active {
z-index: 1;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content .active a {
background-color: transparent;
}
.semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
background: #161d31 !important;
color: #fff !important;
}
body,
#root,
.wrapper {
height: 100%;
}
.vertical-layout .main-menu.expanded .navigation li:not(.open) > ul {
display: block !important;
}
.vertical-layout .main-menu .navigation li:not(.open) a:after {
transform: rotate(0deg) !important;
}
.vertical-layout .main-menu .navigation a.active {
z-index: 1;
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
box-shadow: 0 0 10px 1px rgba(55, 79, 196, 0.7);
color: #fff;
font-weight: 400;
border-radius: 4px;
}
.vertical-layout .main-menu .navigation li.nav-item .menu-item {
display: inline-block;
vertical-align: middle;
}
body #root .wrapper .ps__rail-y {
left: auto !important;
right: 1px !important;
}
.vertical-layout .header-navbar:not(.navbar-horizontal) .navbar-container ul.navbar-nav li.dropdown .dropdown-menu,
.horizontal-layout .header-navbar:not(.navbar-horizontal) .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
top: 3.5rem !important;
}
.vertical-layout .header-navbar:not(.navbar-horizontal) .navbar-container ul.navbar-nav li.dropdown.dropdown-user .dropdown-menu,
.horizontal-layout .header-navbar:not(.navbar-horizontal) .navbar-container ul.navbar-nav li.dropdown.dropdown-user .dropdown-menu {
top: 4rem !important;
}
.horizontal-layout.navbar-static .header-navbar.navbar-scrolled {
background-color: #fff;
box-shadow: rgba(34, 41, 47, 0.05) 0px 4px 20px 0px;
}
.horizontal-layout .header-navbar .navbar-container .dropdown-language .dropdown-menu,
.horizontal-layout .header-navbar .navbar-container .dropdown-cart .dropdown-menu,
.horizontal-layout .header-navbar .navbar-container .dropdown-notification .dropdown-menu,
.horizontal-layout .header-navbar .navbar-container .dropdown-user .dropdown-menu {
top: 3rem !important;
}
.horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .dropdown .dropdown-menu.first-level {
top: 4.6rem !important;
}
.horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .dropdown .dropdown-submenu.sidebar-group-active.active .dropdown-toggle {
color: #6e6b7b;
}
.horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .dropdown .dropdown-submenu .dropdown-toggle:after {
margin-top: -5px;
}
.horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .dropdown .dropdown-item.active {
color: #374fc4 !important;
background-color: #f8f8f8 !important;
}
.horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .nav-item:not(.dropdown):not(.dropdown-submenu) a.nav-link.active {
background: linear-gradient(118deg, #374fc4, rgba(55, 79, 196, 0.7));
box-shadow: 0 0 6px 1px rgba(55, 79, 196, 0.6);
color: #fff;
border-radius: 4px;
}
.horizontal-layout .horizontal-menu-wrapper .navbar-horizontal ul.dropdown-menu .nav-item.active > a {
border-bottom: none;
}
.horizontal-layout .horizontal-menu-wrapper .navbar-horizontal ul.dropdown-menu::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.horizontal-layout .horizontal-menu-wrapper .navbar-horizontal ul.dropdown-menu::-webkit-scrollbar-thumb {
background: #adb5bd;
border-radius: 20px;
}
.horizontal-layout .horizontal-menu-wrapper .navbar-horizontal ul.dropdown-menu::-webkit-scrollbar-track {
background: #dae1e7;
border-radius: 30px;
}
.content-header .content-header-title {
font-weight: 500;
color: #636363;
padding-right: 1rem;
border-right: 1px solid rgb(213.6803278689, 219.5, 225.3196721311);
}
.content-header .content-header-right .dropdown-toggle:after {
display: none;
}
.header-navbar .navbar-container .navbar-nav .autocomplete-container .suggestion-item span {
line-height: 1.2;
}
.card-snippet pre {
margin-top: 0;
border-radius: 0.5rem;
}
.card-congratulations .avatar svg {
height: 28px !important;
width: 28px !important;
}
.avg-session-progress {
height: 6px;
}
.block-ui-container .block-ui-overlay {
background: rgba(34, 41, 47, 0.6);
}
.react-slidedown::-webkit-scrollbar {
width: 0px;
}
.animate__animated.animate__zoomIn,
.animate__animated.animate__fadeInLeft {
--animate-duration: 1s;
}
.ecommerce-application .content-wrapper.animate__animated {
animation: none;
}
.customizer .react-select {
width: 100%;
max-width: 200px;
}
.customizer .react-select .select__menu {
z-index: 2;
}
@media (max-width: 576px) {
.header-navbar .navbar-container .dropdown.show .dropdown-menu {
width: auto;
left: 0 !important;
}
}
.dark-layout .bg-transparent.btn- svg {
color: #b4b7bd;
}
.dark-layout .invoice-edit .invoice-edit-input-group .input-group-text,
.dark-layout .invoice-add .invoice-edit-input-group .input-group-text {
border-right-color: #283046 !important;
}
.dark-layout .invoice-print .table th {
background-color: transparent !important;
}
.dark-layout .autocomplete-container .suggestions-list .suggestion-item.suggestion-title-wrapper h6 {
color: #676d7d;
}
.dark-layout .ecommerce-application .list-view .ecommerce-card .card-body {
border-right-color: #3b4253;
}
.dark-layout .chat-application .more-options-dropdown .btn-icon svg {
color: #b4b7bd;
}
.dark-layout .pagination .break {
background-color: #242b3d;
}
.dark-layout .pagination .break a {
color: #b4b7bd;
}
.dark-layout .invoice-list-wrapper header {
background-color: #283046;
}
.dark-layout .block-ui-container .block-ui-overlay {
background: #161d31;
}
.dark-layout .block-ui-container .block-ui-message {
color: #b4b7bd;
}
.dark-layout .pricing-card .card.popular {
border-color: #374fc4 !important;
}
.dark-layout .form-control {
background-color: transparent;
}
.dark-layout input.form-control.is-valid:not(:focus) {
border-color: #28c76f;
}
.dark-layout .apexcharts-gridlines-vertical line {
stroke: #3b4253;
}
.dark-layout .horizontal-layout.navbar-static .header-navbar.navbar-scrolled {
background-color: #161d31;
}
.dark-layout .horizontal-menu .horizontal-menu-wrapper .navbar-horizontal #main-menu-navigation .dropdown-submenu.sidebar-group-active.active .dropdown-toggle {
color: #b4b7bd !important;
}
.dark-layout .horizontal-menu .horizontal-menu-wrapper .navbar-horizontal #main-menu-navigation .dropdown-item.active {
background-color: #161d31 !important;
}
.dark-layout .horizontal-menu .horizontal-menu-wrapper .navbar-horizontal #main-menu-navigation ul.dropdown-menu::-webkit-scrollbar-thumb {
background: #161d31;
}
.dark-layout .horizontal-menu .horizontal-menu-wrapper .navbar-horizontal #main-menu-navigation ul.dropdown-menu::-webkit-scrollbar-track {
background: #3b4253;
}
html[dir=rtl] body .ps__rail-y {
right: auto !important;
left: 1px !important;
}
html[dir=rtl] .rotate-rtl {
transform: rotate(-180deg);
}
html[dir=rtl] .scroll-to-top div:first-of-type {
left: auto !important;
right: 30px;
}
html[dir=rtl] .vertical-layout .main-menu .navigation li.has-sub > a:after {
transform: rotate(90deg) !important;
}
html[dir=rtl] .vertical-layout .main-menu .navigation li.has-sub:not(.open) > a:after {
transform: rotate(180deg) !important;
}
html[dir=rtl] .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-toggle::after {
background-image: url("data:image/svg+xml,%2F%2a%23__PURE__%2a%2FReact.createElement%28%22svg%22%2C%20%7B%0A%20%20xmlns%3A%20%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2C%0A%20%20viewBox%3A%20%220%200%2024%2024%22%2C%0A%20%20fill%3A%20%22none%22%2C%0A%20%20stroke%3A%20%22%236e6b7b%22%2C%0A%20%20%22stroke-width%22%3A%20%222%22%2C%0A%20%20%22stroke-linecap%22%3A%20%22round%22%2C%0A%20%20%22stroke-linejoin%22%3A%20%22round%22%2C%0A%20%20class%3A%20%22feather%20feather-chevron-left%22%0A%7D%2C%20%2F%2a%23__PURE__%2a%2FReact.createElement%28%22polyline%22%2C%20%7B%0A%20%20points%3A%20%2215%2018%209%2012%2015%206%22%0A%7D%29%29%3B");
}
html[dir=rtl] .dropdown .dropdown-menu,
html[dir=rtl] .dropup .dropdown-menu,
html[dir=rtl] .btn-group .dropdown-menu {
right: auto !important;
left: auto !important;
}
html[dir=rtl] .dropdown .dropdown-menu.dropdown-menu-end,
html[dir=rtl] .dropup .dropdown-menu.dropdown-menu-end,
html[dir=rtl] .btn-group .dropdown-menu.dropdown-menu-end {
left: 0 !important;
}
html[dir=rtl] .dropdown .dropdown-menu.dropdown-menu-end::before,
html[dir=rtl] .dropup .dropdown-menu.dropdown-menu-end::before,
html[dir=rtl] .btn-group .dropdown-menu.dropdown-menu-end::before {
right: 0.6rem;
left: auto;
}
html[dir=rtl] .dropstart .dropdown-menu {
right: 0.5rem !important;
margin-right: 0.4rem !important;
}
html[dir=rtl] .dropend .dropdown-menu {
left: 0.5rem !important;
margin-left: 0.4rem !important;
}
html[dir=rtl] .breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item + .breadcrumb-item:before,
html[dir=rtl] .breadcrumb.breadcrumb-chevron .breadcrumb-item + .breadcrumb-item:before {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item.prev-item .page-link:before, html[dir=rtl] .pagination .page-item.prev .page-link:before, html[dir=rtl] .pagination .page-item.previous .page-link:before {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item.prev-item .page-link:hover:before, html[dir=rtl] .pagination .page-item.prev-item .page-link:active:before, html[dir=rtl] .pagination .page-item.prev .page-link:hover:before, html[dir=rtl] .pagination .page-item.prev .page-link:active:before, html[dir=rtl] .pagination .page-item.previous .page-link:hover:before, html[dir=rtl] .pagination .page-item.previous .page-link:active:before {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item.prev-item.disabled .page-link:before, html[dir=rtl] .pagination .page-item.prev.disabled .page-link:before, html[dir=rtl] .pagination .page-item.previous.disabled .page-link:before {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item.next-item .page-link:after, html[dir=rtl] .pagination .page-item.next .page-link:after {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item.next-item .page-link:hover:after, html[dir=rtl] .pagination .page-item.next-item .page-link:active:after, html[dir=rtl] .pagination .page-item.next .page-link:hover:after, html[dir=rtl] .pagination .page-item.next .page-link:active:after {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item.next-item.disabled .page-link:before, html[dir=rtl] .pagination .page-item.next.disabled .page-link:before {
transform: rotate(180deg);
}
html[dir=rtl] .pagination .page-item:first-of-type .page-link svg, html[dir=rtl] .pagination .page-item:last-of-type .page-link svg {
transform: rotate(180deg);
}
html[dir=rtl] .popover[data-popper-placement^=left] .popover-arrow {
left: unset;
right: -0.5rem;
transform: translate3d(0px, 58px, 0px) !important;
}
html[dir=rtl] .popover[data-popper-placement^=right] .popover-arrow {
right: unset;
left: -0.5rem;
transform: translate3d(0px, 58px, 0px) !important;
}
html[dir=rtl] .bs-tooltip-left .arrow, html[dir=rtl] .bs-tooltip-auto[x-placement^=left] .arrow,
html[dir=rtl] .bs-tooltip-auto[data-popper-placement^=left] .arrow {
right: -1px;
transform: translate3d(0px, 15px, 0px) !important;
}
html[dir=rtl] .bs-tooltip-right .arrow, html[dir=rtl] .bs-tooltip-auto[x-placement^=right] .arrow,
html[dir=rtl] .bs-tooltip-auto[data-popper-placement^=right] .arrow {
right: auto;
left: 0;
transform: translate3d(0px, 15px, 0px) !important;
}
html[dir=rtl] .email-application .toggle-cc.mr-1 {
margin-right: 0 !important;
margin-left: 1rem !important;
}
html[dir=rtl] .app-calendar .fc-toolbar {
flex-direction: row-reverse !important;
}
html[dir=rtl] .app-calendar .fc-toolbar .fc-toolbar-chunk:first-child {
flex-direction: row-reverse;
}
html[dir=rtl] .app-calendar .fc-toolbar .fc-prev-button,
html[dir=rtl] .app-calendar .fc-toolbar .fc-next-button {
transform: translate3d(0px, 9px, 0px) rotate(180deg) !important;
}
html[dir=rtl] .app-ecommerce-details .swiper-button-next {
right: 0;
left: auto;
}
html[dir=rtl] .invoice-list-table-header select {
background-position: calc(100% - (100% - 13px)) 13px, calc(100% - (100% - 20px)) 13px, 0% 0 !important;
}
html[dir=rtl] .tox-tinymce .tox-editor-header {
direction: ltr;
}
html[dir=rtl] .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
margin-right: 10px;
margin-left: 0 !important;
}
html[dir=rtl] .swiper-button-next {
right: 10px !important;
left: auto !important;
}
html[dir=rtl] .swiper-button-prev {
left: 10px !important;
right: auto !important;
}
html[dir=rtl] .flatpickr-calendar .flatpickr-months svg {
transform: rotate(180deg);
}
html[dir=rtl] .bs-stepper:not(.vertical) .bs-stepper-header .line svg {
transform: rotate(180deg);
}
html[dir=rtl] .bs-stepper .btn-next svg,
html[dir=rtl] .bs-stepper .btn-prev svg {
transform: rotate(180deg);
}
html[dir=rtl] .rdt_Table [aria-label="Expand Row"] svg {
transform: rotate(180deg);
}
html[dir=rtl] #profile-info .post .post-actions .share-post span.mr-1 {
margin-right: 0 !important;
}
.form-control[readonly] {
opacity: 0.5;
}
.is-invalid {
border-color: #ea5455 !important;
}
select.form-control[multiple] {
background-image: none !important;
}
.input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
border-color: #ea5455;
}
.input-group.is-invalid .form-control,
.input-group.is-invalid .input-group-append .input-group-text,
.input-group.is-invalid .input-group-prepend .input-group-text {
border-color: #ea5455 !important;
}
.input-group > .dropdown:nth-last-child(n+3) .dropdown-toggle, .input-group > .dropdown:first-child .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .dropdown:not(:first-child) .dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/*! rtl:begin:ignore */
.form-control::-webkit-file-upload-button {
margin-inline-end: 0.75rem !important;
border-inline-end-width: 1px !important;
}
/*! rtl:end:ignore */
.form-check-label.form-label {
margin-bottom: 0;
color: #6e6b7b;
font-size: 1rem;
}
.dark-layout .form-check-label.form-label {
color: #d0d2d6;
}
.dark-layout .card .toast {
background-color: rgba(22, 29, 49, 0.85);
}
.dark-layout .card .toast .toast-header {
background-color: #161d31;
}
.dark-layout .card .toast .toast-header .close {
color: #b4b7bd;
}
a.badge:hover {
color: #fff;
}
.form-switch .form-check-label .switch-icon-left,
.form-switch .form-check-label .switch-icon-right {
transform: translate(0px, 1px) !important;
}
.btn[class*=btn-gradient]:first-child:active, .btn[class*=btn-relief]:first-child:active {
color: #fff;
}
.btn[class*=btn-flat]:active {
color: "inherit";
border-color: transparent;
}
.popover[data-popper-placement=right] .arrow {
left: -7px;
}
.popover[data-popper-placement=left] .arrow {
right: -7px;
}
.popover[data-popper-placement=bottom] .arrow {
top: -7px;
}
.dropdown-menu[data-popper-placement]:not([data-popper-placement^=top-]) {
top: 0.5rem !important;
margin: unset !important;
}
.dropdown-menu[data-popper-placement^=top-] {
bottom: 0.5rem !important;
margin: unset !important;
}
.dropdown-notification .dropdown-menu,
.dropdown-cart .dropdown-menu {
left: inherit !important;
}
.dropdown-language .country-flag {
height: 18px !important;
width: 18px !important;
}
.dropdown-language .dropdown-menu {
left: auto !important;
}
.dropdown-user .dropdown-menu {
left: auto !important;
right: 0;
}
.dropdown-menu .dropdown-item:focus {
outline: 0;
}
.dropdown-icon-wrapper .dropdown-toggle:after {
display: none;
}
.dropdown-icon-wrapper .dropdown-menu {
min-width: auto;
}
.dropdown-icon-wrapper .dropdown-menu .dropdown-item {
padding: 0.5rem 1.1rem;
cursor: pointer;
}
html[dir=rtl] .carousel .carousel-control-next-icon,
html[dir=rtl] .carousel .carousel-control-prev-icon {
transform: rotate(180deg);
}
.accordion .accordion-header .accordion-button {
font-weight: 500;
font-size: 1.1rem;
line-height: 1.45;
}
.accordion .accordion-body {
color: #b4b7bd;
}
.pagination.react-paginate .page-link {
transition: all 0.05s ease-in-out;
}
.pagination.react-paginate .page-item.prev a.page-link:before,
.pagination.react-paginate .page-item.prev a.page-link:after,
.pagination.react-paginate .page-item.next a.page-link:before,
.pagination.react-paginate .page-item.next a.page-link:after {
height: 16.83px;
margin-top: 1px;
}
.pagination.react-paginate.pagination-sm .page-item.prev a.page-link:before,
.pagination.react-paginate.pagination-sm .page-item.prev a.page-link:after,
.pagination.react-paginate.pagination-sm .page-item.next a.page-link:before,
.pagination.react-paginate.pagination-sm .page-item.next a.page-link:after {
height: 14.5px;
}
.pagination.react-paginate.pagination-lg .page-item.prev a.page-link:before,
.pagination.react-paginate.pagination-lg .page-item.prev a.page-link:after,
.pagination.react-paginate.pagination-lg .page-item.next a.page-link:before,
.pagination.react-paginate.pagination-lg .page-item.next a.page-link:after {
height: 19.5px;
}
.pagination.no-navigation li:first-of-type,
.pagination.no-navigation li:last-of-type {
display: none;
}
.fallback-spinner {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.fallback-spinner.app-loader {
height: 100vh;
flex-direction: column;
}
.fallback-spinner.app-loader .loading {
margin-top: 1rem;
}
.fallback-spinner.content-loader {
top: 50%;
left: 50%;
width: 100%;
margin-top: -2rem;
height: calc(100vh - 10rem);
}
.fallback-spinner .loading {
width: 55px;
height: 55px;
border-radius: 50%;
border: 3px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fallback-spinner .loading .effect-1,
.fallback-spinner .loading .effect-2,
.fallback-spinner .loading .effect-3 {
width: 55px;
height: 55px;
border-radius: 50%;
border: 3px solid transparent;
border-left: 3px solid rgb(121, 97, 249);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fallback-spinner .loading .effect-1 {
position: absolute;
animation: rotate 1s ease infinite;
}
.fallback-spinner .loading .effect-2 {
position: absolute;
animation: rotateOpacity 1s ease infinite 0.1s;
}
.fallback-spinner .loading .effect-3 {
-webkit-animation: rotateOpacity 1s ease infinite 0.2s;
animation: rotateOpacity 1s ease infinite 0.2s;
}
.fallback-spinner .loading .loading .effects {
transition: all 0.3s ease;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes rotateOpacity {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.1;
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
opacity: 1;
}
}
/*!****************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/primereact/resources/themes/lara-light-indigo/theme.css ***!
\****************************************************************************************************************************************************/
:root {
font-family: "Inter var", sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family: "Inter var", sans-serif;
--font-feature-settings: "cv02", "cv03", "cv04", "cv11";
--surface-a: #ffffff;
--surface-b: #f9fafb;
--surface-c: #f3f4f6;
--surface-d: #e5e7eb;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #4b5563;
--text-color-secondary: #6b7280;
--primary-color: #6366f1;
--primary-color-text: #ffffff;
--surface-0: #ffffff;
--surface-50: #f9fafb;
--surface-100: #f3f4f6;
--surface-200: #e5e7eb;
--surface-300: #d1d5db;
--surface-400: #9ca3af;
--surface-500: #6b7280;
--surface-600: #4b5563;
--surface-700: #374151;
--surface-800: #1f2937;
--surface-900: #111827;
--gray-50: #f9fafb;
--gray-100: #f3f4f6;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-400: #9ca3af;
--gray-500: #6b7280;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827;
--content-padding: 1.25rem;
--inline-spacing: 0.5rem;
--border-radius: 6px;
--surface-ground: #f9fafb;
--surface-section: #ffffff;
--surface-card: #ffffff;
--surface-overlay: #ffffff;
--surface-border: #dfe7ef;
--surface-hover: #f6f9fc;
--focus-ring: 0 0 0 0.2rem #c7d2fe;
--maskbg: rgba(0, 0, 0, 0.4);
--highlight-bg: #eef2ff;
--highlight-text-color: #4338ca;
color-scheme: light;
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url(a0e477f2f1f9d2376fde.woff2) format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url(e295f70fe3e2df296c7b.woff2) format("woff2");
}
:root {
--blue-50:#f5f9ff;
--blue-100:#d0e1fd;
--blue-200:#abc9fb;
--blue-300:#85b2f9;
--blue-400:#609af8;
--blue-500:#3b82f6;
--blue-600:#326fd1;
--blue-700:#295bac;
--blue-800:#204887;
--blue-900:#183462;
--green-50:#f4fcf7;
--green-100:#caf1d8;
--green-200:#a0e6ba;
--green-300:#76db9b;
--green-400:#4cd07d;
--green-500:#22c55e;
--green-600:#1da750;
--green-700:#188a42;
--green-800:#136c34;
--green-900:#0e4f26;
--yellow-50:#fefbf3;
--yellow-100:#faedc4;
--yellow-200:#f6de95;
--yellow-300:#f2d066;
--yellow-400:#eec137;
--yellow-500:#eab308;
--yellow-600:#c79807;
--yellow-700:#a47d06;
--yellow-800:#816204;
--yellow-900:#5e4803;
--cyan-50:#f3fbfd;
--cyan-100:#c3edf5;
--cyan-200:#94e0ed;
--cyan-300:#65d2e4;
--cyan-400:#35c4dc;
--cyan-500:#06b6d4;
--cyan-600:#059bb4;
--cyan-700:#047f94;
--cyan-800:#036475;
--cyan-900:#024955;
--pink-50:#fef6fa;
--pink-100:#fad3e7;
--pink-200:#f7b0d3;
--pink-300:#f38ec0;
--pink-400:#f06bac;
--pink-500:#ec4899;
--pink-600:#c93d82;
--pink-700:#a5326b;
--pink-800:#822854;
--pink-900:#5e1d3d;
--indigo-50:#f7f7fe;
--indigo-100:#dadafc;
--indigo-200:#bcbdf9;
--indigo-300:#9ea0f6;
--indigo-400:#8183f4;
--indigo-500:#6366f1;
--indigo-600:#5457cd;
--indigo-700:#4547a9;
--indigo-800:#363885;
--indigo-900:#282960;
--teal-50:#f3fbfb;
--teal-100:#c7eeea;
--teal-200:#9ae0d9;
--teal-300:#6dd3c8;
--teal-400:#41c5b7;
--teal-500:#14b8a6;
--teal-600:#119c8d;
--teal-700:#0e8174;
--teal-800:#0b655b;
--teal-900:#084a42;
--orange-50:#fff8f3;
--orange-100:#feddc7;
--orange-200:#fcc39b;
--orange-300:#fba86f;
--orange-400:#fa8e42;
--orange-500:#f97316;
--orange-600:#d46213;
--orange-700:#ae510f;
--orange-800:#893f0c;
--orange-900:#642e09;
--bluegray-50:#f7f8f9;
--bluegray-100:#dadee3;
--bluegray-200:#bcc3cd;
--bluegray-300:#9fa9b7;
--bluegray-400:#818ea1;
--bluegray-500:#64748b;
--bluegray-600:#556376;
--bluegray-700:#465161;
--bluegray-800:#37404c;
--bluegray-900:#282e38;
--purple-50:#fbf7ff;
--purple-100:#ead6fd;
--purple-200:#dab6fc;
--purple-300:#c996fa;
--purple-400:#b975f9;
--purple-500:#a855f7;
--purple-600:#8f48d2;
--purple-700:#763cad;
--purple-800:#5c2f88;
--purple-900:#432263;
--red-50:#fff5f5;
--red-100:#ffd0ce;
--red-200:#ffaca7;
--red-300:#ff8780;
--red-400:#ff6259;
--red-500:#ff3d32;
--red-600:#d9342b;
--red-700:#b32b23;
--red-800:#8c221c;
--red-900:#661814;
--primary-50:#f7f7fe;
--primary-100:#dadafc;
--primary-200:#bcbdf9;
--primary-300:#9ea0f6;
--primary-400:#8183f4;
--primary-500:#6366f1;
--primary-600:#5457cd;
--primary-700:#4547a9;
--primary-800:#363885;
--primary-900:#282960;
}
.p-editor-container .p-editor-toolbar {
background: #f9fafb;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
stroke: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
fill: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
border: 0 none;
color: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
stroke: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
fill: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 0.75rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 1.25rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-editor-container .p-editor-content.ql-snow {
border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-content .ql-editor {
background: #ffffff;
color: #4b5563;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
color: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
stroke: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
fill: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
color: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
stroke: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
fill: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
color: #6366f1;
}
@layer primereact {
* {
box-sizing: border-box;
}
.p-component {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
font-weight: normal;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
transition-duration: 0.2s;
}
.p-disabled, .p-component:disabled {
opacity: 0.6;
}
.p-error {
color: #e24c4c;
}
.p-text-secondary {
color: #6b7280;
}
.pi {
font-size: 1rem;
}
.p-icon {
width: 1rem;
height: 1rem;
}
.p-link {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
border-radius: 6px;
}
.p-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-component-overlay-enter {
animation: p-component-overlay-enter-animation 150ms forwards;
}
.p-component-overlay-leave {
animation: p-component-overlay-leave-animation 150ms forwards;
}
@keyframes p-component-overlay-enter-animation {
from {
background-color: transparent;
}
to {
background-color: var(--maskbg);
}
}
@keyframes p-component-overlay-leave-animation {
from {
background-color: var(--maskbg);
}
to {
background-color: transparent;
}
}
.p-autocomplete .p-autocomplete-loader {
right: 0.75rem;
}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #6366f1;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
color: #4b5563;
padding: 0;
margin: 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #eef2ff;
color: #4338ca;
border-radius: 6px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-autocomplete-panel .p-autocomplete-items {
padding: 0.75rem 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #4b5563;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #374151;
background: #ffffff;
font-weight: 700;
}
.p-calendar.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: #4b5563;
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #4b5563;
background: #ffffff;
font-weight: 600;
margin: 0;
border-bottom: 1px solid #e5e7eb;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: #4b5563;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #6366f1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
}
.p-datepicker table {
font-size: 1rem;
margin: 0.5rem 0;
}
.p-datepicker table th {
padding: 0.5rem;
}
.p-datepicker table th > span {
width: 2.5rem;
height: 2.5rem;
}
.p-datepicker table td {
padding: 0.5rem;
}
.p-datepicker table td > span {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-datepicker table td > span:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-datepicker table td.p-datepicker-today > span {
background: #d1d5db;
color: #4b5563;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0;
border-top: 1px solid #e5e7eb;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid #e5e7eb;
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-datepicker .p-timepicker button:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.25rem;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.5rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
}
.p-datepicker .p-monthpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid #e5e7eb;
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 0;
padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #f3f4f6;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
background: #f3f4f6;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
background: #f3f4f6;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
@media screen and (max-width: 769px) {
.p-datepicker table th,
.p-datepicker table td {
padding: 0;
}
}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #d1d5db;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
outline-color: transparent;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #6366f1;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-cascadeselect.p-variant-filled {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant-filled:enabled:hover {
background-color: #f3f4f6;
}
.p-cascadeselect.p-variant-filled:enabled:focus {
background-color: #ffffff;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.75rem 0.75rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: #6b7280;
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: #6b7280;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-cascadeselect.p-invalid.p-component {
border-color: #e24c4c;
}
.p-cascadeselect-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-cascadeselect-panel .p-cascadeselect-items {
padding: 0.75rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: #4b5563;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
margin-top: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
margin-bottom: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #4b5563;
background: #f3f4f6;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
.p-checkbox {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-checkbox-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
cursor: pointer;
}
.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-checkbox {
width: 22px;
height: 22px;
}
.p-checkbox .p-checkbox-input {
border: 2px solid #d1d5db;
border-radius: 6px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #d1d5db;
background: #ffffff;
width: 22px;
height: 22px;
color: #4b5563;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
width: 14px;
height: 14px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #d1d5db;
background: #ffffff;
width: 22px;
height: 22px;
color: #4b5563;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
width: 14px;
height: 14px;
}
.p-checkbox.p-highlight .p-checkbox-box {
border-color: #6366f1;
background: #6366f1;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
border-color: #6366f1;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
border-color: #4338ca;
background: #4338ca;
color: #ffffff;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-checkbox.p-invalid > .p-checkbox-box {
border-color: #e24c4c;
}
.p-checkbox.p-variant-filled .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
background: #6366f1;
}
.p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #4338ca;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #f3f4f6;
}
.p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
background: #6366f1;
}
.p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #4338ca;
}
.p-checkbox {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-checkbox-input {
cursor: pointer;
}
.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-tristatecheckbox.p-variant-filled .p-checkbox-box {
background-color: #f3f4f6;
}
.p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
background: #6366f1;
}
.p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
background-color: #f3f4f6;
}
.p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
background: #4338ca;
}
.p-chips {
display: inline-flex;
}
.p-chips-multiple-container {
margin: 0;
padding: 0;
list-style-type: none;
cursor: text;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.p-chips-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.p-chips-input-token {
flex: 1 1 auto;
display: inline-flex;
}
.p-chips-token-icon {
cursor: pointer;
}
.p-chips-input-token input {
border: 0 none;
outline: 0 none;
background-color: transparent;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
width: 100%;
}
.p-fluid .p-chips {
display: flex;
}
.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #6366f1;
}
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
outline-color: transparent;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #e5e7eb;
color: #4b5563;
border-radius: 16px;
}
.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
background: #e5e7eb;
color: #4b5563;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0.375rem 0;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
color: #4b5563;
padding: 0;
margin: 0;
}
.p-chips.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-colorpicker-preview {
width: 2rem;
height: 2rem;
}
.p-colorpicker-panel {
background: #323232;
border: 1px solid #191919;
}
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
border-color: #ffffff;
}
.p-colorpicker-overlay-panel {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-dropdown {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}
.p-dropdown-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-dropdown-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-dropdown-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
}
.p-dropdown-label-empty {
overflow: hidden;
opacity: 0;
}
input.p-dropdown-label {
cursor: default;
}
.p-dropdown .p-dropdown-panel {
min-width: 100%;
}
.p-dropdown-panel {
position: absolute;
top: 0;
left: 0;
}
.p-dropdown-items-wrapper {
overflow: auto;
}
.p-dropdown-item {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
}
.p-dropdown-item-group {
cursor: auto;
}
.p-dropdown-items {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-dropdown-filter {
width: 100%;
}
.p-dropdown-filter-container {
position: relative;
}
.p-dropdown-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-fluid .p-dropdown {
display: flex;
}
.p-fluid .p-dropdown .p-dropdown-label {
width: 1%;
}
.p-dropdown {
background: #ffffff;
border: 1px solid #d1d5db;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
outline-color: transparent;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #6366f1;
}
.p-dropdown:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-dropdown.p-variant-filled {
background: #f3f4f6;
}
.p-dropdown.p-variant-filled:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
.p-dropdown .p-dropdown-label {
background: transparent;
border: 0 none;
}
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6b7280;
}
.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-dropdown .p-dropdown-trigger {
background: transparent;
color: #6b7280;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-dropdown .p-dropdown-clear-icon {
color: #6b7280;
right: 3rem;
}
.p-dropdown.p-invalid.p-component {
border-color: #e24c4c;
}
.p-dropdown-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-dropdown-panel .p-dropdown-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #e5e7eb;
color: #374151;
background: #f9fafb;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.75rem;
margin-right: -1.75rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #4b5563;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
margin-top: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
margin-bottom: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #4b5563;
background: #f3f4f6;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
position: relative;
margin-left: -0.5rem;
margin-right: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #374151;
background: #ffffff;
font-weight: 700;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
padding: 0.75rem 1.25rem;
color: #4b5563;
background: transparent;
}
.p-inputgroup-addon {
background: #f3f4f6;
color: #6b7280;
border-top: 1px solid #d1d5db;
border-left: 1px solid #d1d5db;
border-bottom: 1px solid #d1d5db;
padding: 0.75rem 0.75rem;
min-width: 3rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid #d1d5db;
}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1;
}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-fluid .p-inputgroup .p-button {
width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
width: 3rem;
}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-inputswitch {
position: relative;
display: inline-block;
}
.p-inputswitch-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
cursor: pointer;
}
.p-inputswitch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid transparent;
}
.p-inputswitch-slider:before {
position: absolute;
content: "";
top: 50%;
}
.p-inputswitch {
width: 3rem;
height: 1.75rem;
}
.p-inputswitch .p-inputswitch-input {
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider {
background: #d1d5db;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
outline-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
background: #ffffff;
width: 1.25rem;
height: 1.25rem;
left: 0.25rem;
margin-top: -0.625rem;
border-radius: 50%;
transition-duration: 0.2s;
}
.p-inputswitch.p-highlight .p-inputswitch-slider {
background: #6366f1;
}
.p-inputswitch.p-highlight .p-inputswitch-slider:before {
background: #ffffff;
transform: translateX(1.25rem);
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
background: #b7bcc5;
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
background: #4f46e5;
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-inputswitch.p-invalid > .p-inputswitch-slider {
border-color: #e24c4c;
}
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
color: #4b5563;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #d1d5db;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 6px;
outline-color: transparent;
}
.p-inputtext:enabled:hover {
border-color: #6366f1;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-inputtext.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputtext.p-variant-filled {
background-color: #f3f4f6;
}
.p-inputtext.p-variant-filled:enabled:hover {
background-color: #f3f4f6;
}
.p-inputtext.p-variant-filled:enabled:focus {
background-color: #ffffff;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
}
.p-inputtext.p-inputtext-lg {
font-size: 1.25rem;
padding: 0.9375rem 0.9375rem;
}
.p-float-label > label {
left: 0.75rem;
color: #6b7280;
transition-duration: 0.2s;
}
.p-float-label > .p-invalid + label {
color: #e24c4c;
}
.p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
.p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: #6b7280;
}
:-moz-placeholder {
color: #6b7280;
}
::-moz-placeholder {
color: #6b7280;
}
:-ms-input-placeholder {
color: #6b7280;
}
.p-input-filled .p-inputtext {
background-color: #f3f4f6;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: #f3f4f6;
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
padding: 0.9375rem 0.9375rem;
}
.p-icon-field {
position: relative;
}
.p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-fluid .p-icon-field-left,
.p-fluid .p-icon-field-right {
width: 100%;
}
.p-icon-field-left > .p-input-icon:first-of-type {
left: 0.75rem;
color: #6b7280;
}
.p-icon-field-right > .p-input-icon:last-of-type {
right: 0.75rem;
color: #6b7280;
}
.p-inputotp {
display: flex;
align-items: center;
gap: 0.5rem;
}
.p-inputotp-input {
text-align: center;
width: 2.5rem;
}
.p-listbox-list-wrapper {
overflow: auto;
}
.p-listbox-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.p-listbox-item {
cursor: pointer;
position: relative;
overflow: hidden;
}
.p-listbox-item-group {
cursor: auto;
}
.p-listbox-filter-container {
position: relative;
}
.p-listbox-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-listbox-filter {
width: 100%;
}
.p-listbox {
background: #ffffff;
color: #4b5563;
border: 1px solid #d1d5db;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #e5e7eb;
color: #374151;
background: #f9fafb;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.75rem;
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item:first-child {
margin-top: 0;
}
.p-listbox .p-listbox-list .p-listbox-item:last-child {
margin-bottom: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #374151;
background: #ffffff;
font-weight: 700;
}
.p-listbox .p-listbox-list .p-listbox-empty-message {
padding: 0.75rem 1.25rem;
color: #4b5563;
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #4b5563;
background: #f3f4f6;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #4b5563;
background: #f3f4f6;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
color: #4b5563;
background: #f3f4f6;
}
.p-listbox.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-listbox.p-invalid {
border-color: #e24c4c;
}
.p-mention-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-mention-panel .p-mention-items {
padding: 0.75rem 0;
}
.p-mention-panel .p-mention-items .p-mention-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #4b5563;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-mention-panel .p-mention-items .p-mention-item:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-multiselect {
display: inline-flex;
cursor: pointer;
user-select: none;
}
.p-multiselect-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-multiselect-label-container {
overflow: hidden;
flex: 1 1 auto;
cursor: pointer;
}
.p-multiselect-label {
display: block;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.p-multiselect-label-empty {
overflow: hidden;
visibility: hidden;
}
.p-multiselect-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.p-multiselect-token-icon {
cursor: pointer;
}
.p-multiselect .p-multiselect-panel {
min-width: 100%;
}
.p-multiselect-items-wrapper {
overflow: auto;
}
.p-multiselect-items {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-multiselect-item {
cursor: pointer;
display: flex;
align-items: center;
font-weight: normal;
white-space: nowrap;
position: relative;
overflow: hidden;
}
.p-multiselect-item-group {
cursor: auto;
}
.p-multiselect-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.p-multiselect-filter-container {
position: relative;
flex: 1 1 auto;
}
.p-multiselect-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-multiselect-filter-container .p-inputtext {
width: 100%;
}
.p-multiselect-close {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
position: relative;
margin-left: auto;
}
.p-fluid .p-multiselect {
display: flex;
}
.p-multiselect {
background: #ffffff;
border: 1px solid #d1d5db;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
outline-color: transparent;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #6366f1;
}
.p-multiselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-multiselect.p-variant-filled {
background: #f3f4f6;
}
.p-multiselect.p-variant-filled:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-multiselect .p-multiselect-label.p-placeholder {
color: #6b7280;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #e5e7eb;
color: #4b5563;
border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
}
.p-multiselect .p-multiselect-trigger {
background: transparent;
color: #6b7280;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-multiselect.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
.p-multiselect-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-multiselect-panel .p-multiselect-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #e5e7eb;
color: #374151;
background: #f9fafb;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-multiselect-panel .p-multiselect-items {
padding: 0.75rem 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #4b5563;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
margin-top: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
margin-bottom: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
color: #4b5563;
background: #f3f4f6;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #374151;
background: #ffffff;
font-weight: 700;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
padding: 0.75rem 1.25rem;
color: #4b5563;
background: transparent;
}
.p-password.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
.p-password-panel {
padding: 1.25rem;
background: #ffffff;
color: #4b5563;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-password-panel .p-password-meter {
margin-bottom: 0.5rem;
background: #e5e7eb;
}
.p-password-panel .p-password-meter .p-password-strength.weak {
background: #ea5455;
}
.p-password-panel .p-password-meter .p-password-strength.medium {
background: #ff9f42;
}
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
.p-radiobutton {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-radiobutton-input {
cursor: pointer;
}
.p-radiobutton-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-radiobutton-icon {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(0.1);
border-radius: 50%;
visibility: hidden;
}
.p-radiobutton.p-highlight .p-radiobutton-icon {
transform: translateZ(0) scale(1, 1);
visibility: visible;
}
.p-radiobutton {
width: 22px;
height: 22px;
}
.p-radiobutton .p-radiobutton-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
border: 2px solid #d1d5db;
border-radius: 50%;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #d1d5db;
background: #ffffff;
width: 22px;
height: 22px;
color: #4b5563;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}
.p-radiobutton.p-highlight .p-radiobutton-box {
border-color: #6366f1;
background: #6366f1;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
border-color: #6366f1;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
border-color: #4338ca;
background: #4338ca;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
background-color: #ffffff;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-radiobutton.p-invalid > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-radiobutton.p-variant-filled .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
background: #6366f1;
}
.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #4338ca;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
background: #6366f1;
}
.p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
background-color: #f3f4f6;
}
.p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
background: #4338ca;
}
.p-rating {
position: relative;
display: flex;
align-items: center;
}
.p-rating-item {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.p-rating.p-readonly .p-rating-item {
cursor: default;
}
.p-rating {
gap: 0.5rem;
}
.p-rating .p-rating-item {
outline-color: transparent;
border-radius: 50%;
}
.p-rating .p-rating-item .p-rating-icon {
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-item .p-rating-icon.p-icon {
width: 1.143rem;
height: 1.143rem;
}
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #6366f1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
color: #6366f1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
color: #e73d3e;
}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
color: #374151;
}
.p-selectbutton .p-button.p-highlight {
background: #6366f1;
border-color: #6366f1;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover {
background: #4f46e5;
border-color: #4f46e5;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton.p-invalid > .p-button {
border-color: #e24c4c;
}
.p-slider {
background: #e5e7eb;
border: 0 none;
border-radius: 6px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
}
.p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.5715rem;
margin-left: -0.5715rem;
}
.p-slider.p-slider-vertical {
width: 0.286rem;
}
.p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
}
.p-slider .p-slider-handle {
height: 1.143rem;
width: 1.143rem;
background: #ffffff;
border: 2px solid #6366f1;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-slider .p-slider-range {
background: #6366f1;
}
.p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #6366f1;
border-color: #6366f1;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #d1d5db;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-treeselect:not(.p-disabled):hover {
border-color: #6366f1;
}
.p-treeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-treeselect.p-treeselect-clearable .p-treeselect-label {
padding-right: 1.75rem;
}
.p-treeselect.p-variant-filled {
background: #f3f4f6;
}
.p-treeselect.p-variant-filled:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treeselect .p-treeselect-label.p-placeholder {
color: #6b7280;
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #e5e7eb;
color: #4b5563;
border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
background: transparent;
color: #6b7280;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-treeselect .p-treeselect-clear-icon {
color: #6b7280;
right: 3rem;
}
.p-treeselect.p-invalid.p-component {
border-color: #e24c4c;
}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
padding: 0.375rem 0.75rem;
}
.p-treeselect-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-treeselect-panel .p-treeselect-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #e5e7eb;
color: #374151;
background: #f9fafb;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
margin-right: 0.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
padding-right: 1.75rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
padding-right: 3.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
right: 2.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
padding: 0.75rem 1.25rem;
color: #4b5563;
background: transparent;
}
.p-input-filled .p-treeselect {
background: #f3f4f6;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #f3f4f6;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-togglebutton {
position: relative;
display: inline-flex;
user-select: none;
vertical-align: bottom;
}
.p-togglebutton-input {
cursor: pointer;
}
.p-togglebutton .p-button {
flex: 1 1 auto;
}
.p-togglebutton .p-togglebutton-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
border: 1px solid #d1d5db;
border-radius: 6px;
}
.p-togglebutton .p-button {
background: #ffffff;
border: 1px solid #d1d5db;
color: #4b5563;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
outline-color: transparent;
}
.p-togglebutton .p-button .p-button-icon-left,
.p-togglebutton .p-button .p-button-icon-right {
color: #6b7280;
}
.p-togglebutton.p-highlight .p-button {
background: #6366f1;
border-color: #6366f1;
color: #ffffff;
}
.p-togglebutton.p-highlight .p-button .p-button-icon-left,
.p-togglebutton.p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
background: #f3f4f6;
border-color: #d1d5db;
color: #4b5563;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
color: #374151;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
background: #4f46e5;
border-color: #4f46e5;
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: #6366f1;
}
.p-togglebutton.p-invalid > .p-button {
border-color: #e24c4c;
}
.p-button {
color: #ffffff;
background: #6366f1;
border: 1px solid #6366f1;
padding: 0.75rem 1.25rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-button:not(:disabled):hover {
background: #4f46e5;
color: #ffffff;
border-color: #4f46e5;
}
.p-button:not(:disabled):active {
background: #4338ca;
color: #ffffff;
border-color: #4338ca;
}
.p-button.p-button-outlined {
background-color: transparent;
color: #6366f1;
border: 1px solid;
}
.p-button.p-button-outlined:not(:disabled):hover {
background: rgba(99, 102, 241, 0.04);
color: #6366f1;
border: 1px solid;
}
.p-button.p-button-outlined:not(:disabled):active {
background: rgba(99, 102, 241, 0.16);
color: #6366f1;
border: 1px solid;
}
.p-button.p-button-outlined.p-button-plain {
color: #6b7280;
border-color: #6b7280;
}
.p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
background: #f3f4f6;
color: #6b7280;
}
.p-button.p-button-outlined.p-button-plain:not(:disabled):active {
background: #e5e7eb;
color: #6b7280;
}
.p-button.p-button-text {
background-color: transparent;
color: #6366f1;
border-color: transparent;
}
.p-button.p-button-text:not(:disabled):hover {
background: rgba(99, 102, 241, 0.04);
color: #6366f1;
border-color: transparent;
}
.p-button.p-button-text:not(:disabled):active {
background: rgba(99, 102, 241, 0.16);
color: #6366f1;
border-color: transparent;
}
.p-button.p-button-text.p-button-plain {
color: #6b7280;
}
.p-button.p-button-text.p-button-plain:not(:disabled):hover {
background: #f3f4f6;
color: #6b7280;
}
.p-button.p-button-text.p-button-plain:not(:disabled):active {
background: #e5e7eb;
color: #6b7280;
}
.p-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-button .p-button-label {
transition-duration: 0.2s;
}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
.p-button .p-button-icon-right {
margin-left: 0.5rem;
}
.p-button .p-button-icon-bottom {
margin-top: 0.5rem;
}
.p-button .p-button-icon-top {
margin-bottom: 0.5rem;
}
.p-button .p-badge {
margin-left: 0.5rem;
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #6366f1;
background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-button.p-button-rounded {
border-radius: 2rem;
}
.p-button.p-button-icon-only {
width: 3rem;
padding: 0.75rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
border-radius: 50%;
height: 3rem;
}
.p-button.p-button-sm {
font-size: 0.875rem;
padding: 0.65625rem 1.09375rem;
}
.p-button.p-button-sm .p-button-icon {
font-size: 0.875rem;
}
.p-button.p-button-lg {
font-size: 1.25rem;
padding: 0.9375rem 1.5625rem;
}
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
margin-left: 0.5rem;
}
.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
margin-right: 0.5rem;
}
.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
margin-top: 0.5rem;
}
.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
margin-bottom: 0.5rem;
}
.p-button.p-button-loading-label-only .p-button-loading-icon {
margin: 0;
}
.p-fluid .p-button {
width: 100%;
}
.p-fluid .p-button-icon-only {
width: 3rem;
}
.p-fluid .p-button-group {
display: flex;
}
.p-fluid .p-button-group .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
color: #ffffff;
background: #64748b;
border: 1px solid #64748b;
}
.p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
.p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #e2e8f0;
}
.p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
.p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
background-color: transparent;
color: #64748b;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748b;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748b;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
background-color: transparent;
color: #64748b;
border-color: transparent;
}
.p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748b;
}
.p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748b;
}
.p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
.p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
.p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #bfdbfe;
}
.p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
.p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
.p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
.p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
.p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
.p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
.p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
.p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #bbf7d0;
}
.p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
.p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
.p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
.p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
.p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
.p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
.p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
.p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #fde68a;
}
.p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
.p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
.p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
.p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
.p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
.p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
.p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
.p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #e9d5ff;
}
.p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
.p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
.p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
.p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
.p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
.p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
.p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
.p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #fecaca;
}
.p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
.p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
.p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
.p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
.p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
.p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
.p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
.p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
.p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
.p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
.p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
.p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
.p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
.p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
.p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
}
.p-button.p-button-link {
color: #4338ca;
background: transparent;
border: transparent;
}
.p-button.p-button-link:not(:disabled):hover {
background: transparent;
color: #4338ca;
border-color: transparent;
}
.p-button.p-button-link:not(:disabled):hover .p-button-label {
text-decoration: underline;
}
.p-button.p-button-link:not(:disabled):focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #c7d2fe;
border-color: transparent;
}
.p-button.p-button-link:not(:disabled):active {
background: transparent;
color: #4338ca;
border-color: transparent;
}
.p-splitbutton {
border-radius: 6px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #6366f1;
border: 1px solid;
}
.p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(99, 102, 241, 0.04);
color: #6366f1;
}
.p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(99, 102, 241, 0.16);
color: #6366f1;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
color: #6b7280;
border-color: #6b7280;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #6b7280;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #6b7280;
}
.p-splitbutton.p-button-text > .p-button {
background-color: transparent;
color: #6366f1;
border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
background: rgba(99, 102, 241, 0.04);
color: #6366f1;
border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:not(:disabled):active {
background: rgba(99, 102, 241, 0.16);
color: #6366f1;
border-color: transparent;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button {
color: #6b7280;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #6b7280;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #6b7280;
}
.p-splitbutton.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-splitbutton.p-button-rounded {
border-radius: 2rem;
}
.p-splitbutton.p-button-rounded > .p-button {
border-radius: 2rem;
}
.p-splitbutton.p-button-sm > .p-button {
font-size: 0.875rem;
padding: 0.65625rem 1.09375rem;
}
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
font-size: 0.875rem;
}
.p-splitbutton.p-button-lg > .p-button {
font-size: 1.25rem;
padding: 0.9375rem 1.5625rem;
}
.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
width: auto;
}
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
font-size: 1.25rem;
}
.p-splitbutton .p-splitbutton-menubutton,
.p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
.p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #64748b;
border: 1px solid;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748b;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748b;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
background-color: transparent;
color: #64748b;
border-color: transparent;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748b;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748b;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
}
.p-splitbutton.p-button-info.p-button-text > .p-button {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
}
.p-splitbutton.p-button-success.p-button-text > .p-button {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
}
.p-splitbutton.p-button-help.p-button-text > .p-button {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
.p-speeddial-button.p-button.p-button-icon-only {
width: 4rem;
height: 4rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
font-size: 1.3rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
width: 1.3rem;
height: 1.3rem;
}
.p-speeddial-list {
outline: 0 none;
}
.p-speeddial-action {
width: 3rem;
height: 3rem;
background: #4b5563;
color: #fff;
}
.p-speeddial-action:hover {
background: #022354;
color: #fff;
}
.p-speeddial-direction-up .p-speeddial-item {
margin: 0.25rem;
}
.p-speeddial-direction-up .p-speeddial-item:first-child {
margin-bottom: 0.5rem;
}
.p-speeddial-direction-down .p-speeddial-item {
margin: 0.25rem;
}
.p-speeddial-direction-down .p-speeddial-item:first-child {
margin-top: 0.5rem;
}
.p-speeddial-direction-left .p-speeddial-item {
margin: 0 0.25rem;
}
.p-speeddial-direction-left .p-speeddial-item:first-child {
margin-right: 0.5rem;
}
.p-speeddial-direction-right .p-speeddial-item {
margin: 0 0.25rem;
}
.p-speeddial-direction-right .p-speeddial-item:first-child {
margin-left: 0.5rem;
}
.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
margin: 0;
}
.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
margin: 0;
}
.p-speeddial-mask {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 6px;
}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-carousel .p-carousel-indicators {
padding: 1rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #d1d5db;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #9ca3af;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #eef2ff;
color: #4338ca;
}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-datatable .p-datatable-header {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
font-weight: 700;
color: #374151;
background: #f9fafb;
transition: box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
font-weight: 700;
color: #374151;
background: #f9fafb;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #374151;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #4338ca;
background: #eef2ff;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
background: #f3f4f6;
color: #374151;
}
.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
color: #374151;
}
.p-datatable .p-sortable-column.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #4338ca;
}
.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
background: #eef2ff;
color: #4338ca;
}
.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
color: #4338ca;
}
.p-datatable .p-sortable-column:focus-visible {
box-shadow: inset 0 0 0 0.15rem #c7d2fe;
outline: 0 none;
}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #4b5563;
transition: box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td {
text-align: left;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
.p-datatable .p-datatable-tbody > tr > td.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
outline: 0.15rem solid #c7d2fe;
outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #eef2ff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #eef2ff;
}
.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
outline: 0.15rem solid #c7d2fe;
outline-offset: -0.15rem;
}
.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
outline: 0.15rem solid #c7d2fe;
outline-offset: -0.15rem;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-datatable .p-column-resizer-helper {
background: #6366f1;
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
background: #f9fafb;
}
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
background-color: #f9fafb;
}
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable .p-datatable-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px 0 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
border-width: 0 0 0 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
background: #f8f8fa;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
color: #4338ca;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
color: #4338ca;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
background: #f8f8fa;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
padding: 1.25rem 1.25rem;
}
.p-datatable-drag-selection-helper {
background: rgba(99, 102, 241, 0.16);
}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-dataview .p-dataview-header {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #4b5563;
border: 0 none;
padding: 0;
}
.p-dataview .p-dataview-footer {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-dataview .p-dataview-loading-icon {
font-size: 2rem;
}
.p-dataview .p-dataview-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-datascroller .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-datascroller .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-datascroller .p-datascroller-header {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-datascroller .p-datascroller-content {
background: #ffffff;
color: #4b5563;
border: 0 none;
padding: 0;
}
.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
border: solid #e5e7eb;
border-width: 0 0 1px 0;
}
.p-datascroller .p-datascroller-footer {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
margin-left: 0.5rem;
}
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-column-filter-menu-button:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
background: #f3f4f6;
color: #374151;
}
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
background: #eef2ff;
color: #4338ca;
}
.p-column-filter-menu-button:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-column-filter-clear-button:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-column-filter-clear-button:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-column-filter-overlay {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
padding: 0.75rem 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #4b5563;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: #4b5563;
background: #f3f4f6;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #c7d2fe;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #e5e7eb;
color: #374151;
background: #f9fafb;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
border-bottom: 1px solid #e5e7eb;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
margin-top: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
border-bottom: 0 none;
}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
padding: 0.75rem 1.25rem;
}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
padding: 1.25rem;
}
.p-orderlist .p-orderlist-controls {
padding: 1.25rem;
}
.p-orderlist .p-orderlist-controls .p-button {
margin-bottom: 0.5rem;
}
.p-orderlist .p-orderlist-header {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
padding: 1.25rem;
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-orderlist .p-orderlist-filter-container {
padding: 1.25rem;
background: #ffffff;
border: 1px solid #e5e7eb;
border-bottom: 0 none;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
padding-right: 1.75rem;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
padding: 0.75rem 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
outline: 0 none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.75rem 1.25rem;
margin: 0;
border: 0 none;
color: #4b5563;
background: transparent;
transition: transform 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
color: #4b5563;
background: #e5e7eb;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
background: #f8f8fa;
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: #f3f4f6;
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: #6f91ff;
}
.p-organizationchart .p-organizationchart-line-down {
background: #e5e7eb;
}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #e5e7eb;
border-color: #e5e7eb;
}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #e5e7eb;
border-color: #e5e7eb;
}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
padding: 1.25rem;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
border-radius: 50%;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-paginator {
background: #ffffff;
color: #6b7280;
border: solid #f3f4f6;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 6px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #6b7280;
min-width: 3rem;
height: 3rem;
margin: 0.143rem;
transition: box-shadow 0.2s;
border-radius: 50%;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #f3f4f6;
border-color: transparent;
color: #374151;
}
.p-paginator .p-paginator-first {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.p-paginator .p-paginator-last {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
padding-right: 0;
}
.p-paginator .p-paginator-page-input {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.p-paginator .p-paginator-page-input .p-inputtext {
max-width: 3rem;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #6b7280;
min-width: 3rem;
height: 3rem;
margin: 0.143rem;
padding: 0 0.5rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #6b7280;
min-width: 3rem;
height: 3rem;
margin: 0.143rem;
transition: box-shadow 0.2s;
border-radius: 50%;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #eef2ff;
border-color: #eef2ff;
color: #4338ca;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #f3f4f6;
border-color: transparent;
color: #374151;
}
.p-picklist .p-picklist-buttons {
padding: 1.25rem;
}
.p-picklist .p-picklist-buttons .p-button {
margin-bottom: 0.5rem;
}
.p-picklist .p-picklist-header {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
padding: 1.25rem;
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-picklist .p-picklist-filter-container {
padding: 1.25rem;
background: #ffffff;
border: 1px solid #e5e7eb;
border-bottom: 0 none;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
padding-right: 1.75rem;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-picklist .p-picklist-list {
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
padding: 0.75rem 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
outline: 0 none;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.75rem 1.25rem;
margin: 0;
border: 0 none;
color: #4b5563;
background: transparent;
transition: transform 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-picklist .p-picklist-list .p-picklist-item.p-focus {
color: #4b5563;
background: #e5e7eb;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #4338ca;
background: #eef2ff;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
background: rgba(99, 102, 241, 0.24);
}
.p-tree-container {
margin: 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.p-treenode-children {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-treenode-selectable {
cursor: pointer;
user-select: none;
}
.p-tree-toggler {
cursor: pointer;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
flex-shrink: 0;
}
.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
visibility: hidden;
}
.p-treenode-content {
display: flex;
align-items: center;
}
.p-tree-filter {
width: 100%;
}
.p-tree-filter-container {
position: relative;
display: block;
width: 100%;
}
.p-tree-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
.p-tree-loading {
position: relative;
min-height: 4rem;
}
.p-tree .p-tree-loading-overlay {
position: absolute;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.p-tree {
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
padding: 1.25rem;
border-radius: 6px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
outline: 0 none;
}
.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #c7d2fe;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 6px;
transition: box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem;
color: #6b7280;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
color: #4b5563;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #4338ca;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: #4338ca;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
background: #f3f4f6;
color: #4b5563;
}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter {
width: 100%;
padding-right: 1.75rem;
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.75rem;
color: #6b7280;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
}
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
.p-tree .p-tree-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-tree .p-treenode-droppoint {
height: 0.5rem;
}
.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
background: #8ba7ff;
}
.p-treetable {
position: relative;
}
.p-treetable > .p-treetable-wrapper {
overflow: auto;
}
.p-treetable table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}
.p-treetable .p-sortable-column {
cursor: pointer;
user-select: none;
}
.p-treetable-selectable .p-treetable-tbody > tr {
cursor: pointer;
}
.p-treetable-toggler {
cursor: pointer;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
vertical-align: middle;
overflow: hidden;
position: relative;
}
.p-treetable-toggler + .p-checkbox {
vertical-align: middle;
}
.p-treetable-toggler + .p-checkbox + span {
vertical-align: middle;
}
/* Resizable */
.p-treetable-resizable > .p-treetable-wrapper {
overflow-x: auto;
}
.p-treetable-resizable .p-treetable-thead > tr > th,
.p-treetable-resizable .p-treetable-tfoot > tr > td,
.p-treetable-resizable .p-treetable-tbody > tr > td {
overflow: hidden;
}
.p-treetable-resizable .p-resizable-column {
background-clip: padding-box;
position: relative;
}
.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
display: none;
}
.p-treetable .p-column-resizer {
display: block;
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 0.5rem;
height: 100%;
padding: 0px;
cursor: col-resize;
border: 1px solid transparent;
}
.p-treetable .p-column-resizer-helper {
width: 1px;
position: absolute;
z-index: 10;
display: none;
}
/* Scrollable */
.p-treetable-scrollable-wrapper {
position: relative;
}
.p-treetable-scrollable-header,
.p-treetable-scrollable-footer {
overflow: hidden;
border: 0 none;
}
.p-treetable-scrollable-body {
overflow: auto;
position: relative;
}
.p-treetable-virtual-table {
position: absolute;
}
/* Frozen Columns */
.p-treetable-frozen-view .p-treetable-scrollable-body {
overflow: hidden;
}
.p-treetable-unfrozen-view {
position: absolute;
top: 0px;
left: 0px;
}
/* Reorder */
.p-treetable-reorder-indicator-up,
.p-treetable-reorder-indicator-down {
position: absolute;
display: none;
}
/* Loader */
.p-treetable .p-treetable-loading-overlay {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
/* Alignment */
.p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
.p-treetable .p-treetable-tbody > tr > td.p-align-left,
.p-treetable .p-treetable-tfoot > tr > td.p-align-left {
text-align: left;
justify-content: flex-start;
}
.p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
.p-treetable .p-treetable-tbody > tr > td.p-align-right,
.p-treetable .p-treetable-tfoot > tr > td.p-align-right {
text-align: right;
justify-content: flex-end;
}
.p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
.p-treetable .p-treetable-tbody > tr > td.p-align-center,
.p-treetable .p-treetable-tfoot > tr > td.p-align-center {
text-align: center;
justify-content: center;
}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-treetable .p-treetable-header {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
background: #f9fafb;
color: #374151;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
font-weight: 700;
color: #374151;
background: #f9fafb;
transition: box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
font-weight: 700;
color: #374151;
background: #f9fafb;
}
.p-treetable .p-sortable-column {
outline-color: #c7d2fe;
}
.p-treetable .p-sortable-column .p-sortable-column-icon {
color: #374151;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #4338ca;
background: #eef2ff;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {
background: #f3f4f6;
color: #374151;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #374151;
}
.p-treetable .p-sortable-column.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #4338ca;
}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #4b5563;
transition: box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td {
text-align: left;
border: 1px solid #e5e7eb;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
color: #4b5563;
}
.p-treetable .p-treetable-tbody > tr:focus-visible {
outline: 0.15rem solid #c7d2fe;
outline-offset: -0.15rem;
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: #4338ca;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #4338ca;
}
.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #4b5563;
}
.p-treetable .p-column-resizer-helper {
background: #6366f1;
}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
background: #f9fafb;
}
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable .p-treetable-loading-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-treetable.p-treetable-gridlines .p-treetable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
background: #f8f8fa;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
background: #eef2ff;
color: #4338ca;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
color: #4338ca;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
color: #4338ca;
}
.p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
background: #f8f8fa;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
padding: 1.25rem 1.25rem;
}
.p-timeline .p-timeline-event-marker {
border: 2px solid #6366f1;
border-radius: 50%;
width: 1rem;
height: 1rem;
background-color: #ffffff;
}
.p-timeline .p-timeline-event-connector {
background-color: #e5e7eb;
}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
padding: 0 1rem;
}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
width: 2px;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
padding: 1rem 0;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
height: 2px;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #e5e7eb;
color: #6b7280;
background: #f9fafb;
font-weight: 700;
border-radius: 6px;
transition: box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f3f4f6;
border-color: #e5e7eb;
color: #374151;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #f9fafb;
border-color: #e5e7eb;
color: #374151;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #e5e7eb;
background: #f3f4f6;
color: #374151;
}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 4px;
}
.p-card {
background: #ffffff;
color: #4b5563;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
}
.p-card .p-card-body {
padding: 1.25rem;
}
.p-card .p-card-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.p-card .p-card-subtitle {
font-weight: 400;
margin-bottom: 0.5rem;
color: #6b7280;
}
.p-card .p-card-content {
padding: 1.25rem 0;
}
.p-card .p-card-footer {
padding: 1.25rem 0 0 0;
}
.p-fieldset {
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
border-radius: 6px;
}
.p-fieldset .p-fieldset-legend {
padding: 1.25rem;
border: 1px solid #e5e7eb;
color: #374151;
background: #f9fafb;
font-weight: 700;
border-radius: 6px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1.25rem;
color: #374151;
border-radius: 6px;
transition: box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #f3f4f6;
border-color: #e5e7eb;
color: #374151;
}
.p-fieldset .p-fieldset-content {
padding: 1.25rem;
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
.p-divider.p-divider-horizontal {
margin: 1.25rem 0;
padding: 0 1.25rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px #e5e7eb;
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
margin: 0 1.25rem;
padding: 1.25rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px #e5e7eb;
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
}
.p-panel .p-panel-header {
border: 1px solid #e5e7eb;
padding: 1.25rem;
background: #f9fafb;
color: #374151;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 700;
}
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-panel .p-panel-header .p-panel-header-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-panel.p-panel-toggleable .p-panel-header {
padding: 0.75rem 1.25rem;
}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
padding: 0.75rem 1.25rem;
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
border-top: 0 none;
}
.p-splitter {
border: 1px solid #e5e7eb;
background: #ffffff;
border-radius: 6px;
color: #4b5563;
}
.p-splitter .p-splitter-gutter {
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
background: #f9fafb;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #e5e7eb;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-splitter .p-splitter-gutter-resizing {
background: #e5e7eb;
}
.p-stepper .p-stepper-nav {
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
list-style-type: none;
}
.p-stepper .p-stepper-header {
padding: 0.5rem;
}
.p-stepper .p-stepper-header .p-stepper-action {
transition: box-shadow 0.2s;
border-radius: 6px;
background: #ffffff;
outline-color: transparent;
}
.p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
color: #4b5563;
border: 1px solid #f3f4f6;
border-width: 2px;
background: #ffffff;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
margin-left: 0.5rem;
color: #6b7280;
font-weight: 700;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-stepper .p-stepper-header.p-highlight .p-stepper-number {
background: #eef2ff;
color: #4338ca;
}
.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
color: #4b5563;
}
.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
background-color: #6366f1;
}
.p-stepper .p-stepper-panels {
background: #ffffff;
padding: 1.25rem;
color: #4b5563;
}
.p-stepper .p-stepper-separator {
background-color: #e5e7eb;
width: 100%;
height: 2px;
margin-inline-start: 1rem;
transition: box-shadow 0.2s;
}
.p-stepper.p-stepper-vertical {
display: flex;
flex-direction: column;
}
.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
display: flex;
flex: 1 1 auto;
background: #ffffff;
color: #4b5563;
}
.p-stepper.p-stepper-vertical .p-stepper-panel {
display: flex;
flex-direction: column;
flex: initial;
}
.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
flex: 1 1 auto;
}
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
flex: initial;
}
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
width: 100%;
padding-left: 1rem;
}
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
flex: 0 0 auto;
width: 2px;
height: auto;
margin-inline-start: calc(1.75rem + 2px);
}
.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
background-color: #6366f1;
}
.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
padding-left: 3rem;
}
.p-scrollpanel .p-scrollpanel-bar {
background: #f9fafb;
border: 0 none;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-tabview-nav-container {
position: relative;
}
.p-tabview-scrollable .p-tabview-nav-container {
overflow: hidden;
}
.p-tabview-nav-content {
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scrollbar-width: none;
overscroll-behavior: contain auto;
position: relative;
}
.p-tabview-nav {
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
flex: 1 1 auto;
}
.p-tabview-nav-link {
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
position: relative;
text-decoration: none;
overflow: hidden;
}
.p-tabview-ink-bar {
display: none;
z-index: 1;
}
.p-tabview-nav-link:focus {
z-index: 1;
}
.p-tabview-close {
z-index: 1;
}
.p-tabview-title {
line-height: 1;
white-space: nowrap;
}
.p-tabview-nav-btn {
position: absolute;
top: 0;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.p-tabview-nav-prev {
left: 0;
}
.p-tabview-nav-next {
right: 0;
}
.p-tabview-nav-content::-webkit-scrollbar {
display: none;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #e5e7eb;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li {
margin-right: 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
border: solid #e5e7eb;
border-width: 0 0 2px 0;
border-color: transparent transparent #e5e7eb transparent;
background: #ffffff;
color: #6b7280;
padding: 1.25rem;
font-weight: 700;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #c7d2fe;
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #ffffff;
border-color: #9ca3af;
color: #6b7280;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #ffffff;
border-color: #6366f1;
color: #6366f1;
}
.p-tabview .p-tabview-close {
margin-left: 0.5rem;
}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #6366f1;
width: 3rem;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border-radius: 0;
}
.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #c7d2fe;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1.25rem;
border: 0 none;
color: #4b5563;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-toolbar {
background: #f9fafb;
border: 1px solid #e5e7eb;
padding: 1.25rem;
border-radius: 6px;
gap: 0.5rem;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-confirm-popup {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.p-confirm-popup .p-confirm-popup-content {
padding: 1.25rem;
}
.p-confirm-popup .p-confirm-popup-footer {
text-align: right;
padding: 0 1.25rem 1.25rem 1.25rem;
}
.p-confirm-popup .p-confirm-popup-footer button {
margin: 0 0.5rem 0 0;
width: auto;
}
.p-confirm-popup .p-confirm-popup-footer button:last-child {
margin: 0;
}
.p-confirm-popup:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-confirm-popup:before {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #f2f2f2;
}
.p-confirm-popup.p-confirm-popup-flipped:after {
border-top-color: #ffffff;
}
.p-confirm-popup.p-confirm-popup-flipped:before {
border-top-color: #ffffff;
}
.p-confirm-popup .p-confirm-popup-icon {
font-size: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-icon.p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-message {
margin-left: 1rem;
}
.p-dialog {
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border: 0 none;
}
.p-dialog .p-dialog-header {
border-bottom: 0 none;
background: #ffffff;
color: #374151;
padding: 1.5rem;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 700;
font-size: 1.25rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0;
}
.p-dialog .p-dialog-content {
background: #ffffff;
color: #4b5563;
padding: 0 1.5rem 2rem 1.5rem;
}
.p-dialog .p-dialog-content:last-of-type {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-dialog .p-dialog-footer {
border-top: 0 none;
background: #ffffff;
color: #4b5563;
padding: 0 1.5rem 1.5rem 1.5rem;
text-align: right;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
width: auto;
}
.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
border-radius: 0;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
font-size: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
margin-left: 1rem;
}
.p-overlaypanel {
background: #ffffff;
color: #4b5563;
border: 0 none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.25rem;
}
.p-overlaypanel .p-overlaypanel-close {
background: #6366f1;
color: #ffffff;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute;
top: -1rem;
right: -1rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #4f46e5;
color: #ffffff;
}
.p-overlaypanel:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-overlaypanel:before {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #f2f2f2;
}
.p-overlaypanel.p-overlaypanel-flipped:after {
border-top-color: #ffffff;
}
.p-overlaypanel.p-overlaypanel-flipped:before {
border-top-color: #ffffff;
}
.p-sidebar {
background: #ffffff;
color: #4b5563;
border: 0 none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #6b7280;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
color: #374151;
border-color: transparent;
background: #f3f4f6;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-sidebar .p-sidebar-header + .p-sidebar-content {
padding-top: 0;
}
.p-sidebar .p-sidebar-content {
padding: 1.25rem;
}
.p-tooltip .p-tooltip-text {
background: #4b5563;
color: #ffffff;
padding: 0.75rem 0.75rem;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #4b5563;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
border-left-color: #4b5563;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
border-top-color: #4b5563;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
border-bottom-color: #4b5563;
}
.p-fileupload .p-fileupload-buttonbar {
background: #f9fafb;
padding: 1.25rem;
border: 1px solid #e5e7eb;
color: #374151;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
gap: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #e5e7eb;
color: #4b5563;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
.p-fileupload .p-fileupload-row > div {
padding: 1rem 1rem;
}
.p-fileupload.p-fileupload-advanced .p-message {
margin-top: 0;
}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: 1rem;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
}
.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #4b5563;
}
.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #4b5563;
}
.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6b7280;
}
.p-contextmenu {
padding: 0.5rem 0;
background: #ffffff;
color: #4b5563;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
width: 12.5rem;
}
.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-contextmenu .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-contextmenu .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.875rem;
}
.p-contextmenu .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-dock .p-dock-list-container {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 0.5rem 0.5rem;
border-radius: 0.5rem;
}
.p-dock .p-dock-list-container .p-dock-list {
outline: 0 none;
}
.p-dock .p-dock-item {
padding: 0.5rem;
border-radius: 6px;
}
.p-dock .p-dock-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #c7d2fe;
}
.p-dock .p-dock-action {
width: 4rem;
height: 4rem;
}
.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
margin: 0 0.9rem;
}
.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
margin: 0 1.3rem;
}
.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
margin: 0 1.5rem;
}
.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
margin: 0.9rem 0;
}
.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
margin: 1.3rem 0;
}
.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
margin: 1.5rem 0;
}
.p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
.p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
.p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
.p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
.p-dock.p-dock-mobile .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
.p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
transform: none;
margin: 0;
}
.p-megamenu {
padding: 0.5rem;
background: #f9fafb;
color: #4b5563;
border: 1px solid #e5e7eb;
border-radius: 6px;
}
.p-megamenu .p-megamenu-root-list {
outline: 0 none;
}
.p-megamenu .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #4b5563;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu .p-submenu-header {
margin: 0;
padding: 0.75rem 1.25rem;
color: #374151;
background: #ffffff;
font-weight: 700;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-megamenu .p-submenu-list {
padding: 0.5rem 0;
width: 12.5rem;
}
.p-megamenu .p-submenu-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-vertical {
width: 12.5rem;
padding: 0.5rem 0;
}
.p-megamenu .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
margin-left: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
width: 100%;
position: static;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
margin-left: auto;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
width: 100%;
position: static;
box-shadow: none;
border: 0 none;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
width: 100%;
position: static;
}
.p-menu {
padding: 0.5rem 0;
background: #ffffff;
color: #4b5563;
border: 1px solid #e5e7eb;
border-radius: 6px;
width: 12.5rem;
}
.p-menu .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-menu .p-submenu-header {
margin: 0;
padding: 0.75rem 1.25rem;
color: #374151;
background: #ffffff;
font-weight: 700;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-menubar {
padding: 0.5rem;
background: #f9fafb;
color: #4b5563;
border: 1px solid #e5e7eb;
border-radius: 6px;
}
.p-menubar .p-menubar-root-list {
outline: 0 none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
margin-left: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menubar .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menubar .p-submenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar.p-menubar-mobile .p-menubar-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-menubar.p-menubar-mobile .p-menubar-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-menubar.p-menubar-mobile .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
padding-left: 2.25rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
padding-left: 3.75rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
padding-left: 5.25rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
padding-left: 6.75rem;
}
.p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
padding-left: 8.25rem;
}
@media screen and (max-width: 960px) {
.p-menubar {
position: relative;
}
.p-menubar .p-menubar-button {
display: flex;
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-menubar .p-menubar-root-list {
position: absolute;
display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
position: static;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
width: 100%;
position: static;
box-shadow: none;
border: 0 none;
}
.p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
.p-menubar .p-menubar-root-list ul li a {
padding-left: 2.25rem;
}
.p-menubar .p-menubar-root-list ul li ul li a {
padding-left: 3.75rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li a {
padding-left: 5.25rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
padding-left: 6.75rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
display: flex;
flex-direction: column;
top: 100%;
left: 0;
z-index: 1;
}
}
.p-panelmenu .p-panelmenu-header {
outline: 0 none;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
border: 1px solid #e5e7eb;
color: #6b7280;
background: #f9fafb;
border-radius: 6px;
transition: box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
color: #6b7280;
padding: 1.25rem;
font-weight: 700;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #c7d2fe;
}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
background: #f3f4f6;
border-color: #e5e7eb;
color: #374151;
}
.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
background: #f9fafb;
border-color: #e5e7eb;
color: #374151;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
border-color: #e5e7eb;
background: #f3f4f6;
color: #374151;
}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 1px solid #e5e7eb;
background: #ffffff;
color: #4b5563;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
outline: 0 none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
padding: 0 0 0 1rem;
}
.p-panelmenu .p-panelmenu-panel {
margin-bottom: 4px;
}
.p-slidemenu {
padding: 0.5rem 0;
background: #ffffff;
color: #4b5563;
border: 1px solid #e5e7eb;
border-radius: 6px;
width: 12.5rem;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-slidemenu.p-slidemenu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-slidemenu .p-slidemenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
background: #eef2ff;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
color: #4338ca;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
color: #4338ca;
}
.p-slidemenu .p-slidemenu-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-slidemenu .p-slidemenu-icon {
font-size: 0.875rem;
}
.p-slidemenu .p-slidemenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-slidemenu .p-slidemenu-backward {
padding: 0.75rem 1.25rem;
color: #4b5563;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 6px;
background: #ffffff;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: #4b5563;
border: 1px solid #f3f4f6;
background: #ffffff;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
z-index: 1;
border-radius: 50%;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin-top: 0.5rem;
color: #6b7280;
}
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #eef2ff;
color: #4338ca;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
color: #4b5563;
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid #e5e7eb;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
margin-top: -1rem;
}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 1px solid #e5e7eb;
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
margin-right: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
border: solid #e5e7eb;
border-width: 0 0 2px 0;
border-color: transparent transparent #e5e7eb transparent;
background: #ffffff;
color: #6b7280;
padding: 1.25rem;
font-weight: 700;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #c7d2fe;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #ffffff;
border-color: #9ca3af;
color: #6b7280;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #ffffff;
border-color: #6366f1;
color: #6366f1;
}
.p-tieredmenu {
padding: 0.5rem 0;
background: #ffffff;
color: #4b5563;
border: 1px solid #e5e7eb;
border-radius: 6px;
width: 12.5rem;
}
.p-tieredmenu.p-tieredmenu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-tieredmenu .p-tieredmenu-root-list {
outline: 0 none;
}
.p-tieredmenu .p-submenu-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-tieredmenu .p-menuitem > .p-menuitem-content {
color: #4b5563;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
color: #4b5563;
padding: 0.75rem 1.25rem;
user-select: none;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #6b7280;
margin-right: 0.5rem;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
color: #4338ca;
background: #eef2ff;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338ca;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4338ca;
}
.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
background: rgba(99, 102, 241, 0.24);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
background: #e5e7eb;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #4b5563;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280;
}
.p-tieredmenu .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.875rem;
}
.p-tieredmenu .p-submenu-icon.p-icon {
width: 0.875rem;
height: 0.875rem;
}
.p-inline-message {
padding: 0.75rem 0.75rem;
margin: 0;
border-radius: 6px;
}
.p-inline-message.p-inline-message-info {
background: rgba(219, 234, 254, 0.7);
border: solid #3b82f6;
border-width: 0px;
color: #3b82f6;
}
.p-inline-message.p-inline-message-info .p-inline-message-icon {
color: #3b82f6;
}
.p-inline-message.p-inline-message-success {
background: rgba(228, 248, 240, 0.7);
border: solid #1ea97c;
border-width: 0px;
color: #1ea97c;
}
.p-inline-message.p-inline-message-success .p-inline-message-icon {
color: #1ea97c;
}
.p-inline-message.p-inline-message-warn {
background: rgba(255, 242, 226, 0.7);
border: solid #cc8925;
border-width: 0px;
color: #cc8925;
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
color: #cc8925;
}
.p-inline-message.p-inline-message-error {
background: rgba(255, 231, 230, 0.7);
border: solid #ff5757;
border-width: 0px;
color: #ff5757;
}
.p-inline-message.p-inline-message-error .p-inline-message-icon {
color: #ff5757;
}
.p-inline-message .p-inline-message-icon {
font-size: 1rem;
margin-right: 0.5rem;
}
.p-inline-message .p-inline-message-icon.p-icon {
width: 1rem;
height: 1rem;
}
.p-inline-message .p-inline-message-text {
font-size: 1rem;
}
.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
margin-right: 0;
}
.p-message {
margin: 1rem 0;
border-radius: 6px;
}
.p-message .p-message-wrapper {
padding: 1.25rem 1.75rem;
}
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-message.p-message-info {
background: rgba(219, 234, 254, 0.7);
border: solid #3b82f6;
border-width: 0 0 0 6px;
color: #3b82f6;
}
.p-message.p-message-info .p-message-icon {
color: #3b82f6;
}
.p-message.p-message-info .p-message-close {
color: #3b82f6;
}
.p-message.p-message-success {
background: rgba(228, 248, 240, 0.7);
border: solid #1ea97c;
border-width: 0 0 0 6px;
color: #1ea97c;
}
.p-message.p-message-success .p-message-icon {
color: #1ea97c;
}
.p-message.p-message-success .p-message-close {
color: #1ea97c;
}
.p-message.p-message-warn {
background: rgba(255, 242, 226, 0.7);
border: solid #cc8925;
border-width: 0 0 0 6px;
color: #cc8925;
}
.p-message.p-message-warn .p-message-icon {
color: #cc8925;
}
.p-message.p-message-warn .p-message-close {
color: #cc8925;
}
.p-message.p-message-error {
background: rgba(255, 231, 230, 0.7);
border: solid #ff5757;
border-width: 0 0 0 6px;
color: #ff5757;
}
.p-message.p-message-error .p-message-icon {
color: #ff5757;
}
.p-message.p-message-error .p-message-close {
color: #ff5757;
}
.p-message .p-message-text {
font-size: 1rem;
font-weight: 500;
}
.p-message .p-message-icon {
font-size: 1.5rem;
margin-right: 0.5rem;
}
.p-message .p-message-icon.p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-message .p-message-summary {
font-weight: 700;
}
.p-message .p-message-detail {
margin-left: 0.5rem;
}
.p-toast {
opacity: 1;
}
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
font-weight: 700;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-toast .p-toast-message .p-toast-icon-close:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-toast .p-toast-message.p-toast-message-info {
background: rgba(219, 234, 254, 0.7);
border: solid #3b82f6;
border-width: 0 0 0 6px;
color: #3b82f6;
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #3b82f6;
}
.p-toast .p-toast-message.p-toast-message-success {
background: rgba(228, 248, 240, 0.7);
border: solid #1ea97c;
border-width: 0 0 0 6px;
color: #1ea97c;
}
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1ea97c;
}
.p-toast .p-toast-message.p-toast-message-warn {
background: rgba(255, 242, 226, 0.7);
border: solid #cc8925;
border-width: 0 0 0 6px;
color: #cc8925;
}
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #cc8925;
}
.p-toast .p-toast-message.p-toast-message-error {
background: rgba(255, 231, 230, 0.7);
border: solid #ff5757;
border-width: 0 0 0 6px;
color: #ff5757;
}
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #ff5757;
}
.p-galleria .p-galleria-close {
margin: 0.5rem;
background: transparent;
color: #f9fafb;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
}
.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1);
color: #f9fafb;
}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f9fafb;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 6px;
margin: 0 0.5rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
width: 2rem;
height: 2rem;
}
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
color: #f9fafb;
}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f9fafb;
padding: 1rem;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #d1d5db;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: #9ca3af;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #eef2ff;
color: #4338ca;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem;
}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
margin-bottom: 0.5rem;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
background: rgba(0, 0, 0, 0.5);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
background: rgba(255, 255, 255, 0.4);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.6);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #eef2ff;
color: #4338ca;
}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
padding: 1rem 0.25rem;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem;
background-color: transparent;
color: #f9fafb;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
color: #f9fafb;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-galleria-mask {
--maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-mask {
--maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-preview-indicator {
background-color: transparent;
color: #f8f9fa;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-image-preview-indicator .p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-image-preview-container:hover > .p-image-preview-indicator {
background-color: rgba(0, 0, 0, 0.5);
}
.p-image-toolbar {
padding: 1rem;
}
.p-image-action.p-link {
color: #f8f9fa;
background-color: transparent;
width: 3rem;
height: 3rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-image-action.p-link:last-child {
margin-right: 0;
}
.p-image-action.p-link:hover {
color: #f8f9fa;
background-color: rgba(255, 255, 255, 0.1);
}
.p-image-action.p-link span {
font-size: 1.5rem;
}
.p-image-action.p-link .p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-avatar {
background-color: #e5e7eb;
border-radius: 6px;
}
.p-avatar.p-avatar-lg {
width: 3rem;
height: 3rem;
font-size: 1.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
font-size: 1.5rem;
}
.p-avatar.p-avatar-xl {
width: 4rem;
height: 4rem;
font-size: 2rem;
}
.p-avatar.p-avatar-xl .p-avatar-icon {
font-size: 2rem;
}
.p-avatar-circle {
border-radius: 50%;
}
.p-avatar-group .p-avatar {
border: 2px solid #ffffff;
}
.p-chip {
background-color: #e5e7eb;
color: #4b5563;
border-radius: 16px;
padding: 0 0.75rem;
}
.p-chip .p-chip-text {
line-height: 1.5;
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
.p-chip .p-chip-icon {
margin-right: 0.5rem;
}
.p-chip img {
width: 2.25rem;
height: 2.25rem;
margin-left: -0.75rem;
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f9fafb;
}
.p-scrolltop .p-scrolltop-icon.p-icon {
width: 1.5rem;
height: 1.5rem;
}
.p-skeleton {
background-color: #e5e7eb;
border-radius: 6px;
}
.p-skeleton:after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {
background: #6366f1;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 6px;
}
.p-tag.p-tag-success {
background-color: #22c55e;
color: #ffffff;
}
.p-tag.p-tag-info {
background-color: #0ea5e9;
color: #ffffff;
}
.p-tag.p-tag-warning {
background-color: #f97316;
color: #ffffff;
}
.p-tag.p-tag-danger {
background-color: #ef4444;
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;
}
.p-inplace .p-inplace-display {
padding: 0.75rem 0.75rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #f3f4f6;
color: #4b5563;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c7d2fe;
}
.p-metergroup .p-metergroup-meter-container {
background: #e5e7eb;
border-radius: 6px;
}
.p-metergroup .p-metergroup-meter {
border: 0 none;
background: #6366f1;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
line-height: 1.5rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
background: #6366f1;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-right: 0.5rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem;
height: 1rem;
margin-right: 0.5rem;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
height: 0.5rem;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
margin-bottom: 1rem;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem;
height: 100%;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e5e7eb;
border-radius: 6px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #6366f1;
}
.p-progressbar .p-progressbar-label {
color: #ffffff;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #4b5563;
border: 1px solid #e5e7eb;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: 1rem;
}
.p-badge {
background: #6366f1;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
background-color: #64748b;
color: #ffffff;
}
.p-badge.p-badge-success {
background-color: #22c55e;
color: #ffffff;
}
.p-badge.p-badge-info {
background-color: #0ea5e9;
color: #ffffff;
}
.p-badge.p-badge-warning {
background-color: #f97316;
color: #ffffff;
}
.p-badge.p-badge-danger {
background-color: #ef4444;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
}
.p-badge.p-badge-xl {
font-size: 1.5rem;
min-width: 3rem;
height: 3rem;
line-height: 3rem;
}
.p-tag {
background: #6366f1;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 6px;
}
.p-tag.p-tag-success {
background-color: #22c55e;
color: #ffffff;
}
.p-tag.p-tag-info {
background-color: #0ea5e9;
color: #ffffff;
}
.p-tag.p-tag-warning {
background-color: #f97316;
color: #ffffff;
}
.p-tag.p-tag-danger {
background-color: #ef4444;
color: #ffffff;
}
}
@layer primereact {
.p-button-label {
font-weight: 700;
}
.p-selectbutton > .p-button,
.p-togglebutton.p-button {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #6366f1;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #6366f1;
}
.p-button:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-secondary:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-success:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-info:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-warning:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-help:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-button.p-button-danger:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #6366f1;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #6366f1;
}
.p-speeddial-item.p-focus > .p-speeddial-action {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
}
.p-toast-message {
backdrop-filter: blur(10px);
}
.p-inline-message-text {
font-weight: 500;
}
.p-picklist-buttons .p-button,
.p-orderlist-controls .p-button {
transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #6366f1;
color: #ffffff;
}
.p-stepper .p-stepper-header.p-highlight .p-stepper-number {
background: #6366f1;
color: #ffffff;
}
}
/*!********************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/primereact/resources/primereact.css ***!
\********************************************************************************************************************************/
/**
* The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
*/
/*!**************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/swiper/swiper.css ***!
\**************************************************************************************************************/
/**
* Swiper 11.1.14
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 12, 2024
*/
/* FONT_START */
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
/*!**************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/swiper/modules/navigation.css ***!
\**************************************************************************************************************************/
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
/* Navigation font end */
/*!**************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/swiper/modules/pagination.css ***!
\**************************************************************************************************************************/
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform,
200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}