that wraps the table */
position: relative;
z-index: 1;
/* container inner z-index's because
s can't do it */
}
.fc .fc-daygrid-day.fc-day-today {
background-color: rgb(238, 241, 249);
}
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 100%;
/* seems to work better than `height` because sets height after rows/cells naturally do it */
}
.fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 0.3;
}
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4;
padding: 4px;
color: #282f53;
}
.fc .fc-daygrid-day-events {
margin-top: 1px;
/* needs to be margin, not padding, so that available cell height can be computed */
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative;
/* for containing abs positioned event harnesses */
min-height: 2em;
/* in addition to being a min-height during natural height, equalizes the heights a little bit */
}
.fc .fc-daygrid-body-natural {
/* can coexist with -unbalanced */
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom: 1em;
}
.fc .fc-daygrid-event-harness {
position: relative;
}
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0;
/* fallback coords for when cannot yet be computed */
left: 0;
/* */
right: 0;
/* */
}
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0;
}
.fc .fc-daygrid-day-bg .fc-non-business {
z-index: 1;
}
.fc .fc-daygrid-day-bg .fc-bg-event {
z-index: 2;
}
.fc .fc-daygrid-day-bg .fc-highlight {
z-index: 3;
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7;
}
.fc .fc-daygrid-day-bottom {
font-size: 0.85em;
margin: 2px 3px 0;
}
.fc .fc-daygrid-more-link {
position: relative;
z-index: 4;
cursor: pointer;
}
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
padding: 2px;
min-width: 1.5em;
text-align: center;
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
color: #808080;
color: var(--fc-neutral-text-color, #808080);
}
.fc .fc-more-popover {
z-index: 8;
}
.fc .fc-more-popover .fc-popover-body {
min-width: 220px;
padding: 10px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-radius: 0 0 3px 0;
}
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-radius: 0 0 0 3px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
position: static;
/* will cause inner absolute stuff to expand to | */
}
.fc-daygrid-event {
/* make root-level, because will be dragged-and-dropped outside of a component root */
position: relative;
/* for z-indexes assigned later */
white-space: nowrap;
border-radius: 3px;
/* dot event needs this to when selected */
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
font-weight: bold;
padding: 2px 10px;
}
.fc-daygrid-block-event .fc-event-title {
padding: 2px 10px;
}
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
display: flex;
align-items: center;
padding: 2px 0;
}
.fc-daygrid-dot-event .fc-event-title {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
/* important for allowing to shrink all the way */
overflow: hidden;
padding: 2px;
}
.fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror {
background: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-dot-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px;
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right: 3px;
margin-left: 6px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left: 3px;
margin-right: 6px;
}
/*
A VERTICAL event
*/
.fc-v-event {
/* resizer (mouse AND touch) */
/* resizer for MOUSE */
/* resizer for TOUCH (when event is "selected") */
}
.fc-v-event .fc-event-main {
color: #fff;
color: var(--fc-event-text-color, #fff);
height: 100%;
}
.fc-v-event .fc-event-main-frame {
height: 100%;
display: flex;
flex-direction: column;
}
.fc-v-event .fc-event-time {
flex-grow: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden;
}
.fc-v-event .fc-event-title-container {
/* a container for the sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-height: 0;
/* important for allowing to shrink all the way */
}
.fc-v-event .fc-event-title {
/* will have fc-sticky on it */
top: 0;
bottom: 0;
max-height: 100%;
/* clip overflow */
overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
/* expand hit area */
left: -10px;
right: -10px;
}
.fc-v-event .fc-event-resizer-start {
cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
cursor: s-resize;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height: 8px;
height: var(--fc-event-resizer-thickness, 8px);
left: 0;
right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -4px;
margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc {
/* slots AND axis cells (top-left corner of view including the "all-day" text) */
/* axis cells (top-left corner of view including the "all-day" text) */
/* vertical align is more complicated, uses flexbox */
}
.fc .fc-timegrid .fc-daygrid-body {
/* the all-day daygrid within the timegrid view */
z-index: 2;
/* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}
.fc .fc-timegrid-divider {
padding: 0 0 2px;
/* browsers get confused when you set height. use padding instead */
}
.fc .fc-timegrid-body {
position: relative;
z-index: 1;
/* scope the z-indexes of slots and cols */
min-height: 100%;
/* fill height always, even when slat table doesn't grow */
}
.fc .fc-timegrid-axis-chunk {
/* for advanced ScrollGrid */
position: relative;
/* offset parent for now-indicator-container */
}
.fc .fc-timegrid-axis-chunk > table {
position: relative;
z-index: 1;
/* above the now-indicator-container */
}
.fc .fc-timegrid-slots {
position: relative;
z-index: 1;
}
.fc .fc-timegrid-slot {
/* a | */
height: 1.5em;
border-bottom: 0;
/* each cell owns its top border */
}
.fc .fc-timegrid-slot:empty:before {
content: "Â ";
/* make sure there's at least an empty space to create height for height syncing */
}
.fc .fc-timegrid-slot-minor {
border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap;
}
.fc .fc-timegrid-slot-label {
vertical-align: middle;
/* vertical align the slots */
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
padding: 0 4px;
}
.fc .fc-timegrid-axis-frame-liquid {
height: 100%;
/* will need liquid-hack in FF */
}
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: flex;
align-items: center;
/* vertical align */
justify-content: flex-end;
/* horizontal align. matches text-align below */
}
.fc .fc-timegrid-axis-cushion {
max-width: 60px;
/* limits the width of the "all-day" text */
flex-shrink: 0;
/* allows text to expand how it normally would, regardless of constrained width */
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
text-align: right;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
text-align: left;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-timegrid-col-frame {
min-height: 100%;
/* liquid-hack is below */
position: relative;
}
.fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc-media-screen .fc-timegrid-cols {
position: absolute;
/* no z-index. children will decide and go above slots */
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-media-screen .fc-timegrid-cols > table {
height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-media-screen .fc-timegrid-event-harness {
position: absolute;
/* top/left/right/bottom will all be set by JS */
}
.fc {
/* bg */
/* fg events */
/* (the mirror segs are put into a separate container with same classname, */
/* and they must be after the normal seg container to appear at a higher z-index) */
/* now indicator */
}
.fc .fc-timegrid-col-bg {
z-index: 2;
/* TODO: kill */
}
.fc .fc-timegrid-col-bg .fc-non-business {
z-index: 1;
}
.fc .fc-timegrid-col-bg .fc-bg-event {
z-index: 2;
}
.fc .fc-timegrid-col-bg .fc-highlight {
z-index: 3;
}
.fc .fc-timegrid-bg-harness {
position: absolute;
/* top/bottom will be set by JS */
left: 0;
right: 0;
}
.fc .fc-timegrid-col-events {
z-index: 3;
/* child event segs have z-indexes that are scoped within this div */
}
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden;
/* don't let overflow of lines/arrows cause unnecessary scrolling */
/* z-index is set on the individual elements */
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px;
}
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2.5%;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event {
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event {
/* events need to be root */
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em);
border-radius: 3px;
}
.fc-timegrid-event.fc-event-mirror {
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event .fc-event-main {
padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
white-space: nowrap;
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em);
margin-bottom: 1px;
}
.fc-timegrid-event-condensed .fc-event-main-frame {
flex-direction: row;
overflow: hidden;
}
.fc-timegrid-event-condensed .fc-event-time:after {
content: "Â -Â ";
/* dash surrounded by non-breaking spaces */
}
.fc-timegrid-event-condensed .fc-event-title {
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em);
}
.fc-media-screen .fc-timegrid-event {
position: absolute;
/* absolute WITHIN the harness */
top: 0;
bottom: 1px;
/* stay away from bottom slot line */
left: 0;
right: 0;
}
.fc {
/* line */
/* arrow */
}
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
border-width: 1px 0 0;
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -5px;
/* vertically center on top coordinate */
border-style: solid;
border-color: red;
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
/* triangle pointing right. TODO: mixin */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
/* triangle pointing left. TODO: mixin */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
:root {
--fc-list-event-dot-width: 10px;
--fc-list-event-hover-bg-color: #f6f6fb;
}
.fc-theme-standard .fc-list {
border: 1px solid #e9edf4;
}
.fc {
/* message when no events */
/* table within the scroller */
/* ---------------------------------------------------------------------------------------------------- */
/* date heading rows */
/* ---------------------------------------------------------------------------------------------------- */
}
.fc .fc-list-empty {
background-color: #f6f6f9;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/* vertically aligns fc-list-empty-inner */
}
.fc .fc-list-empty-cushion {
margin: 5em 0;
}
.fc .fc-list-table {
width: 100%;
border-style: hidden;
/* kill outer border on theme */
}
.fc .fc-list-table tr > * {
border-left: 0;
border-right: 0;
}
.fc .fc-list-sticky .fc-list-day > * {
/* the cells */
position: sticky;
top: 0;
background: #fff;
background: var(--fc-page-bg-color, #fff);
/* for when headers are styled to be transparent and sticky */
}
.fc .fc-list-table th {
padding: 0;
/* uses an inner-wrapper instead... */
}
.fc .fc-list-table td {
padding: 8px 14px;
}
.fc .fc-list-day-cushion {
padding: 8px 14px;
}
.fc .fc-list-day-cushion:after {
content: "";
clear: both;
display: table;
/* clear floating */
}
.fc-theme-standard .fc-list-day-cushion {
background-color: #f7f8f9;
}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
float: left;
}
.fc-direction-ltr .fc-list-day-side-text {
float: right;
}
.fc-direction-rtl .fc-list-day-text {
float: right;
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
padding-left: 0;
}
/* make the dot closer to the event title */
.fc .fc-list-event.fc-event-forced-url {
cursor: pointer;
/* whole row will seem clickable */
}
.fc-list-event.fc-event {
background: transparent;
color: #282f53;
}
.fc {
/* shrink certain cols */
/* reset styling */
/* underline link when hovering over any part of row */
}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
white-space: nowrap;
width: 1px;
}
.fc .fc-list-event-title a {
color: inherit;
text-decoration: none;
}
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: underline;
}
.fc-theme-bootstrap a:not([href]) {
color: inherit;
/* natural color for navlinks */
}
#external-events {
padding: 1rem;
border: 1px solid #e9edf4;
text-align: left;
}
#external-events h4 {
font-size: 16px;
margin-bottom: 1rem;
font-weight: 600;
}
#external-events .fc-event {
margin: 5px 0;
cursor: move;
padding: 8px;
border: 0;
}
#external-events p {
margin: 1.5em 0;
font-size: 11px;
color: #666;
}
#external-events p input {
margin: 0;
vertical-align: middle;
}
@media (min-width: 1366px) {
#external-events {
margin-top: 3.5rem;
}
}
@media (max-width: 1366px) {
#external-events {
margin-bottom: 3.5rem;
}
}
@media (max-width: 767px) {
.fc .fc-toolbar {
display: inline-block;
}
.fc .fc-toolbar-title {
position: absolute;
right: 10px;
font-size: 20px;
top: 10px;
display: contents;
}
.fc-toolbar-chunk {
margin-bottom: 10px;
}
.fc .fc-col-header-cell-cushion {
display: inline-block;
padding: 2px 0px;
}
}
@media (max-width: 320px) {
.fc .fc-toolbar-title {
font-size: 16px;
display: contents;
}
}
.fc-theme-standard th {
padding: 15px;
}
.fc-event {
border: 0px solid #6259ca !important;
}
.fc-theme-standard .fc-list-day-cushion .fc-list-day-text,
.fc-theme-standard .fc-list-day-cushion .fc-list-day-side-text {
color: #0d0c22 !important;
font-weight: 500;
}
.fc-event-dragging {
padding: 8px;
}
.fc-list-table td {
border: 0;
}
#calendar2 .fc-scrollgrid.fc-scrollgrid-liquid thead {
border-bottom: 0;
}
#calendar2 .fc-scrollgrid.fc-scrollgrid-liquid thead tr {
border-bottom: 0;
}
#calendar2 .fc-scrollgrid.fc-scrollgrid-liquid thead tr td {
border-bottom: 0 !important;
}
.fc-col-header thead th {
padding: 15px;
}
.fc-theme-standard th {
padding: 0;
}
@media (max-width: 575.98px) {
.fc-col-header thead th {
padding: 0px;
}
}
@font-face {
font-family: "lg";
src: url("../plugins/gallery/fonts/lg.eot?n1z373");
src: url("../plugins/gallery/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../plugins/gallery/fonts/lg.woff?n1z373") format("woff"), url("../plugins/gallery/fonts/lg.ttf?n1z373") format("truetype"), url("../plugins/gallery/fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: "lg";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
border: 1px solid #8fbd56;
background-color: #8fbd56;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
color: #fff;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: #8fbd56;
}
.lg-toolbar .lg-icon {
color: #fff;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #eee;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 16px;
font-weight: 500;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #fff;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
opacity: 1;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
transform: scale3d(1, 1, 1);
opacity: 1;
border-radius: 5px;
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
transform: translate3d(0, 100%, 0);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #fff;
border-radius: 4px;
margin-bottom: 5px;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toggle-thumb {
background-color: #0d0a0a;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toggle-thumb:hover {
color: #fff;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-html5 .lg-video-play {
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
transition: border-color 0.25s ease;
}
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
transform: scale3d(1, 1, 1);
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
transition-delay: 0s;
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #fff;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
transform: translate3d(0, 5px, 0);
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.group {
*zoom: 1;
}
.group:before {
display: table;
content: "";
line-height: 0;
}
.group:after {
display: table;
content: "";
line-height: 0;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
transition-duration: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
/* background: url("../img/loading.gif") no-repeat scroll center center transparent; */
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*
* bootstrap-tagsinput v0.8.0
*
*/
.bootstrap-tagsinput {
background-color: #fff;
display: inline-block;
color: #777ab2;
vertical-align: middle;
border-radius: 7px;
width: 100%;
cursor: text;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0 6px;
margin: 0;
width: auto;
max-width: 300px;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
color: #777;
opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder, .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
color: #777;
}
.bootstrap-tagsinput input:focus {
border: none;
box-shadow: none;
}
.bootstrap-tagsinput .badge {
color: #fff;
padding: 4px 8px !important;
border-radius: 5px;
font-size: 0.85rem !important;
line-height: 1.1;
margin: 6px 4px;
max-width: 300px;
white-space: normal;
}
.bootstrap-tagsinput .badge [data-role=remove] {
margin-left: 8px;
cursor: pointer;
}
.bootstrap-tagsinput .badge [data-role=remove]:after {
content: "×";
padding: 3px 8px;
border-radius: 50%;
font-size: 16px;
display: inline-block;
text-align: center;
outline: none;
}
.bootstrap-tagsinput .badge [data-role=remove]:hover:after {
background-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-tagsinput .badge [data-role=remove]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
position: absolute;
display: block;
top: 0;
}
.irs-line-left {
left: 0;
width: 11%;
}
.irs-line-mid {
left: 9%;
width: 82%;
}
.irs-line-right {
right: 0;
width: 11%;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
}
.irs-bar-edge {
position: absolute;
display: block;
top: 0;
left: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1;
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute;
display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute;
display: block;
right: 0;
cursor: default;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014 https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
background: url(../plugins/ion-rangeslider/img/sprite-skin-flat.png) repeat-x;
}
.irs {
height: 40px;
}
.irs-with-grid {
height: 60px;
}
.irs-line {
height: 12px;
top: 25px;
}
.irs-line-left {
height: 12px;
background-position: 0 -30px;
}
.irs-line-mid {
height: 12px;
background-position: 0 0;
}
.irs-line-right {
height: 12px;
background-position: 100% -30px;
}
.irs-bar {
height: 12px;
top: 25px;
background-position: 0 -60px;
}
.irs-bar-edge {
top: 25px;
height: 12px;
width: 9px;
background-position: 0 -90px;
}
.irs-shadow {
height: 3px;
top: 34px;
background: #000;
opacity: 0.25;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=25);
}
.irs-slider {
width: 16px;
height: 18px;
top: 22px;
background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
background-position: 0 -150px;
}
.irs-min, .irs-max {
color: #7f88a5;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 2px 6px;
background: #eaeefa;
border-radius: 4px;
}
.irs-from, .irs-to, .irs-single {
color: #fff;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #f72d66;
border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #f72d66;
}
.irs-grid-pol {
background: #e1e4e9;
}
.irs-grid-text {
color: #7f88a5;
}
/*--- RANGE SLIDER ---*/
.irs-min, .irs-max {
font-family: "Roboto", sans-serif;
/* border-radius: 0; */
}
.irs-from, .irs-to, .irs-single {
font-family: "Roboto", sans-serif;
background-color: var(--primary-bg-color);
border-radius: 0;
}
.irs-bar {
background-image: none;
background-color: var(--primary-bg-color);
}
.irs-bar-edge {
background-image: none;
background-color: var(--primary-bg-color);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.irs-line-left {
background-image: none;
background-color: #eaeefa;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.irs-line-mid {
background-image: none;
background-color: #eaeefa;
}
.irs-line-right {
background-image: none;
background-color: #eaeefa;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.irs-from::after, .irs-to::after, .irs-single::after {
border-top-color: var(--primary-bg-color);
}
.irs-slider {
background-image: none;
}
.irs-slider:before {
content: "";
width: 2px;
height: 18px;
position: absolute;
background-color: var(--primary-bg-color);
left: 50%;
margin-left: -1px;
}
.irs-slider:hover:before, .irs-slider:focus:before {
background-color: var(--primary-bg-color);
}
/* #################### COLOR VARIANT SKINS #################### */
.irs-primary .irs-bar, .irs-primary .irs-bar-edge, .irs-primary .irs-slider::before, .irs-primary .irs-from, .irs-primary .irs-to, .irs-primary .irs-single {
background-color: var(--primary-bg-color);
}
.irs-primary .irs-from::after, .irs-primary .irs-to::after, .irs-primary .irs-single::after {
border-top-color: var(--primary-bg-color);
}
.irs-success .irs-bar, .irs-success .irs-bar-edge, .irs-success .irs-slider::before, .irs-success .irs-from, .irs-success .irs-to, .irs-success .irs-single {
background-color: #28c76f;
}
.irs-success .irs-from::after, .irs-success .irs-to::after, .irs-success .irs-single::after {
border-top-color: #28c76f;
}
.irs-dark .irs-bar, .irs-dark .irs-bar-edge, .irs-dark .irs-slider::before, .irs-dark .irs-from, .irs-dark .irs-to, .irs-dark .irs-single {
background-color: #191621;
}
.irs-dark .irs-from::after, .irs-dark .irs-to::after, .irs-dark .irs-single::after {
border-top-color: #191621;
}
/* #################### MODERN SKIN #################### */
.irs-modern .irs-line-left, .irs-modern .irs-line-mid, .irs-modern .irs-line-right {
height: 6px;
box-shadow: inset -2px 2px 2px 0 rgba(34, 34, 34, 0.1);
}
.irs-modern .irs-bar, .irs-modern .irs-bar-edge {
height: 6px;
box-shadow: inset 0 1px 1px 0 rgba(34, 34, 34, 0.1);
}
.irs-modern .irs-slider {
top: 19px;
background-color: #fff;
border: 1px solid var(--primary-bg-color);
border-radius: 0;
}
.irs-modern .irs-slider::before {
width: 4px;
height: 9px;
background-color: #fff;
border-left: 1px solid var(--primary-bg-color);
border-right: 1px solid var(--primary-bg-color);
margin-left: -2px;
top: 3px;
}
.irs-modern.irs-primary .irs-slider {
border-color: var(--primary-bg-color);
}
.irs-modern.irs-primary .irs-slider::before {
border-color: var(--primary-bg-color);
}
.irs-modern.irs-success .irs-slider {
border-color: #28c76f;
}
.irs-modern.irs-success .irs-slider::before {
border-color: #28c76f;
}
.irs-modern.irs-dark .irs-slider {
border-color: #14112d;
}
.irs-modern.irs-dark .irs-slider::before {
border-color: #14112d;
}
/* #################### OUTLINE SKIN #################### */
.irs-outline .irs-line {
border: 1px solid var(--primary-bg-color);
height: 10px;
border-radius: 5px;
}
.irs-outline .irs-line-left, .irs-outline .irs-line-mid, .irs-outline .irs-line-right {
height: 10px;
background-color: transparent;
}
.irs-outline .irs-bar {
height: 10px;
}
.irs-outline .irs-bar-edge {
height: 10px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.irs-outline .irs-slider {
top: 21px;
width: 18px;
background-color: #fff;
border: 1px solid var(--primary-bg-color);
border-radius: 100%;
}
.irs-outline .irs-slider::before {
margin-left: -4px;
top: 4px;
width: 8px;
height: 8px;
border-radius: 100%;
}
.irs-outline .irs-slider:hover::before, .irs-outline .irs-slider:focus::before {
background-color: var(--primary-bg-color);
}
.irs-outline.irs-primary .irs-line, .irs-outline.irs-primary .irs-slider {
border-color: var(--primary-bg-color);
}
.irs-outline.irs-primary .irs-line:hover::before, .irs-outline.irs-primary .irs-line:focus::before {
background-color: var(--primary-bg-color);
}
.irs-outline.irs-primary .irs-slider:hover::before, .irs-outline.irs-primary .irs-slider:focus::before {
background-color: var(--primary-bg-color);
}
.irs-outline.irs-success .irs-line, .irs-outline.irs-success .irs-slider {
border-color: #28c76f;
}
.irs-outline.irs-success .irs-line:hover::before, .irs-outline.irs-success .irs-line:focus::before {
background-color: #339701;
}
.irs-outline.irs-success .irs-slider:hover::before, .irs-outline.irs-success .irs-slider:focus::before {
background-color: #339701;
}
.irs-outline.irs-dark .irs-line, .irs-outline.irs-dark .irs-slider {
border-color: #191621;
}
.irs-outline.irs-dark .irs-line:hover::before, .irs-outline.irs-dark .irs-line:focus::before {
background-color: #313c53;
}
.irs-outline.irs-dark .irs-slider:hover::before, .irs-outline.irs-dark .irs-slider:focus::before {
background-color: #313c53;
}
/*--- RANGE SLIDER ---*/
/* jQuery Countdown styles 2.0.0. */
#launch_date {
margin: 0px auto 20px auto;
}
.countdown-rtl {
direction: rtl;
}
.countdown-holding span {
color: #888;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
.countdown li {
display: inline-block;
font-size: 1.83rem;
font-weight: bold;
min-width: 88px;
height: 88px;
border-radius: 3px;
line-height: 22px;
padding: 20px;
text-align: center;
margin: 0 auto;
position: relative;
overflow: hidden;
background: rgb(255, 255, 255);
z-index: 1;
border: 5px solid rgb(255, 255, 255);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
color: #25252a;
}
.countdown .time {
font-size: 13px;
padding-top: 2px;
font-weight: 300;
}
@media (max-width: 991px) {
.countdown li {
margin: 20px 10px 10px 10px;
}
.is-countdown {
margin-top: 20px;
}
}
@media (min-width: 992px) {
.countdown li {
margin: 30px 10px 5px 10px;
}
}
/* jQuery Growl
* Copyright 2015 Kevin Sylvestre
* 1.3.5
*/
.ontop,
#growls-default,
#growls-tl,
#growls-tr,
#growls-bl,
#growls-br,
#growls-tc,
#growls-bc,
#growls-cc,
#growls-cl,
#growls-cr {
z-index: 50000;
position: fixed;
}
#growls-default {
top: 10px;
right: 10px;
}
#growls-tl {
top: 10px;
left: 10px;
}
#growls-tr {
top: 10px;
right: 10px;
}
#growls-bl {
bottom: 10px;
left: 10px;
}
#growls-br {
bottom: 10px;
right: 10px;
}
#growls-tc {
top: 10px;
right: 10px;
left: 10px;
}
#growls-bc {
bottom: 10px;
right: 10px;
left: 10px;
}
#growls-cc {
top: 50%;
left: 50%;
margin-left: -125px;
}
#growls-cl {
top: 50%;
left: 10px;
}
#growls-cr {
top: 50%;
right: 10px;
}
#growls-tc .growl,
#growls-bc .growl {
margin-left: auto;
margin-right: auto;
}
.growl {
opacity: 0.8;
filter: alpha(opacity=80);
position: relative;
border-radius: 4px;
transition: all 0.4s ease-in-out;
}
.growl.growl-incoming, .growl.growl-outgoing {
opacity: 0;
filter: alpha(opacity=0);
}
.growl.growl-small {
width: 200px;
padding: 5px;
margin: 5px;
}
.growl.growl-medium {
width: 250px;
padding: 10px;
margin: 10px;
}
.growl.growl-large {
width: 300px;
padding: 15px;
margin: 15px;
}
.growl.growl-default {
color: #fff;
background: #2d2d2d;
}
.growl.growl-error {
color: #fff;
background: #ff5b51;
}
.growl.growl-notice, .growl.growl-sucess {
color: #fff;
background: #2dce89;
}
.growl.growl-warning {
color: #fff;
background: #ecb403;
}
.growl .growl-close {
cursor: pointer;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: normal;
font-family: helvetica, verdana, sans-serif;
}
.growl .growl-title {
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin-bottom: 5px;
}
.growl .growl-message {
font-size: 13px;
line-height: 18px;
}
/**
* Style-sheet for dtpicker
* https://github.com/mugifly/jquery-simple-datetimepicker
*/
.datepicker {
display: inline-block;
font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
font-weight: 300;
border: 1px solid #dfdfdf;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0.5px 0.5px 0px #c8c8c8;
-webkit-box-shadow: 0.5px 0.5px 3px #e1e5ef;
-moz-box-shadow: 0.5px 0.5px 3px #e1e5ef;
}
.datepicker > .datepicker_header {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
color: #4a4a69;
text-align: center;
font-size: 9pt;
font-weight: bold;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.datepicker > .datepicker_header > a {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
cursor: pointer;
color: #3b7796;
}
.datepicker > .datepicker_header > a:hover {
color: #303030;
background-color: #c8c8c8;
}
.datepicker > .datepicker_header > a:active {
color: #ffffff;
background-color: #808080;
}
.datepicker > .datepicker_header > span {
margin-left: 20px;
margin-right: 20px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.datepicker > .datepicker_header > .icon-home {
position: absolute;
display: block;
float: left;
margin-top: 2px;
margin-left: 5px;
width: 11pt;
height: 11pt;
vertical-align: middle;
}
.datepicker > .datepicker_header > .icon-home > svg > g > path {
fill: #3b7796;
}
.datepicker > .datepicker_header > a:hover > svg > g > path {
fill: #303030;
/* Icon button hover color */
}
.datepicker > .datepicker_inner_container {
margin: -2px 0px -2px 0px;
background-color: #d2d2d2;
border: 1px solid #c8c8c8;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0.5px 0px 3px #c8c8c8;
-webkit-box-shadow: 0.5px 0px 3px #c8c8c8;
-moz-box-shadow: 0.5px 0px 3px #c8c8c8;
}
.datepicker > .datepicker_inner_container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar {
float: left;
width: auto;
margin-top: -0.5px;
margin-left: -1px;
margin-bottom: -2px;
background-color: #ffffff;
border: 1px solid #c8c8c8;
border-top: none;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > table {
padding: 10px;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
color: #646464;
width: 18px;
font-size: small;
font-weight: normal;
text-align: center;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
color: #000000;
font-size: small;
text-align: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
cursor: pointer;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
border-bottom: #bfbfbf solid 2px;
margin-bottom: -2px;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
color: #0044aa;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
color: #e13b00;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
color: #cccccc;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past, .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed, .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
cursor: default;
color: #cccccc;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
color: #ffffff;
background-color: #808080;
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
color: #000000;
background-color: #c8c8c8;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist {
float: left;
width: 4.2em;
height: 118px;
margin-top: -0.5px;
padding: 5px;
padding-left: 0px;
padding-right: 0px;
overflow: auto;
overflow-x: hidden;
background-color: #ffffff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
overflow: hidden;
width: 6px;
background: #fafafa;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
height: 1px;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {
display: none;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {
background: #eee;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {
background: #eee;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
background: #aaaaaa;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
background: #333;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 7px;
padding-right: 25px;
margin-top: 5px;
margin-bottom: 2px;
font-size: small;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
cursor: pointer;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past, .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
cursor: default;
color: #cccccc;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
color: #ffffff;
background-color: #808080;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
color: #000000;
background-color: #c8c8c8;
}
/*
* datepicker_header
*/
/*
* datepicker_inner_container
*/
/*
* datepicker_inner_container > datepicker_calendar
*/
/*
* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell)
*/
/*
* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell)
*/
/*
* datepicker_inner_container > datepicker_timelist
*/
/*
.datepicker > .datepicker_inner_container > .datepicker_timelist::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*/
.ui-timepicker-wrapper {
overflow-y: auto;
max-height: 150px;
width: 6.5em;
background: #fff;
border: 1px solid #e9ebfa;
box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);
outline: none;
z-index: 1;
margin: 0;
border-radius: 4px;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
width: 11em;
}
.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}
.ui-timepicker-duration {
margin-left: 5px;
color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888;
}
.ui-timepicker-list li {
padding: 0px 10px;
cursor: pointer;
white-space: nowrap;
color: #000;
list-style: none;
margin: 0;
height: 35px;
line-height: 35px;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff;
}
li.ui-timepicker-selected {
background: #77bc21;
color: #fff;
}
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #77bc21;
color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration {
color: #ccc;
}
.ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled {
color: #888;
cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover {
color: #888;
cursor: default;
}
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888;
cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2;
}
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
box-sizing: content-box;
}
.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float: left;
line-height: 45px;
margin: 0;
padding: 0;
list-style: none;
}
.jquery-script-center a {
text-decoration: none;
}
.jquery-script-ads {
width: 728px;
height: 90px;
float: right;
}
.jquery-script-clear {
clear: both;
height: 0;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container {
position: absolute;
left: 0;
top: 0;
}
.leaflet-pane > svg,
.leaflet-pane > canvas {
position: absolute;
left: 0;
top: 0;
}
.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;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.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 {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container .leaflet-overlay-pane svg,
.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;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.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;
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-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile {
transition: none;
}
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: grab;
}
.leaflet-crosshair {
cursor: crosshair;
}
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab {
cursor: move;
cursor: grabbing;
}
.leaflet-dragging .leaflet-grab .leaflet-interactive {
cursor: move;
cursor: grabbing;
}
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
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 {
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #efefef;
outline: 0;
z-index: 0;
}
.leaflet-container a {
color: #0078a8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* 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;
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
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-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
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(../plugins/leaflet/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(../plugins/leaflet/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list {
display: none;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.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-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;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(../plugins/leaflet/images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.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;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.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: 1px 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 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
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;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
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-popup-tip-container {
margin-top: -1px;
}
.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;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
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 {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
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;
}
/*---------------------------------------------*/
input {
outline: none;
border: none;
}
textarea {
outline: none;
border: none;
}
textarea:focus {
border-color: none !important;
}
input:focus {
border-color: none !important;
}
input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder {
color: transparent;
}
textarea:focus::-webkit-input-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent;
}
input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
/*---------------------------------------------*/
button {
outline: none !important;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
iframe {
border: none !important;
}
/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1,
.txt2 {
font-size: 13px;
line-height: 1.5;
color: #24214c;
}
/*//////////////////////////////////////////////////////////////////
[ login ]*/
.limiter {
width: 100%;
margin: 0 auto;
}
.container-login100 {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 15px;
z-index: 999;
}
.wrap-login100 {
/*width: 960px;*/
background: #fff;
overflow: hidden;
flex-wrap: wrap;
justify-content: space-between;
padding: 137px 130px 137px 95px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.06);
border-radius: 5px;
}
/*------------------------------------------------------------------
[ ]*/
.login100-pic {
width: 316px;
}
.login100-pic img {
max-width: 100%;
}
/*------------------------------------------------------------------
[ ]*/
.login100-form {
width: 320px;
}
.login100-form-title {
font-size: 24px;
line-height: 1.2;
text-align: center;
width: 100%;
display: block;
padding-bottom: 30px;
color: #424344;
}
/*---------------------------------------------*/
.wrap-input100 {
position: relative;
width: 100%;
z-index: 1;
margin-bottom: 10px;
}
.input100 {
font-size: 15px;
line-height: 1.5;
color: #000;
display: block;
width: 100%;
background: #ffffff;
height: 45px;
padding: 0 30px 0 54px;
border-radius: 5px;
border: 1px solid #ecf0fa;
}
/*------------------------------------------------------------------
[ Focus ]*/
.focus-input100 {
display: block;
position: absolute;
border-radius: 5px;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
box-shadow: 0px 0px 0px 0px;
text-transform: uppercase;
background: #6259ca;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.symbol-input100 {
font-size: 17px;
display: flex;
align-items: center;
position: absolute;
border-radius: 5px;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 22px;
pointer-events: none;
transition: all 0.4s;
color: #828996;
}
.input100.focus-input100 + .symbol-input100 {
text-transform: uppercase;
background: #6259ca;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 15px;
}
.login100-form-btn {
line-height: 1.5;
color: #fff;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 25px;
border-radius: 5px;
}
/*------------------------------------------------------------------
[ Responsive ]*/
@media (max-width: 992px) {
.wrap-login100 {
padding: 35px 90px 35px 85px;
}
.login100-pic {
width: 35%;
display: none;
}
.login100-form {
width: 100%;
}
}
@media (max-width: 768px) {
.wrap-login100 {
padding: 30px 80px 30px 80px;
}
.login100-form {
width: 100%;
}
}
@media (max-width: 576px) {
.wrap-login100 {
padding: 25px 15px 25px 15px;
}
}
.btn-social {
position: relative;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #e2e7eb;
padding-left: 60px;
background-color: #fff;
}
.btn-social > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
line-height: 36px;
font-size: 1.2em;
text-align: center;
border-right: 1px solid #ecf0fa;
}
.btn-social.btn-lg {
padding-left: 61px;
}
.btn-social.btn-lg > :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social.btn-sm {
padding-left: 38px;
}
.btn-social.btn-sm > :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social.btn-xs {
padding-left: 30px;
}
.btn-social.btn-xs > :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 34px;
width: 34px;
padding: 0;
}
.btn-social-icon > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px;
line-height: 34px;
font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
padding-left: 61px;
}
.btn-social-icon.btn-lg > :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social-icon.btn-sm {
padding-left: 38px;
}
.btn-social-icon.btn-sm > :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social-icon.btn-xs {
padding-left: 30px;
}
.btn-social-icon.btn-xs > :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon > :first-child {
border: none;
text-align: center;
width: 100%;
color: #fff;
}
.btn-social-icon.btn-lg {
height: 45px;
width: 45px;
padding-left: 0;
padding-right: 0;
}
.btn-social-icon.btn-sm {
height: 30px;
width: 30px;
padding-left: 0;
padding-right: 0;
}
.btn-social-icon.btn-xs {
height: 22px;
width: 22px;
padding-left: 0;
padding-right: 0;
}
/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
.pickr {
position: relative;
overflow: visible;
transform: translateY(0);
}
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pickr .pcr-button {
position: relative;
height: 2em;
width: 2em;
padding: 0.5em;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
border-radius: 0.15em;
background: url('data:image/svg+xml;utf8, ') no-repeat center;
background-size: 0;
transition: all 0.3s;
}
.pickr .pcr-button::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 0.5em;
border-radius: 0.15em;
z-index: -1;
z-index: initial;
}
.pickr .pcr-button::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: background 0.3s;
background: var(--pcr-color);
border-radius: 0.15em;
}
.pickr .pcr-button.clear {
background-size: 70%;
}
.pickr .pcr-button.clear::before {
opacity: 0;
}
.pickr .pcr-button.clear:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
cursor: not-allowed;
}
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pcr-app * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pickr input:focus, .pickr input.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pickr button:focus, .pickr button.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pcr-app input:focus, .pcr-app input.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pcr-app button:focus, .pcr-app button.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-palette,
.pickr .pcr-slider {
transition: box-shadow 0.3s;
}
.pcr-app .pcr-palette,
.pcr-app .pcr-slider {
transition: box-shadow 0.3s;
}
.pickr .pcr-palette:focus,
.pickr .pcr-slider:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.pcr-app {
position: fixed;
display: flex;
flex-direction: column;
z-index: 100;
border-radius: 0.1em;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0s 0.3s;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03);
left: 0;
top: 0;
}
.pcr-app .pcr-palette:focus,
.pcr-app .pcr-slider:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.pcr-app.visible {
transition: opacity 0.3s;
visibility: visible;
opacity: 1;
}
.pcr-app .pcr-swatches {
display: flex;
flex-wrap: wrap;
margin-top: 0.75em;
}
.pcr-app .pcr-swatches.pcr-last {
margin: 0;
}
.pcr-app .pcr-swatches > button {
font-size: 1em;
position: relative;
width: calc(1.75em - 5px);
height: calc(1.75em - 5px);
border-radius: 0.15em;
cursor: pointer;
margin: 2.5px;
flex-shrink: 0;
justify-self: center;
transition: all 0.15s;
overflow: hidden;
background: transparent;
z-index: 1;
}
.pcr-app .pcr-swatches > button::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 6px;
border-radius: 0.15em;
z-index: -1;
}
.pcr-app .pcr-swatches > button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--pcr-color);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 0.15em;
box-sizing: border-box;
}
.pcr-app .pcr-swatches > button:hover {
filter: brightness(1.05);
}
.pcr-app .pcr-swatches > button:not(.pcr-active) {
box-shadow: none;
}
.pcr-app .pcr-interaction {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -0.2em 0 -0.2em;
}
.pcr-app .pcr-interaction > * {
margin: 0 0.2em;
}
.pcr-app .pcr-interaction input {
letter-spacing: 0.07em;
font-size: 0.75em;
text-align: center;
cursor: pointer;
color: #75797e;
background: #f1f3f4;
border-radius: 0.15em;
transition: all 0.15s;
padding: 0.45em 0.5em;
margin-top: 0.75em;
}
.pcr-app .pcr-interaction input:hover {
filter: brightness(0.975);
}
.pcr-app .pcr-interaction input:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);
}
.pcr-app .pcr-interaction .pcr-result {
color: #75797e;
text-align: left;
flex: 1 1 8em;
min-width: 8em;
transition: all 0.2s;
border-radius: 0.15em;
background: #f1f3f4;
cursor: text;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
background: #4285f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection, .pcr-app .pcr-interaction .pcr-result::selection {
background: #4285f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
color: #fff;
background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save,
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
color: #fff;
width: auto;
}
.pcr-app .pcr-interaction .pcr-save,
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
color: #fff;
}
.pcr-app .pcr-interaction .pcr-save:hover,
.pcr-app .pcr-interaction .pcr-cancel:hover,
.pcr-app .pcr-interaction .pcr-clear:hover {
filter: brightness(0.925);
}
.pcr-app .pcr-interaction .pcr-save {
background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel {
background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:focus,
.pcr-app .pcr-interaction .pcr-cancel:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);
}
.pcr-app .pcr-selection .pcr-picker {
position: absolute;
height: 18px;
width: 18px;
border: 2px solid #fff;
border-radius: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pcr-app .pcr-selection .pcr-color-palette,
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
cursor: grab;
cursor: -webkit-grab;
}
.pcr-app .pcr-selection .pcr-color-palette:active,
.pcr-app .pcr-selection .pcr-color-chooser:active,
.pcr-app .pcr-selection .pcr-color-opacity:active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.pcr-app[data-theme=monolith] {
width: 14.25em;
max-width: 95vw;
padding: 0.8em;
}
.pcr-app[data-theme=monolith] .pcr-selection {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview {
position: relative;
z-index: 1;
width: 100%;
height: 1em;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0.5em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 0.5em;
border-radius: 0.15em;
z-index: -1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
cursor: pointer;
transition: background-color 0.3s, box-shadow 0.3s;
border-radius: 0.15em 0 0 0.15em;
z-index: 2;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
border-radius: 0 0.15em 0.15em 0;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
background: var(--pcr-color);
width: 50%;
height: 100%;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
width: 100%;
height: 8em;
z-index: 1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette {
border-radius: 0.15em;
width: 100%;
height: 100%;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 0.5em;
border-radius: 0.15em;
z-index: -1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity {
height: 0.5em;
margin-top: 0.75em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker {
top: 50%;
transform: translateY(-50%);
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
flex-grow: 1;
border-radius: 50em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider {
background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
background: linear-gradient(to right, transparent, black), url('data:image/svg+xml;utf8, ');
background-size: 100%, 0.25em;
}
@supports (display: grid) {
.pcr-app .pcr-swatches {
display: grid;
align-items: center;
grid-template-columns: repeat(auto-fit, 1.75em);
}
}
.morris-hover {
position: absolute;
z-index: 10;
}
.morris-hover.morris-default-style {
border-radius: 10px;
padding: 6px;
color: #666;
background: rgba(255, 255, 255, 0.8);
border: solid 1px rgba(230, 230, 230, 0.1);
font-family: sans-serif;
font-size: 12px;
text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
font-weight: bold;
margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
white-space: nowrap;
margin: 0.1em 0;
}
/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
.pickr {
position: relative;
overflow: visible;
transform: translateY(0);
}
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pickr .pcr-button {
position: relative;
height: 2em;
width: 2em;
padding: 0.5em;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
border-radius: 0.15em;
background: url('data:image/svg+xml;utf8, ') no-repeat center;
background-size: 0;
transition: all 0.3s;
}
.pickr .pcr-button::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 0.5em;
border-radius: 0.15em;
z-index: -1;
z-index: initial;
}
.pickr .pcr-button::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: background 0.3s;
background: var(--pcr-color);
border-radius: 0.15em;
}
.pickr .pcr-button.clear {
background-size: 70%;
}
.pickr .pcr-button.clear::before {
opacity: 0;
}
.pickr .pcr-button.clear:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
cursor: not-allowed;
}
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pcr-app * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pickr input:focus, .pickr input.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pickr button:focus, .pickr button.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pcr-app input:focus, .pcr-app input.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pcr-app button:focus, .pcr-app button.pcr-active {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-palette,
.pickr .pcr-slider {
transition: box-shadow 0.3s;
}
.pcr-app .pcr-palette,
.pcr-app .pcr-slider {
transition: box-shadow 0.3s;
}
.pickr .pcr-palette:focus,
.pickr .pcr-slider:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.pcr-app {
position: fixed;
display: flex;
flex-direction: column;
z-index: 100;
border-radius: 0.1em;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0s 0.3s;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03);
left: 0;
top: 0;
}
.pcr-app .pcr-palette:focus,
.pcr-app .pcr-slider:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.pcr-app.visible {
transition: opacity 0.3s;
visibility: visible;
opacity: 1;
}
.pcr-app .pcr-swatches {
display: flex;
flex-wrap: wrap;
margin-top: 0.75em;
}
.pcr-app .pcr-swatches.pcr-last {
margin: 0;
}
.pcr-app .pcr-swatches > button {
font-size: 1em;
position: relative;
width: calc(1.75em - 5px);
height: calc(1.75em - 5px);
border-radius: 0.15em;
cursor: pointer;
margin: 2.5px;
flex-shrink: 0;
justify-self: center;
transition: all 0.15s;
overflow: hidden;
background: transparent;
z-index: 1;
}
.pcr-app .pcr-swatches > button::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 6px;
border-radius: 0.15em;
z-index: -1;
}
.pcr-app .pcr-swatches > button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--pcr-color);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 0.15em;
box-sizing: border-box;
}
.pcr-app .pcr-swatches > button:hover {
filter: brightness(1.05);
}
.pcr-app .pcr-swatches > button:not(.pcr-active) {
box-shadow: none;
}
.pcr-app .pcr-interaction {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -0.2em 0 -0.2em;
}
.pcr-app .pcr-interaction > * {
margin: 0 0.2em;
}
.pcr-app .pcr-interaction input {
letter-spacing: 0.07em;
font-size: 0.75em;
text-align: center;
cursor: pointer;
color: #75797e;
background: #f1f3f4;
border-radius: 0.15em;
transition: all 0.15s;
padding: 0.45em 0.5em;
margin-top: 0.75em;
}
.pcr-app .pcr-interaction input:hover {
filter: brightness(0.975);
}
.pcr-app .pcr-interaction input:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);
}
.pcr-app .pcr-interaction .pcr-result {
color: #75797e;
text-align: left;
flex: 1 1 8em;
min-width: 8em;
transition: all 0.2s;
border-radius: 0.15em;
background: #f1f3f4;
cursor: text;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
background: #4285f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection, .pcr-app .pcr-interaction .pcr-result::selection {
background: #4285f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
color: #fff;
background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save,
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
color: #fff;
width: auto;
}
.pcr-app .pcr-interaction .pcr-save,
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
color: #fff;
}
.pcr-app .pcr-interaction .pcr-save:hover,
.pcr-app .pcr-interaction .pcr-cancel:hover,
.pcr-app .pcr-interaction .pcr-clear:hover {
filter: brightness(0.925);
}
.pcr-app .pcr-interaction .pcr-save {
background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel {
background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:focus,
.pcr-app .pcr-interaction .pcr-cancel:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);
}
.pcr-app .pcr-selection .pcr-picker {
position: absolute;
height: 18px;
width: 18px;
border: 2px solid #fff;
border-radius: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pcr-app .pcr-selection .pcr-color-palette,
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
cursor: grab;
cursor: -webkit-grab;
}
.pcr-app .pcr-selection .pcr-color-palette:active,
.pcr-app .pcr-selection .pcr-color-chooser:active,
.pcr-app .pcr-selection .pcr-color-opacity:active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.pcr-app[data-theme=nano] {
width: 14.25em;
max-width: 95vw;
}
.pcr-app[data-theme=nano] .pcr-swatches {
margin-top: 0.6em;
padding: 0 0.6em;
}
.pcr-app[data-theme=nano] .pcr-interaction {
padding: 0 0.6em 0.6em 0.6em;
}
.pcr-app[data-theme=nano] .pcr-selection {
display: grid;
grid-gap: 0.6em;
grid-template-columns: 1fr 4fr;
grid-template-rows: 5fr auto auto;
align-items: center;
height: 10.5em;
width: 100%;
align-self: flex-start;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview {
grid-area: 2/1/4/1;
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
margin-left: 0.6em;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color {
display: none;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color {
position: relative;
background: var(--pcr-color);
width: 2em;
height: 2em;
border-radius: 50em;
overflow: hidden;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 0.5em;
border-radius: 0.15em;
z-index: -1;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {
grid-area: 1/1/2/3;
width: 100%;
height: 100%;
z-index: 1;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
border-radius: 0.15em;
width: 100%;
height: 100%;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 0.5em;
border-radius: 0.15em;
z-index: -1;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser {
grid-area: 2/2/2/2;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
grid-area: 3/2/3/2;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
height: 0.5em;
margin: 0 0.6em;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker {
top: 50%;
transform: translateY(-50%);
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
flex-grow: 1;
border-radius: 50em;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider {
background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
background: linear-gradient(to right, transparent, black), url('data:image/svg+xml;utf8, ');
background-size: 100%, 0.25em;
}
@supports (display: grid) {
.pcr-app .pcr-swatches {
display: grid;
align-items: center;
grid-template-columns: repeat(auto-fit, 1.75em);
}
}
#ui_notifIt {
position: fixed;
top: 10px;
right: 10px;
cursor: pointer;
overflow: hidden;
-o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
-wekbit-border-radius: 5px;
border-radius: 5px;
z-index: 2000;
}
#ui_notifIt:hover {
opacity: 1 !important;
}
#ui_notifIt p {
text-align: center;
font-size: 14px;
padding: 0;
margin: 0;
font-weight: 400;
text-transform: capitalize;
opacity: 1;
}
#ui_notifIt p i {
font-size: 20px;
}
#notifIt_close {
position: absolute;
color: #fff;
top: 0;
padding: 0px 5px;
right: 0;
}
#notifIt_close:hover {
background-color: rgb(255, 255, 255);
}
/* Color setup */
/* You are free to change all of this */
#ui_notifIt.primary {
background-color: #77bc21;
color: white;
}
#ui_notifIt.success {
background-color: #1a9c86;
color: white;
}
#ui_notifIt.error {
background-color: #f34343;
color: white;
}
#ui_notifIt.warning {
background-color: #ffbd5a;
color: white;
}
#ui_notifIt.info {
background-color: #4ec2f0;
color: white;
}
#ui_notifIt.dark {
background-color: #3b4863;
color: #fff;
}
/* notifit confirm */
.notifit_confirm_bg,
.notifit_prompt_bg {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
}
.notifit_confirm,
.notifit_prompt {
position: fixed;
top: 0;
left: 0;
padding: 30px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 1px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
z-index: 9999;
border-radius: 5px;
}
.notifit_confirm_accept,
.notifit_confirm_cancel,
.notifit_prompt_accept,
.notifit_prompt_cancel {
display: inline-block;
font-weight: 400;
color: #160248;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0;
margin-right: 5px;
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;
}
.notifit_confirm_accept {
background-color: #77bc21;
color: #fff;
border-radius: 4px;
}
.notifit_prompt_cancel:hover {
background-color: #666;
}
.notifit_confirm_cancel {
background-color: #f34343;
color: #fff;
border-radius: 4px;
}
.notifit_confirm_message {
text-align: center;
margin-bottom: 20px;
font-size: 14px;
}
.notifit_prompt_message {
color: #444;
margin-top: 0;
text-align: center;
}
.notifit_prompt_input {
text-align: center;
font-size: 14px;
width: 100%;
padding: 10px;
outline: none;
border: 1px solid #aaa;
color: #444;
border-radius: 5px;
}
.notifit_prompt {
text-align: center;
}
#ui_notifIt.info {
margin: 0 auto;
right: 10px !important;
left: 10px !important;
}
/* nvd3 version 1.8.6-dev (https://github.com/novus/nvd3) 2018-02-24 */
.nvd3 .nv-axis {
pointer-events: none;
opacity: 1;
}
.nvd3 .nv-axis path {
fill: none;
stroke: #000;
stroke-opacity: 0.75;
shape-rendering: crispEdges;
}
.nvd3 .nv-axis path.domain {
stroke-opacity: 0.75;
}
.nvd3 .nv-axis.nv-x path.domain {
stroke-opacity: 0;
}
.nvd3 .nv-axis line {
fill: none;
stroke: #e5e5e5;
shape-rendering: crispEdges;
}
.nvd3 .nv-axis .zero line,
.nvd3 .nv-axis line.zero {
stroke-opacity: 0.75;
}
.nvd3 .nv-axis .nv-axisMaxMin text {
font-weight: bold;
}
.nvd3 .x .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
text-anchor: middle;
}
.nvd3 .nv-axis.nv-disabled {
opacity: 0;
}
.nvd3 .nv-bars rect {
fill-opacity: 0.75;
transition: fill-opacity 250ms linear;
}
.nvd3 .nv-bars rect.hover {
fill-opacity: 1;
}
.nvd3 .nv-bars .hover rect {
fill: lightblue;
}
.nvd3 .nv-bars text {
fill: rgba(0, 0, 0, 0);
}
.nvd3 .nv-bars .hover text {
fill: rgb(0, 0, 0);
}
.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
stroke-opacity: 0;
transition: fill-opacity 250ms linear;
}
.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-candlestickBar .nv-ticks rect:hover {
fill-opacity: 1;
}
.nvd3 .nv-discretebar .nv-groups rect:hover {
fill-opacity: 1;
}
.nvd3 .nv-discretebar .nv-groups text {
font-weight: bold;
fill: rgb(0, 0, 0);
stroke: rgba(0, 0, 0, 0);
}
.nvd3 .nv-multibarHorizontal .nv-groups text {
font-weight: bold;
fill: rgb(0, 0, 0);
stroke: rgba(0, 0, 0, 0);
}
.nvd3 .nv-boxplot circle {
fill-opacity: 0.5;
}
.nvd3 .nv-boxplot circle:hover {
fill-opacity: 1;
}
.nvd3 .nv-boxplot rect:hover {
fill-opacity: 1;
}
.nvd3 line.nv-boxplot-median {
stroke: black;
}
/* boxplot CSS */
.nv-boxplot-tick:hover {
stroke-width: 2.5px;
}
/* bullet */
.nvd3.nv-bullet {
font: 10px sans-serif;
}
.nvd3.nv-bullet .nv-measure {
fill-opacity: 0.8;
}
.nvd3.nv-bullet .nv-measure:hover {
fill-opacity: 1;
}
.nvd3.nv-bullet .nv-marker {
stroke: #000;
stroke-width: 2px;
}
.nvd3.nv-bullet .nv-markerTriangle {
stroke: #000;
fill: #fff;
stroke-width: 1.5px;
}
.nvd3.nv-bullet .nv-markerLine {
stroke: #000;
stroke-width: 1.5px;
}
.nvd3.nv-bullet .nv-tick line {
stroke: #666;
stroke-width: 0.5px;
}
.nvd3.nv-bullet .nv-range.nv-s0 {
fill: #eee;
}
.nvd3.nv-bullet .nv-range.nv-s1 {
fill: #ddd;
}
.nvd3.nv-bullet .nv-range.nv-s2 {
fill: #ccc;
}
.nvd3.nv-bullet .nv-title {
font-size: 14px;
font-weight: bold;
}
.nvd3.nv-bullet .nv-subtitle {
fill: #999;
}
.nvd3.nv-bullet .nv-range {
fill: #bababa;
fill-opacity: 0.4;
}
.nvd3.nv-bullet .nv-range:hover {
fill-opacity: 0.7;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick {
stroke-width: 1px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
stroke-width: 2px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
stroke: #2ca02c;
fill: #2ca02c;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
stroke: #d62728;
fill: #d62728;
}
.with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-candlestickBar .nv-ticks line {
stroke: #333;
}
.nv-force-node {
stroke: #fff;
stroke-width: 1.5px;
}
.nv-force-link {
stroke: #999;
stroke-opacity: 0.6;
}
.nv-force-node text {
stroke-width: 0px;
}
.nvd3 .nv-legend .nv-disabled rect {
/*fill-opacity: 0;*/
}
.nvd3 .nv-check-box .nv-box {
fill-opacity: 0;
stroke-width: 2;
}
.nvd3 .nv-check-box .nv-check {
fill-opacity: 0;
stroke-width: 4;
}
.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
fill-opacity: 0;
stroke-opacity: 0;
}
.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
opacity: 0;
}
.nvd3.nv-linePlusBar .nv-bar rect {
fill-opacity: 0.75;
}
.nvd3.nv-linePlusBar .nv-bar rect:hover {
fill-opacity: 1;
}
.nvd3 .nv-groups path.nv-line {
fill: none;
}
.nvd3 .nv-groups path.nv-area {
stroke: none;
}
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
fill-opacity: 0;
stroke-opacity: 0;
}
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
fill-opacity: 0.5 !important;
stroke-opacity: 0.5 !important;
}
/* line plus bar */
.with-transitions .nvd3 .nv-groups .nv-point {
transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
stroke-width: 7px;
fill-opacity: 0.95 !important;
stroke-opacity: 0.95 !important;
}
.nvd3 .nv-point-paths path {
stroke: #aaa;
stroke-opacity: 0;
fill: #eee;
fill-opacity: 0;
}
.nvd3 .nv-indexLine {
cursor: ew-resize;
}
/********************
* SVG CSS
*/
/********************
Default CSS for an svg element nvd3 used
*/
svg.nvd3-svg {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: block;
width: 100%;
height: 100%;
}
/********************
Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow,
.with-3d-shadow .nvtooltip {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.nvd3 text {
font: normal 12px Arial, sans-serif;
}
.nvd3 .title {
font: bold 14px Arial, sans-serif;
}
.nvd3 .nv-background {
fill: white;
fill-opacity: 0;
}
.nvd3.nv-noData {
font-size: 18px;
font-weight: bold;
}
/**********
* Brush
*/
.nv-brush .extent {
fill-opacity: 0.125;
shape-rendering: crispEdges;
}
.nv-brush .resize path {
fill: #eee;
stroke: #666;
}
/**********
* Legend
*/
.nvd3 .nv-legend .nv-series {
cursor: pointer;
}
.nvd3 .nv-legend .nv-disabled circle {
fill-opacity: 0;
}
.nvd3 .nv-brush .extent {
fill-opacity: 0 !important;
}
.nvd3 .nv-brushBackground rect {
stroke: #000;
stroke-width: 0.4;
fill: #fff;
fill-opacity: 0.7;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
stroke-width: 1px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
stroke-width: 2px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
stroke: #2ca02c;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
stroke: #d62728;
}
.nvd3 .background path {
fill: none;
stroke: #eee;
stroke-opacity: 0.4;
shape-rendering: crispEdges;
}
.nvd3 .foreground path {
fill: none;
stroke-opacity: 0.7;
}
.nvd3 .nv-parallelCoordinates-brush .extent {
fill: #fff;
fill-opacity: 0.6;
stroke: gray;
shape-rendering: crispEdges;
}
.nvd3 .nv-parallelCoordinates .hover {
fill-opacity: 1;
stroke-width: 3px;
}
.nvd3 .missingValuesline line {
fill: none;
stroke: black;
stroke-width: 1;
stroke-opacity: 1;
stroke-dasharray: 5, 5;
}
.nvd3.nv-pie path {
stroke-opacity: 0;
transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-pie .nv-pie-title {
font-size: 24px;
fill: rgba(19, 196, 249, 0.59);
}
.nvd3.nv-pie .nv-slice text {
stroke: #000;
stroke-width: 0;
}
.nvd3.nv-pie path {
stroke: #fff;
stroke-width: 1px;
stroke-opacity: 1;
fill-opacity: 0.7;
}
.nvd3.nv-pie .hover path {
fill-opacity: 1;
}
.nvd3.nv-pie .nv-label {
pointer-events: none;
}
.nvd3.nv-pie .nv-label rect {
fill-opacity: 0;
stroke-opacity: 0;
}
.nvd3 .nv-groups .nv-point.hover {
stroke-width: 20px;
stroke-opacity: 0.5;
}
.nvd3 .nv-scatter .nv-point.hover {
fill-opacity: 1;
}
/* focus */
/**********
* Print
*/
@media print {
.nvd3 text {
stroke-width: 0;
fill-opacity: 1;
}
}
/* scatter */
.nv-noninteractive,
.nv-distx,
.nv-disty {
pointer-events: none;
}
/* sparkline */
.nvd3.nv-sparkline path {
fill: none;
}
.nvd3.nv-sparklineplus {
pointer-events: all;
}
.nvd3.nv-sparklineplus g.nv-hoverValue {
pointer-events: none;
}
.nvd3.nv-sparklineplus .nv-hoverValue line {
stroke: #333;
stroke-width: 1.5px;
}
.nvd3.nv-sparklineplus g {
pointer-events: all;
}
.nvd3 .nv-hoverArea {
fill-opacity: 0;
stroke-opacity: 0;
}
.nvd3.nv-sparklineplus .nv-xValue {
stroke-width: 0;
font-size: 0.9em;
font-weight: normal;
}
.nvd3.nv-sparklineplus .nv-yValue {
stroke-width: 0;
font-size: 0.9em;
font-weight: normal;
stroke: #f66;
}
.nvd3.nv-sparklineplus .nv-maxValue {
stroke: #2ca02c;
fill: #2ca02c;
}
.nvd3.nv-sparklineplus .nv-minValue {
stroke: #d62728;
fill: #d62728;
}
.nvd3.nv-sparklineplus .nv-currentValue {
font-weight: bold;
font-size: 1.1em;
}
.nvd3.nv-stackedarea path.nv-area {
fill-opacity: 0.7;
stroke-opacity: 0;
transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-stackedarea path.nv-area.hover {
fill-opacity: 0.9;
}
.nvd3.nv-stackedarea .nv-groups .nv-point {
stroke-opacity: 0;
fill-opacity: 0;
}
/* stacked area */
.nvtooltip {
position: absolute;
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
padding: 1px;
border: 1px solid rgba(0, 0, 0, 0.2);
z-index: 10000;
display: block;
font-family: Arial, sans-serif;
font-size: 13px;
text-align: left;
pointer-events: none;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 4px;
}
.nvtooltip.with-transitions {
transition: opacity 50ms linear;
transition-delay: 200ms;
}
/*Give tooltips that old fade in transition by
putting a "with-transitions" class on the container div.
*/
.with-transitions .nvtooltip {
transition: opacity 50ms linear;
transition-delay: 200ms;
}
.nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip {
padding: 8px;
}
.nvtooltip h3 {
margin: 0;
padding: 4px 14px;
line-height: 18px;
font-weight: normal;
background-color: rgba(247, 247, 247, 0.75);
color: rgb(0, 0, 0);
text-align: center;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.nvtooltip p {
margin: 0;
padding: 5px 14px;
text-align: center;
}
.nvtooltip span {
display: inline-block;
margin: 2px 0;
}
.nvtooltip table {
margin: 6px;
border-spacing: 0;
}
.nvtooltip table td {
padding: 2px 9px 2px 0;
vertical-align: middle;
}
.nvtooltip table td.key {
font-weight: normal;
}
.nvtooltip table td.key.total {
font-weight: bold;
}
.nvtooltip table td.value {
text-align: right;
font-weight: bold;
}
.nvtooltip table td.percent {
color: darkgray;
}
.nvtooltip table tr.highlight td {
padding: 1px 9px 1px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
}
.nvtooltip table td.legend-color-guide div {
width: 8px;
height: 8px;
vertical-align: middle;
width: 12px;
height: 12px;
border: 1px solid #999;
}
.nvtooltip .footer {
padding: 3px;
text-align: center;
}
.nvtooltip-pending-removal {
pointer-events: none;
display: none;
}
/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
pointer-events: none;
}
.nvd3 line.nv-guideline {
stroke: #ccc;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
background: rgba(105, 99, 255, 0.3);
opacity: 7;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel button.owl-dot {
background: rgba(105, 99, 255, 0.3);
opacity: 7;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-controls {
margin-bottom: 30px;
text-align: center;
}
.owl-controls .owl-page {
width: 65px;
height: 65px;
border-radius: 50%;
border: 4px solid #d9d6e0;
background: url("../images/faces/6.jpg") no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out 0s;
}
.owl-controls .owl-page:nth-child(2) {
background: url("../images/faces/13.jpg") no-repeat;
background-size: cover;
}
.owl-controls .owl-page:nth-child(3) {
background: url("../images/faces/15.jpg") no-repeat;
background-size: cover;
}
.owl-controls.clickable .owl-page:hover {
opacity: 0.5;
}
.owl-controls .owl-page {
display: inline-block;
zoom: 1;
}
.owl-controls .owl-page.active {
border-color: var(--primary-bg-color);
opacity: 1;
}
.owl-controls .owl-page.active:hover {
border-color: var(--primary-bg-color);
opacity: 1;
}
.testimonia .post {
display: block;
font-size: 15px;
color: rgba(255, 255, 255, 0.7);
}
.testimonia .title {
font-size: 24px;
font-weight: bold;
color: #fff;
text-transform: capitalize;
margin: 0;
margin-bottom: 1px;
}
.testimonia .rating-stars .rating-stars-container .rating-star.sm {
display: inline-block;
font-size: 14px;
color: rgba(255, 255, 255, 0.3);
cursor: pointer;
padding: 1px;
padding-right: 5px;
padding-left: 5px;
}
.testimonia .rating-stars .rating-stars-container .rating-star.is--active {
color: #f1c40f !important;
}
.rating-stars .rating-stars-container .rating-star.is--hover {
color: #f1c40f !important;
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
opacity: 0.6;
}
.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y {
opacity: 0.6;
}
.ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
background-color: transparent;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: rgba(119, 188, 33, 0.4588235294);
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: rgba(119, 188, 33, 0.4588235294);
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 3px;
/* there must be 'right' for ps__thumb-y */
right: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
background-color: rgba(132, 191, 139, 0.6784313725);
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
background-color: rgba(132, 191, 139, 0.6784313725);
width: 3px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.vscroll {
position: relative;
}
/* PrismJS 1.17.1
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
.token {
color: #d20808;
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
color: #4cb350;
}
.token.punctuation {
color: #b1abab;
}
.namespace {
opacity: 0.7;
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
color: #905;
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
color: #ffc107;
}
.token.operator, .token.entity, .token.url {
color: #9a6e3a;
background: hsla(0deg, 0%, 100%, 0.1);
}
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0deg, 0%, 100%, 0.1);
}
.token.atrule, .token.attr-value, .token.keyword {
color: #de20af;
}
.token.function, .token.class-name {
color: #dd4a68;
}
.token.regex, .token.important, .token.variable {
color: #e90;
}
.token.important, .token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 20px 25px;
-o-tab-size: 4;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 14px;
height: 300px;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li {
list-style-type: none;
}
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: "•";
}
.ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: "☑";
}
.ql-editor ul[data-checked=false] > li::before {
content: "â˜Â";
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-bubble {
box-sizing: border-box;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
clear: both;
content: "";
display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #fff;
}
.ql-bubble * {
box-sizing: border-box;
}
.ql-bubble .ql-hidden {
display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
visibility: hidden;
}
.ql-bubble .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-bubble .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-bubble .ql-formats:after {
clear: both;
content: "";
display: table;
}
.ql-bubble .ql-stroke {
fill: none;
stroke: #ccc;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
fill: none;
stroke: #ccc;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble .ql-empty {
fill: none;
}
.ql-bubble .ql-even {
fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-bubble .ql-transparent {
opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-bubble .ql-editor h1 {
font-size: 2em;
}
.ql-bubble .ql-editor h2 {
font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
font-size: 1em;
}
.ql-bubble .ql-editor h5 {
font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
font-size: 0.67em;
}
.ql-bubble .ql-editor a {
text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-bubble .ql-editor code {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-bubble .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-bubble .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-bubble .ql-editor img {
max-width: 100%;
}
.ql-bubble .ql-picker {
color: #ccc;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-bubble .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-bubble .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-bubble .ql-picker-options {
background-color: #636462;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
color: #777;
z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
content: "Normal";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: "Heading 1";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: "Heading 2";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: "Heading 3";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: "Heading 4";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: "Heading 5";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
content: "Sans Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: "Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
content: "Normal";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: "Small";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: "Large";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover {
border-color: #fff;
}
.ql-bubble .ql-tooltip {
background-color: #636462;
border-radius: 25px;
color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: " ";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
border-bottom: 6px solid #636462;
top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
border-top: 6px solid #636462;
bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
background: transparent;
border: none;
color: #fff;
font-size: 13px;
height: 100%;
outline: none;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
top: 10px;
position: absolute;
right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
color: #ccc;
content: "×";
font-size: 16px;
font-weight: bold;
}
@media (pointer: coarse) {
.ql-bubble.ql-toolbar button:hover:not(.ql-active),
.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
color: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #ccc;
}
}
.ql-container.ql-bubble:not(.ql-disabled) a {
position: relative;
white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
background-color: #636462;
border-radius: 15px;
top: -5px;
font-size: 12px;
color: #fff;
content: attr(href);
font-weight: normal;
overflow: hidden;
padding: 5px 15px;
text-decoration: none;
z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
border-top: 6px solid #636462;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: 0;
content: " ";
height: 0;
width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after {
left: 0;
margin-left: 50%;
position: absolute;
transform: translate(-50%, -100%);
transition: visibility 0s ease 200ms;
visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
visibility: visible;
}
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: "Roboto", sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
-o-tab-size: 4;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li {
list-style-type: none;
}
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: "•";
}
.ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: "☑";
}
.ql-editor ul[data-checked=false] > li::before {
content: "â˜Â";
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #8fbd56;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #8fbd56;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: "";
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 35px;
padding: 3px 5px;
width: 35px;
border: 1px solid #e9ebfa;
background: #fff;
border-right: 0;
color: #495584;
}
.ql-snow.ql-toolbar button:first-child,
.ql-snow .ql-toolbar button:first-child {
border-radius: 3px 0 0 3px;
}
.ql-snow.ql-toolbar button:last-child,
.ql-snow .ql-toolbar button:last-child {
border-right: 1px solid #e9ebfa;
border-radius: 0 3px 3px 0;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #8fbd56;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #8fbd56;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #8fbd56;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: "";
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #495584;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #e7eaf3;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
/* color: #444; */
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
/* height: 24px; */
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #e7eaf3;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #e7eaf3;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #e7eaf3;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 6px;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-toolbar.ql-snow {
border: 1px solid #e7eaf3;
box-sizing: border-box;
font-family: "Roboto", sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 25px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid #eff0f6;
background: #fff;
height: 35px;
line-height: 35px;
border-radius: 3px;
padding: 0 10px;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #e7eaf3;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #e7eaf3;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #e7eaf3;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #e7eaf3;
content: "Edit";
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: "Remove";
margin-left: 8px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: "Save";
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:";
}
.ql-snow a {
color: #8fbd56;
}
.ql-container.ql-snow {
border: 1px solid #e7eaf3;
}
.ql-toolbar.ql-snow .ql-picker-label:focus {
outline: 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
position: relative;
padding-left: 30px !important;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
position: relative;
padding-left: 30px !important;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
top: 50%;
left: 5px;
height: 1em;
width: 1em;
margin-top: -9px;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #777086;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #3366ff;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
content: "-";
background-color: #f82649;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 0.8em;
width: 0.8em;
margin-top: -0.5em;
margin-left: -0.5em;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #0d6efd;
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: "-";
background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6);
}
div.dtr-bs-modal table.table tr:first-child td {
border-top: none;
}
@media screen and (max-width: 767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%;
}
}
.richText {
position: relative;
width: 100%;
}
.richText .richText-form {
font-family: Calibri, Verdana, Helvetica, sans-serif;
}
.richText .richText-form label {
display: block;
padding: 10px 15px;
}
.richText .richText-form input[type=text], .richText .richText-form input[type=file], .richText .richText-form input[type=number] {
padding: 10px 15px;
border: #ecf0fa solid 1px;
min-width: 200px;
width: 100%;
border-radius: 5px;
outline: 0;
}
.richText .richText-form select {
padding: 10px 15px;
border: #ecf0fa solid 1px;
min-width: 200px;
width: 100%;
border-radius: 5px;
outline: 0;
cursor: pointer;
}
.richText .richText-form button {
margin: 10px 0;
padding: 0.375rem 0.75rem;
background-color: #77bc21;
border: none;
color: #fafafa;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
}
.richText .richText-toolbar {
min-height: 20px;
}
.richText .richText-toolbar ul {
margin-bottom: 0;
}
.richText .richText-toolbar ul li {
float: left;
display: block;
list-style: none;
}
.richText .richText-toolbar ul li a {
display: block;
padding: 10px 15px;
cursor: pointer;
transition: background-color 0.4s;
color: #495584;
}
.richText .richText-toolbar ul li a .fa,
.richText .richText-toolbar ul li a .fas,
.richText .richText-toolbar ul li a .far,
.richText .richText-toolbar ul li a svg {
pointer-events: none;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
cursor: default;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
position: relative;
display: block;
margin: 3% auto 0 auto;
background-color: #fff;
border: #ecf0fa solid 1px;
min-width: 100px;
width: 300px;
max-width: 90%;
border-radius: 5px;
box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);
}
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
position: absolute;
top: 10px;
right: 10px !important;
background: rgba(255, 255, 255, 0);
color: #0d0c22;
cursor: pointer;
font-size: 16px;
text-align: center;
width: 25px;
border-radius: 5px;
font-weight: 500;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {
list-style: none;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {
display: block;
float: none;
font-family: Calibri, Verdana, Helvetica, sans-serif;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
display: block;
padding: 10px 15px;
border-bottom: #efefef solid 1px;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
background-color: #ffffff;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
margin: 10px 6px;
float: right;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
display: block;
padding: 0;
margin: 0;
border: none;
border-radius: 50%;
box-shadow: 0 0 10px 0 #999;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {
display: block;
height: 30px;
width: 30px;
border-radius: 50%;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {
padding: 10px 15px;
}
.richText .richText-toolbar ul li a:hover {
background-color: #ffffff;
}
.richText .richText-toolbar ul li[data-disable=true] {
opacity: 0.1;
}
.richText .richText-toolbar ul li[data-disable=true] a {
cursor: default;
}
.richText .richText-toolbar ul li:not([data-disable=true]).is-selected .richText-dropdown-outer {
display: block;
}
.richText .richText-toolbar ul:after {
display: block;
content: "";
clear: both;
}
.richText .richText-toolbar:last-child {
font-size: 12px;
}
.richText .richText-toolbar:after {
display: block;
clear: both;
content: "";
}
.richText .richText-editor {
padding: 20px;
background-color: #ffffff;
border-left: #ffffff solid 2px;
font-family: Calibri, Verdana, Helvetica, sans-serif;
height: 300px;
outline: none;
overflow-y: scroll;
overflow-x: auto;
}
.richText .richText-editor ul,
.richText .richText-editor ol {
margin: 10px 25px;
}
.richText .richText-editor table {
margin: 10px 0;
border-spacing: 0;
width: 100%;
}
.richText .richText-editor table td,
.richText .richText-editor table th {
padding: 10px;
border: #efefef solid 1px;
}
.richText .richText-editor:focus {
border-left: #77bc21 solid 2px;
}
.richText .richText-initial {
margin-bottom: -4px;
padding: 10px;
background-color: #282828;
border: none;
color: #33ff33;
font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;
max-width: 100%;
min-width: 100%;
width: 100%;
min-height: 400px;
height: 400px;
}
.richText .richText-help {
float: right;
display: block;
padding: 10px 15px;
cursor: pointer;
}
.richText .richText-undo,
.richText .richText-redo {
float: right;
display: block;
padding: 10px 15px;
border-right: #efefef solid 1px;
cursor: pointer;
}
.richText .richText-undo.is-disabled,
.richText .richText-redo.is-disabled {
opacity: 0.4;
}
.richText .richText-help-popup a {
color: #3498db;
text-decoration: underline;
}
.richText .richText-help-popup hr {
margin: 10px auto 5px auto;
border: none;
border-top: #efefef solid 1px;
}
.richText .richText-list.list-rightclick {
position: absolute;
background-color: #fafafa;
border-right: #efefef solid 1px;
border-bottom: #efefef solid 1px;
}
.richText .richText-list.list-rightclick li {
padding: 5px 7px;
cursor: pointer;
list-style: none;
}
.select2-container {
box-sizing: border-box;
display: block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
/* overflow: hidden; */
/*padding-left: 8px;*/
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #eaedf1;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
border-top: 1px solid #eaedf1;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #76839a;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 4px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #e3e8f2;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #e3e8f2;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f2f3f9;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #77bc21;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, #fff 50%, #e3e8f2 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #e3e8f2 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, #fff 0%, #e3e8f2 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #e3e8f2 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/*!
* SmartWizard v4.3.x
* jQuery Wizard Plugin
* http://www.techlaboratory.net/smartwizard
*
* Created by Dipu Raj
* http://dipuraj.me
*
* Licensed under the terms of MIT License
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
*/
/* SmartWizard Basic CSS */
.sw-main {
position: relative;
display: block;
margin: 0;
padding: 0;
border-radius: 0.25rem !important;
}
.sw-main .sw-container {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.sw-main .step-content {
display: none;
position: relative;
margin: 0;
}
.sw-main .sw-toolbar {
margin-left: 0;
}
/* SmartWizard Theme: White */
.sw-theme-default {
border: 1px solid #eff0f6;
}
.sw-theme-default .sw-container {
min-height: 250px;
}
.sw-theme-default .step-content {
padding: 15px;
border: 0px solid #eff0f6;
background-color: #fff;
text-align: left;
}
.sw-theme-default .sw-toolbar {
background: #fff;
border-radius: 0 !important;
padding-left: 10px;
padding-right: 10px;
padding: 10px;
margin-bottom: 0 !important;
}
.sw-theme-default .sw-toolbar-top {
border-bottom-color: #eff0f6 !important;
}
.sw-theme-default .sw-toolbar-bottom {
border-top-color: #eff0f6 !important;
}
.sw-theme-default > ul.step-anchor > li {
position: relative;
margin-right: 2px;
}
.sw-theme-default > ul.step-anchor > li > a {
border: none !important;
color: #5c6287 !important;
text-decoration: none;
outline-style: none;
background: transparent !important;
border: none !important;
cursor: not-allowed;
border-radius: 0 !important;
}
.sw-theme-default > ul.step-anchor > li > a:hover {
border: none !important;
color: #5c6287 !important;
text-decoration: none;
outline-style: none;
background: transparent !important;
border: none !important;
cursor: not-allowed;
border-radius: 0 !important;
}
.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
color: #2d66f7 !important;
background: transparent !important;
cursor: pointer;
}
.sw-theme-default > ul.step-anchor > li > a::after {
content: "";
background: #2d66f7;
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
transition: all 250ms ease 0s;
transform: scale(0);
}
.sw-theme-default > ul.step-anchor > li.active > a {
border: none !important;
color: #fff !important;
background: #2d66f7 !important;
cursor: pointer;
}
.sw-theme-default > ul.step-anchor > li.active > a::after {
transform: scale(1);
}
.sw-theme-default > ul.step-anchor > li.done > a {
border: none !important;
color: #5c6287 !important;
background: transparent !important;
cursor: pointer;
}
.sw-theme-default > ul.step-anchor > li.done > a::after {
background: #2d66f7;
transform: scale(1);
}
.sw-theme-default > ul.step-anchor > li.danger > a {
border: none !important;
color: #d9534f !important;
/* background: #d9534f !important; */
cursor: pointer;
}
.sw-theme-default > ul.step-anchor > li.danger > a::after {
background: #d9534f;
border-left-color: #f8d7da;
transform: scale(1);
}
.sw-theme-default > ul.step-anchor > li.disabled > a {
color: #eee !important;
cursor: not-allowed;
}
.sw-theme-default > ul.step-anchor > li.disabled > a:hover {
color: #eee !important;
cursor: not-allowed;
}
/* Responsive CSS */
@media screen and (max-width: 768px) {
.sw-theme-default > .nav-tabs > li {
float: none !important;
}
}
/* Common Loader */
.sw-loading::after {
position: absolute;
display: block;
opacity: 1;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.7);
transition: all 0.2s ease;
z-index: 2;
}
.sw-loading::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
/* Safari */
animation: spin 1s linear infinite;
}
/* Safari */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*!
* SmartWizard v4.3.x
* jQuery Wizard Plugin
* http://www.techlaboratory.net/smartwizard
*
* Created by Dipu Raj
* http://dipuraj.me
*
* Licensed under the terms of MIT License
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
*/
/* SmartWizard Theme: Arrows */
.sw-theme-arrows {
border-radius: 5px;
border: 1px solid #eff0f6;
}
.sw-theme-arrows > .sw-container {
min-height: 200px;
}
.sw-theme-arrows .step-content {
padding: 15px;
border: 0px solid #eff0f6;
background-color: #fff;
text-align: left;
}
.sw-theme-arrows .sw-toolbar {
padding: 10px;
margin-bottom: 0 !important;
}
.sw-theme-arrows > ul.step-anchor {
border: 0;
border-bottom: 1px solid #eff0f6;
padding: 0px;
background: #fff;
border-radius: 0;
border-top-right-radius: 5px;
list-style: none;
overflow: hidden;
}
.sw-theme-arrows > ul.step-anchor li + li:before {
padding: 0;
}
.sw-theme-arrows > ul.step-anchor > li > a {
color: #5c6287;
text-decoration: none;
padding: 10px 0 10px 45px;
position: relative;
display: block;
border: 0 !important;
border-radius: 0;
outline-style: none;
background: #f4f5f5;
}
.sw-theme-arrows > ul.step-anchor > li > a:hover {
color: #5c6287;
text-decoration: none;
padding: 10px 0 10px 45px;
position: relative;
display: block;
border: 0 !important;
border-radius: 0;
outline-style: none;
background: #f4f5f5;
}
.sw-theme-arrows > ul.step-anchor > li > a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid #f4f5f5;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
.sw-theme-arrows > ul.step-anchor > li > a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
/* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
border-left: 30px solid #dbdef1;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.sw-theme-arrows > ul.step-anchor > li:first-child > a {
padding-left: 15px;
}
.sw-theme-arrows > ul.step-anchor > li > a:hover {
color: #5c6287;
text-decoration: none;
outline-style: none;
background: #f4f5f5;
border-color: #f4f5f5;
}
.sw-theme-arrows > ul.step-anchor > li > a:hover:after {
border-left-color: #f4f5f5;
}
.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {
color: #4285f4 !important;
background: #46b8da !important;
}
.sw-theme-arrows > ul.step-anchor > li.active > a {
border-color: #7673e6 !important;
color: #fff !important;
background: #7673e6 !important;
}
.sw-theme-arrows > ul.step-anchor > li.active > a:after {
border-left: 30px solid #7673e6 !important;
}
.sw-theme-arrows > ul.step-anchor > li.done > a {
border-color: #f4f5f5 !important;
/* #7673e6*/
color: #5c6287 !important;
background: #f4f5f5 !important;
}
.sw-theme-arrows > ul.step-anchor > li.done > a:after {
border-left: 30px solid #f4f5f5;
/* c3e6cb */
}
.sw-theme-arrows > ul.step-anchor > li.danger > a {
border-color: #d9534f !important;
color: #fff !important;
background: #d9534f !important;
}
.sw-theme-arrows > ul.step-anchor > li.danger > a:after {
border-left: 30px solid #d9534f !important;
}
.sw-theme-arrows > ul.step-anchor > li.disabled > a {
color: #eee !important;
}
.sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
color: #eee !important;
}
.sw-theme-arrows::before {
border: 10px solid #f3f3f3;
border-top: 10px solid #7673e6;
}
/* Responsive CSS */
@media screen and (max-width: 768px) {
.sw-theme-arrows > ul.step-anchor {
border: 0;
background: #fff !important;
}
.sw-theme-arrows > .nav-tabs > li {
float: none !important;
margin-bottom: 0;
}
}
@media screen and (max-width: 480px) {
.sw-theme-arrows > ul.step-anchor {
border: 0;
background: #eff0f6 !important;
}
.sw-theme-arrows > .nav-tabs > li {
float: none !important;
margin-bottom: 0;
}
.sw-theme-arrows > ul.step-anchor > li > a {
padding-left: 15px;
margin-right: 0;
margin-bottom: 1px;
}
.sw-theme-arrows > ul.step-anchor > li > a:hover {
padding-left: 15px;
margin-right: 0;
margin-bottom: 1px;
}
.sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
display: none;
}
}
/* Loader Custom Style */
/*!
* SmartWizard v4.3.x
* jQuery Wizard Plugin
* http://www.techlaboratory.net/smartwizard
*
* Created by Dipu Raj
* http://dipuraj.me
*
* Licensed under the terms of MIT License
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
*/
/* SmartWizard Theme: Circles */
.sw-theme-circles .sw-container {
min-height: 300px;
}
.sw-theme-circles .step-content {
padding: 10px 0;
background-color: #fff;
text-align: left;
}
.sw-theme-circles .sw-toolbar {
background: #fff;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0 !important;
}
.nav.nav-tabs.step-anchor {
border-bottom: 0 !important;
}
.sw-theme-circles .sw-toolbar-bottom {
border-top-color: #ddd !important;
border-bottom-color: #ddd !important;
}
.sw-theme-circles > ul.step-anchor {
position: relative;
background: #fff;
border: none;
list-style: none;
margin-bottom: 40px;
}
.sw-theme-circles > ul.step-anchor:before {
content: " ";
position: absolute;
top: 50%;
bottom: 0;
width: 100%;
height: 5px;
background-color: #f5f5f5;
border-radius: 3px;
z-index: 0;
}
.sw-theme-circles > ul.step-anchor > li {
border: none;
margin-left: 40px;
z-index: 98;
}
.sw-theme-circles > ul.step-anchor > li > a {
border: 2px solid #f5f5f5;
background: #f5f5f5;
width: 75px;
height: 75px;
text-align: center;
padding: 28px 0;
border-radius: 50%;
box-shadow: inset 0px 0px 0px 3px #fff !important;
text-decoration: none;
outline-style: none;
z-index: 99;
color: #5c6287;
background: #f5f5f5;
line-height: 1;
}
.sw-theme-circles > ul.step-anchor > li > a:hover {
color: #5c6287;
background: #f5f5f5;
border-width: 2px;
}
.sw-theme-circles > ul.step-anchor > li > a > small {
position: relative;
bottom: -40px;
color: #ccc;
}
.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {
color: #4285f4 !important;
}
.sw-theme-circles > ul.step-anchor > li.active > a {
border-color: #7673e6;
color: #fff;
background: #7673e6;
}
.sw-theme-circles > ul.step-anchor > li.active > a > small {
color: #7673e6;
}
.sw-theme-circles > ul.step-anchor > li.done > a {
border-color: #f4f5f5;
color: #5c6287;
background: #f4f5f5;
}
.sw-theme-circles > ul.step-anchor > li.done > a > small {
color: #f4f5f5;
}
.sw-theme-circles > ul.step-anchor > li.danger > a {
border-color: #d9534f;
color: #d9534f;
background: #fff;
}
.sw-theme-circles > ul.step-anchor > li.danger > a > small {
color: #d9534f;
}
.sw-theme-circles > ul.step-anchor > li.disabled > a {
color: #eee !important;
}
.sw-theme-circles > ul.step-anchor > li.disabled > a:hover {
color: #eee !important;
}
/* Responsive CSS */
@media screen and (max-width: 480px) {
.sw-theme-circles > ul.step-anchor > li {
margin: 0 auto;
margin-bottom: 1rem;
}
.sw-theme-circles > ul.step-anchor > li > a {
width: 100%;
height: 100%;
border-radius: 0;
}
.sw-theme-circles > ul.step-anchor > li:last-child {
margin-bottom: 0;
}
}
/*!
* SmartWizard v4.3.x
* jQuery Wizard Plugin
* http://www.techlaboratory.net/smartwizard
*
* Created by Dipu Raj
* http://dipuraj.me
*
* Licensed under the terms of MIT License
* https://github.com/techlab/SmartWizard/blob/master/LICENSE
*/
/* SmartWizard Theme: Dots */
.sw-theme-dots .sw-container {
min-height: 300px;
}
.sw-theme-dots .step-content {
padding: 15px;
border: none;
background-color: #fff;
text-align: left;
}
.sw-theme-dots .sw-toolbar {
background: #fff;
border-radius: 0 !important;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0 !important;
}
.sw-theme-dots .sw-toolbar-top {
border-bottom-color: #ddd !important;
}
.sw-theme-dots .sw-toolbar-bottom {
border-top-color: #ddd !important;
border-bottom-color: #ddd !important;
}
.sw-theme-dots > ul.step-anchor {
position: relative;
background: #fff;
border: 0px solid #313e6a !important;
list-style: none;
z-index: 5;
}
.sw-theme-dots > ul.step-anchor:before {
content: " ";
position: absolute;
top: 59px;
bottom: 0;
left: 20px;
width: 96%;
height: 5px;
background-color: #ebeff8;
border-radius: 3px;
z-order: 0;
z-index: 9;
}
.sw-theme-dots > ul.step-anchor > li {
border: none;
}
.sw-theme-dots > ul.step-anchor > li > a {
position: relative;
text-align: center;
font-weight: bold;
background: transparent;
border: none;
/* color: #313e6a; */
text-decoration: none;
outline-style: none;
z-index: 9;
display: block;
}
/* Anchors styles */
.step-anchor .nav-tabs .nav-item .nav-link {
color: #313e6a !important;
}
.sw-theme-dots > ul.step-anchor > li > a:before {
content: " ";
position: absolute;
bottom: 14px;
left: 37%;
margin-top: 20px;
display: block;
border-radius: 50%;
color: #6259ca;
background: #ebeff8;
border: none;
width: 30px;
height: 30px;
text-decoration: none;
z-index: 98;
}
.sw-theme-dots nav-tabs .nav-link:hover:not(.disabled) {
color: inherit;
background: transparent !important;
}
.sw-theme-dots > ul.step-anchor > li > a:after {
content: " ";
position: relative;
left: 35%;
bottom: 5px;
margin-top: 24px;
display: block;
width: 16px;
height: 16px;
background: #b4bdce;
border-radius: 50%;
z-index: 99;
}
.sw-theme-dots > ul.step-anchor > li > a:hover {
color: #313e6a;
background: transparent;
}
.sw-theme-dots > ul.step-anchor > li > a:focus {
color: #313e6a;
border: none;
}
.sw-theme-dots > ul.step-anchor > li.clickable > a:hover {
color: #999;
}
.sw-theme-dots > ul.step-anchor > li.active > a {
color: #6259ca;
}
.sw-theme-dots > ul.step-anchor > li.active > a:hover {
border: none;
}
.sw-theme-dots > ul.step-anchor > li.active > a:after {
background: #6259ca;
}
.sw-theme-dots > ul.step-anchor > li.done > a {
color: #313e6a;
}
.sw-theme-dots > ul.step-anchor > li.done > a:after {
background: #b3b7da;
}
.sw-theme-dots > ul.step-anchor > li.danger > a {
color: #d5cef3;
}
.sw-theme-dots > ul.step-anchor > li.danger > a:after {
background: #d5cef3;
}
.sw-theme-dots > ul.step-anchor > li.disabled > a {
color: #eee !important;
}
.sw-theme-dots > ul.step-anchor > li.disabled > a:hover {
color: #eee !important;
}
.sw-theme-dots > ul.step-anchor > li.disabled > a:after {
background: #eee;
}
/* Active anchors */
/* Done anchors */
/* Danger anchors */
/* Responsive CSS */
@media screen and (max-width: 480px) {
.sw-theme-dots > ul.step-anchor:before {
top: 0;
bottom: 0;
left: 19px;
width: 5px;
height: 100%;
background-color: #f5f5f5;
display: block;
margin-right: 10px;
}
.sw-theme-dots > ul.step-anchor > li {
margin-left: 20px;
display: block;
clear: both;
}
.sw-theme-dots > ul.step-anchor > li > a {
text-align: left;
margin-left: 0;
display: block;
}
.sw-theme-dots > ul.step-anchor > li > a:before {
top: -9px;
left: -14px;
margin-right: 10px;
display: block;
}
.sw-theme-dots > ul.step-anchor > li > a:after {
top: -42px;
left: -36px;
margin-right: 10px;
display: block;
}
.sw-theme-dots .nav .nav-item {
width: 100%;
}
}
.step-anchor .nav-link:focus {
color: #313e6a !important;
}
.jq-stars {
display: inline-block;
}
.jq-rating-label {
font-size: 22px;
display: inline-block;
position: relative;
vertical-align: top;
font-family: helvetica, arial, verdana;
}
.jq-star {
width: 100px;
height: 100px;
display: inline-block;
cursor: pointer;
}
.jq-star-svg {
padding-left: 3px;
width: 100%;
height: 100%;
}
.jq-star-svg path {
/* stroke: #000; */
stroke-linejoin: round;
}
/* un-used */
.jq-shadow {
filter: drop-shadow(-2px -2px 2px #888);
}
@font-face {
font-family: summernote;
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(../plugins/summernote-editor/font/summernote.eot);
src: url(../plugins/summernote-editor/font/summernote.eot?#iefix) format("embedded-opentype"), url(../plugins/summernote-editor/font/summernote.woff2) format("woff2"), url(../plugins/summernote-editor/font/summernote.woff) format("woff"), url(../plugins/summernote-editor/font/summernote.ttf) format("truetype");
}
[class*=note-icon]:before, [class^=note-icon]:before {
display: inline-block;
font-family: summernote;
font-style: normal;
font-size: inherit;
text-decoration: inherit;
text-rendering: auto;
text-transform: none;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
}
.note-icon-fw {
text-align: center;
width: 1.25em;
}
.note-icon-border {
border: 0.08em solid #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.note-icon-pull-left {
float: left;
}
.note-icon-pull-right {
float: right;
}
.note-icon.note-icon-pull-left {
margin-right: 0.3em;
}
.note-icon.note-icon-pull-right {
margin-left: 0.3em;
}
.note-icon-align:before {
content: "\ea01";
}
.note-icon-align-center:before {
content: "\ea02";
}
.note-icon-align-indent:before {
content: "\ea03";
}
.note-icon-align-justify:before {
content: "\ea04";
}
.note-icon-align-left:before {
content: "\ea05";
}
.note-icon-align-outdent:before {
content: "\ea06";
}
.note-icon-align-right:before {
content: "\ea07";
}
.note-icon-arrow-circle-down:before {
content: "\ea08";
}
.note-icon-arrow-circle-left:before {
content: "\ea09";
}
.note-icon-arrow-circle-right:before {
content: "\ea0a";
}
.note-icon-arrow-circle-up:before {
content: "\ea0b";
}
.note-icon-arrows-alt:before {
content: "\ea0c";
}
.note-icon-arrows-h:before {
content: "\ea0d";
}
.note-icon-arrows-v:before {
content: "\ea0e";
}
.note-icon-bold:before {
content: "\ea0f";
}
.note-icon-caret:before {
content: "\ea10";
}
.note-icon-chain-broken:before {
content: "\ea11";
}
.note-icon-circle:before {
content: "\ea12";
}
.note-icon-close:before {
content: "\ea13";
}
.note-icon-code:before {
content: "\ea14";
}
.note-icon-col-after:before {
content: "\ea15";
}
.note-icon-col-before:before {
content: "\ea16";
}
.note-icon-col-remove:before {
content: "\ea17";
}
.note-icon-eraser:before {
content: "\ea18";
}
.note-icon-float-left:before {
content: "\ea19";
}
.note-icon-float-none:before {
content: "\ea1a";
}
.note-icon-float-right:before {
content: "\ea1b";
}
.note-icon-font:before {
content: "\ea1c";
}
.note-icon-frame:before {
content: "\ea1d";
}
.note-icon-italic:before {
content: "\ea1e";
}
.note-icon-link:before {
content: "\ea1f";
}
.note-icon-magic:before {
content: "\ea20";
}
.note-icon-menu-check:before {
content: "\ea21";
}
.note-icon-minus:before {
content: "\ea22";
}
.note-icon-orderedlist:before {
content: "\ea23";
}
.note-icon-pencil:before {
content: "\ea24";
}
.note-icon-picture:before {
content: "\ea25";
}
.note-icon-question:before {
content: "\ea26";
}
.note-icon-redo:before {
content: "\ea27";
}
.note-icon-rollback:before {
content: "\ea28";
}
.note-icon-row-above:before {
content: "\ea29";
}
.note-icon-row-below:before {
content: "\ea2a";
}
.note-icon-row-remove:before {
content: "\ea2b";
}
.note-icon-special-character:before {
content: "\ea2c";
}
.note-icon-square:before {
content: "\ea2d";
}
.note-icon-strikethrough:before {
content: "\ea2e";
}
.note-icon-subscript:before {
content: "\ea2f";
}
.note-icon-summernote:before {
content: "\ea30";
}
.note-icon-superscript:before {
content: "\ea31";
}
.note-icon-table:before {
content: "\ea32";
}
.note-icon-text-height:before {
content: "\ea33";
}
.note-icon-trash:before {
content: "\ea34";
}
.note-icon-underline:before {
content: "\ea35";
}
.note-icon-undo:before {
content: "\ea36";
}
.note-icon-unorderedlist:before {
content: "\ea37";
}
.note-icon-video:before {
content: "\ea38";
}
.note-editor {
position: relative;
}
.note-editor .note-dropzone {
position: absolute;
display: none;
z-index: 100;
color: #87cefa;
background-color: #fff;
opacity: 0.95;
}
.note-editor .note-dropzone .note-dropzone-message {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 28px;
font-weight: 700;
}
.note-editor .note-dropzone.hover {
color: #098ddf;
}
.note-editor.dragover .note-dropzone {
display: table;
}
.note-editor .note-editing-area {
position: relative;
}
.note-editor .note-editing-area .note-editable {
outline: none;
}
.note-editor .note-editing-area .note-editable sup {
vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
vertical-align: sub;
}
.note-editor .note-editing-area .note-editable img.note-float-left {
margin-right: 10px;
}
.note-editor .note-editing-area .note-editable img.note-float-right {
margin-left: 10px;
}
.note-editor.note-airframe, .note-editor.note-frame {
border: 1px solid #ebebeb;
border-radius: 10px;
overflow: hidden;
}
.note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable {
display: none;
}
.note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable {
display: block;
}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
overflow: hidden;
}
.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
padding: 10px;
overflow: auto;
word-wrap: break-word;
min-height: 300px;
}
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
background-color: hsla(0deg, 0%, 50.2%, 0.11);
}
.note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable {
display: none;
width: 100%;
padding: 10px;
border: none;
box-shadow: none;
font-family: Menlo, Monaco, monospace, sans-serif;
font-size: 14px;
color: #ccc;
background-color: #222;
resize: none;
outline: none;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
margin-bottom: 0;
}
.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100% !important;
z-index: 1050;
}
.note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar {
display: none;
}
.note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output {
display: block;
width: 100%;
font-size: 14px;
line-height: 1.42857143;
height: 20px;
margin-bottom: 0;
color: #000;
border: 0;
border-top: 1px solid #e2e2e2;
}
.note-editor.note-airframe .note-status-output:empty, .note-editor.note-frame .note-status-output:empty {
height: 0;
border-top: 0 solid transparent;
}
.note-editor.note-airframe .note-status-output .pull-right, .note-editor.note-frame .note-status-output .pull-right {
float: right !important;
}
.note-editor.note-airframe .note-status-output .text-muted, .note-editor.note-frame .note-status-output .text-muted {
color: #777;
}
.note-editor.note-airframe .note-status-output .text-primary, .note-editor.note-frame .note-status-output .text-primary {
color: #286090;
}
.note-editor.note-airframe .note-status-output .text-success, .note-editor.note-frame .note-status-output .text-success {
color: #3c763d;
}
.note-editor.note-airframe .note-status-output .text-info, .note-editor.note-frame .note-status-output .text-info {
color: #31708f;
}
.note-editor.note-airframe .note-status-output .text-warning, .note-editor.note-frame .note-status-output .text-warning {
color: #8a6d3b;
}
.note-editor.note-airframe .note-status-output .text-danger, .note-editor.note-frame .note-status-output .text-danger {
color: #a94442;
}
.note-editor.note-airframe .note-status-output .alert, .note-editor.note-frame .note-status-output .alert {
margin: -7px 0 0;
padding: 7px 10px 2px;
border-radius: 0;
color: #000;
background-color: #f5f5f5;
}
.note-editor.note-airframe .note-status-output .alert .note-icon, .note-editor.note-frame .note-status-output .alert .note-icon {
margin-right: 5px;
}
.note-editor.note-airframe .note-status-output .alert-success, .note-editor.note-frame .note-status-output .alert-success {
color: #3c763d !important;
background-color: #dff0d8 !important;
}
.note-editor.note-airframe .note-status-output .alert-info, .note-editor.note-frame .note-status-output .alert-info {
color: #31708f !important;
background-color: #d9edf7 !important;
}
.note-editor.note-airframe .note-status-output .alert-warning, .note-editor.note-frame .note-status-output .alert-warning {
color: #8a6d3b !important;
background-color: #fcf8e3 !important;
}
.note-editor.note-airframe .note-status-output .alert-danger, .note-editor.note-frame .note-status-output .alert-danger {
color: #a94442 !important;
background-color: #f2dede !important;
}
.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
background-color: hsla(0deg, 0%, 50.2%, 0.11);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar {
padding-top: 1px;
height: 9px;
width: 100%;
cursor: ns-resize;
}
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
width: 20px;
margin: 1px auto;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.note-editor.note-airframe .note-statusbar.locked .note-resizebar, .note-editor.note-frame .note-statusbar.locked .note-resizebar {
cursor: default;
}
.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
display: none;
}
.note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder {
padding: 10px;
}
.note-editor.note-airframe {
border: 0;
}
.note-editor.note-airframe .note-editing-area .note-editable {
padding: 0;
}
.note-popover.popover {
display: none;
max-width: none;
}
.note-popover.popover .popover-content a {
display: inline-block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.note-popover.popover .arrow {
left: 20px !important;
}
.note-toolbar {
position: relative;
}
.note-editor .note-toolbar, .note-popover .popover-content {
margin: 0;
padding: 0 0 5px 5px;
}
.note-editor .note-toolbar > .note-btn-group, .note-popover .popover-content > .note-btn-group {
margin-top: 5px;
margin-left: 0;
margin-right: 5px;
}
.note-editor .note-toolbar .note-btn-group .note-table, .note-popover .popover-content .note-btn-group .note-table {
min-width: 0;
padding: 5px;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
font-size: 18px;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
position: absolute !important;
z-index: 3;
width: 10em;
height: 10em;
cursor: pointer;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
position: relative !important;
z-index: 1;
width: 5em;
height: 5em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
position: absolute !important;
z-index: 2;
width: 1em;
height: 1em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}
.note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre {
margin: 0;
padding: 5px 10px;
}
.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre {
margin: 0;
padding: 5px 10px;
}
.note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p {
margin: 0;
padding: 0;
}
.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p {
margin: 0;
padding: 0;
}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
min-width: 337px !important;
}
.note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {
width: 20px;
padding-left: 5px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
display: inline-block;
margin: 0;
width: 160px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
margin: 0 5px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
font-size: 12px;
margin: 2px 7px;
text-align: center;
border-bottom: 1px solid #eee;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
font-size: 11px;
margin: 3px;
padding: 0 3px;
cursor: pointer;
width: 100%;
border-radius: 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
font-size: 11px;
margin: 3px;
padding: 0 3px;
cursor: pointer;
width: 100%;
border-radius: 5px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
background: #eee;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
background: #eee;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
height: 20px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
display: none;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
border: 1px solid #eee;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {
min-width: 245px !important;
padding: 5px;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu > div + div, .note-popover .popover-content .note-para .note-dropdown-menu > div + div {
margin-left: 5px;
}
.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
min-width: 160px;
}
.note-editor .note-toolbar .note-dropdown-menu.right, .note-popover .popover-content .note-dropdown-menu.right {
right: 0;
left: auto;
}
.note-editor .note-toolbar .note-dropdown-menu.right:before, .note-popover .popover-content .note-dropdown-menu.right:before {
right: 9px;
left: auto !important;
}
.note-editor .note-toolbar .note-dropdown-menu.right:after, .note-popover .popover-content .note-dropdown-menu.right:after {
right: 10px;
left: auto !important;
}
.note-editor .note-toolbar .note-dropdown-menu.note-check a i, .note-popover .popover-content .note-dropdown-menu.note-check a i {
color: #00bfff;
visibility: hidden;
}
.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i, .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
visibility: visible;
}
.note-editor .note-toolbar .note-fontsize-10, .note-popover .popover-content .note-fontsize-10 {
font-size: 10px;
}
.note-editor .note-toolbar .note-color-palette, .note-popover .popover-content .note-color-palette {
line-height: 1;
}
.note-editor .note-toolbar .note-color-palette div .note-color-btn, .note-popover .popover-content .note-color-palette div .note-color-btn {
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover, .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
transform: scale(1.2);
transition: all 0.2s;
}
.note-modal .modal-dialog {
outline: 0;
border-radius: 5px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.note-modal .form-group {
margin-left: 0;
margin-right: 0;
}
.note-modal .note-modal-form {
margin: 0;
}
.note-modal .note-image-dialog .note-dropzone {
min-height: 100px;
font-size: 30px;
line-height: 4;
color: #d3d3d3;
text-align: center;
border: 4px dashed #d3d3d3;
margin-bottom: 10px;
}
@-moz-document url-prefix() {
.note-modal .note-image-input {
height: auto;
}
}
.note-placeholder {
position: absolute;
display: none;
color: grey;
}
.note-handle .note-control-selection {
position: absolute;
display: none;
border: 1px solid #000;
}
.note-handle .note-control-selection > div {
position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
width: 100%;
height: 100%;
background-color: #000;
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder {
width: 7px;
height: 7px;
border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-sizing {
width: 7px;
height: 7px;
border: 1px solid #000;
background-color: #000;
}
.note-handle .note-control-selection .note-control-nw {
top: -5px;
left: -5px;
border-right: none;
border-bottom: none;
}
.note-handle .note-control-selection .note-control-ne {
top: -5px;
right: -5px;
border-bottom: none;
border-left: none;
}
.note-handle .note-control-selection .note-control-sw {
bottom: -5px;
left: -5px;
border-top: none;
border-right: none;
}
.note-handle .note-control-selection .note-control-se {
right: -5px;
bottom: -5px;
cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
cursor: default;
border-top: none;
border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info {
right: 0;
bottom: 0;
padding: 5px;
margin: 5px;
color: #fff;
background-color: #000;
font-size: 12px;
border-radius: 5px;
-webkit-opacity: 0.7;
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
}
.note-hint-popover {
min-width: 100px;
padding: 2px;
}
.note-hint-popover .popover-content {
padding: 3px;
max-height: 150px;
overflow: auto;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
display: block !important;
padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
display: block;
clear: both;
font-weight: 400;
line-height: 1.4;
color: #fff;
white-space: nowrap;
text-decoration: none;
background-color: #428bca;
outline: 0;
cursor: pointer;
}
.note-btn {
border-radius: 0px;
}
.note-btn.dropdown-toggle::after {
display: none;
}
.note-editor.note-frame.panel.panel-default .panel-heading {
background-color: #ffffff;
border-bottom: 1px solid #ebebeb;
}
.note-btn.btn-default {
background-color: #fff;
border-color: #ebebeb;
}
.note-editor .btn-default:not(:disabled):not(.disabled):active {
background-color: #f1f3f5;
}
.note-editor .btn-group .btn + .btn-group {
border-left: 0px solid rgba(0, 0, 0, 0.08) !important;
}
.panel-default.fullscreen .note-editable {
background-color: #fff;
}
.note-btn.btn.btn-default.btn-sm {
line-height: 1.84615385;
}
.note-btn.btn-default:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #f1f3f5;
border-color: #d3d9df;
}
.stop-scrolling {
height: 100%;
/* overflow: hidden; */
}
.sweet-overlay {
background-color: black;
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE8 */
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
width: 478px;
padding: 40px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
border-radius: 5px;
}
.sweet-alert h2 {
color: #495057;
font-size: 1.75rem;
text-align: center;
font-weight: normal;
text-transform: none;
position: relative;
display: block;
margin-bottom: 5px;
}
.sweet-alert p {
color: #495057;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
display: none;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
transform: scale(0.5);
transform-origin: 50% 50%;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder, .sweet-alert input:focus:-ms-input-placeholder, .sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
-moz-transition: opacity 0.3s 0.03s ease;
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder, .sweet-alert input:-ms-input-placeholder, .sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
background-color: #77bc21 !important;
color: white;
letter-spacing: 0.03em;
font-size: 0.8125rem;
min-width: 2.375rem;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
line-height: 1.84615385;
border-radius: 5px;
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;
cursor: pointer;
box-shadow: 0 0 0 2px rgba(248, 38, 73, 0.48);
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover, .sweet-alert button:active {
background-color: #0061da;
}
.sweet-alert button.cancel {
background-color: #f82649 !important;
}
.sweet-alert button.cancel:hover {
background-color: rgba(248, 38, 73, 0.7607843137) !important;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: 0.6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid #45aaf2;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #f82649;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #f82649;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #f7b731;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #f7b731;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #f7b731;
}
.sweet-alert .sa-icon.sa-info {
border-color: #45aaf2;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #45aaf2;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #45aaf2;
}
.sweet-alert .sa-icon.sa-success {
border-color: #09ad95;
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: "";
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
transform: rotate(-45deg);
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
transform: rotate(-45deg);
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #09ad95;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
width: 120px !important;
height: 50px !important;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
/*
* Animations
*/
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f7b731;
}
}
.pulseWarning {
animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
0% {
background-color: #f8d486;
}
100% {
background-color: #f7b731;
}
}
.pulseWarningIns {
animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9 ;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9 ;
}
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9 ;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9 ;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9 ;
}
/* Success icon */
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall {
position: relative;
box-sizing: border-box;
display: block;
font-size: 0;
color: #fff;
width: 54px;
height: 18px;
}
.la-ball-fall > div {
position: relative;
box-sizing: border-box;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
/*
* Animation
*/
@keyframes ball-fall {
0% {
opacity: 0;
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
transform: translateY(145%);
}
}
.timer-alert .sa-button-container {
display: none;
}
.timer-alert p {
margin-bottom: 0;
}
.sweet-alert h2 {
margin-bottom: 5px;
}
.cancel.btn.btn-default {
color: #fff;
}
.wrapper {
max-width: 1200px;
margin: 20px auto;
padding: 0 15px;
}
.wrapper > h1 {
text-align: center;
}
.wrapper > h1 span {
border-bottom: 2px solid #6259ca;
display: inline-block;
padding: 0 10px 10px;
color: #6259ca;
transition: all 0.5s linear;
}
.tab_wrapper {
display: inline-block;
width: 100%;
position: relative;
}
.tab_wrapper * {
box-sizing: border-box;
}
.tab_wrapper > ul {
clear: both;
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.tab_wrapper > ul li {
float: left;
cursor: pointer;
font-weight: 500;
padding: 8px 18px;
text-transform: uppercase;
border: 1px solid #f0f0f4;
font-size: 1.05em;
border-bottom: 0;
position: relative;
border-top: 1px solid #f0f0f4;
margin: 0 5px 0 0;
border-radius: 5px 5px 0px 0px;
transition: all ease 0.3s;
}
.tab_wrapper > ul li.active {
color: #fff !important;
}
.tab_wrapper > ul li.active:after {
content: "";
position: absolute;
bottom: -1px;
height: 1px;
left: 0;
background: #fff;
width: 100%;
}
.tab_wrapper .controller {
display: block;
overflow: hidden;
clear: both;
position: absolute;
top: 0;
right: 0;
}
.tab_wrapper .controller span {
padding: 8px 22px;
background: #6259ca;
color: #fff;
text-transform: uppercase;
display: inline-block;
}
.tab_wrapper .controller span.next {
float: right;
margin-left: 10px;
}
.tab_wrapper .content_wrapper {
float: left;
width: 100%;
border: 1px solid #f0f0f4;
box-sizing: border-box;
position: relative;
top: -5px;
}
.tab_wrapper .content_wrapper .tab_content {
display: none;
padding: 15px 20px;
}
.tab_wrapper .content_wrapper .tab_content.active {
/* display: block; */
}
.tab_wrapper .content_wrapper .tab_content .error {
color: red;
}
.tab_wrapper .content_wrapper .accordian_header {
display: none;
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
position: relative;
cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.active {
color: #6259ca;
border: 1px solid #eee;
}
.tab_wrapper .content_wrapper .accordian_header.active:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 5px;
height: 100%;
background: #6259ca;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
float: right;
display: inline-block;
width: 12px;
height: 12px;
position: relative;
border-radius: 2px;
transform: rotate(-135deg);
background: #fff;
border-top: 3px solid #ccc;
border-left: 3px solid #ccc;
/* &:after{
position: absolute;
top: 0;
content: "";
left: 0;
width: 10px;
height: 10px;
background: $white;
border-top: 3px solid $border_color;
border-left: 3px solid $border_color;
} */
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
transform: rotate(45deg);
margin-top: 5px;
border-top: 3px solid #6259ca;
border-left: 3px solid #6259ca;
}
.tab_wrapper.left_side > ul {
width: 25%;
float: left;
border-bottom: 1px solid #ccc;
}
.tab_wrapper.left_side > ul li {
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 12px 18px;
border-width: 1px;
border-right: 0;
border-left: 0;
}
.tab_wrapper.left_side > ul li:after {
left: 0;
top: 0;
content: "";
position: absolute;
width: 5px;
height: 100%;
background: #ccc;
}
.tab_wrapper.left_side > ul li.active {
border-color: #ccc;
}
.tab_wrapper.left_side > ul li.active:after {
left: 0;
top: 0;
width: 5px;
height: 100%;
background: #6259ca;
}
.tab_wrapper.left_side > ul li.active:before {
right: -1px;
position: absolute;
top: 0;
content: "";
width: 2px;
height: 100%;
background: #fff;
}
.tab_wrapper.left_side .content_wrapper {
width: 75%;
border: 1px solid #f0f0f4;
float: left;
}
.tab_wrapper.left_side .controller {
top: -50px;
}
.tab_wrapper.right_side > ul {
width: 25%;
float: right;
border-bottom: 1px solid #f0f0f4;
}
.tab_wrapper.right_side > ul li {
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 12px 18px;
border-width: 1px;
border-right: 0;
border-left: 1px solid #f0f0f4;
text-align: right;
}
.tab_wrapper.right_side > ul li:after {
right: 0;
left: inherit;
top: 0;
content: "";
position: absolute;
width: 5px;
height: 100%;
background: #f0f0f4;
}
.tab_wrapper.right_side > ul li.active:after {
right: 0;
left: inherit;
top: 0;
width: 5px;
height: 100%;
content: "";
}
.tab_wrapper.right_side > ul li.active:before {
left: -2px;
right: inherit;
position: absolute;
top: 0;
content: "";
width: 2px;
height: 100%;
background: #fff;
}
.tab_wrapper.right_side .content_wrapper {
width: 75%;
float: left;
border: 1px solid #f0f0f4;
}
.tab_wrapper.right_side .controller {
top: -50px;
}
.tab_wrapper.accordion .content_wrapper {
border-color: #eee;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
display: block;
}
.tab_wrapper.accordion > ul {
display: none;
}
.tab_wrapper .active_tab {
display: none;
position: relative;
background: #000000;
padding: 12px;
text-align: center;
padding-right: 50px;
color: #fff;
cursor: pointer;
border-radius: 30px;
}
.tab_wrapper .active_tab .arrow {
width: 30px;
height: 30px;
overflow: hidden;
line-height: 30px;
text-align: center;
background: #fff;
position: absolute;
right: 6px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.tab_wrapper .active_tab .arrow:after {
content: "";
width: 10px;
display: inline-block;
height: 10px;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -8px;
}
.tab_wrapper .active_tab .text {
text-indent: 39px;
display: block;
}
@media only screen and (max-width: 768px) {
.tab_wrapper > ul {
display: none;
}
.tab_wrapper .content_wrapper {
border: 0;
}
.tab_wrapper .content_wrapper .accordian_header {
display: block;
}
.tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
width: 100%;
border-top: 0;
}
.tab_wrapper .controller {
display: none;
}
.tab_wrapper.show-as-dropdown > .tab_list {
border: 0;
box-shadow: 0 0 8px #ccc;
position: absolute;
z-index: 3;
background: #fff;
border-radius: 5px;
margin-top: 15px;
}
.tab_wrapper.show-as-dropdown > .tab_list:before {
content: "";
position: absolute;
top: -6px;
left: 50%;
width: 14px;
height: 14px;
background: #fff;
transform: rotate(45deg);
box-shadow: -3px -4px 5px #efefef;
margin-left: -7px;
}
.tab_wrapper.show-as-dropdown > .tab_list li {
border: 0;
border-bottom: 1px solid #ccc;
}
.tab_wrapper.show-as-dropdown > .tab_list li.active:after {
display: none;
}
.tab_wrapper.show-as-dropdown .active_tab {
display: block;
}
.tab_wrapper.show-as-dropdown > .tab_list,
.tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header {
display: none;
}
.tab_wrapper.show-as-dropdown > .tab_list li {
display: block;
float: none;
width: 100%;
}
}
@media only screen and (min-width: 769px) {
.tab_wrapper.show-as-dropdown > .tab_list {
display: block !important;
overflow: hidden;
}
}
.timeline {
box-sizing: border-box;
position: relative;
}
.timeline *,
.timeline :after,
.timeline :before {
box-sizing: inherit;
}
.timeline:not(.timeline--horizontal):before {
background-color: #d1d4e4;
bottom: 0;
content: "";
left: 50%;
margin-left: -2px;
position: absolute;
top: 0;
width: 4px;
z-index: 1;
}
.timeline__wrap {
overflow: hidden;
position: relative;
z-index: 1;
}
.timeline__item {
font-size: 16px;
font-size: 1rem;
padding: 0.625rem 2.5rem 0.625rem 0;
position: relative;
width: 50%;
z-index: 1;
}
.timeline__item:after {
background-color: #fff;
border: 4px solid #d1d4e4;
border-radius: 50%;
content: "";
height: 20px;
position: absolute;
right: -10px;
transform: translateY(-50%);
top: 50%;
width: 20px;
z-index: 1;
}
.timeline__item.animated {
animation-duration: 1s;
animation-fill-mode: both;
opacity: 0;
}
.timeline__item.fadeIn {
animation-name: fadeIn;
}
.timeline__item--left {
left: 0;
}
.timeline__item--right {
left: 50%;
padding: 0.625rem 0 0.625rem 2.5rem;
}
.timeline__item--right:after {
left: -10px;
}
.timeline__item--right .timeline__content:before {
border-bottom: 10px solid transparent;
border-right: 12px solid #e1e6f1;
border-left: none;
border-top: 10px solid transparent;
left: -12px;
}
.timeline__item--right .timeline__content:after {
border-bottom: 9px solid transparent;
border-right: 11px solid #fff;
border-left: none;
border-top: 9px solid transparent;
left: -10px;
}
.timeline__content {
background-color: #fff;
border-radius: 0px;
color: #334151;
border: 1px solid #e1e6f1;
display: block;
padding: 1.25rem;
position: relative;
box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.timeline__content:after {
content: "";
height: 0;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 0;
}
.timeline__content:before {
content: "";
height: 0;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 0;
border-bottom: 10px solid transparent;
border-left: 12px solid #e1e6f1;
border-top: 10px solid transparent;
right: -12px;
z-index: 1;
}
.timeline__content:after {
border-bottom: 9px solid transparent;
border-left: 11px solid #fff;
border-top: 9px solid transparent;
right: -10px;
z-index: 2;
}
.timeline__content h2 {
font-size: 1rem;
font-weight: 700;
margin: 0 0 0.625rem;
}
.timeline__content p {
font-size: 14px;
line-height: 1.5;
margin-bottom: 10px;
}
.timeline--horizontal {
white-space: nowrap;
}
.timeline--horizontal .timeline-divider {
background-color: #d1d4e4;
display: block;
height: 4px;
left: 40px;
position: absolute;
transform: translateY(-50%);
right: 40px;
z-index: 0;
}
.timeline--horizontal .timeline__items {
transition: all 0.8s;
will-change: transform;
}
.timeline--horizontal .timeline__item {
display: inline-block;
left: 0;
padding: 0 0 2.5rem;
position: relative;
transition: none;
vertical-align: top;
white-space: normal;
}
.timeline--horizontal .timeline__item:after {
left: 50%;
right: auto;
transform: translate(-50%, -50%);
top: 100%;
}
.timeline--horizontal .timeline__item .timeline__item__inner {
display: table;
height: 100%;
width: 100%;
}
.timeline--horizontal .timeline__item .timeline__content__wrap {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: bottom;
}
.timeline--horizontal .timeline__item .timeline__content:before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #e1e6f1;
left: 50%;
right: auto;
transform: translateX(-50%);
top: 100%;
}
.timeline--horizontal .timeline__item .timeline__content:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
left: 50%;
right: auto;
transform: translateX(-50%);
top: 100%;
}
.timeline--horizontal .timeline__item--bottom {
padding: 2.5rem 0 0;
}
.timeline--horizontal .timeline__item--bottom:after {
top: 0;
}
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
vertical-align: top;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:before {
border-bottom: 12px solid #e1e6f1;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: none;
bottom: 100%;
top: auto;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:after {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: none;
bottom: 100%;
top: auto;
}
.timeline-nav-button {
background-color: #fff;
border: 1px solid #e1e6f1;
border-radius: 50px;
box-sizing: border-box;
box-shadow: none;
cursor: pointer;
display: block;
height: 40px;
outline: 0;
position: absolute;
text-indent: -9999px;
transform: translateY(-50%);
top: 50%;
width: 40px;
z-index: 10;
}
.timeline-nav-button:disabled {
opacity: 0.5;
pointer-events: none;
}
.timeline-nav-button:before {
background-position: center center;
background-repeat: no-repeat;
content: "";
display: block;
height: 14px;
left: 50%;
position: absolute;
transform: translateX(-50%) translateY(-50%);
top: 50%;
width: 8px;
}
.timeline--mobile {
padding: 0;
}
.timeline--mobile:before {
left: 10px !important;
margin: 0 !important;
}
.timeline--mobile .timeline__item {
left: 0;
padding-left: 40px;
padding-right: 0;
width: 100%;
}
.timeline--mobile .timeline__item:after {
left: 2px;
margin: 0;
}
.timeline--mobile .timeline__item .timeline__content:before {
left: -12px;
border-bottom: 12px solid transparent;
border-right: 12px solid #e1e6f1;
border-left: none;
border-top: 12px solid transparent;
}
.timeline--mobile .timeline__item .timeline__content:after {
left: -10px;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-left: none;
border-top: 10px solid transparent;
}
@keyframes fadeIn {
0% {
opacity: 0;
top: 70px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes liftUp {
0% {
top: 0;
}
100% {
top: -15px;
}
}
.timeline--horizontal .timeline__item:nth-child(even):after {
top: 0;
}
.tree {
margin: 0;
padding: 0;
list-style: none;
}
.tree ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: 1em;
position: relative;
}
.tree ul ul {
margin-left: 1em;
}
.tree ul:before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
bottom: 0;
left: -10px;
}
.tree li {
margin: 0;
padding: 0.5em 1em 0.5em 1em;
line-height: 2em;
color: #495057;
position: relative;
border: 1px solid #eaedf1;
margin: 10px 0;
border-radius: 5px;
line-height: 30px;
}
.tree li i {
margin-right: 10px;
font-weight: bold;
font-size: 16px;
/* padding-top: 10px; */
line-height: 1;
color: #77bc21;
}
.tree ul li:before {
content: "";
display: block;
width: 10px;
height: 0;
margin-top: -1px;
position: absolute;
top: 22px;
left: -10px;
}
.tree ul li:last-child:before {
background: transparent;
height: auto;
top: 22px;
bottom: 0;
}
.indicator {
margin-right: 5px;
color: #4b10a4;
}
.tree li a {
text-decoration: none;
color: #495057;
font-size: 15px;
}
.tree li button {
text-decoration: none;
color: #29273c;
border: none;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
outline: 0;
}
.tree li button:active, .tree li button:focus {
text-decoration: none;
color: #29273c;
border: none;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
outline: 0;
}
.tree li.branch {
background: #f9fbfd;
}
.tree li.branch li {
background: #fff;
}
.tree ul:before {
border-left: 1px solid #eaedf1;
}
.tree ul li:before {
border-top: 1px solid #eaedf1;
}
/* ######## SIDEMENU-STYLES ######## */
.closed-leftmenu {
/*-- Subslide ---*/
/*-- Subslide2 ---*/
}
@media (min-width: 992px) {
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-header.header {
padding-right: 20px !important;
padding-left: inherit !important;
}
.closed-leftmenu.dark-mode.app-sidebar.sidemenu-scroll .side-header {
background-color: var(--dark-body);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.closed-leftmenu.dark-mode.app-sidebar.sidemenu-scroll .side-header {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background-color: transparent;
}
}
.closed-leftmenu.dark-mode .app-header {
border-bottom: 1px solid var(--dark-border);
background: var(--dark-theme);
}
.closed-leftmenu.dark-mode .side-header {
background: transparent;
border-bottom: 0;
border-right: 0;
}
.closed-leftmenu.dark-mode .app-sidebar {
border-right: 1px solid var(--dark-border);
}
.closed-leftmenu .side-menu {
margin-top: 20px;
}
.closed-leftmenu.app.sidenav-toggled .app-content {
margin-left: 0;
}
.closed-leftmenu.app.sidenav-toggled .app-sidebar {
left: 230px;
display: none;
}
.closed-leftmenu.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.closed-leftmenu .app-sidebar {
padding-top: 55px;
}
.closed-leftmenu .side-header {
width: 270px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 99;
background: #fff;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-header {
width: 80px !important;
}
.closed-leftmenu.sidebar-mini footer.footer {
padding: 1.25rem 1.25rem 1.25rem 270px;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled footer.footer {
padding: 1.25rem 1.25rem 1.25rem 80px;
}
}
@media (max-width: 767.98px) {
.closed-leftmenu .app-sidebar {
top: 71px !important;
}
}
@media (max-width: 991px) {
.closed-leftmenu.app {
overflow-x: hidden;
}
.closed-leftmenu.app .app-sidebar {
left: -270px;
}
.closed-leftmenu.app .app-sidebar__overlay {
visibility: hidden;
}
.closed-leftmenu.app.sidenav-toggled .app-content {
margin-left: 0;
}
.closed-leftmenu.app.sidenav-toggled .app-sidebar {
left: 0;
}
.closed-leftmenu.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.closed-leftmenu.app.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {
left: 0;
}
.closed-leftmenu.app .app-header .header-brand1 {
width: inherit;
position: absolute;
left: 0;
right: 0;
}
}
.closed-leftmenu .app-content {
min-height: calc(100vh - 50px);
margin-bottom: 0 !important;
transition: margin-left 450ms ease;
overflow: hidden;
margin-top: 74px;
}
.closed-leftmenu .app-content .side-app {
padding: 0px 20px 0 20px;
}
.closed-leftmenu .footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.closed-leftmenu .app-content {
margin-left: 270px;
}
}
@media (max-width: 991px) {
.closed-leftmenu .app-content {
min-width: 100%;
}
}
@media print {
.closed-leftmenu .app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.closed-leftmenu .app-header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
display: flex;
z-index: 99 !important;
border-bottom: 1px solid #eaedf1;
background: #ffffff;
transition: padding-left 0.3s ease;
}
@media (max-width: 991.98px) {
.closed-leftmenu .app-header {
z-index: 999 !important;
}
}
@media (min-width: 992px) {
.closed-leftmenu .app-header {
padding-right: 10px;
padding-left: 285px;
}
}
@media print {
.closed-leftmenu .app-header {
display: none;
}
}
.closed-leftmenu .app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: "Niconne";
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.closed-leftmenu .app-header__logo:focus, .closed-leftmenu .app-header__logo:hover {
text-decoration: none;
}
@media (min-width: 992px) {
.closed-leftmenu .app-header__logo {
flex: 0 0 auto;
display: block;
width: 230px;
}
}
.closed-leftmenu .app-sidebar__toggle {
color: var(--primary-bg-color);
z-index: 1;
transition: padding-left 0.3s ease;
padding: 0 9px;
text-align: center;
font-size: 1.5rem;
position: relative;
right: 7px;
}
.closed-leftmenu .app-sidebar__toggle:before {
content: "\e907";
transition: all 0.25s;
font-size: 21px;
font-family: "feather";
}
.closed-leftmenu .app-sidebar__toggle:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 12px;
background: rgba(var(--primary-bg-color), 0);
}
.closed-leftmenu .app-sidebar__toggle:focus, .closed-leftmenu .app-sidebar__toggle:hover {
text-decoration: none;
}
@media (max-width: 991px) {
.closed-leftmenu .app-sidebar__toggle {
order: -1;
}
}
.closed-leftmenu .app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
color: #495057;
width: 270px;
z-index: 99;
background: #fff;
box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);
transition: left 450ms ease, width 450ms ease;
border-right: 1px solid #eaedf1;
}
.closed-leftmenu .app-sidebar::-webkit-scrollbar {
width: 6px;
}
.closed-leftmenu .app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.closed-leftmenu .app-sidebar {
display: none;
}
}
@media (max-width: 991.98px) {
.closed-leftmenu .app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
}
.closed-leftmenu .app-sidebar__user {
display: flex;
align-items: center;
color: #a8a8a8;
width: 100%;
padding: 15px 0 15px;
display: inline-block;
}
.closed-leftmenu .app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.closed-leftmenu .app-sidebar__user img {
box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
padding: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
}
.closed-leftmenu .app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.closed-leftmenu .app-sidebar__user-name {
font-size: 17px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.closed-leftmenu .app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
}
.closed-leftmenu .app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.closed-leftmenu .side-menu {
margin-bottom: 0;
}
.closed-leftmenu .side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
color: #495057;
margin: 0px 0px 2px 0px;
white-space: nowrap;
}
.closed-leftmenu .side-menu__item.active {
text-decoration: none;
color: var(--primary-bg-color);
}
.closed-leftmenu .side-menu__item.active:hover, .closed-leftmenu .side-menu__item.active:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.closed-leftmenu .side-menu__item:hover, .closed-leftmenu .side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.closed-leftmenu .side-menu__item:hover .side-menu__icon,
.closed-leftmenu .side-menu__item:hover .side-menu__label, .closed-leftmenu .side-menu__item:focus .side-menu__icon,
.closed-leftmenu .side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: none !important;
}
}
.closed-leftmenu .slide-item.active, .closed-leftmenu .slide-item:hover, .closed-leftmenu .slide-item:focus {
text-decoration: none;
color: #b5c1d2;
}
.closed-leftmenu .slide-menu a.active {
color: var(--primary-bg-color);
}
.closed-leftmenu .slide-item.active, .closed-leftmenu .slide-item:hover, .closed-leftmenu .slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.closed-leftmenu .slide-menu li {
position: relative;
}
.closed-leftmenu .slide-menu li .slide-item:before {
content: "\e0e7";
font-family: "typicons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
top: 0px;
font-size: 10px;
margin-right: 7px;
color: #68798b;
}
.closed-leftmenu .slide.is-expanded a {
text-decoration: none;
}
.closed-leftmenu .side-menu .side-menu__icon {
color: var(--primary-bg-color);
font-size: 18px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px;
position: relative;
}
.closed-leftmenu .side-menu .side-menu__icon::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 3px;
background: rgba(var(--primary-bg-color), 0);
}
.closed-leftmenu .side-menu__icon {
flex: 0 0 auto;
}
.closed-leftmenu .side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
}
.closed-leftmenu .slide.is-expanded .slide-menu {
display: block;
}
.closed-leftmenu .slide.is-expanded .angle {
transform: rotate(90deg);
}
.closed-leftmenu .slide-menu {
display: none;
font-size: 0.7rem !important;
padding-left: 30px;
}
.closed-leftmenu .slide-item {
display: flex;
align-items: center;
padding: 8px 8px;
font-size: 13.3px;
color: #74829c;
white-space: nowrap;
}
.closed-leftmenu .slide-item .icon {
margin-right: 5px;
}
.closed-leftmenu .angle {
transform-origin: center;
transition: transform 0.3s ease;
margin-right: 2px;
font-size: 11px;
}
@media (min-width: 992px) {
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .angle,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .user-notification,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .user-info {
display: none;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-header.header {
padding-left: 20px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu {
padding: 0 0px 40px 0px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu .sub-category {
display: none;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
background: none !important;
box-shadow: none;
margin-right: 0;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-badge,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .slide-menu open.slide-menu hide .side-badge {
top: 6px;
right: 24px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled.sidebar-mini.sidenav-toggled.user-notification::before {
background: transparent;
display: none;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .avatar-xl {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0px !important;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user,
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu {
margin-top: 20px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
display: none;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar__user {
padding: 12px 0px 12px 0;
margin-bottom: 0px;
border-bottom: 1px solid rgba(225, 225, 225, 0.05);
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .profile-img {
top: 0px;
right: 19px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-content {
margin-left: 0px;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar {
left: 0;
width: 80px;
overflow: hidden;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar:hover {
overflow: visible;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
opacity: 0;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .side-menu__item {
padding: 10px 30px;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
width: 270px;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
width: 270px !important;
display: flex !important;
padding: 17px 17px !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo,
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo1,
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-light {
display: none !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
display: flex;
align-items: center;
padding: 10px 20px;
position: relative;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .sub-category {
display: block;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
font-size: 18px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: block !important;
white-space: nowrap;
flex: 1 1 auto;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {
display: block !important;
position: unset;
top: inherit;
min-width: 0;
width: 100%;
opacity: inherit;
visibility: inherit;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu {
margin-top: 20px !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .angle {
display: block;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {
top: 17px;
right: 20px;
}
}
.closed-leftmenu .dropdown-menu {
border-radius: 0;
}
.closed-leftmenu .dropdown-menu.dropdown-menu-right {
left: auto;
}
.closed-leftmenu .dropdown-item .fa,
.closed-leftmenu .dropdown-item .icon {
vertical-align: middle;
}
.closed-leftmenu .app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #FFF;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.closed-leftmenu .app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.closed-leftmenu .app-title p {
margin-bottom: 0;
font-style: italic;
}
@media print {
.closed-leftmenu .app-title {
display: none;
}
}
@media (max-width: 480px) {
.closed-leftmenu .app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.closed-leftmenu .app-title p {
display: none;
}
}
.closed-leftmenu .app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
@media (max-width: 480px) {
.closed-leftmenu .app-breadcrumb {
margin-top: 10px;
}
}
.closed-leftmenu.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.closed-leftmenu.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.closed-leftmenu.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.closed-leftmenu .nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
.closed-leftmenu .user-info .text-dark {
color: #25252a !important;
font-weight: 400;
font-size: 16px;
}
.closed-leftmenu .user-info .text-muted {
color: #74829c !important;
}
.closed-leftmenu .side-header .header-brand1 {
text-align: center;
margin: 0 auto !important;
}
.closed-leftmenu .side-header .header-brand-img.desktop-logo {
display: none;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {
display: none;
}
.closed-leftmenu .side-header .header-brand-img.toggle-logo {
display: none;
}
.closed-leftmenu .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
display: none;
margin-right: 0;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .sidebar-navs {
display: none;
}
.closed-leftmenu .side-header {
display: flex;
border-bottom: 1px solid #eaedf1;
border-right: 1px solid #eaedf1;
padding: 19px 17px;
transition: left 0.3s ease, width 450ms ease;
height: 75px;
}
.closed-leftmenu .side-header .header-brand-img.toggle-logo, .closed-leftmenu .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .app-sidebar__toggle {
padding-left: 10px;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled .mobile-header .app-sidebar__toggle {
margin: 0;
margin-top: 5px;
}
.closed-leftmenu .user-pic {
margin-bottom: 0.8rem;
}
.closed-leftmenu .side-menu .sub-category {
color: #74829c;
margin-bottom: 0.5rem;
padding: 12px 30px 2px 20px;
margin-bottom: 0;
white-space: nowrap;
position: relative;
}
.closed-leftmenu .side-menu .sub-category:not(:first-child) {
margin-top: 0.75rem;
}
.closed-leftmenu .side-menu .sub-category h3 {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 11px;
font-weight: 500;
}
.closed-leftmenu .side-menu li:not(:first-child) h3 {
margin-top: 0rem;
}
@media (min-width: 992px) {
.closed-leftmenu.sidenav-toggled .header-brand-img.light-logo {
display: block;
margin-right: 0;
}
}
.closed-leftmenu .side-badge,
.closed-leftmenu .slide-menu open.slide-menu hide .side-badge {
position: absolute;
top: 18px;
right: 20px;
border-radius: 50px;
padding: 3px 6px 3px;
}
.closed-leftmenu .sub-side-menu__item {
padding: 8px 8px;
font-size: 14px;
display: flex;
color: #74829c;
}
.closed-leftmenu .sub-side-menu__item .sub-side-menu__label {
flex: 1 1 auto;
}
.closed-leftmenu .slide-menu a:before {
content: "\e0e7";
margin-right: 10px;
font-size: 11px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
top: 2px;
}
.closed-leftmenu .sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
.closed-leftmenu .sub-angle {
float: right;
margin-top: 5px;
transform-origin: center;
transition: transform 0.3s ease;
}
.closed-leftmenu .sub-slide.is-expanded .sub-slide-menu {
display: block;
}
.closed-leftmenu .sub-slide-menu {
display: none;
padding: 0 15px 15px 0;
font-size: 13px !important;
list-style: none;
}
.closed-leftmenu .sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 24px !important;
color: #74829c;
font-size: 13.5px;
}
.closed-leftmenu .sub-side-menu__item2 {
padding: 8px 2px 8px 24px;
display: flex;
align-items: center;
color: #74829c;
font-size: 13.5px;
}
.closed-leftmenu .sub-slide2 .sub-side-menu__label2 {
flex: 1 1 auto;
}
.closed-leftmenu .sub-angle2 {
float: right;
line-height: 40px;
margin-top: -2px;
margin-right: -9px;
transform-origin: center;
transition: transform 0.3s ease;
}
.closed-leftmenu .sub-slide2.is-expanded .sub-angle2 {
transform: rotate(90deg);
}
.closed-leftmenu .sub-slide2.is-expanded .sub-slide-menu2 {
display: block;
}
.closed-leftmenu .sub-slide-menu2 {
display: none;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.closed-leftmenu .sub-slide-item2 {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 40px !important;
font-size: 13.4px;
color: #74829c;
}
@media (max-width: 991px) {
.closed-leftmenu .header-brand1 .desktop-logo {
margin: 0 auto;
margin-top: 6px;
}
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.closed-leftmenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.closed-leftmenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {
display: none;
}
@media (min-width: 992px) {
.app.sidebar-mini.sidenav-toggled .side-menu__icon {
color: #495057;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
color: var(--primary-bg-color);
}
}
.hover-submenu {
/*-- Subslide ---*/
/*-- Subslide2 ---*/
}
@media (max-width: 767.98px) {
.hover-submenu .app-sidebar {
top: 71px !important;
}
}
@media (min-width: 768px) {
.hover-submenu.sidebar-mini.sidenav-toggled .side-menu__item .side-menu__icon {
margin-left: 0px;
}
.hover-submenu .app-sidebar {
padding-top: 75px !important;
}
}
@media (min-width: 992px) {
.hover-submenu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo {
display: block !important;
}
.hover-submenu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.hover-submenu.app.dark-mode.color-menu.dark-header .side-header, .hover-submenu.app.dark-mode.gradient-menu.dark-header .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.color-menu.gradient-header .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.light-menu.dark-header .side-header, .hover-submenu.app.dark-mode.light-menu.dark-header.sidenav-toggled.sidenav-toggled-open .side-header {
background-color: #fff !important;
}
.hover-submenu.app.dark-mode.light-menu.dark-header .app-header, .hover-submenu.app.dark-mode.light-menu.dark-header.sidenav-toggled.sidenav-toggled-open .app-header {
background-color: var(--dark-theme) !important;
}
.hover-submenu.app.dark-mode.light-menu.color-header .side-header, .hover-submenu.app.dark-mode.light-menu.color-header.sidenav-toggled.sidenav-toggled-open .side-header, .hover-submenu.app.dark-mode.light-menu.gradient-header .side-header, .hover-submenu.app.dark-mode.light-menu.gradient-header.sidenav-toggled.sidenav-toggled-open .side-header {
background-color: #fff !important;
}
.hover-submenu.app.dark-mode.light-menu.color-header .app-header, .hover-submenu.app.dark-mode.light-menu.color-header.sidenav-toggled.sidenav-toggled-open .app-header, .hover-submenu.app.dark-mode.light-menu.gradient-header .app-header, .hover-submenu.app.dark-mode.light-menu.gradient-header.sidenav-toggled.sidenav-toggled-open .app-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.color-header.dark-menu .app-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.gradient-menu.color-header .side-header, .hover-submenu.app.dark-mode.gradient-menu.color-header .app-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.header-light.dark-mode.color-menu.sidenav-toggled .side-header .header-brand1 .toggle-logo, .hover-submenu.app.header-light.dark-mode.gradient-menu.sidenav-toggled .side-header .header-brand1 .toggle-logo {
display: block !important;
}
.hover-submenu.app.header-light.dark-mode.color-menu.sidenav-toggled .side-header .header-brand1 .desktop-logo, .hover-submenu.app.header-light.dark-mode.color-menu.sidenav-toggled .side-header .header-brand1 .light-logo, .hover-submenu.app.header-light.dark-mode.color-menu.sidenav-toggled .side-header .header-brand1 .light-logo1, .hover-submenu.app.header-light.dark-mode.gradient-menu.sidenav-toggled .side-header .header-brand1 .desktop-logo, .hover-submenu.app.header-light.dark-mode.gradient-menu.sidenav-toggled .side-header .header-brand1 .light-logo, .hover-submenu.app.header-light.dark-mode.gradient-menu.sidenav-toggled .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.hover-submenu.app.header-light.dark-mode.color-menu .app-header, .hover-submenu.app.header-light.dark-mode.gradient-menu .app-header {
background-color: #fff !important;
}
.hover-submenu.app.header-light.dark-mode.color-menu .side-header, .hover-submenu.app.header-light.dark-mode.gradient-menu .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.header-light.dark-mode.color-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.header-light.dark-mode.gradient-menu .side-header .header-brand1 .desktop-logo {
display: block !important;
}
.hover-submenu.app.header-light.dark-mode.color-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.header-light.dark-mode.color-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.header-light.dark-mode.color-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.header-light.dark-mode.gradient-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.header-light.dark-mode.gradient-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.header-light.dark-mode.gradient-menu .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.hover-submenu.app.header-light.light-menu.dark-mode .app-header, .hover-submenu.app.header-light.light-menu.dark-mode .side-header {
background-color: #fff !important;
}
.hover-submenu.app.light-mode.header-light.color-menu .slide-menu li .slide-item:before {
color: #fff !important;
}
.hover-submenu.app.dark-mode.header-light.dark-menu .app-header {
background-color: #fff !important;
}
.hover-submenu.app.dark-mode.header-light.dark-menu .side-header .header-brand1 .desktop-logo {
display: block !important;
}
.hover-submenu.app.dark-mode.header-light.dark-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.dark-mode.header-light.dark-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.dark-mode.header-light.dark-menu .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.hover-submenu.app.sidenav-toggled.dark-mode.color-menu.gradient-header .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.light-menu.color-header .app-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.light-menu.dark-header .app-header {
background-color: var(--dark-theme) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.color-menu.color-header .app-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.color-menu.color-header .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.dark-header.color-menu .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.color-menu.header-light .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.color-menu.header-light .app-header {
background-color: #fff !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.gradient-header.gradient-menu .side-header, .hover-submenu.app.dark-mode.gradient-header.gradient-menu .side-header {
background-color: var(--primary-bg-color) !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.light-menu .side-header, .hover-submenu.app.dark-mode.sidenav-toggled.sidenav-toggled-open.light-menu .side-header {
background-color: #fff !important;
border-bottom: 1px solid #eaedf1 !important;
border-right: 1px solid #eaedf1 !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.light-menu .side-header .header-brand1 .light-logo, .hover-submenu.app.dark-mode.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .light-logo {
display: block !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.light-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.dark-mode.sidenav-toggled.light-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.dark-mode.sidenav-toggled.light-menu .side-header .header-brand1 .toggle-logo, .hover-submenu.app.dark-mode.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .light-logo1, .hover-submenu.app.dark-mode.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .desktop-logo, .hover-submenu.app.dark-mode.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .toggle-logo {
display: none !important;
}
.hover-submenu.app.dark-mode.sidenav-toggled.light-menu .app-sidebar, .hover-submenu.app.dark-mode.sidenav-toggled.sidenav-toggled-open.light-menu .app-sidebar {
border-right: 1px solid var(--dark-border) !important;
}
.hover-submenu.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
margin-left: 0px !important;
}
.hover-submenu.rtl.sidebar-mini.sidenav-toggled .slide-menu {
box-shadow: -5px 0px 17px rgba(0, 0, 0, 0.1);
}
.hover-submenu.rtl.app.sidenav-toggled .app-header.header {
padding-right: 130px !important;
padding-left: 10px !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo {
display: block !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo, .hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo, .hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu h3 {
display: none !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open.color-menu .slide-menu li .slide-item:before {
color: #fff !important;
}
.hover-submenu.app.sidenav-toggled .app-content {
margin-left: 0;
}
.hover-submenu.app.sidenav-toggled .app-sidebar {
left: 230px;
}
.hover-submenu.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.hover-submenu .app-sidebar {
padding-top: 55px;
}
.hover-submenu .side-header {
width: 270px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 99;
background: #fff;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled .side-header {
width: 120px !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.hover-submenu.sidebar-mini footer.footer {
padding: 1.25rem 1.25rem 1.25rem 270px;
}
.hover-submenu.sidebar-mini.sidenav-toggled footer.footer {
padding: 1.25rem 1.25rem 1.25rem 80px;
}
}
@media (max-width: 991px) {
.hover-submenu.app {
overflow-x: hidden;
}
.hover-submenu.app .app-sidebar {
left: -270px;
}
.hover-submenu.app .app-sidebar__overlay {
visibility: hidden;
}
.hover-submenu.app.sidenav-toggled .app-content {
margin-left: 0;
}
.hover-submenu.app.sidenav-toggled .app-sidebar {
left: 0;
}
.hover-submenu.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.hover-submenu.app.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {
left: 0;
}
.hover-submenu.app .app-header .header-brand1 {
width: inherit;
position: absolute;
left: 0;
right: 0;
}
}
.hover-submenu .app-content {
min-height: calc(100vh - 50px);
margin-bottom: 0 !important;
transition: margin-left 0.2s ease;
overflow: hidden;
margin-top: 74px;
}
.hover-submenu .footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.hover-submenu .app-content {
margin-left: 270px;
}
}
@media (max-width: 991px) {
.hover-submenu .app-content {
min-width: 100%;
}
}
@media print {
.hover-submenu .app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.hover-submenu .app-header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
display: flex;
z-index: 99 !important;
border-bottom: 1px solid #eaedf1;
background: #ffffff;
transition: padding-left 0.3s ease;
}
@media (max-width: 991.98px) {
.hover-submenu .app-header {
z-index: 999 !important;
}
}
@media (min-width: 992px) {
.hover-submenu .app-header {
padding-right: 10px;
padding-left: 285px;
}
}
@media print {
.hover-submenu .app-header {
display: none;
}
}
.hover-submenu .app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: "Niconne";
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.hover-submenu .app-header__logo:focus, .hover-submenu .app-header__logo:hover {
text-decoration: none;
}
@media (min-width: 992px) {
.hover-submenu .app-header__logo {
flex: 0 0 auto;
display: block;
width: 230px;
}
}
.hover-submenu .app-sidebar__toggle {
z-index: 1;
transition: padding-left 0.3s ease;
padding: 0 9px;
text-align: center;
font-size: 1.5rem;
position: relative;
right: 7px;
}
.hover-submenu .app-sidebar__toggle:before {
content: "\e907";
transition: all 0.25s;
font-size: 21px;
font-family: "feather";
}
.hover-submenu .app-sidebar__toggle:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 12px;
background: rgba(var(--primary-bg-color), 0);
}
.hover-submenu .app-sidebar__toggle:focus, .hover-submenu .app-sidebar__toggle:hover {
text-decoration: none;
}
@media (max-width: 991px) {
.hover-submenu .app-sidebar__toggle {
order: -1;
}
}
.hover-submenu .app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
color: #495057;
width: 270px;
z-index: 99;
background: #fff;
box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);
transition: left 0.2s ease, width 0.2s ease;
border-right: 1px solid #eaedf1;
}
.hover-submenu .app-sidebar::-webkit-scrollbar {
width: 6px;
}
.hover-submenu .app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.hover-submenu .app-sidebar {
display: none;
}
}
@media (max-width: 991px) {
.hover-submenu .app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
}
.hover-submenu .app-sidebar__user {
display: flex;
align-items: center;
color: #a8a8a8;
width: 100%;
padding: 15px 0 15px;
display: inline-block;
}
.hover-submenu .app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.hover-submenu .app-sidebar__user img {
box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
padding: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
}
.hover-submenu .app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.hover-submenu .app-sidebar__user-name {
font-size: 17px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.hover-submenu .app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
}
.hover-submenu .app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.hover-submenu .side-menu {
margin-bottom: 0;
}
.hover-submenu .side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
color: #495584;
margin: 0px 0px 2px 0px;
}
.hover-submenu .side-menu__item.active {
text-decoration: none;
color: var(--primary-bg-color);
}
.hover-submenu .side-menu__item.active:hover, .hover-submenu .side-menu__item.active:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.hover-submenu .side-menu__item:hover, .hover-submenu .side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.hover-submenu .side-menu__item:hover .side-menu__icon,
.hover-submenu .side-menu__item:hover .side-menu__label, .hover-submenu .side-menu__item:focus .side-menu__icon,
.hover-submenu .side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.hover-submenu.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: block !important;
font-size: 12px;
padding-top: 0px;
margin-top: 0;
}
}
.hover-submenu .slide-item.active, .hover-submenu .slide-item:hover, .hover-submenu .slide-item:focus {
text-decoration: none;
color: #b5c1d2;
}
.hover-submenu .slide-menu a.active {
color: var(--primary-bg-color);
}
.hover-submenu .slide-item.active, .hover-submenu .slide-item:hover, .hover-submenu .slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.hover-submenu .slide-menu li {
position: relative;
}
.hover-submenu .slide-menu li .slide-item:before {
content: "\e0e7";
font-family: "typicons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
top: 2px;
font-size: 10px;
margin-right: 8px;
color: #68798b;
}
.hover-submenu .slide.is-expanded a {
text-decoration: none;
}
.hover-submenu .side-menu .side-menu__icon {
color: var(--primary-bg-color);
font-size: 18px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px;
position: relative;
}
.hover-submenu .side-menu .side-menu__icon::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 3px;
background: rgba(var(--primary-bg-color), 0);
}
.hover-submenu .side-menu__icon {
flex: 0 0 auto;
}
.hover-submenu .side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
}
.hover-submenu .slide.is-expanded .slide-menu {
display: block;
}
.hover-submenu .slide.is-expanded .angle {
transform: rotate(90deg);
}
.hover-submenu .slide-item {
display: flex;
align-items: center;
padding: 8px 17px;
font-size: 13.3px;
color: #74829c;
}
.hover-submenu .slide-item .icon {
margin-right: 5px;
}
.hover-submenu .angle {
transform-origin: center;
transition: transform 0.3s ease;
margin-right: 2px;
}
@media (min-width: 992px) {
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
.hover-submenu.sidebar-mini.sidenav-toggled .angle,
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu.sidebar-mini.sidenav-toggled .user-notification,
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu.sidebar-mini.sidenav-toggled .user-info {
display: none;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-header.header {
padding-left: 130px !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled .side-menu {
padding: 0 0px 40px 0px;
}
.hover-submenu.sidebar-mini.sidenav-toggled .side-menu .sub-category {
display: none;
}
.hover-submenu.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
background: none !important;
box-shadow: none;
margin-right: 0;
}
.hover-submenu.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon:after {
top: 6px;
}
.hover-submenu.sidebar-mini.sidenav-toggled .side-badge,
.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu open.slide-menu hide .side-badge {
top: 6px;
right: 40px;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidebar-mini.sidenav-toggled.user-notification::before {
background: transparent;
display: none;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu.sidebar-mini.sidenav-toggled .avatar-xl {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0px !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.hover-submenu.sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
display: none;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user {
padding: 12px 0px 12px 0;
margin-bottom: 0px;
border-bottom: 1px solid rgba(225, 225, 225, 0.05);
}
.hover-submenu.sidebar-mini.sidenav-toggled .profile-img {
top: 0px;
right: 19px;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-content {
margin-left: 120px;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar {
left: 0;
width: 120px !important;
overflow: hidden;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar:hover {
overflow: visible;
}
.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
opacity: 0;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled .side-menu__item {
padding: 12px 5px;
text-align: center;
display: block;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
width: 120px !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu {
padding-top: 0 !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu li h3 {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu li .badge {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu li .side-menu__icon {
top: 0 !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
width: 120px !important;
display: flex !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo,
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo1,
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-light {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .side-menu__icon:after {
top: 6px;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
display: block;
padding: 12px 5px;
text-align: center;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .sub-category {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
background: none !important;
box-shadow: none;
margin-right: 0 !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: block !important;
font-size: 12px;
padding-top: 0px;
margin-top: 0;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .angle {
display: none;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {
top: 6px;
right: 40px;
}
}
.hover-submenu .dropdown-menu {
border-radius: 0;
}
.hover-submenu .dropdown-menu.dropdown-menu-right {
left: auto;
}
.hover-submenu .dropdown-item .fa,
.hover-submenu .dropdown-item .icon {
vertical-align: middle;
}
.hover-submenu .app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #FFF;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.hover-submenu .app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.hover-submenu .app-title p {
margin-bottom: 0;
font-style: italic;
}
@media print {
.hover-submenu .app-title {
display: none;
}
}
@media (max-width: 480px) {
.hover-submenu .app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.hover-submenu .app-title p {
display: none;
}
}
.hover-submenu .app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
@media (max-width: 480px) {
.hover-submenu .app-breadcrumb {
margin-top: 10px;
}
}
.hover-submenu.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.hover-submenu.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.hover-submenu.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.hover-submenu .nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
.hover-submenu .user-info .text-dark {
color: #25252a !important;
font-weight: 400;
font-size: 16px;
}
.hover-submenu .user-info .text-muted {
color: #74829c !important;
}
.hover-submenu .side-header .header-brand1 {
text-align: center;
margin: 0 auto !important;
}
.hover-submenu .side-header .header-brand-img.desktop-logo {
display: none;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {
display: none;
}
.hover-submenu .side-header .header-brand-img.toggle-logo {
display: none;
}
.hover-submenu .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
display: none;
margin-right: 0;
}
.hover-submenu.sidebar-mini.sidenav-toggled .sidebar-navs {
display: none;
}
.hover-submenu .side-header {
display: flex;
border-bottom: 1px solid #eaedf1;
border-right: 1px solid #eaedf1;
padding: 19px 17px;
--webkit-transition: left 0.3s ease, width 0.2s ease;
transition: left 0.3s ease, width 0.2s ease;
height: 75px;
}
.hover-submenu .side-header .header-brand-img.toggle-logo, .hover-submenu .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__toggle {
padding-left: 10px;
}
.hover-submenu.sidebar-mini.sidenav-toggled .mobile-header .app-sidebar__toggle {
margin: 0;
margin-top: 5px;
}
.hover-submenu .user-pic {
margin-bottom: 0.8rem;
}
.hover-submenu .side-menu .sub-category {
color: #74829c;
margin-bottom: 0.5rem;
padding: 12px 30px 2px 20px;
margin-bottom: 0;
}
.hover-submenu .side-menu .sub-category h3 {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 11px;
font-weight: 500;
}
.hover-submenu .side-menu li:not(:first-child) h3 {
margin-top: 0rem;
}
.hover-submenu.sidebar-mini .app-header .light-logo1 {
display: block !important;
}
@media (min-width: 992px) {
.hover-submenu.sidenav-toggled .header-brand-img.light-logo {
display: block;
margin-right: 0;
}
}
.hover-submenu .side-badge,
.hover-submenu .slide-menu open.slide-menu hide .side-badge {
position: absolute;
top: 18px;
right: 20px;
border-radius: 50px;
padding: 3px 6px 3px;
}
.hover-submenu .sub-side-menu__item {
padding: 8px 17px;
display: flex;
color: #74829c;
}
.hover-submenu .sub-side-menu__item .sub-side-menu__label {
flex: 1 1 auto;
}
.hover-submenu .slide-menu a:before {
content: "\e0e7";
margin-right: 10px;
font-size: 11px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
top: 2px;
}
.hover-submenu .sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
.hover-submenu .sub-angle {
float: right;
transform-origin: center;
margin-right: 0;
transition: transform 0.3s ease;
}
.hover-submenu .sub-slide.is-expanded .sub-slide-menu {
display: block;
}
.hover-submenu .sub-slide-menu {
display: none;
padding: 0 15px 15px 0;
font-size: 13px !important;
list-style: none;
}
.hover-submenu .sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 27px !important;
color: #74829c;
}
.hover-submenu .sub-side-menu__item2 {
padding: 8px 2px 8px 27px;
display: flex;
align-items: center;
color: #74829c;
}
.hover-submenu .sub-slide2 .sub-side-menu__label2 {
flex: 1 1 auto;
}
.hover-submenu .sub-angle2 {
float: right;
margin-top: -2px;
margin-right: 0px;
transform-origin: center;
transition: transform 0.3s ease;
}
.hover-submenu .sub-slide2.is-expanded .sub-angle2 {
transform: rotate(90deg);
}
.hover-submenu .sub-slide2.is-expanded .sub-slide-menu2 {
display: block;
}
.hover-submenu .sub-slide-menu2 {
display: none;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.hover-submenu .sub-slide-item2 {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 40px !important;
color: #74829c;
}
@media (max-width: 991px) {
.hover-submenu .header-brand1 .desktop-logo {
margin: 0 auto;
margin-top: 6px;
}
}
.hover-submenu.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
display: block !important;
}
.hover-submenu.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
@media (min-width: 992px) {
.hover-submenu.sidenav-toggled .app-sidebar {
overflow: visible !important;
position: absolute !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu:hover .side-menu {
max-height: inherit !important;
visibility: visible;
border-radius: 1px !important;
transition: none !important;
padding: 8px 0px;
opacity: inherit;
display: block !important;
}
.hover-submenu .app-sidebar .slide {
position: relative;
display: block;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
left: 108px;
min-width: 185px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
display: block;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .slide-menu {
position: absolute;
left: 108px;
min-width: 185px;
opacity: 1;
z-index: 9999;
visibility: visible;
top: 0;
display: block;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .slide-menu.open {
position: absolute;
left: 108px;
min-width: 185px;
opacity: 1;
z-index: 9999;
visibility: visible;
top: 0;
display: block;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {
position: absolute;
left: 108px;
min-width: 185px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
height: auto !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
position: absolute;
left: 108px;
min-width: 185px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
display: block;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide:hover .slide-menu {
visibility: visible;
display: block !important;
height: auto !important;
}
.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
background: #ffffff;
opacity: 1;
visibility: visible;
z-index: 999;
left: 72px;
transition: none !important;
display: block !important;
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {
display: none;
}
.hover-submenu.sidenav-toggled .app-content {
min-height: 1262px;
}
}
.hover-submenu .ps--active-x > .ps__rail-x,
.hover-submenu .ps--active-y > .ps__rail-y {
display: none;
}
.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {
max-height: inherit !important;
padding-bottom: 8px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 8px !important;
height: auto !important;
overflow: hidden !important;
}
.hover-submenu.color-menu .side-header .light-logo {
display: none !important;
}
.hover-submenu.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
border-radius: 0px 6px 6px 0px !important;
}
.hover-submenu.rtl.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
border-radius: 6px 0px 0px 6px !important;
}
@media (min-width: 992px) {
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
color: #495057;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:hover .side-menu__icon, .hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:focus .side-menu__icon {
color: var(--primary-bg-color);
}
}
@media (min-width: 768px) {
.hover-submenu.sidebar-mini.sidenav-toggled .app-sidebar__user, .hover-submenu.sidebar-mini.sidenav-toggled .side-menu {
padding-top: 0px !important;
}
}
@media (min-width: 992px) {
.app.sidebar-mini.hover-submenu.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .desktop-logo, .app.sidebar-mini.hover-submenu.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo, .app.sidebar-mini.hover-submenu.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo1, .hover-submenu.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .desktop-logo, .hover-submenu.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo, .hover-submenu.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo1, .app.hover-submenu.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .desktop-logo, .app.hover-submenu.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo, .app.hover-submenu.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo1, .app.dark-mode.hover-submenu.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .desktop-logo, .app.dark-mode.hover-submenu.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo, .app.dark-mode.hover-submenu.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.app.sidebar-mini.hover-submenu.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .toggle-logo, .hover-submenu.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .toggle-logo, .app.hover-submenu.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .toggle-logo, .app.dark-mode.hover-submenu.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .toggle-logo {
display: block !important;
}
.app.sidebar-mini.dark-mode.hover-submenu.sidenav-toggled.light-menu.sidenav-toggled-open .slide-menu li .slide-item:before {
color: #495057 !important;
}
.app.hover-submenu.sidenav-toggled.dark-menu.sidenav-toggled-open .slide-menu li .slide-item:before {
color: #fff !important;
}
}
.dark-mode.hover-submenu .app-header {
background: var(--dark-body) !important;
border-bottom: 1px solid var(--dark-border) !important;
}
.dark-mode.hover-submenu .app-sidebar {
border-right: 1px solid var(--dark-border) !important;
}
@media (min-width: 992px) {
.dark-mode.hover-submenu .side-header {
background: var(--dark-body) !important;
border-bottom: 0;
border-right: 1px solid var(--dark-border);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.dark-mode.hover-submenu .side-header {
background: transparent !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 0;
border-right: 1px solid var(--dark-border);
}
}
.dark-mode.rtl.hover-submenu .side-header {
border-left: 1px solid var(--dark-border);
border-right: inherit;
}
}
.dark-mode.hover-submenu.sidebar-mini .app-header .light-logo1 {
display: none !important;
}
.dark-mode.hover-submenu .app-sidebar {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}
.dark-mode.app.hover-submenu.sidenav-toggled .sticky.stickyClass .side-header {
background-color: var(--dark-body);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.dark-mode.app.hover-submenu.sidenav-toggled .sticky.stickyClass .side-header {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background-color: transparent;
}
}
@media (max-width: 991.98px) {
.dark-mode.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {
background: transparent !important;
}
}
@media (min-width: 992px) {
.dark-mode.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {
background: var(--dark-body) !important;
border: 1px solid var(--dark-border);
border-left: 0px !important;
}
}
@media (min-width: 992px) {
.app.hover-submenu.sidenav-toggled .slide-menu {
display: none;
padding: 0px;
font-size: 0.8rem !important;
padding-left: 3px;
margin-left: 12px;
}
}
.app.hover-submenu .slide-menu {
display: none;
padding: 5px 30px;
font-size: 0.8rem !important;
padding-left: 20px;
margin-left: 20px;
}
.rtl.app.hover-submenu .slide-menu {
padding-right: 20px !important;
padding-left: inherit !important;
margin-right: 20px !important;
margin-left: inherit !important;
}
@media (min-width: 992px) {
.rtl.app.hover-submenu.sidenav-toggled .slide-menu {
padding-right: 3px !important;
padding-left: inherit !important;
margin-right: 12px !important;
margin-left: inherit !important;
}
.rtl.dark-mode.hover-submenu.sidebar-mini.sidenav-toggled .slide-menu {
border-right: 0px !important;
border: 1px solid var(--dark-border) !important;
}
}
@media (min-width: 992px) {
.hover-submenu.bg-img1.dark-mode .side-header, .hover-submenu.bg-img2.dark-mode .side-header, .hover-submenu.bg-img3.dark-mode .side-header, .hover-submenu.bg-img4.dark-mode .side-header {
background: transparent !important;
border-bottom: 0;
border-right: 0px solid var(--dark-border);
}
}
@media (min-width: 992px) {
.bg-img1.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header, .bg-img2.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header, .bg-img3.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header, .bg-img4.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header {
background-color: var(--dark-body) !important;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.bg-img1.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header, .bg-img2.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header, .bg-img3.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header, .bg-img4.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu .side-header {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: transparent !important;
}
}
}
.hover-submenu1 {
/*-- Subslide ---*/
/*-- Subslide2 ---*/
}
@media (max-width: 767.98px) {
.hover-submenu1 .app-sidebar {
top: 71px !important;
}
}
@media (min-width: 768px) {
.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu__item .side-menu__icon {
margin-left: 0px;
}
.hover-submenu1 .app-sidebar {
padding-top: 75px !important;
}
}
@media (min-width: 992px) {
.hover-submenu1.dark-mode .app-sidebar {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}
.hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.light-menu .app-sidebar, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open.light-menu .app-sidebar {
border-right: 1px solid var(--dark-border) !important;
}
.hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.light-menu .side-header, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open.light-menu .side-header {
background-color: #fff;
border-bottom: 1px solid #eaedf1 !important;
border-right: 1px solid #eaedf1 !important;
}
.hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.light-menu .side-header .header-brand1 .light-logo, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .light-logo {
display: block !important;
}
.hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.light-menu .side-header .header-brand1 .toggle-logo, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.light-menu .side-header .header-brand1 .light-logo1, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.light-menu .side-header .header-brand1 .desktop-logo, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .toggle-logo, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .light-logo1, .hover-submenu1.dark-mode.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open.light-menu .side-header .header-brand1 .desktop-logo {
display: none !important;
}
.hover-submenu1.dark-mode .app-header {
border-bottom: 1px solid var(--dark-border);
background: var(--dark-theme);
}
.hover-submenu1.dark-mode .side-header {
background: var(--dark-body) !important;
border-bottom: 0;
border-right: 0;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.hover-submenu1.dark-mode .side-header {
background: transparent !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 0;
border-right: 0;
}
}
.hover-submenu1.dark-mode.app-sidebar.sidemenu-scroll .side-header {
background-color: var(--dark-body);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.hover-submenu1.dark-mode.app-sidebar.sidemenu-scroll .side-header {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background-color: transparent;
}
}
.hover-submenu1.dark-mode .app-sidebar {
border-right: 1px solid var(--dark-border);
}
.hover-submenu1.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
margin-left: 0px !important;
}
.hover-submenu1.app.color-menu .slide-menu li .slide-item::before {
color: #fff !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open.color-menu .side-menu-label1 {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.hover-submenu1.color-menu .side-menu-label1 a {
color: #fff !important;
}
.hover-submenu1.rtl.sidebar-mini.sidenav-toggled .app-content {
margin-right: 120px !important;
margin-left: inherit !important;
}
.hover-submenu1.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
right: 106px !important;
left: inherit !important;
}
.hover-submenu1.sidenav-toggled-open .slide-item.active .slide-menu li .slide-item:before, .hover-submenu1 .hover-submenu1 .slide-item:hover .slide-menu li .slide-item:before, .hover-submenu1 .hover-submenu1 .slide-item:focus .slide-menu li .slide-item:before {
color: #fff !important;
}
.hover-submenu1.rtl.sidebar-mini.sidenav-toggled .slide-menu {
box-shadow: -5px 0px 17px rgba(0, 0, 0, 0.1);
}
.hover-submenu1.rtl.app.sidenav-toggled .app-header.header {
padding-right: 130px !important;
padding-left: 10px !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo {
display: block !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo, .hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo, .hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu h3 {
display: none !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open.color-menu .slide-menu li .slide-item:before {
color: #fff !important;
}
.hover-submenu1.app.sidenav-toggled .app-content {
margin-left: 0;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar {
left: 230px;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.hover-submenu1 .app-sidebar {
padding-top: 55px;
}
.hover-submenu1 .side-header {
width: 270px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 99;
background: #fff;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .side-header {
width: 120px !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.hover-submenu1.sidebar-mini footer.footer {
padding: 1.25rem 1.25rem 1.25rem 270px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled footer.footer {
padding: 1.25rem 1.25rem 1.25rem 80px;
}
}
@media (max-width: 991px) {
.hover-submenu1.app {
overflow-x: hidden;
}
.hover-submenu1.app .app-sidebar {
left: -270px;
}
.hover-submenu1.app .app-sidebar__overlay {
visibility: hidden;
}
.hover-submenu1.app.sidenav-toggled .app-content {
margin-left: 0;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar {
left: 0;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.hover-submenu1.app.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {
left: 0;
}
.hover-submenu1.app .app-header .header-brand1 {
width: inherit;
position: absolute;
left: 0;
right: 0;
}
}
.hover-submenu1 .app-content {
min-height: calc(100vh - 50px);
margin-bottom: 0 !important;
transition: margin-left 0.2s ease;
overflow: hidden;
margin-top: 74px;
}
.hover-submenu1 .footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.hover-submenu1 .app-content {
margin-left: 270px;
}
}
@media (max-width: 991px) {
.hover-submenu1 .app-content {
min-width: 100%;
}
}
@media print {
.hover-submenu1 .app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.hover-submenu1 .app-header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
display: flex;
z-index: 99 !important;
border-bottom: 1px solid #eaedf1;
background: #ffffff;
transition: padding-left 0.3s ease;
}
@media (max-width: 991.98px) {
.hover-submenu1 .app.sidebar-mini.dark-mode.hover-submenu1.sidenav-toggled .header .app-header .light-logo1 {
display: none !important;
}
.hover-submenu1 .app.sidebar-mini.dark-mode.hover-submenu1.sidenav-toggled .header .app-header .desktop-logo {
display: block !important;
}
.hover-submenu1 .app-header {
z-index: 999 !important;
}
}
@media (min-width: 992px) {
.hover-submenu1 .app-header {
padding-right: 10px;
padding-left: 285px;
}
}
@media print {
.hover-submenu1 .app-header {
display: none;
}
}
.hover-submenu1 .app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: "Niconne";
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.hover-submenu1 .app-header__logo:focus, .hover-submenu1 .app-header__logo:hover {
text-decoration: none;
}
@media (min-width: 992px) {
.hover-submenu1 .app-header__logo {
flex: 0 0 auto;
display: block;
width: 230px;
}
}
.hover-submenu1 .app-sidebar__toggle {
z-index: 1;
transition: padding-left 0.3s ease;
padding: 0 9px;
text-align: center;
font-size: 1.5rem;
position: relative;
right: 7px;
}
.hover-submenu1 .app-sidebar__toggle:before {
content: "\e907";
transition: all 0.25s;
font-size: 21px;
font-family: "feather";
}
.hover-submenu1 .app-sidebar__toggle:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 12px;
background: rgba(var(--primary-bg-color), 0);
}
.hover-submenu1 .app-sidebar__toggle:focus, .hover-submenu1 .app-sidebar__toggle:hover {
text-decoration: none;
}
@media (max-width: 991px) {
.hover-submenu1 .app-sidebar__toggle {
order: -1;
}
}
.hover-submenu1 .app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
color: #495057;
width: 270px;
z-index: 99;
background: #fff;
box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);
transition: left 0.2s ease, width 0.2s ease;
border-right: 1px solid #eaedf1;
}
.hover-submenu1 .app-sidebar::-webkit-scrollbar {
width: 6px;
}
.hover-submenu1 .app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.hover-submenu1 .app-sidebar {
display: none;
}
}
@media (max-width: 991px) {
.hover-submenu1 .app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
}
.hover-submenu1 .app-sidebar__user {
display: flex;
align-items: center;
color: #a8a8a8;
width: 100%;
padding: 15px 0 15px;
display: inline-block;
}
.hover-submenu1 .app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.hover-submenu1 .app-sidebar__user img {
box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
padding: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
}
.hover-submenu1 .app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.hover-submenu1 .app-sidebar__user-name {
font-size: 17px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.hover-submenu1 .app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
}
.hover-submenu1 .app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.hover-submenu1 .side-menu {
margin-bottom: 0;
}
.hover-submenu1 .side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
color: #495584;
margin: 0px 0px 2px 0px;
}
.hover-submenu1 .side-menu__item.active {
text-decoration: none;
color: var(--primary-bg-color);
}
.hover-submenu1 .side-menu__item.active:hover, .hover-submenu1 .side-menu__item.active:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.hover-submenu1 .side-menu__item:hover, .hover-submenu1 .side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.hover-submenu1 .side-menu__item:hover .side-menu__icon,
.hover-submenu1 .side-menu__item:hover .side-menu__label, .hover-submenu1 .side-menu__item:focus .side-menu__icon,
.hover-submenu1 .side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.hover-submenu1.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: block !important;
font-size: 12px;
padding-top: 0px;
margin-top: 0;
}
}
.hover-submenu1 .slide-item.active, .hover-submenu1 .slide-item:hover, .hover-submenu1 .slide-item:focus {
text-decoration: none;
color: #b5c1d2;
}
.hover-submenu1 .slide-menu a.active {
color: var(--primary-bg-color);
}
.hover-submenu1 .slide-item.active, .hover-submenu1 .slide-item:hover, .hover-submenu1 .slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.hover-submenu1 .slide-menu li {
position: relative;
}
.hover-submenu1 .slide-menu li .slide-item:before {
content: "\e0e7";
font-family: "typicons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
top: 2px;
font-size: 10px;
margin-right: 8px;
color: #68798b;
}
.hover-submenu1 .slide.is-expanded a {
text-decoration: none;
}
.hover-submenu1 .side-menu .side-menu__icon {
color: var(--primary-bg-color);
font-size: 18px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px;
position: relative;
}
.hover-submenu1 .side-menu .side-menu__icon::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 3px;
background: rgba(var(--primary-bg-color), 0);
}
.hover-submenu1 .side-menu__icon {
flex: 0 0 auto;
}
.hover-submenu1 .side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
}
.hover-submenu1 .slide.is-expanded .slide-menu {
display: block;
}
.hover-submenu1 .slide.is-expanded .angle {
transform: rotate(90deg);
}
.hover-submenu1 .slide-menu {
display: none;
padding: 0px;
font-size: 0.8rem !important;
padding-left: 3px;
margin-left: 12px;
}
.hover-submenu1 .slide-item {
display: flex;
align-items: center;
padding: 8px 17px;
font-size: 13.3px;
color: #74829c;
}
.hover-submenu1 .slide-item .icon {
margin-right: 5px;
}
.hover-submenu1 .angle {
transform-origin: center;
transition: transform 0.3s ease;
margin-right: 2px;
}
@media (min-width: 992px) {
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
.hover-submenu1.sidebar-mini.sidenav-toggled .angle,
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu1.sidebar-mini.sidenav-toggled .user-notification,
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu1.sidebar-mini.sidenav-toggled .user-info {
display: none;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-header.header {
padding-left: 130px !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu {
padding: 0 0px 40px 0px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu .sub-category {
display: none;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
background: none !important;
box-shadow: none;
margin-right: 0;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon:after {
top: 6px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .side-badge,
.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu open.slide-menu hide .side-badge {
top: 6px;
right: 40px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidebar-mini.sidenav-toggled.user-notification::before {
background: transparent;
display: none;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.hover-submenu1.sidebar-mini.sidenav-toggled .avatar-xl {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0px !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
display: none;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user {
padding: 12px 0px 12px 0;
margin-bottom: 0px;
border-bottom: 1px solid rgba(225, 225, 225, 0.05);
}
.hover-submenu1.sidebar-mini.sidenav-toggled .profile-img {
top: 0px;
right: 19px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-content {
margin-left: 120px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar {
left: 0;
width: 120px !important;
overflow: hidden;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar:hover {
overflow: visible;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
opacity: 0;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .side-menu__item {
padding: 12px 5px;
text-align: center;
display: block;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
width: 120px !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu li h3 {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu li .badge {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-menu li .side-menu__icon {
top: 0 !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
width: 120px !important;
display: flex !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo,
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo1,
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-light {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .side-menu__icon:after {
top: 6px;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
display: block;
padding: 12px 5px;
text-align: center;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .sub-category {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
background: none !important;
box-shadow: none;
margin-right: 0 !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: block !important;
font-size: 12px;
padding-top: 0px;
margin-top: 0;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .angle {
display: none;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {
top: 6px;
right: 40px;
}
}
.hover-submenu1 .dropdown-menu {
border-radius: 0;
}
.hover-submenu1 .dropdown-menu.dropdown-menu-right {
left: auto;
}
.hover-submenu1 .dropdown-item .fa,
.hover-submenu1 .dropdown-item .icon {
vertical-align: middle;
}
.hover-submenu1 .app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #FFF;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.hover-submenu1 .app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.hover-submenu1 .app-title p {
margin-bottom: 0;
font-style: italic;
}
@media print {
.hover-submenu1 .app-title {
display: none;
}
}
@media (max-width: 480px) {
.hover-submenu1 .app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.hover-submenu1 .app-title p {
display: none;
}
}
.hover-submenu1 .app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
@media (max-width: 480px) {
.hover-submenu1 .app-breadcrumb {
margin-top: 10px;
}
}
.hover-submenu1.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.hover-submenu1.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.hover-submenu1.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.hover-submenu1 .nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
.hover-submenu1 .user-info .text-dark {
color: #25252a !important;
font-weight: 400;
font-size: 16px;
}
.hover-submenu1 .user-info .text-muted {
color: #74829c !important;
}
.hover-submenu1 .side-header .header-brand1 {
text-align: center;
margin: 0 auto !important;
}
.hover-submenu1 .side-header .header-brand-img.desktop-logo {
display: none;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {
display: none;
}
.hover-submenu1 .side-header .header-brand-img.toggle-logo {
display: none;
}
.hover-submenu1 .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
display: none;
margin-right: 0;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .sidebar-navs {
display: none;
}
.hover-submenu1 .side-header {
display: flex;
border-bottom: 1px solid #eaedf1;
border-right: 1px solid #eaedf1;
padding: 19px 17px;
--webkit-transition: left 0.3s ease, width 0.2s ease;
transition: left 0.3s ease, width 0.2s ease;
height: 75px;
}
.hover-submenu1 .side-header .header-brand-img.toggle-logo, .hover-submenu1 .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .app-sidebar__toggle {
padding-left: 10px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .mobile-header .app-sidebar__toggle {
margin: 0;
margin-top: 5px;
}
.hover-submenu1 .user-pic {
margin-bottom: 0.8rem;
}
.hover-submenu1 .side-menu .sub-category {
color: #74829c;
margin-bottom: 0.5rem;
padding: 12px 30px 2px 20px;
margin-bottom: 0;
}
.hover-submenu1 .side-menu .sub-category h3 {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 11px;
font-weight: 500;
}
.hover-submenu1 .side-menu li:not(:first-child) h3 {
margin-top: 0rem;
}
.hover-submenu1.sidebar-mini .app-header .light-logo1 {
display: block !important;
}
@media (min-width: 992px) {
.hover-submenu1.sidenav-toggled .header-brand-img.light-logo {
display: block;
margin-right: 0;
}
}
.hover-submenu1 .side-badge,
.hover-submenu1 .slide-menu open.slide-menu hide .side-badge {
position: absolute;
top: 18px;
right: 20px;
border-radius: 50px;
padding: 3px 6px 3px;
}
.hover-submenu1 .sub-side-menu__item {
padding: 8px 17px;
display: flex;
color: #74829c;
}
.hover-submenu1 .sub-side-menu__item .sub-side-menu__label {
flex: 1 1 auto;
}
.hover-submenu1 .slide-menu a:before {
content: "\e0e7";
margin-right: 10px;
font-size: 11px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
top: 2px;
}
.hover-submenu1 .sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
.hover-submenu1 .sub-angle {
float: right;
transform-origin: center;
margin-right: 0;
transition: transform 0.3s ease;
}
.hover-submenu1 .sub-slide.is-expanded .sub-slide-menu {
display: block;
}
.hover-submenu1 .sub-slide-menu {
display: none;
padding: 0 15px 15px 0;
font-size: 13px !important;
list-style: none;
}
.hover-submenu1 .sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 27px !important;
color: #74829c;
}
.hover-submenu1 .sub-side-menu__item2 {
padding: 8px 2px 8px 27px;
display: flex;
align-items: center;
color: #74829c;
}
.hover-submenu1 .sub-slide2 .sub-side-menu__label2 {
flex: 1 1 auto;
}
.hover-submenu1 .sub-angle2 {
float: right;
margin-top: -2px;
margin-right: 0px;
transform-origin: center;
transition: transform 0.3s ease;
}
.hover-submenu1 .sub-slide2.is-expanded .sub-angle2 {
transform: rotate(90deg);
}
.hover-submenu1 .sub-slide2.is-expanded .sub-slide-menu2 {
display: block;
}
.hover-submenu1 .sub-slide-menu2 {
display: none;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.hover-submenu1 .sub-slide-item2 {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 40px !important;
color: #74829c;
}
@media (max-width: 991px) {
.hover-submenu1 .header-brand1 .desktop-logo {
margin: 0 auto;
margin-top: 6px;
}
}
.hover-submenu1.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
display: block !important;
}
.hover-submenu1.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
@media (min-width: 992px) {
.hover-submenu1.sidenav-toggled .app-sidebar {
overflow: visible !important;
position: absolute !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu:hover .side-menu {
max-height: inherit !important;
visibility: visible;
border-radius: 1px !important;
transition: none !important;
padding: 8px 0px;
opacity: inherit;
display: block !important;
}
.hover-submenu1 .app-sidebar .slide {
position: relative;
display: block;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
left: 108px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
display: block;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .slide-menu {
position: absolute;
left: 108px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: visible;
top: 0;
display: block;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .slide-menu.open {
position: absolute;
left: 108px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: visible;
top: 0;
display: block;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {
position: absolute;
left: 108px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
height: auto !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
position: absolute;
left: 108px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
display: block;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide:hover .slide-menu {
visibility: visible;
display: block !important;
height: auto !important;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
background: #ffffff;
opacity: 1;
visibility: visible;
z-index: 999;
left: 72px;
transition: none !important;
display: block !important;
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {
display: none;
}
.hover-submenu1.sidenav-toggled .app-content {
min-height: 1262px;
}
}
.hover-submenu1 .ps--active-x > .ps__rail-x,
.hover-submenu1 .ps--active-y > .ps__rail-y {
display: none;
}
.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {
max-height: inherit !important;
padding-bottom: 8px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 8px !important;
height: auto !important;
overflow: hidden !important;
}
.hover-submenu1.color-menu .side-header .light-logo {
display: none !important;
}
.hover-submenu1.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
border-radius: 0px 6px 6px 0px !important;
}
.hover-submenu1.rtl.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
border-radius: 6px 0px 0px 6px !important;
}
@media (min-width: 992px) {
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
color: #495057;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:hover .side-menu__icon, .hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:focus .side-menu__icon {
color: var(--primary-bg-color);
}
}
@media (min-width: 992px) {
.app.hover-submenu1.dark-mode.header-light.color-menu .side-header .header-brand1 .desktop-logo, .app.hover-submenu1.dark-mode.header-light.dark-menu .side-header .header-brand1 .desktop-logo, .app.hover-submenu1.dark-mode.header-light.gradient-menu .side-header .header-brand1 .desktop-logo {
display: block !important;
}
.app.hover-submenu1.dark-mode.header-light.color-menu .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.dark-mode.header-light.color-menu .side-header .header-brand1 .light-logo1, .app.hover-submenu1.dark-mode.header-light.color-menu .side-header .header-brand1 .light-logo, .app.hover-submenu1.dark-mode.header-light.dark-menu .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.dark-mode.header-light.dark-menu .side-header .header-brand1 .light-logo1, .app.hover-submenu1.dark-mode.header-light.dark-menu .side-header .header-brand1 .light-logo, .app.hover-submenu1.dark-mode.header-light.gradient-menu .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.dark-mode.header-light.gradient-menu .side-header .header-brand1 .light-logo1, .app.hover-submenu1.dark-mode.header-light.gradient-menu .side-header .header-brand1 .light-logo {
display: none !important;
}
.hover-submenu1.app.header-light.sidenav-toggled.dark-menu .app-sidebar .side-header .header-brand1 .desktop-logo, .hover-submenu1.app.header-light.sidenav-toggled.dark-menu .app-sidebar .side-header .header-brand1 .light-logo, .hover-submenu1.app.header-light.sidenav-toggled.dark-menu .app-sidebar .side-header .header-brand1 .light-logo1, .hover-submenu1.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .app-sidebar .side-header .header-brand1 .desktop-logo, .hover-submenu1.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .app-sidebar .side-header .header-brand1 .light-logo, .hover-submenu1.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .app-sidebar .side-header .header-brand1 .light-logo1, .app.hover-submenu1.dark-mode.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .desktop-logo, .app.hover-submenu1.dark-mode.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo, .app.hover-submenu1.dark-mode.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo1, .app.hover-submenu1.dark-mode.header-light.gradient-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .desktop-logo, .app.hover-submenu1.dark-mode.header-light.gradient-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo, .app.hover-submenu1.dark-mode.header-light.gradient-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo1, .app.hover-submenu1.dark-mode.header-light.color-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .desktop-logo, .app.hover-submenu1.dark-mode.header-light.color-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo, .app.hover-submenu1.dark-mode.header-light.color-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .light-logo1, .app.sidebar-mini.hover-submenu1.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .desktop-logo, .app.sidebar-mini.hover-submenu1.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo, .app.sidebar-mini.hover-submenu1.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo1, .hover-submenu1.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .desktop-logo, .hover-submenu1.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo, .hover-submenu1.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo1, .app.hover-submenu1.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .desktop-logo, .app.hover-submenu1.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo, .app.hover-submenu1.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.hover-submenu1.app.header-light.sidenav-toggled.dark-menu .app-sidebar .side-header .header-brand1 .toggle-logo, .hover-submenu1.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .app-sidebar .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.dark-mode.header-light.dark-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.dark-mode.header-light.gradient-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.dark-mode.header-light.color-menu.sidenav-toggled .app-sidebar .side-header .header-brand1 .toggle-logo, .app.sidebar-mini.hover-submenu1.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .toggle-logo, .hover-submenu1.light-mode.color-header.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .toggle-logo, .app.hover-submenu1.sidenav-toggled.color-menu.sidenav-toggled-open .app-sidebar .side-header .header-brand1 .toggle-logo {
display: block !important;
}
.app.sidebar-mini.dark-mode.hover-submenu1.sidenav-toggled.light-menu.sidenav-toggled-open .slide-menu li .slide-item:before {
color: #495057 !important;
}
.app.hover-submenu1.sidenav-toggled.dark-menu.sidenav-toggled-open .slide-menu li .slide-item:before {
color: #fff !important;
}
}
@media (min-width: 992px) {
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {
display: block;
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #e9edf4;
padding: 10px 15px !important;
color: var(--primary-bg-color);
margin-bottom: 6px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 a:before {
display: none;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .side-menu__label, .hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: none !important;
font-size: 12px;
padding-top: 0px;
margin-top: 0;
}
.app.hover-submenu1.sidenav-toggled.sidenav-toggled-open .side-menu {
padding-top: 10px !important;
}
}
@media (max-width: 991.98px) {
.dark-mode.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {
background: transparent !important;
}
}
@media (min-width: 992px) {
.dark-mode.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {
background: var(--dark-body) !important;
border: 1px solid var(--dark-border);
border-left: 0px !important;
}
}
@media (min-width: 992px) {
.app.hover-submenu1.sidenav-toggled .slide-menu {
display: none;
padding: 0px;
font-size: 0.8rem !important;
padding-left: 3px;
margin-left: 12px;
}
}
.app.hover-submenu1 .slide-menu {
display: none;
padding: 5px 30px;
font-size: 0.8rem !important;
padding-left: 20px;
margin-left: 20px;
}
@media (min-width: 992px) {
.app.dark-mode.hover-submenu1.rtl .side-header {
border-left: 1px solid var(--dark-border) !important;
border-right: 0px !important;
}
}
.rtl.app.hover-submenu1 .slide-menu {
padding-right: 20px !important;
padding-left: inherit !important;
margin-right: 20px !important;
margin-left: inherit !important;
}
@media (min-width: 992px) {
.rtl.app.hover-submenu1.sidenav-toggled .slide-menu {
padding-right: 3px !important;
padding-left: inherit !important;
margin-right: 12px !important;
margin-left: inherit !important;
}
.rtl.dark-mode.hover-submenu1.sidebar-mini.sidenav-toggled .slide-menu {
border-right: 0px !important;
border: 1px solid var(--dark-border) !important;
}
}
@media (max-width: 991.98px) {
.hover-submenu1 .app-sidebar {
border-right: 1px solid var(--dark-border);
}
.app.hover-submenu1.dark-mode .logo-horizontal .header-brand-img.desktop-logo {
display: block !important;
}
.app.hover-submenu1.dark-mode .logo-horizontal .header-brand-img.light-logo1 {
display: none !important;
}
}
@media (min-width: 992px) {
.hover-submenu1.bg-img1.dark-mode .side-header, .hover-submenu1.bg-img2.dark-mode .side-header, .hover-submenu1.bg-img3.dark-mode .side-header, .hover-submenu1.bg-img.dark-mode .side-header {
background: transparent !important;
border-bottom: 0;
border-right: 0px;
}
}
@media (min-width: 992px) {
.bg-img1.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header, .bg-img2.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header, .bg-img3.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header, .bg-img4.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header {
background-color: var(--dark-body) !important;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.bg-img1.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header, .bg-img2.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header, .bg-img3.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header, .bg-img4.dark-mode.sidebar-mini.sidenav-toggled.hover-submenu1 .side-header {
background-color: transparent !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
}
}
/*Gradient variables*/
/*Background variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
/*Dark Theme Variables*/
/*Transparent variables*/
.app-sidebar .mCSB_draggerContainer {
right: -11px !important;
}
.app-sidebar__toggle {
display: none;
}
@media (min-width: 768px) {
.app.sidenav-toggled .app-content {
margin-left: 0;
}
.app.sidenav-toggled .app-sidebar {
left: 230px;
}
.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.app-sidebar {
padding-top: 0;
}
.side-header {
width: 270px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 99;
background: #fff;
}
.sidebar-mini.sidenav-toggled footer.footer {
padding: 1.25rem 1.25rem 1.25rem 80px;
}
}
@media (min-width: 992px) {
.sidebar-mini footer.footer {
padding: 1.25rem 1.25rem 1.25rem 270px;
}
}
.app-content {
margin-bottom: 0 !important;
transition: all ease 0.2s;
overflow: hidden;
margin-top: 74px;
}
.app-content .side-app {
padding: 0px 15px 0 15px;
}
.footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.app-content {
margin-left: 0;
}
.app.sidebar-mini.sidenav-toggled .side-header {
width: 80px !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
width: 270px !important;
}
}
@media print {
.app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.light-text {
font-weight: 300 !important;
}
.semibold-text {
font-weight: 600 !important;
}
.line-head {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
/*----- Componant: Top Navigation Bar ----- */
.app-header {
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 99 !important;
background: #ffffff;
transition: all ease 0.2s;
}
@media (max-width: 991.98px) {
.app-header {
z-index: 999 !important;
}
}
@media (min-width: 992px) {
.app-header {
padding-right: 0;
padding-left: 0;
}
}
@media print {
.app-header {
display: none;
}
}
.app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: "Niconne";
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.app-header__logo:focus, .app-header__logo:hover {
text-decoration: none;
}
@media (min-width: 768px) {
.app-header__logo {
flex: 0 0 auto;
display: block;
width: 230px;
}
}
.app-sidebar__hamb {
color: #495584;
fill: #495584;
z-index: 1;
margin-top: 5px;
transition: padding-left 0.3s ease;
padding: 9px;
text-align: center;
height: 2.7rem;
font-size: 2.451rem;
line-height: 1;
position: relative;
border-radius: 50%;
}
.app-sidebar__hamb:hover {
color: var(--primary-bg-color);
}
.app-sidebar__hamb:before {
transition: all 0.25s;
font-size: 21px;
}
.app-sidebar__hamb:focus, .app-sidebar__hamb:hover {
text-decoration: none;
}
.app-nav {
display: flex;
margin-bottom: 0;
justify-content: flex-end;
}
@media (min-width: 768px) {
.app-nav {
flex: 1 0 auto;
}
}
.app-nav__item {
display: block;
padding: 15px;
line-height: 20px;
color: #a8a8a8;
transition: background-color 0.3s ease;
}
.app-nav__item:hover, .app-nav__item:focus {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.app-search {
position: relative;
display: flex;
align-self: center;
margin-right: 15px;
padding: 10px 0;
}
@media (max-width: 480px) {
.app-search {
display: none;
}
}
.app-search__input {
border: 0;
padding: 5px 10px;
padding-right: 30px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.8);
transition: background-color 0.3s ease;
}
.app-search__input::-webkit-input-placeholder, .app-search__input:-ms-input-placeholder, .app-search__input::-ms-input-placeholder, .app-search__input::placeholder {
color: rgba(0, 0, 0, 0.4);
}
.app-search__button {
position: absolute;
right: 0;
top: 10px;
bottom: 10px;
padding: 0 10px;
border: 0;
color: rgba(0, 0, 0, 0.8);
background: none;
cursor: pointer;
}
.app-notification {
min-width: 270px;
}
.app-notification__title {
padding: 8px 20px;
text-align: center;
background-color: rgba(0, 150, 136, 0.4);
color: #333;
}
.app-notification__footer {
padding: 8px 20px;
text-align: center;
background-color: #eee;
}
.app-notification__content {
max-height: 220px;
overflow-y: auto;
}
.app-notification__content::-webkit-scrollbar {
width: 6px;
}
.app-notification__content::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.app-notification__item {
display: flex;
padding: 8px 20px;
color: inherit;
border-bottom: 1px solid #ddd;
transition: background-color 0.3s ease;
}
.app-notification__item:focus, .app-notification__item:hover {
color: inherit;
text-decoration: none;
background-color: #e0e0e0;
}
.app-notification__message,
.app-notification__meta {
margin-bottom: 0;
}
.app-notification__icon {
padding-right: 10px;
}
.app-notification__message {
line-height: 1.2;
}
.app-sidebar {
position: position;
top: 0;
bottom: 0;
left: 0;
color: #fff !important;
z-index: 99;
background: rgb(1, 137, 53) !important;
-webkit-box-shadow: 0 8px 24px rgba(229, 228, 230, 0.4);
transition: all ease 0.2s;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.app-sidebar::-webkit-scrollbar {
width: 6px;
}
.app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.app-sidebar {
display: none;
}
}
.app-sidebar__user {
display: flex;
align-items: center;
color: #a8a8a8;
width: 100%;
padding: 15px 0 15px;
display: inline-block;
}
.app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.app-sidebar__user img {
box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
padding: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
}
.app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.app-sidebar__user-name {
font-size: 17px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
}
.app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.sub-side-menu__item:hover {
color: var(--primary-bg-color);
}
.sub-slide-item:hover {
color: var(--primary-bg-color);
}
.sub-side-menu__item2:hover {
color: var(--primary-bg-color);
}
.sub-slide-item2:hover {
color: var(--primary-bg-color);
}
.side-menu__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
transition: all ease 0.3s;
color: #fff;
margin: 0px 0px 2px 0px;
}
.side-menu__item.active {
text-decoration: none;
}
.side-menu__item.active:hover, .side-menu__item.active:focus {
text-decoration: none;
}
.side-menu__item:hover, .side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
background: transparent !important;
}
.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label, .side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
.slide-item.active, .slide-item:hover, .slide-item:focus {
text-decoration: none;
color: #b5c1d2;
}
.slide-menu a.active {
color: var(--primary-bg-color) !important;
}
.slide-item.active, .slide-item:hover, .slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.slide-menu li {
position: relative;
}
.slide-menu li .slide-item:before {
content: "\e0e7";
font-family: "typicons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
top: 1px;
font-size: 13px;
margin-right: 8px;
color: #68798b;
}
.slide.is-expanded a {
text-decoration: none;
}
.sidebar-mini .side-menu .side-menu__icon {
color: #fff;
width: 1.3rem !important;
text-align: center;
vertical-align: middle;
margin-right: 8px;
position: relative;
font-size: 1.25rem !important;
transition: all ease 0.3s;
fill: #fff;
}
.side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
position: relative;
top: 1px;
line-height: inherit;
}
.slide.is-expanded .slide-menu {
display: block;
}
.slide.is-expanded .angle {
transform: rotate(90deg);
}
.slide-menu {
display: none;
padding: 0px 30px;
font-size: 0.8rem !important;
padding-left: 20px;
margin-left: 20px;
position: absolute;
background: #018935 !important;
z-index: 99999;
border-radius: 3px;
border: 1px solid #018935;
top: 65px;
}
.slide-item {
display: flex;
align-items: center;
padding: 8px 8px;
font-size: 13px;
color: #f0f1f4;
}
.slide-item .icon {
margin-right: 5px;
}
.angle {
transform-origin: center;
transition: transform 0.3s ease;
margin-right: 2px;
}
@media (min-width: 768px) {
.sidebar-mini.sidenav-toggled .app-sidebar__user {
padding: 12px 0px 12px 0;
margin-bottom: 0px;
border-bottom: 1px solid rgba(225, 225, 225, 0.05);
}
.sidebar-mini.sidenav-toggled .profile-img {
top: 0px;
right: 19px;
}
.sidebar-mini.sidenav-toggled .app-content {
margin-left: 80px;
}
.sidebar-mini.sidenav-toggled .app-sidebar:hover {
overflow: visible;
}
.sidebar-mini.sidenav-toggled .side-menu__item {
overflow: hidden;
}
.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
opacity: 0;
border-bottom-right-radius: 4px;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
}
.app.sidebar-mini.sidenav-toggled .side-menu__item {
border-radius: 0;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.app.sidebar-mini.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
width: 270px !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu h3 {
display: block !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
font-size: 1.25rem;
text-align: center;
vertical-align: middle;
margin-right: 8px !important;
position: relative;
top: -1px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: block !important;
white-space: nowrap;
flex: 1 1 auto;
position: relative;
top: 1px;
line-height: inherit;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .angle {
display: block;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {
top: 10px;
}
}
.app.sidebar-mini .side-menu_label {
display: none;
}
.dropdown-menu {
border-radius: 0;
}
.dropdown-menu.dropdown-menu-right {
left: auto;
}
.dropdown-item .fa,
.dropdown-item .icon {
vertical-align: middle;
}
.app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #fff;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.app-title p {
margin-bottom: 0;
font-style: italic;
}
@media print {
.app-title {
display: none;
}
}
@media (max-width: 480px) {
.app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.app-title p {
display: none;
}
}
.app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
@media (max-width: 480px) {
.app-breadcrumb {
margin-top: 10px;
}
}
.tile {
position: relative;
background: #ffffff;
border-radius: 3px;
padding: 20px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
transition: all 0.3s ease-in-out;
}
@media print {
.tile {
border: 1px solid #ddd;
}
}
.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.05);
}
.app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(255, 255, 255, 0.2);
}
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
.user-info .text-dark {
color: #25252a !important;
font-weight: 400;
font-size: 16px;
}
.user-info .text-muted {
color: #76839a !important;
}
.side-header .header-brand1 {
text-align: center;
margin: 0 auto !important;
}
.side-header .header-brand-img.desktop-logo {
display: none;
}
.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {
display: none;
}
.side-header .header-brand-img.toggle-logo {
display: none;
}
.side-header .header-brand-img.light-logo1 {
display: block !important;
}
.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
display: none;
margin-right: 0;
}
.sidebar-mini.sidenav-toggled .sidebar-navs {
display: none;
}
.side-header {
display: flex;
padding: 22px 17px;
transition: all ease 0.2s;
height: 75px;
}
.sidebar-mini.sidenav-toggled .app-sidebar__toggle {
padding-left: 10px;
}
.sidebar-mini.sidenav-toggled .mobile-header .app-sidebar__toggle {
margin: 0;
margin-top: 5px;
}
.user-pic {
margin-bottom: 0.8rem;
}
.sidebar-navs a {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #eaedf1 !important;
color: #68798b !important;
border-radius: 5px;
padding: 0.8rem !important;
}
.app-sidebar .sidebar-navs {
padding: 0 10px 10px 10px;
border-bottom: 1px solid #eaedf1;
}
.sidebar-navs .nav li:last-child a {
margin-right: 0 !important;
}
.side-menu h3 {
color: #76839a;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 11px;
margin-bottom: 0.5rem;
padding-top: 1.5rem !important;
font-weight: 500;
padding: 5px 30px 5px;
opacity: 0.7;
}
.side-menu li:not(:first-child) h3 {
margin-top: 0rem;
}
@media (min-width: 992px) {
.sidebar-mini.sidenav-toggled .side-menu h3 {
display: none !important;
}
.side-header {
width: 270px !important;
display: flex !important;
padding: 22px 17px !important;
}
}
.sidebar-mini .app-header .light-logo1 {
display: block !important;
}
@media (min-width: 768px) {
.sidenav-toggled .header-brand-img.light-logo {
display: block;
margin-right: 0;
}
}
.side-badge,
.slide-menu open.slide-menu hide .side-badge {
position: absolute;
top: 15px;
right: 27px;
border-radius: 50em;
padding: 0.8em 0.7em;
display: inline-block;
}
.side-menu__item.active .side-menu__label {
color: #fff;
font-weight: 600;
}
/*-- Subslide ---*/
.sub-side-menu__item {
padding: 8px 8px;
font-size: 13px;
display: flex;
color: #495584;
}
.sub-side-menu__item .sub-side-menu__label {
flex: 1 1 auto;
}
.slide-menu a:before {
content: "\e0e7";
margin-right: 10px;
font-size: 11px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
top: 1px;
}
.sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
.sub-angle {
float: right;
line-height: 40px;
margin-top: 3px;
transform-origin: center;
transition: transform 0.3s ease;
}
.sub-slide.is-expanded .sub-slide-menu {
display: block;
}
.sub-slide-menu {
display: none;
padding: 0 15px 15px 0;
font-size: 13px !important;
list-style: none;
}
.sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 24px !important;
color: #495584;
font-size: 12px;
}
/*-- Subslide2 ---*/
.sub-side-menu__item2 {
padding: 8px 2px 8px 24px;
display: flex;
align-items: center;
color: #495584;
font-size: 12px;
}
.sub-slide2 .sub-side-menu__label2 {
flex: 1 1 auto;
}
.sub-angle2 {
float: right;
line-height: 40px;
margin-top: -2px;
margin-right: -9px;
transform-origin: center;
transition: transform 0.3s ease;
}
.sub-slide2.is-expanded .sub-angle2 {
transform: rotate(90deg);
}
.sub-slide2.is-expanded .sub-slide-menu2 {
display: block;
}
.sub-slide-menu2 {
display: none;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.sub-slide-item2 {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 40px !important;
font-size: 11px;
color: #495584;
}
.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
display: block !important;
}
.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.side-menu__item.active .side-menu__icon {
color: #fff !important;
fill: #fff !important;
}
.side-menu__item.active:hover .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
.app.sidenav-toggled .side-menu .side-menu__icon {
font-size: 1.5rem !important;
width: 1.3rem !important;
}
.sidebar-open #menu-icon {
color: var(--primary-bg-color);
fill: var(--primary-bg-color);
}
@media (max-width: 991.98px) {
.side-header {
display: none !important;
}
.app .app-sidebar {
left: -270px;
}
.app.sidenav-toggled .side-menu h3 {
display: block !important;
}
.app.sidenav-toggled .app-content {
margin-left: 0;
}
.app.sidebar-mini .app-sidebar {
width: 100%;
display: none;
}
.app.sidenav-toggled .app-sidebar {
left: 0;
}
.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {
left: 0;
display: block !important;
}
.header-brand1 .desktop-logo {
margin: 0 auto;
margin-top: 6px;
}
.app {
overflow-x: hidden;
}
.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
margin-right: 8px;
font-size: 1.5rem !important;
}
.app .app-sidebar__overlay {
visibility: hidden;
}
.app .app-header .header-brand1 {
width: inherit;
position: absolute;
left: 0;
right: 0;
}
.app-content {
min-width: 100%;
}
.app-sidebar__toggle {
order: -1;
}
.app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
}
@media (min-width: 992px) {
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo1,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-light {
display: none !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: block !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .badge-hide,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu open.slide-menu hide .badge-hide {
display: block;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar__user-name,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar__user-designation,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .angle,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar__user-name,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .user-notification,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar__user-name,
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .user-info {
display: block;
}
.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.app.sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
.app.sidebar-mini.sidenav-toggled .angle,
.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.app.sidebar-mini.sidenav-toggled .user-notification,
.app.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.app.sidebar-mini.sidenav-toggled .user-info {
display: none;
}
.app.sidebar-mini.sidenav-toggled .badge-hide,
.app.sidebar-mini.sidenav-toggled .slide-menu open.slide-menu hide .badge-hide {
display: none;
}
.app.sidebar-mini.sidenav-toggled .app-header.header {
padding-left: 100px;
}
.app.sidebar-mini.sidenav-toggled .side-menu {
padding: 0 0px 40px 0px;
}
.sidebar-mini.sidenav-toggled .app-sidebar {
left: 0;
width: 80px !important;
overflow: hidden;
}
.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: none !important;
}
}
@media (min-width: 992px) {
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu {
padding-top: 0px !important;
}
.sidebar-mini.sidenav-toggled .side-menu {
padding-top: 10px !important;
}
}
.app.sidebar-mini .side-menu .slide-item.active:before, .app.sidebar-mini .side-menu .slide-item:hover:before, .app.sidebar-mini .side-menu .slide-item:focus:before {
color: var(--primary-bg-color) !important;
}
.app.dark-mode.icon-overlay.sidenav-toggled.light-menu .side-header .header-brand1 .light-logo {
display: block !important;
}
.app.dark-mode.icon-overlay.sidenav-toggled.light-menu .side-header .header-brand1 .desktop-logo, .app.dark-mode.icon-overlay.sidenav-toggled.light-menu .side-header .header-brand1 .toggle-logo, .app.dark-mode.icon-overlay.sidenav-toggled.light-menu .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.sidebar-mini .app-sidebar .side-menu {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (min-width: 992px) {
.horizontal-hover .side-menu__item:not(.has-link), .horizontal-hover .sub-side-menu__item, .horizontal-hover .sub-side-menu__item2 {
pointer-events: none;
}
}
.side-menu__item.active i {
color: var(--primary-bg-color);
}
@media (max-width: 992px) {
.side-menu {
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.app.sidebar-mini .app-sidebar {
width: 100%;
}
.side-menu__item.has-link i {
position: relative;
left: 10px;
}
.slide-menu.open {
position: absolute;
background: #fff;
border-radius: 3px;
border: 1px solid #eaedf1;
z-index: 49999;
border-radius: 3px;
}
.side-menu {
display: flex;
justify-content: space-around;
}
.side-header {
border: none;
border-bottom: 1px solid #eaedf1;
}
.menu-title-side {
display: none;
}
@media (min-width: 768px) {
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {
display: none;
position: unset;
top: inherit;
min-width: 0;
width: 100%;
opacity: inherit;
visibility: inherit;
}
}
@media (max-width: 767.98px) {
.app-sidebar {
top: 71px;
}
.demo-icon.nav-link {
margin: 2px 0px 0px 0px !important;
}
}
.side-menu__item .badge {
border-radius: 50px !important;
}
@media (min-width: 992px) {
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {
display: block !important;
position: unset;
top: inherit;
min-width: 0;
width: 100%;
opacity: inherit;
visibility: inherit;
}
}
.icontext-menu {
/*-- Subslide ---*/
/*-- Subslide2 ---*/
}
@media (min-width: 992px) {
.icontext-menu .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
align-items: center;
}
.icontext-menu.app.sidenav-toggled.dark-mode.sidenav-toggled-open.dark-menu .side-header .header-brand1 .header-brand-img.desktop-logo, .icontext-menu.app.dark-mode.color-menu.header-light .side-header .header-brand1 .header-brand-img.desktop-logo, .icontext-menu.app.dark-mode.dark-menu.header-light .side-header .header-brand1 .header-brand-img.desktop-logo, .icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.desktop-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light .side-header .header-brand1 .header-brand-img.desktop-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.desktop-logo {
display: block !important;
}
.icontext-menu.app.sidenav-toggled.dark-mode.sidenav-toggled-open.dark-menu .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.sidenav-toggled.dark-mode.sidenav-toggled-open.dark-menu .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.sidenav-toggled.dark-mode.sidenav-toggled-open.dark-menu .side-header .header-brand1 .header-brand-img.toggle-logo, .icontext-menu.app.dark-mode.color-menu.header-light .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.color-menu.header-light .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.color-menu.header-light .side-header .header-brand1 .header-brand-img.toggle-logo, .icontext-menu.app.dark-mode.dark-menu.header-light .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.dark-menu.header-light .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.dark-menu.header-light .side-header .header-brand1 .header-brand-img.toggle-logo, .icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.toggle-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.gradient-menu.header-light .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light .side-header .header-brand1 .header-brand-img.toggle-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .header-brand1 .header-brand-img.toggle-logo {
display: none !important;
}
.icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.toggle-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.toggle-logo {
display: block !important;
}
.icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.dark-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.desktop-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.light-logo1, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.light-logo, .icontext-menu.app.dark-mode.gradient-menu.header-light.sidenav-toggled .side-header .header-brand1 .header-brand-img.desktop-logo {
display: none !important;
}
.icontext-menu.app.dark-mode.light-menu .slide-menu li .slide-item:before {
color: #495057 !important;
}
.icontext-menu.app.dark-mode.light-menu .slide-menu li:hover .slide-item:before {
color: var(--primary-bg-color) !important;
}
.icontext-menu.app.header-light.color-menu .slide-menu li .slide-item:before, .icontext-menu.app.header-light.dark-menu .slide-menu li .slide-item:before, .icontext-menu.app.color-header.color-menu .slide-menu li .slide-item:before, .icontext-menu.app.dark-header.color-menu .slide-menu li .slide-item:before, .icontext-menu.app.gradient-header.color-menu .slide-menu li .slide-item:before, .icontext-menu.app.dark-menu.dark-header .slide-menu li .slide-item:before, .icontext-menu.app.dark-menu.color-header .slide-menu li .slide-item:before, .icontext-menu.app.dark-menu.gradient-header .slide-menu li .slide-item:before {
color: #fff !important;
}
.icontext-menu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .toggle-logo, .icontext-menu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .toggle-logo {
display: block !important;
}
.icontext-menu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.header-light.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.header-light.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.dark-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.dark-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.color-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.color-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.gradient-header.sidenav-toggled.dark-menu .side-header .header-brand1 .light-logo1, .icontext-menu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .desktop-logo, .icontext-menu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo, .icontext-menu.app.gradient-header.sidenav-toggled.sidenav-toggled-open.dark-menu .side-header .header-brand1 .light-logo1 {
display: none !important;
}
.icontext-menu.app.sidenav-toggled.light-menu.header-light.dark-mode .side-menu__item:hover .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.header-light.dark-mode .side-menu__item:focus .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.dark-header.dark-mode .side-menu__item:hover .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.dark-header.dark-mode .side-menu__item:focus .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.color-header.dark-mode .side-menu__item:hover .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.color-header.dark-mode .side-menu__item:focus .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.gradient-header.dark-mode .side-menu__item:hover .side-menu__label, .icontext-menu.app.sidenav-toggled.light-menu.gradient-header.dark-mode .side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
}
.icontext-menu.app.sidenav-toggled.light-menu.header-light.dark-mode .side-menu__item:hover .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.header-light.dark-mode .side-menu__item:focus .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.dark-header.dark-mode .side-menu__item:hover .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.dark-header.dark-mode .side-menu__item:focus .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.color-header.dark-mode .side-menu__item:hover .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.color-header.dark-mode .side-menu__item:focus .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.gradient-header.dark-mode .side-menu__item:hover .side-menu__icon, .icontext-menu.app.sidenav-toggled.light-menu.gradient-header.dark-mode .side-menu__item:focus .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
.icontext-menu.app.light-mode.gradient-menu.gradient-header .angle {
color: white;
}
.icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled .side-header .light-logo, .icontext-menu.app.dark-mode.light-menu.dark-header.sidenav-toggled .side-header .light-logo, .icontext-menu.app.dark-mode.light-menu.color-header.sidenav-toggled .side-header .light-logo, .icontext-menu.app.dark-mode.light-menu.gradient-header.sidenav-toggled .side-header .light-logo {
display: block !important;
}
.icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled .side-header .desktop-logo, .icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled .side-header .toggle-logo, .icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled .side-header .light-logo1, .icontext-menu.app.dark-mode.light-menu.dark-header.sidenav-toggled .side-header .desktop-logo, .icontext-menu.app.dark-mode.light-menu.dark-header.sidenav-toggled .side-header .toggle-logo, .icontext-menu.app.dark-mode.light-menu.dark-header.sidenav-toggled .side-header .light-logo1, .icontext-menu.app.dark-mode.light-menu.color-header.sidenav-toggled .side-header .desktop-logo, .icontext-menu.app.dark-mode.light-menu.color-header.sidenav-toggled .side-header .toggle-logo, .icontext-menu.app.dark-mode.light-menu.color-header.sidenav-toggled .side-header .light-logo1, .icontext-menu.app.dark-mode.light-menu.gradient-header.sidenav-toggled .side-header .desktop-logo, .icontext-menu.app.dark-mode.light-menu.gradient-header.sidenav-toggled .side-header .toggle-logo, .icontext-menu.app.dark-mode.light-menu.gradient-header.sidenav-toggled .side-header .light-logo1 {
display: none !important;
}
.icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .light-logo1 {
display: block !important;
}
.icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .desktop-logo, .icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .toggle-logo, .icontext-menu.app.dark-mode.light-menu.header-light.sidenav-toggled.sidenav-toggled-open .side-header .light-logo {
display: none !important;
}
.icontext-menu.dark-mode .app-header {
border-bottom: 1px solid var(--dark-border);
background: var(--dark-theme);
}
.icontext-menu.dark-mode .side-header {
background: transparent;
border-bottom: 1px solid var(--dark-border);
border-right: 0;
}
.icontext-menu.dark-mode .app-sidebar {
border-right: 1px solid var(--dark-border);
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu__item .side-menu__icon {
margin-left: 0px;
}
.icontext-menu.app.sidenav-toggled .app-content {
margin-left: 0;
}
.icontext-menu.app.sidenav-toggled .app-sidebar {
left: 230px;
}
.icontext-menu.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.icontext-menu .app-sidebar {
padding-top: 55px;
}
.icontext-menu .side-header {
width: 270px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 99;
background: #fff;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled .side-header {
width: 120px !important;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.icontext-menu.sidebar-mini footer.footer {
padding: 1.25rem 1.25rem 1.25rem 270px;
}
.icontext-menu.sidebar-mini.sidenav-toggled footer.footer {
padding: 1.25rem 1.25rem 1.25rem 80px;
}
}
@media (max-width: 991px) {
.icontext-menu.app {
overflow-x: hidden;
}
.icontext-menu.app .app-sidebar {
left: -270px !important;
width: 270px !important;
}
.icontext-menu.app .app-sidebar__overlay {
visibility: hidden;
}
.icontext-menu.app.sidenav-toggled .app-content {
margin-left: 0 !important;
}
.icontext-menu.app.sidenav-toggled .app-sidebar {
left: 0 !important;
width: 270px !important;
}
.icontext-menu.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.icontext-menu.app .app-header .header-brand1 {
width: inherit;
position: absolute;
left: 0;
right: 0;
}
}
.icontext-menu .app-content {
min-height: calc(100vh - 50px);
margin-bottom: 0 !important;
transition: margin-left 0.2s ease;
overflow: hidden;
margin-top: 74px;
}
.icontext-menu .footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.icontext-menu .app-content {
margin-left: 270px;
}
}
@media (max-width: 767px) {
.icontext-menu .app-content {
min-width: 100%;
}
}
@media print {
.icontext-menu .app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.icontext-menu .app-header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
display: flex;
z-index: 99 !important;
border-bottom: 1px solid #eaedf1;
background: #ffffff;
transition: padding-left 0.3s ease;
}
@media (max-width: 991.98px) {
.icontext-menu .app-header {
z-index: 999 !important;
}
}
@media (min-width: 992px) {
.icontext-menu .app-header {
padding-right: 10px;
padding-left: 285px;
}
}
@media print {
.icontext-menu .app-header {
display: none;
}
}
.icontext-menu .app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: "Niconne";
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.icontext-menu .app-header__logo:focus, .icontext-menu .app-header__logo:hover {
text-decoration: none;
}
@media (min-width: 768px) {
.icontext-menu .app-header__logo {
flex: 0 0 auto;
display: block;
width: 230px;
}
}
.icontext-menu .app-sidebar__toggle {
z-index: 1;
transition: padding-left 0.3s ease;
padding: 0 9px;
text-align: center;
font-size: 1.5rem;
position: relative;
right: 7px;
}
.icontext-menu .app-sidebar__toggle:before {
content: "\e907";
transition: all 0.25s;
font-size: 21px;
font-family: "feather";
}
.icontext-menu .app-sidebar__toggle:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 12px;
background: rgba(var(--primary-bg-color), 0);
}
.icontext-menu .app-sidebar__toggle:focus, .icontext-menu .app-sidebar__toggle:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.icontext-menu .app-sidebar__toggle {
order: -1;
}
}
.icontext-menu .app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
color: #495057;
width: 270px;
z-index: 99;
background: #fff;
transition: left 0.2s ease, width 0.2s ease;
border-right: 1px solid #eaedf1;
}
.icontext-menu .app-sidebar::-webkit-scrollbar {
width: 6px;
}
.icontext-menu .app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.icontext-menu .app-sidebar {
display: none;
}
}
@media (max-width: 991.98px) {
.icontext-menu .app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
}
.icontext-menu .app-sidebar__user {
display: flex;
align-items: center;
color: #a8a8a8;
width: 100%;
padding: 15px 0 15px;
display: inline-block;
}
.icontext-menu .app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.icontext-menu .app-sidebar__user img {
box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
padding: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
}
.icontext-menu .app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.icontext-menu .app-sidebar__user-name {
font-size: 17px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.icontext-menu .app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
}
.icontext-menu .app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
@media (min-width: 992px) {
.icontext-menu .side-menu {
margin-bottom: 0;
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.icontext-menu .app-sidebar {
top: 71px !important;
}
}
.icontext-menu .side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
color: #495057;
margin: 0px 0px 2px 0px;
}
.icontext-menu .side-menu__item.active {
text-decoration: none;
color: var(--primary-bg-color);
}
.icontext-menu .side-menu__item.active:hover, .icontext-menu .side-menu__item.active:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.icontext-menu .side-menu__item:hover, .icontext-menu .side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.icontext-menu .side-menu__item:hover .side-menu__icon,
.icontext-menu .side-menu__item:hover .side-menu__label, .icontext-menu .side-menu__item:focus .side-menu__icon,
.icontext-menu .side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.icontext-menu.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: block !important;
font-size: 12px;
padding-top: 0px;
margin-top: 5px;
}
}
.icontext-menu .slide-item.active, .icontext-menu .slide-item:hover, .icontext-menu .slide-item:focus {
text-decoration: none;
color: #b5c1d2;
}
.icontext-menu .slide-menu a.active {
color: var(--primary-bg-color);
}
.icontext-menu .slide-item.active, .icontext-menu .slide-item:hover, .icontext-menu .slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.icontext-menu .slide-menu li {
position: relative;
}
.icontext-menu .slide-menu li .slide-item:before {
content: "\e0e7";
font-family: "typicons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
top: 2px;
font-size: 10px;
margin-right: 8px;
color: #68798b;
}
.icontext-menu .slide.is-expanded a {
text-decoration: none;
}
.icontext-menu .side-menu .side-menu__icon {
color: var(--primary-bg-color);
font-size: 18px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px;
position: relative;
}
.icontext-menu .side-menu .side-menu__icon::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 12px;
bottom: 0;
border-radius: 50%;
right: 3px;
background: rgba(var(--primary-bg-color), 0);
}
.icontext-menu .side-menu__icon {
flex: 0 0 auto;
}
.icontext-menu .side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
}
.icontext-menu .slide.is-expanded .slide-menu {
display: block;
}
.icontext-menu .slide.is-expanded .angle {
transform: rotate(90deg);
}
.icontext-menu .slide-menu {
display: none;
padding: 5px 30px;
font-size: 0.8rem !important;
padding-left: 20px;
margin-left: 20px;
}
.icontext-menu .slide-item {
display: flex;
align-items: center;
padding: 8px 8px;
font-size: 13.3px;
color: #74829c;
}
.icontext-menu .slide-item .icon {
margin-right: 5px;
}
.icontext-menu .angle {
transform-origin: center;
transition: transform 0.3s ease;
margin-right: 2px;
}
@media (min-width: 992px) {
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
.icontext-menu.sidebar-mini.sidenav-toggled .angle,
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.icontext-menu.sidebar-mini.sidenav-toggled .user-notification,
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.icontext-menu.sidebar-mini.sidenav-toggled .user-info {
display: none;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-header.header {
padding-left: 130px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu {
padding: 0 0px 40px 0px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu .sub-category {
display: none;
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
background: none !important;
box-shadow: none;
margin-right: 0;
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon:after {
top: 6px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-badge,
.icontext-menu.sidebar-mini.sidenav-toggled .slide-menu open.slide-menu hide .side-badge {
top: 6px;
right: 40px;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidebar-mini.sidenav-toggled.user-notification::before {
background: transparent;
display: none;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.icontext-menu.sidebar-mini.sidenav-toggled .avatar-xl {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0px !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user,
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu {
margin-top: 20px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
display: none;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user {
padding: 12px 0px 12px 0;
margin-bottom: 0px;
border-bottom: 1px solid rgba(225, 225, 225, 0.05);
}
.icontext-menu.sidebar-mini.sidenav-toggled .profile-img {
top: 0px;
right: 19px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-content {
margin-left: 120px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar {
left: 0;
width: 120px !important;
overflow: hidden;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar:hover {
overflow: visible;
}
.icontext-menu.sidebar-mini.sidenav-toggled .slide-menu {
position: absolute;
opacity: 0;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled .side-menu__item {
padding: 12px 5px;
text-align: center;
display: block;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
width: 270px !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
width: 270px !important;
display: flex !important;
padding: 17px 17px !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo,
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .light-logo1,
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-light {
display: none !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .side-menu__icon:after {
top: 12px;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
display: flex;
align-items: center;
padding: 10px 20px;
position: relative;
text-align: inherit;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .sub-category {
display: block !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {
font-size: 18px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
display: block !important;
white-space: nowrap;
flex: 1 1 auto;
margin-top: 3px;
font-size: 15px;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {
display: block !important;
position: unset;
top: inherit;
min-width: 0;
width: 100%;
opacity: inherit;
visibility: inherit;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu {
margin-top: 20px !important;
padding: 0 10px 0 10px !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .angle {
display: block;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {
top: 17px;
right: 20px;
}
}
.icontext-menu .dropdown-menu.dropdown-menu-right {
left: auto;
}
.icontext-menu .dropdown-item .fa,
.icontext-menu .dropdown-item .icon {
vertical-align: middle;
}
.icontext-menu .app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #FFF;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.icontext-menu .app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.icontext-menu .app-title p {
margin-bottom: 0;
font-style: italic;
}
@media print {
.icontext-menu .app-title {
display: none;
}
}
@media (max-width: 480px) {
.icontext-menu .app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.icontext-menu .app-title p {
display: none;
}
}
.icontext-menu .app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
@media (max-width: 480px) {
.icontext-menu .app-breadcrumb {
margin-top: 10px;
}
}
.icontext-menu.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.icontext-menu.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.icontext-menu.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.icontext-menu .nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
.icontext-menu .user-info .text-dark {
color: #25252a !important;
font-weight: 400;
font-size: 16px;
}
.icontext-menu .user-info .text-muted {
color: #74829c !important;
}
.icontext-menu .side-header .header-brand1 {
text-align: center;
margin: 0 auto !important;
}
.icontext-menu .side-header .header-brand-img.desktop-logo {
display: none;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {
display: none;
}
.icontext-menu .side-header .header-brand-img.toggle-logo {
display: none;
}
.icontext-menu .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
display: none;
margin-right: 0;
}
.icontext-menu.sidebar-mini.sidenav-toggled .sidebar-navs {
display: none;
}
.icontext-menu .side-header {
display: flex;
border-bottom: 1px solid #eaedf1;
border-right: 1px solid #eaedf1;
padding: 19px 17px;
--webkit-transition: left 0.3s ease, width 0.2s ease;
transition: left 0.3s ease, width 0.2s ease;
height: 75px;
}
.icontext-menu .side-header .header-brand-img.toggle-logo, .icontext-menu .side-header .header-brand-img.light-logo {
height: 2.5rem;
}
.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar__toggle {
padding-left: 10px;
}
.icontext-menu.sidebar-mini.sidenav-toggled .mobile-header .app-sidebar__toggle {
margin: 0;
margin-top: 5px;
}
.icontext-menu .user-pic {
margin-bottom: 0.8rem;
}
.icontext-menu .side-menu .sub-category {
color: #74829c;
margin-bottom: 0.5rem;
padding: 12px 30px 2px 20px;
margin-bottom: 0;
}
.icontext-menu .side-menu .sub-category h3 {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 11px;
font-weight: 500;
}
.icontext-menu .side-menu li:not(:first-child) h3 {
margin-top: 0rem;
}
.icontext-menu.sidebar-mini .app-header .light-logo1 {
display: block !important;
}
@media (min-width: 768px) {
.icontext-menu.sidenav-toggled .header-brand-img.light-logo {
display: block;
margin-right: 0;
}
}
.icontext-menu .side-badge,
.icontext-menu .slide-menu open.slide-menu hide .side-badge {
position: absolute;
top: 18px;
right: 20px;
border-radius: 50px;
padding: 3px 6px 3px;
}
.icontext-menu .sub-side-menu__item {
padding: 8px 8px;
font-size: 14px;
display: flex;
color: #74829c;
}
.icontext-menu .sub-side-menu__item .sub-side-menu__label {
flex: 1 1 auto;
}
.icontext-menu .slide-menu a:before {
content: "\e0e7";
margin-right: 10px;
font-size: 11px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
top: 2px;
}
.icontext-menu .sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
.icontext-menu .sub-angle {
float: right;
margin-top: 5px;
transform-origin: center;
transition: transform 0.3s ease;
}
.icontext-menu .sub-slide.is-expanded .sub-slide-menu {
display: block;
}
.icontext-menu .sub-slide-menu {
display: none;
padding: 0 15px 15px 0;
font-size: 13px !important;
list-style: none;
}
.icontext-menu .sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 24px !important;
color: #74829c;
font-size: 13.5px;
}
.icontext-menu .sub-side-menu__item2 {
padding: 8px 2px 8px 24px;
display: flex;
align-items: center;
color: #74829c;
font-size: 13.5px;
}
.icontext-menu .sub-slide2 .sub-side-menu__label2 {
flex: 1 1 auto;
}
.icontext-menu .sub-angle2 {
float: right;
line-height: 40px;
margin-top: -2px;
margin-right: -9px;
transform-origin: center;
transition: transform 0.3s ease;
}
.icontext-menu .sub-slide2.is-expanded .sub-angle2 {
transform: rotate(90deg);
}
.icontext-menu .sub-slide2.is-expanded .sub-slide-menu2 {
display: block;
}
.icontext-menu .sub-slide-menu2 {
display: none;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.icontext-menu .sub-slide-item2 {
display: flex;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 40px !important;
font-size: 13.4px;
color: #74829c;
}
@media (max-width: 767px) {
.icontext-menu .header-brand1 .desktop-logo {
margin: 0 auto;
margin-top: 6px;
}
}
.icontext-menu.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
display: block !important;
}
.icontext-menu.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: block !important;
}
.icontext-menu.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
display: none !important;
}
.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {
display: none;
}
/* ######## TEMP-STYLES ######## */
.fc .fc-button-primary {
color: #fff;
background-color: var(--primary-bg-color) !important;
border-color: var(--primary-bg-color) !important;
box-shadow: 0 5px 10px rgba(108, 95, 252, 0.18);
}
.fc .fc-button-primary:hover {
color: #fff;
background-color: var(--primary-bg-hover);
border-color: var(--primary-bg-border);
}
.fc .fc-button-primary:disabled {
/* not DRY */
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
opacity: 0.5;
}
.fc-daygrid-event.fc-event {
background: var(--primary-bg-color);
color: #fff !important;
}
.fc .fc-list-event-dot {
display: inline-block;
box-sizing: content-box;
width: 0;
height: 0;
border: 5px solid var(--primary-bg-color);
border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, var(--primary-bg-color));
border-radius: 5px;
border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc-v-event {
/* allowed to be top-level */
display: block;
border: 1px solid var(--primary-bg-color);
border: 1px solid var(--fc-event-border-color, var(--primary-bg-color));
background-color: var(--primary-bg-color);
background-color: var(--fc-event-bg-color, var(--primary-bg-color));
}
.fc-daygrid-event-dot {
/* the actual dot */
display: none;
margin: 4px;
box-sizing: content-box;
width: 0;
height: 0;
border: 4px solid var(--primary-bg-color);
border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, var(--primary-bg-color));
border-radius: 4px;
border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
.fc-h-event {
/* allowed to be top-level */
display: block;
border: 1px solid var(--primary-bg-color);
border: 1px solid var(--primary-bg-color);
background-color: var(--primary-bg-color);
background-color: var(--primary-bg-color);
}
@media (max-width: 576px) {
.fc-col-header-cell-cushion {
font-size: 10px;
}
}
/*------ Charts styles ------*/
.chart-visitors {
min-height: 18rem;
overflow: hidden;
}
.chart-tasks {
height: 15rem;
overflow: hidden;
}
.chart-donut,
.chart-pie {
height: 21rem;
overflow: hidden;
}
.chartsh {
height: 16rem;
overflow: hidden;
}
.chartwidget {
height: 17rem;
overflow: hidden;
}
.social i {
font-size: 40px;
}
.social .social-icon i {
font-size: 11px;
}
.instagram {
background: linear-gradient(to right bottom, #de497b 0%, #e1164f 100%);
}
.linkedin {
background-image: linear-gradient(to right bottom, #0d97de 0%, #13547a 100%);
}
.twitter {
background-image: linear-gradient(to right bottom, #00f2fe 0%, #1e63c3 100%);
}
.facebook {
background-image: linear-gradient(to right bottom, #3d6cbf 0%, #1e3c72 100%);
}
.map,
.chart {
position: relative;
padding-top: 56.25%;
}
.map-square,
.chart-square {
padding-top: 100%;
}
.map-content,
.chart-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.map-header {
margin-bottom: 1.5rem;
height: 15rem;
position: relative;
margin-bottom: -1.5rem;
}
.map-header:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 10rem;
background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f1f1f9 95%);
pointer-events: none;
}
.map-header-layer {
height: 100%;
}
.map-static {
height: 120px;
width: 100%;
max-width: 640px;
background-position: center center;
background-size: 640px 120px;
}
.chart-circle {
height: 7rem;
width: 7rem;
position: relative;
}
.chart-circle-1 {
display: initial;
height: 12rem;
width: 12rem;
position: relative;
}
.chart-circle canvas {
margin: 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.chart-circle-xs {
height: 2.5rem;
width: 2.5rem;
font-size: 0.8rem;
}
.chart-circle-sm {
height: 6rem !important;
width: 6rem !important;
font-size: 1rem;
}
.chart-circle-lg {
height: 10rem;
width: 10rem;
font-size: 0.8rem;
}
.chart-circle-value {
position: absolute;
top: 0px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
}
.chart-circle-value small {
display: block;
color: #9aa0ac;
font-size: 0.9375rem;
}
.chart-circle-1-value {
position: absolute;
top: -184px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
font-size: 40px;
}
.chart-circle-1-value small {
display: block;
color: #9aa0ac;
font-size: 0.9375rem;
}
.chart-circle-value-3 {
position: absolute;
top: 20px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
}
.chart-circle-value-4 {
position: absolute;
top: -66px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
font-size: 50px;
}
.amcharts-chart-div a,
.canvasjs-chart-container a {
display: none !important;
}
.amChartsLegend.amcharts-legend-div {
display: none;
}
/*----chart-drop-shadow----*/
.chart-dropshadow {
filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, 0.1));
}
.chart-dropshadow-primary {
filter: drop-shadow(-6px 12px 4px rgba(133, 67, 246, 0.5));
}
.chart-dropshadow-primary-1 {
filter: drop-shadow(-6px 12px 4px rgba(133, 67, 246, 0.2));
}
.chart-dropshadow-danger {
filter: drop-shadow(-6px 5px 4px rgba(244, 88, 91, 0.2));
}
.chart-dropshadow-warning {
filter: drop-shadow(-6px 12px 4px rgba(251, 141, 52, 0.5));
}
.BarChartShadow {
filter: drop-shadow(-6px 9px 4px rgba(0, 0, 0, 0.3));
}
.highcharts-credits,
.highcharts-button,
.highcharts-data-label,
.highcharts-label {
display: none;
}
.highcharts-data-label-connector {
display: none !important;
}
#areaChart1,
#areaChart2,
#areaChart3,
#areaChart4 {
height: 7rem !important;
}
#AreaChart5 {
width: 105% !important;
height: 163px !important;
bottom: -15px;
position: relative;
left: -7px;
}
/*----chart-drop-shadow----*/
.chart-dropshadow2 {
filter: drop-shadow(-6px 5px 4px rgba(0, 0, 0, 0.2));
}
.chart-dropshadow-secondary {
filter: drop-shadow(-6px 5px 4px rgba(167, 66, 153, 0.2));
}
.chart-dropshadow-success {
filter: drop-shadow(-6px 5px 4px rgba(19, 191, 166, 0.2));
}
.chart-dropshadow-info {
filter: drop-shadow(-6px 5px 4px rgba(7, 116, 248, 0.2));
}
.z-index2 {
z-index: 2;
}
.tilebox-one i {
font-size: 62px;
}
ul li .legend-dots {
width: 1rem;
height: 1rem;
border-radius: 100%;
display: inline-block;
vertical-align: text-bottom;
margin-right: 0.5rem;
}
.legend li {
padding: 5px;
display: inline;
}
.GradientlineShadow {
filter: drop-shadow(0 -8px 4px rgba(0, 0, 0, 0.2));
}
.donutShadow {
filter: drop-shadow(-1px 0px 2px rgba(159, 120, 255, 0.5));
}
.donutShadow-yellow {
filter: drop-shadow(-1px 0px 2px rgba(251, 196, 52, 0.5));
}
.donutShadow-blue {
filter: drop-shadow(-1px 0px 2px rgba(36, 72, 135, 0.5));
}
.circle-icon {
height: 70px;
width: 70px;
position: absolute;
margin-top: 13px;
margin-left: 13px;
float: right;
border-radius: 5px;
}
.square-icon {
height: 88px;
width: 81px;
position: absolute;
float: right;
border-radius: 7px 0px 0px 7px;
line-height: 7;
}
/* ###### Chat ###### */
@media (max-width: 991.98px) {
.main-content-body-show .main-header-menu-icon {
display: none;
}
.main-content-body-show .main-header-left .main-header-arrow {
display: block;
}
.main-content-body-show .main-content-left-chat {
display: none;
}
.main-content-body-show .main-content-body-chat {
display: flex;
}
}
.main-content-left-chat {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
padding: 0;
}
.main-nav-line-chat {
border-bottom: 1px solid #eaedf1;
flex-shrink: 0;
flex-direction: row;
padding-left: 20px;
padding: 0;
}
.main-nav-line-chat .nav-link {
font-size: 13px;
font-weight: 700;
color: #343a40;
text-transform: uppercase;
padding: 0.8rem 1.3rem;
border-bottom: 3px solid transparent;
}
.main-nav-line-chat .nav-link:hover, .main-nav-line-chat .nav-link:focus, .main-nav-line-chat .nav-link:active {
outline: none;
}
.main-nav-line-chat .nav-link + .nav-link {
margin-top: 0;
margin-left: 18px;
}
.main-chat-contacts-wrapper {
padding: 10px 20px;
flex-shrink: 0;
overflow: hidden;
}
.main-chat-contacts-wrapper .main-content-label,
.main-chat-contacts-wrapper .card-table-two .card-title {
margin-bottom: 15px;
line-height: 1;
}
@media (min-width: 992px) {
.main-chat-contacts-wrapper {
padding: 10px 15px 10px 0;
}
}
.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card-dashboard-eight .card-title,
.card-dashboard-eight .main-chat-contacts-wrapper .card-title {
margin-bottom: 15px;
line-height: 1;
}
.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
overflow: visible;
}
.main-chat-contacts {
padding-left: 20px;
display: flex;
}
.main-chat-contacts .lslide {
display: flex;
flex-direction: column;
align-items: center;
float: none;
margin-right: 10px;
}
.main-chat-contacts small {
font-size: 11px;
width: 36px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
text-align: center;
}
.main-chat-contacts-more {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 12px;
font-weight: 500;
color: #fff;
}
@media (min-width: 992px) {
.main-chat-list {
height: calc(100% - 134px);
position: relative;
}
}
.main-chat-list .media {
padding: 0.75rem 1.5rem;
border: 1px solid #eaedf1;
position: relative;
border-left: 0;
border-right: 0;
}
.main-chat-list .media .main-img-user {
flex-shrink: 0;
top: 3px;
}
.main-chat-list .media + .media {
margin-top: -1px;
border-top: 1px solid #eaedf1;
}
.main-chat-list .media.new {
background-color: #fff;
}
.main-chat-list .media.new .main-img-user span {
display: flex;
}
.main-chat-list .media.new .media-contact-name span:first-child {
font-weight: 500;
color: #404c6d;
}
.main-chat-list .media.new .media-body p {
color: #8f9cc0;
}
.main-chat-list .media:hover {
cursor: pointer;
background-color: var(--primary02);
border-top-color: #eaedf1;
border-bottom-color: #eaedf1;
}
.main-chat-list .media:hover:first-child, .main-chat-list .media:focus:first-child {
border-top-color: transparent;
}
.main-chat-list .media.selected {
background-color: var(--primary02);
border-top-color: #f7f8f9;
border-bottom-color: #f7f8f9;
}
.main-chat-list .media.selected:first-child {
border-top-color: transparent;
}
.main-chat-list .media.selected::after {
display: block;
}
.main-chat-list .media.selected .media-contact-name span:first-child {
color: #404c6d;
}
.main-chat-list .media.selected .media-body p {
color: #8f9cc0;
}
.main-chat-list .main-img-user span {
position: absolute;
top: 0;
left: -2px;
width: 14px;
height: 14px;
line-height: 14px;
display: none;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 9px;
font-weight: 500;
color: #fff;
background-color: #e984b1;
box-shadow: 0 0 0 2px #fff;
}
.main-chat-list .media-body {
margin-left: 15px;
}
.main-chat-list .media-body p {
font-size: 13px;
margin-bottom: 0;
color: #76839a;
line-height: 1.35;
}
.main-chat-list .media-contact-name {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2px;
}
.main-chat-list .media-contact-name span:first-child {
display: block;
font-size: 14px;
font-weight: 500;
color: #404c6d;
}
.main-chat-list .media-contact-name span:last-child {
display: block;
font-size: 11px;
color: #76839a;
}
@media (min-width: 992px) {
.main-chat-list .media {
padding: 0.75rem 1.5rem;
}
}
.main-content-body-chat {
flex-direction: column;
}
@media (min-width: 992px) {
.main-content-body-chat {
display: flex;
}
}
.main-chat-header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 15px 12px;
border-bottom: 1px solid #eaedf1;
}
.main-chat-header .nav {
margin-left: auto;
align-items: center;
}
.main-chat-header .nav-link {
padding: 0;
color: #76839a;
font-size: 16px;
text-align: center;
padding: 0.35rem 0.75rem;
margin: 0 2px;
}
.main-chat-header .nav-link i {
line-height: 0;
}
.main-chat-header .nav-link .typcn {
line-height: 0.9;
}
.main-chat-header .nav-link .typcn::before {
width: auto;
}
.main-chat-header .nav-link + .nav-link {
margin-left: 15px;
}
@media (min-width: 576px) {
.main-chat-header .nav-link {
display: block;
}
}
.main-chat-msg-name {
margin-left: 15px;
}
.main-chat-msg-name h6 {
margin-bottom: 0px;
font-size: 15px;
font-weight: 700;
}
.main-chat-msg-name small {
font-size: 12px;
color: #76839a;
}
@media (min-width: 992px) {
.main-chat-body {
padding-bottom: 0;
height: 700px;
overflow: hidden;
}
}
@media (min-width: 576px) {
.main-chat-body .media.flex-row-reverse .media-body {
margin-left: 55px;
}
}
.main-chat-body .media-body {
margin-left: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.main-chat-body .media-body > div:last-child {
font-size: 11px;
color: #76839a;
display: flex;
align-items: center;
}
@media (min-width: 576px) {
.main-chat-body .media-body {
margin-right: 55px;
}
}
.main-chat-time {
display: block;
position: relative;
text-align: center;
margin: 20px 0;
}
.main-chat-time:first-of-type {
margin-top: 0;
}
.main-chat-time span {
position: relative;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
background: #fff;
padding: 25px;
border-radius: 4px;
}
.main-chat-time::before {
content: "";
position: absolute;
width: 40% !important;
height: 1px;
left: 0;
right: 0;
background-color: #e9e9ef;
top: 10px;
}
@media (max-width: 991px) {
.main-chat-time::before {
left: 0 !important;
right: 0 !important;
}
}
.main-chat-time::after {
content: "";
position: absolute;
width: 40% !important;
height: 1px;
left: auto;
right: 0;
background-color: #e9e9ef;
top: 10px;
}
.main-chat-footer {
flex-shrink: 0;
display: flex;
align-items: center;
height: 60px;
padding-right: 20px;
border-top: 1px solid #eaedf1;
background-color: #fff;
position: inherit;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 7px 7px;
}
.main-chat-footer .nav {
align-items: center;
}
.main-chat-footer .nav-link {
padding: 0;
color: #76839a;
font-size: 16px;
display: none;
}
.main-chat-footer .form-control {
flex: 1;
margin: 0 10px;
padding-left: 12px;
padding-right: 0;
border-width: 0;
border: 1px solid #eaedf1;
}
.main-chat-footer .form-control:hover, .main-chat-footer .form-control:focus {
box-shadow: none;
}
@media (min-width: 992px) {
.main-chat-footer {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
}
@media (min-width: 576px) {
.main-chat-footer .nav-link {
display: block;
}
}
@media (min-width: 576px) {
.main-chat-footer .form-control {
margin-left: 20px;
}
}
@media (min-width: 768px) {
.main-chat-footer .form-control {
margin: 0 20px;
}
}
.main-msg-send {
font-size: 20px;
}
.main-content-title {
color: #170c6b;
font-weight: 500;
font-size: 32px;
text-indent: -1px;
line-height: 1;
position: relative;
margin-bottom: 20px;
}
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
padding-left: 20px;
}
@media (min-width: 992px) {
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
padding-left: 0;
}
.main-content-body-contacts {
display: block;
overflow-y: auto;
}
}
.main-chat-list .media.new .main-img-user span {
display: flex;
}
.media img {
border-radius: 4px;
}
.main-img-user img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
}
.main-chat-list .media .main-img-user {
flex-shrink: 0;
top: 3px;
}
.main-img-user {
display: block;
position: relative;
width: 36px;
height: 36px;
border-radius: 100%;
}
@media (min-width: 992px) {
.main-chat-list {
height: 700px;
position: relative;
}
}
.fa,
.far,
.fas {
font-family: "Font Awesome 5 Free";
}
.far {
font-weight: 400;
}
.main-msg-wrapper {
padding: 10px 15px;
background-color: #f9faf8;
font-size: 13px;
margin-bottom: 10px;
display: inline-block;
border-radius: 20px;
position: relative;
}
.main-chat-body {
position: relative;
}
.main-chat-body .content-inner {
padding: 20px;
}
.main-chat-body .media + .media {
margin-top: 20px;
}
.main-chat-body .media.flex-row-reverse .media-body {
margin-left: 0;
margin-right: 20px;
align-items: flex-end;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
background-color: var(--primary02);
color: #000;
position: relative;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
/* ###### Chat ###### */
.chat-left .main-msg-wrapper {
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
.profile-user-online {
background-repeat: no-repeat;
}
.slick-slider {
position: relative;
display: block;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
margin: 0 -6px;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
padding: 0;
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-slider .slick-list .slick-slide {
padding: 0 6px;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
}
.recent-box .recent-profile {
height: 90px;
width: 100%;
border-radius: 10px;
position: relative;
}
.chat-profile {
line-height: 1;
padding: 0.75rem;
color: #495057;
}
.chat-profile i {
font-size: 14px;
}
.chat-profile:hover {
color: var(--primary-bg-color) !important;
}
.chat-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.shared-files {
padding: 12px;
border-radius: 5px;
font-size: 14px;
border: 1px solid #eaedf1;
}
@media (min-width: 992px) {
.main-content-app {
height: calc(100vh - 250px);
}
}
.overflow-scroll::-webkit-scrollbar {
display: none;
}
.overflow-scroll {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.media-files {
padding: 0.75rem;
}
.dropdown-item:focus, .dropdown-item.active {
background-color: #ffffff;
color: var(--primary-bg-color) !important;
}
.tabs-menu .panel-tabs li a {
color: #495057 !important;
}
.tabs-menu .panel-tabs li a.active {
color: var(--primary-bg-color) !important;
}
@media (max-width: 1279.98px) {
.main-chat-footer {
padding-bottom: 1.5rem;
}
}
.main-chat-footer .nav-link.active, .main-chat-footer .nav-link:hover, .main-chat-footer .nav-link:focus {
color: var(--primary-bg-color) !important;
}
.authentication input {
border: 0;
padding-left: 32px !important;
border-radius: 0;
}
.authentication .card:hover {
box-shadow: 0 16px 26px 0 rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}
.authentication .card-title {
font-size: 1.185rem;
}
.authentication .form-control {
margin-bottom: 1rem;
}
.authentication .form-control:focus {
box-shadow: none;
}
.authentication input::-moz-placeholder {
color: #76839a;
margin-top: 1px;
}
.authentication input::placeholder {
color: #76839a;
margin-top: 1px;
}
.authentication .flex-c-m .login100-social-item i {
color: #fff;
margin-left: 0;
}
.authentication .wrap-input {
width: 100%;
margin: 0 auto;
}
.login100-social-item {
font-size: 20px;
color: #fff;
display: inline-block;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
margin: 5px;
text-align: center;
line-height: 2;
}
.login100-social-item:hover {
color: #fff;
}
.container-login100 .box .social-icons {
position: relative;
}
.container-login100 .box ul {
margin: 0;
padding: 0;
}
.container-login100 .box ul li {
list-style: none;
float: left;
padding: 7px 7px;
}
.container-login100 .box ul li a {
margin: 0 10px;
font-size: 20px;
transition: 0.5s;
text-align: center;
}
.relative {
position: relative !important;
}
.construction .btn.btn-icon {
width: 50px;
height: 50px;
text-align: center;
padding: 0;
background: #5851ab;
font-size: 20px;
color: #fff;
margin: 0 3px;
}
/*----- Range slider -------*/
.range {
display: table;
position: relative;
height: 25px;
margin-top: 20px;
background-color: rgb(245, 245, 245);
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.range input[type=range] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
display: table-cell;
width: 100%;
background-color: transparent;
height: 25px;
cursor: pointer;
}
.range input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none !important;
-moz-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
width: 11px;
height: 25px;
color: rgb(255, 255, 255);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0px;
background-color: rgb(153, 153, 153);
}
.range input[type=range]::-moz-slider-thumb {
-webkit-appearance: none !important;
-moz-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
width: 11px;
height: 25px;
color: rgb(255, 255, 255);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0px;
background-color: rgb(153, 153, 153);
}
.range output {
display: table-cell;
padding: 3px 5px 2px;
min-width: 40px;
color: rgb(255, 255, 255);
background-color: rgb(153, 153, 153);
text-align: center;
text-decoration: none;
border-radius: 4px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
width: 1%;
white-space: nowrap;
vertical-align: middle;
transition: all 0.5s ease;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
.range input[type=range] {
outline: none;
}
.range.range-success input[type=range]::-webkit-slider-thumb {
background-color: #4ecc48;
}
.range.range-success input[type=range]::-moz-slider-thumb {
background-color: #4ecc48;
}
.range.range-success output {
background-color: #4ecc48;
}
.range.range-success input[type=range] {
outline-color: #4ecc48;
}
.range.range-info input[type=range]::-webkit-slider-thumb {
background-color: #45aaf2;
}
.range.range-info input[type=range]::-moz-slider-thumb {
background-color: #45aaf2;
}
.range.range-info output {
background-color: #45aaf2;
}
.range.range-info input[type=range] {
outline-color: #45aaf2;
}
.range.range-warning input[type=range]::-webkit-slider-thumb {
background-color: #ecb403;
}
.range.range-warning input[type=range]::-moz-slider-thumb {
background-color: #ecb403;
}
.range.range-warning output {
background-color: #ecb403;
}
.range.range-warning input[type=range] {
outline-color: #ecb403;
}
.range.range-danger input[type=range]::-webkit-slider-thumb {
background-color: #c21a1a;
}
.range.range-danger input[type=range]::-moz-slider-thumb {
background-color: #c21a1a;
}
.range.range-danger output {
background-color: #c21a1a;
}
.range.range-danger input[type=range] {
outline-color: #c21a1a;
}
.ribbon1 {
position: absolute;
top: -6.1px;
right: 10px;
color: #fff;
z-index: 1;
}
.ribbon1:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 24px solid transparent;
border-top: 13px solid #45aaf2;
}
.ribbon1 span {
position: relative;
display: block;
text-align: center;
background: #45aaf2;
font-size: 14px;
line-height: 1;
padding: 12px 8px 10px;
border-top-right-radius: 8px;
}
.ribbon1 span:before, .ribbon1 span:after {
position: absolute;
content: "";
}
.ribbon1 span:before {
height: 6px;
width: 6px;
left: -6px;
top: 0;
background: #45aaf2;
}
.ribbon1 span:after {
height: 6px;
width: 8px;
left: -8px;
top: 0;
border-radius: 8px 8px 0 0;
background: #45aaf2;
}
.ribbon {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#45aaf2 0%, #45aaf2 100%);
box-shadow: 0 3px 10px -5px rgb(0, 0, 0);
position: absolute;
top: 19px;
right: -21px;
}
.ribbon span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #45aaf2;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #45aaf2;
}
.ribbon span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #45aaf2;
border-bottom: 3px solid transparent;
border-top: 3px solid #45aaf2;
}
/*--- WIZARD ELEMENTS ---*/
.wizard {
border: 1px solid #e9edf4;
background-color: #fff;
}
.wizard > .steps {
padding: 20px;
}
.wizard > .steps > ul {
padding: 0;
margin-bottom: 0;
display: flex;
}
.wizard > .steps > ul li {
float: none;
display: block;
width: auto;
}
.wizard > .steps > ul li .current-info {
display: none;
}
.wizard > .steps > ul li .title {
margin-left: 5px;
white-space: nowrap;
transition: all 0.2s ease-in-out;
margin: 0;
min-height: auto;
}
.wizard > .steps > ul li + li {
margin-left: 5px;
}
.wizard > .steps a {
color: var(--primary-bg-color);
font-weight: 500;
font-size: 15px;
display: flex;
align-items: center;
}
.wizard > .steps a:hover, .wizard > .steps a:active {
color: var(--primary-bg-color);
font-weight: 500;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
flex-shrink: 0;
font-weight: 700;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: var(--primary-bg-color);
display: block;
text-align: center;
line-height: 2;
width: 30px;
height: 30px;
background-color: #f1f1f9;
border-radius: 100%;
transition: all 0.2s ease-in-out;
margin-right: 5px;
}
.wizard > .steps .disabled a {
color: #737688;
}
.wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
color: #737688;
}
.wizard > .steps .current a {
color: var(--primary-bg-color);
}
.wizard > .steps .current a:hover, .wizard > .steps .current a:active {
color: var(--primary-bg-color);
}
.wizard > .steps .current a .title, .wizard > .steps .current a:hover .title, .wizard > .steps .current a:active .title {
display: inline-block;
}
.wizard > .steps .current a .number, .wizard > .steps .current a:hover .number, .wizard > .steps .current a:active .number {
background-color: var(--primary-bg-color);
color: #fff;
}
.wizard > .steps .done a {
color: #13bfa6;
}
.wizard > .steps .done a:hover, .wizard > .steps .done a:active {
color: #13bfa6;
}
.wizard > .steps .done a .title, .wizard > .steps .done a:hover .title, .wizard > .steps .done a:active .title {
display: none;
}
.wizard > .steps .done a .number, .wizard > .steps .done a:hover .number, .wizard > .steps .done a:active .number {
background-color: #13bfa6;
color: #fff;
}
.wizard > .content {
border-top: 1px solid #e9edf4;
border-bottom: 1px solid #e9edf4;
min-height: 150px;
padding: 20px;
}
.wizard > .content > .title {
font-size: 18px;
color: #495057;
font-weight: 600;
padding-bottom: 15px;
display: none;
margin: 0;
}
.wizard > .content > .title.current {
display: block;
}
.wizard > .content > .body {
float: none;
position: static;
width: auto;
height: auto;
}
.wizard > .content > .body input.parsley-error {
border-color: #ff5c77;
}
.wizard > .content > .body input.parsley-error + ul {
list-style: none !important;
}
.wizard > .actions {
padding: 20px;
}
.wizard > .actions > ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
.wizard > .actions > ul > li:last-child a {
background-color: #13bfa6;
}
.wizard > .actions a {
display: block;
background-color: var(--primary-bg-color);
padding: 9px 25px;
line-height: 1.573;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.wizard > .actions a:hover, .wizard > .actions a:active {
display: block;
background-color: var(--primary-bg-color);
padding: 9px 25px;
line-height: 1.573;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.wizard > .actions .disabled a {
background-color: #e8ebf2;
color: #495057;
}
.wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
background-color: #e8ebf2;
color: #495057;
}
.wizard.vertical > .steps {
padding: 20px;
}
.wizard.vertical > .steps ul li + li {
margin-left: 10px;
}
.wizard.vertical > .steps ul li .title {
display: none;
}
.wizard.vertical > .steps .current a .title {
display: inline-block;
}
.wizard.vertical > .content {
margin: 0;
padding: 20px;
}
.wizard.vertical > .actions {
padding: 20px;
}
.wizard.vertical > .actions ul {
float: none;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.wizard > .steps {
padding: 25px;
}
}
@media (min-width: 992px) {
.wizard > .steps {
padding: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.wizard > .steps > ul li .title {
transition: none;
}
}
@media (min-width: 576px) {
.wizard > .steps > ul li .title {
display: none;
margin-left: 10px;
}
}
@media (min-width: 768px) {
.wizard > .steps > ul li .title {
display: inline-block;
}
}
@media (min-width: 576px) {
.wizard > .steps > ul li + li {
margin-left: 20px;
}
}
@media (min-width: 992px) {
.wizard > .steps > ul li + li {
margin-left: 30px;
}
}
@media (min-width: 1200px) {
.wizard > .steps a {
justify-content: flex-start;
}
.wizard > .steps a:hover, .wizard > .steps a:active {
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
transition: none;
}
}
@media (min-width: 576px) {
.wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
font-size: 15px;
font-weight: 600;
line-height: 1.9;
width: 30px;
height: 30px;
}
}
@media (min-width: 992px) {
.wizard > .steps .disabled {
display: block;
}
}
@media (max-width: 991px) {
.wizard > .steps .disabled {
display: none;
}
}
@media (min-width: 768px) {
.wizard > .steps .done a .title, .wizard > .steps .done a:hover .title, .wizard > .steps .done a:active .title {
display: inline-block;
}
}
@media (min-width: 768px) {
.wizard > .content {
padding: 25px;
}
}
@media (min-width: 992px) {
.wizard > .content {
padding: 20px;
}
}
@media (min-width: 768px) {
.wizard > .actions {
padding: 25px;
}
}
@media (min-width: 992px) {
.wizard > .actions {
padding: 20px;
}
}
@media (min-width: 576px) {
.wizard.vertical > .steps {
float: left;
width: 20%;
}
}
@media (min-width: 768px) {
.wizard.vertical > .steps {
width: 15%;
}
}
@media (min-width: 992px) {
.wizard.vertical > .steps {
padding: 20px;
width: 30%;
}
}
@media (min-width: 576px) {
.wizard.vertical > .steps ul {
flex-direction: column;
}
}
@media (min-width: 576px) {
.wizard.vertical > .steps ul li + li {
margin-top: 10px;
margin-left: 0;
}
}
@media (min-width: 768px) {
.wizard.vertical > .steps ul li + li {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.wizard.vertical > .steps ul li .title {
display: block;
}
}
@media (min-width: 992px) {
.wizard.vertical > .steps a {
justify-content: flex-start;
}
}
@media (min-width: 576px) {
.wizard.vertical > .steps .current a .title {
display: none;
}
}
@media (min-width: 1200px) {
.wizard.vertical > .steps .current a .title {
display: inline-block;
}
}
@media (min-width: 576px) {
.wizard.vertical > .content {
border-top-width: 0;
border-bottom-width: 0;
width: 80%;
float: right;
border-left: 1px solid #e9edf4;
}
}
@media (min-width: 768px) {
.wizard.vertical > .content {
width: 85%;
}
}
@media (min-width: 992px) {
.wizard.vertical > .content {
width: 70%;
padding: 25px;
}
}
@media (min-width: 576px) {
.wizard.vertical > .actions {
width: 80%;
float: right;
border-left: 1px solid #e9edf4;
}
}
@media (min-width: 768px) {
.wizard.vertical > .actions {
width: 85%;
}
}
@media (min-width: 992px) {
.wizard.vertical > .actions {
width: 70%;
padding: 25px;
}
}
/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
.step-equal-width > .steps > ul {
display: flex;
display: flex;
}
.step-equal-width > .steps > ul > li {
flex: 1;
width: auto;
float: none;
flex: 1;
width: auto;
float: none;
}
/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
/***** CUSTOM STYLES *****/
.wizard-style-1 > .steps > ul a {
padding: 0;
height: 50px;
}
.wizard-style-1 > .steps > ul a:hover, .wizard-style-1 > .steps > ul a:active {
padding: 0;
height: 50px;
}
.wizard-style-1 > .steps > ul a .number, .wizard-style-1 > .steps > ul a:hover .number, .wizard-style-1 > .steps > ul a:active .number {
width: 50px;
height: 100%;
border: 0;
font-size: 18px;
font-weight: bold;
color: #737688;
background-color: #f3f7fd;
border-radius: 0;
}
.wizard-style-1 > .steps > ul a .title, .wizard-style-1 > .steps > ul a:hover .title, .wizard-style-1 > .steps > ul a:active .title {
margin-right: 20px;
margin-left: 20px;
}
.wizard-style-1 > .steps > ul .current a .number, .wizard-style-1 > .steps > ul .current a:hover .number, .wizard-style-1 > .steps > ul .current a:active .number {
background-color: var(--primary-bg-color);
color: #fff;
}
.wizard-style-1 > .steps > ul .done a .number, .wizard-style-1 > .steps > ul .done a:hover .number, .wizard-style-1 > .steps > ul .done a:active .number {
background-color: #643ab0;
color: #fff;
}
.wizard-style-2 > .steps > ul a {
padding: 0;
height: 50px;
border-radius: 50px;
}
.wizard-style-2 > .steps > ul a:hover, .wizard-style-2 > .steps > ul a:active {
padding: 0;
height: 50px;
border-radius: 50px;
}
.wizard-style-2 > .steps > ul a .number, .wizard-style-2 > .steps > ul a:hover .number, .wizard-style-2 > .steps > ul a:active .number {
width: 50px;
height: 100%;
border: 2px solid #f3f7fd;
font-size: 18px;
font-weight: bold;
color: #737688;
background-color: #fff;
}
.wizard-style-2 > .steps > ul a .title, .wizard-style-2 > .steps > ul a:hover .title, .wizard-style-2 > .steps > ul a:active .title {
margin-right: 20px;
}
.wizard-style-2 > .steps > ul .current a .number, .wizard-style-2 > .steps > ul .current a:hover .number, .wizard-style-2 > .steps > ul .current a:active .number {
border-color: var(--primary-bg-color);
color: var(--primary-bg-color);
}
.wizard-style-2 > .steps > ul .done a .number, .wizard-style-2 > .steps > ul .done a:hover .number, .wizard-style-2 > .steps > ul .done a:active .number {
border-color: #8c3feb;
color: #8c3feb;
}
/*--- WIZARD ELEMENTS ---*/
.parsley-required {
font-size: 12px;
color: #ff5c77;
margin-top: 3px;
}
.wizard-card .moving-tab {
margin-top: 5px;
background-color: var(--primary-bg-color) !important;
}
.form-group label.control-label {
color: var(--primary-bg-color);
}
.wizard-card.form-group .form-control {
background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));
}
.wizard-container .wizard-navigation {
background: #ebeff8;
}
.wizard-card .choice:hover .icon, .wizard-card .choice.active .icon {
border-color: var(--primary-bg-color) !important;
color: var(--primary-bg-color) !important;
}
.weather-card {
height: 492px;
background: #fff;
overflow: hidden;
}
.weather-card .top {
position: relative;
height: 328px;
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center;
text-align: center;
}
.weather-card .top .wrapper {
padding: 30px;
position: relative;
z-index: 1;
}
.weather-card .top .wrapper .mynav {
height: 20px;
}
.weather-card .top .wrapper .mynav .lnr {
color: #fff;
font-size: 20px;
}
.weather-card .top .wrapper .mynav .lnr-chevron-left {
display: inline-block;
float: left;
}
.weather-card .top .wrapper .mynav .lnr-cog {
display: inline-block;
float: right;
}
.weather-card .top .wrapper .heading {
margin-top: 20px;
font-size: 35px;
font-weight: 400;
color: #fff;
}
.weather-card .top .wrapper .location {
margin-top: 20px;
font-size: 21px;
font-weight: 400;
color: #fff;
}
.weather-card .top .wrapper .temp {
margin-top: 20px;
}
.weather-card .top .wrapper .temp a {
text-decoration: none;
color: #fff;
}
.weather-card .top .wrapper .temp a .temp-type {
font-size: 85px;
}
.weather-card .top .wrapper .temp .temp-value {
display: inline-block;
font-size: 85px;
font-weight: 600;
color: #fff;
}
.weather-card .top .wrapper .temp .deg {
display: inline-block;
font-size: 35px;
font-weight: 600;
color: #fff;
vertical-align: top;
margin-top: 10px;
}
.weather-card .top:after {
content: "";
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.weather-card .bottom {
padding: 0 30px;
background: #fff;
}
.weather-card .bottom .wrapper .forecast {
overflow: hidden;
margin: 0;
font-size: 0;
padding: 0;
padding-top: 20px;
max-height: 155px;
}
.weather-card .bottom .wrapper .forecast a {
text-decoration: none;
color: #000;
}
.weather-card .bottom .wrapper .forecast .go-up {
text-align: center;
display: block;
font-size: 25px;
margin-bottom: 10px;
}
.weather-card .bottom .wrapper .forecast li {
display: block;
font-size: 25px;
font-weight: 400;
color: rgba(0, 0, 0, 0.25);
line-height: 1em;
margin-bottom: 30px;
}
.weather-card .bottom .wrapper .forecast li .date {
display: inline-block;
}
.weather-card .bottom .wrapper .forecast li .condition {
display: inline-block;
vertical-align: middle;
float: right;
font-size: 25px;
}
.weather-card .bottom .wrapper .forecast li .condition .temp {
display: inline-block;
vertical-align: top;
font-size: 20px;
font-weight: 400;
padding-top: 2px;
}
.weather-card .bottom .wrapper .forecast li .condition .temp .deg {
display: inline-block;
font-size: 10px;
font-weight: 600;
margin-left: 3px;
vertical-align: top;
}
.weather-card .bottom .wrapper .forecast li .condition .temp .temp-type {
font-size: 20px;
}
.weather-card .bottom .wrapper .forecast li.active {
color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 1279px) {
.wideget-user-info .wideget-user-warap {
margin-top: 2rem !important;
}
}
@media (max-width: 360px) {
.wideget-user-desc .wideget-user-img {
width: 130px;
height: 130px;
}
.wideget-user-desc .user-wrap {
margin-top: 0.7rem !important;
margin-left: 13px;
}
.wideget-user-info .wideget-user-warap .wideget-user-warap-r {
margin-left: 5rem !important;
}
}
.widget-info i {
width: 100px;
height: 100px;
padding: 27px 0;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
}
.widget-info a {
border-bottom: 1px solid #fff;
}
.widgets-cards .wrp.icon-circle {
width: 73px;
height: 73px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-right: 15px;
}
.widgets-cards .wrp.icon-circle i {
font-size: 1.6rem;
color: #fff;
}
.widgets-cards .wrp p {
margin-bottom: 0;
line-height: 1;
margin-bottom: 10px;
}
.widgets-cards .wrp p:first-child {
font-weight: 600;
font-size: 25px;
}
/**widgets*/
.widgets {
font-size: 35px;
padding: 20px;
}
.widgetstext {
top: 0;
bottom: 0;
padding: 20px 40px;
}
.widget-line h4 {
font-size: 24px;
font-weight: 600;
}
.widget-line p {
font-size: 16px;
}
.widget-line-list li {
display: inline-block;
font-size: 16px;
line-height: 27px;
padding: 5px 20px 0 15px;
list-style-type: none;
}
.wideget-user-info {
margin-top: 1rem;
}
.widget-line-list {
margin: 6px;
}
.widget-progress .progress {
background-color: rgba(0, 0, 0, 0.1);
}
.widget-card-1 i {
position: relative;
bottom: 1px;
right: 11px;
border-radius: 5px;
font-size: 57px;
color: #fff;
opacity: 0.5;
}
.widget-card-1 i:hover {
color: #fff;
font-size: 80px;
position: absolute;
bottom: -10px;
transition: all 0.3s ease-in-out;
}
.wideget-user-desc .wideget-user-img img {
border-radius: 100%;
margin-right: 2rem;
}
.wideget-user-desc .user-wrap {
margin-top: 1.5rem;
}
.wideget-user .wideget-user-icons a {
display: inline-block;
width: 2rem;
height: 2rem;
text-align: center;
border-radius: 100px;
line-height: 2rem;
margin-top: 0.3rem;
}
.wideget-user .wideget-user-icons a:hover {
color: #fff;
}
.wideget-user-info .wideget-user-warap {
display: flex;
}
.wideget-user-info .wideget-user-warap h4 {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 0.4rem;
}
.wideget-user-info .wideget-user-warap .wideget-user-warap-r {
margin-left: 10rem;
}
.wideget-user-info .wideget-user-rating a {
font-size: 18px;
}
.wideget-user-tab .tab-menu-heading {
padding: 0;
border: 0;
}
.wideget-user-tab .tab-menu-heading .nav li a {
color: #374254;
font-size: 15px;
font-weight: 400;
}
.wideget-user-tab .tabs-menu1 ul li a {
padding: 14px 20px 14px 20px;
display: block;
}
.widgets-cards .widgets-cards-data {
margin-top: 8px;
}
.widgets-cards .widgets-cards-data .wrp p:first-child {
font-size: 20px;
font-weight: 500;
}
.widget-drop .dropdown-menu {
position: absolute;
transform: translate3d(-156px, 31px, 0px) !important;
top: 0px;
left: 0px;
will-change: transform;
min-width: 80px;
}
.widget-drop .button:focus {
border-color: transparant !important;
}
#widgetChart1, #widgetChart2, #widgetChart3 {
width: 110% !important;
height: 142px !important;
bottom: -15px;
position: relative;
left: -17px;
overflow: hidden !important;
border-radius: 27%;
}
.clip-widget {
position: relative;
}
/* ######## UTILITIES-STYLES ######## */
.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.85714286%;
}
.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;
}
@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;
}
}
@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;
}
}
@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;
}
}
@media (min-width: 1280px) {
.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;
}
}
/*------ Alignments -------*/
.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;
}
.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) {
.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) {
.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) {
.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: 1280px) {
.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;
}
}
.bg-secondary {
background-color: #e984b1 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus {
background-color: rgba(233, 132, 177, 0.85) !important;
}
button.bg-secondary:hover, button.bg-secondary:focus {
background-color: rgba(233, 132, 177, 0.85) !important;
}
a.bg-teritary:hover, a.bg-teritary:focus {
background-color: rgba(89, 173, 236, 0.85) !important;
}
button.bg-teritary:hover, button.bg-teritary:focus {
background-color: rgba(89, 173, 236, 0.85) !important;
}
a.bg-custom-yellow:hover, a.bg-custom-yellow:focus {
background-color: rgba(231, 195, 84, 0.85) !important;
}
button.bg-custom-yellow:hover, button.bg-custom-yellow:focus {
background-color: rgba(231, 195, 84, 0.85) !important;
}
.bg-success {
background-color: #13bfa6 !important;
}
a.bg-success:hover, a.bg-success:focus {
background-color: rgba(19, 191, 166, 0.85) !important;
}
button.bg-success:hover, button.bg-success:focus {
background-color: rgba(19, 191, 166, 0.85) !important;
}
.bg-info {
background-color: #59adec !important;
}
a.bg-info:hover, a.bg-info:focus {
background-color: rgba(89, 173, 236, 0.85) !important;
}
button.bg-info:hover, button.bg-info:focus {
background-color: rgba(89, 173, 236, 0.85) !important;
}
.bg-warning {
background-color: #e7c354 !important;
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: rgba(231, 195, 84, 0.85) !important;
}
button.bg-warning:hover, button.bg-warning:focus {
background-color: rgba(231, 195, 84, 0.85) !important;
}
.bg-danger {
background-color: #d12c47 !important;
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: rgba(209, 44, 71, 0.85) !important;
}
button.bg-danger:hover, button.bg-danger:focus {
background-color: rgba(209, 44, 71, 0.85) !important;
}
.bg-light {
background-color: rgba(228, 231, 236, 0.7725490196) !important;
}
.bg-light-lightest {
background-color: rgba(228, 231, 236, 0.15) !important;
}
.bg-light-lighter {
background-color: rgba(228, 231, 236, 0.65) !important;
}
a.bg-light:hover, a.bg-light:focus {
background-color: rgba(228, 231, 236, 0.85) !important;
}
button.bg-light:hover, button.bg-light:focus {
background-color: rgba(228, 231, 236, 0.85) !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus {
background-color: rgba(68, 69, 70, 0.85) !important;
}
button.bg-dark:hover, button.bg-dark:focus {
background-color: rgba(68, 69, 70, 0.85) !important;
}
/*--- gradient-backgrounds --*/
.bg-primary-gradient {
background: linear-gradient(to right, var(--primary-bg-color) 0%, #03ab57 100%) !important;
}
a.bg-primary-gradient:hover, a.bg-primary-gradient:focus {
background: var(--primary-bg-color) !important;
}
button.bg-primary-gradient:hover, button.bg-primary-gradient:focus {
background: var(--primary-bg-color) !important;
}
.bg-secondary-gradient {
background: linear-gradient(to right bottom, #e984b1 0%, #ffa18a 100%) !important;
}
a.bg-secondary-gradient:hover, a.bg-secondary-gradient:focus {
background: #e984b1 !important;
}
button.bg-secondary-gradient:hover, button.bg-secondary-gradient:focus {
background: #e984b1 !important;
}
.bg-success-gradient {
background: linear-gradient(to right bottom, #13bfa6 0%, #008E98 100%) !important;
}
a.bg-success-gradient:hover, a.bg-success-gradient:focus {
background: rgba(var(--primary-bg-color), 0.85) !important;
}
button.bg-success-gradient:hover, button.bg-success-gradient:focus {
background: rgba(var(--primary-bg-color), 0.85) !important;
}
.bg-info-gradient {
background: linear-gradient(to right bottom, #59adec 0%, #2a85ca 100%) !important;
}
a.bg-info-gradient:hover, a.bg-info-gradient:focus {
background: rgba(89, 173, 236, 0.85) !important;
}
button.bg-info-gradient:hover, button.bg-info-gradient:focus {
background: rgba(89, 173, 236, 0.85) !important;
}
.bg-warning-gradient {
background: linear-gradient(to right bottom, #e7c354 0%, #c9a22f 100%) !important;
}
a.bg-warning-gradient:hover, a.bg-warning-gradient:focus {
background: #FBB034 !important;
}
button.bg-warning-gradient:hover, button.bg-warning-gradient:focus {
background: #FBB034 !important;
}
.bg-danger-gradient {
background-image: linear-gradient(to right bottom, #d12c47 0%, #c100a9 100%) !important;
}
a.bg-danger-gradient:hover, a.bg-danger-gradient:focus {
background: rgba(209, 44, 71, 0.85) !important;
}
button.bg-danger-gradient:hover, button.bg-danger-gradient:focus {
background: rgba(209, 44, 71, 0.85) !important;
}
.bg-purple-gradient {
background-image: linear-gradient(to right bottom, #661fd6 0%, #0061FF 100%) !important;
}
a.bg-purple-gradient:hover, a.bg-purple-gradient:focus {
background: rgba(102, 31, 214, 0.85) !important;
}
button.bg-purple-gradient:hover, button.bg-purple-gradient:focus {
background: rgba(102, 31, 214, 0.85) !important;
}
.bg-pink-gradient {
background-image: linear-gradient(to right bottom, #f58598 0%, #E8AA98 100%) !important;
}
a.bg-pink-gradient:hover, a.bg-pink-gradient:focus {
background: rgba(245, 133, 152, 0.85) !important;
}
button.bg-pink-gradient:hover, button.bg-pink-gradient:focus {
background: rgba(245, 133, 152, 0.85) !important;
}
.bg-teal-gradient {
background-image: linear-gradient(to right bottom, #2bcbba 0%, #00B8D0 100%) !important;
}
a.bg-teal-gradient:hover, a.bg-teal-gradient:focus {
background: rgba(43, 203, 186, 0.85) !important;
}
button.bg-teal-gradient:hover, button.bg-teal-gradient:focus {
background: rgba(43, 203, 186, 0.85) !important;
}
.bg-light-gradient {
background: linear-gradient(to right bottom, #868e96 0%, #474c54 100%) !important;
}
a.bg-light-gradient:hover, a.bg-light-gradient:focus {
background: rgba(228, 231, 236, 0.85) !important;
}
button.bg-light-gradient:hover, button.bg-light-gradient:focus {
background: rgba(228, 231, 236, 0.85) !important;
}
.bg-dark-gradient {
background: linear-gradient(to right bottom, #444546 0%, rgba(0, 0, 0, 0.7215686275) 100%) !important;
}
a.bg-dark-gradient:hover, a.bg-dark-gradient:focus {
background: rgba(68, 69, 70, 0.85) !important;
}
button.bg-dark-gradient:hover, button.bg-dark-gradient:focus {
background: rgba(68, 69, 70, 0.85) !important;
}
.bg-facebook-gradient {
background: linear-gradient(to bottom right, #3b5998, #2b4170) !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg1 {
background-color: linear-gradient(to right bottom, #163b7c 0%, #548beb 100%);
}
.bg2 {
background-color: linear-gradient(to bottom right, #00f2fe 0%, #1e63c3 100%) !important;
}
.bg3 {
background-color: linear-gradient(to bottom right, #f53e31, #dd4b39);
}
/*------ Background colors -------*/
.bg-purple {
background-color: #661fd6 !important;
color: #fff !important;
}
a.bg-purple:hover, a.bg-purple:focus {
background-color: rgba(102, 31, 214, 0.85) !important;
}
button.bg-purple:hover, button.bg-purple:focus {
background-color: rgba(102, 31, 214, 0.85) !important;
}
.bg-purple-lightest {
background-color: rgba(102, 31, 214, 0.55) !important;
}
a.bg-purple-lightest:hover, a.bg-purple-lightest:focus {
background-color: rgba(102, 31, 214, 0.35) !important;
}
button.bg-purple-lightest:hover, button.bg-purple-lightest:focus {
background-color: rgba(102, 31, 214, 0.35) !important;
}
.bg-purple-lighter {
background-color: rgba(102, 31, 214, 0.65) !important;
}
a.bg-purple-lighter:hover, a.bg-purple-lighter:focus {
background-color: rgba(102, 31, 214, 0.45) !important;
}
button.bg-purple-lighter:hover, button.bg-purple-lighter:focus {
background-color: rgba(102, 31, 214, 0.45) !important;
}
.bg-purple-light {
background-color: rgba(102, 31, 214, 0.85) !important;
}
a.bg-purple-light:hover, a.bg-purple-light:focus {
background-color: rgba(102, 31, 214, 0.55) !important;
}
button.bg-purple-light:hover, button.bg-purple-light:focus {
background-color: rgba(102, 31, 214, 0.55) !important;
}
.bg-purple-dark {
background-color: rgba(59, 8, 141, 0.55) !important;
}
a.bg-purple-dark:hover, a.bg-purple-dark:focus {
background-color: rgba(59, 8, 141, 0.35) !important;
}
button.bg-purple-dark:hover, button.bg-purple-dark:focus {
background-color: rgba(59, 8, 141, 0.35) !important;
}
.bg-purple-darker {
background-color: rgba(59, 8, 141, 0.85) !important;
}
a.bg-purple-darker:hover, a.bg-purple-darker:focus {
background-color: rgba(59, 8, 141, 0.55) !important;
}
button.bg-purple-darker:hover, button.bg-purple-darker:focus {
background-color: rgba(59, 8, 141, 0.55) !important;
}
.bg-purple-darkest {
background-color: #3b088d !important;
}
a.bg-purple-darkest:hover, a.bg-purple-darkest:focus {
background-color: rgba(59, 8, 141, 0.85) !important;
}
button.bg-purple-darkest:hover, button.bg-purple-darkest:focus {
background-color: rgba(59, 8, 141, 0.85) !important;
}
.bg-blue {
background-color: #467fcf !important;
}
.bg-blue-lightest {
background-color: rgba(70, 127, 207, 0.35) !important;
}
a.bg-blue-lightest:hover, a.bg-blue-lightest:focus {
background-color: rgba(70, 127, 207, 0.15) !important;
}
button.bg-blue-lightest:hover, button.bg-blue-lightest:focus {
background-color: rgba(70, 127, 207, 0.15) !important;
}
.bg-blue-lighter {
background-color: rgba(70, 127, 207, 0.55) !important;
}
a.bg-blue-lighter:hover, a.bg-blue-lighter:focus {
background-color: rgba(70, 127, 207, 0.55) !important;
}
button.bg-blue-lighter:hover, button.bg-blue-lighter:focus {
background-color: rgba(70, 127, 207, 0.55) !important;
}
.bg-blue-light {
background-color: rgba(70, 127, 207, 0.85) !important;
}
a.bg-blue-light:hover, a.bg-blue-light:focus {
background-color: rgba(70, 127, 207, 0.55) !important;
}
button.bg-blue-light:hover, button.bg-blue-light:focus {
background-color: rgba(70, 127, 207, 0.55) !important;
}
.bg-blue-dark {
background-color: #132949 !important;
}
a.bg-blue-dark:hover, a.bg-blue-dark:focus {
background-color: rgba(19, 41, 73, 0.55) !important;
}
button.bg-blue-dark:hover, button.bg-blue-dark:focus {
background-color: rgba(19, 41, 73, 0.35) !important;
}
.bg-blue-darker {
background-color: rgba(19, 41, 73, 0.85) !important;
}
a.bg-blue-darker:hover, a.bg-blue-darker:focus {
background-color: rgba(19, 41, 73, 0.55) !important;
}
button.bg-blue-darker:hover, button.bg-blue-darker:focus {
background-color: rgba(19, 41, 73, 0.55) !important;
}
.bg-blue-darkest {
background-color: #132949 !important;
}
a.bg-blue-darkest:hover, a.bg-blue-darkest:focus {
background-color: rgba(19, 41, 73, 0.85) !important;
}
button.bg-blue-darkest:hover, button.bg-blue-darkest:focus {
background-color: rgba(19, 41, 73, 0.85) !important;
}
.bg-purssianblue {
background-color: #362f71;
}
a.bg-purssianblue-lightest:hover, a.bg-purssianblue-lightest:focus {
background-color: rgba(54, 47, 113, 0.35) !important;
}
button.bg-purssianblue-lightest:hover, button.bg-purssianblue-lightest:focus {
background-color: rgba(54, 47, 113, 0.35) !important;
}
.bg-indigo-lightest {
background-color: rgba(101, 116, 205, 0.55) !important;
}
a.bg-indigo-lightest:hover, a.bg-indigo-lightest:focus {
background-color: rgba(101, 116, 205, 0.35) !important;
}
button.bg-indigo-lightest:hover, button.bg-indigo-lightest:focus {
background-color: rgba(101, 116, 205, 0.35) !important;
}
.bg-indigo-lighter {
background-color: rgba(101, 116, 205, 0.85) !important;
}
a.bg-indigo-lighter:hover, a.bg-indigo-lighter:focus {
background-color: rgba(101, 116, 205, 0.55) !important;
}
button.bg-indigo-lighter:hover, button.bg-indigo-lighter:focus {
background-color: rgba(101, 116, 205, 0.55) !important;
}
.bg-indigo-light {
background-color: rgba(101, 116, 205, 0.765) !important;
}
a.bg-indigo-light:hover, a.bg-indigo-light:focus {
background-color: rgba(101, 116, 205, 0.45) !important;
}
button.bg-indigo-light:hover, button.bg-indigo-light:focus {
background-color: rgba(101, 116, 205, 0.45) !important;
}
.bg-indigo-dark {
background-color: rgba(18, 37, 149, 0.55) !important;
}
a.bg-indigo-dark:hover, a.bg-indigo-dark:focus {
background-color: rgba(18, 37, 149, 0.35) !important;
}
button.bg-indigo-dark:hover, button.bg-indigo-dark:focus {
background-color: rgba(18, 37, 149, 0.35) !important;
}
.bg-indigo-darker {
background-color: rgba(18, 37, 149, 0.85) !important;
}
a.bg-indigo-darker:hover, a.bg-indigo-darker:focus {
background-color: rgba(18, 37, 149, 0.55) !important;
}
button.bg-indigo-darker:hover, button.bg-indigo-darker:focus {
background-color: rgba(18, 37, 149, 0.55) !important;
}
.bg-indigo-darkest {
background-color: #122595 !important;
}
a.bg-indigo-darkest:hover, a.bg-indigo-darkest:focus {
background-color: rgba(18, 37, 149, 0.85) !important;
}
button.bg-indigo-darkest:hover, button.bg-indigo-darkest:focus {
background-color: rgba(18, 37, 149, 0.85) !important;
}
.bg-pink-lightest {
background-color: rgba(245, 133, 152, 0.35) !important;
}
a.bg-pink-lightest:hover, a.bg-pink-lightest:focus {
background-color: rgba(245, 133, 152, 0.15) !important;
}
button.bg-pink-lightest:hover, button.bg-pink-lightest:focus {
background-color: rgba(245, 133, 152, 0.15) !important;
}
.bg-pink-lighter {
background-color: rgba(245, 133, 152, 0.55) !important;
}
a.bg-pink-lighter:hover, a.bg-pink-lighter:focus {
background-color: rgba(245, 133, 152, 0.35) !important;
}
button.bg-pink-lighter:hover, button.bg-pink-lighter:focus {
background-color: rgba(245, 133, 152, 0.35) !important;
}
.bg-pink-light {
background-color: rgba(245, 133, 152, 0.85) !important;
}
a.bg-pink-light:hover, a.bg-pink-light:focus {
background-color: rgba(245, 133, 152, 0.55) !important;
}
button.bg-pink-light:hover, button.bg-pink-light:focus {
background-color: rgba(245, 133, 152, 0.55) !important;
}
.bg-pink-dark {
background-color: rgba(243, 85, 111, 0.55) !important;
}
a.bg-pink-dark:hover, a.bg-pink-dark:focus {
background-color: rgba(243, 85, 111, 0.35) !important;
}
button.bg-pink-dark:hover, button.bg-pink-dark:focus {
background-color: rgba(243, 85, 111, 0.35) !important;
}
.bg-pink-darker {
background-color: rgba(243, 85, 111, 0.85) !important;
}
a.bg-pink-darker:hover, a.bg-pink-darker:focus {
background-color: rgba(243, 85, 111, 0.35) !important;
}
button.bg-pink-darker:hover, button.bg-pink-darker:focus {
background-color: rgba(243, 85, 111, 0.55) !important;
}
.bg-pink-darkest {
background-color: #f3556f !important;
}
a.bg-pink-darkest:hover, a.bg-pink-darkest:focus {
background-color: rgba(243, 85, 111, 0.85) !important;
}
button.bg-pink-darkest:hover, button.bg-pink-darkest:focus {
background-color: rgba(243, 85, 111, 0.85) !important;
}
.bg-red {
background-color: #e32f2f !important;
}
.bg-red-lightest {
background-color: rgba(227, 47, 47, 0.35) !important;
}
a.bg-red-lightest:hover, a.bg-red-lightest:focus {
background-color: rgba(227, 47, 47, 0.15) !important;
}
button.bg-red-lightest:hover, button.bg-red-lightest:focus {
background-color: rgba(227, 47, 47, 0.15) !important;
}
.bg-red-lighter {
background-color: rgba(227, 47, 47, 0.55) !important;
}
a.bg-red-lighter:hover, a.bg-red-lighter:focus {
background-color: rgba(227, 47, 47, 0.35) !important;
}
button.bg-red-lighter:hover, button.bg-red-lighter:focus {
background-color: rgba(227, 47, 47, 0.35) !important;
}
.bg-red-light {
background-color: rgba(227, 47, 47, 0.85) !important;
}
a.bg-red-light:hover, a.bg-red-light:focus {
background-color: rgba(227, 47, 47, 0.55) !important;
}
button.bg-red-light:hover, button.bg-red-light:focus {
background-color: rgba(227, 47, 47, 0.55) !important;
}
.bg-red-dark {
background-color: rgba(163, 6, 6, 0.55) !important;
}
a.bg-red-dark:hover, a.bg-red-dark:focus {
background-color: rgba(163, 6, 6, 0.35) !important;
}
button.bg-red-dark:hover, button.bg-red-dark:focus {
background-color: rgba(163, 6, 6, 0.35) !important;
}
.bg-red-darker {
background-color: rgba(163, 6, 6, 0.85) !important;
}
a.bg-red-darker:hover, a.bg-red-darker:focus {
background-color: rgba(163, 6, 6, 0.55) !important;
}
button.bg-red-darker:hover, button.bg-red-darker:focus {
background-color: rgba(163, 6, 6, 0.55) !important;
}
.bg-red-darkest {
background-color: #a30606 !important;
}
a.bg-red-darkest:hover, a.bg-red-darkest:focus {
background-color: rgba(163, 6, 6, 0.85) !important;
}
button.bg-red-darkest:hover, button.bg-red-darkest:focus {
background-color: rgba(163, 6, 6, 0.85) !important;
}
.bg-orange-lightest {
background-color: rgba(252, 115, 3, 0.35) !important;
}
a.bg-orange-lightest:hover, a.bg-orange-lightest:focus {
background-color: rgba(252, 115, 3, 0.15) !important;
}
button.bg-orange-lightest:hover, button.bg-orange-lightest:focus {
background-color: rgba(252, 115, 3, 0.15) !important;
}
.bg-orange-lighter {
background-color: rgba(252, 115, 3, 0.55) !important;
}
a.bg-orange-lighter:hover, a.bg-orange-lighter:focus {
background-color: rgba(252, 115, 3, 0.35) !important;
}
button.bg-orange-lighter:hover, button.bg-orange-lighter:focus {
background-color: rgba(252, 115, 3, 0.35) !important;
}
.bg-orange-light {
background-color: rgba(252, 115, 3, 0.85) !important;
}
a.bg-orange-light:hover, a.bg-orange-light:focus {
background-color: rgba(252, 115, 3, 0.55) !important;
}
button.bg-orange-light:hover, button.bg-orange-light:focus {
background-color: rgba(252, 115, 3, 0.55) !important;
}
.bg-orange-dark {
background-color: rgba(149, 67, 0, 0.55) !important;
}
a.bg-orange-dark:hover, a.bg-orange-dark:focus {
background-color: rgba(149, 67, 0, 0.35) !important;
}
button.bg-orange-dark:hover, button.bg-orange-dark:focus {
background-color: rgba(149, 67, 0, 0.35) !important;
}
.bg-orange-darker {
background-color: rgba(149, 67, 0, 0.85) !important;
}
a.bg-orange-darker:hover, a.bg-orange-darker:focus {
background-color: rgba(149, 67, 0, 0.55) !important;
}
button.bg-orange-darker:hover, button.bg-orange-darker:focus {
background-color: rgba(149, 67, 0, 0.55) !important;
}
.bg-orange-darkest {
background-color: #954300 !important;
}
a.bg-orange-darkest:hover, a.bg-orange-darkest:focus {
background-color: rgba(149, 67, 0, 0.85) !important;
}
button.bg-orange-darkest:hover, button.bg-orange-darkest:focus {
background-color: rgba(149, 67, 0, 0.85) !important;
}
.bg-yellow-lightest {
background-color: rgba(251, 176, 52, 0.35) !important;
}
a.bg-yellow-lightest:hover, a.bg-yellow-lightest:focus {
background-color: rgba(251, 176, 52, 0.15) !important;
}
button.bg-yellow-lightest:hover, button.bg-yellow-lightest:focus {
background-color: rgba(251, 176, 52, 0.15) !important;
}
.bg-yellow-lighter {
background-color: rgba(251, 176, 52, 0.55) !important;
}
a.bg-yellow-lighter:hover, a.bg-yellow-lighter:focus {
background-color: rgba(251, 176, 52, 0.35) !important;
}
button.bg-yellow-lighter:hover, button.bg-yellow-lighter:focus {
background-color: rgba(251, 176, 52, 0.35) !important;
}
.bg-yellow-light {
background-color: rgba(251, 176, 52, 0.85) !important;
}
a.bg-yellow-light:hover, a.bg-yellow-light:focus {
background-color: rgba(251, 176, 52, 0.55) !important;
}
button.bg-yellow-light:hover, button.bg-yellow-light:focus {
background-color: rgba(251, 176, 52, 0.55) !important;
}
.bg-yellow-dark {
background-color: rgba(151, 93, 0, 0.55) !important;
}
a.bg-yellow-dark:hover, a.bg-yellow-dark:focus {
background-color: rgba(151, 93, 0, 0.35) !important;
}
button.bg-yellow-dark:hover, button.bg-yellow-dark:focus {
background-color: rgba(151, 93, 0, 0.35) !important;
}
.bg-yellow-darker {
background-color: rgba(151, 93, 0, 0.85) !important;
}
a.bg-yellow-darker:hover, a.bg-yellow-darker:focus {
background-color: rgba(151, 93, 0, 0.55) !important;
}
button.bg-yellow-darker:hover, button.bg-yellow-darker:focus {
background-color: rgba(151, 93, 0, 0.55) !important;
}
.bg-yellow-darkest {
background-color: #975d00 !important;
}
a.bg-yellow-darkest:hover, a.bg-yellow-darkest:focus {
background-color: rgba(151, 93, 0, 0.85) !important;
}
button.bg-yellow-darkest:hover, button.bg-yellow-darkest:focus {
background-color: rgba(151, 93, 0, 0.85) !important;
}
.bg-green-lightest {
background-color: rgba(78, 204, 72, 0.35) !important;
}
a.bg-green-lightest:hover, a.bg-green-lightest:focus {
background-color: rgba(78, 204, 72, 0.15) !important;
}
button.bg-green-lightest:hover, button.bg-green-lightest:focus {
background-color: rgba(78, 204, 72, 0.15) !important;
}
.bg-green-lighter {
background-color: rgba(78, 204, 72, 0.55) !important;
}
a.bg-green-lighter:hover, a.bg-green-lighter:focus {
background-color: rgba(78, 204, 72, 0.35) !important;
}
button.bg-green-lighter:hover, button.bg-green-lighter:focus {
background-color: rgba(78, 204, 72, 0.35) !important;
}
.bg-green-light {
background-color: rgba(78, 204, 72, 0.85) !important;
}
a.bg-green-light:hover, a.bg-green-light:focus {
background-color: rgba(78, 204, 72, 0.55) !important;
}
button.bg-green-light:hover, button.bg-green-light:focus {
background-color: rgba(78, 204, 72, 0.55) !important;
}
.bg-green-dark {
background-color: rgba(6, 121, 0, 0.55) !important;
}
a.bg-green-dark:hover, a.bg-green-dark:focus {
background-color: rgba(6, 121, 0, 0.35) !important;
}
button.bg-green-dark:hover, button.bg-green-dark:focus {
background-color: rgba(6, 121, 0, 0.35) !important;
}
.bg-green-darker {
background-color: rgba(6, 121, 0, 0.85) !important;
}
a.bg-green-darker:hover, a.bg-green-darker:focus {
background-color: rgba(6, 121, 0, 0.55) !important;
}
button.bg-green-darker:hover, button.bg-green-darker:focus {
background-color: rgba(6, 121, 0, 0.55) !important;
}
.bg-green-darkest {
background-color: #067900 !important;
}
a.bg-green-darkest:hover, a.bg-green-darkest:focus {
background-color: rgba(6, 121, 0, 0.85) !important;
}
button.bg-green-darkest:hover, button.bg-green-darkest:focus {
background-color: rgba(6, 121, 0, 0.85) !important;
}
.bg-teal-lightest {
background-color: rgba(43, 203, 186, 0.35) !important;
}
a.bg-teal-lightest:hover, a.bg-teal-lightest:focus {
background-color: rgba(43, 203, 186, 0.15) !important;
}
button.bg-teal-lightest:hover, button.bg-teal-lightest:focus {
background-color: rgba(43, 203, 186, 0.15) !important;
}
.bg-teal-lighter {
background-color: rgba(43, 203, 186, 0.55) !important;
}
a.bg-teal-lighter:hover, a.bg-teal-lighter:focus {
background-color: rgba(43, 203, 186, 0.35) !important;
}
button.bg-teal-lighter:hover, button.bg-teal-lighter:focus {
background-color: rgba(43, 203, 186, 0.35) !important;
}
.bg-teal-light {
background-color: rgba(43, 203, 186, 0.85) !important;
}
a.bg-teal-light:hover, a.bg-teal-light:focus {
background-color: rgba(43, 203, 186, 0.55) !important;
}
button.bg-teal-light:hover, button.bg-teal-light:focus {
background-color: rgba(43, 203, 186, 0.55) !important;
}
.bg-teal-dark {
background-color: rgba(0, 129, 116, 0.55) !important;
}
a.bg-teal-dark:hover, a.bg-teal-dark:focus {
background-color: rgba(0, 129, 116, 0.35) !important;
}
button.bg-teal-dark:hover, button.bg-teal-dark:focus {
background-color: rgba(0, 129, 116, 0.35) !important;
}
.bg-teal-darker {
background-color: rgba(0, 129, 116, 0.85) !important;
}
a.bg-teal-darker:hover, a.bg-teal-darker:focus {
background-color: rgba(0, 129, 116, 0.55) !important;
}
button.bg-teal-darker:hover, button.bg-teal-darker:focus {
background-color: rgba(0, 129, 116, 0.55) !important;
}
.bg-teal-darkest {
background-color: #008174 !important;
}
a.bg-teal-darkest:hover, a.bg-teal-darkest:focus {
background-color: rgba(0, 129, 116, 0.85) !important;
}
button.bg-teal-darkest:hover, button.bg-teal-darkest:focus {
background-color: rgba(0, 129, 116, 0.85) !important;
}
.bg-cyan-lightest {
background-color: rgba(23, 162, 184, 0.35) !important;
}
a.bg-cyan-lightest:hover, a.bg-cyan-lightest:focus {
background-color: rgba(23, 162, 184, 0.15) !important;
}
button.bg-cyan-lightest:hover, button.bg-cyan-lightest:focus {
background-color: rgba(23, 162, 184, 0.15) !important;
}
.bg-cyan-lighter {
background-color: rgba(23, 162, 184, 0.55) !important;
}
a.bg-cyan-lighter:hover, a.bg-cyan-lighter:focus {
background-color: rgba(23, 162, 184, 0.35) !important;
}
button.bg-cyan-lighter:hover, button.bg-cyan-lighter:focus {
background-color: rgba(23, 162, 184, 0.35) !important;
}
.bg-cyan-light {
background-color: rgba(23, 162, 184, 0.85) !important;
}
a.bg-cyan-light:hover, a.bg-cyan-light:focus {
background-color: rgba(23, 162, 184, 0.55) !important;
}
button.bg-cyan-light:hover, button.bg-cyan-light:focus {
background-color: rgba(23, 162, 184, 0.55) !important;
}
.bg-cyan-dark {
background-color: rgba(0, 119, 138, 0.55) !important;
}
a.bg-cyan-dark:hover, a.bg-cyan-dark:focus {
background-color: rgba(0, 119, 138, 0.35) !important;
}
button.bg-cyan-dark:hover, button.bg-cyan-dark:focus {
background-color: rgba(0, 119, 138, 0.35) !important;
}
.bg-cyan-darker {
background-color: rgba(0, 119, 138, 0.85) !important;
}
a.bg-cyan-darker:hover, a.bg-cyan-darker:focus {
background-color: rgba(0, 119, 138, 0.55) !important;
}
button.bg-cyan-darker:hover, button.bg-cyan-darker:focus {
background-color: rgba(0, 119, 138, 0.55) !important;
}
.bg-cyan-darkest {
background-color: #00778a !important;
}
a.bg-cyan-darkest:hover, a.bg-cyan-darkest:focus {
background-color: rgba(0, 119, 138, 0.85) !important;
}
button.bg-cyan-darkest:hover, button.bg-cyan-darkest:focus {
background-color: rgba(0, 119, 138, 0.85) !important;
}
.bg-white-lightest {
background-color: rgba(255, 255, 255, 0.35) !important;
}
a.bg-white-lightest:hover, a.bg-white-lightest:focus {
background-color: rgba(255, 255, 255, 0.15) !important;
}
button.bg-white-lightest:hover, button.bg-white-lightest:focus {
background-color: rgba(255, 255, 255, 0.15) !important;
}
.bg-white-lighter {
background-color: rgba(255, 255, 255, 0.55) !important;
}
a.bg-white-lighter:hover, a.bg-white-lighter:focus {
background-color: rgba(255, 255, 255, 0.35) !important;
}
button.bg-white-lighter:hover, button.bg-white-lighter:focus {
background-color: rgba(255, 255, 255, 0.35) !important;
}
.bg-white-light {
background-color: rgba(255, 255, 255, 0.85) !important;
}
a.bg-white-light:hover, a.bg-white-light:focus {
background-color: rgba(255, 255, 255, 0.55) !important;
}
button.bg-white-light:hover, button.bg-white-light:focus {
background-color: rgba(255, 255, 255, 0.55) !important;
}
.bg-white-dark {
background-color: rgba(128, 128, 128, 0.55) !important;
}
a.bg-white-dark:hover, a.bg-white-dark:focus {
background-color: rgba(128, 128, 128, 0.35) !important;
}
button.bg-white-dark:hover, button.bg-white-dark:focus {
background-color: rgba(128, 128, 128, 0.35) !important;
}
.bg-white-darker {
background-color: rgba(128, 128, 128, 0.85) !important;
}
a.bg-white-darker:hover, a.bg-white-darker:focus {
background-color: rgba(128, 128, 128, 0.55) !important;
}
button.bg-white-darker:hover, button.bg-white-darker:focus {
background-color: rgba(128, 128, 128, 0.55) !important;
}
.bg-white-darkest {
background-color: #808080 !important;
}
a.bg-white-darkest:hover, a.bg-white-darkest:focus {
background-color: rgba(128, 128, 128, 0.85) !important;
}
button.bg-white-darkest:hover, button.bg-white-darkest:focus {
background-color: rgba(128, 128, 128, 0.85) !important;
}
.bg-gray-lightest {
background-color: rgba(134, 142, 150, 0.35) !important;
}
a.bg-gray-lightest:hover, a.bg-gray-lightest:focus {
background-color: rgba(134, 142, 150, 0.15) !important;
}
button.bg-gray-lightest:hover, button.bg-gray-lightest:focus {
background-color: rgba(134, 142, 150, 0.15) !important;
}
.bg-gray-lighter {
background-color: rgba(134, 142, 150, 0.55) !important;
}
a.bg-gray-lighter:hover, a.bg-gray-lighter:focus {
background-color: rgba(134, 142, 150, 0.35) !important;
}
button.bg-gray-lighter:hover, button.bg-gray-lighter:focus {
background-color: rgba(134, 142, 150, 0.35) !important;
}
.bg-gray-light {
background-color: rgba(134, 142, 150, 0.85) !important;
}
a.bg-gray-light:hover, a.bg-gray-light:focus {
background-color: rgba(134, 142, 150, 0.55) !important;
}
button.bg-gray-light:hover, button.bg-gray-light:focus {
background-color: rgba(134, 142, 150, 0.55) !important;
}
.bg-gray-dark {
background-color: rgba(68, 69, 70, 0.55) !important;
background-color: #343a40 !important;
}
a.bg-gray-dark:hover, a.bg-gray-dark:focus {
background-color: rgba(68, 69, 70, 0.35) !important;
}
button.bg-gray-dark:hover, button.bg-gray-dark:focus {
background-color: rgba(68, 69, 70, 0.35) !important;
}
.bg-gray-darker {
background-color: rgba(68, 69, 70, 0.85) !important;
}
a.bg-gray-darker:hover, a.bg-gray-darker:focus {
background-color: rgba(68, 69, 70, 0.55) !important;
}
button.bg-gray-darker:hover, button.bg-gray-darker:focus {
background-color: rgba(68, 69, 70, 0.55) !important;
}
.bg-gray-darkest {
background-color: #444546 !important;
}
a.bg-gray-darkest:hover, a.bg-gray-darkest:focus {
background-color: rgba(68, 69, 70, 0.85) !important;
}
button.bg-gray-darkest:hover, button.bg-gray-darkest:focus {
background-color: rgba(68, 69, 70, 0.85) !important;
}
.bg-azure-lightest {
background-color: rgba(69, 170, 242, 0.35) !important;
}
a.bg-azure-lightest:hover, a.bg-azure-lightest:focus {
background-color: rgba(69, 170, 242, 0.15) !important;
}
button.bg-azure-lightest:hover, button.bg-azure-lightest:focus {
background-color: rgba(69, 170, 242, 0.15) !important;
}
.bg-azure-lighter {
background-color: rgba(69, 170, 242, 0.55) !important;
}
a.bg-azure-lighter:hover, a.bg-azure-lighter:focus {
background-color: rgba(69, 170, 242, 0.35) !important;
}
button.bg-azure-lighter:hover, button.bg-azure-lighter:focus {
background-color: rgba(69, 170, 242, 0.35) !important;
}
.bg-azure-light {
background-color: rgba(69, 170, 242, 0.85) !important;
}
a.bg-azure-light:hover, a.bg-azure-light:focus {
background-color: rgba(69, 170, 242, 0.55) !important;
}
button.bg-azure-light:hover, button.bg-azure-light:focus {
background-color: rgba(69, 170, 242, 0.55) !important;
}
.bg-azure-dark {
background-color: rgba(69, 170, 242, 0.55) !important;
}
a.bg-azure-dark:hover, a.bg-azure-dark:focus {
background-color: rgba(69, 170, 242, 0.35) !important;
}
button.bg-azure-dark:hover, button.bg-azure-dark:focus {
background-color: rgba(69, 170, 242, 0.35) !important;
}
.bg-azure-darker {
background-color: rgba(69, 170, 242, 0.85) !important;
}
a.bg-azure-darker:hover, a.bg-azure-darker:focus {
background-color: rgba(69, 170, 242, 0.55) !important;
}
button.bg-azure-darker:hover, button.bg-azure-darker:focus {
background-color: rgba(69, 170, 242, 0.55) !important;
}
.bg-azure-darkest {
background-color: #005694 !important;
}
a.bg-azure-darkest:hover, a.bg-azure-darkest:focus {
background-color: rgba(69, 170, 242, 0.85) !important;
}
button.bg-azure-darkest:hover, button.bg-azure-darkest:focus {
background-color: rgba(69, 170, 242, 0.85) !important;
}
.bg-lime-lightest {
background-color: rgba(123, 210, 53, 0.35) !important;
}
a.bg-lime-lightest:hover, a.bg-lime-lightest:focus {
background-color: rgba(123, 210, 53, 0.15) !important;
}
button.bg-lime-lightest:hover, button.bg-lime-lightest:focus {
background-color: rgba(123, 210, 53, 0.15) !important;
}
.bg-lime-lighter {
background-color: rgba(123, 210, 53, 0.55) !important;
}
a.bg-lime-lighter:hover, a.bg-lime-lighter:focus {
background-color: rgba(123, 210, 53, 0.35) !important;
}
button.bg-lime-lighter:hover, button.bg-lime-lighter:focus {
background-color: rgba(123, 210, 53, 0.35) !important;
}
.bg-lime-light {
background-color: rgba(123, 210, 53, 0.85) !important;
}
a.bg-lime-light:hover, a.bg-lime-light:focus {
background-color: rgba(123, 210, 53, 0.55) !important;
}
button.bg-lime-light:hover, button.bg-lime-light:focus {
background-color: rgba(123, 210, 53, 0.55) !important;
}
.bg-lime-dark {
background-color: rgba(57, 128, 0, 0.55) !important;
}
a.bg-lime-dark:hover, a.bg-lime-dark:focus {
background-color: rgba(57, 128, 0, 0.35) !important;
}
button.bg-lime-dark:hover, button.bg-lime-dark:focus {
background-color: rgba(57, 128, 0, 0.35) !important;
}
.bg-lime-darker {
background-color: rgba(57, 128, 0, 0.85) !important;
}
a.bg-lime-darker:hover, a.bg-lime-darker:focus {
background-color: rgba(57, 128, 0, 0.55) !important;
}
button.bg-lime-darker:hover, button.bg-lime-darker:focus {
background-color: rgba(57, 128, 0, 0.55) !important;
}
.bg-lime-darkest {
background-color: #398000 !important;
}
a.bg-lime-darkest:hover, a.bg-lime-darkest:focus {
background-color: rgba(57, 128, 0, 0.85) !important;
}
button.bg-lime-darkest:hover, button.bg-lime-darkest:focus {
background-color: rgba(57, 128, 0, 0.85) !important;
}
.bg-orange {
background-color: rgba(252, 115, 3, 0.6705882353) !important;
}
.bg-indigo {
background-color: #6574cd;
color: #fff !important;
}
.bg-purple-gradient {
background-color: linear-gradient(to bottom right, #661fd6 0%, rgba(102, 31, 214, 0.55) 100%) !important;
color: #fff !important;
}
a.bg-purple-gradient:hover, a.bg-purple-gradient:focus {
background-color: rgba(102, 31, 214, 0.35) !important;
}
button.bg-purple-gradient:hover, button.bg-purple-gradient:focus {
background-color: rgba(102, 31, 214, 0.35) !important;
}
.bg-pink {
background-color: #f58598 !important;
color: #fff !important;
}
.bg-darkpink {
background-color: rgba(243, 85, 111, 0.55) !important;
color: #fff !important;
}
.bg-red-gradient {
background-color: linear-gradient(to bottom right, #e32f2f 0%, rgba(227, 47, 47, 0.55) 100%);
color: #fff !important;
}
a.bg-red:hover, a.bg-red:focus {
background-color: rgba(102, 31, 214, 0.35) !important;
}
button.bg-red:hover, button.bg-red:focus {
background-color: rgba(102, 31, 214, 0.35) !important;
}
.bg-orange {
background-color: #fc7303;
color: #fff !important;
}
.bg-yellow-1 {
background-color: #FBB034;
color: #fff !important;
}
.bg-yellow {
background-color: #FBB034;
color: #fff !important;
}
.bg-green {
background-color: #4ecc48;
color: #fff !important;
}
.bg-teal {
background-color: #2bcbba !important;
}
.bg-cyan {
background-color: #17a2b8 !important;
color: #fff !important;
}
.bg-gray {
background-color: #868e96 !important;
}
.bg-gray-100 {
background-color: #f9f9fb !important;
color: #495057 !important;
}
.bg-gray-200 {
background-color: #f0f0f8 !important;
color: #495057 !important;
}
.bg-gray-300 {
background-color: #e1e1ef !important;
color: #495057 !important;
}
.bg-gray-400 {
background-color: #d6d6e6 !important;
color: #495057 !important;
}
.bg-gray-500 {
background-color: #949eb7 !important;
}
.bg-gray-600 {
background-color: #7987a1 !important;
}
.bg-gray-700 {
background-color: #4d5875 !important;
}
.bg-gray-700 {
background-color: #4d5875 !important;
}
.bg-gray-800 {
background-color: #383853 !important;
}
.bg-gray-900 {
background-color: #323251 !important;
}
.bg-azure {
background-color: #45aaf2;
}
.bg-lime {
background-color: #7bd235;
}
.bg-round {
width: 1rem;
height: 1rem;
border-radius: 50%;
position: absolute;
}
.bg-square {
color: #fff;
background-color: #868e96;
display: inline-block;
min-width: 2rem;
height: 2rem;
padding: 0.5rem 0.25rem;
text-align: center;
border-radius: 3px;
font-weight: 600;
}
.bg-google-plus {
background-color: #dd4b39;
}
.bg-pinterest {
background-color: linear-gradient(to right bottom, #c51629 0%, #bd081c 100%);
}
.bg-dribbble {
background-color: linear-gradient(to bottom right, #ea4c89, #c93764) !important;
}
.bg-google {
background-color: linear-gradient(to bottom right, #e64522, #c33219) !important;
color: #fff;
}
/*--bg colors--*/
.bg-primary {
background-color: var(--primary-bg-color) !important;
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: rgba(var(--primary-bg-color), 0.85) !important;
}
button.bg-primary:hover, button.bg-primary:focus {
background-color: rgba(var(--primary-bg-color), 0.85) !important;
}
.bg-primary-lightest {
background-color: var(--primary03) !important;
}
a.bg-primary-lightest:hover, a.bg-primary-lightest:focus {
background-color: var(--primary02) !important;
}
button.bg-primary-lightest:hover, button.bg-primary-lightest:focus {
background-color: var(--primary02) !important;
}
.bg-primary-lighter {
background-color: rgba(var(--primary-bg-color), 0.55) !important;
}
a.bg-primary-lighter:hover, a.bg-primary-lighter:focus {
background-color: rgba(var(--primary-bg-color), 0.35) !important;
}
button.bg-primary-lighter:hover, button.bg-primary-lighter:focus {
background-color: rgba(var(--primary-bg-color), 0.35) !important;
}
.bg-primary-light {
background-color: rgba(var(--primary-bg-color), 0.85) !important;
}
a.bg-primary-light:hover, a.bg-primary-light:focus {
background-color: rgba(var(--primary-bg-color), 0.55) !important;
}
button.bg-primary-light:hover, button.bg-primary-light:focus {
background-color: rgba(var(--primary-bg-color), 0.55) !important;
}
.bg-primary-dark {
background-color: rgba(var(--primary-bg-color), 0.55) !important;
}
a.bg-primary-dark:hover, a.bg-primary-dark:focus {
background-color: rgba(var(--primary-bg-color), 0.35) !important;
}
button.bg-primary-dark:hover, button.bg-primary-dark:focus {
background-color: rgba(var(--primary-bg-color), 0.35) !important;
}
.bg-primary-darker {
background-color: rgba(var(--primary-bg-color), 0.85) !important;
}
a.bg-primary-darker:hover, a.bg-primary-darker:focus {
background-color: rgba(var(--primary-bg-color), 0.55) !important;
}
button.bg-primary-darker:hover, button.bg-primary-darker:focus {
background-color: rgba(var(--primary-bg-color), 0.55) !important;
}
.bg-primary-darkest {
background-color: var(--primary-bg-color) !important;
}
a.bg-primary-darkest:hover, a.bg-primary-darkest:focus {
background-color: rgba(var(--primary-bg-color), 0.85) !important;
}
button.bg-primary-darkest:hover, button.bg-primary-darkest:focus {
background-color: rgba(var(--primary-bg-color), 0.85) !important;
}
.bg-secondary {
background-color: #e984b1 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus {
background-color: rgba(233, 132, 177, 0.85) !important;
}
button.bg-secondary:hover, button.bg-secondary:focus {
background-color: rgba(233, 132, 177, 0.85) !important;
}
.bg-secondary-lightest {
background-color: rgba(233, 132, 177, 0.35) !important;
}
a.bg-secondary-lightest:hover, a.bg-secondary-lightest:focus {
background-color: rgba(233, 132, 177, 0.15) !important;
}
button.bg-secondary-lightest:hover, button.bg-secondary-lightest:focus {
background-color: rgba(233, 132, 177, 0.15) !important;
}
.bg-secondary-lighter {
background-color: rgba(233, 132, 177, 0.55) !important;
}
a.bg-secondary-lighter:hover, a.bg-secondary-lighter:focus {
background-color: rgba(233, 132, 177, 0.35) !important;
}
button.bg-secondary-lighter:hover, button.bg-secondary-lighter:focus {
background-color: rgba(233, 132, 177, 0.35) !important;
}
.bg-secondary-light {
background-color: rgba(233, 132, 177, 0.85) !important;
}
a.bg-secondary-light:hover, a.bg-secondary-light:focus {
background-color: rgba(233, 132, 177, 0.55) !important;
}
button.bg-secondary-light:hover, button.bg-secondary-light:focus {
background-color: rgba(233, 132, 177, 0.55) !important;
}
.bg-secondary-dark {
background-color: rgba(211, 40, 117, 0.55) !important;
}
a.bg-secondary-dark:hover, a.bg-secondary-dark:focus {
background-color: rgba(211, 40, 117, 0.35) !important;
}
button.bg-secondary-dark:hover, button.bg-secondary-dark:focus {
background-color: rgba(211, 40, 117, 0.35) !important;
}
.bg-secondary-darker {
background-color: rgba(211, 40, 117, 0.85) !important;
}
a.bg-secondary-darker:hover, a.bg-secondary-darker:focus {
background-color: rgba(211, 40, 117, 0.55) !important;
}
button.bg-secondary-darker:hover, button.bg-secondary-darker:focus {
background-color: rgba(211, 40, 117, 0.55) !important;
}
.bg-secondary-darkest {
background-color: #d32875 !important;
}
a.bg-secondary-darkest:hover, a.bg-secondary-darkest:focus {
background-color: rgba(211, 40, 117, 0.85) !important;
}
button.bg-secondary-darkest:hover, button.bg-secondary-darkest:focus {
background-color: rgba(211, 40, 117, 0.85) !important;
}
.bg-teritary {
background-color: #59adec !important;
}
a.bg-teritary:hover, a.bg-teritary:focus {
background-color: rgba(89, 173, 236, 0.85) !important;
}
button.bg-teritary:hover, button.bg-teritary:focus {
background-color: rgba(89, 173, 236, 0.85) !important;
}
.bg-teritary-lightest {
background-color: rgba(89, 173, 236, 0.35) !important;
}
a.bg-teritary-lightest:hover, a.bg-teritary-lightest:focus {
background-color: rgba(89, 173, 236, 0.15) !important;
}
button.bg-teritary-lightest:hover, button.bg-teritary-lightest:focus {
background-color: rgba(89, 173, 236, 0.15) !important;
}
.bg-teritary-lighter {
background-color: rgba(89, 173, 236, 0.55) !important;
}
a.bg-teritary-lighter:hover, a.bg-teritary-lighter:focus {
background-color: rgba(89, 173, 236, 0.35) !important;
}
button.bg-teritary-lighter:hover, button.bg-teritary-lighter:focus {
background-color: rgba(89, 173, 236, 0.35) !important;
}
.bg-teritary-light {
background-color: rgba(89, 173, 236, 0.85) !important;
}
a.bg-teritary-light:hover, a.bg-teritary-light:focus {
background-color: rgba(89, 173, 236, 0.55) !important;
}
button.bg-teritary-light:hover, button.bg-teritary-light:focus {
background-color: rgba(89, 173, 236, 0.55) !important;
}
.bg-teritary-dark {
background-color: rgba(42, 133, 202, 0.55) !important;
}
a.bg-teritary-dark:hover, a.bg-teritary-dark:focus {
background-color: rgba(42, 133, 202, 0.35) !important;
}
button.bg-teritary-dark:hover, button.bg-teritary-dark:focus {
background-color: rgba(42, 133, 202, 0.35) !important;
}
.bg-teritary-darker {
background-color: rgba(42, 133, 202, 0.85) !important;
}
a.bg-teritary-darker:hover, a.bg-teritary-darker:focus {
background-color: rgba(42, 133, 202, 0.55) !important;
}
button.bg-teritary-darker:hover, button.bg-teritary-darker:focus {
background-color: rgba(42, 133, 202, 0.55) !important;
}
.bg-teritary-darkest {
background-color: #2a85ca !important;
}
a.bg-teritary-darkest:hover, a.bg-teritary-darkest:focus {
background-color: rgba(42, 133, 202, 0.85) !important;
}
button.bg-teritary-darkest:hover, button.bg-teritary-darkest:focus {
background-color: rgba(42, 133, 202, 0.85) !important;
}
.bg-custom-yellow {
background-color: #e7c354 !important;
}
a.bg-custom-yellow:hover, a.bg-custom-yellow:focus {
background-color: rgba(231, 195, 84, 0.85) !important;
}
button.bg-custom-yellow:hover, button.bg-custom-yellow:focus {
background-color: rgba(231, 195, 84, 0.85) !important;
}
.bg-custom-yellow-lightest {
background-color: rgba(231, 195, 84, 0.35) !important;
}
a.bg-custom-yellow-lightest:hover, a.bg-custom-yellow-lightest:focus {
background-color: rgba(231, 195, 84, 0.15) !important;
}
button.bg-custom-yellow-lightest:hover, button.bg-custom-yellow-lightest:focus {
background-color: rgba(231, 195, 84, 0.15) !important;
}
.bg-custom-yellow-lighter {
background-color: rgba(231, 195, 84, 0.55) !important;
}
a.bg-custom-yellow-lighter:hover, a.bg-custom-yellow-lighter:focus {
background-color: rgba(231, 195, 84, 0.35) !important;
}
button.bg-custom-yellow-lighter:hover, button.bg-custom-yellow-lighter:focus {
background-color: rgba(231, 195, 84, 0.35) !important;
}
.bg-custom-yellow-light {
background-color: rgba(231, 195, 84, 0.85) !important;
}
a.bg-custom-yellow-light:hover, a.bg-custom-yellow-light:focus {
background-color: rgba(231, 195, 84, 0.55) !important;
}
button.bg-custom-yellow-light:hover, button.bg-custom-yellow-light:focus {
background-color: rgba(231, 195, 84, 0.55) !important;
}
.bg-custom-yellow-dark {
background-color: rgba(201, 162, 47, 0.55) !important;
}
a.bg-custom-yellow-dark:hover, a.bg-custom-yellow-dark:focus {
background-color: rgba(201, 162, 47, 0.35) !important;
}
button.bg-custom-yellow-dark:hover, button.bg-custom-yellow-dark:focus {
background-color: rgba(201, 162, 47, 0.35) !important;
}
.bg-custom-yellow-darker {
background-color: rgba(201, 162, 47, 0.85) !important;
}
a.bg-custom-yellow-darker:hover, a.bg-custom-yellow-darker:focus {
background-color: rgba(201, 162, 47, 0.55) !important;
}
button.bg-custom-yellow-darker:hover, button.bg-custom-yellow-darker:focus {
background-color: rgba(201, 162, 47, 0.55) !important;
}
.bg-custom-yellow-darkest {
background-color: #c9a22f !important;
}
a.bg-custom-yellow-darkest:hover, a.bg-custom-yellow-darkest:focus {
background-color: rgba(201, 162, 47, 0.85) !important;
}
button.bg-custom-yellow-darkest:hover, button.bg-custom-yellow-darkest:focus {
background-color: rgba(201, 162, 47, 0.85) !important;
}
/*--bg-transparents--*/
.bg-pink-transparent {
background-color: rgba(245, 133, 152, 0.15) !important;
}
.bg-purple-transparent {
background-color: rgba(102, 31, 214, 0.15) !important;
}
.bg-dark-transparent {
background-color: rgba(52, 58, 64, 0.15) !important;
}
.bg-white-transparent {
background-color: rgba(255, 255, 255, 0.15) !important;
}
.bg-primary-transparent {
background-color: var(--primary02) !important;
}
.bg-secondary-transparent {
background-color: rgba(233, 132, 177, 0.15) !important;
}
.bg-success-transparent {
background-color: rgba(19, 191, 166, 0.15) !important;
}
.bg-warning-transparent {
background-color: rgba(231, 195, 84, 0.15) !important;
}
.bg-danger-transparent {
background-color: rgba(209, 44, 71, 0.15) !important;
}
.bg-info-transparent {
background-color: rgba(89, 173, 236, 0.15) !important;
}
.bg-teritary-transparent {
background-color: rgba(89, 173, 236, 0.15) !important;
}
.bg-custom-yellow-transparent {
background-color: rgba(231, 195, 84, 0.15) !important;
}
.bg-light-transparent {
background-color: rgba(134, 142, 150, 0.15) !important;
}
/*--Box-shadow--*/
.shadow-primary {
box-shadow: 0 7px 30px var(--primary02) !important;
}
.shadow-secondary {
box-shadow: 0 7px 30px rgba(233, 132, 177, 0.2) !important;
}
.shadow-teritary {
box-shadow: 0 7px 30px rgba(89, 173, 236, 0.2) !important;
}
.shadow-warning {
box-shadow: 0 7px 30px rgba(231, 195, 84, 0.2) !important;
}
.shadow-custom-yellow {
box-shadow: 0 7px 30px rgba(231, 195, 84, 0.2) !important;
}
.shadow-info {
box-shadow: 0 7px 30px rgba(89, 173, 236, 0.2) !important;
}
.shadow-success {
box-shadow: 0 7px 30px rgba(19, 191, 166, 0.2) !important;
}
.shadow-danger {
box-shadow: 0 7px 30px rgba(209, 44, 71, 0.2) !important;
}
.shadow-default {
box-shadow: 0 0 2px 2px rgba(246, 244, 251, 0.2) !important;
}
.box-shadow-primary {
box-shadow: 0 7px 30px var(--primary02) !important;
}
.box-shadow-secondary {
box-shadow: 0 7px 30px rgba(233, 132, 177, 0.2) !important;
}
.box-shadow-teritary {
box-shadow: 0 7px 30px rgba(89, 173, 236, 0.2) !important;
}
.box-shadow-warning {
box-shadow: 0 7px 30px rgba(231, 195, 84, 0.2) !important;
}
.box-shadow-custom-yellow {
box-shadow: 0 7px 30px rgba(231, 195, 84, 0.2) !important;
}
.box-shadow-info {
box-shadow: 0 7px 30px rgba(89, 173, 236, 0.2) !important;
}
.box-shadow-success {
box-shadow: 0 7px 30px rgba(19, 191, 166, 0.2) !important;
}
.box-shadow-danger {
box-shadow: 0 7px 30px rgba(209, 44, 71, 0.2) !important;
}
.box-shadow-default {
box-shadow: 0 3px 15px rgba(246, 244, 251, 0.2) !important;
}
.box-shadow-0 {
box-shadow: none !important;
}
.primary .pricing-divider {
padding: 1em 0 4em;
position: relative;
}
.secondary .pricing-divider {
background-color: linear-gradient(to bottom right, #f1bf64 0%, #f71d36 100%) !important;
padding: 1em 0 4em;
position: relative;
}
.info .pricing-divider {
background-color: linear-gradient(to bottom right, #529efa 0%, #0774f8 100%) !important;
padding: 1em 0 4em;
position: relative;
}
.success .pricing-divider {
background-color: linear-gradient(to bottom right, #62fb62 0%, #21a544 100%) !important;
padding: 1em 0 4em;
position: relative;
}
/*--- text bold colors ---*/
.primary b {
color: rgba(var(--primary-bg-color), 0.75);
}
.secondary b {
color: rgba(211, 40, 117, 0.75);
}
.info b {
color: rgba(42, 133, 202, 0.75);
}
.teritary b {
color: rgba(42, 133, 202, 0.75);
}
.success b {
color: rgba(42, 133, 202, 0.75);
}
.google-plus1 {
background-color: linear-gradient(to right bottom, #dd4b39 0%, #ef6a5a 100%);
}
.pinterest1 {
background-color: linear-gradient(to right bottom, #bd081c 0%, #eb4553 100%);
}
.bg-default {
background-color: #f6f4fb;
color: #000;
}
.bg-white-1 {
background-color: rgba(255, 255, 255, 0.1);
}
.bg-white-2 {
background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-3 {
background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-4 {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-5 {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-6 {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-7 {
background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-8 {
background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-9 {
background-color: rgba(255, 255, 255, 0.9);
}
.bg-black-1 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-2 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-3 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-4 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-5 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-6 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-7 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-8 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-9 {
background: rgba(0, 0, 0, 0.9);
}
.border {
border: 1px solid #eaedf1 !important;
}
.border-top {
border-top: 1px solid #eaedf1 !important;
}
.border-end {
border-right: 1px solid #eaedf1 !important;
}
.border-bottom {
border-bottom: 1px solid #eaedf1 !important;
}
.border-start {
border-left: 1px solid #eaedf1 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.border-secondary {
border-color: #e984b1 !important;
}
.border-success {
border-color: #13bfa6 !important;
}
.border-info {
border-color: #59adec !important;
}
.border-warning {
border-color: #e7c354 !important;
}
.border-danger {
border-color: #d12c47 !important;
}
.border-teal {
border-color: #2bcbba !important;
}
.border-pink {
border-color: #f58598 !important;
}
.border-orange {
border-color: #fc7303 !important;
}
.border-purple {
border-color: #661fd6 !important;
}
.border-light {
border-color: rgba(228, 231, 236, 0.7725490196) !important;
}
.border-gray-100 {
border-color: #f9f9fb !important;
}
.border-gray-200 {
border-color: #f0f0f8 !important;
}
.border-gray-300 {
border-color: #e1e1ef !important;
}
.border-gray-400 {
border-color: #d6d6e6 !important;
}
.border-gray-500 {
border-color: #949eb7 !important;
}
.border-gray-600 {
border-color: #7987a1 !important;
}
.border-gray-700 {
border-color: #4d5875 !important;
}
.border-gray-800 {
border-color: #383853 !important;
}
.border-gray-900 {
border-color: #323251 !important;
}
.border-transparent {
border: 1px solid transparent !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.border-primary {
border: 1px solid var(--primary-bg-color) !important;
}
.border-secondary {
border: 1px solid #e984b1 !important;
}
.border-teritary {
border: 1px solid #59adec;
}
.border-custom-yellow {
border: 1px solid #e7c354;
}
.br-100 {
border-radius: 100% !important;
}
.br-7 {
border-radius: 7px;
}
.br-5 {
border-radius: 5px;
}
.br-tl-5 {
border-top-left-radius: 5px !important;
}
.br-bl-5 {
border-bottom-left-radius: 5px !important;
}
.br-tr-5 {
border-top-right-radius: 5px !important;
}
.br-br-5 {
border-bottom-right-radius: 5px !important;
}
.br-tl-4 {
border-top-left-radius: 4px !important;
}
.br-bl-4 {
border-bottom-left-radius: 4px !important;
}
.br-tr-4 {
border-top-right-radius: 4px !important;
}
.br-br-4 {
border-bottom-right-radius: 4px !important;
}
.br-tl-7 {
border-top-left-radius: 7px !important;
}
.br-bl-7 {
border-bottom-left-radius: 7px !important;
}
.br-tr-7 {
border-top-right-radius: 7px !important;
}
.br-br-7 {
border-bottom-right-radius: 7px !important;
}
.br-tl-0 {
border-top-left-radius: 0px !important;
}
.br-bl-0 {
border-bottom-left-radius: 0px !important;
}
.br-tr-0 {
border-top-right-radius: 0px !important;
}
.br-br-0 {
border-bottom-right-radius: 0px !important;
}
.dark-mode .table th, .dark-mode .text-wrap table th th {
color: #ddd !important;
}
.dark-mode .table th, .dark-mode .table-striped > tbody > tr:nth-of-type(2n+1) > * {
color: #ddd !important;
}
.br-0 {
border-radius: 0 !important;
}
.noborder {
border-radius: 0;
}
.brround {
border-radius: 26% !important;
}
.bradius {
border-radius: 25%;
}
.border-danger {
border: 2px solid;
}
.border-end-1 {
border-right: 1px solid #d5dce3;
}
.rounded {
border-radius: 50% !important;
}
.rounded-top {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.rounded-end {
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.rounded-bottom {
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.rounded-start {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.border-dotted {
border: 2px dotted;
}
.border-solid {
border: 2px solid;
}
.border-bottom-primary {
border-bottom-color: var(--primary-bg-color) !important;
}
.border-bottom-secondary {
border-bottom-color: #e984b1 !important;
}
.border-bottom-success {
border-bottom-color: #13bfa6 !important;
}
.border-bottom-info {
border-bottom-color: #59adec !important;
}
.border-bottom-warning {
border-bottom-color: #e7c354 !important;
}
.border-bottom-danger {
border-bottom-color: #d12c47 !important;
}
.border-bottom-dark {
border-bottom-color: #444546 !important;
}
.border-bottom-light {
border-bottom-color: rgba(228, 231, 236, 0.7725490196) !important;
}
.border-bottom-primary-light {
border-bottom-color: rgba(var(--primary-bg-color), 0.25) !important;
}
.border-bottom-secondary-light {
border-bottom-color: rgba(233, 132, 177, 0.25) !important;
}
.border-bottom-success-light {
border-bottom-color: rgba(19, 191, 166, 0.25) !important;
}
.border-bottom-info-light {
border-bottom-color: rgba(89, 173, 236, 0.25) !important;
}
.border-bottom-warning-light {
border-bottom-color: rgba(231, 195, 84, 0.25) !important;
}
.border-bottom-danger-light {
border-bottom-color: rgba(209, 44, 71, 0.25) !important;
}
.border-bottom-dark-light {
border-bottom-color: rgba(68, 69, 70, 0.25) !important;
}
.border-bottom-light-light {
border-bottom-color: rgba(228, 231, 236, 0.25) !important;
}
.br-bottom-radius-0 {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.br-bottom-radius-5 {
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.border-x {
border-left: 1px solid #eaedf1;
border-right: 1px solid #eaedf1;
}
.border-y {
border-top: 1px solid #eaedf1;
border-bottom: 1px solid #eaedf1;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.radius-1 {
border-radius: 1px;
}
.radius-5 {
border-radius: 5px;
}
.radius-10 {
border-radius: 10px;
}
.radius-20 {
border-radius: 20px;
}
.radius-30 {
border-radius: 30px;
}
.radius-40 {
border-radius: 40px;
}
.radius-50 {
border-radius: 50px !important;
}
@media (min-width: 992px) {
.border-lg-bottom-0 {
border-bottom: 0px !important;
}
.br-lg-5 {
border-radius: 5px;
}
}
@media (min-width: 576px) {
.br-tl-sm-5 {
border-top-left-radius: 5px;
}
.br-bl-sm-5 {
border-bottom-left-radius: 5px;
}
.br-tr-sm-5 {
border-top-right-radius: 5px;
}
.br-br-sm-5 {
border-bottom-right-radius: 5px;
}
}
@media (max-width: 575.98px) {
.br-xs-bl-5 {
border-bottom-left-radius: 5px;
}
.br-xs-br-5 {
border-bottom-right-radius: 5px;
}
.br-xs-tl-5 {
border-top-left-radius: 5px;
}
.br-xs-tr-5 {
border-top-right-radius: 5px;
}
.br-sm-max-0 {
border-radius: 0px !important;
}
}
@media (min-width: 576px) {
.border-bottomo-sm {
border-bottom: 1px solid #eaedf1;
}
}
.display-1 {
font-size: 6em;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5em;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5em;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: calc(1.475em + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
.display-5 {
font-size: calc(1.425em + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
.display-6 {
font-size: calc(1.375em + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5em;
}
.display-5 {
font-size: 3em;
}
.display-6 {
font-size: 2.5em;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-flex {
display: flex !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-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: 1280px) {
.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 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;
}
}
.display-1 i, .display-2 i, .display-3 i, .display-4 i {
vertical-align: baseline;
font-size: 0.815em;
}
.flex-1 {
flex: 1 !important;
}
.flex-2 {
flex: 2 !important;
}
@media (max-width: 992px) {
.d-lg-none-max {
display: none !important;
}
}
@media (max-width: 768px) {
.d-md-none-max {
display: none !important;
}
.d-md-block-max {
display: block !important;
}
}
@media (max-width: 1280px) {
.d-xl-none-max {
display: none !important;
}
.d-xl-block-max {
display: block !important;
}
}
@media (max-width: 576px) {
.d-sm-block-max {
display: block !important;
}
.d-sm-none-max {
display: none !important;
}
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1280px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.floating {
animation: floating 3s ease infinite;
will-change: transform;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: normal;
line-height: 1.1;
}
h1, .h1 {
font-size: 2rem;
}
h2, .h2 {
font-size: 1.75rem;
}
h3, .h3 {
font-size: 1.5rem;
}
h4, .h4 {
font-size: 1.125rem;
}
h5, .h5 {
font-size: 1rem;
}
h6, .h6 {
font-size: 0.85rem;
}
@media (max-width: 576px) {
h1, .h1 {
font-size: 1.5rem;
}
h2, .h2 {
font-size: 1.25rem;
}
h3, .h3 {
font-size: 1rem;
}
h4, .h4 {
font-size: 0.9rem;
}
h5, .h5 {
font-size: 0.8rem;
}
h6, .h6 {
font-size: 0.75rem;
}
}
/*--------- Heighpx--------------*/
.h-10 {
height: 10% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-90 {
height: 90px !important;
}
.h-60 {
height: 60px !important;
}
.h-100 {
height: 100% !important;
}
.h-150 {
height: 150px !important;
}
.h-160 {
height: 160px !important;
}
.h-180 {
height: 180px !important;
}
.h-275 {
height: 275px !important;
}
.h-365 {
height: 365px !important;
}
.h-400 {
height: 400px !important;
}
.h-415 {
height: 415px !important;
}
.h-430 {
height: 430px !important;
}
.h-450 {
height: 450px !important;
}
.h-200 {
height: 200px !important;
}
.h-230 {
height: 230px !important;
}
.h-500 {
height: 500px !important;
}
.h-550 {
height: 550px !important;
}
.h-600 {
height: 600px !important;
}
.h-650 {
height: 650px !important;
}
.h-auto {
height: auto !important;
}
.h-0 {
height: 0 !important;
}
.h-1 {
height: 0.25rem !important;
}
.h-2 {
height: 0.5rem !important;
}
.h-3 {
height: 0.75rem !important;
}
.h-4 {
height: 1rem !important;
}
.h-5 {
height: 1.5rem !important;
}
.h-6 {
height: 2rem !important;
}
.h-7 {
height: 3rem !important;
}
.h-8 {
height: 4rem !important;
}
.h-9 {
height: 6rem !important;
}
.h-97 {
height: 97px !important;
}
.h-240 {
height: 240px !important;
}
.h-250 {
height: 250px !important;
}
.h-260 {
height: 260px !important;
}
.h-270 {
height: 270px !important;
}
.h-280 {
height: 280px !important;
}
.h-300 {
height: 300px !important;
}
.h-340 {
height: 340px !important;
}
.mh-100 {
max-height: 100% !important;
}
.h-100vh {
height: 100vh !important;
}
.hpx-1 {
height: 1px;
}
.hpx-2 {
height: 2px;
}
.hpx-3 {
height: 3px;
}
.hpx-4 {
height: 4px;
}
.hpx-5 {
height: 5px;
}
.hpx-6 {
height: 6px;
}
.hpx-7 {
height: 7px;
}
.hpx-8 {
height: 8px;
}
.hpx-9 {
height: 9px !important;
}
.hpx-10 {
height: 10px !important;
}
.hpx-20 {
height: 20px !important;
}
.hpx-25 {
height: 25px !important;
}
.hpx-30 {
height: 30px !important;
}
.hpx-35 {
height: 35px !important;
}
.hpx-40 {
height: 40px !important;
}
.hpx-45 {
height: 45px !important;
}
.hpx-50 {
height: 50px;
}
.hpx-55 {
height: 55px;
}
.hpx-60 {
height: 60px;
}
.hpx-65 {
height: 65px;
}
.hpx-70 {
height: 70px;
}
.hpx-75 {
height: 75px;
}
.hpx-80 {
height: 80px;
}
.hpx-85 {
height: 85px;
}
.hpx-90 {
height: 90px;
}
.hpx-95 {
height: 95px;
}
.hpx-100 {
height: 100px;
}
.hpx-150 {
height: 150px;
}
.hrem-6 {
height: 6rem;
}
@media (min-width: 480px) {
.ht-xs-5 {
height: 5px;
}
.ht-xs-5p {
height: 5%;
}
.mx-ht-xs-5p {
max-height: 5%;
}
.mn-ht-xs-5p {
min-height: 5%;
}
.ht-xs-5-f {
height: 5px !important;
}
.ht-xs-5p-f {
height: 5% !important;
}
.ht-xs-10 {
height: 10px;
}
.ht-xs-10p {
height: 10%;
}
.mx-ht-xs-10p {
max-height: 10%;
}
.mn-ht-xs-10p {
min-height: 10%;
}
.ht-xs-10-f {
height: 10px !important;
}
.ht-xs-10p-f {
height: 10% !important;
}
.ht-xs-15 {
height: 15px;
}
.ht-xs-15p {
height: 15%;
}
.mx-ht-xs-15p {
max-height: 15%;
}
.mn-ht-xs-15p {
min-height: 15%;
}
.ht-xs-15-f {
height: 15px !important;
}
.ht-xs-15p-f {
height: 15% !important;
}
.ht-xs-20 {
height: 20px;
}
.ht-xs-20p {
height: 20%;
}
.mx-ht-xs-20p {
max-height: 20%;
}
.mn-ht-xs-20p {
min-height: 20%;
}
.ht-xs-20-f {
height: 20px !important;
}
.ht-xs-20p-f {
height: 20% !important;
}
.ht-xs-25 {
height: 25px;
}
.ht-xs-25p {
height: 25%;
}
.mx-ht-xs-25p {
max-height: 25%;
}
.mn-ht-xs-25p {
min-height: 25%;
}
.ht-xs-25-f {
height: 25px !important;
}
.ht-xs-25p-f {
height: 25% !important;
}
.ht-xs-30 {
height: 30px;
}
.ht-xs-30p {
height: 30%;
}
.mx-ht-xs-30p {
max-height: 30%;
}
.mn-ht-xs-30p {
min-height: 30%;
}
.ht-xs-30-f {
height: 30px !important;
}
.ht-xs-30p-f {
height: 30% !important;
}
.ht-xs-35 {
height: 35px;
}
.ht-xs-35p {
height: 35%;
}
.mx-ht-xs-35p {
max-height: 35%;
}
.mn-ht-xs-35p {
min-height: 35%;
}
.ht-xs-35-f {
height: 35px !important;
}
.ht-xs-35p-f {
height: 35% !important;
}
.ht-xs-40 {
height: 40px;
}
.ht-xs-40p {
height: 40%;
}
.mx-ht-xs-40p {
max-height: 40%;
}
.mn-ht-xs-40p {
min-height: 40%;
}
.ht-xs-40-f {
height: 40px !important;
}
.ht-xs-40p-f {
height: 40% !important;
}
.ht-xs-45 {
height: 45px;
}
.ht-xs-45p {
height: 45%;
}
.mx-ht-xs-45p {
max-height: 45%;
}
.mn-ht-xs-45p {
min-height: 45%;
}
.ht-xs-45-f {
height: 45px !important;
}
.ht-xs-45p-f {
height: 45% !important;
}
.ht-xs-50 {
height: 50px;
}
.ht-xs-50p {
height: 50%;
}
.mx-ht-xs-50p {
max-height: 50%;
}
.mn-ht-xs-50p {
min-height: 50%;
}
.ht-xs-50-f {
height: 50px !important;
}
.ht-xs-50p-f {
height: 50% !important;
}
.ht-xs-55 {
height: 55px;
}
.ht-xs-55p {
height: 55%;
}
.mx-ht-xs-55p {
max-height: 55%;
}
.mn-ht-xs-55p {
min-height: 55%;
}
.ht-xs-55-f {
height: 55px !important;
}
.ht-xs-55p-f {
height: 55% !important;
}
.ht-xs-60 {
height: 60px;
}
.ht-xs-60p {
height: 60%;
}
.mx-ht-xs-60p {
max-height: 60%;
}
.mn-ht-xs-60p {
min-height: 60%;
}
.ht-xs-60-f {
height: 60px !important;
}
.ht-xs-60p-f {
height: 60% !important;
}
.ht-xs-65 {
height: 65px;
}
.ht-xs-65p {
height: 65%;
}
.mx-ht-xs-65p {
max-height: 65%;
}
.mn-ht-xs-65p {
min-height: 65%;
}
.ht-xs-65-f {
height: 65px !important;
}
.ht-xs-65p-f {
height: 65% !important;
}
.ht-xs-70 {
height: 70px;
}
.ht-xs-70p {
height: 70%;
}
.mx-ht-xs-70p {
max-height: 70%;
}
.mn-ht-xs-70p {
min-height: 70%;
}
.ht-xs-70-f {
height: 70px !important;
}
.ht-xs-70p-f {
height: 70% !important;
}
.ht-xs-75 {
height: 75px;
}
.ht-xs-75p {
height: 75%;
}
.mx-ht-xs-75p {
max-height: 75%;
}
.mn-ht-xs-75p {
min-height: 75%;
}
.ht-xs-75-f {
height: 75px !important;
}
.ht-xs-75p-f {
height: 75% !important;
}
.ht-xs-80 {
height: 80px;
}
.ht-xs-80p {
height: 80%;
}
.mx-ht-xs-80p {
max-height: 80%;
}
.mn-ht-xs-80p {
min-height: 80%;
}
.ht-xs-80-f {
height: 80px !important;
}
.ht-xs-80p-f {
height: 80% !important;
}
.ht-xs-85 {
height: 85px;
}
.ht-xs-85p {
height: 85%;
}
.mx-ht-xs-85p {
max-height: 85%;
}
.mn-ht-xs-85p {
min-height: 85%;
}
.ht-xs-85-f {
height: 85px !important;
}
.ht-xs-85p-f {
height: 85% !important;
}
.ht-xs-90 {
height: 90px;
}
.ht-xs-90p {
height: 90%;
}
.mx-ht-xs-90p {
max-height: 90%;
}
.mn-ht-xs-90p {
min-height: 90%;
}
.ht-xs-90-f {
height: 90px !important;
}
.ht-xs-90p-f {
height: 90% !important;
}
.ht-xs-95 {
height: 95px;
}
.ht-xs-95p {
height: 95%;
}
.mx-ht-xs-95p {
max-height: 95%;
}
.mn-ht-xs-95p {
min-height: 95%;
}
.ht-xs-95-f {
height: 95px !important;
}
.ht-xs-95p-f {
height: 95% !important;
}
.ht-xs-100 {
height: 100px;
}
.ht-xs-100p {
height: 100%;
}
.mx-ht-xs-100p {
max-height: 100%;
}
.mn-ht-xs-100p {
min-height: 100%;
}
.ht-xs-100-f {
height: 100px !important;
}
.ht-xs-100p-f {
height: 100% !important;
}
.ht-xs-150 {
height: 150px;
}
.ht-xs-150p {
height: 150%;
}
.mx-ht-xs-150p {
max-height: 150%;
}
.mn-ht-xs-150p {
min-height: 150%;
}
.ht-xs-150-f {
height: 150px !important;
}
.ht-xs-150p-f {
height: 150% !important;
}
.ht-xs-200 {
height: 200px;
}
.ht-xs-200p {
height: 200%;
}
.mx-ht-xs-200p {
max-height: 200%;
}
.mn-ht-xs-200p {
min-height: 200%;
}
.ht-xs-200-f {
height: 200px !important;
}
.ht-xs-200p-f {
height: 200% !important;
}
.ht-xs-250 {
height: 250px;
}
.ht-xs-250p {
height: 250%;
}
.mx-ht-xs-250p {
max-height: 250%;
}
.mn-ht-xs-250p {
min-height: 250%;
}
.ht-xs-250-f {
height: 250px !important;
}
.ht-xs-250p-f {
height: 250% !important;
}
.ht-xs-300 {
height: 300px;
}
.ht-xs-300p {
height: 300%;
}
.mx-ht-xs-300p {
max-height: 300%;
}
.mn-ht-xs-300p {
min-height: 300%;
}
.ht-xs-300-f {
height: 300px !important;
}
.ht-xs-300p-f {
height: 300% !important;
}
.ht-xs-350 {
height: 350px;
}
.ht-xs-350p {
height: 350%;
}
.mx-ht-xs-350p {
max-height: 350%;
}
.mn-ht-xs-350p {
min-height: 350%;
}
.ht-xs-350-f {
height: 350px !important;
}
.ht-xs-350p-f {
height: 350% !important;
}
.ht-xs-400 {
height: 400px;
}
.ht-xs-400p {
height: 400%;
}
.mx-ht-xs-400p {
max-height: 400%;
}
.mn-ht-xs-400p {
min-height: 400%;
}
.ht-xs-400-f {
height: 400px !important;
}
.ht-xs-400p-f {
height: 400% !important;
}
.ht-xs-450 {
height: 450px;
}
.ht-xs-450p {
height: 450%;
}
.mx-ht-xs-450p {
max-height: 450%;
}
.mn-ht-xs-450p {
min-height: 450%;
}
.ht-xs-450-f {
height: 450px !important;
}
.ht-xs-450p-f {
height: 450% !important;
}
.ht-xs-500 {
height: 500px;
}
.ht-xs-500p {
height: 500%;
}
.mx-ht-xs-500p {
max-height: 500%;
}
.mn-ht-xs-500p {
min-height: 500%;
}
.ht-xs-500-f {
height: 500px !important;
}
.ht-xs-500p-f {
height: 500% !important;
}
.ht-xs-550 {
height: 550px;
}
.ht-xs-550p {
height: 550%;
}
.mx-ht-xs-550p {
max-height: 550%;
}
.mn-ht-xs-550p {
min-height: 550%;
}
.ht-xs-550-f {
height: 550px !important;
}
.ht-xs-550p-f {
height: 550% !important;
}
.ht-xs-600 {
height: 600px;
}
.ht-xs-600p {
height: 600%;
}
.mx-ht-xs-600p {
max-height: 600%;
}
.mn-ht-xs-600p {
min-height: 600%;
}
.ht-xs-600-f {
height: 600px !important;
}
.ht-xs-600p-f {
height: 600% !important;
}
.ht-xs-650 {
height: 650px;
}
.ht-xs-650p {
height: 650%;
}
.mx-ht-xs-650p {
max-height: 650%;
}
.mn-ht-xs-650p {
min-height: 650%;
}
.ht-xs-650-f {
height: 650px !important;
}
.ht-xs-650p-f {
height: 650% !important;
}
.ht-xs-700 {
height: 700px;
}
.ht-xs-700p {
height: 700%;
}
.mx-ht-xs-700p {
max-height: 700%;
}
.mn-ht-xs-700p {
min-height: 700%;
}
.ht-xs-700-f {
height: 700px !important;
}
.ht-xs-700p-f {
height: 700% !important;
}
.ht-xs-750 {
height: 750px;
}
.ht-xs-750p {
height: 750%;
}
.mx-ht-xs-750p {
max-height: 750%;
}
.mn-ht-xs-750p {
min-height: 750%;
}
.ht-xs-750-f {
height: 750px !important;
}
.ht-xs-750p-f {
height: 750% !important;
}
.ht-xs-800 {
height: 800px;
}
.ht-xs-800p {
height: 800%;
}
.mx-ht-xs-800p {
max-height: 800%;
}
.mn-ht-xs-800p {
min-height: 800%;
}
.ht-xs-800-f {
height: 800px !important;
}
.ht-xs-800p-f {
height: 800% !important;
}
.ht-xs-850 {
height: 850px;
}
.ht-xs-850p {
height: 850%;
}
.mx-ht-xs-850p {
max-height: 850%;
}
.mn-ht-xs-850p {
min-height: 850%;
}
.ht-xs-850-f {
height: 850px !important;
}
.ht-xs-850p-f {
height: 850% !important;
}
.ht-xs-100v {
height: 100vh;
}
}
@media (min-width: 576px) {
.ht-sm-5 {
height: 5px;
}
.ht-sm-5p {
height: 5%;
}
.mx-ht-sm-5p {
max-height: 5%;
}
.mn-ht-sm-5p {
min-height: 5%;
}
.ht-sm-5-f {
height: 5px !important;
}
.ht-sm-5p-f {
height: 5% !important;
}
.ht-sm-10 {
height: 10px;
}
.ht-sm-10p {
height: 10%;
}
.mx-ht-sm-10p {
max-height: 10%;
}
.mn-ht-sm-10p {
min-height: 10%;
}
.ht-sm-10-f {
height: 10px !important;
}
.ht-sm-10p-f {
height: 10% !important;
}
.ht-sm-15 {
height: 15px;
}
.ht-sm-15p {
height: 15%;
}
.mx-ht-sm-15p {
max-height: 15%;
}
.mn-ht-sm-15p {
min-height: 15%;
}
.ht-sm-15-f {
height: 15px !important;
}
.ht-sm-15p-f {
height: 15% !important;
}
.ht-sm-20 {
height: 20px;
}
.ht-sm-20p {
height: 20%;
}
.mx-ht-sm-20p {
max-height: 20%;
}
.mn-ht-sm-20p {
min-height: 20%;
}
.ht-sm-20-f {
height: 20px !important;
}
.ht-sm-20p-f {
height: 20% !important;
}
.ht-sm-25 {
height: 25px;
}
.ht-sm-25p {
height: 25%;
}
.mx-ht-sm-25p {
max-height: 25%;
}
.mn-ht-sm-25p {
min-height: 25%;
}
.ht-sm-25-f {
height: 25px !important;
}
.ht-sm-25p-f {
height: 25% !important;
}
.ht-sm-30 {
height: 30px;
}
.ht-sm-30p {
height: 30%;
}
.mx-ht-sm-30p {
max-height: 30%;
}
.mn-ht-sm-30p {
min-height: 30%;
}
.ht-sm-30-f {
height: 30px !important;
}
.ht-sm-30p-f {
height: 30% !important;
}
.ht-sm-35 {
height: 35px;
}
.ht-sm-35p {
height: 35%;
}
.mx-ht-sm-35p {
max-height: 35%;
}
.mn-ht-sm-35p {
min-height: 35%;
}
.ht-sm-35-f {
height: 35px !important;
}
.ht-sm-35p-f {
height: 35% !important;
}
.ht-sm-40 {
height: 40px;
}
.ht-sm-40p {
height: 40%;
}
.mx-ht-sm-40p {
max-height: 40%;
}
.mn-ht-sm-40p {
min-height: 40%;
}
.ht-sm-40-f {
height: 40px !important;
}
.ht-sm-40p-f {
height: 40% !important;
}
.ht-sm-45 {
height: 45px;
}
.ht-sm-45p {
height: 45%;
}
.mx-ht-sm-45p {
max-height: 45%;
}
.mn-ht-sm-45p {
min-height: 45%;
}
.ht-sm-45-f {
height: 45px !important;
}
.ht-sm-45p-f {
height: 45% !important;
}
.ht-sm-50 {
height: 50px;
}
.ht-sm-50p {
height: 50%;
}
.mx-ht-sm-50p {
max-height: 50%;
}
.mn-ht-sm-50p {
min-height: 50%;
}
.ht-sm-50-f {
height: 50px !important;
}
.ht-sm-50p-f {
height: 50% !important;
}
.ht-sm-55 {
height: 55px;
}
.ht-sm-55p {
height: 55%;
}
.mx-ht-sm-55p {
max-height: 55%;
}
.mn-ht-sm-55p {
min-height: 55%;
}
.ht-sm-55-f {
height: 55px !important;
}
.ht-sm-55p-f {
height: 55% !important;
}
.ht-sm-60 {
height: 60px;
}
.ht-sm-60p {
height: 60%;
}
.mx-ht-sm-60p {
max-height: 60%;
}
.mn-ht-sm-60p {
min-height: 60%;
}
.ht-sm-60-f {
height: 60px !important;
}
.ht-sm-60p-f {
height: 60% !important;
}
.ht-sm-65 {
height: 65px;
}
.ht-sm-65p {
height: 65%;
}
.mx-ht-sm-65p {
max-height: 65%;
}
.mn-ht-sm-65p {
min-height: 65%;
}
.ht-sm-65-f {
height: 65px !important;
}
.ht-sm-65p-f {
height: 65% !important;
}
.ht-sm-70 {
height: 70px;
}
.ht-sm-70p {
height: 70%;
}
.mx-ht-sm-70p {
max-height: 70%;
}
.mn-ht-sm-70p {
min-height: 70%;
}
.ht-sm-70-f {
height: 70px !important;
}
.ht-sm-70p-f {
height: 70% !important;
}
.ht-sm-75 {
height: 75px;
}
.ht-sm-75p {
height: 75%;
}
.mx-ht-sm-75p {
max-height: 75%;
}
.mn-ht-sm-75p {
min-height: 75%;
}
.ht-sm-75-f {
height: 75px !important;
}
.ht-sm-75p-f {
height: 75% !important;
}
.ht-sm-80 {
height: 80px;
}
.ht-sm-80p {
height: 80%;
}
.mx-ht-sm-80p {
max-height: 80%;
}
.mn-ht-sm-80p {
min-height: 80%;
}
.ht-sm-80-f {
height: 80px !important;
}
.ht-sm-80p-f {
height: 80% !important;
}
.ht-sm-85 {
height: 85px;
}
.ht-sm-85p {
height: 85%;
}
.mx-ht-sm-85p {
max-height: 85%;
}
.mn-ht-sm-85p {
min-height: 85%;
}
.ht-sm-85-f {
height: 85px !important;
}
.ht-sm-85p-f {
height: 85% !important;
}
.ht-sm-90 {
height: 90px;
}
.ht-sm-90p {
height: 90%;
}
.mx-ht-sm-90p {
max-height: 90%;
}
.mn-ht-sm-90p {
min-height: 90%;
}
.ht-sm-90-f {
height: 90px !important;
}
.ht-sm-90p-f {
height: 90% !important;
}
.ht-sm-95 {
height: 95px;
}
.ht-sm-95p {
height: 95%;
}
.mx-ht-sm-95p {
max-height: 95%;
}
.mn-ht-sm-95p {
min-height: 95%;
}
.ht-sm-95-f {
height: 95px !important;
}
.ht-sm-95p-f {
height: 95% !important;
}
.ht-sm-100 {
height: 100px;
}
.ht-sm-100p {
height: 100%;
}
.mx-ht-sm-100p {
max-height: 100%;
}
.mn-ht-sm-100p {
min-height: 100%;
}
.ht-sm-100-f {
height: 100px !important;
}
.ht-sm-100p-f {
height: 100% !important;
}
.ht-sm-150 {
height: 150px;
}
.ht-sm-150p {
height: 150%;
}
.mx-ht-sm-150p {
max-height: 150%;
}
.mn-ht-sm-150p {
min-height: 150%;
}
.ht-sm-150-f {
height: 150px !important;
}
.ht-sm-150p-f {
height: 150% !important;
}
.ht-sm-200 {
height: 200px;
}
.ht-sm-200p {
height: 200%;
}
.mx-ht-sm-200p {
max-height: 200%;
}
.mn-ht-sm-200p {
min-height: 200%;
}
.ht-sm-200-f {
height: 200px !important;
}
.ht-sm-200p-f {
height: 200% !important;
}
.ht-sm-250 {
height: 250px;
}
.ht-sm-250p {
height: 250%;
}
.mx-ht-sm-250p {
max-height: 250%;
}
.mn-ht-sm-250p {
min-height: 250%;
}
.ht-sm-250-f {
height: 250px !important;
}
.ht-sm-250p-f {
height: 250% !important;
}
.ht-sm-300 {
height: 300px;
}
.ht-sm-300p {
height: 300%;
}
.mx-ht-sm-300p {
max-height: 300%;
}
.mn-ht-sm-300p {
min-height: 300%;
}
.ht-sm-300-f {
height: 300px !important;
}
.ht-sm-300p-f {
height: 300% !important;
}
.ht-sm-350 {
height: 350px;
}
.ht-sm-350p {
height: 350%;
}
.mx-ht-sm-350p {
max-height: 350%;
}
.mn-ht-sm-350p {
min-height: 350%;
}
.ht-sm-350-f {
height: 350px !important;
}
.ht-sm-350p-f {
height: 350% !important;
}
.ht-sm-400 {
height: 400px;
}
.ht-sm-400p {
height: 400%;
}
.mx-ht-sm-400p {
max-height: 400%;
}
.mn-ht-sm-400p {
min-height: 400%;
}
.ht-sm-400-f {
height: 400px !important;
}
.ht-sm-400p-f {
height: 400% !important;
}
.ht-sm-450 {
height: 450px;
}
.ht-sm-450p {
height: 450%;
}
.mx-ht-sm-450p {
max-height: 450%;
}
.mn-ht-sm-450p {
min-height: 450%;
}
.ht-sm-450-f {
height: 450px !important;
}
.ht-sm-450p-f {
height: 450% !important;
}
.ht-sm-500 {
height: 500px;
}
.ht-sm-500p {
height: 500%;
}
.mx-ht-sm-500p {
max-height: 500%;
}
.mn-ht-sm-500p {
min-height: 500%;
}
.ht-sm-500-f {
height: 500px !important;
}
.ht-sm-500p-f {
height: 500% !important;
}
.ht-sm-550 {
height: 550px;
}
.ht-sm-550p {
height: 550%;
}
.mx-ht-sm-550p {
max-height: 550%;
}
.mn-ht-sm-550p {
min-height: 550%;
}
.ht-sm-550-f {
height: 550px !important;
}
.ht-sm-550p-f {
height: 550% !important;
}
.ht-sm-600 {
height: 600px;
}
.ht-sm-600p {
height: 600%;
}
.mx-ht-sm-600p {
max-height: 600%;
}
.mn-ht-sm-600p {
min-height: 600%;
}
.ht-sm-600-f {
height: 600px !important;
}
.ht-sm-600p-f {
height: 600% !important;
}
.ht-sm-650 {
height: 650px;
}
.ht-sm-650p {
height: 650%;
}
.mx-ht-sm-650p {
max-height: 650%;
}
.mn-ht-sm-650p {
min-height: 650%;
}
.ht-sm-650-f {
height: 650px !important;
}
.ht-sm-650p-f {
height: 650% !important;
}
.ht-sm-700 {
height: 700px;
}
.ht-sm-700p {
height: 700%;
}
.mx-ht-sm-700p {
max-height: 700%;
}
.mn-ht-sm-700p {
min-height: 700%;
}
.ht-sm-700-f {
height: 700px !important;
}
.ht-sm-700p-f {
height: 700% !important;
}
.ht-sm-750 {
height: 750px;
}
.ht-sm-750p {
height: 750%;
}
.mx-ht-sm-750p {
max-height: 750%;
}
.mn-ht-sm-750p {
min-height: 750%;
}
.ht-sm-750-f {
height: 750px !important;
}
.ht-sm-750p-f {
height: 750% !important;
}
.ht-sm-800 {
height: 800px;
}
.ht-sm-800p {
height: 800%;
}
.mx-ht-sm-800p {
max-height: 800%;
}
.mn-ht-sm-800p {
min-height: 800%;
}
.ht-sm-800-f {
height: 800px !important;
}
.ht-sm-800p-f {
height: 800% !important;
}
.ht-sm-850 {
height: 850px;
}
.ht-sm-850p {
height: 850%;
}
.mx-ht-sm-850p {
max-height: 850%;
}
.mn-ht-sm-850p {
min-height: 850%;
}
.ht-sm-850-f {
height: 850px !important;
}
.ht-sm-850p-f {
height: 850% !important;
}
.ht-sm-100v {
height: 100vh;
}
}
@media (min-width: 768px) {
.ht-md-5 {
height: 5px;
}
.ht-md-5p {
height: 5%;
}
.mx-ht-md-5p {
max-height: 5%;
}
.mn-ht-md-5p {
min-height: 5%;
}
.ht-md-5-f {
height: 5px !important;
}
.ht-md-5p-f {
height: 5% !important;
}
.ht-md-10 {
height: 10px;
}
.ht-md-10p {
height: 10%;
}
.mx-ht-md-10p {
max-height: 10%;
}
.mn-ht-md-10p {
min-height: 10%;
}
.ht-md-10-f {
height: 10px !important;
}
.ht-md-10p-f {
height: 10% !important;
}
.ht-md-15 {
height: 15px;
}
.ht-md-15p {
height: 15%;
}
.mx-ht-md-15p {
max-height: 15%;
}
.mn-ht-md-15p {
min-height: 15%;
}
.ht-md-15-f {
height: 15px !important;
}
.ht-md-15p-f {
height: 15% !important;
}
.ht-md-20 {
height: 20px;
}
.ht-md-20p {
height: 20%;
}
.mx-ht-md-20p {
max-height: 20%;
}
.mn-ht-md-20p {
min-height: 20%;
}
.ht-md-20-f {
height: 20px !important;
}
.ht-md-20p-f {
height: 20% !important;
}
.ht-md-25 {
height: 25px;
}
.ht-md-25p {
height: 25%;
}
.mx-ht-md-25p {
max-height: 25%;
}
.mn-ht-md-25p {
min-height: 25%;
}
.ht-md-25-f {
height: 25px !important;
}
.ht-md-25p-f {
height: 25% !important;
}
.ht-md-30 {
height: 30px;
}
.ht-md-30p {
height: 30%;
}
.mx-ht-md-30p {
max-height: 30%;
}
.mn-ht-md-30p {
min-height: 30%;
}
.ht-md-30-f {
height: 30px !important;
}
.ht-md-30p-f {
height: 30% !important;
}
.ht-md-35 {
height: 35px;
}
.ht-md-35p {
height: 35%;
}
.mx-ht-md-35p {
max-height: 35%;
}
.mn-ht-md-35p {
min-height: 35%;
}
.ht-md-35-f {
height: 35px !important;
}
.ht-md-35p-f {
height: 35% !important;
}
.ht-md-40 {
height: 40px;
}
.ht-md-40p {
height: 40%;
}
.mx-ht-md-40p {
max-height: 40%;
}
.mn-ht-md-40p {
min-height: 40%;
}
.ht-md-40-f {
height: 40px !important;
}
.ht-md-40p-f {
height: 40% !important;
}
.ht-md-45 {
height: 45px;
}
.ht-md-45p {
height: 45%;
}
.mx-ht-md-45p {
max-height: 45%;
}
.mn-ht-md-45p {
min-height: 45%;
}
.ht-md-45-f {
height: 45px !important;
}
.ht-md-45p-f {
height: 45% !important;
}
.ht-md-50 {
height: 50px;
}
.ht-md-50p {
height: 50%;
}
.mx-ht-md-50p {
max-height: 50%;
}
.mn-ht-md-50p {
min-height: 50%;
}
.ht-md-50-f {
height: 50px !important;
}
.ht-md-50p-f {
height: 50% !important;
}
.ht-md-55 {
height: 55px;
}
.ht-md-55p {
height: 55%;
}
.mx-ht-md-55p {
max-height: 55%;
}
.mn-ht-md-55p {
min-height: 55%;
}
.ht-md-55-f {
height: 55px !important;
}
.ht-md-55p-f {
height: 55% !important;
}
.ht-md-60 {
height: 60px;
}
.ht-md-60p {
height: 60%;
}
.mx-ht-md-60p {
max-height: 60%;
}
.mn-ht-md-60p {
min-height: 60%;
}
.ht-md-60-f {
height: 60px !important;
}
.ht-md-60p-f {
height: 60% !important;
}
.ht-md-65 {
height: 65px;
}
.ht-md-65p {
height: 65%;
}
.mx-ht-md-65p {
max-height: 65%;
}
.mn-ht-md-65p {
min-height: 65%;
}
.ht-md-65-f {
height: 65px !important;
}
.ht-md-65p-f {
height: 65% !important;
}
.ht-md-70 {
height: 70px;
}
.ht-md-70p {
height: 70%;
}
.mx-ht-md-70p {
max-height: 70%;
}
.mn-ht-md-70p {
min-height: 70%;
}
.ht-md-70-f {
height: 70px !important;
}
.ht-md-70p-f {
height: 70% !important;
}
.ht-md-75 {
height: 75px;
}
.ht-md-75p {
height: 75%;
}
.mx-ht-md-75p {
max-height: 75%;
}
.mn-ht-md-75p {
min-height: 75%;
}
.ht-md-75-f {
height: 75px !important;
}
.ht-md-75p-f {
height: 75% !important;
}
.ht-md-80 {
height: 80px;
}
.ht-md-80p {
height: 80%;
}
.mx-ht-md-80p {
max-height: 80%;
}
.mn-ht-md-80p {
min-height: 80%;
}
.ht-md-80-f {
height: 80px !important;
}
.ht-md-80p-f {
height: 80% !important;
}
.ht-md-85 {
height: 85px;
}
.ht-md-85p {
height: 85%;
}
.mx-ht-md-85p {
max-height: 85%;
}
.mn-ht-md-85p {
min-height: 85%;
}
.ht-md-85-f {
height: 85px !important;
}
.ht-md-85p-f {
height: 85% !important;
}
.ht-md-90 {
height: 90px;
}
.ht-md-90p {
height: 90%;
}
.mx-ht-md-90p {
max-height: 90%;
}
.mn-ht-md-90p {
min-height: 90%;
}
.ht-md-90-f {
height: 90px !important;
}
.ht-md-90p-f {
height: 90% !important;
}
.ht-md-95 {
height: 95px;
}
.ht-md-95p {
height: 95%;
}
.mx-ht-md-95p {
max-height: 95%;
}
.mn-ht-md-95p {
min-height: 95%;
}
.ht-md-95-f {
height: 95px !important;
}
.ht-md-95p-f {
height: 95% !important;
}
.ht-md-100 {
height: 100px;
}
.ht-md-100p {
height: 100%;
}
.mx-ht-md-100p {
max-height: 100%;
}
.mn-ht-md-100p {
min-height: 100%;
}
.ht-md-100-f {
height: 100px !important;
}
.ht-md-100p-f {
height: 100% !important;
}
.ht-md-150 {
height: 150px;
}
.ht-md-150p {
height: 150%;
}
.mx-ht-md-150p {
max-height: 150%;
}
.mn-ht-md-150p {
min-height: 150%;
}
.ht-md-150-f {
height: 150px !important;
}
.ht-md-150p-f {
height: 150% !important;
}
.ht-md-200 {
height: 200px;
}
.ht-md-200p {
height: 200%;
}
.mx-ht-md-200p {
max-height: 200%;
}
.mn-ht-md-200p {
min-height: 200%;
}
.ht-md-200-f {
height: 200px !important;
}
.ht-md-200p-f {
height: 200% !important;
}
.ht-md-250 {
height: 250px;
}
.ht-md-250p {
height: 250%;
}
.mx-ht-md-250p {
max-height: 250%;
}
.mn-ht-md-250p {
min-height: 250%;
}
.ht-md-250-f {
height: 250px !important;
}
.ht-md-250p-f {
height: 250% !important;
}
.ht-md-300 {
height: 300px;
}
.ht-md-300p {
height: 300%;
}
.mx-ht-md-300p {
max-height: 300%;
}
.mn-ht-md-300p {
min-height: 300%;
}
.ht-md-300-f {
height: 300px !important;
}
.ht-md-300p-f {
height: 300% !important;
}
.ht-md-350 {
height: 350px;
}
.ht-md-350p {
height: 350%;
}
.mx-ht-md-350p {
max-height: 350%;
}
.mn-ht-md-350p {
min-height: 350%;
}
.ht-md-350-f {
height: 350px !important;
}
.ht-md-350p-f {
height: 350% !important;
}
.ht-md-400 {
height: 400px;
}
.ht-md-400p {
height: 400%;
}
.mx-ht-md-400p {
max-height: 400%;
}
.mn-ht-md-400p {
min-height: 400%;
}
.ht-md-400-f {
height: 400px !important;
}
.ht-md-400p-f {
height: 400% !important;
}
.ht-md-450 {
height: 450px;
}
.ht-md-450p {
height: 450%;
}
.mx-ht-md-450p {
max-height: 450%;
}
.mn-ht-md-450p {
min-height: 450%;
}
.ht-md-450-f {
height: 450px !important;
}
.ht-md-450p-f {
height: 450% !important;
}
.ht-md-500 {
height: 500px;
}
.ht-md-500p {
height: 500%;
}
.mx-ht-md-500p {
max-height: 500%;
}
.mn-ht-md-500p {
min-height: 500%;
}
.ht-md-500-f {
height: 500px !important;
}
.ht-md-500p-f {
height: 500% !important;
}
.ht-md-550 {
height: 550px;
}
.ht-md-550p {
height: 550%;
}
.mx-ht-md-550p {
max-height: 550%;
}
.mn-ht-md-550p {
min-height: 550%;
}
.ht-md-550-f {
height: 550px !important;
}
.ht-md-550p-f {
height: 550% !important;
}
.ht-md-600 {
height: 600px;
}
.ht-md-600p {
height: 600%;
}
.mx-ht-md-600p {
max-height: 600%;
}
.mn-ht-md-600p {
min-height: 600%;
}
.ht-md-600-f {
height: 600px !important;
}
.ht-md-600p-f {
height: 600% !important;
}
.ht-md-650 {
height: 650px;
}
.ht-md-650p {
height: 650%;
}
.mx-ht-md-650p {
max-height: 650%;
}
.mn-ht-md-650p {
min-height: 650%;
}
.ht-md-650-f {
height: 650px !important;
}
.ht-md-650p-f {
height: 650% !important;
}
.ht-md-700 {
height: 700px;
}
.ht-md-700p {
height: 700%;
}
.mx-ht-md-700p {
max-height: 700%;
}
.mn-ht-md-700p {
min-height: 700%;
}
.ht-md-700-f {
height: 700px !important;
}
.ht-md-700p-f {
height: 700% !important;
}
.ht-md-750 {
height: 750px;
}
.ht-md-750p {
height: 750%;
}
.mx-ht-md-750p {
max-height: 750%;
}
.mn-ht-md-750p {
min-height: 750%;
}
.ht-md-750-f {
height: 750px !important;
}
.ht-md-750p-f {
height: 750% !important;
}
.ht-md-800 {
height: 800px;
}
.ht-md-800p {
height: 800%;
}
.mx-ht-md-800p {
max-height: 800%;
}
.mn-ht-md-800p {
min-height: 800%;
}
.ht-md-800-f {
height: 800px !important;
}
.ht-md-800p-f {
height: 800% !important;
}
.ht-md-850 {
height: 850px;
}
.ht-md-850p {
height: 850%;
}
.mx-ht-md-850p {
max-height: 850%;
}
.mn-ht-md-850p {
min-height: 850%;
}
.ht-md-850-f {
height: 850px !important;
}
.ht-md-850p-f {
height: 850% !important;
}
.ht-md-100v {
height: 100vh;
}
}
@media (min-width: 992px) {
.ht-lg-5 {
height: 5px;
}
.ht-lg-5p {
height: 5%;
}
.mx-ht-lg-5p {
max-height: 5%;
}
.mn-ht-lg-5p {
min-height: 5%;
}
.ht-lg-5-f {
height: 5px !important;
}
.ht-lg-5p-f {
height: 5% !important;
}
.ht-lg-10 {
height: 10px;
}
.ht-lg-10p {
height: 10%;
}
.mx-ht-lg-10p {
max-height: 10%;
}
.mn-ht-lg-10p {
min-height: 10%;
}
.ht-lg-10-f {
height: 10px !important;
}
.ht-lg-10p-f {
height: 10% !important;
}
.ht-lg-15 {
height: 15px;
}
.ht-lg-15p {
height: 15%;
}
.mx-ht-lg-15p {
max-height: 15%;
}
.mn-ht-lg-15p {
min-height: 15%;
}
.ht-lg-15-f {
height: 15px !important;
}
.ht-lg-15p-f {
height: 15% !important;
}
.ht-lg-20 {
height: 20px;
}
.ht-lg-20p {
height: 20%;
}
.mx-ht-lg-20p {
max-height: 20%;
}
.mn-ht-lg-20p {
min-height: 20%;
}
.ht-lg-20-f {
height: 20px !important;
}
.ht-lg-20p-f {
height: 20% !important;
}
.ht-lg-25 {
height: 25px;
}
.ht-lg-25p {
height: 25%;
}
.mx-ht-lg-25p {
max-height: 25%;
}
.mn-ht-lg-25p {
min-height: 25%;
}
.ht-lg-25-f {
height: 25px !important;
}
.ht-lg-25p-f {
height: 25% !important;
}
.ht-lg-30 {
height: 30px;
}
.ht-lg-30p {
height: 30%;
}
.mx-ht-lg-30p {
max-height: 30%;
}
.mn-ht-lg-30p {
min-height: 30%;
}
.ht-lg-30-f {
height: 30px !important;
}
.ht-lg-30p-f {
height: 30% !important;
}
.ht-lg-35 {
height: 35px;
}
.ht-lg-35p {
height: 35%;
}
.mx-ht-lg-35p {
max-height: 35%;
}
.mn-ht-lg-35p {
min-height: 35%;
}
.ht-lg-35-f {
height: 35px !important;
}
.ht-lg-35p-f {
height: 35% !important;
}
.ht-lg-40 {
height: 40px;
}
.ht-lg-40p {
height: 40%;
}
.mx-ht-lg-40p {
max-height: 40%;
}
.mn-ht-lg-40p {
min-height: 40%;
}
.ht-lg-40-f {
height: 40px !important;
}
.ht-lg-40p-f {
height: 40% !important;
}
.ht-lg-45 {
height: 45px;
}
.ht-lg-45p {
height: 45%;
}
.mx-ht-lg-45p {
max-height: 45%;
}
.mn-ht-lg-45p {
min-height: 45%;
}
.ht-lg-45-f {
height: 45px !important;
}
.ht-lg-45p-f {
height: 45% !important;
}
.ht-lg-50 {
height: 50px;
}
.ht-lg-50p {
height: 50%;
}
.mx-ht-lg-50p {
max-height: 50%;
}
.mn-ht-lg-50p {
min-height: 50%;
}
.ht-lg-50-f {
height: 50px !important;
}
.ht-lg-50p-f {
height: 50% !important;
}
.ht-lg-55 {
height: 55px;
}
.ht-lg-55p {
height: 55%;
}
.mx-ht-lg-55p {
max-height: 55%;
}
.mn-ht-lg-55p {
min-height: 55%;
}
.ht-lg-55-f {
height: 55px !important;
}
.ht-lg-55p-f {
height: 55% !important;
}
.ht-lg-60 {
height: 60px;
}
.ht-lg-60p {
height: 60%;
}
.mx-ht-lg-60p {
max-height: 60%;
}
.mn-ht-lg-60p {
min-height: 60%;
}
.ht-lg-60-f {
height: 60px !important;
}
.ht-lg-60p-f {
height: 60% !important;
}
.ht-lg-65 {
height: 65px;
}
.ht-lg-65p {
height: 65%;
}
.mx-ht-lg-65p {
max-height: 65%;
}
.mn-ht-lg-65p {
min-height: 65%;
}
.ht-lg-65-f {
height: 65px !important;
}
.ht-lg-65p-f {
height: 65% !important;
}
.ht-lg-70 {
height: 70px;
}
.ht-lg-70p {
height: 70%;
}
.mx-ht-lg-70p {
max-height: 70%;
}
.mn-ht-lg-70p {
min-height: 70%;
}
.ht-lg-70-f {
height: 70px !important;
}
.ht-lg-70p-f {
height: 70% !important;
}
.ht-lg-75 {
height: 75px;
}
.ht-lg-75p {
height: 75%;
}
.mx-ht-lg-75p {
max-height: 75%;
}
.mn-ht-lg-75p {
min-height: 75%;
}
.ht-lg-75-f {
height: 75px !important;
}
.ht-lg-75p-f {
height: 75% !important;
}
.ht-lg-80 {
height: 80px;
}
.ht-lg-80p {
height: 80%;
}
.mx-ht-lg-80p {
max-height: 80%;
}
.mn-ht-lg-80p {
min-height: 80%;
}
.ht-lg-80-f {
height: 80px !important;
}
.ht-lg-80p-f {
height: 80% !important;
}
.ht-lg-85 {
height: 85px;
}
.ht-lg-85p {
height: 85%;
}
.mx-ht-lg-85p {
max-height: 85%;
}
.mn-ht-lg-85p {
min-height: 85%;
}
.ht-lg-85-f {
height: 85px !important;
}
.ht-lg-85p-f {
height: 85% !important;
}
.ht-lg-90 {
height: 90px;
}
.ht-lg-90p {
height: 90%;
}
.mx-ht-lg-90p {
max-height: 90%;
}
.mn-ht-lg-90p {
min-height: 90%;
}
.ht-lg-90-f {
height: 90px !important;
}
.ht-lg-90p-f {
height: 90% !important;
}
.ht-lg-95 {
height: 95px;
}
.ht-lg-95p {
height: 95%;
}
.mx-ht-lg-95p {
max-height: 95%;
}
.mn-ht-lg-95p {
min-height: 95%;
}
.ht-lg-95-f {
height: 95px !important;
}
.ht-lg-95p-f {
height: 95% !important;
}
.ht-lg-100 {
height: 100px;
}
.ht-lg-100p {
height: 100%;
}
.mx-ht-lg-100p {
max-height: 100%;
}
.mn-ht-lg-100p {
min-height: 100%;
}
.ht-lg-100-f {
height: 100px !important;
}
.ht-lg-100p-f {
height: 100% !important;
}
.ht-lg-150 {
height: 150px;
}
.ht-lg-150p {
height: 150%;
}
.mx-ht-lg-150p {
max-height: 150%;
}
.mn-ht-lg-150p {
min-height: 150%;
}
.ht-lg-150-f {
height: 150px !important;
}
.ht-lg-150p-f {
height: 150% !important;
}
.ht-lg-200 {
height: 200px;
}
.ht-lg-200p {
height: 200%;
}
.mx-ht-lg-200p {
max-height: 200%;
}
.mn-ht-lg-200p {
min-height: 200%;
}
.ht-lg-200-f {
height: 200px !important;
}
.ht-lg-200p-f {
height: 200% !important;
}
.ht-lg-250 {
height: 250px;
}
.ht-lg-250p {
height: 250%;
}
.mx-ht-lg-250p {
max-height: 250%;
}
.mn-ht-lg-250p {
min-height: 250%;
}
.ht-lg-250-f {
height: 250px !important;
}
.ht-lg-250p-f {
height: 250% !important;
}
.ht-lg-300 {
height: 300px;
}
.ht-lg-300p {
height: 300%;
}
.mx-ht-lg-300p {
max-height: 300%;
}
.mn-ht-lg-300p {
min-height: 300%;
}
.ht-lg-300-f {
height: 300px !important;
}
.ht-lg-300p-f {
height: 300% !important;
}
.ht-lg-350 {
height: 350px;
}
.ht-lg-350p {
height: 350%;
}
.mx-ht-lg-350p {
max-height: 350%;
}
.mn-ht-lg-350p {
min-height: 350%;
}
.ht-lg-350-f {
height: 350px !important;
}
.ht-lg-350p-f {
height: 350% !important;
}
.ht-lg-400 {
height: 400px;
}
.ht-lg-400p {
height: 400%;
}
.mx-ht-lg-400p {
max-height: 400%;
}
.mn-ht-lg-400p {
min-height: 400%;
}
.ht-lg-400-f {
height: 400px !important;
}
.ht-lg-400p-f {
height: 400% !important;
}
.ht-lg-450 {
height: 450px;
}
.ht-lg-450p {
height: 450%;
}
.mx-ht-lg-450p {
max-height: 450%;
}
.mn-ht-lg-450p {
min-height: 450%;
}
.ht-lg-450-f {
height: 450px !important;
}
.ht-lg-450p-f {
height: 450% !important;
}
.ht-lg-500 {
height: 500px;
}
.ht-lg-500p {
height: 500%;
}
.mx-ht-lg-500p {
max-height: 500%;
}
.mn-ht-lg-500p {
min-height: 500%;
}
.ht-lg-500-f {
height: 500px !important;
}
.ht-lg-500p-f {
height: 500% !important;
}
.ht-lg-550 {
height: 550px;
}
.ht-lg-550p {
height: 550%;
}
.mx-ht-lg-550p {
max-height: 550%;
}
.mn-ht-lg-550p {
min-height: 550%;
}
.ht-lg-550-f {
height: 550px !important;
}
.ht-lg-550p-f {
height: 550% !important;
}
.ht-lg-600 {
height: 600px;
}
.ht-lg-600p {
height: 600%;
}
.mx-ht-lg-600p {
max-height: 600%;
}
.mn-ht-lg-600p {
min-height: 600%;
}
.ht-lg-600-f {
height: 600px !important;
}
.ht-lg-600p-f {
height: 600% !important;
}
.ht-lg-650 {
height: 650px;
}
.ht-lg-650p {
height: 650%;
}
.mx-ht-lg-650p {
max-height: 650%;
}
.mn-ht-lg-650p {
min-height: 650%;
}
.ht-lg-650-f {
height: 650px !important;
}
.ht-lg-650p-f {
height: 650% !important;
}
.ht-lg-700 {
height: 700px;
}
.ht-lg-700p {
height: 700%;
}
.mx-ht-lg-700p {
max-height: 700%;
}
.mn-ht-lg-700p {
min-height: 700%;
}
.ht-lg-700-f {
height: 700px !important;
}
.ht-lg-700p-f {
height: 700% !important;
}
.ht-lg-750 {
height: 750px;
}
.ht-lg-750p {
height: 750%;
}
.mx-ht-lg-750p {
max-height: 750%;
}
.mn-ht-lg-750p {
min-height: 750%;
}
.ht-lg-750-f {
height: 750px !important;
}
.ht-lg-750p-f {
height: 750% !important;
}
.ht-lg-800 {
height: 800px;
}
.ht-lg-800p {
height: 800%;
}
.mx-ht-lg-800p {
max-height: 800%;
}
.mn-ht-lg-800p {
min-height: 800%;
}
.ht-lg-800-f {
height: 800px !important;
}
.ht-lg-800p-f {
height: 800% !important;
}
.ht-lg-850 {
height: 850px;
}
.ht-lg-850p {
height: 850%;
}
.mx-ht-lg-850p {
max-height: 850%;
}
.mn-ht-lg-850p {
min-height: 850%;
}
.ht-lg-850-f {
height: 850px !important;
}
.ht-lg-850p-f {
height: 850% !important;
}
.ht-lg-100v {
height: 100vh;
}
}
@media (min-width: 1200px) {
.ht-xl-5 {
height: 5px;
}
.ht-xl-5p {
height: 5%;
}
.mx-ht-xl-5p {
max-height: 5%;
}
.mn-ht-xl-5p {
min-height: 5%;
}
.ht-xl-5-f {
height: 5px !important;
}
.ht-xl-5p-f {
height: 5% !important;
}
.ht-xl-10 {
height: 10px;
}
.ht-xl-10p {
height: 10%;
}
.mx-ht-xl-10p {
max-height: 10%;
}
.mn-ht-xl-10p {
min-height: 10%;
}
.ht-xl-10-f {
height: 10px !important;
}
.ht-xl-10p-f {
height: 10% !important;
}
.ht-xl-15 {
height: 15px;
}
.ht-xl-15p {
height: 15%;
}
.mx-ht-xl-15p {
max-height: 15%;
}
.mn-ht-xl-15p {
min-height: 15%;
}
.ht-xl-15-f {
height: 15px !important;
}
.ht-xl-15p-f {
height: 15% !important;
}
.ht-xl-20 {
height: 20px;
}
.ht-xl-20p {
height: 20%;
}
.mx-ht-xl-20p {
max-height: 20%;
}
.mn-ht-xl-20p {
min-height: 20%;
}
.ht-xl-20-f {
height: 20px !important;
}
.ht-xl-20p-f {
height: 20% !important;
}
.ht-xl-25 {
height: 25px;
}
.ht-xl-25p {
height: 25%;
}
.mx-ht-xl-25p {
max-height: 25%;
}
.mn-ht-xl-25p {
min-height: 25%;
}
.ht-xl-25-f {
height: 25px !important;
}
.ht-xl-25p-f {
height: 25% !important;
}
.ht-xl-30 {
height: 30px;
}
.ht-xl-30p {
height: 30%;
}
.mx-ht-xl-30p {
max-height: 30%;
}
.mn-ht-xl-30p {
min-height: 30%;
}
.ht-xl-30-f {
height: 30px !important;
}
.ht-xl-30p-f {
height: 30% !important;
}
.ht-xl-35 {
height: 35px;
}
.ht-xl-35p {
height: 35%;
}
.mx-ht-xl-35p {
max-height: 35%;
}
.mn-ht-xl-35p {
min-height: 35%;
}
.ht-xl-35-f {
height: 35px !important;
}
.ht-xl-35p-f {
height: 35% !important;
}
.ht-xl-40 {
height: 40px;
}
.ht-xl-40p {
height: 40%;
}
.mx-ht-xl-40p {
max-height: 40%;
}
.mn-ht-xl-40p {
min-height: 40%;
}
.ht-xl-40-f {
height: 40px !important;
}
.ht-xl-40p-f {
height: 40% !important;
}
.ht-xl-45 {
height: 45px;
}
.ht-xl-45p {
height: 45%;
}
.mx-ht-xl-45p {
max-height: 45%;
}
.mn-ht-xl-45p {
min-height: 45%;
}
.ht-xl-45-f {
height: 45px !important;
}
.ht-xl-45p-f {
height: 45% !important;
}
.ht-xl-50 {
height: 50px;
}
.ht-xl-50p {
height: 50%;
}
.mx-ht-xl-50p {
max-height: 50%;
}
.mn-ht-xl-50p {
min-height: 50%;
}
.ht-xl-50-f {
height: 50px !important;
}
.ht-xl-50p-f {
height: 50% !important;
}
.ht-xl-55 {
height: 55px;
}
.ht-xl-55p {
height: 55%;
}
.mx-ht-xl-55p {
max-height: 55%;
}
.mn-ht-xl-55p {
min-height: 55%;
}
.ht-xl-55-f {
height: 55px !important;
}
.ht-xl-55p-f {
height: 55% !important;
}
.ht-xl-60 {
height: 60px;
}
.ht-xl-60p {
height: 60%;
}
.mx-ht-xl-60p {
max-height: 60%;
}
.mn-ht-xl-60p {
min-height: 60%;
}
.ht-xl-60-f {
height: 60px !important;
}
.ht-xl-60p-f {
height: 60% !important;
}
.ht-xl-65 {
height: 65px;
}
.ht-xl-65p {
height: 65%;
}
.mx-ht-xl-65p {
max-height: 65%;
}
.mn-ht-xl-65p {
min-height: 65%;
}
.ht-xl-65-f {
height: 65px !important;
}
.ht-xl-65p-f {
height: 65% !important;
}
.ht-xl-70 {
height: 70px;
}
.ht-xl-70p {
height: 70%;
}
.mx-ht-xl-70p {
max-height: 70%;
}
.mn-ht-xl-70p {
min-height: 70%;
}
.ht-xl-70-f {
height: 70px !important;
}
.ht-xl-70p-f {
height: 70% !important;
}
.ht-xl-75 {
height: 75px;
}
.ht-xl-75p {
height: 75%;
}
.mx-ht-xl-75p {
max-height: 75%;
}
.mn-ht-xl-75p {
min-height: 75%;
}
.ht-xl-75-f {
height: 75px !important;
}
.ht-xl-75p-f {
height: 75% !important;
}
.ht-xl-80 {
height: 80px;
}
.ht-xl-80p {
height: 80%;
}
.mx-ht-xl-80p {
max-height: 80%;
}
.mn-ht-xl-80p {
min-height: 80%;
}
.ht-xl-80-f {
height: 80px !important;
}
.ht-xl-80p-f {
height: 80% !important;
}
.ht-xl-85 {
height: 85px;
}
.ht-xl-85p {
height: 85%;
}
.mx-ht-xl-85p {
max-height: 85%;
}
.mn-ht-xl-85p {
min-height: 85%;
}
.ht-xl-85-f {
height: 85px !important;
}
.ht-xl-85p-f {
height: 85% !important;
}
.ht-xl-90 {
height: 90px;
}
.ht-xl-90p {
height: 90%;
}
.mx-ht-xl-90p {
max-height: 90%;
}
.mn-ht-xl-90p {
min-height: 90%;
}
.ht-xl-90-f {
height: 90px !important;
}
.ht-xl-90p-f {
height: 90% !important;
}
.ht-xl-95 {
height: 95px;
}
.ht-xl-95p {
height: 95%;
}
.mx-ht-xl-95p {
max-height: 95%;
}
.mn-ht-xl-95p {
min-height: 95%;
}
.ht-xl-95-f {
height: 95px !important;
}
.ht-xl-95p-f {
height: 95% !important;
}
.ht-xl-100 {
height: 100px;
}
.ht-xl-100p {
height: 100%;
}
.mx-ht-xl-100p {
max-height: 100%;
}
.mn-ht-xl-100p {
min-height: 100%;
}
.ht-xl-100-f {
height: 100px !important;
}
.ht-xl-100p-f {
height: 100% !important;
}
.ht-xl-150 {
height: 150px;
}
.ht-xl-150p {
height: 150%;
}
.mx-ht-xl-150p {
max-height: 150%;
}
.mn-ht-xl-150p {
min-height: 150%;
}
.ht-xl-150-f {
height: 150px !important;
}
.ht-xl-150p-f {
height: 150% !important;
}
.ht-xl-200 {
height: 200px;
}
.ht-xl-200p {
height: 200%;
}
.mx-ht-xl-200p {
max-height: 200%;
}
.mn-ht-xl-200p {
min-height: 200%;
}
.ht-xl-200-f {
height: 200px !important;
}
.ht-xl-200p-f {
height: 200% !important;
}
.ht-xl-250 {
height: 250px;
}
.ht-xl-250p {
height: 250%;
}
.mx-ht-xl-250p {
max-height: 250%;
}
.mn-ht-xl-250p {
min-height: 250%;
}
.ht-xl-250-f {
height: 250px !important;
}
.ht-xl-250p-f {
height: 250% !important;
}
.ht-xl-300 {
height: 300px;
}
.ht-xl-300p {
height: 300%;
}
.mx-ht-xl-300p {
max-height: 300%;
}
.mn-ht-xl-300p {
min-height: 300%;
}
.ht-xl-300-f {
height: 300px !important;
}
.ht-xl-300p-f {
height: 300% !important;
}
.ht-xl-350 {
height: 350px;
}
.ht-xl-350p {
height: 350%;
}
.mx-ht-xl-350p {
max-height: 350%;
}
.mn-ht-xl-350p {
min-height: 350%;
}
.ht-xl-350-f {
height: 350px !important;
}
.ht-xl-350p-f {
height: 350% !important;
}
.ht-xl-400 {
height: 400px;
}
.ht-xl-400p {
height: 400%;
}
.mx-ht-xl-400p {
max-height: 400%;
}
.mn-ht-xl-400p {
min-height: 400%;
}
.ht-xl-400-f {
height: 400px !important;
}
.ht-xl-400p-f {
height: 400% !important;
}
.ht-xl-450 {
height: 450px;
}
.ht-xl-450p {
height: 450%;
}
.mx-ht-xl-450p {
max-height: 450%;
}
.mn-ht-xl-450p {
min-height: 450%;
}
.ht-xl-450-f {
height: 450px !important;
}
.ht-xl-450p-f {
height: 450% !important;
}
.ht-xl-500 {
height: 500px;
}
.ht-xl-500p {
height: 500%;
}
.mx-ht-xl-500p {
max-height: 500%;
}
.mn-ht-xl-500p {
min-height: 500%;
}
.ht-xl-500-f {
height: 500px !important;
}
.ht-xl-500p-f {
height: 500% !important;
}
.ht-xl-550 {
height: 550px;
}
.ht-xl-550p {
height: 550%;
}
.mx-ht-xl-550p {
max-height: 550%;
}
.mn-ht-xl-550p {
min-height: 550%;
}
.ht-xl-550-f {
height: 550px !important;
}
.ht-xl-550p-f {
height: 550% !important;
}
.ht-xl-600 {
height: 600px;
}
.ht-xl-600p {
height: 600%;
}
.mx-ht-xl-600p {
max-height: 600%;
}
.mn-ht-xl-600p {
min-height: 600%;
}
.ht-xl-600-f {
height: 600px !important;
}
.ht-xl-600p-f {
height: 600% !important;
}
.ht-xl-650 {
height: 650px;
}
.ht-xl-650p {
height: 650%;
}
.mx-ht-xl-650p {
max-height: 650%;
}
.mn-ht-xl-650p {
min-height: 650%;
}
.ht-xl-650-f {
height: 650px !important;
}
.ht-xl-650p-f {
height: 650% !important;
}
.ht-xl-700 {
height: 700px;
}
.ht-xl-700p {
height: 700%;
}
.mx-ht-xl-700p {
max-height: 700%;
}
.mn-ht-xl-700p {
min-height: 700%;
}
.ht-xl-700-f {
height: 700px !important;
}
.ht-xl-700p-f {
height: 700% !important;
}
.ht-xl-750 {
height: 750px;
}
.ht-xl-750p {
height: 750%;
}
.mx-ht-xl-750p {
max-height: 750%;
}
.mn-ht-xl-750p {
min-height: 750%;
}
.ht-xl-750-f {
height: 750px !important;
}
.ht-xl-750p-f {
height: 750% !important;
}
.ht-xl-800 {
height: 800px;
}
.ht-xl-800p {
height: 800%;
}
.mx-ht-xl-800p {
max-height: 800%;
}
.mn-ht-xl-800p {
min-height: 800%;
}
.ht-xl-800-f {
height: 800px !important;
}
.ht-xl-800p-f {
height: 800% !important;
}
.ht-xl-850 {
height: 850px;
}
.ht-xl-850p {
height: 850%;
}
.mx-ht-xl-850p {
max-height: 850%;
}
.mn-ht-xl-850p {
min-height: 850%;
}
.ht-xl-850-f {
height: 850px !important;
}
.ht-xl-850p-f {
height: 850% !important;
}
.ht-xl-100v {
height: 100vh;
}
}
.ht-100v {
height: 100vh;
}
.ht-auto {
height: auto;
}
/*--------- Margin--------------*/
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.me-0, .mx-0 {
margin-right: 0 !important;
}
.mg-r-20 {
margin-right: 20px !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ms-0, .mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.me-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ms-1, .mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.me-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ms-2, .mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.mt-3, .my-3 {
margin-top: 0.75rem !important;
}
.me-3, .mx-3 {
margin-right: 0.75rem !important;
}
.mb-3, .my-3 {
margin-bottom: 0.75rem !important;
}
.ms-3, .mx-3 {
margin-left: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.mt-4, .my-4 {
margin-top: 1rem !important;
}
.me-4, .mx-4 {
margin-right: 1rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1rem !important;
}
.ms-4, .mx-4 {
margin-left: 1rem !important;
}
.m-5 {
margin: 1.5rem !important;
}
.mt-5, .my-5 {
margin-top: 1.5rem !important;
}
.me-5, .mx-5 {
margin-right: 1.5rem;
}
.mb-5, .my-5 {
margin-bottom: 1.5rem !important;
}
.ms-5, .mx-5 {
margin-left: 1.5rem !important;
}
.m-6 {
margin: 2rem !important;
}
.mt-6, .my-6 {
margin-top: 2rem !important;
}
.me-6, .mx-6 {
margin-right: 2rem !important;
}
.mb-6, .my-6 {
margin-bottom: 2rem !important;
}
.ms-6, .mx-6 {
margin-left: 2rem !important;
}
.m-7 {
margin: 3rem !important;
}
.mt-7, .my-7 {
margin-top: 3rem !important;
}
.me-7, .mx-7 {
margin-right: 3rem !important;
}
.mb-7, .my-7 {
margin-bottom: 3rem !important;
}
.ms-7, .mx-7 {
margin-left: 3rem !important;
}
.m-8 {
margin: 4rem !important;
}
.mt-8, .my-8 {
margin-top: 4rem !important;
}
.mt-10 {
margin-top: 11rem !important;
}
.me-8, .mx-8 {
margin-right: 4rem !important;
}
.mb-8, .my-8 {
margin-bottom: 4rem !important;
}
.ms-8, .mx-8 {
margin-left: 4rem !important;
}
.m-9 {
margin: 6rem !important;
}
.mt-9, .my-9 {
margin-top: 6rem !important;
}
.me-9, .mx-9 {
margin-right: 6rem !important;
}
.mb-9, .my-9 {
margin-bottom: 6rem !important;
}
.ms-9, .mx-9 {
margin-left: 6rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.me-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ms-auto, .mx-auto {
margin-left: auto !important;
}
@media (min-width: 480px) {
.m-xs-0 {
margin: 0 !important;
}
.mt-xs-0, .my-xs-0 {
margin-top: 0 !important;
}
.me-xs-0, .mx-xs-0 {
margin-right: 0 !important;
}
.mb-xs-0, .my-xs-0 {
margin-bottom: 0 !important;
}
.ms-xs-0, .mx-xs-0 {
margin-left: 0 !important;
}
.m-xs-1 {
margin: 0.25rem !important;
}
.mt-xs-1, .my-xs-1 {
margin-top: 0.25rem !important;
}
.me-xs-1, .mx-xs-1 {
margin-right: 0.25rem !important;
}
.mb-xs-1, .my-xs-1 {
margin-bottom: 0.25rem !important;
}
.ms-xs-1, .mx-xs-1 {
margin-left: 0.25rem !important;
}
.m-xs-2 {
margin: 0.5rem !important;
}
.mt-xs-2, .my-xs-2 {
margin-top: 0.5rem !important;
}
.me-xs-2, .mx-xs-2 {
margin-right: 0.5rem !important;
}
.mb-xs-2, .my-xs-2 {
margin-bottom: 0.5rem !important;
}
.ms-xs-2, .mx-xs-2 {
margin-left: 0.5rem !important;
}
.m-xs-3 {
margin: 0.75rem !important;
}
.mt-xs-3, .my-xs-3 {
margin-top: 0.75rem !important;
}
.me-xs-3, .mx-xs-3 {
margin-right: 0.75rem !important;
}
.mb-xs-3, .my-xs-3 {
margin-bottom: 0.75rem !important;
}
.ms-xs-3, .mx-xs-3 {
margin-left: 0.75rem !important;
}
.m-xs-4 {
margin: 1rem !important;
}
.mt-xs-4, .my-xs-4 {
margin-top: 1rem !important;
}
.me-xs-4, .mx-xs-4 {
margin-right: 1rem !important;
}
.mb-xs-4, .my-xs-4 {
margin-bottom: 1rem !important;
}
.ms-xs-4, .mx-xs-4 {
margin-left: 1rem !important;
}
.m-xs-5 {
margin: 1.5rem !important;
}
.mt-xs-5, .my-xs-5 {
margin-top: 1.5rem !important;
}
.me-xs-5, .mx-xs-5 {
margin-right: 1.5rem !important;
}
.mb-xs-5, .my-xs-5 {
margin-bottom: 1.5rem !important;
}
.ms-xs-5, .mx-xs-5 {
margin-left: 1.5rem !important;
}
.m-xs-6 {
margin: 2rem !important;
}
.mt-xs-6, .my-xs-6 {
margin-top: 2rem !important;
}
.me-xs-6, .mx-xs-6 {
margin-right: 2rem !important;
}
.mb-xs-6, .my-xs-6 {
margin-bottom: 2rem !important;
}
.ms-xs-6, .mx-xs-6 {
margin-left: 2rem !important;
}
.m-xs-7 {
margin: 3rem !important;
}
.mt-xs-7, .my-xs-7 {
margin-top: 3rem !important;
}
.me-xs-7, .mx-xs-7 {
margin-right: 3rem !important;
}
.mb-xs-7, .my-xs-7 {
margin-bottom: 3rem !important;
}
.ms-xs-7, .mx-xs-7 {
margin-left: 3rem !important;
}
.m-xs-8 {
margin: 4rem !important;
}
.mt-xs-8, .my-xs-8 {
margin-top: 4rem !important;
}
.me-xs-8, .mx-xs-8 {
margin-right: 4rem !important;
}
.mb-xs-8, .my-xs-8 {
margin-bottom: 4rem !important;
}
.ms-xs-8, .mx-xs-8 {
margin-left: 4rem !important;
}
.m-xs-9 {
margin: 6rem !important;
}
.mt-xs-9, .my-xs-9 {
margin-top: 6rem !important;
}
.me-xs-9, .mx-xs-9 {
margin-right: 6rem !important;
}
.mb-xs-9, .my-xs-9 {
margin-bottom: 6rem !important;
}
.ms-xs-9, .mx-xs-9 {
margin-left: 6rem !important;
}
.m-xs-auto {
margin: auto !important;
}
.mt-xs-auto, .my-xs-auto {
margin-top: auto !important;
}
.me-xs-auto, .mx-xs-auto {
margin-right: auto !important;
}
.mb-xs-auto, .my-xs-auto {
margin-bottom: auto !important;
}
.ms-xs-auto, .mx-xs-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;
}
.me-sm-0, .mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important;
}
.ms-sm-0, .mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1, .my-sm-1 {
margin-top: 0.25rem !important;
}
.me-sm-1, .mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1, .my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ms-sm-1, .mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2, .my-sm-2 {
margin-top: 0.5rem !important;
}
.me-sm-2, .mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2, .my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ms-sm-2, .mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 0.75rem !important;
}
.mt-sm-3, .my-sm-3 {
margin-top: 0.75rem !important;
}
.me-sm-3, .mx-sm-3 {
margin-right: 0.75rem !important;
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 0.75rem !important;
}
.ms-sm-3, .mx-sm-3 {
margin-left: 0.75rem !important;
}
.m-sm-4 {
margin: 1rem !important;
}
.mt-sm-4, .my-sm-4 {
margin-top: 1rem !important;
}
.me-sm-4, .mx-sm-4 {
margin-right: 1rem !important;
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1rem !important;
}
.ms-sm-4, .mx-sm-4 {
margin-left: 1rem !important;
}
.m-sm-5 {
margin: 1.5rem !important;
}
.mt-sm-5, .my-sm-5 {
margin-top: 1.5rem !important;
}
.me-sm-5, .mx-sm-5 {
margin-right: 1.5rem !important;
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 1.5rem !important;
}
.ms-sm-5, .mx-sm-5 {
margin-left: 1.5rem !important;
}
.m-sm-6 {
margin: 2rem !important;
}
.mt-sm-6, .my-sm-6 {
margin-top: 2rem !important;
}
.me-sm-6, .mx-sm-6 {
margin-right: 2rem !important;
}
.mb-sm-6, .my-sm-6 {
margin-bottom: 2rem !important;
}
.ms-sm-6, .mx-sm-6 {
margin-left: 2rem !important;
}
.m-sm-7 {
margin: 3rem !important;
}
.mt-sm-7, .my-sm-7 {
margin-top: 3rem !important;
}
.me-sm-7, .mx-sm-7 {
margin-right: 3rem !important;
}
.mb-sm-7, .my-sm-7 {
margin-bottom: 3rem !important;
}
.ms-sm-7, .mx-sm-7 {
margin-left: 3rem !important;
}
.m-sm-8 {
margin: 4rem !important;
}
.mt-sm-8, .my-sm-8 {
margin-top: 4rem !important;
}
.me-sm-8, .mx-sm-8 {
margin-right: 4rem !important;
}
.mb-sm-8, .my-sm-8 {
margin-bottom: 4rem !important;
}
.ms-sm-8, .mx-sm-8 {
margin-left: 4rem !important;
}
.m-sm-9 {
margin: 6rem !important;
}
.mt-sm-9, .my-sm-9 {
margin-top: 6rem !important;
}
.me-sm-9, .mx-sm-9 {
margin-right: 6rem !important;
}
.mb-sm-9, .my-sm-9 {
margin-bottom: 6rem !important;
}
.ms-sm-9, .mx-sm-9 {
margin-left: 6rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto !important;
}
.me-sm-auto, .mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto !important;
}
.ms-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;
}
.me-md-0, .mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important;
}
.ms-md-0, .mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1, .my-md-1 {
margin-top: 0.25rem !important;
}
.me-md-1, .mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1, .my-md-1 {
margin-bottom: 0.25rem !important;
}
.ms-md-1, .mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2, .my-md-2 {
margin-top: 0.5rem !important;
}
.me-md-2, .mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2, .my-md-2 {
margin-bottom: 0.5rem !important;
}
.ms-md-2, .mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 0.75rem !important;
}
.mt-md-3, .my-md-3 {
margin-top: 0.75rem !important;
}
.me-md-3, .mx-md-3 {
margin-right: 0.75rem !important;
}
.mb-md-3, .my-md-3 {
margin-bottom: 0.75rem !important;
}
.ms-md-3, .mx-md-3 {
margin-left: 0.75rem !important;
}
.m-md-4 {
margin: 1rem !important;
}
.mt-md-4, .my-md-4 {
margin-top: 1rem !important;
}
.me-md-4, .mx-md-4 {
margin-right: 1rem !important;
}
.mb-md-4, .my-md-4 {
margin-bottom: 1rem !important;
}
.ms-md-4, .mx-md-4 {
margin-left: 1rem !important;
}
.m-md-5 {
margin: 1.5rem !important;
}
.mt-md-5, .my-md-5 {
margin-top: 1.5rem !important;
}
.me-md-5, .mx-md-5 {
margin-right: 1.5rem !important;
}
.mb-md-5, .my-md-5 {
margin-bottom: 1.5rem !important;
}
.ms-md-5, .mx-md-5 {
margin-left: 1.5rem !important;
}
.m-md-6 {
margin: 2rem !important;
}
.mt-md-6, .my-md-6 {
margin-top: 2rem !important;
}
.me-md-6, .mx-md-6 {
margin-right: 2rem !important;
}
.mb-md-6, .my-md-6 {
margin-bottom: 2rem !important;
}
.ms-md-6, .mx-md-6 {
margin-left: 2rem !important;
}
.m-md-7 {
margin: 3rem !important;
}
.mt-md-7, .my-md-7 {
margin-top: 3rem !important;
}
.me-md-7, .mx-md-7 {
margin-right: 3rem !important;
}
.mb-md-7, .my-md-7 {
margin-bottom: 3rem !important;
}
.ms-md-7, .mx-md-7 {
margin-left: 3rem !important;
}
.m-md-8 {
margin: 4rem !important;
}
.mt-md-8, .my-md-8 {
margin-top: 4rem !important;
}
.me-md-8, .mx-md-8 {
margin-right: 4rem !important;
}
.mb-md-8, .my-md-8 {
margin-bottom: 4rem !important;
}
.ms-md-8, .mx-md-8 {
margin-left: 4rem !important;
}
.m-md-9 {
margin: 6rem !important;
}
.mt-md-9, .my-md-9 {
margin-top: 6rem !important;
}
.me-md-9, .mx-md-9 {
margin-right: 6rem !important;
}
.mb-md-9, .my-md-9 {
margin-bottom: 6rem !important;
}
.ms-md-9, .mx-md-9 {
margin-left: 6rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto, .my-md-auto {
margin-top: auto !important;
}
.me-md-auto, .mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto !important;
}
.ms-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;
}
.me-lg-0, .mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important;
}
.ms-lg-0, .mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1, .my-lg-1 {
margin-top: 0.25rem !important;
}
.me-lg-1, .mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1, .my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ms-lg-1, .mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2, .my-lg-2 {
margin-top: 0.5rem !important;
}
.me-lg-2, .mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2, .my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ms-lg-2, .mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 0.75rem !important;
}
.mt-lg-3, .my-lg-3 {
margin-top: 0.75rem !important;
}
.me-lg-3, .mx-lg-3 {
margin-right: 0.75rem !important;
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 0.75rem !important;
}
.ms-lg-3, .mx-lg-3 {
margin-left: 0.75rem !important;
}
.m-lg-4 {
margin: 1rem !important;
}
.mt-lg-4, .my-lg-4 {
margin-top: 1rem !important;
}
.me-lg-4, .mx-lg-4 {
margin-right: 1rem !important;
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1rem !important;
}
.ms-lg-4, .mx-lg-4 {
margin-left: 1rem !important;
}
.m-lg-5 {
margin: 1.5rem !important;
}
.mt-lg-5, .my-lg-5 {
margin-top: 1.5rem !important;
}
.me-lg-5, .mx-lg-5 {
margin-right: 1.5rem !important;
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 1.5rem !important;
}
.ms-lg-5, .mx-lg-5 {
margin-left: 1.5rem !important;
}
.m-lg-6 {
margin: 2rem !important;
}
.mt-lg-6, .my-lg-6 {
margin-top: 2rem !important;
}
.me-lg-6, .mx-lg-6 {
margin-right: 2rem !important;
}
.mb-lg-6, .my-lg-6 {
margin-bottom: 2rem !important;
}
.ms-lg-6, .mx-lg-6 {
margin-left: 2rem !important;
}
.m-lg-7 {
margin: 3rem !important;
}
.mt-lg-7, .my-lg-7 {
margin-top: 3rem !important;
}
.me-lg-7, .mx-lg-7 {
margin-right: 3rem !important;
}
.mb-lg-7, .my-lg-7 {
margin-bottom: 3rem !important;
}
.ms-lg-7, .mx-lg-7 {
margin-left: 3rem !important;
}
.m-lg-8 {
margin: 4rem !important;
}
.mt-lg-8, .my-lg-8 {
margin-top: 4rem !important;
}
.me-lg-8, .mx-lg-8 {
margin-right: 4rem !important;
}
.mb-lg-8, .my-lg-8 {
margin-bottom: 4rem !important;
}
.ms-lg-8, .mx-lg-8 {
margin-left: 4rem !important;
}
.m-lg-9 {
margin: 6rem !important;
}
.mt-lg-9, .my-lg-9 {
margin-top: 6rem !important;
}
.me-lg-9, .mx-lg-9 {
margin-right: 6rem !important;
}
.mb-lg-9, .my-lg-9 {
margin-bottom: 6rem !important;
}
.ms-lg-9, .mx-lg-9 {
margin-left: 6rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto !important;
}
.me-lg-auto, .mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-auto, .mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1280px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important;
}
.me-xl-0, .mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important;
}
.ms-xl-0, .mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1, .my-xl-1 {
margin-top: 0.25rem !important;
}
.me-xl-1, .mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1, .my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ms-xl-1, .mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2, .my-xl-2 {
margin-top: 0.5rem !important;
}
.me-xl-2, .mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2, .my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ms-xl-2, .mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 0.75rem !important;
}
.mt-xl-3, .my-xl-3 {
margin-top: 0.75rem !important;
}
.me-xl-3, .mx-xl-3 {
margin-right: 0.75rem !important;
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 0.75rem !important;
}
.ms-xl-3, .mx-xl-3 {
margin-left: 0.75rem !important;
}
.m-xl-4 {
margin: 1rem !important;
}
.mt-xl-4, .my-xl-4 {
margin-top: 1rem !important;
}
.me-xl-4, .mx-xl-4 {
margin-right: 1rem !important;
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1rem !important;
}
.ms-xl-4, .mx-xl-4 {
margin-left: 1rem !important;
}
.m-xl-5 {
margin: 1.5rem !important;
}
.mt-xl-5, .my-xl-5 {
margin-top: 1.5rem !important;
}
.me-xl-5, .mx-xl-5 {
margin-right: 1.5rem !important;
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 1.5rem !important;
}
.ms-xl-5, .mx-xl-5 {
margin-left: 1.5rem !important;
}
.m-xl-6 {
margin: 2rem !important;
}
.mt-xl-6, .my-xl-6 {
margin-top: 2rem !important;
}
.me-xl-6, .mx-xl-6 {
margin-right: 2rem !important;
}
.mb-xl-6, .my-xl-6 {
margin-bottom: 2rem !important;
}
.ms-xl-6, .mx-xl-6 {
margin-left: 2rem !important;
}
.m-xl-7 {
margin: 3rem !important;
}
.mt-xl-7, .my-xl-7 {
margin-top: 3rem !important;
}
.me-xl-7, .mx-xl-7 {
margin-right: 3rem !important;
}
.mb-xl-7, .my-xl-7 {
margin-bottom: 3rem !important;
}
.ms-xl-7, .mx-xl-7 {
margin-left: 3rem !important;
}
.m-xl-8 {
margin: 4rem !important;
}
.mt-xl-8, .my-xl-8 {
margin-top: 4rem !important;
}
.me-xl-8, .mx-xl-8 {
margin-right: 4rem !important;
}
.mb-xl-8, .my-xl-8 {
margin-bottom: 4rem !important;
}
.ms-xl-8, .mx-xl-8 {
margin-left: 4rem !important;
}
.m-xl-9 {
margin: 6rem !important;
}
.mt-xl-9, .my-xl-9 {
margin-top: 6rem !important;
}
.me-xl-9, .mx-xl-9 {
margin-right: 6rem !important;
}
.mb-xl-9, .my-xl-9 {
margin-bottom: 6rem !important;
}
.ms-xl-9, .mx-xl-9 {
margin-left: 6rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto !important;
}
.me-xl-auto, .mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-auto, .mx-xl-auto {
margin-left: auto !important;
}
}
.p-15 {
padding: 15px !important;
}
.pt-9x {
padding-top: 9px;
}
/*--------- Paddings--------------*/
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pe-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.ps-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pe-1, .px-1 {
padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.25rem !important;
}
.ps-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pe-2, .px-2 {
padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.ps-2, .px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.pt-3, .py-3 {
padding-top: 0.75rem !important;
}
.pe-3, .px-3 {
padding-right: 0.75rem !important;
}
.pb-3, .py-3 {
padding-bottom: 0.75rem !important;
}
.ps-3, .px-3 {
padding-left: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.pt-4, .py-4 {
padding-top: 1rem !important;
}
.pe-4, .px-4 {
padding-right: 1rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1rem !important;
}
.ps-4, .px-4 {
padding-left: 1rem !important;
}
.p-5 {
padding: 1.5rem !important;
}
.pt-5, .py-5 {
padding-top: 1.5rem !important;
}
.pe-5, .px-5 {
padding-right: 1.5rem !important;
}
.pb-5, .py-5 {
padding-bottom: 1.5rem !important;
}
.ps-5, .px-5 {
padding-left: 1.5rem !important;
}
.p-6 {
padding: 2rem !important;
}
.pt-6, .py-6 {
padding-top: 2rem !important;
}
.pe-6, .px-6 {
padding-right: 2rem !important;
}
.pb-6, .py-6 {
padding-bottom: 2rem !important;
}
.ps-6, .px-6 {
padding-left: 2rem !important;
}
.p-7 {
padding: 3rem !important;
}
.pt-7, .py-7 {
padding-top: 3rem !important;
}
.pe-7, .px-7 {
padding-right: 3rem !important;
}
.pb-7, .py-7 {
padding-bottom: 3rem !important;
}
.ps-7, .px-7 {
padding-left: 3rem !important;
}
.p-8 {
padding: 4rem !important;
}
.pt-8, .py-8 {
padding-top: 4rem !important;
}
.pe-8, .px-8 {
padding-right: 4rem !important;
}
.pb-8, .py-8 {
padding-bottom: 4rem !important;
}
.ps-8, .px-8 {
padding-left: 4rem !important;
}
.p-9 {
padding: 6rem !important;
}
.pt-9, .py-9 {
padding-top: 6rem !important;
}
.pe-9, .px-9 {
padding-right: 6rem !important;
}
.pb-9, .py-9 {
padding-bottom: 6rem !important;
}
.ps-9, .px-9 {
padding-left: 6rem !important;
}
@media (min-width: 480px) {
.p-xs-0 {
padding: 0 !important;
}
.pt-xs-0, .py-xs-0 {
padding-top: 0 !important;
}
.pe-xs-0, .px-xs-0 {
padding-right: 0 !important;
}
.pb-xs-0, .py-xs-0 {
padding-bottom: 0 !important;
}
.ps-xs-0, .px-xs-0 {
padding-left: 0 !important;
}
.p-xs-1 {
padding: 0.25rem !important;
}
.pt-xs-1, .py-xs-1 {
padding-top: 0.25rem !important;
}
.pe-xs-1, .px-xs-1 {
padding-right: 0.25rem !important;
}
.pb-xs-1, .py-xs-1 {
padding-bottom: 0.25rem !important;
}
.ps-xs-1, .px-xs-1 {
padding-left: 0.25rem !important;
}
.p-xs-2 {
padding: 0.5rem !important;
}
.pt-xs-2, .py-xs-2 {
padding-top: 0.5rem !important;
}
.pe-xs-2, .px-xs-2 {
padding-right: 0.5rem !important;
}
.pb-xs-2, .py-xs-2 {
padding-bottom: 0.5rem !important;
}
.ps-xs-2, .px-xs-2 {
padding-left: 0.5rem !important;
}
.p-xs-3 {
padding: 0.75rem !important;
}
.pt-xs-3, .py-xs-3 {
padding-top: 0.75rem !important;
}
.pe-xs-3, .px-xs-3 {
padding-right: 0.75rem !important;
}
.pb-xs-3, .py-xs-3 {
padding-bottom: 0.75rem !important;
}
.ps-xs-3, .px-xs-3 {
padding-left: 0.75rem !important;
}
.p-xs-4 {
padding: 1rem !important;
}
.pt-xs-4, .py-xs-4 {
padding-top: 1rem !important;
}
.pe-xs-4, .px-xs-4 {
padding-right: 1rem !important;
}
.pb-xs-4, .py-xs-4 {
padding-bottom: 1rem !important;
}
.ps-xs-4, .px-xs-4 {
padding-left: 1rem !important;
}
.p-xs-5 {
padding: 1.5rem !important;
}
.pt-xs-5, .py-xs-5 {
padding-top: 1.5rem !important;
}
.pe-xs-5, .px-xs-5 {
padding-right: 1.5rem !important;
}
.pb-xs-5, .py-xs-5 {
padding-bottom: 1.5rem !important;
}
.ps-xs-5, .px-xs-5 {
padding-left: 1.5rem !important;
}
.p-xs-6 {
padding: 2rem !important;
}
.pt-xs-6, .py-xs-6 {
padding-top: 2rem !important;
}
.pe-xs-6, .px-xs-6 {
padding-right: 2rem !important;
}
.pb-xs-6, .py-xs-6 {
padding-bottom: 2rem !important;
}
.ps-xs-6, .px-xs-6 {
padding-left: 2rem !important;
}
.p-xs-7 {
padding: 3rem !important;
}
.pt-xs-7, .py-xs-7 {
padding-top: 3rem !important;
}
.pe-xs-7, .px-xs-7 {
padding-right: 3rem !important;
}
.pb-xs-7, .py-xs-7 {
padding-bottom: 3rem !important;
}
.ps-xs-7, .px-xs-7 {
padding-left: 3rem !important;
}
.p-xs-8 {
padding: 4rem !important;
}
.pt-xs-8, .py-xs-8 {
padding-top: 4rem !important;
}
.pe-xs-8, .px-xs-8 {
padding-right: 4rem !important;
}
.pb-xs-8, .py-xs-8 {
padding-bottom: 4rem !important;
}
.ps-xs-8, .px-xs-8 {
padding-left: 4rem !important;
}
.p-xs-9 {
padding: 6rem !important;
}
.pt-xs-9, .py-xs-9 {
padding-top: 6rem !important;
}
.pe-xs-9, .px-xs-9 {
padding-right: 6rem !important;
}
.pb-xs-9, .py-xs-9 {
padding-bottom: 6rem !important;
}
.ps-xs-9, .px-xs-9 {
padding-left: 6rem !important;
}
}
@media (min-width: 576px) {
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0, .py-sm-0 {
padding-top: 0 !important;
}
.pe-sm-0, .px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important;
}
.ps-sm-0, .px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1, .py-sm-1 {
padding-top: 0.25rem !important;
}
.pe-sm-1, .px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1, .py-sm-1 {
padding-bottom: 0.25rem !important;
}
.ps-sm-1, .px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2, .py-sm-2 {
padding-top: 0.5rem !important;
}
.pe-sm-2, .px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2, .py-sm-2 {
padding-bottom: 0.5rem !important;
}
.ps-sm-2, .px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 0.75rem !important;
}
.pt-sm-3, .py-sm-3 {
padding-top: 0.75rem !important;
}
.pe-sm-3, .px-sm-3 {
padding-right: 0.75rem !important;
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 0.75rem !important;
}
.ps-sm-3, .px-sm-3 {
padding-left: 0.75rem !important;
}
.p-sm-4 {
padding: 1rem !important;
}
.pt-sm-4, .py-sm-4 {
padding-top: 1rem !important;
}
.pe-sm-4, .px-sm-4 {
padding-right: 1rem !important;
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1rem !important;
}
.ps-sm-4, .px-sm-4 {
padding-left: 1rem !important;
}
.p-sm-5 {
padding: 1.5rem !important;
}
.pt-sm-5, .py-sm-5 {
padding-top: 1.5rem !important;
}
.pe-sm-5, .px-sm-5 {
padding-right: 1.5rem !important;
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 1.5rem !important;
}
.ps-sm-5, .px-sm-5 {
padding-left: 1.5rem !important;
}
.p-sm-6 {
padding: 2rem !important;
}
.pt-sm-6, .py-sm-6 {
padding-top: 2rem !important;
}
.pe-sm-6, .px-sm-6 {
padding-right: 2rem !important;
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 2rem !important;
}
.ps-sm-6, .px-sm-6 {
padding-left: 2rem !important;
}
.p-sm-7 {
padding: 3rem !important;
}
.pt-sm-7, .py-sm-7 {
padding-top: 3rem !important;
}
.pe-sm-7, .px-sm-7 {
padding-right: 3rem !important;
}
.pb-sm-7, .py-sm-7 {
padding-bottom: 3rem !important;
}
.ps-sm-7, .px-sm-7 {
padding-left: 3rem !important;
}
.p-sm-8 {
padding: 4rem !important;
}
.pt-sm-8, .py-sm-8 {
padding-top: 4rem !important;
}
.pe-sm-8, .px-sm-8 {
padding-right: 4rem !important;
}
.pb-sm-8, .py-sm-8 {
padding-bottom: 4rem !important;
}
.ps-sm-8, .px-sm-8 {
padding-left: 4rem !important;
}
.p-sm-9 {
padding: 6rem !important;
}
.pt-sm-9, .py-sm-9 {
padding-top: 6rem !important;
}
.pe-sm-9, .px-sm-9 {
padding-right: 6rem !important;
}
.pb-sm-9, .py-sm-9 {
padding-bottom: 6rem !important;
}
.ps-sm-9, .px-sm-9 {
padding-left: 6rem !important;
}
}
@media (min-width: 768px) {
.p-md-0 {
padding: 0 !important;
}
.pt-md-0, .py-md-0 {
padding-top: 0 !important;
}
.pe-md-0, .px-md-0 {
padding-right: 0 !important;
}
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important;
}
.ps-md-0, .px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1, .py-md-1 {
padding-top: 0.25rem !important;
}
.pe-md-1, .px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1, .py-md-1 {
padding-bottom: 0.25rem !important;
}
.ps-md-1, .px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2, .py-md-2 {
padding-top: 0.5rem !important;
}
.pe-md-2, .px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2, .py-md-2 {
padding-bottom: 0.5rem !important;
}
.ps-md-2, .px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 0.75rem !important;
}
.pt-md-3, .py-md-3 {
padding-top: 0.75rem !important;
}
.pe-md-3, .px-md-3 {
padding-right: 0.75rem !important;
}
.pb-md-3, .py-md-3 {
padding-bottom: 0.75rem !important;
}
.ps-md-3, .px-md-3 {
padding-left: 0.75rem !important;
}
.p-md-4 {
padding: 1rem !important;
}
.pt-md-4, .py-md-4 {
padding-top: 1rem !important;
}
.pe-md-4, .px-md-4 {
padding-right: 1rem !important;
}
.pb-md-4, .py-md-4 {
padding-bottom: 1rem !important;
}
.ps-md-4, .px-md-4 {
padding-left: 1rem !important;
}
.p-md-5 {
padding: 1.5rem !important;
}
.pt-md-5, .py-md-5 {
padding-top: 1.5rem !important;
}
.pe-md-5, .px-md-5 {
padding-right: 1.5rem !important;
}
.pb-md-5, .py-md-5 {
padding-bottom: 1.5rem !important;
}
.ps-md-5, .px-md-5 {
padding-left: 1.5rem !important;
}
.p-md-6 {
padding: 2rem !important;
}
.pt-md-6, .py-md-6 {
padding-top: 2rem !important;
}
.pe-md-6, .px-md-6 {
padding-right: 2rem !important;
}
.pb-md-6, .py-md-6 {
padding-bottom: 2rem !important;
}
.ps-md-6, .px-md-6 {
padding-left: 2rem !important;
}
.p-md-7 {
padding: 3rem !important;
}
.pt-md-7, .py-md-7 {
padding-top: 3rem !important;
}
.pe-md-7, .px-md-7 {
padding-right: 3rem !important;
}
.pb-md-7, .py-md-7 {
padding-bottom: 3rem !important;
}
.ps-md-7, .px-md-7 {
padding-left: 3rem !important;
}
.p-md-8 {
padding: 4rem !important;
}
.pt-md-8, .py-md-8 {
padding-top: 4rem !important;
}
.pe-md-8, .px-md-8 {
padding-right: 4rem !important;
}
.pb-md-8, .py-md-8 {
padding-bottom: 4rem !important;
}
.ps-md-8, .px-md-8 {
padding-left: 4rem !important;
}
.p-md-9 {
padding: 6rem !important;
}
.pt-md-9, .py-md-9 {
padding-top: 6rem !important;
}
.pe-md-9, .px-md-9 {
padding-right: 6rem !important;
}
.pb-md-9, .py-md-9 {
padding-bottom: 6rem !important;
}
.ps-md-9, .px-md-9 {
padding-left: 6rem !important;
}
}
@media (min-width: 992px) {
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0, .py-lg-0 {
padding-top: 0 !important;
}
.pe-lg-0, .px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important;
}
.ps-lg-0, .px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1, .py-lg-1 {
padding-top: 0.25rem !important;
}
.pe-lg-1, .px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1, .py-lg-1 {
padding-bottom: 0.25rem !important;
}
.ps-lg-1, .px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2, .py-lg-2 {
padding-top: 0.5rem !important;
}
.pe-lg-2, .px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2, .py-lg-2 {
padding-bottom: 0.5rem !important;
}
.ps-lg-2, .px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 0.75rem !important;
}
.pt-lg-3, .py-lg-3 {
padding-top: 0.75rem !important;
}
.pe-lg-3, .px-lg-3 {
padding-right: 0.75rem !important;
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 0.75rem !important;
}
.ps-lg-3, .px-lg-3 {
padding-left: 0.75rem !important;
}
.p-lg-4 {
padding: 1rem !important;
}
.pt-lg-4, .py-lg-4 {
padding-top: 1rem !important;
}
.pe-lg-4, .px-lg-4 {
padding-right: 1rem !important;
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1rem !important;
}
.ps-lg-4, .px-lg-4 {
padding-left: 1rem !important;
}
.p-lg-5 {
padding: 1.5rem !important;
}
.pt-lg-5, .py-lg-5 {
padding-top: 1.5rem !important;
}
.pe-lg-5, .px-lg-5 {
padding-right: 1.5rem !important;
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 1.5rem !important;
}
.ps-lg-5, .px-lg-5 {
padding-left: 1.5rem !important;
}
.p-lg-6 {
padding: 2rem !important;
}
.pt-lg-6, .py-lg-6 {
padding-top: 2rem !important;
}
.pe-lg-6, .px-lg-6 {
padding-right: 2rem !important;
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 2rem !important;
}
.ps-lg-6, .px-lg-6 {
padding-left: 2rem !important;
}
.p-lg-7 {
padding: 3rem !important;
}
.pt-lg-7, .py-lg-7 {
padding-top: 3rem !important;
}
.pe-lg-7, .px-lg-7 {
padding-right: 3rem !important;
}
.pb-lg-7, .py-lg-7 {
padding-bottom: 3rem !important;
}
.ps-lg-7, .px-lg-7 {
padding-left: 3rem !important;
}
.p-lg-8 {
padding: 4rem !important;
}
.pt-lg-8, .py-lg-8 {
padding-top: 4rem !important;
}
.pe-lg-8, .px-lg-8 {
padding-right: 4rem !important;
}
.pb-lg-8, .py-lg-8 {
padding-bottom: 4rem !important;
}
.ps-lg-8, .px-lg-8 {
padding-left: 4rem !important;
}
.p-lg-9 {
padding: 6rem !important;
}
.pt-lg-9, .py-lg-9 {
padding-top: 6rem !important;
}
.pe-lg-9, .px-lg-9 {
padding-right: 6rem !important;
}
.pb-lg-9, .py-lg-9 {
padding-bottom: 6rem !important;
}
.ps-lg-9, .px-lg-9 {
padding-left: 6rem !important;
}
}
@media (min-width: 1280px) {
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0, .py-xl-0 {
padding-top: 0 !important;
}
.pe-xl-0, .px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important;
}
.ps-xl-0, .px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1, .py-xl-1 {
padding-top: 0.25rem !important;
}
.pe-xl-1, .px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1, .py-xl-1 {
padding-bottom: 0.25rem !important;
}
.ps-xl-1, .px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2, .py-xl-2 {
padding-top: 0.5rem !important;
}
.pe-xl-2, .px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2, .py-xl-2 {
padding-bottom: 0.5rem !important;
}
.ps-xl-2, .px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 0.75rem !important;
}
.pt-xl-3, .py-xl-3 {
padding-top: 0.75rem !important;
}
.pe-xl-3, .px-xl-3 {
padding-right: 0.75rem !important;
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 0.75rem !important;
}
.ps-xl-3, .px-xl-3 {
padding-left: 0.75rem !important;
}
.p-xl-4 {
padding: 1rem !important;
}
.pt-xl-4, .py-xl-4 {
padding-top: 1rem !important;
}
.pe-xl-4, .px-xl-4 {
padding-right: 1rem !important;
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1rem !important;
}
.ps-xl-4, .px-xl-4 {
padding-left: 1rem !important;
}
.p-xl-5 {
padding: 1.5rem !important;
}
.pt-xl-5, .py-xl-5 {
padding-top: 1.5rem !important;
}
.pe-xl-5, .px-xl-5 {
padding-right: 1.5rem !important;
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 1.5rem !important;
}
.ps-xl-5, .px-xl-5 {
padding-left: 1.5rem !important;
}
.p-xl-6 {
padding: 2rem !important;
}
.pt-xl-6, .py-xl-6 {
padding-top: 2rem !important;
}
.pe-xl-6, .px-xl-6 {
padding-right: 2rem !important;
}
.pb-xl-6, .py-xl-6 {
padding-bottom: 2rem !important;
}
.ps-xl-6, .px-xl-6 {
padding-left: 2rem !important;
}
.p-xl-7 {
padding: 3rem !important;
}
.pt-xl-7, .py-xl-7 {
padding-top: 3rem !important;
}
.pe-xl-7, .px-xl-7 {
padding-right: 3rem !important;
}
.pb-xl-7, .py-xl-7 {
padding-bottom: 3rem !important;
}
.ps-xl-7, .px-xl-7 {
padding-left: 3rem !important;
}
.p-xl-8 {
padding: 4rem !important;
}
.pt-xl-8, .py-xl-8 {
padding-top: 4rem !important;
}
.pe-xl-8, .px-xl-8 {
padding-right: 4rem !important;
}
.pb-xl-8, .py-xl-8 {
padding-bottom: 4rem !important;
}
.ps-xl-8, .px-xl-8 {
padding-left: 4rem !important;
}
.p-xl-9 {
padding: 6rem !important;
}
.pt-xl-9, .py-xl-9 {
padding-top: 6rem !important;
}
.pe-xl-9, .px-xl-9 {
padding-right: 6rem !important;
}
.pb-xl-9, .py-xl-9 {
padding-bottom: 6rem !important;
}
.ps-xl-9, .px-xl-9 {
padding-left: 6rem !important;
}
}
@media (max-width: 575.98px) {
.p-sm-max-0 {
padding: 0px !important;
}
}
@media (max-width: 1200px) {
.p-xl-max-0 {
padding: 0px !important;
}
}
.ps-static {
position: static !important;
}
.ps-relative {
position: relative !important;
}
.ps-absolute {
position: absolute !important;
}
.ps-fixed {
position: fixed !important;
}
.ps-sticky {
position: sticky !important;
}
.a-0 {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.t-0 {
top: 0px;
}
.r-0 {
right: 0px;
}
.b-0 {
bottom: 0px;
}
.l-0 {
left: 0px;
}
.t--0 {
top: 0px;
}
.r--0 {
right: 0px;
}
.b--0 {
bottom: 0px;
}
.l--0 {
left: 0px;
}
.a-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.x-0, .y-0 {
left: 0px;
right: 0px;
}
.t-5 {
top: 5px;
}
.r-5 {
right: 5px;
}
.b-5 {
bottom: 5px;
}
.l-5 {
left: 5px;
}
.t--5 {
top: -5px;
}
.r--5 {
right: -5px;
}
.b--5 {
bottom: -5px;
}
.l--5 {
left: -5px;
}
.a-5 {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
}
.x-5, .y-5 {
left: 5px;
right: 5px;
}
.t-10 {
top: 10px;
}
.r-10 {
right: 10px;
}
.b-10 {
bottom: 10px;
}
.l-10 {
left: 10px;
}
.t--10 {
top: -10px;
}
.r--10 {
right: -10px;
}
.b--10 {
bottom: -10px;
}
.l--10 {
left: -10px;
}
.a-10 {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
.x-10, .y-10 {
left: 10px;
right: 10px;
}
.t-15 {
top: 15px;
}
.r-15 {
right: 15px;
}
.b-15 {
bottom: 15px;
}
.l-15 {
left: 15px;
}
.t--15 {
top: -15px;
}
.r--15 {
right: -15px;
}
.b--15 {
bottom: -15px;
}
.l--15 {
left: -15px;
}
.a-15 {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
}
.x-15, .y-15 {
left: 15px;
right: 15px;
}
.t-20 {
top: 20px;
}
.r-20 {
right: 20px;
}
.b-20 {
bottom: 20px;
}
.l-20 {
left: 20px;
}
.t--20 {
top: -20px;
}
.r--20 {
right: -20px;
}
.b--20 {
bottom: -20px;
}
.l--20 {
left: -20px;
}
.a-20 {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
.x-20, .y-20 {
left: 20px;
right: 20px;
}
.t-25 {
top: 25px;
}
.r-25 {
right: 25px;
}
.b-25 {
bottom: 25px;
}
.l-25 {
left: 25px;
}
.t--25 {
top: -25px;
}
.r--25 {
right: -25px;
}
.b--25 {
bottom: -25px;
}
.l--25 {
left: -25px;
}
.a-25 {
top: 25px;
right: 25px;
bottom: 25px;
left: 25px;
}
.x-25, .y-25 {
left: 25px;
right: 25px;
}
.t-30 {
top: 30px;
}
.r-30 {
right: 30px;
}
.b-30 {
bottom: 30px;
}
.l-30 {
left: 30px;
}
.t--30 {
top: -30px;
}
.r--30 {
right: -30px;
}
.b--30 {
bottom: -30px;
}
.l--30 {
left: -30px;
}
.a-30 {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
}
.x-30, .y-30 {
left: 30px;
right: 30px;
}
.t-35 {
top: 35px;
}
.r-35 {
right: 35px;
}
.b-35 {
bottom: 35px;
}
.l-35 {
left: 35px;
}
.t--35 {
top: -35px;
}
.r--35 {
right: -35px;
}
.b--35 {
bottom: -35px;
}
.l--35 {
left: -35px;
}
.a-35 {
top: 35px;
right: 35px;
bottom: 35px;
left: 35px;
}
.x-35, .y-35 {
left: 35px;
right: 35px;
}
.t-40 {
top: 40px;
}
.r-40 {
right: 40px;
}
.b-40 {
bottom: 40px;
}
.l-40 {
left: 40px;
}
.t--40 {
top: -40px;
}
.r--40 {
right: -40px;
}
.b--40 {
bottom: -40px;
}
.l--40 {
left: -40px;
}
.a-40 {
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
}
.x-40, .y-40 {
left: 40px;
right: 40px;
}
.t-45 {
top: 45px;
}
.r-45 {
right: 45px;
}
.b-45 {
bottom: 45px;
}
.l-45 {
left: 45px;
}
.t--45 {
top: -45px;
}
.r--45 {
right: -45px;
}
.b--45 {
bottom: -45px;
}
.l--45 {
left: -45px;
}
.a-45 {
top: 45px;
right: 45px;
bottom: 45px;
left: 45px;
}
.x-45, .y-45 {
left: 45px;
right: 45px;
}
.t-50 {
top: 50px;
}
.r-50 {
right: 50px;
}
.b-50 {
bottom: 50px;
}
.l-50 {
left: 50px;
}
.t--50 {
top: -50px;
}
.r--50 {
right: -50px;
}
.b--50 {
bottom: -50px;
}
.l--50 {
left: -50px;
}
.a-50 {
top: 50px;
right: 50px;
bottom: 50px;
left: 50px;
}
.x-50, .y-50 {
left: 50px;
right: 50px;
}
.t-55 {
top: 55px;
}
.r-55 {
right: 55px;
}
.b-55 {
bottom: 55px;
}
.l-55 {
left: 55px;
}
.t--55 {
top: -55px;
}
.r--55 {
right: -55px;
}
.b--55 {
bottom: -55px;
}
.l--55 {
left: -55px;
}
.a-55 {
top: 55px;
right: 55px;
bottom: 55px;
left: 55px;
}
.x-55, .y-55 {
left: 55px;
right: 55px;
}
.t-60 {
top: 60px;
}
.r-60 {
right: 60px;
}
.b-60 {
bottom: 60px;
}
.l-60 {
left: 60px;
}
.t--60 {
top: -60px;
}
.r--60 {
right: -60px;
}
.b--60 {
bottom: -60px;
}
.l--60 {
left: -60px;
}
.a-60 {
top: 60px;
right: 60px;
bottom: 60px;
left: 60px;
}
.x-60, .y-60 {
left: 60px;
right: 60px;
}
.t-65 {
top: 65px;
}
.r-65 {
right: 65px;
}
.b-65 {
bottom: 65px;
}
.l-65 {
left: 65px;
}
.t--65 {
top: -65px;
}
.r--65 {
right: -65px;
}
.b--65 {
bottom: -65px;
}
.l--65 {
left: -65px;
}
.a-65 {
top: 65px;
right: 65px;
bottom: 65px;
left: 65px;
}
.x-65, .y-65 {
left: 65px;
right: 65px;
}
.t-70 {
top: 70px;
}
.r-70 {
right: 70px;
}
.b-70 {
bottom: 70px;
}
.l-70 {
left: 70px;
}
.t--70 {
top: -70px;
}
.r--70 {
right: -70px;
}
.b--70 {
bottom: -70px;
}
.l--70 {
left: -70px;
}
.a-70 {
top: 70px;
right: 70px;
bottom: 70px;
left: 70px;
}
.x-70, .y-70 {
left: 70px;
right: 70px;
}
.t-75 {
top: 75px;
}
.r-75 {
right: 75px;
}
.b-75 {
bottom: 75px;
}
.l-75 {
left: 75px;
}
.t--75 {
top: -75px;
}
.r--75 {
right: -75px;
}
.b--75 {
bottom: -75px;
}
.l--75 {
left: -75px;
}
.a-75 {
top: 75px;
right: 75px;
bottom: 75px;
left: 75px;
}
.x-75, .y-75 {
left: 75px;
right: 75px;
}
.t-80 {
top: 80px;
}
.r-80 {
right: 80px;
}
.b-80 {
bottom: 80px;
}
.l-80 {
left: 80px;
}
.t--80 {
top: -80px;
}
.r--80 {
right: -80px;
}
.b--80 {
bottom: -80px;
}
.l--80 {
left: -80px;
}
.a-80 {
top: 80px;
right: 80px;
bottom: 80px;
left: 80px;
}
.x-80, .y-80 {
left: 80px;
right: 80px;
}
.t-85 {
top: 85px;
}
.r-85 {
right: 85px;
}
.b-85 {
bottom: 85px;
}
.l-85 {
left: 85px;
}
.t--85 {
top: -85px;
}
.r--85 {
right: -85px;
}
.b--85 {
bottom: -85px;
}
.l--85 {
left: -85px;
}
.a-85 {
top: 85px;
right: 85px;
bottom: 85px;
left: 85px;
}
.x-85, .y-85 {
left: 85px;
right: 85px;
}
.t-90 {
top: 90px;
}
.r-90 {
right: 90px;
}
.b-90 {
bottom: 90px;
}
.l-90 {
left: 90px;
}
.t--90 {
top: -90px;
}
.r--90 {
right: -90px;
}
.b--90 {
bottom: -90px;
}
.l--90 {
left: -90px;
}
.a-90 {
top: 90px;
right: 90px;
bottom: 90px;
left: 90px;
}
.x-90, .y-90 {
left: 90px;
right: 90px;
}
.t-95 {
top: 95px;
}
.r-95 {
right: 95px;
}
.b-95 {
bottom: 95px;
}
.l-95 {
left: 95px;
}
.t--95 {
top: -95px;
}
.r--95 {
right: -95px;
}
.b--95 {
bottom: -95px;
}
.l--95 {
left: -95px;
}
.a-95 {
top: 95px;
right: 95px;
bottom: 95px;
left: 95px;
}
.x-95, .y-95 {
left: 95px;
right: 95px;
}
.t-100 {
top: 100px;
}
.r-100 {
right: 100px;
}
.b-100 {
bottom: 100px;
}
.l-100 {
left: 100px;
}
.t--100 {
top: -100px;
}
.r--100 {
right: -100px;
}
.b--100 {
bottom: -100px;
}
.l--100 {
left: -100px;
}
.a-100 {
top: 100px;
right: 100px;
bottom: 100px;
left: 100px;
}
.x-100, .y-100 {
left: 100px;
right: 100px;
}
.t-2 {
top: 2px;
}
.r--5 {
right: -5px;
}
.z-index-0 {
z-index: 0;
}
.z-index-10 {
z-index: 10;
}
.z-index-50 {
z-index: 50;
}
.z-index-100 {
z-index: 100;
}
.z-index-150 {
z-index: 150;
}
.z-index-200 {
z-index: 200;
}
@media (min-width: 480px) {
.ps-xs-absolute {
position: absolute;
}
.ps-xs-relative {
position: relative;
}
.ps-xs-fixed {
position: fixed;
}
.ps-xs-static {
position: static;
}
.t-xs-auto {
top: auto;
}
.r-xs-auto {
right: auto;
}
.b-xs-auto {
bottom: auto;
}
.l-xs-auto {
left: auto;
}
}
@media (min-width: 576px) {
.ps-sm-absolute {
position: absolute;
}
.ps-sm-relative {
position: relative;
}
.ps-sm-fixed {
position: fixed;
}
.ps-sm-static {
position: static;
}
.t-sm-auto {
top: auto;
}
.r-sm-auto {
right: auto;
}
.b-sm-auto {
bottom: auto;
}
.l-sm-auto {
left: auto;
}
}
@media (min-width: 768px) {
.ps-md-absolute {
position: absolute;
}
.ps-md-relative {
position: relative;
}
.ps-md-fixed {
position: fixed;
}
.ps-md-static {
position: static;
}
.t-md-auto {
top: auto;
}
.r-md-auto {
right: auto;
}
.b-md-auto {
bottom: auto;
}
.l-md-auto {
left: auto;
}
}
@media (min-width: 992px) {
.ps-lg-absolute {
position: absolute;
}
.ps-lg-relative {
position: relative;
}
.ps-lg-fixed {
position: fixed;
}
.ps-lg-static {
position: static;
}
.t-lg-auto {
top: auto;
}
.r-lg-auto {
right: auto;
}
.b-lg-auto {
bottom: auto;
}
.l-lg-auto {
left: auto;
}
}
@media (min-width: 1200px) {
.ps-xl-absolute {
position: absolute;
}
.ps-xl-relative {
position: relative;
}
.ps-xl-fixed {
position: fixed;
}
.ps-xl-static {
position: static;
}
.t-xl-auto {
top: auto;
}
.r-xl-auto {
right: auto;
}
.b-xl-auto {
bottom: auto;
}
.l-xl-auto {
left: auto;
}
}
textarea {
overflow: auto;
resize: vertical;
}
/*------- Alignments & values-------*/
.text-monospace {
font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-start {
text-align: left !important;
}
.text-end {
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: 1280px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white-transparent {
color: #fff !important;
opacity: 0.9;
}
.text-white-transparent-light {
color: #fff !important;
opacity: 0.5;
}
/*------Colors------*/
.text-primary {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
a.text-primary:hover, a.text-primary:focus {
color: rgba(var(--primary-bg-color), 0.9) !important;
}
.text-primary-light {
color: var(--primary09) !important;
fill: var(--primary09) !important;
}
a.text-primary-light:hover, a.text-primary-light:focus {
color: var(--primary06) !important;
}
.text-primary-lighter {
color: var(--primary06) !important;
fill: var(--primary06) !important;
}
a.text-primary-lighter:hover, a.text-primary-lighter:focus {
color: var(--primary03) !important;
}
.text-primary-lightest {
color: var(--primary03) !important;
fill: var(--primary03) !important;
}
a.text-primary-lightest:hover, a.text-primary-lightest:focus {
color: rgba(var(--primary-bg-color), 0.15) !important;
}
.text-primary-dark {
color: var(--primary06) !important;
fill: var(--primary06) !important;
}
a.text-primary-dark:hover, a.text-primary-dark:focus {
color: var(--primary03) !important;
}
.text-primary-darker {
color: var(--primary09) !important;
fill: var(--primary09) !important;
}
a.text-primary-darker:hover, a.text-primary-darker:focus {
color: var(--primary06) !important;
}
.text-primary-darkest {
color: var(--primary-bg-color);
fill: var(--primary-bg-color);
}
a.text-primary-darkest:hover, a.text-primary-darkest:focus {
color: var(--primary09) !important;
}
.text-secondary {
color: #e984b1 !important;
fill: #e984b1 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: rgba(233, 132, 177, 0.9) !important;
}
.text-secondary-light {
color: rgba(233, 132, 177, 0.85) !important;
fill: rgba(233, 132, 177, 0.85) !important;
}
a.text-secondary-light:hover, a.text-secondary-light:focus {
color: rgba(233, 132, 177, 0.55) !important;
}
.text-secondary-lighter {
color: rgba(233, 132, 177, 0.55) !important;
fill: rgba(233, 132, 177, 0.55) !important;
}
a.text-secondary-lighter:hover, a.text-secondary-lighter:focus {
color: rgba(233, 132, 177, 0.35) !important;
}
.text-secondary-lightest {
color: rgba(233, 132, 177, 0.35) !important;
fill: rgba(233, 132, 177, 0.35) !important;
}
a.text-secondary-lightest:hover, a.text-secondary-lightest:focus {
color: rgba(233, 132, 177, 0.15) !important;
}
.text-secondary-dark {
color: rgba(211, 40, 117, 0.55) !important;
fill: rgba(211, 40, 117, 0.55) !important;
}
a.text-secondary-dark:hover, a.text-secondary-dark:focus {
color: rgba(211, 40, 117, 0.35) !important;
}
.text-secondary-darker {
color: rgba(211, 40, 117, 0.85) !important;
fill: rgba(211, 40, 117, 0.85) !important;
}
a.text-secondary-darker:hover, a.text-secondary-darker:focus {
color: rgba(211, 40, 117, 0.55) !important;
}
.text-secondary-darkest {
color: #d32875;
fill: #d32875;
}
a.text-secondary-darkest:hover, a.text-secondary-darkest:focus {
color: rgba(211, 40, 117, 0.85) !important;
}
.text-teritary {
color: #59adec !important;
fill: #59adec !important;
}
a.text-teritary:hover, a.text-teritary:focus {
color: rgba(89, 173, 236, 0.85) !important;
}
.text-teritary-light {
color: rgba(89, 173, 236, 0.85) !important;
fill: rgba(89, 173, 236, 0.85) !important;
}
a.text-teritary-light:hover, a.text-teritary-light:focus {
color: rgba(89, 173, 236, 0.55) !important;
}
.text-teritary-lighter {
color: rgba(89, 173, 236, 0.55) !important;
fill: rgba(89, 173, 236, 0.55) !important;
}
a.text-teritary-lighter:hover, a.text-teritary-lighter:focus {
color: rgba(89, 173, 236, 0.35) !important;
}
.text-teritary-lightest {
color: rgba(89, 173, 236, 0.35) !important;
fill: rgba(89, 173, 236, 0.35) !important;
}
a.text-teritary-lightest:hover, a.text-teritary-lightest:focus {
color: rgba(89, 173, 236, 0.15) !important;
}
.text-teritary-dark {
color: rgba(42, 133, 202, 0.55) !important;
fill: rgba(42, 133, 202, 0.55) !important;
}
a.text-teritary-dark:hover, a.text-teritary-dark:focus {
color: rgba(42, 133, 202, 0.35) !important;
}
.text-teritary-darker {
color: rgba(42, 133, 202, 0.85) !important;
fill: rgba(42, 133, 202, 0.85) !important;
}
a.text-teritary-darker:hover, a.text-teritary-darker:focus {
color: rgba(42, 133, 202, 0.55) !important;
}
.text-teritary-darkest {
color: #2a85ca;
fill: #2a85ca;
}
a.text-teritary-darkest:hover, a.text-teritary-darkest:focus {
color: rgba(42, 133, 202, 0.85) !important;
}
.text-info {
color: #59adec !important;
fill: #59adec !important;
}
a.text-info:hover, a.text-info:focus {
color: rgba(89, 173, 236, 0.85) !important;
}
.text-info-light {
color: rgba(89, 173, 236, 0.85) !important;
fill: rgba(89, 173, 236, 0.85) !important;
}
a.text-info-light:hover, a.text-info-light:focus {
color: rgba(89, 173, 236, 0.55) !important;
}
.text-info-lighter {
color: rgba(89, 173, 236, 0.55) !important;
fill: rgba(89, 173, 236, 0.55) !important;
}
a.text-info-lighter:hover, a.text-info-lighter:focus {
color: rgba(89, 173, 236, 0.35) !important;
}
.text-info-lightest {
color: rgba(89, 173, 236, 0.35) !important;
fill: rgba(89, 173, 236, 0.35) !important;
}
a.text-info-lightest:hover, a.text-info-lightest:focus {
color: rgba(89, 173, 236, 0.15) !important;
}
.text-info-dark {
color: rgba(42, 133, 202, 0.55) !important;
fill: rgba(42, 133, 202, 0.55) !important;
}
a.text-info-dark:hover, a.text-info-dark:focus {
color: rgba(42, 133, 202, 0.35) !important;
}
.text-info-darker {
color: rgba(42, 133, 202, 0.85) !important;
fill: rgba(42, 133, 202, 0.85) !important;
}
a.text-info-darker:hover, a.text-info-darker:focus {
color: rgba(42, 133, 202, 0.55) !important;
}
.text-info-darkest {
color: #2a85ca;
fill: #2a85ca;
}
a.text-info-darkest:hover, a.text-info-darkest:focus {
color: rgba(42, 133, 202, 0.85) !important;
}
.text-warning {
color: #e7c354 !important;
fill: #e7c354 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: rgba(231, 195, 84, 0.85) !important;
}
.text-warning-light {
color: rgba(231, 195, 84, 0.85) !important;
fill: rgba(231, 195, 84, 0.85) !important;
}
a.text-warning-light:hover, a.text-warning-light:focus {
color: rgba(231, 195, 84, 0.55) !important;
}
.text-warning-lighter {
color: rgba(231, 195, 84, 0.55) !important;
fill: rgba(231, 195, 84, 0.55) !important;
}
a.text-warning-lighter:hover, a.text-warning-lighter:focus {
color: rgba(231, 195, 84, 0.35) !important;
}
.text-warning-lightest {
color: rgba(231, 195, 84, 0.35) !important;
fill: rgba(231, 195, 84, 0.35) !important;
}
a.text-warning-lightest:hover, a.text-warning-lightest:focus {
color: rgba(231, 195, 84, 0.15) !important;
}
.text-warning-dark {
color: rgba(201, 162, 47, 0.55) !important;
fill: rgba(201, 162, 47, 0.55) !important;
}
a.text-warning-dark:hover, a.text-warning-dark:focus {
color: rgba(201, 162, 47, 0.35) !important;
}
.text-warning-darker {
color: rgba(201, 162, 47, 0.85) !important;
fill: rgba(201, 162, 47, 0.85) !important;
}
a.text-warning-darker:hover, a.text-warning-darker:focus {
color: rgba(201, 162, 47, 0.55) !important;
}
.text-warning-darkest {
color: #c9a22f;
fill: #c9a22f;
}
a.text-warning-darkest:hover, a.text-warning-darkest:focus {
color: rgba(201, 162, 47, 0.85) !important;
}
.text-custom-yellow {
color: #e7c354 !important;
fill: #e7c354 !important;
}
a.text-custom-yellow:hover, a.text-custom-yellow:focus {
color: rgba(231, 195, 84, 0.85) !important;
}
.text-custom-yellow-light {
color: rgba(231, 195, 84, 0.85) !important;
fill: rgba(231, 195, 84, 0.85) !important;
}
a.text-custom-yellow-light:hover, a.text-custom-yellow-light:focus {
color: rgba(231, 195, 84, 0.55) !important;
}
.text-custom-yellow-lighter {
color: rgba(231, 195, 84, 0.55) !important;
fill: rgba(231, 195, 84, 0.55) !important;
}
a.text-custom-yellow-lighter:hover, a.text-custom-yellow-lighter:focus {
color: rgba(231, 195, 84, 0.35) !important;
}
.text-custom-yellow-lightest {
color: rgba(231, 195, 84, 0.35) !important;
fill: rgba(231, 195, 84, 0.35) !important;
}
a.text-custom-yellow-lightest:hover, a.text-custom-yellow-lightest:focus {
color: rgba(231, 195, 84, 0.15) !important;
}
.text-custom-yellow-dark {
color: rgba(201, 162, 47, 0.55) !important;
fill: rgba(201, 162, 47, 0.55) !important;
}
a.text-custom-yellow-dark:hover, a.text-custom-yellow-dark:focus {
color: rgba(201, 162, 47, 0.35) !important;
}
.text-custom-yellow-darker {
color: rgba(201, 162, 47, 0.85) !important;
fill: rgba(201, 162, 47, 0.85) !important;
}
a.text-custom-yellow-darker:hover, a.text-custom-yellow-darker:focus {
color: rgba(201, 162, 47, 0.55) !important;
}
.text-custom-yellow-darkest {
color: #c9a22f;
fill: #c9a22f;
}
a.text-custom-yellow-darkest:hover, a.text-custom-yellow-darkest:focus {
color: rgba(201, 162, 47, 0.85) !important;
}
.text-warning {
color: #e7c354 !important;
fill: #e7c354 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: rgba(231, 195, 84, 0.85) !important;
}
.text-warning-light {
color: rgba(231, 195, 84, 0.85) !important;
fill: rgba(231, 195, 84, 0.85) !important;
}
a.text-warning-light:hover, a.text-warning-light:focus {
color: rgba(231, 195, 84, 0.55) !important;
}
.text-warning-lighter {
color: rgba(231, 195, 84, 0.55) !important;
fill: rgba(231, 195, 84, 0.55) !important;
}
a.text-warning-lighter:hover, a.text-warning-lighter:focus {
color: rgba(231, 195, 84, 0.35) !important;
}
.text-warning-lightest {
color: rgba(231, 195, 84, 0.35) !important;
fill: rgba(231, 195, 84, 0.35) !important;
}
a.text-warning-lightest:hover, a.text-warning-lightest:focus {
color: rgba(231, 195, 84, 0.15) !important;
}
.text-warning-dark {
color: rgba(201, 162, 47, 0.55) !important;
fill: rgba(201, 162, 47, 0.55) !important;
}
a.text-warning-dark:hover, a.text-warning-dark:focus {
color: rgba(201, 162, 47, 0.35) !important;
}
.text-warning-darker {
color: rgba(201, 162, 47, 0.85) !important;
fill: rgba(201, 162, 47, 0.85) !important;
}
a.text-warning-darker:hover, a.text-warning-darker:focus {
color: rgba(201, 162, 47, 0.55) !important;
}
.text-warning-darkest {
color: #c9a22f;
fill: #c9a22f;
}
a.text-warning-darkest:hover, a.text-warning-darkest:focus {
color: rgba(201, 162, 47, 0.85) !important;
}
.text-success {
color: #13bfa6 !important;
fill: #13bfa6 !important;
}
a.text-success:hover, a.text-success:focus {
color: rgba(19, 191, 166, 0.85) !important;
}
.text-success-light {
color: rgba(19, 191, 166, 0.85) !important;
fill: rgba(19, 191, 166, 0.85) !important;
}
a.text-success-light:hover, a.text-success-light:focus {
color: rgba(19, 191, 166, 0.55) !important;
}
.text-success-lighter {
color: rgba(19, 191, 166, 0.55) !important;
fill: rgba(19, 191, 166, 0.55) !important;
}
a.text-success-lighter:hover, a.text-success-lighter:focus {
color: rgba(19, 191, 166, 0.35) !important;
}
.text-success-lightest {
color: rgba(19, 191, 166, 0.35) !important;
fill: rgba(19, 191, 166, 0.35) !important;
}
a.text-success-lightest:hover, a.text-success-lightest:focus {
color: rgba(19, 191, 166, 0.15) !important;
}
.text-success-dark {
color: rgba(0, 112, 95, 0.55) !important;
fill: rgba(0, 112, 95, 0.55) !important;
}
a.text-success-dark:hover, a.text-success-dark:focus {
color: rgba(0, 112, 95, 0.35) !important;
}
.text-success-darker {
color: rgba(0, 112, 95, 0.85) !important;
fill: rgba(0, 112, 95, 0.85) !important;
}
a.text-success-darker:hover, a.text-success-darker:focus {
color: rgba(0, 112, 95, 0.55) !important;
}
.text-success-darkest {
color: #00705f;
fill: #00705f;
}
a.text-success-darkest:hover, a.text-success-darkest:focus {
color: rgba(0, 112, 95, 0.85) !important;
}
.text-light {
color: rgba(228, 231, 236, 0.7725490196) !important;
}
a.text-light:hover, a.text-light:focus {
color: rgba(228, 231, 236, 0.85) !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: rgba(52, 58, 64, 0.85) !important;
}
.text-dark-light {
color: rgba(52, 58, 64, 0.85) !important;
fill: rgba(52, 58, 64, 0.85) !important;
}
a.text-dark-light:hover, a.text-dark-light:focus {
color: rgba(52, 58, 64, 0.55) !important;
}
.text-dark-lighter {
color: rgba(52, 58, 64, 0.55) !important;
fill: rgba(52, 58, 64, 0.55) !important;
}
a.text-dark-lighter:hover, a.text-dark-lighter:focus {
color: rgba(52, 58, 64, 0.35) !important;
}
.text-dark-lightest {
color: rgba(52, 58, 64, 0.35) !important;
fill: rgba(52, 58, 64, 0.35) !important;
}
a.text-dark-lightest:hover, a.text-dark-lightest:focus {
color: rgba(52, 58, 64, 0.15) !important;
}
.text-body {
color: #495057 !important;
}
.text-muted {
color: #707070 !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 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-wrap {
font-size: 14px;
line-height: 1.66;
}
.text-wrap > :first-child {
margin-top: 0;
}
.text-wrap > :last-child {
margin-bottom: 0;
}
.text-wrap > h1,
.text-wrap > h2,
.text-wrap > h3,
.text-wrap > h4,
.text-wrap > h5,
.text-wrap > h6 {
margin-top: 1em;
}
/*----- Typography ------*/
.heading-inverse {
background-color: #444546;
color: #fff;
padding: 5px;
}
.heading-primary {
background-color: var(--primary-bg-color);
color: #fff;
padding: 5px;
}
.heading-secondary {
background-color: #e984b1;
color: #fff;
padding: 5px;
}
.heading-success {
background-color: #13bfa6;
color: #fff;
padding: 5px;
}
.heading-info {
background-color: #59adec;
color: #fff;
padding: 5px;
}
.heading-teritary {
background-color: #59adec;
color: #fff;
padding: 5px;
}
.heading-warning {
background-color: #e7c354;
color: #fff;
padding: 5px;
}
.heading-danger {
background-color: #d12c47;
color: #fff;
padding: 5px;
}
.text-inherit {
color: inherit !important;
}
.text-default {
color: #495057 !important;
}
.text-muted-dark {
color: #56585f !important;
}
.text-fb-blue {
color: rgba(19, 41, 73, 0.85) !important;
}
.text-blue {
color: #467fcf !important;
}
.text-info {
color: #59adec !important;
}
.text-teritary {
color: #59adec !important;
}
.text-indigo {
color: #6574cd !important;
}
.text-purple {
color: #661fd6 !important;
}
.text-lime {
color: #7bd235 !important;
}
.text-pink {
color: #f58598 !important;
}
.text-red {
color: #e32f2f !important;
}
.text-orange {
color: #fc7303 !important;
}
.text-yellow {
color: #FBB034 !important;
}
.text-green {
color: #4ecc48 !important;
}
.text-lime-dark {
color: rgba(57, 128, 0, 0.85) !important;
}
.text-teal {
color: #2bcbba !important;
}
.text-cyan {
color: #17a2b8 !important;
}
.text-white {
color: #fff !important;
fill: #fff !important;
}
.text-gray {
color: #868e96 !important;
}
.text-gray-dark {
color: #444546 !important;
}
.text-azure {
color: #45aaf2 !important;
}
.text-lime {
color: #7bd235 !important;
}
.text-gray-100 {
color: #f9f9fb !important;
}
.text-gray-200 {
color: #f0f0f8 !important;
}
.text-gray-300 {
color: #e1e1ef !important;
}
.text-gray-400 {
color: #d6d6e6 !important;
}
.text-gray-500 {
color: #949eb7 !important;
}
.text-gray-600 {
color: #7987a1 !important;
}
.text-gray-700 {
color: #4d5875 !important;
}
.text-gray-800 {
color: #383853 !important;
}
.text-gray-900 {
color: #323251 !important;
}
textarea[cols] {
height: auto;
}
.text-end {
text-align: right;
}
.text-transparent {
color: rgba(51, 37, 37, 0.5);
}
.text-facebook {
color: #467fcf;
}
.text-google-plus {
color: #e984b1;
}
.text-twitter {
color: #59adec;
}
.text-pinterest {
color: #e7c354;
}
textarea.form-control {
height: auto;
}
.text-primary-gradient {
background: linear-gradient(to right, var(--primary-bg-color) 0%, var(--primary-bg-color) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-secondary-gradient {
background: linear-gradient(to right, #e984b1 0%, #d32875 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-warning-gradient {
background: linear-gradient(to right, #e7c354 0%, #c9a22f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-custom-yellow-gradient {
background: linear-gradient(to right, #e7c354 0%, #c9a22f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-info-gradient {
background: linear-gradient(to right, #59adec 0%, #2a85ca 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-danger-gradient {
background: linear-gradient(to right, #d12c47 0%, #df092d 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-success-gradient {
background: linear-gradient(to right, #13bfa6 0%, #00705f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-facebook-gradient {
background: linear-gradient(to right, #467fcf 0%, #132949 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-twitter-gradient {
background: linear-gradient(to right, #59adec 0%, #2a85ca 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-google-plus-gradient {
background: linear-gradient(to right, #fc7303 0%, #954300 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-pinterset-gradient {
background: linear-gradient(to right, #e32f2f 0%, #a30606 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*--text-shadow--*/
.text-success-shadow {
text-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;
}
.text-info-shadow {
text-shadow: 0 5px 10px rgba(89, 173, 236, 0.3) !important;
}
.text-warning-shadow {
text-shadow: 0 5px 10px rgba(231, 195, 84, 0.3) !important;
}
.text-danger-shadow {
text-shadow: 0 5px 10px rgba(209, 44, 71, 0.3) !important;
}
.text-pink-shadow {
text-shadow: 0 5px 10px rgba(245, 133, 152, 0.3) !important;
}
.text-purple-shadow {
text-shadow: 0 5px 10px rgba(102, 31, 214, 0.3) !important;
}
.text-dark-shadow {
text-shadow: 0 5px 10px rgba(68, 69, 70, 0.3) !important;
}
.text-white-shadow {
text-shadow: 0 5px 10px rgba(255, 255, 255, 0.3) !important;
}
.text-secondary-shadow {
text-shadow: 0 5px 10px rgba(233, 132, 177, 0.3) !important;
}
.text-teritary-shadow {
text-shadow: 0 5px 10px rgba(89, 173, 236, 0.3) !important;
}
.text-custom-yellow-shadow {
text-shadow: 0 5px 10px rgba(231, 195, 84, 0.3) !important;
}
/*----text sizes------*/
.text-base {
font-size: 0.875rem;
}
.text-8 {
font-size: 8px;
}
.text-8-f {
font-size: 8px !important;
}
.text-9 {
font-size: 9px;
}
.text-9-f {
font-size: 9px !important;
}
.text-10 {
font-size: 10px;
}
.text-10-f {
font-size: 10px !important;
}
.text-11 {
font-size: 11px;
}
.text-11-f {
font-size: 11px !important;
}
.text-12 {
font-size: 12px;
}
.text-12-f {
font-size: 12px !important;
}
.text-13 {
font-size: 13px;
}
.text-13-f {
font-size: 13px !important;
}
.text-14 {
font-size: 14px;
}
.text-14-f {
font-size: 14px !important;
}
.text-15 {
font-size: 15px !important;
}
.text-15-f {
font-size: 15px !important;
}
.text-16 {
font-size: 16px;
}
.text-16-f {
font-size: 16px !important;
}
.text-17 {
font-size: 17px !important;
}
.text-18 {
font-size: 18px !important;
}
.text-18-f {
font-size: 18px !important;
}
.text-20 {
font-size: 20px !important;
}
.text-20-f {
font-size: 20px !important;
}
.text-21 {
font-size: 21px;
}
.text-21-f {
font-size: 21px !important;
}
.text-22 {
font-size: 22px;
}
.text-22-f {
font-size: 22px !important;
}
.text-24 {
font-size: 24px;
}
.text-24-f {
font-size: 24px !important;
}
.text-26 {
font-size: 26px;
}
.text-26-f {
font-size: 26px !important;
}
.text-28 {
font-size: 28px;
}
.text-28-f {
font-size: 28px !important;
}
.text-30 {
font-size: 30px;
}
.text-30-f {
font-size: 30px !important;
}
.text-32 {
font-size: 32px;
}
.text-32-f {
font-size: 32px !important;
}
.text-34 {
font-size: 34px;
}
.text-34-f {
font-size: 34px !important;
}
.text-36 {
font-size: 36px;
}
.text-36-f {
font-size: 36px !important;
}
.text-38 {
font-size: 38px;
}
.text-38-f {
font-size: 38px !important;
}
.text-40 {
font-size: 40px;
}
.text-40-f {
font-size: 40px !important;
}
.text-42 {
font-size: 42px;
}
.text-42-f {
font-size: 42px !important;
}
.text-44 {
font-size: 44px;
}
.text-44-f {
font-size: 44px !important;
}
.text-46 {
font-size: 46px;
}
.text-46-f {
font-size: 46px !important;
}
.text-48 {
font-size: 48px;
}
.text-48-f {
font-size: 48px !important;
}
.text-50 {
font-size: 50px;
}
.text-50-f {
font-size: 50px !important;
}
.text-52 {
font-size: 52px;
}
.text-52-f {
font-size: 52px !important;
}
.text-54 {
font-size: 54px;
}
.text-54-f {
font-size: 54px !important;
}
.text-56 {
font-size: 56px;
}
.text-56-f {
font-size: 56px !important;
}
.text-58 {
font-size: 58px;
}
.text-58-f {
font-size: 58px !important;
}
.text-60 {
font-size: 60px;
}
.text-60-f {
font-size: 60px !important;
}
.text-62 {
font-size: 62px;
}
.text-62-f {
font-size: 62px !important;
}
.text-64 {
font-size: 64px;
}
.text-64-f {
font-size: 64px !important;
}
.text-66 {
font-size: 66px;
}
.text-66-f {
font-size: 66px !important;
}
.text-68 {
font-size: 68px;
}
.text-68-f {
font-size: 68px !important;
}
.text-70 {
font-size: 70px;
}
.text-70-f {
font-size: 70px !important;
}
.text-72 {
font-size: 72px;
}
.text-72-f {
font-size: 72px !important;
}
.text-74 {
font-size: 74px;
}
.text-74-f {
font-size: 74px !important;
}
.text-76 {
font-size: 76px;
}
.text-76-f {
font-size: 76px !important;
}
.text-78 {
font-size: 78px;
}
.text-78-f {
font-size: 78px !important;
}
.text-80 {
font-size: 80px;
}
.text-80-f {
font-size: 80px !important;
}
.text-82 {
font-size: 82px;
}
.text-82-f {
font-size: 82px !important;
}
.text-84 {
font-size: 84px;
}
.text-84-f {
font-size: 84px !important;
}
.text-86 {
font-size: 86px;
}
.text-86-f {
font-size: 86px !important;
}
.text-88 {
font-size: 88px;
}
.text-88-f {
font-size: 88px !important;
}
.text-90 {
font-size: 90px;
}
.text-90-f {
font-size: 90px !important;
}
.text-92 {
font-size: 92px;
}
.text-92-f {
font-size: 92px !important;
}
.text-94 {
font-size: 94px;
}
.text-94-f {
font-size: 94px !important;
}
.text-96 {
font-size: 96px;
}
.text-96-f {
font-size: 96px !important;
}
.text-98 {
font-size: 98px;
}
.text-98-f {
font-size: 98px !important;
}
.text-100 {
font-size: 100px;
}
.text-100-f {
font-size: 100px !important;
}
.text-102 {
font-size: 102px;
}
.text-102-f {
font-size: 102px !important;
}
.text-104 {
font-size: 104px;
}
.text-104-f {
font-size: 104px !important;
}
.text-106 {
font-size: 106px;
}
.text-106-f {
font-size: 106px !important;
}
.text-108 {
font-size: 108px;
}
.text-108-f {
font-size: 108px !important;
}
.text-110 {
font-size: 110px;
}
.text-110-f {
font-size: 110px !important;
}
.text-112 {
font-size: 112px;
}
.text-112-f {
font-size: 112px !important;
}
.text-114 {
font-size: 114px;
}
.text-114-f {
font-size: 114px !important;
}
.text-116 {
font-size: 116px;
}
.text-116-f {
font-size: 116px !important;
}
.text-118 {
font-size: 118px;
}
.text-118-f {
font-size: 118px !important;
}
.text-120 {
font-size: 120px;
}
.text-120-f {
font-size: 120px !important;
}
.text-122 {
font-size: 122px;
}
.text-122-f {
font-size: 122px !important;
}
.text-124 {
font-size: 124px;
}
.text-124-f {
font-size: 124px !important;
}
.text-126 {
font-size: 126px;
}
.text-126-f {
font-size: 126px !important;
}
.text-128 {
font-size: 128px;
}
.text-128-f {
font-size: 128px !important;
}
.text-130 {
font-size: 130px;
}
.text-130-f {
font-size: 130px !important;
}
.text-132 {
font-size: 132px;
}
.text-132-f {
font-size: 132px !important;
}
.text-134 {
font-size: 134px;
}
.text-134-f {
font-size: 134px !important;
}
.text-136 {
font-size: 136px;
}
.text-136-f {
font-size: 136px !important;
}
.text-138 {
font-size: 138px;
}
.text-138-f {
font-size: 138px !important;
}
.text-140 {
font-size: 140px;
}
.text-140-f {
font-size: 140px !important;
}
@media (min-width: 480px) {
.text-xs-8 {
font-size: 8px;
}
.text-xs-8-f {
font-size: 8px !important;
}
.text-xs-9 {
font-size: 9px;
}
.text-xs-9-f {
font-size: 9px !important;
}
.text-xs-10 {
font-size: 10px;
}
.text-xs-10-f {
font-size: 10px !important;
}
.text-xs-11 {
font-size: 11px;
}
.text-xs-11-f {
font-size: 11px !important;
}
.text-xs-12 {
font-size: 12px;
}
.text-xs-12-f {
font-size: 12px !important;
}
.text-xs-13 {
font-size: 13px;
}
.text-xs-13-f {
font-size: 13px !important;
}
.text-xs-14 {
font-size: 14px;
}
.text-xs-14-f {
font-size: 14px !important;
}
.text-xs-15 {
font-size: 15px;
}
.text-xs-15-f {
font-size: 15px !important;
}
.text-xs-16 {
font-size: 16px;
}
.text-xs-16-f {
font-size: 16px !important;
}
.text-xs-18 {
font-size: 18px;
}
.text-xs-18-f {
font-size: 18px !important;
}
.text-xs-20 {
font-size: 20px;
}
.text-xs-20-f {
font-size: 20px !important;
}
.text-xs-22 {
font-size: 22px;
}
.text-xs-22-f {
font-size: 22px !important;
}
.text-xs-24 {
font-size: 24px;
}
.text-xs-24-f {
font-size: 24px !important;
}
.text-xs-26 {
font-size: 26px;
}
.text-xs-26-f {
font-size: 26px !important;
}
.text-xs-28 {
font-size: 28px;
}
.text-xs-28-f {
font-size: 28px !important;
}
.text-xs-30 {
font-size: 30px;
}
.text-xs-30-f {
font-size: 30px !important;
}
.text-xs-32 {
font-size: 32px;
}
.text-xs-32-f {
font-size: 32px !important;
}
.text-xs-34 {
font-size: 34px;
}
.text-xs-34-f {
font-size: 34px !important;
}
.text-xs-36 {
font-size: 36px;
}
.text-xs-36-f {
font-size: 36px !important;
}
.text-xs-38 {
font-size: 38px;
}
.text-xs-38-f {
font-size: 38px !important;
}
.text-xs-40 {
font-size: 40px;
}
.text-xs-40-f {
font-size: 40px !important;
}
.text-xs-42 {
font-size: 42px;
}
.text-xs-42-f {
font-size: 42px !important;
}
.text-xs-44 {
font-size: 44px;
}
.text-xs-44-f {
font-size: 44px !important;
}
.text-xs-46 {
font-size: 46px;
}
.text-xs-46-f {
font-size: 46px !important;
}
.text-xs-48 {
font-size: 48px;
}
.text-xs-48-f {
font-size: 48px !important;
}
.text-xs-50 {
font-size: 50px;
}
.text-xs-50-f {
font-size: 50px !important;
}
.text-xs-52 {
font-size: 52px;
}
.text-xs-52-f {
font-size: 52px !important;
}
.text-xs-54 {
font-size: 54px;
}
.text-xs-54-f {
font-size: 54px !important;
}
.text-xs-56 {
font-size: 56px;
}
.text-xs-56-f {
font-size: 56px !important;
}
.text-xs-58 {
font-size: 58px;
}
.text-xs-58-f {
font-size: 58px !important;
}
.text-xs-60 {
font-size: 60px;
}
.text-xs-60-f {
font-size: 60px !important;
}
.text-xs-62 {
font-size: 62px;
}
.text-xs-62-f {
font-size: 62px !important;
}
.text-xs-64 {
font-size: 64px;
}
.text-xs-64-f {
font-size: 64px !important;
}
.text-xs-66 {
font-size: 66px;
}
.text-xs-66-f {
font-size: 66px !important;
}
.text-xs-68 {
font-size: 68px;
}
.text-xs-68-f {
font-size: 68px !important;
}
.text-xs-70 {
font-size: 70px;
}
.text-xs-70-f {
font-size: 70px !important;
}
.text-xs-72 {
font-size: 72px;
}
.text-xs-72-f {
font-size: 72px !important;
}
.text-xs-74 {
font-size: 74px;
}
.text-xs-74-f {
font-size: 74px !important;
}
.text-xs-76 {
font-size: 76px;
}
.text-xs-76-f {
font-size: 76px !important;
}
.text-xs-78 {
font-size: 78px;
}
.text-xs-78-f {
font-size: 78px !important;
}
.text-xs-80 {
font-size: 80px;
}
.text-xs-80-f {
font-size: 80px !important;
}
.text-xs-82 {
font-size: 82px;
}
.text-xs-82-f {
font-size: 82px !important;
}
.text-xs-84 {
font-size: 84px;
}
.text-xs-84-f {
font-size: 84px !important;
}
.text-xs-86 {
font-size: 86px;
}
.text-xs-86-f {
font-size: 86px !important;
}
.text-xs-88 {
font-size: 88px;
}
.text-xs-88-f {
font-size: 88px !important;
}
.text-xs-90 {
font-size: 90px;
}
.text-xs-90-f {
font-size: 90px !important;
}
.text-xs-92 {
font-size: 92px;
}
.text-xs-92-f {
font-size: 92px !important;
}
.text-xs-94 {
font-size: 94px;
}
.text-xs-94-f {
font-size: 94px !important;
}
.text-xs-96 {
font-size: 96px;
}
.text-xs-96-f {
font-size: 96px !important;
}
.text-xs-98 {
font-size: 98px;
}
.text-xs-98-f {
font-size: 98px !important;
}
.text-xs-100 {
font-size: 100px;
}
.text-xs-100-f {
font-size: 100px !important;
}
.text-xs-102 {
font-size: 102px;
}
.text-xs-102-f {
font-size: 102px !important;
}
.text-xs-104 {
font-size: 104px;
}
.text-xs-104-f {
font-size: 104px !important;
}
.text-xs-106 {
font-size: 106px;
}
.text-xs-106-f {
font-size: 106px !important;
}
.text-xs-108 {
font-size: 108px;
}
.text-xs-108-f {
font-size: 108px !important;
}
.text-xs-110 {
font-size: 110px;
}
.text-xs-110-f {
font-size: 110px !important;
}
.text-xs-112 {
font-size: 112px;
}
.text-xs-112-f {
font-size: 112px !important;
}
.text-xs-114 {
font-size: 114px;
}
.text-xs-114-f {
font-size: 114px !important;
}
.text-xs-116 {
font-size: 116px;
}
.text-xs-116-f {
font-size: 116px !important;
}
.text-xs-118 {
font-size: 118px;
}
.text-xs-118-f {
font-size: 118px !important;
}
.text-xs-120 {
font-size: 120px;
}
.text-xs-120-f {
font-size: 120px !important;
}
.text-xs-122 {
font-size: 122px;
}
.text-xs-122-f {
font-size: 122px !important;
}
.text-xs-124 {
font-size: 124px;
}
.text-xs-124-f {
font-size: 124px !important;
}
.text-xs-126 {
font-size: 126px;
}
.text-xs-126-f {
font-size: 126px !important;
}
.text-xs-128 {
font-size: 128px;
}
.text-xs-128-f {
font-size: 128px !important;
}
.text-xs-130 {
font-size: 130px;
}
.text-xs-130-f {
font-size: 130px !important;
}
.text-xs-132 {
font-size: 132px;
}
.text-xs-132-f {
font-size: 132px !important;
}
.text-xs-134 {
font-size: 134px;
}
.text-xs-134-f {
font-size: 134px !important;
}
.text-xs-136 {
font-size: 136px;
}
.text-xs-136-f {
font-size: 136px !important;
}
.text-xs-138 {
font-size: 138px;
}
.text-xs-138-f {
font-size: 138px !important;
}
.text-xs-140 {
font-size: 140px;
}
.text-xs-140-f {
font-size: 140px !important;
}
.text-xs-base {
font-size: 0.875rem;
}
.text-xs-bold {
font-weight: 700;
}
.text-xs-semibold {
font-weight: 600;
}
.text-xs-medium {
font-weight: 500;
}
.text-xs-normal {
font-weight: 400;
}
.text-xs-light {
font-weight: 300;
}
.text-xs-thin {
font-weight: 200;
}
.text-xs-xthin {
font-weight: 100;
}
.text-xs-center {
text-align: center;
}
.text-xs-right {
text-align: right;
}
.text-xs-left {
text-align: left;
}
.text-xs-center-f {
text-align: center !important;
}
.text-xs-right-f {
text-align: right !important;
}
.text-xs-left-f {
text-align: left !important;
}
}
@media (min-width: 576px) {
.text-sm-8 {
font-size: 8px;
}
.text-sm-8-f {
font-size: 8px !important;
}
.text-sm-9 {
font-size: 9px;
}
.text-sm-9-f {
font-size: 9px !important;
}
.text-sm-10 {
font-size: 10px;
}
.text-sm-10-f {
font-size: 10px !important;
}
.text-sm-11 {
font-size: 11px;
}
.text-sm-11-f {
font-size: 11px !important;
}
.text-sm-12 {
font-size: 12px;
}
.text-sm-12-f {
font-size: 12px !important;
}
.text-sm-13 {
font-size: 13px;
}
.text-sm-13-f {
font-size: 13px !important;
}
.text-sm-14 {
font-size: 14px;
}
.text-sm-14-f {
font-size: 14px !important;
}
.text-sm-15 {
font-size: 15px;
}
.text-sm-15-f {
font-size: 15px !important;
}
.text-sm-16 {
font-size: 16px;
}
.text-sm-16-f {
font-size: 16px !important;
}
.text-sm-18 {
font-size: 18px;
}
.text-sm-18-f {
font-size: 18px !important;
}
.text-sm-20 {
font-size: 20px;
}
.text-sm-20-f {
font-size: 20px !important;
}
.text-sm-22 {
font-size: 22px;
}
.text-sm-22-f {
font-size: 22px !important;
}
.text-sm-24 {
font-size: 24px;
}
.text-sm-24-f {
font-size: 24px !important;
}
.text-sm-26 {
font-size: 26px;
}
.text-sm-26-f {
font-size: 26px !important;
}
.text-sm-28 {
font-size: 28px;
}
.text-sm-28-f {
font-size: 28px !important;
}
.text-sm-30 {
font-size: 30px;
}
.text-sm-30-f {
font-size: 30px !important;
}
.text-sm-32 {
font-size: 32px;
}
.text-sm-32-f {
font-size: 32px !important;
}
.text-sm-34 {
font-size: 34px;
}
.text-sm-34-f {
font-size: 34px !important;
}
.text-sm-36 {
font-size: 36px;
}
.text-sm-36-f {
font-size: 36px !important;
}
.text-sm-38 {
font-size: 38px;
}
.text-sm-38-f {
font-size: 38px !important;
}
.text-sm-40 {
font-size: 40px;
}
.text-sm-40-f {
font-size: 40px !important;
}
.text-sm-42 {
font-size: 42px;
}
.text-sm-42-f {
font-size: 42px !important;
}
.text-sm-44 {
font-size: 44px;
}
.text-sm-44-f {
font-size: 44px !important;
}
.text-sm-46 {
font-size: 46px;
}
.text-sm-46-f {
font-size: 46px !important;
}
.text-sm-48 {
font-size: 48px;
}
.text-sm-48-f {
font-size: 48px !important;
}
.text-sm-50 {
font-size: 50px;
}
.text-sm-50-f {
font-size: 50px !important;
}
.text-sm-52 {
font-size: 52px;
}
.text-sm-52-f {
font-size: 52px !important;
}
.text-sm-54 {
font-size: 54px;
}
.text-sm-54-f {
font-size: 54px !important;
}
.text-sm-56 {
font-size: 56px;
}
.text-sm-56-f {
font-size: 56px !important;
}
.text-sm-58 {
font-size: 58px;
}
.text-sm-58-f {
font-size: 58px !important;
}
.text-sm-60 {
font-size: 60px;
}
.text-sm-60-f {
font-size: 60px !important;
}
.text-sm-62 {
font-size: 62px;
}
.text-sm-62-f {
font-size: 62px !important;
}
.text-sm-64 {
font-size: 64px;
}
.text-sm-64-f {
font-size: 64px !important;
}
.text-sm-66 {
font-size: 66px;
}
.text-sm-66-f {
font-size: 66px !important;
}
.text-sm-68 {
font-size: 68px;
}
.text-sm-68-f {
font-size: 68px !important;
}
.text-sm-70 {
font-size: 70px;
}
.text-sm-70-f {
font-size: 70px !important;
}
.text-sm-72 {
font-size: 72px;
}
.text-sm-72-f {
font-size: 72px !important;
}
.text-sm-74 {
font-size: 74px;
}
.text-sm-74-f {
font-size: 74px !important;
}
.text-sm-76 {
font-size: 76px;
}
.text-sm-76-f {
font-size: 76px !important;
}
.text-sm-78 {
font-size: 78px;
}
.text-sm-78-f {
font-size: 78px !important;
}
.text-sm-80 {
font-size: 80px;
}
.text-sm-80-f {
font-size: 80px !important;
}
.text-sm-82 {
font-size: 82px;
}
.text-sm-82-f {
font-size: 82px !important;
}
.text-sm-84 {
font-size: 84px;
}
.text-sm-84-f {
font-size: 84px !important;
}
.text-sm-86 {
font-size: 86px;
}
.text-sm-86-f {
font-size: 86px !important;
}
.text-sm-88 {
font-size: 88px;
}
.text-sm-88-f {
font-size: 88px !important;
}
.text-sm-90 {
font-size: 90px;
}
.text-sm-90-f {
font-size: 90px !important;
}
.text-sm-92 {
font-size: 92px;
}
.text-sm-92-f {
font-size: 92px !important;
}
.text-sm-94 {
font-size: 94px;
}
.text-sm-94-f {
font-size: 94px !important;
}
.text-sm-96 {
font-size: 96px;
}
.text-sm-96-f {
font-size: 96px !important;
}
.text-sm-98 {
font-size: 98px;
}
.text-sm-98-f {
font-size: 98px !important;
}
.text-sm-100 {
font-size: 100px;
}
.text-sm-100-f {
font-size: 100px !important;
}
.text-sm-102 {
font-size: 102px;
}
.text-sm-102-f {
font-size: 102px !important;
}
.text-sm-104 {
font-size: 104px;
}
.text-sm-104-f {
font-size: 104px !important;
}
.text-sm-106 {
font-size: 106px;
}
.text-sm-106-f {
font-size: 106px !important;
}
.text-sm-108 {
font-size: 108px;
}
.text-sm-108-f {
font-size: 108px !important;
}
.text-sm-110 {
font-size: 110px;
}
.text-sm-110-f {
font-size: 110px !important;
}
.text-sm-112 {
font-size: 112px;
}
.text-sm-112-f {
font-size: 112px !important;
}
.text-sm-114 {
font-size: 114px;
}
.text-sm-114-f {
font-size: 114px !important;
}
.text-sm-116 {
font-size: 116px;
}
.text-sm-116-f {
font-size: 116px !important;
}
.text-sm-118 {
font-size: 118px;
}
.text-sm-118-f {
font-size: 118px !important;
}
.text-sm-120 {
font-size: 120px;
}
.text-sm-120-f {
font-size: 120px !important;
}
.text-sm-122 {
font-size: 122px;
}
.text-sm-122-f {
font-size: 122px !important;
}
.text-sm-124 {
font-size: 124px;
}
.text-sm-124-f {
font-size: 124px !important;
}
.text-sm-126 {
font-size: 126px;
}
.text-sm-126-f {
font-size: 126px !important;
}
.text-sm-128 {
font-size: 128px;
}
.text-sm-128-f {
font-size: 128px !important;
}
.text-sm-130 {
font-size: 130px;
}
.text-sm-130-f {
font-size: 130px !important;
}
.text-sm-132 {
font-size: 132px;
}
.text-sm-132-f {
font-size: 132px !important;
}
.text-sm-134 {
font-size: 134px;
}
.text-sm-134-f {
font-size: 134px !important;
}
.text-sm-136 {
font-size: 136px;
}
.text-sm-136-f {
font-size: 136px !important;
}
.text-sm-138 {
font-size: 138px;
}
.text-sm-138-f {
font-size: 138px !important;
}
.text-sm-140 {
font-size: 140px;
}
.text-sm-140-f {
font-size: 140px !important;
}
.text-sm-base {
font-size: 0.875rem;
}
.text-sm-bold {
font-weight: 700;
}
.text-sm-semibold {
font-weight: 600;
}
.text-sm-medium {
font-weight: 500;
}
.text-sm-normal {
font-weight: 400;
}
.text-sm-light {
font-weight: 300;
}
.text-sm-thin {
font-weight: 200;
}
.text-sm-xthin {
font-weight: 100;
}
.text-sm-center {
text-align: center;
}
.text-sm-right {
text-align: right;
}
.text-sm-left {
text-align: left;
}
.text-sm-center-f {
text-align: center !important;
}
.text-sm-right-f {
text-align: right !important;
}
.text-sm-left-f {
text-align: left !important;
}
}
@media (min-width: 768px) {
.text-md-8 {
font-size: 8px;
}
.text-md-8-f {
font-size: 8px !important;
}
.text-md-9 {
font-size: 9px;
}
.text-md-9-f {
font-size: 9px !important;
}
.text-md-10 {
font-size: 10px;
}
.text-md-10-f {
font-size: 10px !important;
}
.text-md-11 {
font-size: 11px;
}
.text-md-11-f {
font-size: 11px !important;
}
.text-md-12 {
font-size: 12px;
}
.text-md-12-f {
font-size: 12px !important;
}
.text-md-13 {
font-size: 13px;
}
.text-md-13-f {
font-size: 13px !important;
}
.text-md-14 {
font-size: 14px;
}
.text-md-14-f {
font-size: 14px !important;
}
.text-md-15 {
font-size: 15px;
}
.text-md-15-f {
font-size: 15px !important;
}
.text-md-16 {
font-size: 16px;
}
.text-md-16-f {
font-size: 16px !important;
}
.text-md-18 {
font-size: 18px;
}
.text-md-18-f {
font-size: 18px !important;
}
.text-md-20 {
font-size: 20px;
}
.text-md-20-f {
font-size: 20px !important;
}
.text-md-22 {
font-size: 22px;
}
.text-md-22-f {
font-size: 22px !important;
}
.text-md-24 {
font-size: 24px;
}
.text-md-24-f {
font-size: 24px !important;
}
.text-md-26 {
font-size: 26px;
}
.text-md-26-f {
font-size: 26px !important;
}
.text-md-28 {
font-size: 28px;
}
.text-md-28-f {
font-size: 28px !important;
}
.text-md-30 {
font-size: 30px;
}
.text-md-30-f {
font-size: 30px !important;
}
.text-md-32 {
font-size: 32px;
}
.text-md-32-f {
font-size: 32px !important;
}
.text-md-34 {
font-size: 34px;
}
.text-md-34-f {
font-size: 34px !important;
}
.text-md-36 {
font-size: 36px;
}
.text-md-36-f {
font-size: 36px !important;
}
.text-md-38 {
font-size: 38px;
}
.text-md-38-f {
font-size: 38px !important;
}
.text-md-40 {
font-size: 40px;
}
.text-md-40-f {
font-size: 40px !important;
}
.text-md-42 {
font-size: 42px;
}
.text-md-42-f {
font-size: 42px !important;
}
.text-md-44 {
font-size: 44px;
}
.text-md-44-f {
font-size: 44px !important;
}
.text-md-46 {
font-size: 46px;
}
.text-md-46-f {
font-size: 46px !important;
}
.text-md-48 {
font-size: 48px;
}
.text-md-48-f {
font-size: 48px !important;
}
.text-md-50 {
font-size: 50px;
}
.text-md-50-f {
font-size: 50px !important;
}
.text-md-52 {
font-size: 52px;
}
.text-md-52-f {
font-size: 52px !important;
}
.text-md-54 {
font-size: 54px;
}
.text-md-54-f {
font-size: 54px !important;
}
.text-md-56 {
font-size: 56px;
}
.text-md-56-f {
font-size: 56px !important;
}
.text-md-58 {
font-size: 58px;
}
.text-md-58-f {
font-size: 58px !important;
}
.text-md-60 {
font-size: 60px;
}
.text-md-60-f {
font-size: 60px !important;
}
.text-md-62 {
font-size: 62px;
}
.text-md-62-f {
font-size: 62px !important;
}
.text-md-64 {
font-size: 64px;
}
.text-md-64-f {
font-size: 64px !important;
}
.text-md-66 {
font-size: 66px;
}
.text-md-66-f {
font-size: 66px !important;
}
.text-md-68 {
font-size: 68px;
}
.text-md-68-f {
font-size: 68px !important;
}
.text-md-70 {
font-size: 70px;
}
.text-md-70-f {
font-size: 70px !important;
}
.text-md-72 {
font-size: 72px;
}
.text-md-72-f {
font-size: 72px !important;
}
.text-md-74 {
font-size: 74px;
}
.text-md-74-f {
font-size: 74px !important;
}
.text-md-76 {
font-size: 76px;
}
.text-md-76-f {
font-size: 76px !important;
}
.text-md-78 {
font-size: 78px;
}
.text-md-78-f {
font-size: 78px !important;
}
.text-md-80 {
font-size: 80px;
}
.text-md-80-f {
font-size: 80px !important;
}
.text-md-82 {
font-size: 82px;
}
.text-md-82-f {
font-size: 82px !important;
}
.text-md-84 {
font-size: 84px;
}
.text-md-84-f {
font-size: 84px !important;
}
.text-md-86 {
font-size: 86px;
}
.text-md-86-f {
font-size: 86px !important;
}
.text-md-88 {
font-size: 88px;
}
.text-md-88-f {
font-size: 88px !important;
}
.text-md-90 {
font-size: 90px;
}
.text-md-90-f {
font-size: 90px !important;
}
.text-md-92 {
font-size: 92px;
}
.text-md-92-f {
font-size: 92px !important;
}
.text-md-94 {
font-size: 94px;
}
.text-md-94-f {
font-size: 94px !important;
}
.text-md-96 {
font-size: 96px;
}
.text-md-96-f {
font-size: 96px !important;
}
.text-md-98 {
font-size: 98px;
}
.text-md-98-f {
font-size: 98px !important;
}
.text-md-100 {
font-size: 100px;
}
.text-md-100-f {
font-size: 100px !important;
}
.text-md-102 {
font-size: 102px;
}
.text-md-102-f {
font-size: 102px !important;
}
.text-md-104 {
font-size: 104px;
}
.text-md-104-f {
font-size: 104px !important;
}
.text-md-106 {
font-size: 106px;
}
.text-md-106-f {
font-size: 106px !important;
}
.text-md-108 {
font-size: 108px;
}
.text-md-108-f {
font-size: 108px !important;
}
.text-md-110 {
font-size: 110px;
}
.text-md-110-f {
font-size: 110px !important;
}
.text-md-112 {
font-size: 112px;
}
.text-md-112-f {
font-size: 112px !important;
}
.text-md-114 {
font-size: 114px;
}
.text-md-114-f {
font-size: 114px !important;
}
.text-md-116 {
font-size: 116px;
}
.text-md-116-f {
font-size: 116px !important;
}
.text-md-118 {
font-size: 118px;
}
.text-md-118-f {
font-size: 118px !important;
}
.text-md-120 {
font-size: 120px;
}
.text-md-120-f {
font-size: 120px !important;
}
.text-md-122 {
font-size: 122px;
}
.text-md-122-f {
font-size: 122px !important;
}
.text-md-124 {
font-size: 124px;
}
.text-md-124-f {
font-size: 124px !important;
}
.text-md-126 {
font-size: 126px;
}
.text-md-126-f {
font-size: 126px !important;
}
.text-md-128 {
font-size: 128px;
}
.text-md-128-f {
font-size: 128px !important;
}
.text-md-130 {
font-size: 130px;
}
.text-md-130-f {
font-size: 130px !important;
}
.text-md-132 {
font-size: 132px;
}
.text-md-132-f {
font-size: 132px !important;
}
.text-md-134 {
font-size: 134px;
}
.text-md-134-f {
font-size: 134px !important;
}
.text-md-136 {
font-size: 136px;
}
.text-md-136-f {
font-size: 136px !important;
}
.text-md-138 {
font-size: 138px;
}
.text-md-138-f {
font-size: 138px !important;
}
.text-md-140 {
font-size: 140px;
}
.text-md-140-f {
font-size: 140px !important;
}
.text-md-base {
font-size: 0.875rem;
}
.text-md-bold {
font-weight: 700;
}
.text-md-semibold {
font-weight: 600;
}
.text-md-medium {
font-weight: 500;
}
.text-md-normal {
font-weight: 400;
}
.text-md-light {
font-weight: 300;
}
.text-md-thin {
font-weight: 200;
}
.text-md-xthin {
font-weight: 100;
}
.text-md-center {
text-align: center;
}
.text-md-right {
text-align: right;
}
.text-md-left {
text-align: left;
}
.text-md-center-f {
text-align: center !important;
}
.text-md-right-f {
text-align: right !important;
}
.text-md-left-f {
text-align: left !important;
}
}
@media (min-width: 992px) {
.text-lg-8 {
font-size: 8px;
}
.text-lg-8-f {
font-size: 8px !important;
}
.text-lg-9 {
font-size: 9px;
}
.text-lg-9-f {
font-size: 9px !important;
}
.text-lg-10 {
font-size: 10px;
}
.text-lg-10-f {
font-size: 10px !important;
}
.text-lg-11 {
font-size: 11px;
}
.text-lg-11-f {
font-size: 11px !important;
}
.text-lg-12 {
font-size: 12px;
}
.text-lg-12-f {
font-size: 12px !important;
}
.text-lg-13 {
font-size: 13px;
}
.text-lg-13-f {
font-size: 13px !important;
}
.text-lg-14 {
font-size: 14px;
}
.text-lg-14-f {
font-size: 14px !important;
}
.text-lg-15 {
font-size: 15px;
}
.text-lg-15-f {
font-size: 15px !important;
}
.text-lg-16 {
font-size: 16px;
}
.text-lg-16-f {
font-size: 16px !important;
}
.text-lg-18 {
font-size: 18px;
}
.text-lg-18-f {
font-size: 18px !important;
}
.text-lg-20 {
font-size: 20px;
}
.text-lg-20-f {
font-size: 20px !important;
}
.text-lg-22 {
font-size: 22px;
}
.text-lg-22-f {
font-size: 22px !important;
}
.text-lg-24 {
font-size: 24px;
}
.text-lg-24-f {
font-size: 24px !important;
}
.text-lg-26 {
font-size: 26px;
}
.text-lg-26-f {
font-size: 26px !important;
}
.text-lg-28 {
font-size: 28px;
}
.text-lg-28-f {
font-size: 28px !important;
}
.text-lg-30 {
font-size: 30px;
}
.text-lg-30-f {
font-size: 30px !important;
}
.text-lg-32 {
font-size: 32px;
}
.text-lg-32-f {
font-size: 32px !important;
}
.text-lg-34 {
font-size: 34px;
}
.text-lg-34-f {
font-size: 34px !important;
}
.text-lg-36 {
font-size: 36px;
}
.text-lg-36-f {
font-size: 36px !important;
}
.text-lg-38 {
font-size: 38px;
}
.text-lg-38-f {
font-size: 38px !important;
}
.text-lg-40 {
font-size: 40px;
}
.text-lg-40-f {
font-size: 40px !important;
}
.text-lg-42 {
font-size: 42px;
}
.text-lg-42-f {
font-size: 42px !important;
}
.text-lg-44 {
font-size: 44px;
}
.text-lg-44-f {
font-size: 44px !important;
}
.text-lg-46 {
font-size: 46px;
}
.text-lg-46-f {
font-size: 46px !important;
}
.text-lg-48 {
font-size: 48px;
}
.text-lg-48-f {
font-size: 48px !important;
}
.text-lg-50 {
font-size: 50px;
}
.text-lg-50-f {
font-size: 50px !important;
}
.text-lg-52 {
font-size: 52px;
}
.text-lg-52-f {
font-size: 52px !important;
}
.text-lg-54 {
font-size: 54px;
}
.text-lg-54-f {
font-size: 54px !important;
}
.text-lg-56 {
font-size: 56px;
}
.text-lg-56-f {
font-size: 56px !important;
}
.text-lg-58 {
font-size: 58px;
}
.text-lg-58-f {
font-size: 58px !important;
}
.text-lg-60 {
font-size: 60px;
}
.text-lg-60-f {
font-size: 60px !important;
}
.text-lg-62 {
font-size: 62px;
}
.text-lg-62-f {
font-size: 62px !important;
}
.text-lg-64 {
font-size: 64px;
}
.text-lg-64-f {
font-size: 64px !important;
}
.text-lg-66 {
font-size: 66px;
}
.text-lg-66-f {
font-size: 66px !important;
}
.text-lg-68 {
font-size: 68px;
}
.text-lg-68-f {
font-size: 68px !important;
}
.text-lg-70 {
font-size: 70px;
}
.text-lg-70-f {
font-size: 70px !important;
}
.text-lg-72 {
font-size: 72px;
}
.text-lg-72-f {
font-size: 72px !important;
}
.text-lg-74 {
font-size: 74px;
}
.text-lg-74-f {
font-size: 74px !important;
}
.text-lg-76 {
font-size: 76px;
}
.text-lg-76-f {
font-size: 76px !important;
}
.text-lg-78 {
font-size: 78px;
}
.text-lg-78-f {
font-size: 78px !important;
}
.text-lg-80 {
font-size: 80px;
}
.text-lg-80-f {
font-size: 80px !important;
}
.text-lg-82 {
font-size: 82px;
}
.text-lg-82-f {
font-size: 82px !important;
}
.text-lg-84 {
font-size: 84px;
}
.text-lg-84-f {
font-size: 84px !important;
}
.text-lg-86 {
font-size: 86px;
}
.text-lg-86-f {
font-size: 86px !important;
}
.text-lg-88 {
font-size: 88px;
}
.text-lg-88-f {
font-size: 88px !important;
}
.text-lg-90 {
font-size: 90px;
}
.text-lg-90-f {
font-size: 90px !important;
}
.text-lg-92 {
font-size: 92px;
}
.text-lg-92-f {
font-size: 92px !important;
}
.text-lg-94 {
font-size: 94px;
}
.text-lg-94-f {
font-size: 94px !important;
}
.text-lg-96 {
font-size: 96px;
}
.text-lg-96-f {
font-size: 96px !important;
}
.text-lg-98 {
font-size: 98px;
}
.text-lg-98-f {
font-size: 98px !important;
}
.text-lg-100 {
font-size: 100px;
}
.text-lg-100-f {
font-size: 100px !important;
}
.text-lg-102 {
font-size: 102px;
}
.text-lg-102-f {
font-size: 102px !important;
}
.text-lg-104 {
font-size: 104px;
}
.text-lg-104-f {
font-size: 104px !important;
}
.text-lg-106 {
font-size: 106px;
}
.text-lg-106-f {
font-size: 106px !important;
}
.text-lg-108 {
font-size: 108px;
}
.text-lg-108-f {
font-size: 108px !important;
}
.text-lg-110 {
font-size: 110px;
}
.text-lg-110-f {
font-size: 110px !important;
}
.text-lg-112 {
font-size: 112px;
}
.text-lg-112-f {
font-size: 112px !important;
}
.text-lg-114 {
font-size: 114px;
}
.text-lg-114-f {
font-size: 114px !important;
}
.text-lg-116 {
font-size: 116px;
}
.text-lg-116-f {
font-size: 116px !important;
}
.text-lg-118 {
font-size: 118px;
}
.text-lg-118-f {
font-size: 118px !important;
}
.text-lg-120 {
font-size: 120px;
}
.text-lg-120-f {
font-size: 120px !important;
}
.text-lg-122 {
font-size: 122px;
}
.text-lg-122-f {
font-size: 122px !important;
}
.text-lg-124 {
font-size: 124px;
}
.text-lg-124-f {
font-size: 124px !important;
}
.text-lg-126 {
font-size: 126px;
}
.text-lg-126-f {
font-size: 126px !important;
}
.text-lg-128 {
font-size: 128px;
}
.text-lg-128-f {
font-size: 128px !important;
}
.text-lg-130 {
font-size: 130px;
}
.text-lg-130-f {
font-size: 130px !important;
}
.text-lg-132 {
font-size: 132px;
}
.text-lg-132-f {
font-size: 132px !important;
}
.text-lg-134 {
font-size: 134px;
}
.text-lg-134-f {
font-size: 134px !important;
}
.text-lg-136 {
font-size: 136px;
}
.text-lg-136-f {
font-size: 136px !important;
}
.text-lg-138 {
font-size: 138px;
}
.text-lg-138-f {
font-size: 138px !important;
}
.text-lg-140 {
font-size: 140px;
}
.text-lg-140-f {
font-size: 140px !important;
}
.text-lg-base {
font-size: 0.875rem;
}
.text-lg-bold {
font-weight: 700;
}
.text-lg-semibold {
font-weight: 600;
}
.text-lg-medium {
font-weight: 500;
}
.text-lg-normal {
font-weight: 400;
}
.text-lg-light {
font-weight: 300;
}
.text-lg-thin {
font-weight: 200;
}
.text-lg-xthin {
font-weight: 100;
}
.text-lg-center {
text-align: center;
}
.text-lg-right {
text-align: right;
}
.text-lg-left {
text-align: left;
}
.text-lg-center-f {
text-align: center !important;
}
.text-lg-right-f {
text-align: right !important;
}
.text-lg-left-f {
text-align: left !important;
}
}
@media (min-width: 1200px) {
.text-xl-8 {
font-size: 8px;
}
.text-xl-8-f {
font-size: 8px !important;
}
.text-xl-9 {
font-size: 9px;
}
.text-xl-9-f {
font-size: 9px !important;
}
.text-xl-10 {
font-size: 10px;
}
.text-xl-10-f {
font-size: 10px !important;
}
.text-xl-11 {
font-size: 11px;
}
.text-xl-11-f {
font-size: 11px !important;
}
.text-xl-12 {
font-size: 12px;
}
.text-xl-12-f {
font-size: 12px !important;
}
.text-xl-13 {
font-size: 13px;
}
.text-xl-13-f {
font-size: 13px !important;
}
.text-xl-14 {
font-size: 14px;
}
.text-xl-14-f {
font-size: 14px !important;
}
.text-xl-15 {
font-size: 15px;
}
.text-xl-15-f {
font-size: 15px !important;
}
.text-xl-16 {
font-size: 16px;
}
.text-xl-16-f {
font-size: 16px !important;
}
.text-xl-18 {
font-size: 18px;
}
.text-xl-18-f {
font-size: 18px !important;
}
.text-xl-20 {
font-size: 20px;
}
.text-xl-20-f {
font-size: 20px !important;
}
.text-xl-22 {
font-size: 22px;
}
.text-xl-22-f {
font-size: 22px !important;
}
.text-xl-24 {
font-size: 24px;
}
.text-xl-24-f {
font-size: 24px !important;
}
.text-xl-26 {
font-size: 26px;
}
.text-xl-26-f {
font-size: 26px !important;
}
.text-xl-28 {
font-size: 28px;
}
.text-xl-28-f {
font-size: 28px !important;
}
.text-xl-30 {
font-size: 30px;
}
.text-xl-30-f {
font-size: 30px !important;
}
.text-xl-32 {
font-size: 32px;
}
.text-xl-32-f {
font-size: 32px !important;
}
.text-xl-34 {
font-size: 34px;
}
.text-xl-34-f {
font-size: 34px !important;
}
.text-xl-36 {
font-size: 36px;
}
.text-xl-36-f {
font-size: 36px !important;
}
.text-xl-38 {
font-size: 38px;
}
.text-xl-38-f {
font-size: 38px !important;
}
.text-xl-40 {
font-size: 40px;
}
.text-xl-40-f {
font-size: 40px !important;
}
.text-xl-42 {
font-size: 42px;
}
.text-xl-42-f {
font-size: 42px !important;
}
.text-xl-44 {
font-size: 44px;
}
.text-xl-44-f {
font-size: 44px !important;
}
.text-xl-46 {
font-size: 46px;
}
.text-xl-46-f {
font-size: 46px !important;
}
.text-xl-48 {
font-size: 48px;
}
.text-xl-48-f {
font-size: 48px !important;
}
.text-xl-50 {
font-size: 50px;
}
.text-xl-50-f {
font-size: 50px !important;
}
.text-xl-52 {
font-size: 52px;
}
.text-xl-52-f {
font-size: 52px !important;
}
.text-xl-54 {
font-size: 54px;
}
.text-xl-54-f {
font-size: 54px !important;
}
.text-xl-56 {
font-size: 56px;
}
.text-xl-56-f {
font-size: 56px !important;
}
.text-xl-58 {
font-size: 58px;
}
.text-xl-58-f {
font-size: 58px !important;
}
.text-xl-60 {
font-size: 60px;
}
.text-xl-60-f {
font-size: 60px !important;
}
.text-xl-62 {
font-size: 62px;
}
.text-xl-62-f {
font-size: 62px !important;
}
.text-xl-64 {
font-size: 64px;
}
.text-xl-64-f {
font-size: 64px !important;
}
.text-xl-66 {
font-size: 66px;
}
.text-xl-66-f {
font-size: 66px !important;
}
.text-xl-68 {
font-size: 68px;
}
.text-xl-68-f {
font-size: 68px !important;
}
.text-xl-70 {
font-size: 70px;
}
.text-xl-70-f {
font-size: 70px !important;
}
.text-xl-72 {
font-size: 72px;
}
.text-xl-72-f {
font-size: 72px !important;
}
.text-xl-74 {
font-size: 74px;
}
.text-xl-74-f {
font-size: 74px !important;
}
.text-xl-76 {
font-size: 76px;
}
.text-xl-76-f {
font-size: 76px !important;
}
.text-xl-78 {
font-size: 78px;
}
.text-xl-78-f {
font-size: 78px !important;
}
.text-xl-80 {
font-size: 80px;
}
.text-xl-80-f {
font-size: 80px !important;
}
.text-xl-82 {
font-size: 82px;
}
.text-xl-82-f {
font-size: 82px !important;
}
.text-xl-84 {
font-size: 84px;
}
.text-xl-84-f {
font-size: 84px !important;
}
.text-xl-86 {
font-size: 86px;
}
.text-xl-86-f {
font-size: 86px !important;
}
.text-xl-88 {
font-size: 88px;
}
.text-xl-88-f {
font-size: 88px !important;
}
.text-xl-90 {
font-size: 90px;
}
.text-xl-90-f {
font-size: 90px !important;
}
.text-xl-92 {
font-size: 92px;
}
.text-xl-92-f {
font-size: 92px !important;
}
.text-xl-94 {
font-size: 94px;
}
.text-xl-94-f {
font-size: 94px !important;
}
.text-xl-96 {
font-size: 96px;
}
.text-xl-96-f {
font-size: 96px !important;
}
.text-xl-98 {
font-size: 98px;
}
.text-xl-98-f {
font-size: 98px !important;
}
.text-xl-100 {
font-size: 100px;
}
.text-xl-100-f {
font-size: 100px !important;
}
.text-xl-102 {
font-size: 102px;
}
.text-xl-102-f {
font-size: 102px !important;
}
.text-xl-104 {
font-size: 104px;
}
.text-xl-104-f {
font-size: 104px !important;
}
.text-xl-106 {
font-size: 106px;
}
.text-xl-106-f {
font-size: 106px !important;
}
.text-xl-108 {
font-size: 108px;
}
.text-xl-108-f {
font-size: 108px !important;
}
.text-xl-110 {
font-size: 110px;
}
.text-xl-110-f {
font-size: 110px !important;
}
.text-xl-112 {
font-size: 112px;
}
.text-xl-112-f {
font-size: 112px !important;
}
.text-xl-114 {
font-size: 114px;
}
.text-xl-114-f {
font-size: 114px !important;
}
.text-xl-116 {
font-size: 116px;
}
.text-xl-116-f {
font-size: 116px !important;
}
.text-xl-118 {
font-size: 118px;
}
.text-xl-118-f {
font-size: 118px !important;
}
.text-xl-120 {
font-size: 120px;
}
.text-xl-120-f {
font-size: 120px !important;
}
.text-xl-122 {
font-size: 122px;
}
.text-xl-122-f {
font-size: 122px !important;
}
.text-xl-124 {
font-size: 124px;
}
.text-xl-124-f {
font-size: 124px !important;
}
.text-xl-126 {
font-size: 126px;
}
.text-xl-126-f {
font-size: 126px !important;
}
.text-xl-128 {
font-size: 128px;
}
.text-xl-128-f {
font-size: 128px !important;
}
.text-xl-130 {
font-size: 130px;
}
.text-xl-130-f {
font-size: 130px !important;
}
.text-xl-132 {
font-size: 132px;
}
.text-xl-132-f {
font-size: 132px !important;
}
.text-xl-134 {
font-size: 134px;
}
.text-xl-134-f {
font-size: 134px !important;
}
.text-xl-136 {
font-size: 136px;
}
.text-xl-136-f {
font-size: 136px !important;
}
.text-xl-138 {
font-size: 138px;
}
.text-xl-138-f {
font-size: 138px !important;
}
.text-xl-140 {
font-size: 140px;
}
.text-xl-140-f {
font-size: 140px !important;
}
.text-xl-base {
font-size: 0.875rem;
}
.text-xl-bold {
font-weight: 700;
}
.text-xl-semibold {
font-weight: 600;
}
.text-xl-medium {
font-weight: 500;
}
.text-xl-normal {
font-weight: 400;
}
.text-xl-light {
font-weight: 300;
}
.text-xl-thin {
font-weight: 200;
}
.text-xl-xthin {
font-weight: 100;
}
.text-xl-center {
text-align: center;
}
.text-xl-right {
text-align: right;
}
.text-xl-left {
text-align: left;
}
.text-xl-center-f {
text-align: center !important;
}
.text-xl-right-f {
text-align: right !important;
}
.text-xl-left-f {
text-align: left !important;
}
}
/*---- weight ----*/
.text-bold {
font-weight: 700;
}
.text-semibold {
font-weight: 600;
}
.text-medium {
font-weight: 500;
}
.text-normal {
font-weight: 400;
}
.text-light {
font-weight: 300;
}
.text-thin {
font-weight: 200;
}
.text-xthin {
font-weight: 100;
}
/*--- letter spacing ---*/
.text-spacing-1 {
letter-spacing: 0.5px;
}
.text-spacing-2 {
letter-spacing: 1px;
}
.text-spacing-3 {
letter-spacing: 1.5px;
}
.text-spacing-4 {
letter-spacing: 2px;
}
.text-spacing-5 {
letter-spacing: 2.5px;
}
.text-spacing-6 {
letter-spacing: 3px;
}
.text-spacing-7 {
letter-spacing: 3.5px;
}
.text-spacing-8 {
letter-spacing: 4px;
}
.text-spacing--1 {
letter-spacing: -0.5px;
}
.text-spacing--2 {
letter-spacing: -1px;
}
.text-spacing--3 {
letter-spacing: -1.5px;
}
.text-spacing--4 {
letter-spacing: -2px;
}
.text-spacing--5 {
letter-spacing: -2.5px;
}
.text-spacing--6 {
letter-spacing: -3px;
}
.text-spacing--7 {
letter-spacing: -3.5px;
}
.text-spacing--8 {
letter-spacing: -4px;
}
/*--- line height ---*/
.line-height-base {
line-height: 1.5rem;
}
.line-height-normal {
line-height: normalrem;
}
.line-height-0 {
line-height: 0rem;
}
.line-height--1 {
line-height: 0.1rem;
}
.line-height--2 {
line-height: 0.2rem;
}
.line-height--3 {
line-height: 0.3rem;
}
.line-height--4 {
line-height: 0.4rem;
}
.line-height--5 {
line-height: 0.5rem;
}
.line-height--6 {
line-height: 0.6rem;
}
.line-height--7 {
line-height: 0.7rem;
}
.line-height--8 {
line-height: 0.8rem;
}
.line-height--9 {
line-height: 0.9rem;
}
.line-height-1 {
line-height: 1.1rem;
}
.line-height-2 {
line-height: 1.2rem;
}
.line-height-3 {
line-height: 1.3rem;
}
.line-height-4 {
line-height: 1.4rem;
}
.line-height-5 {
line-height: 1.5rem;
}
.line-height-6 {
line-height: 1.6rem;
}
.line-height-7 {
line-height: 1.7rem;
}
.line-height-8 {
line-height: 1.8rem;
}
.line-height-9 {
line-height: 1.9rem;
}
.line-height-10 {
line-height: 2rem;
}
.line-height-11 {
line-height: 2.1rem;
}
.line-height-12 {
line-height: 2.2rem;
}
.line-height-13 {
line-height: 2.3rem;
}
.line-height-14 {
line-height: 2.4rem;
}
.line-height-15 {
line-height: 2.5rem;
}
@media (min-width: 480px) {
.line-height-xs-0 {
line-height: 0rem;
}
.line-height-xs-1 {
line-height: 1.1rem;
}
.line-height-xs-2 {
line-height: 1.2rem;
}
.line-height-xs-3 {
line-height: 1.3rem;
}
.line-height-xs-4 {
line-height: 1.4rem;
}
.line-height-xs-5 {
line-height: 1.5rem;
}
.line-height-xs-6 {
line-height: 1.6rem;
}
.line-height-xs-7 {
line-height: 1.7rem;
}
.line-height-xs-8 {
line-height: 1.8rem;
}
.line-height-xs-9 {
line-height: 1.9rem;
}
.line-height-xs-10 {
line-height: 2rem;
}
.line-height-xs-11 {
line-height: 2.1rem;
}
.line-height-xs-12 {
line-height: 2.2rem;
}
.line-height-xs-13 {
line-height: 2.3rem;
}
.line-height-xs-14 {
line-height: 2.4rem;
}
.line-height-xs-15 {
line-height: 2.5rem;
}
}
@media (min-width: 576px) {
.line-height-sm-0 {
line-height: 0rem;
}
.line-height-sm-1 {
line-height: 1.1rem;
}
.line-height-sm-2 {
line-height: 1.2rem;
}
.line-height-sm-3 {
line-height: 1.3rem;
}
.line-height-sm-4 {
line-height: 1.4rem;
}
.line-height-sm-5 {
line-height: 1.5rem;
}
.line-height-sm-6 {
line-height: 1.6rem;
}
.line-height-sm-7 {
line-height: 1.7rem;
}
.line-height-sm-8 {
line-height: 1.8rem;
}
.line-height-sm-9 {
line-height: 1.9rem;
}
.line-height-sm-10 {
line-height: 2rem;
}
.line-height-sm-11 {
line-height: 2.1rem;
}
.line-height-sm-12 {
line-height: 2.2rem;
}
.line-height-sm-13 {
line-height: 2.3rem;
}
.line-height-sm-14 {
line-height: 2.4rem;
}
.line-height-sm-15 {
line-height: 2.5rem;
}
}
@media (min-width: 768px) {
.line-height-md-1 {
line-height: 1.1rem;
}
.line-height-md-2 {
line-height: 1.2rem;
}
.line-height-md-3 {
line-height: 1.3rem;
}
.line-height-md-4 {
line-height: 1.4rem;
}
.line-height-md-5 {
line-height: 1.5rem;
}
.line-height-md-6 {
line-height: 1.6rem;
}
.line-height-md-7 {
line-height: 1.7rem;
}
.line-height-md-8 {
line-height: 1.8rem;
}
.line-height-md-9 {
line-height: 1.9rem;
}
.line-height-md-10 {
line-height: 2rem;
}
.line-height-md-11 {
line-height: 2.1rem;
}
.line-height-md-12 {
line-height: 2.2rem;
}
.line-height-md-13 {
line-height: 2.3rem;
}
.line-height-md-14 {
line-height: 2.4rem;
}
.line-height-md-15 {
line-height: 2.5rem;
}
}
@media (min-width: 992px) {
.line-height-lg-0 {
line-height: 0rem;
}
.line-height-lg-1 {
line-height: 1.1rem;
}
.line-height-lg-2 {
line-height: 1.2rem;
}
.line-height-lg-3 {
line-height: 1.3rem;
}
.line-height-lg-4 {
line-height: 1.4rem;
}
.line-height-lg-5 {
line-height: 1.5rem;
}
.line-height-lg-6 {
line-height: 1.6rem;
}
.line-height-lg-7 {
line-height: 1.7rem;
}
.line-height-lg-8 {
line-height: 1.8rem;
}
.line-height-lg-9 {
line-height: 1.9rem;
}
.line-height-lg-10 {
line-height: 2rem;
}
.line-height-lg-11 {
line-height: 2.1rem;
}
.line-height-lg-12 {
line-height: 2.2rem;
}
.line-height-lg-13 {
line-height: 2.3rem;
}
.line-height-lg-14 {
line-height: 2.4rem;
}
.line-height-lg-15 {
line-height: 2.5rem;
}
}
@media (min-width: 1200px) {
.line-height-xl-0 {
line-height: 0rem;
}
.line-height-xl-1 {
line-height: 1.1rem;
}
.line-height-xl-2 {
line-height: 1.2rem;
}
.line-height-xl-3 {
line-height: 1.3rem;
}
.line-height-xl-4 {
line-height: 1.4rem;
}
.line-height-xl-5 {
line-height: 1.5rem;
}
.line-height-xl-6 {
line-height: 1.6rem;
}
.line-height-xl-7 {
line-height: 1.7rem;
}
.line-height-xl-8 {
line-height: 1.8rem;
}
.line-height-xl-9 {
line-height: 1.9rem;
}
.line-height-xl-10 {
line-height: 2rem;
}
.line-height-xl-11 {
line-height: 2.1rem;
}
.line-height-xl-12 {
line-height: 2.2rem;
}
.line-height-xl-13 {
line-height: 2.3rem;
}
.line-height-xl-14 {
line-height: 2.4rem;
}
.line-height-xl-15 {
line-height: 2.5rem;
}
}
.fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
/*--------- Width--------------*/
.w-auto {
width: auto !important;
}
.w-0 {
width: 0 !important;
}
.mw-100 {
max-width: 100% !important;
}
.minw-100 {
min-width: 100% !important;
}
.w-icn {
width: 1.45rem !important;
}
.w-inner-icn {
width: 1.2rem !important;
}
.wv-100 {
width: 100v !important;
}
/*----- Width in % -----*/
.wp-1 {
width: 1% !important;
}
.wp-2 {
width: 2% !important;
}
.wp-3 {
width: 3% !important;
}
.wp-4 {
width: 4% !important;
}
.wp-5 {
width: 5% !important;
}
.wp-6 {
width: 6% !important;
}
.wp-7 {
width: 7% !important;
}
.wp-8 {
width: 8% !important;
}
.wp-9 {
width: 9% !important;
}
.wp-10 {
width: 10% !important;
}
.wp-15 {
width: 15% !important;
}
.wp-20 {
width: 20% !important;
}
.wp-21 {
width: 21% !important;
}
.wp-22 {
width: 22% !important;
}
.wp-23 {
width: 23% !important;
}
.wp-24 {
width: 24% !important;
}
.wp-25 {
width: 25% !important;
}
.wp-26 {
width: 26% !important;
}
.wp-27 {
width: 27% !important;
}
.wp-28 {
width: 28% !important;
}
.wp-29 {
width: 29% !important;
}
.wp-30 {
width: 30% !important;
}
.wp-31 {
width: 31% !important;
}
.wp-32 {
width: 32% !important;
}
.wp-33 {
width: 33% !important;
}
.wp-34 {
width: 34% !important;
}
.wp-35 {
width: 35% !important;
}
.wp-36 {
width: 36% !important;
}
.wp-37 {
width: 37% !important;
}
.wp-38 {
width: 38% !important;
}
.wp-39 {
width: 39% !important;
}
.wp-40 {
width: 40% !important;
}
.wp-41 {
width: 41% !important;
}
.wp-42 {
width: 42% !important;
}
.wp-43 {
width: 43% !important;
}
.wp-44 {
width: 44% !important;
}
.wp-45 {
width: 45% !important;
}
.wp-46 {
width: 46% !important;
}
.wp-47 {
width: 47% !important;
}
.wp-48 {
width: 48% !important;
}
.wp-49 {
width: 49% !important;
}
.wp-50 {
width: 50% !important;
}
.wp-51 {
width: 51% !important;
}
.wp-52 {
width: 52% !important;
}
.wp-53 {
width: 53% !important;
}
.wp-54 {
width: 54% !important;
}
.wp-55 {
width: 55% !important;
}
.wp-56 {
width: 56% !important;
}
.wp-57 {
width: 57% !important;
}
.wp-58 {
width: 58% !important;
}
.wp-59 {
width: 59% !important;
}
.wp-60 {
width: 60% !important;
}
.wp-61 {
width: 61% !important;
}
.wp-62 {
width: 62% !important;
}
.wp-63 {
width: 63% !important;
}
.wp-64 {
width: 64% !important;
}
.wp-65 {
width: 65% !important;
}
.wp-66 {
width: 66% !important;
}
.wp-67 {
width: 67% !important;
}
.wp-68 {
width: 68% !important;
}
.wp-69 {
width: 69% !important;
}
.wp-70 {
width: 70% !important;
}
.wp-71 {
width: 71% !important;
}
.wp-72 {
width: 72% !important;
}
.wp-73 {
width: 73% !important;
}
.wp-74 {
width: 74% !important;
}
.wp-75 {
width: 75% !important;
}
.wp-76 {
width: 76% !important;
}
.wp-77 {
width: 77% !important;
}
.wp-78 {
width: 78% !important;
}
.wp-79 {
width: 79% !important;
}
.wp-80 {
width: 80% !important;
}
.wp-81 {
width: 81% !important;
}
.wp-82 {
width: 82% !important;
}
.wp-83 {
width: 83% !important;
}
.wp-84 {
width: 84% !important;
}
.wp-85 {
width: 85% !important;
}
.wp-86 {
width: 86% !important;
}
.wp-87 {
width: 87% !important;
}
.wp-88 {
width: 88% !important;
}
.wp-89 {
width: 89% !important;
}
.wp-90 {
width: 90% !important;
}
.wp-91 {
width: 91% !important;
}
.wp-92 {
width: 92% !important;
}
.wp-93 {
width: 93% !important;
}
.wp-94 {
width: 94% !important;
}
.wp-95 {
width: 95% !important;
}
.wp-96 {
width: 96% !important;
}
.wp-97 {
width: 97% !important;
}
.wp-98 {
width: 98% !important;
}
.wp-99 {
width: 99% !important;
}
.wp-100 {
width: 100% !important;
}
.wp-101 {
width: 101% !important;
}
.wp-102 {
width: 102% !important;
}
.wp-103 {
width: 103% !important;
}
.wp-104 {
width: 104% !important;
}
.wp-105 {
width: 105% !important;
}
.wp-106 {
width: 106% !important;
}
.wp-107 {
width: 107% !important;
}
.wp-108 {
width: 108% !important;
}
.wp-109 {
width: 109% !important;
}
.wp-110 {
width: 110% !important;
}
.wp-111 {
width: 111% !important;
}
.wp-112 {
width: 112% !important;
}
.wp-113 {
width: 113% !important;
}
.wp-114 {
width: 114% !important;
}
.wp-115 {
width: 115% !important;
}
.wp-116 {
width: 116% !important;
}
.wp-117 {
width: 117% !important;
}
.wp-118 {
width: 118% !important;
}
.wp-119 {
width: 119% !important;
}
.wp-120 {
width: 120% !important;
}
.wp-121 {
width: 121% !important;
}
.wp-122 {
width: 122% !important;
}
.wp-123 {
width: 123% !important;
}
.wp-124 {
width: 124% !important;
}
.wp-125 {
width: 125% !important;
}
.wp-126 {
width: 126% !important;
}
.wp-127 {
width: 127% !important;
}
.wp-128 {
width: 128% !important;
}
.wp-129 {
width: 129% !important;
}
.wp-130 {
width: 130% !important;
}
.wp-131 {
width: 131% !important;
}
.wp-132 {
width: 132% !important;
}
.wp-133 {
width: 133% !important;
}
.wp-134 {
width: 134% !important;
}
.wp-135 {
width: 135% !important;
}
.wp-136 {
width: 136% !important;
}
.wp-137 {
width: 137% !important;
}
.wp-138 {
width: 138% !important;
}
.wp-139 {
width: 139% !important;
}
.wp-140 {
width: 140% !important;
}
.wp-141 {
width: 141% !important;
}
.wp-142 {
width: 142% !important;
}
.wp-143 {
width: 143% !important;
}
.wp-144 {
width: 144% !important;
}
.wp-145 {
width: 145% !important;
}
.wp-146 {
width: 146% !important;
}
.wp-147 {
width: 147% !important;
}
.wp-148 {
width: 148% !important;
}
.wp-149 {
width: 149% !important;
}
.wp-150 {
width: 150% !important;
}
.wp-151 {
width: 151% !important;
}
.wp-152 {
width: 152% !important;
}
.wp-153 {
width: 153% !important;
}
.wp-154 {
width: 154% !important;
}
.wp-155 {
width: 155% !important;
}
.wp-156 {
width: 156% !important;
}
.wp-157 {
width: 157% !important;
}
.wp-158 {
width: 158% !important;
}
.wp-159 {
width: 159% !important;
}
.wp-160 {
width: 160% !important;
}
.wp-161 {
width: 161% !important;
}
.wp-162 {
width: 162% !important;
}
.wp-163 {
width: 163% !important;
}
.wp-164 {
width: 164% !important;
}
.wp-165 {
width: 165% !important;
}
.wp-166 {
width: 166% !important;
}
.wp-167 {
width: 167% !important;
}
.wp-168 {
width: 168% !important;
}
.wp-169 {
width: 169% !important;
}
.wp-170 {
width: 170% !important;
}
.wp-171 {
width: 171% !important;
}
.wp-172 {
width: 172% !important;
}
.wp-173 {
width: 173% !important;
}
.wp-174 {
width: 174% !important;
}
.wp-175 {
width: 175% !important;
}
.wp-176 {
width: 176% !important;
}
.wp-177 {
width: 177% !important;
}
.wp-178 {
width: 178% !important;
}
.wp-179 {
width: 179% !important;
}
.wp-180 {
width: 180% !important;
}
.wp-181 {
width: 181% !important;
}
.wp-182 {
width: 182% !important;
}
.wp-183 {
width: 183% !important;
}
.wp-184 {
width: 184% !important;
}
.wp-185 {
width: 185% !important;
}
.wp-186 {
width: 186% !important;
}
.wp-187 {
width: 187% !important;
}
.wp-188 {
width: 188% !important;
}
.wp-189 {
width: 189% !important;
}
.wp-190 {
width: 190% !important;
}
.wp-191 {
width: 191% !important;
}
.wp-192 {
width: 192% !important;
}
.wp-193 {
width: 193% !important;
}
.wp-194 {
width: 194% !important;
}
.wp-195 {
width: 195% !important;
}
.wp-196 {
width: 196% !important;
}
.wp-197 {
width: 197% !important;
}
.wp-198 {
width: 198% !important;
}
.wp-199 {
width: 199% !important;
}
.wp-200 {
width: 200% !important;
}
/*----- Width in px -----*/
.wpx-1 {
width: 1px !important;
}
.wpx-2 {
width: 2px !important;
}
.wpx-3 {
width: 3px !important;
}
.wpx-4 {
width: 4px !important;
}
.wpx-5 {
width: 5px !important;
}
.wpx-6 {
width: 6px !important;
}
.wpx-7 {
width: 7px !important;
}
.wpx-8 {
width: 8px !important;
}
.wpx-9 {
width: 9px !important;
}
.wpx-10 {
width: 10px !important;
}
.wpx-15 {
width: 15px !important;
}
.wpx-20 {
width: 20px !important;
}
.wpx-21 {
width: 21px !important;
}
.wpx-22 {
width: 22px !important;
}
.wpx-23 {
width: 23px !important;
}
.wpx-24 {
width: 24px !important;
}
.wpx-25 {
width: 25px !important;
}
.wpx-26 {
width: 26px !important;
}
.wpx-27 {
width: 27px !important;
}
.wpx-28 {
width: 28px !important;
}
.wpx-29 {
width: 29px !important;
}
.wpx-30 {
width: 30px !important;
}
.wpx-31 {
width: 31px !important;
}
.wpx-32 {
width: 32px !important;
}
.wpx-33 {
width: 33px !important;
}
.wpx-34 {
width: 34px !important;
}
.wpx-35 {
width: 35px !important;
}
.wpx-36 {
width: 36px !important;
}
.wpx-37 {
width: 37px !important;
}
.wpx-38 {
width: 38px !important;
}
.wpx-39 {
width: 39px !important;
}
.wpx-40 {
width: 40px !important;
}
.wpx-41 {
width: 41px !important;
}
.wpx-42 {
width: 42px !important;
}
.wpx-43 {
width: 43px !important;
}
.wpx-44 {
width: 44px !important;
}
.wpx-45 {
width: 45px !important;
}
.wpx-46 {
width: 46px !important;
}
.wpx-47 {
width: 47px !important;
}
.wpx-48 {
width: 48px !important;
}
.wpx-49 {
width: 49px !important;
}
.wpx-50 {
width: 50px !important;
}
.wpx-51 {
width: 51px !important;
}
.wpx-52 {
width: 52px !important;
}
.wpx-53 {
width: 53px !important;
}
.wpx-54 {
width: 54px !important;
}
.wpx-55 {
width: 55px !important;
}
.wpx-56 {
width: 56px !important;
}
.wpx-57 {
width: 57px !important;
}
.wpx-58 {
width: 58px !important;
}
.wpx-59 {
width: 59px !important;
}
.wpx-60 {
width: 60px !important;
}
.wpx-61 {
width: 61px !important;
}
.wpx-62 {
width: 62px !important;
}
.wpx-63 {
width: 63px !important;
}
.wpx-64 {
width: 64px !important;
}
.wpx-65 {
width: 65px !important;
}
.wpx-66 {
width: 66px !important;
}
.wpx-67 {
width: 67px !important;
}
.wpx-68 {
width: 68px !important;
}
.wpx-69 {
width: 69px !important;
}
.wpx-70 {
width: 70px !important;
}
.wpx-71 {
width: 71px !important;
}
.wpx-72 {
width: 72px !important;
}
.wpx-73 {
width: 73px !important;
}
.wpx-74 {
width: 74px !important;
}
.wpx-75 {
width: 75px !important;
}
.wpx-76 {
width: 76px !important;
}
.wpx-77 {
width: 77px !important;
}
.wpx-78 {
width: 78px !important;
}
.wpx-79 {
width: 79px !important;
}
.wpx-80 {
width: 80px !important;
}
.wpx-81 {
width: 81px !important;
}
.wpx-82 {
width: 82px !important;
}
.wpx-83 {
width: 83px !important;
}
.wpx-84 {
width: 84px !important;
}
.wpx-85 {
width: 85px !important;
}
.wpx-86 {
width: 86px !important;
}
.wpx-87 {
width: 87px !important;
}
.wpx-88 {
width: 88px !important;
}
.wpx-89 {
width: 89px !important;
}
.wpx-90 {
width: 90px !important;
}
.wpx-91 {
width: 91px !important;
}
.wpx-92 {
width: 92px !important;
}
.wpx-93 {
width: 93px !important;
}
.wpx-94 {
width: 94px !important;
}
.wpx-95 {
width: 95px !important;
}
.wpx-96 {
width: 96px !important;
}
.wpx-97 {
width: 97px !important;
}
.wpx-98 {
width: 98px !important;
}
.wpx-99 {
width: 99px !important;
}
.wpx-100 {
width: 100px !important;
}
.wpx-101 {
width: 101px !important;
}
.wpx-102 {
width: 102px !important;
}
.wpx-103 {
width: 103px !important;
}
.wpx-104 {
width: 104px !important;
}
.wpx-105 {
width: 105px !important;
}
.wpx-106 {
width: 106px !important;
}
.wpx-107 {
width: 107px !important;
}
.wpx-108 {
width: 108px !important;
}
.wpx-109 {
width: 109px !important;
}
.wpx-150 {
width: 150px !important;
}
.wpx-151 {
width: 151px !important;
}
.wpx-152 {
width: 152px !important;
}
.wpx-153 {
width: 153px !important;
}
.wpx-154 {
width: 154px !important;
}
.wpx-155 {
width: 155px !important;
}
.wpx-156 {
width: 156px !important;
}
.wpx-157 {
width: 157px !important;
}
.wpx-158 {
width: 158px !important;
}
.wpx-159 {
width: 159px !important;
}
.wpx-200 {
width: 200px !important;
}
/*----- Width in rem -----*/
.wrem-1 {
width: 1rem !important;
}
.wrem-2 {
width: 2rem !important;
}
.wrem-3 {
width: 3rem !important;
}
.wrem-4 {
width: 4rem !important;
}
.wrem-5 {
width: 5rem !important;
}
.wrem-6 {
width: 6rem !important;
}
.wrem-7 {
width: 7rem !important;
}
.wrem-8 {
width: 8rem !important;
}
.wrem-9 {
width: 9rem !important;
}
.wrem-10 {
width: 10rem !important;
}
.wrem-15 {
width: 15rem !important;
}
.wrem-20 {
width: 20rem !important;
}
.wrem-21 {
width: 21rem !important;
}
.wrem-22 {
width: 22rem !important;
}
.wrem-23 {
width: 23rem !important;
}
.wrem-24 {
width: 24rem !important;
}
.wrem-25 {
width: 25rem !important;
}
.wrem-26 {
width: 26rem !important;
}
.wrem-27 {
width: 27rem !important;
}
.wrem-28 {
width: 28rem !important;
}
.wrem-29 {
width: 29rem !important;
}
.wrem-30 {
width: 30rem !important;
}
.wrem-31 {
width: 31rem !important;
}
.wrem-32 {
width: 32rem !important;
}
.wrem-33 {
width: 33rem !important;
}
.wrem-34 {
width: 34rem !important;
}
.wrem-35 {
width: 35rem !important;
}
.wrem-36 {
width: 36rem !important;
}
.wrem-37 {
width: 37rem !important;
}
.wrem-38 {
width: 38rem !important;
}
.wrem-39 {
width: 39rem !important;
}
.wrem-40 {
width: 40rem !important;
}
.wrem-41 {
width: 41rem !important;
}
.wrem-42 {
width: 42rem !important;
}
.wrem-43 {
width: 43rem !important;
}
.wrem-44 {
width: 44rem !important;
}
.wrem-45 {
width: 45rem !important;
}
.wrem-46 {
width: 46rem !important;
}
.wrem-47 {
width: 47rem !important;
}
.wrem-48 {
width: 48rem !important;
}
.wrem-49 {
width: 49rem !important;
}
.wrem-50 {
width: 50rem !important;
}
.wrem-51 {
width: 51rem !important;
}
.wrem-52 {
width: 52rem !important;
}
.wrem-53 {
width: 53rem !important;
}
.wrem-54 {
width: 54rem !important;
}
.wrem-55 {
width: 55rem !important;
}
.wrem-56 {
width: 56rem !important;
}
.wrem-57 {
width: 57rem !important;
}
.wrem-58 {
width: 58rem !important;
}
.wrem-59 {
width: 59rem !important;
}
.wrem-60 {
width: 60rem !important;
}
.wrem-61 {
width: 61rem !important;
}
.wrem-62 {
width: 62rem !important;
}
.wrem-63 {
width: 63rem !important;
}
.wrem-64 {
width: 64rem !important;
}
.wrem-65 {
width: 65rem !important;
}
.wrem-66 {
width: 66rem !important;
}
.wrem-67 {
width: 67rem !important;
}
.wrem-68 {
width: 68rem !important;
}
.wrem-69 {
width: 69rem !important;
}
.wrem-70 {
width: 70rem !important;
}
.wrem-71 {
width: 71rem !important;
}
.wrem-72 {
width: 72rem !important;
}
.wrem-73 {
width: 73rem !important;
}
.wrem-74 {
width: 74rem !important;
}
.wrem-75 {
width: 75rem !important;
}
.wrem-76 {
width: 76rem !important;
}
.wrem-77 {
width: 77rem !important;
}
.wrem-78 {
width: 78rem !important;
}
.wrem-79 {
width: 79rem !important;
}
.wrem-80 {
width: 80rem !important;
}
.wrem-81 {
width: 81rem !important;
}
.wrem-82 {
width: 82rem !important;
}
.wrem-83 {
width: 83rem !important;
}
.wrem-84 {
width: 84rem !important;
}
.wrem-85 {
width: 85rem !important;
}
.wrem-86 {
width: 86rem !important;
}
.wrem-87 {
width: 87rem !important;
}
.wrem-88 {
width: 88rem !important;
}
.wrem-89 {
width: 89rem !important;
}
.wrem-90 {
width: 90rem !important;
}
.wrem-91 {
width: 91rem !important;
}
.wrem-92 {
width: 92rem !important;
}
.wrem-93 {
width: 93rem !important;
}
.wrem-94 {
width: 94rem !important;
}
.wrem-95 {
width: 95rem !important;
}
.wrem-96 {
width: 96rem !important;
}
.wrem-97 {
width: 97rem !important;
}
.wrem-98 {
width: 98rem !important;
}
.wrem-99 {
width: 99rem !important;
}
.wrem-100 {
width: 100rem !important;
}
.wrem-1-1 {
width: 1.1rem !important;
}
.wrem-2-1 {
width: 2.1rem !important;
}
.wrem-3-1 {
width: 3.1rem !important;
}
.wrem-4-1 {
width: 4.1rem !important;
}
.wrem-5-1 {
width: 5.1rem !important;
}
.wrem-6-1 {
width: 6.1rem !important;
}
.wrem-7-1 {
width: 7.1rem !important;
}
.wrem-8-1 {
width: 8.1rem !important;
}
.wrem-9-1 {
width: 9.1rem !important;
}
.wrem-10-1 {
width: 10.1rem !important;
}
.wrem-15-1 {
width: 15.1rem !important;
}
.wrem-20-1 {
width: 20.1rem !important;
}
.wrem-21-1 {
width: 21.1rem !important;
}
.wrem-22-1 {
width: 22.1rem !important;
}
.wrem-23-1 {
width: 23.1rem !important;
}
.wrem-24-1 {
width: 24.1rem !important;
}
.wrem-25-1 {
width: 25.1rem !important;
}
.wrem-26-1 {
width: 26.1rem !important;
}
.wrem-27-1 {
width: 27.1rem !important;
}
.wrem-28-1 {
width: 28.1rem !important;
}
.wrem-29-1 {
width: 29.1rem !important;
}
.wrem-30-1 {
width: 30.1rem !important;
}
.wrem-31-1 {
width: 31.1rem !important;
}
.wrem-32-1 {
width: 32.1rem !important;
}
.wrem-33-1 {
width: 33.1rem !important;
}
.wrem-34-1 {
width: 34.1rem !important;
}
.wrem-35-1 {
width: 35.1rem !important;
}
.wrem-36-1 {
width: 36.1rem !important;
}
.wrem-37-1 {
width: 37.1rem !important;
}
.wrem-38-1 {
width: 38.1rem !important;
}
.wrem-39-1 {
width: 39.1rem !important;
}
.wrem-40-1 {
width: 40.1rem !important;
}
.wrem-41-1 {
width: 41.1rem !important;
}
.wrem-42-1 {
width: 42.1rem !important;
}
.wrem-43-1 {
width: 43.1rem !important;
}
.wrem-44-1 {
width: 44.1rem !important;
}
.wrem-45-1 {
width: 45.1rem !important;
}
.wrem-46-1 {
width: 46.1rem !important;
}
.wrem-47-1 {
width: 47.1rem !important;
}
.wrem-48-1 {
width: 48.1rem !important;
}
.wrem-49-1 {
width: 49.1rem !important;
}
.wrem-50-1 {
width: 50.1rem !important;
}
.wrem-51-1 {
width: 51.1rem !important;
}
.wrem-52-1 {
width: 52.1rem !important;
}
.wrem-53-1 {
width: 53.1rem !important;
}
.wrem-54-1 {
width: 54.1rem !important;
}
.wrem-55-1 {
width: 55.1rem !important;
}
.wrem-56-1 {
width: 56.1rem !important;
}
.wrem-57-1 {
width: 57.1rem !important;
}
.wrem-58-1 {
width: 58.1rem !important;
}
.wrem-59-1 {
width: 59.1rem !important;
}
.wrem-60-1 {
width: 60.1rem !important;
}
.wrem-61-1 {
width: 61.1rem !important;
}
.wrem-62-1 {
width: 62.1rem !important;
}
.wrem-63-1 {
width: 63.1rem !important;
}
.wrem-64-1 {
width: 64.1rem !important;
}
.wrem-65-1 {
width: 65.1rem !important;
}
.wrem-66-1 {
width: 66.1rem !important;
}
.wrem-67-1 {
width: 67.1rem !important;
}
.wrem-68-1 {
width: 68.1rem !important;
}
.wrem-69-1 {
width: 69.1rem !important;
}
.wrem-70-1 {
width: 70.1rem !important;
}
.wrem-71-1 {
width: 71.1rem !important;
}
.wrem-72-1 {
width: 72.1rem !important;
}
.wrem-73-1 {
width: 73.1rem !important;
}
.wrem-74-1 {
width: 74.1rem !important;
}
.wrem-75-1 {
width: 75.1rem !important;
}
.wrem-76-1 {
width: 76.1rem !important;
}
.wrem-77-1 {
width: 77.1rem !important;
}
.wrem-78-1 {
width: 78.1rem !important;
}
.wrem-79-1 {
width: 79.1rem !important;
}
.wrem-80-1 {
width: 80.1rem !important;
}
.wrem-81-1 {
width: 81.1rem !important;
}
.wrem-82-1 {
width: 82.1rem !important;
}
.wrem-83-1 {
width: 83.1rem !important;
}
.wrem-84-1 {
width: 84.1rem !important;
}
.wrem-85-1 {
width: 85.1rem !important;
}
.wrem-86-1 {
width: 86.1rem !important;
}
.wrem-87-1 {
width: 87.1rem !important;
}
.wrem-88-1 {
width: 88.1rem !important;
}
.wrem-89-1 {
width: 89.1rem !important;
}
.wrem-90-1 {
width: 90.1rem !important;
}
.wrem-91-1 {
width: 91.1rem !important;
}
.wrem-92-1 {
width: 92.1rem !important;
}
.wrem-93-1 {
width: 93.1rem !important;
}
.wrem-94-1 {
width: 94.1rem !important;
}
.wrem-95-1 {
width: 95.1rem !important;
}
.wrem-96-1 {
width: 96.1rem !important;
}
.wrem-97-1 {
width: 97.1rem !important;
}
.wrem-98-1 {
width: 98.1rem !important;
}
.wrem-99-1 {
width: 99.1rem !important;
}
.wrem-1-15 {
width: 1.15rem !important;
}
.wrem-2-15 {
width: 2.15rem !important;
}
.wrem-3-15 {
width: 3.15rem !important;
}
.wrem-4-15 {
width: 4.15rem !important;
}
.wrem-5-15 {
width: 5.15rem !important;
}
.wrem-6-15 {
width: 6.15rem !important;
}
.wrem-7-15 {
width: 7.15rem !important;
}
.wrem-8-15 {
width: 8.15rem !important;
}
.wrem-9-15 {
width: 9.15rem !important;
}
.wrem-10-15 {
width: 10.15rem !important;
}
.wrem-15-15 {
width: 15.15rem !important;
}
.wrem-20-15 {
width: 20.15rem !important;
}
.wrem-21-15 {
width: 21.15rem !important;
}
.wrem-22-15 {
width: 22.15rem !important;
}
.wrem-23-15 {
width: 23.15rem !important;
}
.wrem-24-15 {
width: 24.15rem !important;
}
.wrem-25-15 {
width: 25.15rem !important;
}
.wrem-26-15 {
width: 26.15rem !important;
}
.wrem-27-15 {
width: 27.15rem !important;
}
.wrem-28-15 {
width: 28.15rem !important;
}
.wrem-29-15 {
width: 29.15rem !important;
}
.wrem-30-15 {
width: 30.15rem !important;
}
.wrem-31-15 {
width: 31.15rem !important;
}
.wrem-32-15 {
width: 32.15rem !important;
}
.wrem-33-15 {
width: 33.15rem !important;
}
.wrem-34-15 {
width: 34.15rem !important;
}
.wrem-35-15 {
width: 35.15rem !important;
}
.wrem-36-15 {
width: 36.15rem !important;
}
.wrem-37-15 {
width: 37.15rem !important;
}
.wrem-38-15 {
width: 38.15rem !important;
}
.wrem-39-15 {
width: 39.15rem !important;
}
.wrem-40-15 {
width: 40.15rem !important;
}
.wrem-41-15 {
width: 41.15rem !important;
}
.wrem-42-15 {
width: 42.15rem !important;
}
.wrem-43-15 {
width: 43.15rem !important;
}
.wrem-44-15 {
width: 44.15rem !important;
}
.wrem-45-15 {
width: 45.15rem !important;
}
.wrem-46-15 {
width: 46.15rem !important;
}
.wrem-47-15 {
width: 47.15rem !important;
}
.wrem-48-15 {
width: 48.15rem !important;
}
.wrem-49-15 {
width: 49.15rem !important;
}
.wrem-50-15 {
width: 50.15rem !important;
}
.wrem-51-15 {
width: 51.15rem !important;
}
.wrem-52-15 {
width: 52.15rem !important;
}
.wrem-53-15 {
width: 53.15rem !important;
}
.wrem-54-15 {
width: 54.15rem !important;
}
.wrem-55-15 {
width: 55.15rem !important;
}
.wrem-56-15 {
width: 56.15rem !important;
}
.wrem-57-15 {
width: 57.15rem !important;
}
.wrem-58-15 {
width: 58.15rem !important;
}
.wrem-59-15 {
width: 59.15rem !important;
}
.wrem-60-15 {
width: 60.15rem !important;
}
.wrem-61-15 {
width: 61.15rem !important;
}
.wrem-62-15 {
width: 62.15rem !important;
}
.wrem-63-15 {
width: 63.15rem !important;
}
.wrem-64-15 {
width: 64.15rem !important;
}
.wrem-65-15 {
width: 65.15rem !important;
}
.wrem-66-15 {
width: 66.15rem !important;
}
.wrem-67-15 {
width: 67.15rem !important;
}
.wrem-68-15 {
width: 68.15rem !important;
}
.wrem-69-15 {
width: 69.15rem !important;
}
.wrem-70-15 {
width: 70.15rem !important;
}
.wrem-71-15 {
width: 71.15rem !important;
}
.wrem-72-15 {
width: 72.15rem !important;
}
.wrem-73-15 {
width: 73.15rem !important;
}
.wrem-74-15 {
width: 74.15rem !important;
}
.wrem-75-15 {
width: 75.15rem !important;
}
.wrem-76-15 {
width: 76.15rem !important;
}
.wrem-77-15 {
width: 77.15rem !important;
}
.wrem-78-15 {
width: 78.15rem !important;
}
.wrem-79-15 {
width: 79.15rem !important;
}
.wrem-80-15 {
width: 80.15rem !important;
}
.wrem-81-15 {
width: 81.15rem !important;
}
.wrem-82-15 {
width: 82.15rem !important;
}
.wrem-83-15 {
width: 83.15rem !important;
}
.wrem-84-15 {
width: 84.15rem !important;
}
.wrem-85-15 {
width: 85.15rem !important;
}
.wrem-86-15 {
width: 86.15rem !important;
}
.wrem-87-15 {
width: 87.15rem !important;
}
.wrem-88-15 {
width: 88.15rem !important;
}
.wrem-89-15 {
width: 89.15rem !important;
}
.wrem-90-15 {
width: 90.15rem !important;
}
.wrem-91-15 {
width: 91.15rem !important;
}
.wrem-92-15 {
width: 92.15rem !important;
}
.wrem-93-15 {
width: 93.15rem !important;
}
.wrem-94-15 {
width: 94.15rem !important;
}
.wrem-95-15 {
width: 95.15rem !important;
}
.wrem-96-15 {
width: 96.15rem !important;
}
.wrem-97-15 {
width: 97.15rem !important;
}
.wrem-98-15 {
width: 98.15rem !important;
}
.wrem-99-15 {
width: 99.15rem !important;
}
.wrem-1-2 {
width: 1.2rem !important;
}
.wrem-2-2 {
width: 2.2rem !important;
}
.wrem-3-2 {
width: 3.2rem !important;
}
.wrem-4-2 {
width: 4.2rem !important;
}
.wrem-5-2 {
width: 5.2rem !important;
}
.wrem-6-2 {
width: 6.2rem !important;
}
.wrem-7-2 {
width: 7.2rem !important;
}
.wrem-8-2 {
width: 8.2rem !important;
}
.wrem-9-2 {
width: 9.2rem !important;
}
.wrem-10-2 {
width: 10.2rem !important;
}
.wrem-15-2 {
width: 15.2rem !important;
}
.wrem-20-2 {
width: 20.2rem !important;
}
.wrem-21-2 {
width: 21.2rem !important;
}
.wrem-22-2 {
width: 22.2rem !important;
}
.wrem-23-2 {
width: 23.2rem !important;
}
.wrem-24-2 {
width: 24.2rem !important;
}
.wrem-25-2 {
width: 25.2rem !important;
}
.wrem-26-2 {
width: 26.2rem !important;
}
.wrem-27-2 {
width: 27.2rem !important;
}
.wrem-28-2 {
width: 28.2rem !important;
}
.wrem-29-2 {
width: 29.2rem !important;
}
.wrem-30-2 {
width: 30.2rem !important;
}
.wrem-31-2 {
width: 31.2rem !important;
}
.wrem-32-2 {
width: 32.2rem !important;
}
.wrem-33-2 {
width: 33.2rem !important;
}
.wrem-34-2 {
width: 34.2rem !important;
}
.wrem-35-2 {
width: 35.2rem !important;
}
.wrem-36-2 {
width: 36.2rem !important;
}
.wrem-37-2 {
width: 37.2rem !important;
}
.wrem-38-2 {
width: 38.2rem !important;
}
.wrem-39-2 {
width: 39.2rem !important;
}
.wrem-40-2 {
width: 40.2rem !important;
}
.wrem-41-2 {
width: 41.2rem !important;
}
.wrem-42-2 {
width: 42.2rem !important;
}
.wrem-43-2 {
width: 43.2rem !important;
}
.wrem-44-2 {
width: 44.2rem !important;
}
.wrem-45-2 {
width: 45.2rem !important;
}
.wrem-46-2 {
width: 46.2rem !important;
}
.wrem-47-2 {
width: 47.2rem !important;
}
.wrem-48-2 {
width: 48.2rem !important;
}
.wrem-49-2 {
width: 49.2rem !important;
}
.wrem-50-2 {
width: 50.2rem !important;
}
.wrem-51-2 {
width: 51.2rem !important;
}
.wrem-52-2 {
width: 52.2rem !important;
}
.wrem-53-2 {
width: 53.2rem !important;
}
.wrem-54-2 {
width: 54.2rem !important;
}
.wrem-55-2 {
width: 55.2rem !important;
}
.wrem-56-2 {
width: 56.2rem !important;
}
.wrem-57-2 {
width: 57.2rem !important;
}
.wrem-58-2 {
width: 58.2rem !important;
}
.wrem-59-2 {
width: 59.2rem !important;
}
.wrem-60-2 {
width: 60.2rem !important;
}
.wrem-61-2 {
width: 61.2rem !important;
}
.wrem-62-2 {
width: 62.2rem !important;
}
.wrem-63-2 {
width: 63.2rem !important;
}
.wrem-64-2 {
width: 64.2rem !important;
}
.wrem-65-2 {
width: 65.2rem !important;
}
.wrem-66-2 {
width: 66.2rem !important;
}
.wrem-67-2 {
width: 67.2rem !important;
}
.wrem-68-2 {
width: 68.2rem !important;
}
.wrem-69-2 {
width: 69.2rem !important;
}
.wrem-70-2 {
width: 70.2rem !important;
}
.wrem-71-2 {
width: 71.2rem !important;
}
.wrem-72-2 {
width: 72.2rem !important;
}
.wrem-73-2 {
width: 73.2rem !important;
}
.wrem-74-2 {
width: 74.2rem !important;
}
.wrem-75-2 {
width: 75.2rem !important;
}
.wrem-76-2 {
width: 76.2rem !important;
}
.wrem-77-2 {
width: 77.2rem !important;
}
.wrem-78-2 {
width: 78.2rem !important;
}
.wrem-79-2 {
width: 79.2rem !important;
}
.wrem-80-2 {
width: 80.2rem !important;
}
.wrem-81-2 {
width: 81.2rem !important;
}
.wrem-82-2 {
width: 82.2rem !important;
}
.wrem-83-2 {
width: 83.2rem !important;
}
.wrem-84-2 {
width: 84.2rem !important;
}
.wrem-85-2 {
width: 85.2rem !important;
}
.wrem-86-2 {
width: 86.2rem !important;
}
.wrem-87-2 {
width: 87.2rem !important;
}
.wrem-88-2 {
width: 88.2rem !important;
}
.wrem-89-2 {
width: 89.2rem !important;
}
.wrem-90-2 {
width: 90.2rem !important;
}
.wrem-91-2 {
width: 91.2rem !important;
}
.wrem-92-2 {
width: 92.2rem !important;
}
.wrem-93-2 {
width: 93.2rem !important;
}
.wrem-94-2 {
width: 94.2rem !important;
}
.wrem-95-2 {
width: 95.2rem !important;
}
.wrem-96-2 {
width: 96.2rem !important;
}
.wrem-97-2 {
width: 97.2rem !important;
}
.wrem-98-2 {
width: 98.2rem !important;
}
.wrem-99-2 {
width: 99.2rem !important;
}
.wrem-1-25 {
width: 1.25rem !important;
}
.wrem-2-25 {
width: 2.25rem !important;
}
.wrem-3-25 {
width: 3.25rem !important;
}
.wrem-4-25 {
width: 4.25rem !important;
}
.wrem-5-25 {
width: 5.25rem !important;
}
.wrem-6-25 {
width: 6.25rem !important;
}
.wrem-7-25 {
width: 7.25rem !important;
}
.wrem-8-25 {
width: 8.25rem !important;
}
.wrem-9-25 {
width: 9.25rem !important;
}
.wrem-10-25 {
width: 10.25rem !important;
}
.wrem-15-25 {
width: 15.25rem !important;
}
.wrem-20-25 {
width: 20.25rem !important;
}
.wrem-21-25 {
width: 21.25rem !important;
}
.wrem-22-25 {
width: 22.25rem !important;
}
.wrem-23-25 {
width: 23.25rem !important;
}
.wrem-24-25 {
width: 24.25rem !important;
}
.wrem-25-25 {
width: 25.25rem !important;
}
.wrem-26-25 {
width: 26.25rem !important;
}
.wrem-27-25 {
width: 27.25rem !important;
}
.wrem-28-25 {
width: 28.25rem !important;
}
.wrem-29-25 {
width: 29.25rem !important;
}
.wrem-30-25 {
width: 30.25rem !important;
}
.wrem-31-25 {
width: 31.25rem !important;
}
.wrem-32-25 {
width: 32.25rem !important;
}
.wrem-33-25 {
width: 33.25rem !important;
}
.wrem-34-25 {
width: 34.25rem !important;
}
.wrem-35-25 {
width: 35.25rem !important;
}
.wrem-36-25 {
width: 36.25rem !important;
}
.wrem-37-25 {
width: 37.25rem !important;
}
.wrem-38-25 {
width: 38.25rem !important;
}
.wrem-39-25 {
width: 39.25rem !important;
}
.wrem-40-25 {
width: 40.25rem !important;
}
.wrem-41-25 {
width: 41.25rem !important;
}
.wrem-42-25 {
width: 42.25rem !important;
}
.wrem-43-25 {
width: 43.25rem !important;
}
.wrem-44-25 {
width: 44.25rem !important;
}
.wrem-45-25 {
width: 45.25rem !important;
}
.wrem-46-25 {
width: 46.25rem !important;
}
.wrem-47-25 {
width: 47.25rem !important;
}
.wrem-48-25 {
width: 48.25rem !important;
}
.wrem-49-25 {
width: 49.25rem !important;
}
.wrem-50-25 {
width: 50.25rem !important;
}
.wrem-51-25 {
width: 51.25rem !important;
}
.wrem-52-25 {
width: 52.25rem !important;
}
.wrem-53-25 {
width: 53.25rem !important;
}
.wrem-54-25 {
width: 54.25rem !important;
}
.wrem-55-25 {
width: 55.25rem !important;
}
.wrem-56-25 {
width: 56.25rem !important;
}
.wrem-57-25 {
width: 57.25rem !important;
}
.wrem-58-25 {
width: 58.25rem !important;
}
.wrem-59-25 {
width: 59.25rem !important;
}
.wrem-60-25 {
width: 60.25rem !important;
}
.wrem-61-25 {
width: 61.25rem !important;
}
.wrem-62-25 {
width: 62.25rem !important;
}
.wrem-63-25 {
width: 63.25rem !important;
}
.wrem-64-25 {
width: 64.25rem !important;
}
.wrem-65-25 {
width: 65.25rem !important;
}
.wrem-66-25 {
width: 66.25rem !important;
}
.wrem-67-25 {
width: 67.25rem !important;
}
.wrem-68-25 {
width: 68.25rem !important;
}
.wrem-69-25 {
width: 69.25rem !important;
}
.wrem-70-25 {
width: 70.25rem !important;
}
.wrem-71-25 {
width: 71.25rem !important;
}
.wrem-72-25 {
width: 72.25rem !important;
}
.wrem-73-25 {
width: 73.25rem !important;
}
.wrem-74-25 {
width: 74.25rem !important;
}
.wrem-75-25 {
width: 75.25rem !important;
}
.wrem-76-25 {
width: 76.25rem !important;
}
.wrem-77-25 {
width: 77.25rem !important;
}
.wrem-78-25 {
width: 78.25rem !important;
}
.wrem-79-25 {
width: 79.25rem !important;
}
.wrem-80-25 {
width: 80.25rem !important;
}
.wrem-81-25 {
width: 81.25rem !important;
}
.wrem-82-25 {
width: 82.25rem !important;
}
.wrem-83-25 {
width: 83.25rem !important;
}
.wrem-84-25 {
width: 84.25rem !important;
}
.wrem-85-25 {
width: 85.25rem !important;
}
.wrem-86-25 {
width: 86.25rem !important;
}
.wrem-87-25 {
width: 87.25rem !important;
}
.wrem-88-25 {
width: 88.25rem !important;
}
.wrem-89-25 {
width: 89.25rem !important;
}
.wrem-90-25 {
width: 90.25rem !important;
}
.wrem-91-25 {
width: 91.25rem !important;
}
.wrem-92-25 {
width: 92.25rem !important;
}
.wrem-93-25 {
width: 93.25rem !important;
}
.wrem-94-25 {
width: 94.25rem !important;
}
.wrem-95-25 {
width: 95.25rem !important;
}
.wrem-96-25 {
width: 96.25rem !important;
}
.wrem-97-25 {
width: 97.25rem !important;
}
.wrem-98-25 {
width: 98.25rem !important;
}
.wrem-99-25 {
width: 99.25rem !important;
}
.wrem-1-3 {
width: 1.3rem !important;
}
.wrem-2-3 {
width: 2.3rem !important;
}
.wrem-3-3 {
width: 3.3rem !important;
}
.wrem-4-3 {
width: 4.3rem !important;
}
.wrem-5-3 {
width: 5.3rem !important;
}
.wrem-6-3 {
width: 6.3rem !important;
}
.wrem-7-3 {
width: 7.3rem !important;
}
.wrem-8-3 {
width: 8.3rem !important;
}
.wrem-9-3 {
width: 9.3rem !important;
}
.wrem-10-3 {
width: 10.3rem !important;
}
.wrem-15-3 {
width: 15.3rem !important;
}
.wrem-20-3 {
width: 20.3rem !important;
}
.wrem-21-3 {
width: 21.3rem !important;
}
.wrem-22-3 {
width: 22.3rem !important;
}
.wrem-23-3 {
width: 23.3rem !important;
}
.wrem-24-3 {
width: 24.3rem !important;
}
.wrem-25-3 {
width: 25.3rem !important;
}
.wrem-26-3 {
width: 26.3rem !important;
}
.wrem-27-3 {
width: 27.3rem !important;
}
.wrem-28-3 {
width: 28.3rem !important;
}
.wrem-29-3 {
width: 29.3rem !important;
}
.wrem-30-3 {
width: 30.3rem !important;
}
.wrem-31-3 {
width: 31.3rem !important;
}
.wrem-32-3 {
width: 32.3rem !important;
}
.wrem-33-3 {
width: 33.3rem !important;
}
.wrem-34-3 {
width: 34.3rem !important;
}
.wrem-35-3 {
width: 35.3rem !important;
}
.wrem-36-3 {
width: 36.3rem !important;
}
.wrem-37-3 {
width: 37.3rem !important;
}
.wrem-38-3 {
width: 38.3rem !important;
}
.wrem-39-3 {
width: 39.3rem !important;
}
.wrem-40-3 {
width: 40.3rem !important;
}
.wrem-41-3 {
width: 41.3rem !important;
}
.wrem-42-3 {
width: 42.3rem !important;
}
.wrem-43-3 {
width: 43.3rem !important;
}
.wrem-44-3 {
width: 44.3rem !important;
}
.wrem-45-3 {
width: 45.3rem !important;
}
.wrem-46-3 {
width: 46.3rem !important;
}
.wrem-47-3 {
width: 47.3rem !important;
}
.wrem-48-3 {
width: 48.3rem !important;
}
.wrem-49-3 {
width: 49.3rem !important;
}
.wrem-50-3 {
width: 50.3rem !important;
}
.wrem-51-3 {
width: 51.3rem !important;
}
.wrem-52-3 {
width: 52.3rem !important;
}
.wrem-53-3 {
width: 53.3rem !important;
}
.wrem-54-3 {
width: 54.3rem !important;
}
.wrem-55-3 {
width: 55.3rem !important;
}
.wrem-56-3 {
width: 56.3rem !important;
}
.wrem-57-3 {
width: 57.3rem !important;
}
.wrem-58-3 {
width: 58.3rem !important;
}
.wrem-59-3 {
width: 59.3rem !important;
}
.wrem-60-3 {
width: 60.3rem !important;
}
.wrem-61-3 {
width: 61.3rem !important;
}
.wrem-62-3 {
width: 62.3rem !important;
}
.wrem-63-3 {
width: 63.3rem !important;
}
.wrem-64-3 {
width: 64.3rem !important;
}
.wrem-65-3 {
width: 65.3rem !important;
}
.wrem-66-3 {
width: 66.3rem !important;
}
.wrem-67-3 {
width: 67.3rem !important;
}
.wrem-68-3 {
width: 68.3rem !important;
}
.wrem-69-3 {
width: 69.3rem !important;
}
.wrem-70-3 {
width: 70.3rem !important;
}
.wrem-71-3 {
width: 71.3rem !important;
}
.wrem-72-3 {
width: 72.3rem !important;
}
.wrem-73-3 {
width: 73.3rem !important;
}
.wrem-74-3 {
width: 74.3rem !important;
}
.wrem-75-3 {
width: 75.3rem !important;
}
.wrem-76-3 {
width: 76.3rem !important;
}
.wrem-77-3 {
width: 77.3rem !important;
}
.wrem-78-3 {
width: 78.3rem !important;
}
.wrem-79-3 {
width: 79.3rem !important;
}
.wrem-80-3 {
width: 80.3rem !important;
}
.wrem-81-3 {
width: 81.3rem !important;
}
.wrem-82-3 {
width: 82.3rem !important;
}
.wrem-83-3 {
width: 83.3rem !important;
}
.wrem-84-3 {
width: 84.3rem !important;
}
.wrem-85-3 {
width: 85.3rem !important;
}
.wrem-86-3 {
width: 86.3rem !important;
}
.wrem-87-3 {
width: 87.3rem !important;
}
.wrem-88-3 {
width: 88.3rem !important;
}
.wrem-89-3 {
width: 89.3rem !important;
}
.wrem-90-3 {
width: 90.3rem !important;
}
.wrem-91-3 {
width: 91.3rem !important;
}
.wrem-92-3 {
width: 92.3rem !important;
}
.wrem-93-3 {
width: 93.3rem !important;
}
.wrem-94-3 {
width: 94.3rem !important;
}
.wrem-95-3 {
width: 95.3rem !important;
}
.wrem-96-3 {
width: 96.3rem !important;
}
.wrem-97-3 {
width: 97.3rem !important;
}
.wrem-98-3 {
width: 98.3rem !important;
}
.wrem-99-3 {
width: 99.3rem !important;
}
.wrem-1-35 {
width: 1.35rem !important;
}
.wrem-2-35 {
width: 2.35rem !important;
}
.wrem-3-35 {
width: 3.35rem !important;
}
.wrem-4-35 {
width: 4.35rem !important;
}
.wrem-5-35 {
width: 5.35rem !important;
}
.wrem-6-35 {
width: 6.35rem !important;
}
.wrem-7-35 {
width: 7.35rem !important;
}
.wrem-8-35 {
width: 8.35rem !important;
}
.wrem-9-35 {
width: 9.35rem !important;
}
.wrem-10-35 {
width: 10.35rem !important;
}
.wrem-15-35 {
width: 15.35rem !important;
}
.wrem-20-35 {
width: 20.35rem !important;
}
.wrem-21-35 {
width: 21.35rem !important;
}
.wrem-22-35 {
width: 22.35rem !important;
}
.wrem-23-35 {
width: 23.35rem !important;
}
.wrem-24-35 {
width: 24.35rem !important;
}
.wrem-25-35 {
width: 25.35rem !important;
}
.wrem-26-35 {
width: 26.35rem !important;
}
.wrem-27-35 {
width: 27.35rem !important;
}
.wrem-28-35 {
width: 28.35rem !important;
}
.wrem-29-35 {
width: 29.35rem !important;
}
.wrem-30-35 {
width: 30.35rem !important;
}
.wrem-31-35 {
width: 31.35rem !important;
}
.wrem-32-35 {
width: 32.35rem !important;
}
.wrem-33-35 {
width: 33.35rem !important;
}
.wrem-34-35 {
width: 34.35rem !important;
}
.wrem-35-35 {
width: 35.35rem !important;
}
.wrem-36-35 {
width: 36.35rem !important;
}
.wrem-37-35 {
width: 37.35rem !important;
}
.wrem-38-35 {
width: 38.35rem !important;
}
.wrem-39-35 {
width: 39.35rem !important;
}
.wrem-40-35 {
width: 40.35rem !important;
}
.wrem-41-35 {
width: 41.35rem !important;
}
.wrem-42-35 {
width: 42.35rem !important;
}
.wrem-43-35 {
width: 43.35rem !important;
}
.wrem-44-35 {
width: 44.35rem !important;
}
.wrem-45-35 {
width: 45.35rem !important;
}
.wrem-46-35 {
width: 46.35rem !important;
}
.wrem-47-35 {
width: 47.35rem !important;
}
.wrem-48-35 {
width: 48.35rem !important;
}
.wrem-49-35 {
width: 49.35rem !important;
}
.wrem-50-35 {
width: 50.35rem !important;
}
.wrem-51-35 {
width: 51.35rem !important;
}
.wrem-52-35 {
width: 52.35rem !important;
}
.wrem-53-35 {
width: 53.35rem !important;
}
.wrem-54-35 {
width: 54.35rem !important;
}
.wrem-55-35 {
width: 55.35rem !important;
}
.wrem-56-35 {
width: 56.35rem !important;
}
.wrem-57-35 {
width: 57.35rem !important;
}
.wrem-58-35 {
width: 58.35rem !important;
}
.wrem-59-35 {
width: 59.35rem !important;
}
.wrem-60-35 {
width: 60.35rem !important;
}
.wrem-61-35 {
width: 61.35rem !important;
}
.wrem-62-35 {
width: 62.35rem !important;
}
.wrem-63-35 {
width: 63.35rem !important;
}
.wrem-64-35 {
width: 64.35rem !important;
}
.wrem-65-35 {
width: 65.35rem !important;
}
.wrem-66-35 {
width: 66.35rem !important;
}
.wrem-67-35 {
width: 67.35rem !important;
}
.wrem-68-35 {
width: 68.35rem !important;
}
.wrem-69-35 {
width: 69.35rem !important;
}
.wrem-70-35 {
width: 70.35rem !important;
}
.wrem-71-35 {
width: 71.35rem !important;
}
.wrem-72-35 {
width: 72.35rem !important;
}
.wrem-73-35 {
width: 73.35rem !important;
}
.wrem-74-35 {
width: 74.35rem !important;
}
.wrem-75-35 {
width: 75.35rem !important;
}
.wrem-76-35 {
width: 76.35rem !important;
}
.wrem-77-35 {
width: 77.35rem !important;
}
.wrem-78-35 {
width: 78.35rem !important;
}
.wrem-79-35 {
width: 79.35rem !important;
}
.wrem-80-35 {
width: 80.35rem !important;
}
.wrem-81-35 {
width: 81.35rem !important;
}
.wrem-82-35 {
width: 82.35rem !important;
}
.wrem-83-35 {
width: 83.35rem !important;
}
.wrem-84-35 {
width: 84.35rem !important;
}
.wrem-85-35 {
width: 85.35rem !important;
}
.wrem-86-35 {
width: 86.35rem !important;
}
.wrem-87-35 {
width: 87.35rem !important;
}
.wrem-88-35 {
width: 88.35rem !important;
}
.wrem-89-35 {
width: 89.35rem !important;
}
.wrem-90-35 {
width: 90.35rem !important;
}
.wrem-91-35 {
width: 91.35rem !important;
}
.wrem-92-35 {
width: 92.35rem !important;
}
.wrem-93-35 {
width: 93.35rem !important;
}
.wrem-94-35 {
width: 94.35rem !important;
}
.wrem-95-35 {
width: 95.35rem !important;
}
.wrem-96-35 {
width: 96.35rem !important;
}
.wrem-97-35 {
width: 97.35rem !important;
}
.wrem-98-35 {
width: 98.35rem !important;
}
.wrem-99-35 {
width: 99.35rem !important;
}
.wrem-1-4 {
width: 1.4rem !important;
}
.wrem-2-4 {
width: 2.4rem !important;
}
.wrem-3-4 {
width: 3.4rem !important;
}
.wrem-4-4 {
width: 4.4rem !important;
}
.wrem-5-4 {
width: 5.4rem !important;
}
.wrem-6-4 {
width: 6.4rem !important;
}
.wrem-7-4 {
width: 7.4rem !important;
}
.wrem-8-4 {
width: 8.4rem !important;
}
.wrem-9-4 {
width: 9.4rem !important;
}
.wrem-10-4 {
width: 10.4rem !important;
}
.wrem-15-4 {
width: 15.4rem !important;
}
.wrem-20-4 {
width: 20.4rem !important;
}
.wrem-21-4 {
width: 21.4rem !important;
}
.wrem-22-4 {
width: 22.4rem !important;
}
.wrem-23-4 {
width: 23.4rem !important;
}
.wrem-24-4 {
width: 24.4rem !important;
}
.wrem-25-4 {
width: 25.4rem !important;
}
.wrem-26-4 {
width: 26.4rem !important;
}
.wrem-27-4 {
width: 27.4rem !important;
}
.wrem-28-4 {
width: 28.4rem !important;
}
.wrem-29-4 {
width: 29.4rem !important;
}
.wrem-30-4 {
width: 30.4rem !important;
}
.wrem-31-4 {
width: 31.4rem !important;
}
.wrem-32-4 {
width: 32.4rem !important;
}
.wrem-33-4 {
width: 33.4rem !important;
}
.wrem-34-4 {
width: 34.4rem !important;
}
.wrem-35-4 {
width: 35.4rem !important;
}
.wrem-36-4 {
width: 36.4rem !important;
}
.wrem-37-4 {
width: 37.4rem !important;
}
.wrem-38-4 {
width: 38.4rem !important;
}
.wrem-39-4 {
width: 39.4rem !important;
}
.wrem-40-4 {
width: 40.4rem !important;
}
.wrem-41-4 {
width: 41.4rem !important;
}
.wrem-42-4 {
width: 42.4rem !important;
}
.wrem-43-4 {
width: 43.4rem !important;
}
.wrem-44-4 {
width: 44.4rem !important;
}
.wrem-45-4 {
width: 45.4rem !important;
}
.wrem-46-4 {
width: 46.4rem !important;
}
.wrem-47-4 {
width: 47.4rem !important;
}
.wrem-48-4 {
width: 48.4rem !important;
}
.wrem-49-4 {
width: 49.4rem !important;
}
.wrem-50-4 {
width: 50.4rem !important;
}
.wrem-51-4 {
width: 51.4rem !important;
}
.wrem-52-4 {
width: 52.4rem !important;
}
.wrem-53-4 {
width: 53.4rem !important;
}
.wrem-54-4 {
width: 54.4rem !important;
}
.wrem-55-4 {
width: 55.4rem !important;
}
.wrem-56-4 {
width: 56.4rem !important;
}
.wrem-57-4 {
width: 57.4rem !important;
}
.wrem-58-4 {
width: 58.4rem !important;
}
.wrem-59-4 {
width: 59.4rem !important;
}
.wrem-60-4 {
width: 60.4rem !important;
}
.wrem-61-4 {
width: 61.4rem !important;
}
.wrem-62-4 {
width: 62.4rem !important;
}
.wrem-63-4 {
width: 63.4rem !important;
}
.wrem-64-4 {
width: 64.4rem !important;
}
.wrem-65-4 {
width: 65.4rem !important;
}
.wrem-66-4 {
width: 66.4rem !important;
}
.wrem-67-4 {
width: 67.4rem !important;
}
.wrem-68-4 {
width: 68.4rem !important;
}
.wrem-69-4 {
width: 69.4rem !important;
}
.wrem-70-4 {
width: 70.4rem !important;
}
.wrem-71-4 {
width: 71.4rem !important;
}
.wrem-72-4 {
width: 72.4rem !important;
}
.wrem-73-4 {
width: 73.4rem !important;
}
.wrem-74-4 {
width: 74.4rem !important;
}
.wrem-75-4 {
width: 75.4rem !important;
}
.wrem-76-4 {
width: 76.4rem !important;
}
.wrem-77-4 {
width: 77.4rem !important;
}
.wrem-78-4 {
width: 78.4rem !important;
}
.wrem-79-4 {
width: 79.4rem !important;
}
.wrem-80-4 {
width: 80.4rem !important;
}
.wrem-81-4 {
width: 81.4rem !important;
}
.wrem-82-4 {
width: 82.4rem !important;
}
.wrem-83-4 {
width: 83.4rem !important;
}
.wrem-84-4 {
width: 84.4rem !important;
}
.wrem-85-4 {
width: 85.4rem !important;
}
.wrem-86-4 {
width: 86.4rem !important;
}
.wrem-87-4 {
width: 87.4rem !important;
}
.wrem-88-4 {
width: 88.4rem !important;
}
.wrem-89-4 {
width: 89.4rem !important;
}
.wrem-90-4 {
width: 90.4rem !important;
}
.wrem-91-4 {
width: 91.4rem !important;
}
.wrem-92-4 {
width: 92.4rem !important;
}
.wrem-93-4 {
width: 93.4rem !important;
}
.wrem-94-4 {
width: 94.4rem !important;
}
.wrem-95-4 {
width: 95.4rem !important;
}
.wrem-96-4 {
width: 96.4rem !important;
}
.wrem-97-4 {
width: 97.4rem !important;
}
.wrem-98-4 {
width: 98.4rem !important;
}
.wrem-99-4 {
width: 99.4rem !important;
}
.wrem-1-45 {
width: 1.45rem !important;
}
.wrem-2-45 {
width: 2.45rem !important;
}
.wrem-3-45 {
width: 3.45rem !important;
}
.wrem-4-45 {
width: 4.45rem !important;
}
.wrem-5-45 {
width: 5.45rem !important;
}
.wrem-6-45 {
width: 6.45rem !important;
}
.wrem-7-45 {
width: 7.45rem !important;
}
.wrem-8-45 {
width: 8.45rem !important;
}
.wrem-9-45 {
width: 9.45rem !important;
}
.wrem-10-45 {
width: 10.45rem !important;
}
.wrem-15-45 {
width: 15.45rem !important;
}
.wrem-20-45 {
width: 20.45rem !important;
}
.wrem-21-45 {
width: 21.45rem !important;
}
.wrem-22-45 {
width: 22.45rem !important;
}
.wrem-23-45 {
width: 23.45rem !important;
}
.wrem-24-45 {
width: 24.45rem !important;
}
.wrem-25-45 {
width: 25.45rem !important;
}
.wrem-26-45 {
width: 26.45rem !important;
}
.wrem-27-45 {
width: 27.45rem !important;
}
.wrem-28-45 {
width: 28.45rem !important;
}
.wrem-29-45 {
width: 29.45rem !important;
}
.wrem-30-45 {
width: 30.45rem !important;
}
.wrem-31-45 {
width: 31.45rem !important;
}
.wrem-32-45 {
width: 32.45rem !important;
}
.wrem-33-45 {
width: 33.45rem !important;
}
.wrem-34-45 {
width: 34.45rem !important;
}
.wrem-35-45 {
width: 35.45rem !important;
}
.wrem-36-45 {
width: 36.45rem !important;
}
.wrem-37-45 {
width: 37.45rem !important;
}
.wrem-38-45 {
width: 38.45rem !important;
}
.wrem-39-45 {
width: 39.45rem !important;
}
.wrem-40-45 {
width: 40.45rem !important;
}
.wrem-41-45 {
width: 41.45rem !important;
}
.wrem-42-45 {
width: 42.45rem !important;
}
.wrem-43-45 {
width: 43.45rem !important;
}
.wrem-44-45 {
width: 44.45rem !important;
}
.wrem-45-45 {
width: 45.45rem !important;
}
.wrem-46-45 {
width: 46.45rem !important;
}
.wrem-47-45 {
width: 47.45rem !important;
}
.wrem-48-45 {
width: 48.45rem !important;
}
.wrem-49-45 {
width: 49.45rem !important;
}
.wrem-50-45 {
width: 50.45rem !important;
}
.wrem-51-45 {
width: 51.45rem !important;
}
.wrem-52-45 {
width: 52.45rem !important;
}
.wrem-53-45 {
width: 53.45rem !important;
}
.wrem-54-45 {
width: 54.45rem !important;
}
.wrem-55-45 {
width: 55.45rem !important;
}
.wrem-56-45 {
width: 56.45rem !important;
}
.wrem-57-45 {
width: 57.45rem !important;
}
.wrem-58-45 {
width: 58.45rem !important;
}
.wrem-59-45 {
width: 59.45rem !important;
}
.wrem-60-45 {
width: 60.45rem !important;
}
.wrem-61-45 {
width: 61.45rem !important;
}
.wrem-62-45 {
width: 62.45rem !important;
}
.wrem-63-45 {
width: 63.45rem !important;
}
.wrem-64-45 {
width: 64.45rem !important;
}
.wrem-65-45 {
width: 65.45rem !important;
}
.wrem-66-45 {
width: 66.45rem !important;
}
.wrem-67-45 {
width: 67.45rem !important;
}
.wrem-68-45 {
width: 68.45rem !important;
}
.wrem-69-45 {
width: 69.45rem !important;
}
.wrem-70-45 {
width: 70.45rem !important;
}
.wrem-71-45 {
width: 71.45rem !important;
}
.wrem-72-45 {
width: 72.45rem !important;
}
.wrem-73-45 {
width: 73.45rem !important;
}
.wrem-74-45 {
width: 74.45rem !important;
}
.wrem-75-45 {
width: 75.45rem !important;
}
.wrem-76-45 {
width: 76.45rem !important;
}
.wrem-77-45 {
width: 77.45rem !important;
}
.wrem-78-45 {
width: 78.45rem !important;
}
.wrem-79-45 {
width: 79.45rem !important;
}
.wrem-80-45 {
width: 80.45rem !important;
}
.wrem-81-45 {
width: 81.45rem !important;
}
.wrem-82-45 {
width: 82.45rem !important;
}
.wrem-83-45 {
width: 83.45rem !important;
}
.wrem-84-45 {
width: 84.45rem !important;
}
.wrem-85-45 {
width: 85.45rem !important;
}
.wrem-86-45 {
width: 86.45rem !important;
}
.wrem-87-45 {
width: 87.45rem !important;
}
.wrem-88-45 {
width: 88.45rem !important;
}
.wrem-89-45 {
width: 89.45rem !important;
}
.wrem-90-45 {
width: 90.45rem !important;
}
.wrem-91-45 {
width: 91.45rem !important;
}
.wrem-92-45 {
width: 92.45rem !important;
}
.wrem-93-45 {
width: 93.45rem !important;
}
.wrem-94-45 {
width: 94.45rem !important;
}
.wrem-95-45 {
width: 95.45rem !important;
}
.wrem-96-45 {
width: 96.45rem !important;
}
.wrem-97-45 {
width: 97.45rem !important;
}
.wrem-98-45 {
width: 98.45rem !important;
}
.wrem-99-45 {
width: 99.45rem !important;
}
.wrem-1-5 {
width: 1.5rem !important;
}
.wrem-2-5 {
width: 2.5rem !important;
}
.wrem-3-5 {
width: 3.5rem !important;
}
.wrem-4-5 {
width: 4.5rem !important;
}
.wrem-5-5 {
width: 5.5rem !important;
}
.wrem-6-5 {
width: 6.5rem !important;
}
.wrem-7-5 {
width: 7.5rem !important;
}
.wrem-8-5 {
width: 8.5rem !important;
}
.wrem-9-5 {
width: 9.5rem !important;
}
.wrem-10-5 {
width: 10.5rem !important;
}
.wrem-15-5 {
width: 15.5rem !important;
}
.wrem-20-5 {
width: 20.5rem !important;
}
.wrem-21-5 {
width: 21.5rem !important;
}
.wrem-22-5 {
width: 22.5rem !important;
}
.wrem-23-5 {
width: 23.5rem !important;
}
.wrem-24-5 {
width: 24.5rem !important;
}
.wrem-25-5 {
width: 25.5rem !important;
}
.wrem-26-5 {
width: 26.5rem !important;
}
.wrem-27-5 {
width: 27.5rem !important;
}
.wrem-28-5 {
width: 28.5rem !important;
}
.wrem-29-5 {
width: 29.5rem !important;
}
.wrem-30-5 {
width: 30.5rem !important;
}
.wrem-31-5 {
width: 31.5rem !important;
}
.wrem-32-5 {
width: 32.5rem !important;
}
.wrem-33-5 {
width: 33.5rem !important;
}
.wrem-34-5 {
width: 34.5rem !important;
}
.wrem-35-5 {
width: 35.5rem !important;
}
.wrem-36-5 {
width: 36.5rem !important;
}
.wrem-37-5 {
width: 37.5rem !important;
}
.wrem-38-5 {
width: 38.5rem !important;
}
.wrem-39-5 {
width: 39.5rem !important;
}
.wrem-40-5 {
width: 40.5rem !important;
}
.wrem-41-5 {
width: 41.5rem !important;
}
.wrem-42-5 {
width: 42.5rem !important;
}
.wrem-43-5 {
width: 43.5rem !important;
}
.wrem-44-5 {
width: 44.5rem !important;
}
.wrem-45-5 {
width: 45.5rem !important;
}
.wrem-46-5 {
width: 46.5rem !important;
}
.wrem-47-5 {
width: 47.5rem !important;
}
.wrem-48-5 {
width: 48.5rem !important;
}
.wrem-49-5 {
width: 49.5rem !important;
}
.wrem-50-5 {
width: 50.5rem !important;
}
.wrem-51-5 {
width: 51.5rem !important;
}
.wrem-52-5 {
width: 52.5rem !important;
}
.wrem-53-5 {
width: 53.5rem !important;
}
.wrem-54-5 {
width: 54.5rem !important;
}
.wrem-55-5 {
width: 55.5rem !important;
}
.wrem-56-5 {
width: 56.5rem !important;
}
.wrem-57-5 {
width: 57.5rem !important;
}
.wrem-58-5 {
width: 58.5rem !important;
}
.wrem-59-5 {
width: 59.5rem !important;
}
.wrem-60-5 {
width: 60.5rem !important;
}
.wrem-61-5 {
width: 61.5rem !important;
}
.wrem-62-5 {
width: 62.5rem !important;
}
.wrem-63-5 {
width: 63.5rem !important;
}
.wrem-64-5 {
width: 64.5rem !important;
}
.wrem-65-5 {
width: 65.5rem !important;
}
.wrem-66-5 {
width: 66.5rem !important;
}
.wrem-67-5 {
width: 67.5rem !important;
}
.wrem-68-5 {
width: 68.5rem !important;
}
.wrem-69-5 {
width: 69.5rem !important;
}
.wrem-70-5 {
width: 70.5rem !important;
}
.wrem-71-5 {
width: 71.5rem !important;
}
.wrem-72-5 {
width: 72.5rem !important;
}
.wrem-73-5 {
width: 73.5rem !important;
}
.wrem-74-5 {
width: 74.5rem !important;
}
.wrem-75-5 {
width: 75.5rem !important;
}
.wrem-76-5 {
width: 76.5rem !important;
}
.wrem-77-5 {
width: 77.5rem !important;
}
.wrem-78-5 {
width: 78.5rem !important;
}
.wrem-79-5 {
width: 79.5rem !important;
}
.wrem-80-5 {
width: 80.5rem !important;
}
.wrem-81-5 {
width: 81.5rem !important;
}
.wrem-82-5 {
width: 82.5rem !important;
}
.wrem-83-5 {
width: 83.5rem !important;
}
.wrem-84-5 {
width: 84.5rem !important;
}
.wrem-85-5 {
width: 85.5rem !important;
}
.wrem-86-5 {
width: 86.5rem !important;
}
.wrem-87-5 {
width: 87.5rem !important;
}
.wrem-88-5 {
width: 88.5rem !important;
}
.wrem-89-5 {
width: 89.5rem !important;
}
.wrem-90-5 {
width: 90.5rem !important;
}
.wrem-91-5 {
width: 91.5rem !important;
}
.wrem-92-5 {
width: 92.5rem !important;
}
.wrem-93-5 {
width: 93.5rem !important;
}
.wrem-94-5 {
width: 94.5rem !important;
}
.wrem-95-5 {
width: 95.5rem !important;
}
.wrem-96-5 {
width: 96.5rem !important;
}
.wrem-97-5 {
width: 97.5rem !important;
}
.wrem-98-5 {
width: 98.5rem !important;
}
.wrem-99-5 {
width: 99.5rem !important;
}
.wrem-1-55 {
width: 1.55rem !important;
}
.wrem-2-55 {
width: 2.55rem !important;
}
.wrem-3-55 {
width: 3.55rem !important;
}
.wrem-4-55 {
width: 4.55rem !important;
}
.wrem-5-55 {
width: 5.55rem !important;
}
.wrem-6-55 {
width: 6.55rem !important;
}
.wrem-7-55 {
width: 7.55rem !important;
}
.wrem-8-55 {
width: 8.55rem !important;
}
.wrem-9-55 {
width: 9.55rem !important;
}
.wrem-10-55 {
width: 10.55rem !important;
}
.wrem-15-55 {
width: 15.55rem !important;
}
.wrem-20-55 {
width: 20.55rem !important;
}
.wrem-21-55 {
width: 21.55rem !important;
}
.wrem-22-55 {
width: 22.55rem !important;
}
.wrem-23-55 {
width: 23.55rem !important;
}
.wrem-24-55 {
width: 24.55rem !important;
}
.wrem-25-55 {
width: 25.55rem !important;
}
.wrem-26-55 {
width: 26.55rem !important;
}
.wrem-27-55 {
width: 27.55rem !important;
}
.wrem-28-55 {
width: 28.55rem !important;
}
.wrem-29-55 {
width: 29.55rem !important;
}
.wrem-30-55 {
width: 30.55rem !important;
}
.wrem-31-55 {
width: 31.55rem !important;
}
.wrem-32-55 {
width: 32.55rem !important;
}
.wrem-33-55 {
width: 33.55rem !important;
}
.wrem-34-55 {
width: 34.55rem !important;
}
.wrem-35-55 {
width: 35.55rem !important;
}
.wrem-36-55 {
width: 36.55rem !important;
}
.wrem-37-55 {
width: 37.55rem !important;
}
.wrem-38-55 {
width: 38.55rem !important;
}
.wrem-39-55 {
width: 39.55rem !important;
}
.wrem-40-55 {
width: 40.55rem !important;
}
.wrem-41-55 {
width: 41.55rem !important;
}
.wrem-42-55 {
width: 42.55rem !important;
}
.wrem-43-55 {
width: 43.55rem !important;
}
.wrem-44-55 {
width: 44.55rem !important;
}
.wrem-45-55 {
width: 45.55rem !important;
}
.wrem-46-55 {
width: 46.55rem !important;
}
.wrem-47-55 {
width: 47.55rem !important;
}
.wrem-48-55 {
width: 48.55rem !important;
}
.wrem-49-55 {
width: 49.55rem !important;
}
.wrem-50-55 {
width: 50.55rem !important;
}
.wrem-51-55 {
width: 51.55rem !important;
}
.wrem-52-55 {
width: 52.55rem !important;
}
.wrem-53-55 {
width: 53.55rem !important;
}
.wrem-54-55 {
width: 54.55rem !important;
}
.wrem-55-55 {
width: 55.55rem !important;
}
.wrem-56-55 {
width: 56.55rem !important;
}
.wrem-57-55 {
width: 57.55rem !important;
}
.wrem-58-55 {
width: 58.55rem !important;
}
.wrem-59-55 {
width: 59.55rem !important;
}
.wrem-60-55 {
width: 60.55rem !important;
}
.wrem-61-55 {
width: 61.55rem !important;
}
.wrem-62-55 {
width: 62.55rem !important;
}
.wrem-63-55 {
width: 63.55rem !important;
}
.wrem-64-55 {
width: 64.55rem !important;
}
.wrem-65-55 {
width: 65.55rem !important;
}
.wrem-66-55 {
width: 66.55rem !important;
}
.wrem-67-55 {
width: 67.55rem !important;
}
.wrem-68-55 {
width: 68.55rem !important;
}
.wrem-69-55 {
width: 69.55rem !important;
}
.wrem-70-55 {
width: 70.55rem !important;
}
.wrem-71-55 {
width: 71.55rem !important;
}
.wrem-72-55 {
width: 72.55rem !important;
}
.wrem-73-55 {
width: 73.55rem !important;
}
.wrem-74-55 {
width: 74.55rem !important;
}
.wrem-75-55 {
width: 75.55rem !important;
}
.wrem-76-55 {
width: 76.55rem !important;
}
.wrem-77-55 {
width: 77.55rem !important;
}
.wrem-78-55 {
width: 78.55rem !important;
}
.wrem-79-55 {
width: 79.55rem !important;
}
.wrem-80-55 {
width: 80.55rem !important;
}
.wrem-81-55 {
width: 81.55rem !important;
}
.wrem-82-55 {
width: 82.55rem !important;
}
.wrem-83-55 {
width: 83.55rem !important;
}
.wrem-84-55 {
width: 84.55rem !important;
}
.wrem-85-55 {
width: 85.55rem !important;
}
.wrem-86-55 {
width: 86.55rem !important;
}
.wrem-87-55 {
width: 87.55rem !important;
}
.wrem-88-55 {
width: 88.55rem !important;
}
.wrem-89-55 {
width: 89.55rem !important;
}
.wrem-90-55 {
width: 90.55rem !important;
}
.wrem-91-55 {
width: 91.55rem !important;
}
.wrem-92-55 {
width: 92.55rem !important;
}
.wrem-93-55 {
width: 93.55rem !important;
}
.wrem-94-55 {
width: 94.55rem !important;
}
.wrem-95-55 {
width: 95.55rem !important;
}
.wrem-96-55 {
width: 96.55rem !important;
}
.wrem-97-55 {
width: 97.55rem !important;
}
.wrem-98-55 {
width: 98.55rem !important;
}
.wrem-99-55 {
width: 99.55rem !important;
}
.wrem-1-6 {
width: 1.6rem !important;
}
.wrem-2-6 {
width: 2.6rem !important;
}
.wrem-3-6 {
width: 3.6rem !important;
}
.wrem-4-6 {
width: 4.6rem !important;
}
.wrem-5-6 {
width: 5.6rem !important;
}
.wrem-6-6 {
width: 6.6rem !important;
}
.wrem-7-6 {
width: 7.6rem !important;
}
.wrem-8-6 {
width: 8.6rem !important;
}
.wrem-9-6 {
width: 9.6rem !important;
}
.wrem-10-6 {
width: 10.6rem !important;
}
.wrem-15-6 {
width: 15.6rem !important;
}
.wrem-20-6 {
width: 20.6rem !important;
}
.wrem-21-6 {
width: 21.6rem !important;
}
.wrem-22-6 {
width: 22.6rem !important;
}
.wrem-23-6 {
width: 23.6rem !important;
}
.wrem-24-6 {
width: 24.6rem !important;
}
.wrem-25-6 {
width: 25.6rem !important;
}
.wrem-26-6 {
width: 26.6rem !important;
}
.wrem-27-6 {
width: 27.6rem !important;
}
.wrem-28-6 {
width: 28.6rem !important;
}
.wrem-29-6 {
width: 29.6rem !important;
}
.wrem-30-6 {
width: 30.6rem !important;
}
.wrem-31-6 {
width: 31.6rem !important;
}
.wrem-32-6 {
width: 32.6rem !important;
}
.wrem-33-6 {
width: 33.6rem !important;
}
.wrem-34-6 {
width: 34.6rem !important;
}
.wrem-35-6 {
width: 35.6rem !important;
}
.wrem-36-6 {
width: 36.6rem !important;
}
.wrem-37-6 {
width: 37.6rem !important;
}
.wrem-38-6 {
width: 38.6rem !important;
}
.wrem-39-6 {
width: 39.6rem !important;
}
.wrem-40-6 {
width: 40.6rem !important;
}
.wrem-41-6 {
width: 41.6rem !important;
}
.wrem-42-6 {
width: 42.6rem !important;
}
.wrem-43-6 {
width: 43.6rem !important;
}
.wrem-44-6 {
width: 44.6rem !important;
}
.wrem-45-6 {
width: 45.6rem !important;
}
.wrem-46-6 {
width: 46.6rem !important;
}
.wrem-47-6 {
width: 47.6rem !important;
}
.wrem-48-6 {
width: 48.6rem !important;
}
.wrem-49-6 {
width: 49.6rem !important;
}
.wrem-50-6 {
width: 50.6rem !important;
}
.wrem-51-6 {
width: 51.6rem !important;
}
.wrem-52-6 {
width: 52.6rem !important;
}
.wrem-53-6 {
width: 53.6rem !important;
}
.wrem-54-6 {
width: 54.6rem !important;
}
.wrem-55-6 {
width: 55.6rem !important;
}
.wrem-56-6 {
width: 56.6rem !important;
}
.wrem-57-6 {
width: 57.6rem !important;
}
.wrem-58-6 {
width: 58.6rem !important;
}
.wrem-59-6 {
width: 59.6rem !important;
}
.wrem-60-6 {
width: 60.6rem !important;
}
.wrem-61-6 {
width: 61.6rem !important;
}
.wrem-62-6 {
width: 62.6rem !important;
}
.wrem-63-6 {
width: 63.6rem !important;
}
.wrem-64-6 {
width: 64.6rem !important;
}
.wrem-65-6 {
width: 65.6rem !important;
}
.wrem-66-6 {
width: 66.6rem !important;
}
.wrem-67-6 {
width: 67.6rem !important;
}
.wrem-68-6 {
width: 68.6rem !important;
}
.wrem-69-6 {
width: 69.6rem !important;
}
.wrem-70-6 {
width: 70.6rem !important;
}
.wrem-71-6 {
width: 71.6rem !important;
}
.wrem-72-6 {
width: 72.6rem !important;
}
.wrem-73-6 {
width: 73.6rem !important;
}
.wrem-74-6 {
width: 74.6rem !important;
}
.wrem-75-6 {
width: 75.6rem !important;
}
.wrem-76-6 {
width: 76.6rem !important;
}
.wrem-77-6 {
width: 77.6rem !important;
}
.wrem-78-6 {
width: 78.6rem !important;
}
.wrem-79-6 {
width: 79.6rem !important;
}
.wrem-80-6 {
width: 80.6rem !important;
}
.wrem-81-6 {
width: 81.6rem !important;
}
.wrem-82-6 {
width: 82.6rem !important;
}
.wrem-83-6 {
width: 83.6rem !important;
}
.wrem-84-6 {
width: 84.6rem !important;
}
.wrem-85-6 {
width: 85.6rem !important;
}
.wrem-86-6 {
width: 86.6rem !important;
}
.wrem-87-6 {
width: 87.6rem !important;
}
.wrem-88-6 {
width: 88.6rem !important;
}
.wrem-89-6 {
width: 89.6rem !important;
}
.wrem-90-6 {
width: 90.6rem !important;
}
.wrem-91-6 {
width: 91.6rem !important;
}
.wrem-92-6 {
width: 92.6rem !important;
}
.wrem-93-6 {
width: 93.6rem !important;
}
.wrem-94-6 {
width: 94.6rem !important;
}
.wrem-95-6 {
width: 95.6rem !important;
}
.wrem-96-6 {
width: 96.6rem !important;
}
.wrem-97-6 {
width: 97.6rem !important;
}
.wrem-98-6 {
width: 98.6rem !important;
}
.wrem-99-6 {
width: 99.6rem !important;
}
.wrem-1-65 {
width: 1.65rem !important;
}
.wrem-2-65 {
width: 2.65rem !important;
}
.wrem-3-65 {
width: 3.65rem !important;
}
.wrem-4-65 {
width: 4.65rem !important;
}
.wrem-5-65 {
width: 5.65rem !important;
}
.wrem-6-65 {
width: 6.65rem !important;
}
.wrem-7-65 {
width: 7.65rem !important;
}
.wrem-8-65 {
width: 8.65rem !important;
}
.wrem-9-65 {
width: 9.65rem !important;
}
.wrem-10-65 {
width: 10.65rem !important;
}
.wrem-15-65 {
width: 15.65rem !important;
}
.wrem-20-65 {
width: 20.65rem !important;
}
.wrem-21-65 {
width: 21.65rem !important;
}
.wrem-22-65 {
width: 22.65rem !important;
}
.wrem-23-65 {
width: 23.65rem !important;
}
.wrem-24-65 {
width: 24.65rem !important;
}
.wrem-25-65 {
width: 25.65rem !important;
}
.wrem-26-65 {
width: 26.65rem !important;
}
.wrem-27-65 {
width: 27.65rem !important;
}
.wrem-28-65 {
width: 28.65rem !important;
}
.wrem-29-65 {
width: 29.65rem !important;
}
.wrem-30-65 {
width: 30.65rem !important;
}
.wrem-31-65 {
width: 31.65rem !important;
}
.wrem-32-65 {
width: 32.65rem !important;
}
.wrem-33-65 {
width: 33.65rem !important;
}
.wrem-34-65 {
width: 34.65rem !important;
}
.wrem-35-65 {
width: 35.65rem !important;
}
.wrem-36-65 {
width: 36.65rem !important;
}
.wrem-37-65 {
width: 37.65rem !important;
}
.wrem-38-65 {
width: 38.65rem !important;
}
.wrem-39-65 {
width: 39.65rem !important;
}
.wrem-40-65 {
width: 40.65rem !important;
}
.wrem-41-65 {
width: 41.65rem !important;
}
.wrem-42-65 {
width: 42.65rem !important;
}
.wrem-43-65 {
width: 43.65rem !important;
}
.wrem-44-65 {
width: 44.65rem !important;
}
.wrem-45-65 {
width: 45.65rem !important;
}
.wrem-46-65 {
width: 46.65rem !important;
}
.wrem-47-65 {
width: 47.65rem !important;
}
.wrem-48-65 {
width: 48.65rem !important;
}
.wrem-49-65 {
width: 49.65rem !important;
}
.wrem-50-65 {
width: 50.65rem !important;
}
.wrem-51-65 {
width: 51.65rem !important;
}
.wrem-52-65 {
width: 52.65rem !important;
}
.wrem-53-65 {
width: 53.65rem !important;
}
.wrem-54-65 {
width: 54.65rem !important;
}
.wrem-55-65 {
width: 55.65rem !important;
}
.wrem-56-65 {
width: 56.65rem !important;
}
.wrem-57-65 {
width: 57.65rem !important;
}
.wrem-58-65 {
width: 58.65rem !important;
}
.wrem-59-65 {
width: 59.65rem !important;
}
.wrem-60-65 {
width: 60.65rem !important;
}
.wrem-61-65 {
width: 61.65rem !important;
}
.wrem-62-65 {
width: 62.65rem !important;
}
.wrem-63-65 {
width: 63.65rem !important;
}
.wrem-64-65 {
width: 64.65rem !important;
}
.wrem-65-65 {
width: 65.65rem !important;
}
.wrem-66-65 {
width: 66.65rem !important;
}
.wrem-67-65 {
width: 67.65rem !important;
}
.wrem-68-65 {
width: 68.65rem !important;
}
.wrem-69-65 {
width: 69.65rem !important;
}
.wrem-70-65 {
width: 70.65rem !important;
}
.wrem-71-65 {
width: 71.65rem !important;
}
.wrem-72-65 {
width: 72.65rem !important;
}
.wrem-73-65 {
width: 73.65rem !important;
}
.wrem-74-65 {
width: 74.65rem !important;
}
.wrem-75-65 {
width: 75.65rem !important;
}
.wrem-76-65 {
width: 76.65rem !important;
}
.wrem-77-65 {
width: 77.65rem !important;
}
.wrem-78-65 {
width: 78.65rem !important;
}
.wrem-79-65 {
width: 79.65rem !important;
}
.wrem-80-65 {
width: 80.65rem !important;
}
.wrem-81-65 {
width: 81.65rem !important;
}
.wrem-82-65 {
width: 82.65rem !important;
}
.wrem-83-65 {
width: 83.65rem !important;
}
.wrem-84-65 {
width: 84.65rem !important;
}
.wrem-85-65 {
width: 85.65rem !important;
}
.wrem-86-65 {
width: 86.65rem !important;
}
.wrem-87-65 {
width: 87.65rem !important;
}
.wrem-88-65 {
width: 88.65rem !important;
}
.wrem-89-65 {
width: 89.65rem !important;
}
.wrem-90-65 {
width: 90.65rem !important;
}
.wrem-91-65 {
width: 91.65rem !important;
}
.wrem-92-65 {
width: 92.65rem !important;
}
.wrem-93-65 {
width: 93.65rem !important;
}
.wrem-94-65 {
width: 94.65rem !important;
}
.wrem-95-65 {
width: 95.65rem !important;
}
.wrem-96-65 {
width: 96.65rem !important;
}
.wrem-97-65 {
width: 97.65rem !important;
}
.wrem-98-65 {
width: 98.65rem !important;
}
.wrem-99-65 {
width: 99.65rem !important;
}
.wrem-1-7 {
width: 1.7rem !important;
}
.wrem-2-7 {
width: 2.7rem !important;
}
.wrem-3-7 {
width: 3.7rem !important;
}
.wrem-4-7 {
width: 4.7rem !important;
}
.wrem-5-7 {
width: 5.7rem !important;
}
.wrem-6-7 {
width: 6.7rem !important;
}
.wrem-7-7 {
width: 7.7rem !important;
}
.wrem-8-7 {
width: 8.7rem !important;
}
.wrem-9-7 {
width: 9.7rem !important;
}
.wrem-10-7 {
width: 10.7rem !important;
}
.wrem-15-7 {
width: 15.7rem !important;
}
.wrem-20-7 {
width: 20.7rem !important;
}
.wrem-21-7 {
width: 21.7rem !important;
}
.wrem-22-7 {
width: 22.7rem !important;
}
.wrem-23-7 {
width: 23.7rem !important;
}
.wrem-24-7 {
width: 24.7rem !important;
}
.wrem-25-7 {
width: 25.7rem !important;
}
.wrem-26-7 {
width: 26.7rem !important;
}
.wrem-27-7 {
width: 27.7rem !important;
}
.wrem-28-7 {
width: 28.7rem !important;
}
.wrem-29-7 {
width: 29.7rem !important;
}
.wrem-30-7 {
width: 30.7rem !important;
}
.wrem-31-7 {
width: 31.7rem !important;
}
.wrem-32-7 {
width: 32.7rem !important;
}
.wrem-33-7 {
width: 33.7rem !important;
}
.wrem-34-7 {
width: 34.7rem !important;
}
.wrem-35-7 {
width: 35.7rem !important;
}
.wrem-36-7 {
width: 36.7rem !important;
}
.wrem-37-7 {
width: 37.7rem !important;
}
.wrem-38-7 {
width: 38.7rem !important;
}
.wrem-39-7 {
width: 39.7rem !important;
}
.wrem-40-7 {
width: 40.7rem !important;
}
.wrem-41-7 {
width: 41.7rem !important;
}
.wrem-42-7 {
width: 42.7rem !important;
}
.wrem-43-7 {
width: 43.7rem !important;
}
.wrem-44-7 {
width: 44.7rem !important;
}
.wrem-45-7 {
width: 45.7rem !important;
}
.wrem-46-7 {
width: 46.7rem !important;
}
.wrem-47-7 {
width: 47.7rem !important;
}
.wrem-48-7 {
width: 48.7rem !important;
}
.wrem-49-7 {
width: 49.7rem !important;
}
.wrem-50-7 {
width: 50.7rem !important;
}
.wrem-51-7 {
width: 51.7rem !important;
}
.wrem-52-7 {
width: 52.7rem !important;
}
.wrem-53-7 {
width: 53.7rem !important;
}
.wrem-54-7 {
width: 54.7rem !important;
}
.wrem-55-7 {
width: 55.7rem !important;
}
.wrem-56-7 {
width: 56.7rem !important;
}
.wrem-57-7 {
width: 57.7rem !important;
}
.wrem-58-7 {
width: 58.7rem !important;
}
.wrem-59-7 {
width: 59.7rem !important;
}
.wrem-60-7 {
width: 60.7rem !important;
}
.wrem-61-7 {
width: 61.7rem !important;
}
.wrem-62-7 {
width: 62.7rem !important;
}
.wrem-63-7 {
width: 63.7rem !important;
}
.wrem-64-7 {
width: 64.7rem !important;
}
.wrem-65-7 {
width: 65.7rem !important;
}
.wrem-66-7 {
width: 66.7rem !important;
}
.wrem-67-7 {
width: 67.7rem !important;
}
.wrem-68-7 {
width: 68.7rem !important;
}
.wrem-69-7 {
width: 69.7rem !important;
}
.wrem-70-7 {
width: 70.7rem !important;
}
.wrem-71-7 {
width: 71.7rem !important;
}
.wrem-72-7 {
width: 72.7rem !important;
}
.wrem-73-7 {
width: 73.7rem !important;
}
.wrem-74-7 {
width: 74.7rem !important;
}
.wrem-75-7 {
width: 75.7rem !important;
}
.wrem-76-7 {
width: 76.7rem !important;
}
.wrem-77-7 {
width: 77.7rem !important;
}
.wrem-78-7 {
width: 78.7rem !important;
}
.wrem-79-7 {
width: 79.7rem !important;
}
.wrem-80-7 {
width: 80.7rem !important;
}
.wrem-81-7 {
width: 81.7rem !important;
}
.wrem-82-7 {
width: 82.7rem !important;
}
.wrem-83-7 {
width: 83.7rem !important;
}
.wrem-84-7 {
width: 84.7rem !important;
}
.wrem-85-7 {
width: 85.7rem !important;
}
.wrem-86-7 {
width: 86.7rem !important;
}
.wrem-87-7 {
width: 87.7rem !important;
}
.wrem-88-7 {
width: 88.7rem !important;
}
.wrem-89-7 {
width: 89.7rem !important;
}
.wrem-90-7 {
width: 90.7rem !important;
}
.wrem-91-7 {
width: 91.7rem !important;
}
.wrem-92-7 {
width: 92.7rem !important;
}
.wrem-93-7 {
width: 93.7rem !important;
}
.wrem-94-7 {
width: 94.7rem !important;
}
.wrem-95-7 {
width: 95.7rem !important;
}
.wrem-96-7 {
width: 96.7rem !important;
}
.wrem-97-7 {
width: 97.7rem !important;
}
.wrem-98-7 {
width: 98.7rem !important;
}
.wrem-99-7 {
width: 99.7rem !important;
}
.wrem-1-75 {
width: 1.75rem !important;
}
.wrem-2-75 {
width: 2.75rem !important;
}
.wrem-3-75 {
width: 3.75rem !important;
}
.wrem-4-75 {
width: 4.75rem !important;
}
.wrem-5-75 {
width: 5.75rem !important;
}
.wrem-6-75 {
width: 6.75rem !important;
}
.wrem-7-75 {
width: 7.75rem !important;
}
.wrem-8-75 {
width: 8.75rem !important;
}
.wrem-9-75 {
width: 9.75rem !important;
}
.wrem-10-75 {
width: 10.75rem !important;
}
.wrem-15-75 {
width: 15.75rem !important;
}
.wrem-20-75 {
width: 20.75rem !important;
}
.wrem-21-75 {
width: 21.75rem !important;
}
.wrem-22-75 {
width: 22.75rem !important;
}
.wrem-23-75 {
width: 23.75rem !important;
}
.wrem-24-75 {
width: 24.75rem !important;
}
.wrem-25-75 {
width: 25.75rem !important;
}
.wrem-26-75 {
width: 26.75rem !important;
}
.wrem-27-75 {
width: 27.75rem !important;
}
.wrem-28-75 {
width: 28.75rem !important;
}
.wrem-29-75 {
width: 29.75rem !important;
}
.wrem-30-75 {
width: 30.75rem !important;
}
.wrem-31-75 {
width: 31.75rem !important;
}
.wrem-32-75 {
width: 32.75rem !important;
}
.wrem-33-75 {
width: 33.75rem !important;
}
.wrem-34-75 {
width: 34.75rem !important;
}
.wrem-35-75 {
width: 35.75rem !important;
}
.wrem-36-75 {
width: 36.75rem !important;
}
.wrem-37-75 {
width: 37.75rem !important;
}
.wrem-38-75 {
width: 38.75rem !important;
}
.wrem-39-75 {
width: 39.75rem !important;
}
.wrem-40-75 {
width: 40.75rem !important;
}
.wrem-41-75 {
width: 41.75rem !important;
}
.wrem-42-75 {
width: 42.75rem !important;
}
.wrem-43-75 {
width: 43.75rem !important;
}
.wrem-44-75 {
width: 44.75rem !important;
}
.wrem-45-75 {
width: 45.75rem !important;
}
.wrem-46-75 {
width: 46.75rem !important;
}
.wrem-47-75 {
width: 47.75rem !important;
}
.wrem-48-75 {
width: 48.75rem !important;
}
.wrem-49-75 {
width: 49.75rem !important;
}
.wrem-50-75 {
width: 50.75rem !important;
}
.wrem-51-75 {
width: 51.75rem !important;
}
.wrem-52-75 {
width: 52.75rem !important;
}
.wrem-53-75 {
width: 53.75rem !important;
}
.wrem-54-75 {
width: 54.75rem !important;
}
.wrem-55-75 {
width: 55.75rem !important;
}
.wrem-56-75 {
width: 56.75rem !important;
}
.wrem-57-75 {
width: 57.75rem !important;
}
.wrem-58-75 {
width: 58.75rem !important;
}
.wrem-59-75 {
width: 59.75rem !important;
}
.wrem-60-75 {
width: 60.75rem !important;
}
.wrem-61-75 {
width: 61.75rem !important;
}
.wrem-62-75 {
width: 62.75rem !important;
}
.wrem-63-75 {
width: 63.75rem !important;
}
.wrem-64-75 {
width: 64.75rem !important;
}
.wrem-65-75 {
width: 65.75rem !important;
}
.wrem-66-75 {
width: 66.75rem !important;
}
.wrem-67-75 {
width: 67.75rem !important;
}
.wrem-68-75 {
width: 68.75rem !important;
}
.wrem-69-75 {
width: 69.75rem !important;
}
.wrem-70-75 {
width: 70.75rem !important;
}
.wrem-71-75 {
width: 71.75rem !important;
}
.wrem-72-75 {
width: 72.75rem !important;
}
.wrem-73-75 {
width: 73.75rem !important;
}
.wrem-74-75 {
width: 74.75rem !important;
}
.wrem-75-75 {
width: 75.75rem !important;
}
.wrem-76-75 {
width: 76.75rem !important;
}
.wrem-77-75 {
width: 77.75rem !important;
}
.wrem-78-75 {
width: 78.75rem !important;
}
.wrem-79-75 {
width: 79.75rem !important;
}
.wrem-80-75 {
width: 80.75rem !important;
}
.wrem-81-75 {
width: 81.75rem !important;
}
.wrem-82-75 {
width: 82.75rem !important;
}
.wrem-83-75 {
width: 83.75rem !important;
}
.wrem-84-75 {
width: 84.75rem !important;
}
.wrem-85-75 {
width: 85.75rem !important;
}
.wrem-86-75 {
width: 86.75rem !important;
}
.wrem-87-75 {
width: 87.75rem !important;
}
.wrem-88-75 {
width: 88.75rem !important;
}
.wrem-89-75 {
width: 89.75rem !important;
}
.wrem-90-75 {
width: 90.75rem !important;
}
.wrem-91-75 {
width: 91.75rem !important;
}
.wrem-92-75 {
width: 92.75rem !important;
}
.wrem-93-75 {
width: 93.75rem !important;
}
.wrem-94-75 {
width: 94.75rem !important;
}
.wrem-95-75 {
width: 95.75rem !important;
}
.wrem-96-75 {
width: 96.75rem !important;
}
.wrem-97-75 {
width: 97.75rem !important;
}
.wrem-98-75 {
width: 98.75rem !important;
}
.wrem-99-75 {
width: 99.75rem !important;
}
.wrem-1-8 {
width: 1.8rem !important;
}
.wrem-2-8 {
width: 2.8rem !important;
}
.wrem-3-8 {
width: 3.8rem !important;
}
.wrem-4-8 {
width: 4.8rem !important;
}
.wrem-5-8 {
width: 5.8rem !important;
}
.wrem-6-8 {
width: 6.8rem !important;
}
.wrem-7-8 {
width: 7.8rem !important;
}
.wrem-8-8 {
width: 8.8rem !important;
}
.wrem-9-8 {
width: 9.8rem !important;
}
.wrem-10-8 {
width: 10.8rem !important;
}
.wrem-15-8 {
width: 15.8rem !important;
}
.wrem-20-8 {
width: 20.8rem !important;
}
.wrem-21-8 {
width: 21.8rem !important;
}
.wrem-22-8 {
width: 22.8rem !important;
}
.wrem-23-8 {
width: 23.8rem !important;
}
.wrem-24-8 {
width: 24.8rem !important;
}
.wrem-25-8 {
width: 25.8rem !important;
}
.wrem-26-8 {
width: 26.8rem !important;
}
.wrem-27-8 {
width: 27.8rem !important;
}
.wrem-28-8 {
width: 28.8rem !important;
}
.wrem-29-8 {
width: 29.8rem !important;
}
.wrem-30-8 {
width: 30.8rem !important;
}
.wrem-31-8 {
width: 31.8rem !important;
}
.wrem-32-8 {
width: 32.8rem !important;
}
.wrem-33-8 {
width: 33.8rem !important;
}
.wrem-34-8 {
width: 34.8rem !important;
}
.wrem-35-8 {
width: 35.8rem !important;
}
.wrem-36-8 {
width: 36.8rem !important;
}
.wrem-37-8 {
width: 37.8rem !important;
}
.wrem-38-8 {
width: 38.8rem !important;
}
.wrem-39-8 {
width: 39.8rem !important;
}
.wrem-40-8 {
width: 40.8rem !important;
}
.wrem-41-8 {
width: 41.8rem !important;
}
.wrem-42-8 {
width: 42.8rem !important;
}
.wrem-43-8 {
width: 43.8rem !important;
}
.wrem-44-8 {
width: 44.8rem !important;
}
.wrem-45-8 {
width: 45.8rem !important;
}
.wrem-46-8 {
width: 46.8rem !important;
}
.wrem-47-8 {
width: 47.8rem !important;
}
.wrem-48-8 {
width: 48.8rem !important;
}
.wrem-49-8 {
width: 49.8rem !important;
}
.wrem-50-8 {
width: 50.8rem !important;
}
.wrem-51-8 {
width: 51.8rem !important;
}
.wrem-52-8 {
width: 52.8rem !important;
}
.wrem-53-8 {
width: 53.8rem !important;
}
.wrem-54-8 {
width: 54.8rem !important;
}
.wrem-55-8 {
width: 55.8rem !important;
}
.wrem-56-8 {
width: 56.8rem !important;
}
.wrem-57-8 {
width: 57.8rem !important;
}
.wrem-58-8 {
width: 58.8rem !important;
}
.wrem-59-8 {
width: 59.8rem !important;
}
.wrem-60-8 {
width: 60.8rem !important;
}
.wrem-61-8 {
width: 61.8rem !important;
}
.wrem-62-8 {
width: 62.8rem !important;
}
.wrem-63-8 {
width: 63.8rem !important;
}
.wrem-64-8 {
width: 64.8rem !important;
}
.wrem-65-8 {
width: 65.8rem !important;
}
.wrem-66-8 {
width: 66.8rem !important;
}
.wrem-67-8 {
width: 67.8rem !important;
}
.wrem-68-8 {
width: 68.8rem !important;
}
.wrem-69-8 {
width: 69.8rem !important;
}
.wrem-70-8 {
width: 70.8rem !important;
}
.wrem-71-8 {
width: 71.8rem !important;
}
.wrem-72-8 {
width: 72.8rem !important;
}
.wrem-73-8 {
width: 73.8rem !important;
}
.wrem-74-8 {
width: 74.8rem !important;
}
.wrem-75-8 {
width: 75.8rem !important;
}
.wrem-76-8 {
width: 76.8rem !important;
}
.wrem-77-8 {
width: 77.8rem !important;
}
.wrem-78-8 {
width: 78.8rem !important;
}
.wrem-79-8 {
width: 79.8rem !important;
}
.wrem-80-8 {
width: 80.8rem !important;
}
.wrem-81-8 {
width: 81.8rem !important;
}
.wrem-82-8 {
width: 82.8rem !important;
}
.wrem-83-8 {
width: 83.8rem !important;
}
.wrem-84-8 {
width: 84.8rem !important;
}
.wrem-85-8 {
width: 85.8rem !important;
}
.wrem-86-8 {
width: 86.8rem !important;
}
.wrem-87-8 {
width: 87.8rem !important;
}
.wrem-88-8 {
width: 88.8rem !important;
}
.wrem-89-8 {
width: 89.8rem !important;
}
.wrem-90-8 {
width: 90.8rem !important;
}
.wrem-91-8 {
width: 91.8rem !important;
}
.wrem-92-8 {
width: 92.8rem !important;
}
.wrem-93-8 {
width: 93.8rem !important;
}
.wrem-94-8 {
width: 94.8rem !important;
}
.wrem-95-8 {
width: 95.8rem !important;
}
.wrem-96-8 {
width: 96.8rem !important;
}
.wrem-97-8 {
width: 97.8rem !important;
}
.wrem-98-8 {
width: 98.8rem !important;
}
.wrem-99-8 {
width: 99.8rem !important;
}
.wrem-1-85 {
width: 1.85rem !important;
}
.wrem-2-85 {
width: 2.85rem !important;
}
.wrem-3-85 {
width: 3.85rem !important;
}
.wrem-4-85 {
width: 4.85rem !important;
}
.wrem-5-85 {
width: 5.85rem !important;
}
.wrem-6-85 {
width: 6.85rem !important;
}
.wrem-7-85 {
width: 7.85rem !important;
}
.wrem-8-85 {
width: 8.85rem !important;
}
.wrem-9-85 {
width: 9.85rem !important;
}
.wrem-10-85 {
width: 10.85rem !important;
}
.wrem-15-85 {
width: 15.85rem !important;
}
.wrem-20-85 {
width: 20.85rem !important;
}
.wrem-21-85 {
width: 21.85rem !important;
}
.wrem-22-85 {
width: 22.85rem !important;
}
.wrem-23-85 {
width: 23.85rem !important;
}
.wrem-24-85 {
width: 24.85rem !important;
}
.wrem-25-85 {
width: 25.85rem !important;
}
.wrem-26-85 {
width: 26.85rem !important;
}
.wrem-27-85 {
width: 27.85rem !important;
}
.wrem-28-85 {
width: 28.85rem !important;
}
.wrem-29-85 {
width: 29.85rem !important;
}
.wrem-30-85 {
width: 30.85rem !important;
}
.wrem-31-85 {
width: 31.85rem !important;
}
.wrem-32-85 {
width: 32.85rem !important;
}
.wrem-33-85 {
width: 33.85rem !important;
}
.wrem-34-85 {
width: 34.85rem !important;
}
.wrem-35-85 {
width: 35.85rem !important;
}
.wrem-36-85 {
width: 36.85rem !important;
}
.wrem-37-85 {
width: 37.85rem !important;
}
.wrem-38-85 {
width: 38.85rem !important;
}
.wrem-39-85 {
width: 39.85rem !important;
}
.wrem-40-85 {
width: 40.85rem !important;
}
.wrem-41-85 {
width: 41.85rem !important;
}
.wrem-42-85 {
width: 42.85rem !important;
}
.wrem-43-85 {
width: 43.85rem !important;
}
.wrem-44-85 {
width: 44.85rem !important;
}
.wrem-45-85 {
width: 45.85rem !important;
}
.wrem-46-85 {
width: 46.85rem !important;
}
.wrem-47-85 {
width: 47.85rem !important;
}
.wrem-48-85 {
width: 48.85rem !important;
}
.wrem-49-85 {
width: 49.85rem !important;
}
.wrem-50-85 {
width: 50.85rem !important;
}
.wrem-51-85 {
width: 51.85rem !important;
}
.wrem-52-85 {
width: 52.85rem !important;
}
.wrem-53-85 {
width: 53.85rem !important;
}
.wrem-54-85 {
width: 54.85rem !important;
}
.wrem-55-85 {
width: 55.85rem !important;
}
.wrem-56-85 {
width: 56.85rem !important;
}
.wrem-57-85 {
width: 57.85rem !important;
}
.wrem-58-85 {
width: 58.85rem !important;
}
.wrem-59-85 {
width: 59.85rem !important;
}
.wrem-60-85 {
width: 60.85rem !important;
}
.wrem-61-85 {
width: 61.85rem !important;
}
.wrem-62-85 {
width: 62.85rem !important;
}
.wrem-63-85 {
width: 63.85rem !important;
}
.wrem-64-85 {
width: 64.85rem !important;
}
.wrem-65-85 {
width: 65.85rem !important;
}
.wrem-66-85 {
width: 66.85rem !important;
}
.wrem-67-85 {
width: 67.85rem !important;
}
.wrem-68-85 {
width: 68.85rem !important;
}
.wrem-69-85 {
width: 69.85rem !important;
}
.wrem-70-85 {
width: 70.85rem !important;
}
.wrem-71-85 {
width: 71.85rem !important;
}
.wrem-72-85 {
width: 72.85rem !important;
}
.wrem-73-85 {
width: 73.85rem !important;
}
.wrem-74-85 {
width: 74.85rem !important;
}
.wrem-75-85 {
width: 75.85rem !important;
}
.wrem-76-85 {
width: 76.85rem !important;
}
.wrem-77-85 {
width: 77.85rem !important;
}
.wrem-78-85 {
width: 78.85rem !important;
}
.wrem-79-85 {
width: 79.85rem !important;
}
.wrem-80-85 {
width: 80.85rem !important;
}
.wrem-81-85 {
width: 81.85rem !important;
}
.wrem-82-85 {
width: 82.85rem !important;
}
.wrem-83-85 {
width: 83.85rem !important;
}
.wrem-84-85 {
width: 84.85rem !important;
}
.wrem-85-85 {
width: 85.85rem !important;
}
.wrem-86-85 {
width: 86.85rem !important;
}
.wrem-87-85 {
width: 87.85rem !important;
}
.wrem-88-85 {
width: 88.85rem !important;
}
.wrem-89-85 {
width: 89.85rem !important;
}
.wrem-90-85 {
width: 90.85rem !important;
}
.wrem-91-85 {
width: 91.85rem !important;
}
.wrem-92-85 {
width: 92.85rem !important;
}
.wrem-93-85 {
width: 93.85rem !important;
}
.wrem-94-85 {
width: 94.85rem !important;
}
.wrem-95-85 {
width: 95.85rem !important;
}
.wrem-96-85 {
width: 96.85rem !important;
}
.wrem-97-85 {
width: 97.85rem !important;
}
.wrem-98-85 {
width: 98.85rem !important;
}
.wrem-99-85 {
width: 99.85rem !important;
}
.wrem-1-9 {
width: 1.9rem !important;
}
.wrem-2-9 {
width: 2.9rem !important;
}
.wrem-3-9 {
width: 3.9rem !important;
}
.wrem-4-9 {
width: 4.9rem !important;
}
.wrem-5-9 {
width: 5.9rem !important;
}
.wrem-6-9 {
width: 6.9rem !important;
}
.wrem-7-9 {
width: 7.9rem !important;
}
.wrem-8-9 {
width: 8.9rem !important;
}
.wrem-9-9 {
width: 9.9rem !important;
}
.wrem-10-9 {
width: 10.9rem !important;
}
.wrem-15-9 {
width: 15.9rem !important;
}
.wrem-20-9 {
width: 20.9rem !important;
}
.wrem-21-9 {
width: 21.9rem !important;
}
.wrem-22-9 {
width: 22.9rem !important;
}
.wrem-23-9 {
width: 23.9rem !important;
}
.wrem-24-9 {
width: 24.9rem !important;
}
.wrem-25-9 {
width: 25.9rem !important;
}
.wrem-26-9 {
width: 26.9rem !important;
}
.wrem-27-9 {
width: 27.9rem !important;
}
.wrem-28-9 {
width: 28.9rem !important;
}
.wrem-29-9 {
width: 29.9rem !important;
}
.wrem-30-9 {
width: 30.9rem !important;
}
.wrem-31-9 {
width: 31.9rem !important;
}
.wrem-32-9 {
width: 32.9rem !important;
}
.wrem-33-9 {
width: 33.9rem !important;
}
.wrem-34-9 {
width: 34.9rem !important;
}
.wrem-35-9 {
width: 35.9rem !important;
}
.wrem-36-9 {
width: 36.9rem !important;
}
.wrem-37-9 {
width: 37.9rem !important;
}
.wrem-38-9 {
width: 38.9rem !important;
}
.wrem-39-9 {
width: 39.9rem !important;
}
.wrem-40-9 {
width: 40.9rem !important;
}
.wrem-41-9 {
width: 41.9rem !important;
}
.wrem-42-9 {
width: 42.9rem !important;
}
.wrem-43-9 {
width: 43.9rem !important;
}
.wrem-44-9 {
width: 44.9rem !important;
}
.wrem-45-9 {
width: 45.9rem !important;
}
.wrem-46-9 {
width: 46.9rem !important;
}
.wrem-47-9 {
width: 47.9rem !important;
}
.wrem-48-9 {
width: 48.9rem !important;
}
.wrem-49-9 {
width: 49.9rem !important;
}
.wrem-50-9 {
width: 50.9rem !important;
}
.wrem-51-9 {
width: 51.9rem !important;
}
.wrem-52-9 {
width: 52.9rem !important;
}
.wrem-53-9 {
width: 53.9rem !important;
}
.wrem-54-9 {
width: 54.9rem !important;
}
.wrem-55-9 {
width: 55.9rem !important;
}
.wrem-56-9 {
width: 56.9rem !important;
}
.wrem-57-9 {
width: 57.9rem !important;
}
.wrem-58-9 {
width: 58.9rem !important;
}
.wrem-59-9 {
width: 59.9rem !important;
}
.wrem-60-9 {
width: 60.9rem !important;
}
.wrem-61-9 {
width: 61.9rem !important;
}
.wrem-62-9 {
width: 62.9rem !important;
}
.wrem-63-9 {
width: 63.9rem !important;
}
.wrem-64-9 {
width: 64.9rem !important;
}
.wrem-65-9 {
width: 65.9rem !important;
}
.wrem-66-9 {
width: 66.9rem !important;
}
.wrem-67-9 {
width: 67.9rem !important;
}
.wrem-68-9 {
width: 68.9rem !important;
}
.wrem-69-9 {
width: 69.9rem !important;
}
.wrem-70-9 {
width: 70.9rem !important;
}
.wrem-71-9 {
width: 71.9rem !important;
}
.wrem-72-9 {
width: 72.9rem !important;
}
.wrem-73-9 {
width: 73.9rem !important;
}
.wrem-74-9 {
width: 74.9rem !important;
}
.wrem-75-9 {
width: 75.9rem !important;
}
.wrem-76-9 {
width: 76.9rem !important;
}
.wrem-77-9 {
width: 77.9rem !important;
}
.wrem-78-9 {
width: 78.9rem !important;
}
.wrem-79-9 {
width: 79.9rem !important;
}
.wrem-80-9 {
width: 80.9rem !important;
}
.wrem-81-9 {
width: 81.9rem !important;
}
.wrem-82-9 {
width: 82.9rem !important;
}
.wrem-83-9 {
width: 83.9rem !important;
}
.wrem-84-9 {
width: 84.9rem !important;
}
.wrem-85-9 {
width: 85.9rem !important;
}
.wrem-86-9 {
width: 86.9rem !important;
}
.wrem-87-9 {
width: 87.9rem !important;
}
.wrem-88-9 {
width: 88.9rem !important;
}
.wrem-89-9 {
width: 89.9rem !important;
}
.wrem-90-9 {
width: 90.9rem !important;
}
.wrem-91-9 {
width: 91.9rem !important;
}
.wrem-92-9 {
width: 92.9rem !important;
}
.wrem-93-9 {
width: 93.9rem !important;
}
.wrem-94-9 {
width: 94.9rem !important;
}
.wrem-95-9 {
width: 95.9rem !important;
}
.wrem-96-9 {
width: 96.9rem !important;
}
.wrem-97-9 {
width: 97.9rem !important;
}
.wrem-98-9 {
width: 98.9rem !important;
}
.wrem-99-9 {
width: 99.9rem !important;
}
.wrem-1-95 {
width: 1.95rem !important;
}
.wrem-2-95 {
width: 2.95rem !important;
}
.wrem-3-95 {
width: 3.95rem !important;
}
.wrem-4-95 {
width: 4.95rem !important;
}
.wrem-5-95 {
width: 5.95rem !important;
}
.wrem-6-95 {
width: 6.95rem !important;
}
.wrem-7-95 {
width: 7.95rem !important;
}
.wrem-8-95 {
width: 8.95rem !important;
}
.wrem-9-95 {
width: 9.95rem !important;
}
.wrem-10-95 {
width: 10.95rem !important;
}
.wrem-15-95 {
width: 15.95rem !important;
}
.wrem-20-95 {
width: 20.95rem !important;
}
.wrem-21-95 {
width: 21.95rem !important;
}
.wrem-22-95 {
width: 22.95rem !important;
}
.wrem-23-95 {
width: 23.95rem !important;
}
.wrem-24-95 {
width: 24.95rem !important;
}
.wrem-25-95 {
width: 25.95rem !important;
}
.wrem-26-95 {
width: 26.95rem !important;
}
.wrem-27-95 {
width: 27.95rem !important;
}
.wrem-28-95 {
width: 28.95rem !important;
}
.wrem-29-95 {
width: 29.95rem !important;
}
.wrem-30-95 {
width: 30.95rem !important;
}
.wrem-31-95 {
width: 31.95rem !important;
}
.wrem-32-95 {
width: 32.95rem !important;
}
.wrem-33-95 {
width: 33.95rem !important;
}
.wrem-34-95 {
width: 34.95rem !important;
}
.wrem-35-95 {
width: 35.95rem !important;
}
.wrem-36-95 {
width: 36.95rem !important;
}
.wrem-37-95 {
width: 37.95rem !important;
}
.wrem-38-95 {
width: 38.95rem !important;
}
.wrem-39-95 {
width: 39.95rem !important;
}
.wrem-40-95 {
width: 40.95rem !important;
}
.wrem-41-95 {
width: 41.95rem !important;
}
.wrem-42-95 {
width: 42.95rem !important;
}
.wrem-43-95 {
width: 43.95rem !important;
}
.wrem-44-95 {
width: 44.95rem !important;
}
.wrem-45-95 {
width: 45.95rem !important;
}
.wrem-46-95 {
width: 46.95rem !important;
}
.wrem-47-95 {
width: 47.95rem !important;
}
.wrem-48-95 {
width: 48.95rem !important;
}
.wrem-49-95 {
width: 49.95rem !important;
}
.wrem-50-95 {
width: 50.95rem !important;
}
.wrem-51-95 {
width: 51.95rem !important;
}
.wrem-52-95 {
width: 52.95rem !important;
}
.wrem-53-95 {
width: 53.95rem !important;
}
.wrem-54-95 {
width: 54.95rem !important;
}
.wrem-55-95 {
width: 55.95rem !important;
}
.wrem-56-95 {
width: 56.95rem !important;
}
.wrem-57-95 {
width: 57.95rem !important;
}
.wrem-58-95 {
width: 58.95rem !important;
}
.wrem-59-95 {
width: 59.95rem !important;
}
.wrem-60-95 {
width: 60.95rem !important;
}
.wrem-61-95 {
width: 61.95rem !important;
}
.wrem-62-95 {
width: 62.95rem !important;
}
.wrem-63-95 {
width: 63.95rem !important;
}
.wrem-64-95 {
width: 64.95rem !important;
}
.wrem-65-95 {
width: 65.95rem !important;
}
.wrem-66-95 {
width: 66.95rem !important;
}
.wrem-67-95 {
width: 67.95rem !important;
}
.wrem-68-95 {
width: 68.95rem !important;
}
.wrem-69-95 {
width: 69.95rem !important;
}
.wrem-70-95 {
width: 70.95rem !important;
}
.wrem-71-95 {
width: 71.95rem !important;
}
.wrem-72-95 {
width: 72.95rem !important;
}
.wrem-73-95 {
width: 73.95rem !important;
}
.wrem-74-95 {
width: 74.95rem !important;
}
.wrem-75-95 {
width: 75.95rem !important;
}
.wrem-76-95 {
width: 76.95rem !important;
}
.wrem-77-95 {
width: 77.95rem !important;
}
.wrem-78-95 {
width: 78.95rem !important;
}
.wrem-79-95 {
width: 79.95rem !important;
}
.wrem-80-95 {
width: 80.95rem !important;
}
.wrem-81-95 {
width: 81.95rem !important;
}
.wrem-82-95 {
width: 82.95rem !important;
}
.wrem-83-95 {
width: 83.95rem !important;
}
.wrem-84-95 {
width: 84.95rem !important;
}
.wrem-85-95 {
width: 85.95rem !important;
}
.wrem-86-95 {
width: 86.95rem !important;
}
.wrem-87-95 {
width: 87.95rem !important;
}
.wrem-88-95 {
width: 88.95rem !important;
}
.wrem-89-95 {
width: 89.95rem !important;
}
.wrem-90-95 {
width: 90.95rem !important;
}
.wrem-91-95 {
width: 91.95rem !important;
}
.wrem-92-95 {
width: 92.95rem !important;
}
.wrem-93-95 {
width: 93.95rem !important;
}
.wrem-94-95 {
width: 94.95rem !important;
}
.wrem-95-95 {
width: 95.95rem !important;
}
.wrem-96-95 {
width: 96.95rem !important;
}
.wrem-97-95 {
width: 97.95rem !important;
}
.wrem-98-95 {
width: 98.95rem !important;
}
.wrem-99-95 {
width: 99.95rem !important;
}
@media (min-width: 480px) {
.wd-xs-5 {
width: 5px;
}
.wd-xs-5p {
width: 5%;
}
.mx-wd-xs-5p {
max-width: 5%;
}
.mn-wd-xs-5p {
min-width: 5%;
}
.wd-xs-5-f {
width: 5px !important;
}
.wd-xs-5p-f {
width: 5% !important;
}
.mx-wd-xs-5p-f {
max-width: 5% !important;
}
.mn-wd-xs-5p-f {
min-width: 5% !important;
}
.wd-xs-10 {
width: 10px;
}
.wd-xs-10p {
width: 10%;
}
.mx-wd-xs-10p {
max-width: 10%;
}
.mn-wd-xs-10p {
min-width: 10%;
}
.wd-xs-10-f {
width: 10px !important;
}
.wd-xs-10p-f {
width: 10% !important;
}
.mx-wd-xs-10p-f {
max-width: 10% !important;
}
.mn-wd-xs-10p-f {
min-width: 10% !important;
}
.wd-xs-15 {
width: 15px;
}
.wd-xs-15p {
width: 15%;
}
.mx-wd-xs-15p {
max-width: 15%;
}
.mn-wd-xs-15p {
min-width: 15%;
}
.wd-xs-15-f {
width: 15px !important;
}
.wd-xs-15p-f {
width: 15% !important;
}
.mx-wd-xs-15p-f {
max-width: 15% !important;
}
.mn-wd-xs-15p-f {
min-width: 15% !important;
}
.wd-xs-20 {
width: 20px;
}
.wd-xs-20p {
width: 20%;
}
.mx-wd-xs-20p {
max-width: 20%;
}
.mn-wd-xs-20p {
min-width: 20%;
}
.wd-xs-20-f {
width: 20px !important;
}
.wd-xs-20p-f {
width: 20% !important;
}
.mx-wd-xs-20p-f {
max-width: 20% !important;
}
.mn-wd-xs-20p-f {
min-width: 20% !important;
}
.wd-xs-25 {
width: 25px;
}
.wd-xs-25p {
width: 25%;
}
.mx-wd-xs-25p {
max-width: 25%;
}
.mn-wd-xs-25p {
min-width: 25%;
}
.wd-xs-25-f {
width: 25px !important;
}
.wd-xs-25p-f {
width: 25% !important;
}
.mx-wd-xs-25p-f {
max-width: 25% !important;
}
.mn-wd-xs-25p-f {
min-width: 25% !important;
}
.wd-xs-30 {
width: 30px;
}
.wd-xs-30p {
width: 30%;
}
.mx-wd-xs-30p {
max-width: 30%;
}
.mn-wd-xs-30p {
min-width: 30%;
}
.wd-xs-30-f {
width: 30px !important;
}
.wd-xs-30p-f {
width: 30% !important;
}
.mx-wd-xs-30p-f {
max-width: 30% !important;
}
.mn-wd-xs-30p-f {
min-width: 30% !important;
}
.wd-xs-35 {
width: 35px;
}
.wd-xs-35p {
width: 35%;
}
.mx-wd-xs-35p {
max-width: 35%;
}
.mn-wd-xs-35p {
min-width: 35%;
}
.wd-xs-35-f {
width: 35px !important;
}
.wd-xs-35p-f {
width: 35% !important;
}
.mx-wd-xs-35p-f {
max-width: 35% !important;
}
.mn-wd-xs-35p-f {
min-width: 35% !important;
}
.wd-xs-40 {
width: 40px;
}
.wd-xs-40p {
width: 40%;
}
.mx-wd-xs-40p {
max-width: 40%;
}
.mn-wd-xs-40p {
min-width: 40%;
}
.wd-xs-40-f {
width: 40px !important;
}
.wd-xs-40p-f {
width: 40% !important;
}
.mx-wd-xs-40p-f {
max-width: 40% !important;
}
.mn-wd-xs-40p-f {
min-width: 40% !important;
}
.wd-xs-45 {
width: 45px;
}
.wd-xs-45p {
width: 45%;
}
.mx-wd-xs-45p {
max-width: 45%;
}
.mn-wd-xs-45p {
min-width: 45%;
}
.wd-xs-45-f {
width: 45px !important;
}
.wd-xs-45p-f {
width: 45% !important;
}
.mx-wd-xs-45p-f {
max-width: 45% !important;
}
.mn-wd-xs-45p-f {
min-width: 45% !important;
}
.wd-xs-50 {
width: 50px;
}
.wd-xs-50p {
width: 50%;
}
.mx-wd-xs-50p {
max-width: 50%;
}
.mn-wd-xs-50p {
min-width: 50%;
}
.wd-xs-50-f {
width: 50px !important;
}
.wd-xs-50p-f {
width: 50% !important;
}
.mx-wd-xs-50p-f {
max-width: 50% !important;
}
.mn-wd-xs-50p-f {
min-width: 50% !important;
}
.wd-xs-55 {
width: 55px;
}
.wd-xs-55p {
width: 55%;
}
.mx-wd-xs-55p {
max-width: 55%;
}
.mn-wd-xs-55p {
min-width: 55%;
}
.wd-xs-55-f {
width: 55px !important;
}
.wd-xs-55p-f {
width: 55% !important;
}
.mx-wd-xs-55p-f {
max-width: 55% !important;
}
.mn-wd-xs-55p-f {
min-width: 55% !important;
}
.wd-xs-60 {
width: 60px;
}
.wd-xs-60p {
width: 60%;
}
.mx-wd-xs-60p {
max-width: 60%;
}
.mn-wd-xs-60p {
min-width: 60%;
}
.wd-xs-60-f {
width: 60px !important;
}
.wd-xs-60p-f {
width: 60% !important;
}
.mx-wd-xs-60p-f {
max-width: 60% !important;
}
.mn-wd-xs-60p-f {
min-width: 60% !important;
}
.wd-xs-65 {
width: 65px;
}
.wd-xs-65p {
width: 65%;
}
.mx-wd-xs-65p {
max-width: 65%;
}
.mn-wd-xs-65p {
min-width: 65%;
}
.wd-xs-65-f {
width: 65px !important;
}
.wd-xs-65p-f {
width: 65% !important;
}
.mx-wd-xs-65p-f {
max-width: 65% !important;
}
.mn-wd-xs-65p-f {
min-width: 65% !important;
}
.wd-xs-70 {
width: 70px;
}
.wd-xs-70p {
width: 70%;
}
.mx-wd-xs-70p {
max-width: 70%;
}
.mn-wd-xs-70p {
min-width: 70%;
}
.wd-xs-70-f {
width: 70px !important;
}
.wd-xs-70p-f {
width: 70% !important;
}
.mx-wd-xs-70p-f {
max-width: 70% !important;
}
.mn-wd-xs-70p-f {
min-width: 70% !important;
}
.wd-xs-75 {
width: 75px;
}
.wd-xs-75p {
width: 75%;
}
.mx-wd-xs-75p {
max-width: 75%;
}
.mn-wd-xs-75p {
min-width: 75%;
}
.wd-xs-75-f {
width: 75px !important;
}
.wd-xs-75p-f {
width: 75% !important;
}
.mx-wd-xs-75p-f {
max-width: 75% !important;
}
.mn-wd-xs-75p-f {
min-width: 75% !important;
}
.wd-xs-80 {
width: 80px;
}
.wd-xs-80p {
width: 80%;
}
.mx-wd-xs-80p {
max-width: 80%;
}
.mn-wd-xs-80p {
min-width: 80%;
}
.wd-xs-80-f {
width: 80px !important;
}
.wd-xs-80p-f {
width: 80% !important;
}
.mx-wd-xs-80p-f {
max-width: 80% !important;
}
.mn-wd-xs-80p-f {
min-width: 80% !important;
}
.wd-xs-85 {
width: 85px;
}
.wd-xs-85p {
width: 85%;
}
.mx-wd-xs-85p {
max-width: 85%;
}
.mn-wd-xs-85p {
min-width: 85%;
}
.wd-xs-85-f {
width: 85px !important;
}
.wd-xs-85p-f {
width: 85% !important;
}
.mx-wd-xs-85p-f {
max-width: 85% !important;
}
.mn-wd-xs-85p-f {
min-width: 85% !important;
}
.wd-xs-90 {
width: 90px;
}
.wd-xs-90p {
width: 90%;
}
.mx-wd-xs-90p {
max-width: 90%;
}
.mn-wd-xs-90p {
min-width: 90%;
}
.wd-xs-90-f {
width: 90px !important;
}
.wd-xs-90p-f {
width: 90% !important;
}
.mx-wd-xs-90p-f {
max-width: 90% !important;
}
.mn-wd-xs-90p-f {
min-width: 90% !important;
}
.wd-xs-95 {
width: 95px;
}
.wd-xs-95p {
width: 95%;
}
.mx-wd-xs-95p {
max-width: 95%;
}
.mn-wd-xs-95p {
min-width: 95%;
}
.wd-xs-95-f {
width: 95px !important;
}
.wd-xs-95p-f {
width: 95% !important;
}
.mx-wd-xs-95p-f {
max-width: 95% !important;
}
.mn-wd-xs-95p-f {
min-width: 95% !important;
}
.wd-xs-100 {
width: 100px;
}
.wd-xs-100p {
width: 100%;
}
.mx-wd-xs-100p {
max-width: 100%;
}
.mn-wd-xs-100p {
min-width: 100%;
}
.wd-xs-100-f {
width: 100px !important;
}
.wd-xs-100p-f {
width: 100% !important;
}
.mx-wd-xs-100p-f {
max-width: 100% !important;
}
.mn-wd-xs-100p-f {
min-width: 100% !important;
}
.wd-xs-150 {
width: 150px;
}
.wd-xs-150p {
width: 150%;
}
.mx-wd-xs-150p {
max-width: 150%;
}
.mn-wd-xs-150p {
min-width: 150%;
}
.wd-xs-150-f {
width: 150px !important;
}
.wd-xs-150p-f {
width: 150% !important;
}
.mx-wd-xs-150p-f {
max-width: 150% !important;
}
.mn-wd-xs-150p-f {
min-width: 150% !important;
}
.wd-xs-200 {
width: 200px;
}
.wd-xs-200p {
width: 200%;
}
.mx-wd-xs-200p {
max-width: 200%;
}
.mn-wd-xs-200p {
min-width: 200%;
}
.wd-xs-200-f {
width: 200px !important;
}
.wd-xs-200p-f {
width: 200% !important;
}
.mx-wd-xs-200p-f {
max-width: 200% !important;
}
.mn-wd-xs-200p-f {
min-width: 200% !important;
}
.wd-xs-250 {
width: 250px;
}
.wd-xs-250p {
width: 250%;
}
.mx-wd-xs-250p {
max-width: 250%;
}
.mn-wd-xs-250p {
min-width: 250%;
}
.wd-xs-250-f {
width: 250px !important;
}
.wd-xs-250p-f {
width: 250% !important;
}
.mx-wd-xs-250p-f {
max-width: 250% !important;
}
.mn-wd-xs-250p-f {
min-width: 250% !important;
}
.wd-xs-300 {
width: 300px;
}
.wd-xs-300p {
width: 300%;
}
.mx-wd-xs-300p {
max-width: 300%;
}
.mn-wd-xs-300p {
min-width: 300%;
}
.wd-xs-300-f {
width: 300px !important;
}
.wd-xs-300p-f {
width: 300% !important;
}
.mx-wd-xs-300p-f {
max-width: 300% !important;
}
.mn-wd-xs-300p-f {
min-width: 300% !important;
}
.wd-xs-350 {
width: 350px;
}
.wd-xs-350p {
width: 350%;
}
.mx-wd-xs-350p {
max-width: 350%;
}
.mn-wd-xs-350p {
min-width: 350%;
}
.wd-xs-350-f {
width: 350px !important;
}
.wd-xs-350p-f {
width: 350% !important;
}
.mx-wd-xs-350p-f {
max-width: 350% !important;
}
.mn-wd-xs-350p-f {
min-width: 350% !important;
}
.wd-xs-400 {
width: 400px;
}
.wd-xs-400p {
width: 400%;
}
.mx-wd-xs-400p {
max-width: 400%;
}
.mn-wd-xs-400p {
min-width: 400%;
}
.wd-xs-400-f {
width: 400px !important;
}
.wd-xs-400p-f {
width: 400% !important;
}
.mx-wd-xs-400p-f {
max-width: 400% !important;
}
.mn-wd-xs-400p-f {
min-width: 400% !important;
}
.wd-xs-450 {
width: 450px;
}
.wd-xs-450p {
width: 450%;
}
.mx-wd-xs-450p {
max-width: 450%;
}
.mn-wd-xs-450p {
min-width: 450%;
}
.wd-xs-450-f {
width: 450px !important;
}
.wd-xs-450p-f {
width: 450% !important;
}
.mx-wd-xs-450p-f {
max-width: 450% !important;
}
.mn-wd-xs-450p-f {
min-width: 450% !important;
}
.wd-xs-500 {
width: 500px;
}
.wd-xs-500p {
width: 500%;
}
.mx-wd-xs-500p {
max-width: 500%;
}
.mn-wd-xs-500p {
min-width: 500%;
}
.wd-xs-500-f {
width: 500px !important;
}
.wd-xs-500p-f {
width: 500% !important;
}
.mx-wd-xs-500p-f {
max-width: 500% !important;
}
.mn-wd-xs-500p-f {
min-width: 500% !important;
}
.wd-xs-550 {
width: 550px;
}
.wd-xs-550p {
width: 550%;
}
.mx-wd-xs-550p {
max-width: 550%;
}
.mn-wd-xs-550p {
min-width: 550%;
}
.wd-xs-550-f {
width: 550px !important;
}
.wd-xs-550p-f {
width: 550% !important;
}
.mx-wd-xs-550p-f {
max-width: 550% !important;
}
.mn-wd-xs-550p-f {
min-width: 550% !important;
}
.wd-xs-600 {
width: 600px;
}
.wd-xs-600p {
width: 600%;
}
.mx-wd-xs-600p {
max-width: 600%;
}
.mn-wd-xs-600p {
min-width: 600%;
}
.wd-xs-600-f {
width: 600px !important;
}
.wd-xs-600p-f {
width: 600% !important;
}
.mx-wd-xs-600p-f {
max-width: 600% !important;
}
.mn-wd-xs-600p-f {
min-width: 600% !important;
}
.wd-xs-650 {
width: 650px;
}
.wd-xs-650p {
width: 650%;
}
.mx-wd-xs-650p {
max-width: 650%;
}
.mn-wd-xs-650p {
min-width: 650%;
}
.wd-xs-650-f {
width: 650px !important;
}
.wd-xs-650p-f {
width: 650% !important;
}
.mx-wd-xs-650p-f {
max-width: 650% !important;
}
.mn-wd-xs-650p-f {
min-width: 650% !important;
}
.wd-xs-700 {
width: 700px;
}
.wd-xs-700p {
width: 700%;
}
.mx-wd-xs-700p {
max-width: 700%;
}
.mn-wd-xs-700p {
min-width: 700%;
}
.wd-xs-700-f {
width: 700px !important;
}
.wd-xs-700p-f {
width: 700% !important;
}
.mx-wd-xs-700p-f {
max-width: 700% !important;
}
.mn-wd-xs-700p-f {
min-width: 700% !important;
}
.wd-xs-750 {
width: 750px;
}
.wd-xs-750p {
width: 750%;
}
.mx-wd-xs-750p {
max-width: 750%;
}
.mn-wd-xs-750p {
min-width: 750%;
}
.wd-xs-750-f {
width: 750px !important;
}
.wd-xs-750p-f {
width: 750% !important;
}
.mx-wd-xs-750p-f {
max-width: 750% !important;
}
.mn-wd-xs-750p-f {
min-width: 750% !important;
}
.wd-xs-800 {
width: 800px;
}
.wd-xs-800p {
width: 800%;
}
.mx-wd-xs-800p {
max-width: 800%;
}
.mn-wd-xs-800p {
min-width: 800%;
}
.wd-xs-800-f {
width: 800px !important;
}
.wd-xs-800p-f {
width: 800% !important;
}
.mx-wd-xs-800p-f {
max-width: 800% !important;
}
.mn-wd-xs-800p-f {
min-width: 800% !important;
}
.wd-xs-850 {
width: 850px;
}
.wd-xs-850p {
width: 850%;
}
.mx-wd-xs-850p {
max-width: 850%;
}
.mn-wd-xs-850p {
min-width: 850%;
}
.wd-xs-850-f {
width: 850px !important;
}
.wd-xs-850p-f {
width: 850% !important;
}
.mx-wd-xs-850p-f {
max-width: 850% !important;
}
.mn-wd-xs-850p-f {
min-width: 850% !important;
}
.wd-xs-900 {
width: 900px;
}
.wd-xs-900p {
width: 900%;
}
.mx-wd-xs-900p {
max-width: 900%;
}
.mn-wd-xs-900p {
min-width: 900%;
}
.wd-xs-900-f {
width: 900px !important;
}
.wd-xs-900p-f {
width: 900% !important;
}
.mx-wd-xs-900p-f {
max-width: 900% !important;
}
.mn-wd-xs-900p-f {
min-width: 900% !important;
}
.wd-xs-950 {
width: 950px;
}
.wd-xs-950p {
width: 950%;
}
.mx-wd-xs-950p {
max-width: 950%;
}
.mn-wd-xs-950p {
min-width: 950%;
}
.wd-xs-950-f {
width: 950px !important;
}
.wd-xs-950p-f {
width: 950% !important;
}
.mx-wd-xs-950p-f {
max-width: 950% !important;
}
.mn-wd-xs-950p-f {
min-width: 950% !important;
}
.wd-xs-1000 {
width: 1000px;
}
.wd-xs-1000p {
width: 1000%;
}
.mx-wd-xs-1000p {
max-width: 1000%;
}
.mn-wd-xs-1000p {
min-width: 1000%;
}
.wd-xs-1000-f {
width: 1000px !important;
}
.wd-xs-1000p-f {
width: 1000% !important;
}
.mx-wd-xs-1000p-f {
max-width: 1000% !important;
}
.mn-wd-xs-1000p-f {
min-width: 1000% !important;
}
.wd-xs-auto {
width: auto;
}
.wd-xs-auto-f {
width: auto !important;
}
}
@media (min-width: 576px) {
.wd-sm-5 {
width: 5px;
}
.wd-sm-5p {
width: 5%;
}
.mx-wd-sm-5p {
max-width: 5%;
}
.mn-wd-sm-5p {
min-width: 5%;
}
.wd-sm-5-f {
width: 5px !important;
}
.wd-sm-5p-f {
width: 5% !important;
}
.mx-wd-sm-5p-f {
max-width: 5% !important;
}
.mn-wd-sm-5p-f {
min-width: 5% !important;
}
.wd-sm-10 {
width: 10px;
}
.wd-sm-10p {
width: 10%;
}
.mx-wd-sm-10p {
max-width: 10%;
}
.mn-wd-sm-10p {
min-width: 10%;
}
.wd-sm-10-f {
width: 10px !important;
}
.wd-sm-10p-f {
width: 10% !important;
}
.mx-wd-sm-10p-f {
max-width: 10% !important;
}
.mn-wd-sm-10p-f {
min-width: 10% !important;
}
.wd-sm-15 {
width: 15px;
}
.wd-sm-15p {
width: 15%;
}
.mx-wd-sm-15p {
max-width: 15%;
}
.mn-wd-sm-15p {
min-width: 15%;
}
.wd-sm-15-f {
width: 15px !important;
}
.wd-sm-15p-f {
width: 15% !important;
}
.mx-wd-sm-15p-f {
max-width: 15% !important;
}
.mn-wd-sm-15p-f {
min-width: 15% !important;
}
.wd-sm-20 {
width: 20px;
}
.wd-sm-20p {
width: 20%;
}
.mx-wd-sm-20p {
max-width: 20%;
}
.mn-wd-sm-20p {
min-width: 20%;
}
.wd-sm-20-f {
width: 20px !important;
}
.wd-sm-20p-f {
width: 20% !important;
}
.mx-wd-sm-20p-f {
max-width: 20% !important;
}
.mn-wd-sm-20p-f {
min-width: 20% !important;
}
.wd-sm-25 {
width: 25px;
}
.wd-sm-25p {
width: 25%;
}
.mx-wd-sm-25p {
max-width: 25%;
}
.mn-wd-sm-25p {
min-width: 25%;
}
.wd-sm-25-f {
width: 25px !important;
}
.wd-sm-25p-f {
width: 25% !important;
}
.mx-wd-sm-25p-f {
max-width: 25% !important;
}
.mn-wd-sm-25p-f {
min-width: 25% !important;
}
.wd-sm-30 {
width: 30px;
}
.wd-sm-30p {
width: 30%;
}
.mx-wd-sm-30p {
max-width: 30%;
}
.mn-wd-sm-30p {
min-width: 30%;
}
.wd-sm-30-f {
width: 30px !important;
}
.wd-sm-30p-f {
width: 30% !important;
}
.mx-wd-sm-30p-f {
max-width: 30% !important;
}
.mn-wd-sm-30p-f {
min-width: 30% !important;
}
.wd-sm-35 {
width: 35px;
}
.wd-sm-35p {
width: 35%;
}
.mx-wd-sm-35p {
max-width: 35%;
}
.mn-wd-sm-35p {
min-width: 35%;
}
.wd-sm-35-f {
width: 35px !important;
}
.wd-sm-35p-f {
width: 35% !important;
}
.mx-wd-sm-35p-f {
max-width: 35% !important;
}
.mn-wd-sm-35p-f {
min-width: 35% !important;
}
.wd-sm-40 {
width: 40px;
}
.wd-sm-40p {
width: 40%;
}
.mx-wd-sm-40p {
max-width: 40%;
}
.mn-wd-sm-40p {
min-width: 40%;
}
.wd-sm-40-f {
width: 40px !important;
}
.wd-sm-40p-f {
width: 40% !important;
}
.mx-wd-sm-40p-f {
max-width: 40% !important;
}
.mn-wd-sm-40p-f {
min-width: 40% !important;
}
.wd-sm-45 {
width: 45px;
}
.wd-sm-45p {
width: 45%;
}
.mx-wd-sm-45p {
max-width: 45%;
}
.mn-wd-sm-45p {
min-width: 45%;
}
.wd-sm-45-f {
width: 45px !important;
}
.wd-sm-45p-f {
width: 45% !important;
}
.mx-wd-sm-45p-f {
max-width: 45% !important;
}
.mn-wd-sm-45p-f {
min-width: 45% !important;
}
.wd-sm-50 {
width: 50px;
}
.wd-sm-50p {
width: 50%;
}
.mx-wd-sm-50p {
max-width: 50%;
}
.mn-wd-sm-50p {
min-width: 50%;
}
.wd-sm-50-f {
width: 50px !important;
}
.wd-sm-50p-f {
width: 50% !important;
}
.mx-wd-sm-50p-f {
max-width: 50% !important;
}
.mn-wd-sm-50p-f {
min-width: 50% !important;
}
.wd-sm-55 {
width: 55px;
}
.wd-sm-55p {
width: 55%;
}
.mx-wd-sm-55p {
max-width: 55%;
}
.mn-wd-sm-55p {
min-width: 55%;
}
.wd-sm-55-f {
width: 55px !important;
}
.wd-sm-55p-f {
width: 55% !important;
}
.mx-wd-sm-55p-f {
max-width: 55% !important;
}
.mn-wd-sm-55p-f {
min-width: 55% !important;
}
.wd-sm-60 {
width: 60px;
}
.wd-sm-60p {
width: 60%;
}
.mx-wd-sm-60p {
max-width: 60%;
}
.mn-wd-sm-60p {
min-width: 60%;
}
.wd-sm-60-f {
width: 60px !important;
}
.wd-sm-60p-f {
width: 60% !important;
}
.mx-wd-sm-60p-f {
max-width: 60% !important;
}
.mn-wd-sm-60p-f {
min-width: 60% !important;
}
.wd-sm-65 {
width: 65px;
}
.wd-sm-65p {
width: 65%;
}
.mx-wd-sm-65p {
max-width: 65%;
}
.mn-wd-sm-65p {
min-width: 65%;
}
.wd-sm-65-f {
width: 65px !important;
}
.wd-sm-65p-f {
width: 65% !important;
}
.mx-wd-sm-65p-f {
max-width: 65% !important;
}
.mn-wd-sm-65p-f {
min-width: 65% !important;
}
.wd-sm-70 {
width: 70px;
}
.wd-sm-70p {
width: 70%;
}
.mx-wd-sm-70p {
max-width: 70%;
}
.mn-wd-sm-70p {
min-width: 70%;
}
.wd-sm-70-f {
width: 70px !important;
}
.wd-sm-70p-f {
width: 70% !important;
}
.mx-wd-sm-70p-f {
max-width: 70% !important;
}
.mn-wd-sm-70p-f {
min-width: 70% !important;
}
.wd-sm-75 {
width: 75px;
}
.wd-sm-75p {
width: 75%;
}
.mx-wd-sm-75p {
max-width: 75%;
}
.mn-wd-sm-75p {
min-width: 75%;
}
.wd-sm-75-f {
width: 75px !important;
}
.wd-sm-75p-f {
width: 75% !important;
}
.mx-wd-sm-75p-f {
max-width: 75% !important;
}
.mn-wd-sm-75p-f {
min-width: 75% !important;
}
.wd-sm-80 {
width: 80px;
}
.wd-sm-80p {
width: 80%;
}
.mx-wd-sm-80p {
max-width: 80%;
}
.mn-wd-sm-80p {
min-width: 80%;
}
.wd-sm-80-f {
width: 80px !important;
}
.wd-sm-80p-f {
width: 80% !important;
}
.mx-wd-sm-80p-f {
max-width: 80% !important;
}
.mn-wd-sm-80p-f {
min-width: 80% !important;
}
.wd-sm-85 {
width: 85px;
}
.wd-sm-85p {
width: 85%;
}
.mx-wd-sm-85p {
max-width: 85%;
}
.mn-wd-sm-85p {
min-width: 85%;
}
.wd-sm-85-f {
width: 85px !important;
}
.wd-sm-85p-f {
width: 85% !important;
}
.mx-wd-sm-85p-f {
max-width: 85% !important;
}
.mn-wd-sm-85p-f {
min-width: 85% !important;
}
.wd-sm-90 {
width: 90px;
}
.wd-sm-90p {
width: 90%;
}
.mx-wd-sm-90p {
max-width: 90%;
}
.mn-wd-sm-90p {
min-width: 90%;
}
.wd-sm-90-f {
width: 90px !important;
}
.wd-sm-90p-f {
width: 90% !important;
}
.mx-wd-sm-90p-f {
max-width: 90% !important;
}
.mn-wd-sm-90p-f {
min-width: 90% !important;
}
.wd-sm-95 {
width: 95px;
}
.wd-sm-95p {
width: 95%;
}
.mx-wd-sm-95p {
max-width: 95%;
}
.mn-wd-sm-95p {
min-width: 95%;
}
.wd-sm-95-f {
width: 95px !important;
}
.wd-sm-95p-f {
width: 95% !important;
}
.mx-wd-sm-95p-f {
max-width: 95% !important;
}
.mn-wd-sm-95p-f {
min-width: 95% !important;
}
.wd-sm-100 {
width: 100px;
}
.wd-sm-100p {
width: 100%;
}
.mx-wd-sm-100p {
max-width: 100%;
}
.mn-wd-sm-100p {
min-width: 100%;
}
.wd-sm-100-f {
width: 100px !important;
}
.wd-sm-100p-f {
width: 100% !important;
}
.mx-wd-sm-100p-f {
max-width: 100% !important;
}
.mn-wd-sm-100p-f {
min-width: 100% !important;
}
.wd-sm-150 {
width: 150px;
}
.wd-sm-150p {
width: 150%;
}
.mx-wd-sm-150p {
max-width: 150%;
}
.mn-wd-sm-150p {
min-width: 150%;
}
.wd-sm-150-f {
width: 150px !important;
}
.wd-sm-150p-f {
width: 150% !important;
}
.mx-wd-sm-150p-f {
max-width: 150% !important;
}
.mn-wd-sm-150p-f {
min-width: 150% !important;
}
.wd-sm-200 {
width: 200px;
}
.wd-sm-200p {
width: 200%;
}
.mx-wd-sm-200p {
max-width: 200%;
}
.mn-wd-sm-200p {
min-width: 200%;
}
.wd-sm-200-f {
width: 200px !important;
}
.wd-sm-200p-f {
width: 200% !important;
}
.mx-wd-sm-200p-f {
max-width: 200% !important;
}
.mn-wd-sm-200p-f {
min-width: 200% !important;
}
.wd-sm-250 {
width: 250px;
}
.wd-sm-250p {
width: 250%;
}
.mx-wd-sm-250p {
max-width: 250%;
}
.mn-wd-sm-250p {
min-width: 250%;
}
.wd-sm-250-f {
width: 250px !important;
}
.wd-sm-250p-f {
width: 250% !important;
}
.mx-wd-sm-250p-f {
max-width: 250% !important;
}
.mn-wd-sm-250p-f {
min-width: 250% !important;
}
.wd-sm-300 {
width: 300px;
}
.wd-sm-300p {
width: 300%;
}
.mx-wd-sm-300p {
max-width: 300%;
}
.mn-wd-sm-300p {
min-width: 300%;
}
.wd-sm-300-f {
width: 300px !important;
}
.wd-sm-300p-f {
width: 300% !important;
}
.mx-wd-sm-300p-f {
max-width: 300% !important;
}
.mn-wd-sm-300p-f {
min-width: 300% !important;
}
.wd-sm-350 {
width: 350px;
}
.wd-sm-350p {
width: 350%;
}
.mx-wd-sm-350p {
max-width: 350%;
}
.mn-wd-sm-350p {
min-width: 350%;
}
.wd-sm-350-f {
width: 350px !important;
}
.wd-sm-350p-f {
width: 350% !important;
}
.mx-wd-sm-350p-f {
max-width: 350% !important;
}
.mn-wd-sm-350p-f {
min-width: 350% !important;
}
.wd-sm-400 {
width: 400px;
}
.wd-sm-400p {
width: 400%;
}
.mx-wd-sm-400p {
max-width: 400%;
}
.mn-wd-sm-400p {
min-width: 400%;
}
.wd-sm-400-f {
width: 400px !important;
}
.wd-sm-400p-f {
width: 400% !important;
}
.mx-wd-sm-400p-f {
max-width: 400% !important;
}
.mn-wd-sm-400p-f {
min-width: 400% !important;
}
.wd-sm-450 {
width: 450px;
}
.wd-sm-450p {
width: 450%;
}
.mx-wd-sm-450p {
max-width: 450%;
}
.mn-wd-sm-450p {
min-width: 450%;
}
.wd-sm-450-f {
width: 450px !important;
}
.wd-sm-450p-f {
width: 450% !important;
}
.mx-wd-sm-450p-f {
max-width: 450% !important;
}
.mn-wd-sm-450p-f {
min-width: 450% !important;
}
.wd-sm-500 {
width: 500px;
}
.wd-sm-500p {
width: 500%;
}
.mx-wd-sm-500p {
max-width: 500%;
}
.mn-wd-sm-500p {
min-width: 500%;
}
.wd-sm-500-f {
width: 500px !important;
}
.wd-sm-500p-f {
width: 500% !important;
}
.mx-wd-sm-500p-f {
max-width: 500% !important;
}
.mn-wd-sm-500p-f {
min-width: 500% !important;
}
.wd-sm-550 {
width: 550px;
}
.wd-sm-550p {
width: 550%;
}
.mx-wd-sm-550p {
max-width: 550%;
}
.mn-wd-sm-550p {
min-width: 550%;
}
.wd-sm-550-f {
width: 550px !important;
}
.wd-sm-550p-f {
width: 550% !important;
}
.mx-wd-sm-550p-f {
max-width: 550% !important;
}
.mn-wd-sm-550p-f {
min-width: 550% !important;
}
.wd-sm-600 {
width: 600px;
}
.wd-sm-600p {
width: 600%;
}
.mx-wd-sm-600p {
max-width: 600%;
}
.mn-wd-sm-600p {
min-width: 600%;
}
.wd-sm-600-f {
width: 600px !important;
}
.wd-sm-600p-f {
width: 600% !important;
}
.mx-wd-sm-600p-f {
max-width: 600% !important;
}
.mn-wd-sm-600p-f {
min-width: 600% !important;
}
.wd-sm-650 {
width: 650px;
}
.wd-sm-650p {
width: 650%;
}
.mx-wd-sm-650p {
max-width: 650%;
}
.mn-wd-sm-650p {
min-width: 650%;
}
.wd-sm-650-f {
width: 650px !important;
}
.wd-sm-650p-f {
width: 650% !important;
}
.mx-wd-sm-650p-f {
max-width: 650% !important;
}
.mn-wd-sm-650p-f {
min-width: 650% !important;
}
.wd-sm-700 {
width: 700px;
}
.wd-sm-700p {
width: 700%;
}
.mx-wd-sm-700p {
max-width: 700%;
}
.mn-wd-sm-700p {
min-width: 700%;
}
.wd-sm-700-f {
width: 700px !important;
}
.wd-sm-700p-f {
width: 700% !important;
}
.mx-wd-sm-700p-f {
max-width: 700% !important;
}
.mn-wd-sm-700p-f {
min-width: 700% !important;
}
.wd-sm-750 {
width: 750px;
}
.wd-sm-750p {
width: 750%;
}
.mx-wd-sm-750p {
max-width: 750%;
}
.mn-wd-sm-750p {
min-width: 750%;
}
.wd-sm-750-f {
width: 750px !important;
}
.wd-sm-750p-f {
width: 750% !important;
}
.mx-wd-sm-750p-f {
max-width: 750% !important;
}
.mn-wd-sm-750p-f {
min-width: 750% !important;
}
.wd-sm-800 {
width: 800px;
}
.wd-sm-800p {
width: 800%;
}
.mx-wd-sm-800p {
max-width: 800%;
}
.mn-wd-sm-800p {
min-width: 800%;
}
.wd-sm-800-f {
width: 800px !important;
}
.wd-sm-800p-f {
width: 800% !important;
}
.mx-wd-sm-800p-f {
max-width: 800% !important;
}
.mn-wd-sm-800p-f {
min-width: 800% !important;
}
.wd-sm-850 {
width: 850px;
}
.wd-sm-850p {
width: 850%;
}
.mx-wd-sm-850p {
max-width: 850%;
}
.mn-wd-sm-850p {
min-width: 850%;
}
.wd-sm-850-f {
width: 850px !important;
}
.wd-sm-850p-f {
width: 850% !important;
}
.mx-wd-sm-850p-f {
max-width: 850% !important;
}
.mn-wd-sm-850p-f {
min-width: 850% !important;
}
.wd-sm-900 {
width: 900px;
}
.wd-sm-900p {
width: 900%;
}
.mx-wd-sm-900p {
max-width: 900%;
}
.mn-wd-sm-900p {
min-width: 900%;
}
.wd-sm-900-f {
width: 900px !important;
}
.wd-sm-900p-f {
width: 900% !important;
}
.mx-wd-sm-900p-f {
max-width: 900% !important;
}
.mn-wd-sm-900p-f {
min-width: 900% !important;
}
.wd-sm-950 {
width: 950px;
}
.wd-sm-950p {
width: 950%;
}
.mx-wd-sm-950p {
max-width: 950%;
}
.mn-wd-sm-950p {
min-width: 950%;
}
.wd-sm-950-f {
width: 950px !important;
}
.wd-sm-950p-f {
width: 950% !important;
}
.mx-wd-sm-950p-f {
max-width: 950% !important;
}
.mn-wd-sm-950p-f {
min-width: 950% !important;
}
.wd-sm-1000 {
width: 1000px;
}
.wd-sm-1000p {
width: 1000%;
}
.mx-wd-sm-1000p {
max-width: 1000%;
}
.mn-wd-sm-1000p {
min-width: 1000%;
}
.wd-sm-1000-f {
width: 1000px !important;
}
.wd-sm-1000p-f {
width: 1000% !important;
}
.mx-wd-sm-1000p-f {
max-width: 1000% !important;
}
.mn-wd-sm-1000p-f {
min-width: 1000% !important;
}
.wd-sm-auto {
width: auto;
}
.wd-sm-auto-f {
width: auto !important;
}
}
@media (min-width: 768px) {
.wd-md-5 {
width: 5px;
}
.wd-md-5p {
width: 5%;
}
.mx-wd-md-5p {
max-width: 5%;
}
.mn-wd-md-5p {
min-width: 5%;
}
.wd-md-5-f {
width: 5px !important;
}
.wd-md-5p-f {
width: 5% !important;
}
.mx-wd-md-5p-f {
max-width: 5% !important;
}
.mn-wd-md-5p-f {
min-width: 5% !important;
}
.wd-md-10 {
width: 10px;
}
.wd-md-10p {
width: 10%;
}
.mx-wd-md-10p {
max-width: 10%;
}
.mn-wd-md-10p {
min-width: 10%;
}
.wd-md-10-f {
width: 10px !important;
}
.wd-md-10p-f {
width: 10% !important;
}
.mx-wd-md-10p-f {
max-width: 10% !important;
}
.mn-wd-md-10p-f {
min-width: 10% !important;
}
.wd-md-15 {
width: 15px;
}
.wd-md-15p {
width: 15%;
}
.mx-wd-md-15p {
max-width: 15%;
}
.mn-wd-md-15p {
min-width: 15%;
}
.wd-md-15-f {
width: 15px !important;
}
.wd-md-15p-f {
width: 15% !important;
}
.mx-wd-md-15p-f {
max-width: 15% !important;
}
.mn-wd-md-15p-f {
min-width: 15% !important;
}
.wd-md-20 {
width: 20px;
}
.wd-md-20p {
width: 20%;
}
.mx-wd-md-20p {
max-width: 20%;
}
.mn-wd-md-20p {
min-width: 20%;
}
.wd-md-20-f {
width: 20px !important;
}
.wd-md-20p-f {
width: 20% !important;
}
.mx-wd-md-20p-f {
max-width: 20% !important;
}
.mn-wd-md-20p-f {
min-width: 20% !important;
}
.wd-md-25 {
width: 25px;
}
.wd-md-25p {
width: 25%;
}
.mx-wd-md-25p {
max-width: 25%;
}
.mn-wd-md-25p {
min-width: 25%;
}
.wd-md-25-f {
width: 25px !important;
}
.wd-md-25p-f {
width: 25% !important;
}
.mx-wd-md-25p-f {
max-width: 25% !important;
}
.mn-wd-md-25p-f {
min-width: 25% !important;
}
.wd-md-30 {
width: 30px;
}
.wd-md-30p {
width: 30%;
}
.mx-wd-md-30p {
max-width: 30%;
}
.mn-wd-md-30p {
min-width: 30%;
}
.wd-md-30-f {
width: 30px !important;
}
.wd-md-30p-f {
width: 30% !important;
}
.mx-wd-md-30p-f {
max-width: 30% !important;
}
.mn-wd-md-30p-f {
min-width: 30% !important;
}
.wd-md-35 {
width: 35px;
}
.wd-md-35p {
width: 35%;
}
.mx-wd-md-35p {
max-width: 35%;
}
.mn-wd-md-35p {
min-width: 35%;
}
.wd-md-35-f {
width: 35px !important;
}
.wd-md-35p-f {
width: 35% !important;
}
.mx-wd-md-35p-f {
max-width: 35% !important;
}
.mn-wd-md-35p-f {
min-width: 35% !important;
}
.wd-md-40 {
width: 40px;
}
.wd-md-40p {
width: 40%;
}
.mx-wd-md-40p {
max-width: 40%;
}
.mn-wd-md-40p {
min-width: 40%;
}
.wd-md-40-f {
width: 40px !important;
}
.wd-md-40p-f {
width: 40% !important;
}
.mx-wd-md-40p-f {
max-width: 40% !important;
}
.mn-wd-md-40p-f {
min-width: 40% !important;
}
.wd-md-45 {
width: 45px;
}
.wd-md-45p {
width: 45%;
}
.mx-wd-md-45p {
max-width: 45%;
}
.mn-wd-md-45p {
min-width: 45%;
}
.wd-md-45-f {
width: 45px !important;
}
.wd-md-45p-f {
width: 45% !important;
}
.mx-wd-md-45p-f {
max-width: 45% !important;
}
.mn-wd-md-45p-f {
min-width: 45% !important;
}
.wd-md-50 {
width: 50px;
}
.wd-md-50p {
width: 50%;
}
.mx-wd-md-50p {
max-width: 50%;
}
.mn-wd-md-50p {
min-width: 50%;
}
.wd-md-50-f {
width: 50px !important;
}
.wd-md-50p-f {
width: 50% !important;
}
.mx-wd-md-50p-f {
max-width: 50% !important;
}
.mn-wd-md-50p-f {
min-width: 50% !important;
}
.wd-md-55 {
width: 55px;
}
.wd-md-55p {
width: 55%;
}
.mx-wd-md-55p {
max-width: 55%;
}
.mn-wd-md-55p {
min-width: 55%;
}
.wd-md-55-f {
width: 55px !important;
}
.wd-md-55p-f {
width: 55% !important;
}
.mx-wd-md-55p-f {
max-width: 55% !important;
}
.mn-wd-md-55p-f {
min-width: 55% !important;
}
.wd-md-60 {
width: 60px;
}
.wd-md-60p {
width: 60%;
}
.mx-wd-md-60p {
max-width: 60%;
}
.mn-wd-md-60p {
min-width: 60%;
}
.wd-md-60-f {
width: 60px !important;
}
.wd-md-60p-f {
width: 60% !important;
}
.mx-wd-md-60p-f {
max-width: 60% !important;
}
.mn-wd-md-60p-f {
min-width: 60% !important;
}
.wd-md-65 {
width: 65px;
}
.wd-md-65p {
width: 65%;
}
.mx-wd-md-65p {
max-width: 65%;
}
.mn-wd-md-65p {
min-width: 65%;
}
.wd-md-65-f {
width: 65px !important;
}
.wd-md-65p-f {
width: 65% !important;
}
.mx-wd-md-65p-f {
max-width: 65% !important;
}
.mn-wd-md-65p-f {
min-width: 65% !important;
}
.wd-md-70 {
width: 70px;
}
.wd-md-70p {
width: 70%;
}
.mx-wd-md-70p {
max-width: 70%;
}
.mn-wd-md-70p {
min-width: 70%;
}
.wd-md-70-f {
width: 70px !important;
}
.wd-md-70p-f {
width: 70% !important;
}
.mx-wd-md-70p-f {
max-width: 70% !important;
}
.mn-wd-md-70p-f {
min-width: 70% !important;
}
.wd-md-75 {
width: 75px;
}
.wd-md-75p {
width: 75%;
}
.mx-wd-md-75p {
max-width: 75%;
}
.mn-wd-md-75p {
min-width: 75%;
}
.wd-md-75-f {
width: 75px !important;
}
.wd-md-75p-f {
width: 75% !important;
}
.mx-wd-md-75p-f {
max-width: 75% !important;
}
.mn-wd-md-75p-f {
min-width: 75% !important;
}
.wd-md-80 {
width: 80px;
}
.wd-md-80p {
width: 80%;
}
.mx-wd-md-80p {
max-width: 80%;
}
.mn-wd-md-80p {
min-width: 80%;
}
.wd-md-80-f {
width: 80px !important;
}
.wd-md-80p-f {
width: 80% !important;
}
.mx-wd-md-80p-f {
max-width: 80% !important;
}
.mn-wd-md-80p-f {
min-width: 80% !important;
}
.wd-md-85 {
width: 85px;
}
.wd-md-85p {
width: 85%;
}
.mx-wd-md-85p {
max-width: 85%;
}
.mn-wd-md-85p {
min-width: 85%;
}
.wd-md-85-f {
width: 85px !important;
}
.wd-md-85p-f {
width: 85% !important;
}
.mx-wd-md-85p-f {
max-width: 85% !important;
}
.mn-wd-md-85p-f {
min-width: 85% !important;
}
.wd-md-90 {
width: 90px;
}
.wd-md-90p {
width: 90%;
}
.mx-wd-md-90p {
max-width: 90%;
}
.mn-wd-md-90p {
min-width: 90%;
}
.wd-md-90-f {
width: 90px !important;
}
.wd-md-90p-f {
width: 90% !important;
}
.mx-wd-md-90p-f {
max-width: 90% !important;
}
.mn-wd-md-90p-f {
min-width: 90% !important;
}
.wd-md-95 {
width: 95px;
}
.wd-md-95p {
width: 95%;
}
.mx-wd-md-95p {
max-width: 95%;
}
.mn-wd-md-95p {
min-width: 95%;
}
.wd-md-95-f {
width: 95px !important;
}
.wd-md-95p-f {
width: 95% !important;
}
.mx-wd-md-95p-f {
max-width: 95% !important;
}
.mn-wd-md-95p-f {
min-width: 95% !important;
}
.wd-md-100 {
width: 100px;
}
.wd-md-100p {
width: 100%;
}
.mx-wd-md-100p {
max-width: 100%;
}
.mn-wd-md-100p {
min-width: 100%;
}
.wd-md-100-f {
width: 100px !important;
}
.wd-md-100p-f {
width: 100% !important;
}
.mx-wd-md-100p-f {
max-width: 100% !important;
}
.mn-wd-md-100p-f {
min-width: 100% !important;
}
.wd-md-150 {
width: 150px;
}
.wd-md-150p {
width: 150%;
}
.mx-wd-md-150p {
max-width: 150%;
}
.mn-wd-md-150p {
min-width: 150%;
}
.wd-md-150-f {
width: 150px !important;
}
.wd-md-150p-f {
width: 150% !important;
}
.mx-wd-md-150p-f {
max-width: 150% !important;
}
.mn-wd-md-150p-f {
min-width: 150% !important;
}
.wd-md-200 {
width: 200px;
}
.wd-md-200p {
width: 200%;
}
.mx-wd-md-200p {
max-width: 200%;
}
.mn-wd-md-200p {
min-width: 200%;
}
.wd-md-200-f {
width: 200px !important;
}
.wd-md-200p-f {
width: 200% !important;
}
.mx-wd-md-200p-f {
max-width: 200% !important;
}
.mn-wd-md-200p-f {
min-width: 200% !important;
}
.wd-md-250 {
width: 250px;
}
.wd-md-250p {
width: 250%;
}
.mx-wd-md-250p {
max-width: 250%;
}
.mn-wd-md-250p {
min-width: 250%;
}
.wd-md-250-f {
width: 250px !important;
}
.wd-md-250p-f {
width: 250% !important;
}
.mx-wd-md-250p-f {
max-width: 250% !important;
}
.mn-wd-md-250p-f {
min-width: 250% !important;
}
.wd-md-300 {
width: 300px;
}
.wd-md-300p {
width: 300%;
}
.mx-wd-md-300p {
max-width: 300%;
}
.mn-wd-md-300p {
min-width: 300%;
}
.wd-md-300-f {
width: 300px !important;
}
.wd-md-300p-f {
width: 300% !important;
}
.mx-wd-md-300p-f {
max-width: 300% !important;
}
.mn-wd-md-300p-f {
min-width: 300% !important;
}
.wd-md-350 {
width: 350px;
}
.wd-md-350p {
width: 350%;
}
.mx-wd-md-350p {
max-width: 350%;
}
.mn-wd-md-350p {
min-width: 350%;
}
.wd-md-350-f {
width: 350px !important;
}
.wd-md-350p-f {
width: 350% !important;
}
.mx-wd-md-350p-f {
max-width: 350% !important;
}
.mn-wd-md-350p-f {
min-width: 350% !important;
}
.wd-md-400 {
width: 400px;
}
.wd-md-400p {
width: 400%;
}
.mx-wd-md-400p {
max-width: 400%;
}
.mn-wd-md-400p {
min-width: 400%;
}
.wd-md-400-f {
width: 400px !important;
}
.wd-md-400p-f {
width: 400% !important;
}
.mx-wd-md-400p-f {
max-width: 400% !important;
}
.mn-wd-md-400p-f {
min-width: 400% !important;
}
.wd-md-450 {
width: 450px;
}
.wd-md-450p {
width: 450%;
}
.mx-wd-md-450p {
max-width: 450%;
}
.mn-wd-md-450p {
min-width: 450%;
}
.wd-md-450-f {
width: 450px !important;
}
.wd-md-450p-f {
width: 450% !important;
}
.mx-wd-md-450p-f {
max-width: 450% !important;
}
.mn-wd-md-450p-f {
min-width: 450% !important;
}
.wd-md-500 {
width: 500px;
}
.wd-md-500p {
width: 500%;
}
.mx-wd-md-500p {
max-width: 500%;
}
.mn-wd-md-500p {
min-width: 500%;
}
.wd-md-500-f {
width: 500px !important;
}
.wd-md-500p-f {
width: 500% !important;
}
.mx-wd-md-500p-f {
max-width: 500% !important;
}
.mn-wd-md-500p-f {
min-width: 500% !important;
}
.wd-md-550 {
width: 550px;
}
.wd-md-550p {
width: 550%;
}
.mx-wd-md-550p {
max-width: 550%;
}
.mn-wd-md-550p {
min-width: 550%;
}
.wd-md-550-f {
width: 550px !important;
}
.wd-md-550p-f {
width: 550% !important;
}
.mx-wd-md-550p-f {
max-width: 550% !important;
}
.mn-wd-md-550p-f {
min-width: 550% !important;
}
.wd-md-600 {
width: 600px;
}
.wd-md-600p {
width: 600%;
}
.mx-wd-md-600p {
max-width: 600%;
}
.mn-wd-md-600p {
min-width: 600%;
}
.wd-md-600-f {
width: 600px !important;
}
.wd-md-600p-f {
width: 600% !important;
}
.mx-wd-md-600p-f {
max-width: 600% !important;
}
.mn-wd-md-600p-f {
min-width: 600% !important;
}
.wd-md-650 {
width: 650px;
}
.wd-md-650p {
width: 650%;
}
.mx-wd-md-650p {
max-width: 650%;
}
.mn-wd-md-650p {
min-width: 650%;
}
.wd-md-650-f {
width: 650px !important;
}
.wd-md-650p-f {
width: 650% !important;
}
.mx-wd-md-650p-f {
max-width: 650% !important;
}
.mn-wd-md-650p-f {
min-width: 650% !important;
}
.wd-md-700 {
width: 700px;
}
.wd-md-700p {
width: 700%;
}
.mx-wd-md-700p {
max-width: 700%;
}
.mn-wd-md-700p {
min-width: 700%;
}
.wd-md-700-f {
width: 700px !important;
}
.wd-md-700p-f {
width: 700% !important;
}
.mx-wd-md-700p-f {
max-width: 700% !important;
}
.mn-wd-md-700p-f {
min-width: 700% !important;
}
.wd-md-750 {
width: 750px;
}
.wd-md-750p {
width: 750%;
}
.mx-wd-md-750p {
max-width: 750%;
}
.mn-wd-md-750p {
min-width: 750%;
}
.wd-md-750-f {
width: 750px !important;
}
.wd-md-750p-f {
width: 750% !important;
}
.mx-wd-md-750p-f {
max-width: 750% !important;
}
.mn-wd-md-750p-f {
min-width: 750% !important;
}
.wd-md-800 {
width: 800px;
}
.wd-md-800p {
width: 800%;
}
.mx-wd-md-800p {
max-width: 800%;
}
.mn-wd-md-800p {
min-width: 800%;
}
.wd-md-800-f {
width: 800px !important;
}
.wd-md-800p-f {
width: 800% !important;
}
.mx-wd-md-800p-f {
max-width: 800% !important;
}
.mn-wd-md-800p-f {
min-width: 800% !important;
}
.wd-md-850 {
width: 850px;
}
.wd-md-850p {
width: 850%;
}
.mx-wd-md-850p {
max-width: 850%;
}
.mn-wd-md-850p {
min-width: 850%;
}
.wd-md-850-f {
width: 850px !important;
}
.wd-md-850p-f {
width: 850% !important;
}
.mx-wd-md-850p-f {
max-width: 850% !important;
}
.mn-wd-md-850p-f {
min-width: 850% !important;
}
.wd-md-900 {
width: 900px;
}
.wd-md-900p {
width: 900%;
}
.mx-wd-md-900p {
max-width: 900%;
}
.mn-wd-md-900p {
min-width: 900%;
}
.wd-md-900-f {
width: 900px !important;
}
.wd-md-900p-f {
width: 900% !important;
}
.mx-wd-md-900p-f {
max-width: 900% !important;
}
.mn-wd-md-900p-f {
min-width: 900% !important;
}
.wd-md-950 {
width: 950px;
}
.wd-md-950p {
width: 950%;
}
.mx-wd-md-950p {
max-width: 950%;
}
.mn-wd-md-950p {
min-width: 950%;
}
.wd-md-950-f {
width: 950px !important;
}
.wd-md-950p-f {
width: 950% !important;
}
.mx-wd-md-950p-f {
max-width: 950% !important;
}
.mn-wd-md-950p-f {
min-width: 950% !important;
}
.wd-md-1000 {
width: 1000px;
}
.wd-md-1000p {
width: 1000%;
}
.mx-wd-md-1000p {
max-width: 1000%;
}
.mn-wd-md-1000p {
min-width: 1000%;
}
.wd-md-1000-f {
width: 1000px !important;
}
.wd-md-1000p-f {
width: 1000% !important;
}
.mx-wd-md-1000p-f {
max-width: 1000% !important;
}
.mn-wd-md-1000p-f {
min-width: 1000% !important;
}
.wd-md-auto {
width: auto;
}
.wd-md-auto-f {
width: auto !important;
}
.wd-md-120 {
width: 120px;
}
}
@media (min-width: 992px) {
.wd-lg-5 {
width: 5px;
}
.wd-lg-5p {
width: 5%;
}
.mx-wd-lg-5p {
max-width: 5%;
}
.mn-wd-lg-5p {
min-width: 5%;
}
.wd-lg-5-f {
width: 5px !important;
}
.wd-lg-5p-f {
width: 5% !important;
}
.mx-wd-lg-5p-f {
max-width: 5% !important;
}
.mn-wd-lg-5p-f {
min-width: 5% !important;
}
.wd-lg-10 {
width: 10px;
}
.wd-lg-10p {
width: 10%;
}
.mx-wd-lg-10p {
max-width: 10%;
}
.mn-wd-lg-10p {
min-width: 10%;
}
.wd-lg-10-f {
width: 10px !important;
}
.wd-lg-10p-f {
width: 10% !important;
}
.mx-wd-lg-10p-f {
max-width: 10% !important;
}
.mn-wd-lg-10p-f {
min-width: 10% !important;
}
.wd-lg-15 {
width: 15px;
}
.wd-lg-15p {
width: 15%;
}
.mx-wd-lg-15p {
max-width: 15%;
}
.mn-wd-lg-15p {
min-width: 15%;
}
.wd-lg-15-f {
width: 15px !important;
}
.wd-lg-15p-f {
width: 15% !important;
}
.mx-wd-lg-15p-f {
max-width: 15% !important;
}
.mn-wd-lg-15p-f {
min-width: 15% !important;
}
.wd-lg-20 {
width: 20px;
}
.wd-lg-20p {
width: 20%;
}
.mx-wd-lg-20p {
max-width: 20%;
}
.mn-wd-lg-20p {
min-width: 20%;
}
.wd-lg-20-f {
width: 20px !important;
}
.wd-lg-20p-f {
width: 20% !important;
}
.mx-wd-lg-20p-f {
max-width: 20% !important;
}
.mn-wd-lg-20p-f {
min-width: 20% !important;
}
.wd-lg-25 {
width: 25px;
}
.wd-lg-25p {
width: 25%;
}
.mx-wd-lg-25p {
max-width: 25%;
}
.mn-wd-lg-25p {
min-width: 25%;
}
.wd-lg-25-f {
width: 25px !important;
}
.wd-lg-25p-f {
width: 25% !important;
}
.mx-wd-lg-25p-f {
max-width: 25% !important;
}
.mn-wd-lg-25p-f {
min-width: 25% !important;
}
.wd-lg-30 {
width: 30px;
}
.wd-lg-30p {
width: 30%;
}
.mx-wd-lg-30p {
max-width: 30%;
}
.mn-wd-lg-30p {
min-width: 30%;
}
.wd-lg-30-f {
width: 30px !important;
}
.wd-lg-30p-f {
width: 30% !important;
}
.mx-wd-lg-30p-f {
max-width: 30% !important;
}
.mn-wd-lg-30p-f {
min-width: 30% !important;
}
.wd-lg-35 {
width: 35px;
}
.wd-lg-35p {
width: 35%;
}
.mx-wd-lg-35p {
max-width: 35%;
}
.mn-wd-lg-35p {
min-width: 35%;
}
.wd-lg-35-f {
width: 35px !important;
}
.wd-lg-35p-f {
width: 35% !important;
}
.mx-wd-lg-35p-f {
max-width: 35% !important;
}
.mn-wd-lg-35p-f {
min-width: 35% !important;
}
.wd-lg-40 {
width: 40px;
}
.wd-lg-40p {
width: 40%;
}
.mx-wd-lg-40p {
max-width: 40%;
}
.mn-wd-lg-40p {
min-width: 40%;
}
.wd-lg-40-f {
width: 40px !important;
}
.wd-lg-40p-f {
width: 40% !important;
}
.mx-wd-lg-40p-f {
max-width: 40% !important;
}
.mn-wd-lg-40p-f {
min-width: 40% !important;
}
.wd-lg-45 {
width: 45px;
}
.wd-lg-45p {
width: 45%;
}
.mx-wd-lg-45p {
max-width: 45%;
}
.mn-wd-lg-45p {
min-width: 45%;
}
.wd-lg-45-f {
width: 45px !important;
}
.wd-lg-45p-f {
width: 45% !important;
}
.mx-wd-lg-45p-f {
max-width: 45% !important;
}
.mn-wd-lg-45p-f {
min-width: 45% !important;
}
.wd-lg-50 {
width: 50px;
}
.wd-lg-50p {
width: 50%;
}
.mx-wd-lg-50p {
max-width: 50%;
}
.mn-wd-lg-50p {
min-width: 50%;
}
.wd-lg-50-f {
width: 50px !important;
}
.wd-lg-50p-f {
width: 50% !important;
}
.mx-wd-lg-50p-f {
max-width: 50% !important;
}
.mn-wd-lg-50p-f {
min-width: 50% !important;
}
.wd-lg-55 {
width: 55px;
}
.wd-lg-55p {
width: 55%;
}
.mx-wd-lg-55p {
max-width: 55%;
}
.mn-wd-lg-55p {
min-width: 55%;
}
.wd-lg-55-f {
width: 55px !important;
}
.wd-lg-55p-f {
width: 55% !important;
}
.mx-wd-lg-55p-f {
max-width: 55% !important;
}
.mn-wd-lg-55p-f {
min-width: 55% !important;
}
.wd-lg-60 {
width: 60px;
}
.wd-lg-60p {
width: 60%;
}
.mx-wd-lg-60p {
max-width: 60%;
}
.mn-wd-lg-60p {
min-width: 60%;
}
.wd-lg-60-f {
width: 60px !important;
}
.wd-lg-60p-f {
width: 60% !important;
}
.mx-wd-lg-60p-f {
max-width: 60% !important;
}
.mn-wd-lg-60p-f {
min-width: 60% !important;
}
.wd-lg-65 {
width: 65px;
}
.wd-lg-65p {
width: 65%;
}
.mx-wd-lg-65p {
max-width: 65%;
}
.mn-wd-lg-65p {
min-width: 65%;
}
.wd-lg-65-f {
width: 65px !important;
}
.wd-lg-65p-f {
width: 65% !important;
}
.mx-wd-lg-65p-f {
max-width: 65% !important;
}
.mn-wd-lg-65p-f {
min-width: 65% !important;
}
.wd-lg-70 {
width: 70px;
}
.wd-lg-70p {
width: 70%;
}
.mx-wd-lg-70p {
max-width: 70%;
}
.mn-wd-lg-70p {
min-width: 70%;
}
.wd-lg-70-f {
width: 70px !important;
}
.wd-lg-70p-f {
width: 70% !important;
}
.mx-wd-lg-70p-f {
max-width: 70% !important;
}
.mn-wd-lg-70p-f {
min-width: 70% !important;
}
.wd-lg-75 {
width: 75px;
}
.wd-lg-75p {
width: 75%;
}
.mx-wd-lg-75p {
max-width: 75%;
}
.mn-wd-lg-75p {
min-width: 75%;
}
.wd-lg-75-f {
width: 75px !important;
}
.wd-lg-75p-f {
width: 75% !important;
}
.mx-wd-lg-75p-f {
max-width: 75% !important;
}
.mn-wd-lg-75p-f {
min-width: 75% !important;
}
.wd-lg-80 {
width: 80px;
}
.wd-lg-80p {
width: 80%;
}
.mx-wd-lg-80p {
max-width: 80%;
}
.mn-wd-lg-80p {
min-width: 80%;
}
.wd-lg-80-f {
width: 80px !important;
}
.wd-lg-80p-f {
width: 80% !important;
}
.mx-wd-lg-80p-f {
max-width: 80% !important;
}
.mn-wd-lg-80p-f {
min-width: 80% !important;
}
.wd-lg-85 {
width: 85px;
}
.wd-lg-85p {
width: 85%;
}
.mx-wd-lg-85p {
max-width: 85%;
}
.mn-wd-lg-85p {
min-width: 85%;
}
.wd-lg-85-f {
width: 85px !important;
}
.wd-lg-85p-f {
width: 85% !important;
}
.mx-wd-lg-85p-f {
max-width: 85% !important;
}
.mn-wd-lg-85p-f {
min-width: 85% !important;
}
.wd-lg-90 {
width: 90px;
}
.wd-lg-90p {
width: 90%;
}
.mx-wd-lg-90p {
max-width: 90%;
}
.mn-wd-lg-90p {
min-width: 90%;
}
.wd-lg-90-f {
width: 90px !important;
}
.wd-lg-90p-f {
width: 90% !important;
}
.mx-wd-lg-90p-f {
max-width: 90% !important;
}
.mn-wd-lg-90p-f {
min-width: 90% !important;
}
.wd-lg-95 {
width: 95px;
}
.wd-lg-95p {
width: 95%;
}
.mx-wd-lg-95p {
max-width: 95%;
}
.mn-wd-lg-95p {
min-width: 95%;
}
.wd-lg-95-f {
width: 95px !important;
}
.wd-lg-95p-f {
width: 95% !important;
}
.mx-wd-lg-95p-f {
max-width: 95% !important;
}
.mn-wd-lg-95p-f {
min-width: 95% !important;
}
.wd-lg-100 {
width: 100px;
}
.wd-lg-100p {
width: 100%;
}
.mx-wd-lg-100p {
max-width: 100%;
}
.mn-wd-lg-100p {
min-width: 100%;
}
.wd-lg-100-f {
width: 100px !important;
}
.wd-lg-100p-f {
width: 100% !important;
}
.mx-wd-lg-100p-f {
max-width: 100% !important;
}
.mn-wd-lg-100p-f {
min-width: 100% !important;
}
.wd-lg-150 {
width: 150px;
}
.wd-lg-150p {
width: 150%;
}
.mx-wd-lg-150p {
max-width: 150%;
}
.mn-wd-lg-150p {
min-width: 150%;
}
.wd-lg-150-f {
width: 150px !important;
}
.wd-lg-150p-f {
width: 150% !important;
}
.mx-wd-lg-150p-f {
max-width: 150% !important;
}
.mn-wd-lg-150p-f {
min-width: 150% !important;
}
.wd-lg-200 {
width: 200px;
}
.wd-lg-200p {
width: 200%;
}
.mx-wd-lg-200p {
max-width: 200%;
}
.mn-wd-lg-200p {
min-width: 200%;
}
.wd-lg-200-f {
width: 200px !important;
}
.wd-lg-200p-f {
width: 200% !important;
}
.mx-wd-lg-200p-f {
max-width: 200% !important;
}
.mn-wd-lg-200p-f {
min-width: 200% !important;
}
.wd-lg-250 {
width: 250px;
}
.wd-lg-250p {
width: 250%;
}
.mx-wd-lg-250p {
max-width: 250%;
}
.mn-wd-lg-250p {
min-width: 250%;
}
.wd-lg-250-f {
width: 250px !important;
}
.wd-lg-250p-f {
width: 250% !important;
}
.mx-wd-lg-250p-f {
max-width: 250% !important;
}
.mn-wd-lg-250p-f {
min-width: 250% !important;
}
.wd-lg-300 {
width: 300px;
}
.wd-lg-300p {
width: 300%;
}
.mx-wd-lg-300p {
max-width: 300%;
}
.mn-wd-lg-300p {
min-width: 300%;
}
.wd-lg-300-f {
width: 300px !important;
}
.wd-lg-300p-f {
width: 300% !important;
}
.mx-wd-lg-300p-f {
max-width: 300% !important;
}
.mn-wd-lg-300p-f {
min-width: 300% !important;
}
.wd-lg-350 {
width: 350px;
}
.wd-lg-350p {
width: 350%;
}
.mx-wd-lg-350p {
max-width: 350%;
}
.mn-wd-lg-350p {
min-width: 350%;
}
.wd-lg-350-f {
width: 350px !important;
}
.wd-lg-350p-f {
width: 350% !important;
}
.mx-wd-lg-350p-f {
max-width: 350% !important;
}
.mn-wd-lg-350p-f {
min-width: 350% !important;
}
.wd-lg-400 {
width: 400px;
}
.wd-lg-400p {
width: 400%;
}
.mx-wd-lg-400p {
max-width: 400%;
}
.mn-wd-lg-400p {
min-width: 400%;
}
.wd-lg-400-f {
width: 400px !important;
}
.wd-lg-400p-f {
width: 400% !important;
}
.mx-wd-lg-400p-f {
max-width: 400% !important;
}
.mn-wd-lg-400p-f {
min-width: 400% !important;
}
.wd-lg-450 {
width: 450px;
}
.wd-lg-450p {
width: 450%;
}
.mx-wd-lg-450p {
max-width: 450%;
}
.mn-wd-lg-450p {
min-width: 450%;
}
.wd-lg-450-f {
width: 450px !important;
}
.wd-lg-450p-f {
width: 450% !important;
}
.mx-wd-lg-450p-f {
max-width: 450% !important;
}
.mn-wd-lg-450p-f {
min-width: 450% !important;
}
.wd-lg-500 {
width: 500px;
}
.wd-lg-500p {
width: 500%;
}
.mx-wd-lg-500p {
max-width: 500%;
}
.mn-wd-lg-500p {
min-width: 500%;
}
.wd-lg-500-f {
width: 500px !important;
}
.wd-lg-500p-f {
width: 500% !important;
}
.mx-wd-lg-500p-f {
max-width: 500% !important;
}
.mn-wd-lg-500p-f {
min-width: 500% !important;
}
.wd-lg-550 {
width: 550px;
}
.wd-lg-550p {
width: 550%;
}
.mx-wd-lg-550p {
max-width: 550%;
}
.mn-wd-lg-550p {
min-width: 550%;
}
.wd-lg-550-f {
width: 550px !important;
}
.wd-lg-550p-f {
width: 550% !important;
}
.mx-wd-lg-550p-f {
max-width: 550% !important;
}
.mn-wd-lg-550p-f {
min-width: 550% !important;
}
.wd-lg-600 {
width: 600px;
}
.wd-lg-600p {
width: 600%;
}
.mx-wd-lg-600p {
max-width: 600%;
}
.mn-wd-lg-600p {
min-width: 600%;
}
.wd-lg-600-f {
width: 600px !important;
}
.wd-lg-600p-f {
width: 600% !important;
}
.mx-wd-lg-600p-f {
max-width: 600% !important;
}
.mn-wd-lg-600p-f {
min-width: 600% !important;
}
.wd-lg-650 {
width: 650px;
}
.wd-lg-650p {
width: 650%;
}
.mx-wd-lg-650p {
max-width: 650%;
}
.mn-wd-lg-650p {
min-width: 650%;
}
.wd-lg-650-f {
width: 650px !important;
}
.wd-lg-650p-f {
width: 650% !important;
}
.mx-wd-lg-650p-f {
max-width: 650% !important;
}
.mn-wd-lg-650p-f {
min-width: 650% !important;
}
.wd-lg-700 {
width: 700px;
}
.wd-lg-700p {
width: 700%;
}
.mx-wd-lg-700p {
max-width: 700%;
}
.mn-wd-lg-700p {
min-width: 700%;
}
.wd-lg-700-f {
width: 700px !important;
}
.wd-lg-700p-f {
width: 700% !important;
}
.mx-wd-lg-700p-f {
max-width: 700% !important;
}
.mn-wd-lg-700p-f {
min-width: 700% !important;
}
.wd-lg-750 {
width: 750px;
}
.wd-lg-750p {
width: 750%;
}
.mx-wd-lg-750p {
max-width: 750%;
}
.mn-wd-lg-750p {
min-width: 750%;
}
.wd-lg-750-f {
width: 750px !important;
}
.wd-lg-750p-f {
width: 750% !important;
}
.mx-wd-lg-750p-f {
max-width: 750% !important;
}
.mn-wd-lg-750p-f {
min-width: 750% !important;
}
.wd-lg-800 {
width: 800px;
}
.wd-lg-800p {
width: 800%;
}
.mx-wd-lg-800p {
max-width: 800%;
}
.mn-wd-lg-800p {
min-width: 800%;
}
.wd-lg-800-f {
width: 800px !important;
}
.wd-lg-800p-f {
width: 800% !important;
}
.mx-wd-lg-800p-f {
max-width: 800% !important;
}
.mn-wd-lg-800p-f {
min-width: 800% !important;
}
.wd-lg-850 {
width: 850px;
}
.wd-lg-850p {
width: 850%;
}
.mx-wd-lg-850p {
max-width: 850%;
}
.mn-wd-lg-850p {
min-width: 850%;
}
.wd-lg-850-f {
width: 850px !important;
}
.wd-lg-850p-f {
width: 850% !important;
}
.mx-wd-lg-850p-f {
max-width: 850% !important;
}
.mn-wd-lg-850p-f {
min-width: 850% !important;
}
.wd-lg-900 {
width: 900px;
}
.wd-lg-900p {
width: 900%;
}
.mx-wd-lg-900p {
max-width: 900%;
}
.mn-wd-lg-900p {
min-width: 900%;
}
.wd-lg-900-f {
width: 900px !important;
}
.wd-lg-900p-f {
width: 900% !important;
}
.mx-wd-lg-900p-f {
max-width: 900% !important;
}
.mn-wd-lg-900p-f {
min-width: 900% !important;
}
.wd-lg-950 {
width: 950px;
}
.wd-lg-950p {
width: 950%;
}
.mx-wd-lg-950p {
max-width: 950%;
}
.mn-wd-lg-950p {
min-width: 950%;
}
.wd-lg-950-f {
width: 950px !important;
}
.wd-lg-950p-f {
width: 950% !important;
}
.mx-wd-lg-950p-f {
max-width: 950% !important;
}
.mn-wd-lg-950p-f {
min-width: 950% !important;
}
.wd-lg-1000 {
width: 1000px;
}
.wd-lg-1000p {
width: 1000%;
}
.mx-wd-lg-1000p {
max-width: 1000%;
}
.mn-wd-lg-1000p {
min-width: 1000%;
}
.wd-lg-1000-f {
width: 1000px !important;
}
.wd-lg-1000p-f {
width: 1000% !important;
}
.mx-wd-lg-1000p-f {
max-width: 1000% !important;
}
.mn-wd-lg-1000p-f {
min-width: 1000% !important;
}
.wd-lg-auto {
width: auto;
}
.wd-lg-auto-f {
width: auto !important;
}
}
@media (min-width: 1200px) {
.wd-xl-5 {
width: 5px;
}
.wd-xl-5p {
width: 5%;
}
.mx-wd-xl-5p {
max-width: 5%;
}
.mn-wd-xl-5p {
min-width: 5%;
}
.wd-xl-5-f {
width: 5px !important;
}
.wd-xl-5p-f {
width: 5% !important;
}
.mx-wd-xl-5p-f {
max-width: 5% !important;
}
.mn-wd-xl-5p-f {
min-width: 5% !important;
}
.wd-xl-10 {
width: 10px;
}
.wd-xl-10p {
width: 10%;
}
.mx-wd-xl-10p {
max-width: 10%;
}
.mn-wd-xl-10p {
min-width: 10%;
}
.wd-xl-10-f {
width: 10px !important;
}
.wd-xl-10p-f {
width: 10% !important;
}
.mx-wd-xl-10p-f {
max-width: 10% !important;
}
.mn-wd-xl-10p-f {
min-width: 10% !important;
}
.wd-xl-15 {
width: 15px;
}
.wd-xl-15p {
width: 15%;
}
.mx-wd-xl-15p {
max-width: 15%;
}
.mn-wd-xl-15p {
min-width: 15%;
}
.wd-xl-15-f {
width: 15px !important;
}
.wd-xl-15p-f {
width: 15% !important;
}
.mx-wd-xl-15p-f {
max-width: 15% !important;
}
.mn-wd-xl-15p-f {
min-width: 15% !important;
}
.wd-xl-20 {
width: 20px;
}
.wd-xl-20p {
width: 20%;
}
.mx-wd-xl-20p {
max-width: 20%;
}
.mn-wd-xl-20p {
min-width: 20%;
}
.wd-xl-20-f {
width: 20px !important;
}
.wd-xl-20p-f {
width: 20% !important;
}
.mx-wd-xl-20p-f {
max-width: 20% !important;
}
.mn-wd-xl-20p-f {
min-width: 20% !important;
}
.wd-xl-25 {
width: 25px;
}
.wd-xl-25p {
width: 25%;
}
.mx-wd-xl-25p {
max-width: 25%;
}
.mn-wd-xl-25p {
min-width: 25%;
}
.wd-xl-25-f {
width: 25px !important;
}
.wd-xl-25p-f {
width: 25% !important;
}
.mx-wd-xl-25p-f {
max-width: 25% !important;
}
.mn-wd-xl-25p-f {
min-width: 25% !important;
}
.wd-xl-30 {
width: 30px;
}
.wd-xl-30p {
width: 30%;
}
.mx-wd-xl-30p {
max-width: 30%;
}
.mn-wd-xl-30p {
min-width: 30%;
}
.wd-xl-30-f {
width: 30px !important;
}
.wd-xl-30p-f {
width: 30% !important;
}
.mx-wd-xl-30p-f {
max-width: 30% !important;
}
.mn-wd-xl-30p-f {
min-width: 30% !important;
}
.wd-xl-35 {
width: 35px;
}
.wd-xl-35p {
width: 35%;
}
.mx-wd-xl-35p {
max-width: 35%;
}
.mn-wd-xl-35p {
min-width: 35%;
}
.wd-xl-35-f {
width: 35px !important;
}
.wd-xl-35p-f {
width: 35% !important;
}
.mx-wd-xl-35p-f {
max-width: 35% !important;
}
.mn-wd-xl-35p-f {
min-width: 35% !important;
}
.wd-xl-40 {
width: 40px;
}
.wd-xl-40p {
width: 40%;
}
.mx-wd-xl-40p {
max-width: 40%;
}
.mn-wd-xl-40p {
min-width: 40%;
}
.wd-xl-40-f {
width: 40px !important;
}
.wd-xl-40p-f {
width: 40% !important;
}
.mx-wd-xl-40p-f {
max-width: 40% !important;
}
.mn-wd-xl-40p-f {
min-width: 40% !important;
}
.wd-xl-45 {
width: 45px;
}
.wd-xl-45p {
width: 45%;
}
.mx-wd-xl-45p {
max-width: 45%;
}
.mn-wd-xl-45p {
min-width: 45%;
}
.wd-xl-45-f {
width: 45px !important;
}
.wd-xl-45p-f {
width: 45% !important;
}
.mx-wd-xl-45p-f {
max-width: 45% !important;
}
.mn-wd-xl-45p-f {
min-width: 45% !important;
}
.wd-xl-50 {
width: 50px;
}
.wd-xl-50p {
width: 50%;
}
.mx-wd-xl-50p {
max-width: 50%;
}
.mn-wd-xl-50p {
min-width: 50%;
}
.wd-xl-50-f {
width: 50px !important;
}
.wd-xl-50p-f {
width: 50% !important;
}
.mx-wd-xl-50p-f {
max-width: 50% !important;
}
.mn-wd-xl-50p-f {
min-width: 50% !important;
}
.wd-xl-55 {
width: 55px;
}
.wd-xl-55p {
width: 55%;
}
.mx-wd-xl-55p {
max-width: 55%;
}
.mn-wd-xl-55p {
min-width: 55%;
}
.wd-xl-55-f {
width: 55px !important;
}
.wd-xl-55p-f {
width: 55% !important;
}
.mx-wd-xl-55p-f {
max-width: 55% !important;
}
.mn-wd-xl-55p-f {
min-width: 55% !important;
}
.wd-xl-60 {
width: 60px;
}
.wd-xl-60p {
width: 60%;
}
.mx-wd-xl-60p {
max-width: 60%;
}
.mn-wd-xl-60p {
min-width: 60%;
}
.wd-xl-60-f {
width: 60px !important;
}
.wd-xl-60p-f {
width: 60% !important;
}
.mx-wd-xl-60p-f {
max-width: 60% !important;
}
.mn-wd-xl-60p-f {
min-width: 60% !important;
}
.wd-xl-65 {
width: 65px;
}
.wd-xl-65p {
width: 65%;
}
.mx-wd-xl-65p {
max-width: 65%;
}
.mn-wd-xl-65p {
min-width: 65%;
}
.wd-xl-65-f {
width: 65px !important;
}
.wd-xl-65p-f {
width: 65% !important;
}
.mx-wd-xl-65p-f {
max-width: 65% !important;
}
.mn-wd-xl-65p-f {
min-width: 65% !important;
}
.wd-xl-70 {
width: 70px;
}
.wd-xl-70p {
width: 70%;
}
.mx-wd-xl-70p {
max-width: 70%;
}
.mn-wd-xl-70p {
min-width: 70%;
}
.wd-xl-70-f {
width: 70px !important;
}
.wd-xl-70p-f {
width: 70% !important;
}
.mx-wd-xl-70p-f {
max-width: 70% !important;
}
.mn-wd-xl-70p-f {
min-width: 70% !important;
}
.wd-xl-75 {
width: 75px;
}
.wd-xl-75p {
width: 75%;
}
.mx-wd-xl-75p {
max-width: 75%;
}
.mn-wd-xl-75p {
min-width: 75%;
}
.wd-xl-75-f {
width: 75px !important;
}
.wd-xl-75p-f {
width: 75% !important;
}
.mx-wd-xl-75p-f {
max-width: 75% !important;
}
.mn-wd-xl-75p-f {
min-width: 75% !important;
}
.wd-xl-80 {
width: 80px;
}
.wd-xl-80p {
width: 80%;
}
.mx-wd-xl-80p {
max-width: 80%;
}
.mn-wd-xl-80p {
min-width: 80%;
}
.wd-xl-80-f {
width: 80px !important;
}
.wd-xl-80p-f {
width: 80% !important;
}
.mx-wd-xl-80p-f {
max-width: 80% !important;
}
.mn-wd-xl-80p-f {
min-width: 80% !important;
}
.wd-xl-85 {
width: 85px;
}
.wd-xl-85p {
width: 85%;
}
.mx-wd-xl-85p {
max-width: 85%;
}
.mn-wd-xl-85p {
min-width: 85%;
}
.wd-xl-85-f {
width: 85px !important;
}
.wd-xl-85p-f {
width: 85% !important;
}
.mx-wd-xl-85p-f {
max-width: 85% !important;
}
.mn-wd-xl-85p-f {
min-width: 85% !important;
}
.wd-xl-90 {
width: 90px;
}
.wd-xl-90p {
width: 90%;
}
.mx-wd-xl-90p {
max-width: 90%;
}
.mn-wd-xl-90p {
min-width: 90%;
}
.wd-xl-90-f {
width: 90px !important;
}
.wd-xl-90p-f {
width: 90% !important;
}
.mx-wd-xl-90p-f {
max-width: 90% !important;
}
.mn-wd-xl-90p-f {
min-width: 90% !important;
}
.wd-xl-95 {
width: 95px;
}
.wd-xl-95p {
width: 95%;
}
.mx-wd-xl-95p {
max-width: 95%;
}
.mn-wd-xl-95p {
min-width: 95%;
}
.wd-xl-95-f {
width: 95px !important;
}
.wd-xl-95p-f {
width: 95% !important;
}
.mx-wd-xl-95p-f {
max-width: 95% !important;
}
.mn-wd-xl-95p-f {
min-width: 95% !important;
}
.wd-xl-100 {
width: 100px;
}
.wd-xl-100p {
width: 100%;
}
.mx-wd-xl-100p {
max-width: 100%;
}
.mn-wd-xl-100p {
min-width: 100%;
}
.wd-xl-100-f {
width: 100px !important;
}
.wd-xl-100p-f {
width: 100% !important;
}
.mx-wd-xl-100p-f {
max-width: 100% !important;
}
.mn-wd-xl-100p-f {
min-width: 100% !important;
}
.wd-xl-150 {
width: 150px;
}
.wd-xl-150p {
width: 150%;
}
.mx-wd-xl-150p {
max-width: 150%;
}
.mn-wd-xl-150p {
min-width: 150%;
}
.wd-xl-150-f {
width: 150px !important;
}
.wd-xl-150p-f {
width: 150% !important;
}
.mx-wd-xl-150p-f {
max-width: 150% !important;
}
.mn-wd-xl-150p-f {
min-width: 150% !important;
}
.wd-xl-200 {
width: 200px;
}
.wd-xl-200p {
width: 200%;
}
.mx-wd-xl-200p {
max-width: 200%;
}
.mn-wd-xl-200p {
min-width: 200%;
}
.wd-xl-200-f {
width: 200px !important;
}
.wd-xl-200p-f {
width: 200% !important;
}
.mx-wd-xl-200p-f {
max-width: 200% !important;
}
.mn-wd-xl-200p-f {
min-width: 200% !important;
}
.wd-xl-250 {
width: 250px;
}
.wd-xl-250p {
width: 250%;
}
.mx-wd-xl-250p {
max-width: 250%;
}
.mn-wd-xl-250p {
min-width: 250%;
}
.wd-xl-250-f {
width: 250px !important;
}
.wd-xl-250p-f {
width: 250% !important;
}
.mx-wd-xl-250p-f {
max-width: 250% !important;
}
.mn-wd-xl-250p-f {
min-width: 250% !important;
}
.wd-xl-300 {
width: 300px;
}
.wd-xl-300p {
width: 300%;
}
.mx-wd-xl-300p {
max-width: 300%;
}
.mn-wd-xl-300p {
min-width: 300%;
}
.wd-xl-300-f {
width: 300px !important;
}
.wd-xl-300p-f {
width: 300% !important;
}
.mx-wd-xl-300p-f {
max-width: 300% !important;
}
.mn-wd-xl-300p-f {
min-width: 300% !important;
}
.wd-xl-350 {
width: 350px;
}
.wd-xl-350p {
width: 350%;
}
.mx-wd-xl-350p {
max-width: 350%;
}
.mn-wd-xl-350p {
min-width: 350%;
}
.wd-xl-350-f {
width: 350px !important;
}
.wd-xl-350p-f {
width: 350% !important;
}
.mx-wd-xl-350p-f {
max-width: 350% !important;
}
.mn-wd-xl-350p-f {
min-width: 350% !important;
}
.wd-xl-400 {
width: 400px;
}
.wd-xl-400p {
width: 400%;
}
.mx-wd-xl-400p {
max-width: 400%;
}
.mn-wd-xl-400p {
min-width: 400%;
}
.wd-xl-400-f {
width: 400px !important;
}
.wd-xl-400p-f {
width: 400% !important;
}
.mx-wd-xl-400p-f {
max-width: 400% !important;
}
.mn-wd-xl-400p-f {
min-width: 400% !important;
}
.wd-xl-450 {
width: 450px;
}
.wd-xl-450p {
width: 450%;
}
.mx-wd-xl-450p {
max-width: 450%;
}
.mn-wd-xl-450p {
min-width: 450%;
}
.wd-xl-450-f {
width: 450px !important;
}
.wd-xl-450p-f {
width: 450% !important;
}
.mx-wd-xl-450p-f {
max-width: 450% !important;
}
.mn-wd-xl-450p-f {
min-width: 450% !important;
}
.wd-xl-500 {
width: 500px;
}
.wd-xl-500p {
width: 500%;
}
.mx-wd-xl-500p {
max-width: 500%;
}
.mn-wd-xl-500p {
min-width: 500%;
}
.wd-xl-500-f {
width: 500px !important;
}
.wd-xl-500p-f {
width: 500% !important;
}
.mx-wd-xl-500p-f {
max-width: 500% !important;
}
.mn-wd-xl-500p-f {
min-width: 500% !important;
}
.wd-xl-550 {
width: 550px;
}
.wd-xl-550p {
width: 550%;
}
.mx-wd-xl-550p {
max-width: 550%;
}
.mn-wd-xl-550p {
min-width: 550%;
}
.wd-xl-550-f {
width: 550px !important;
}
.wd-xl-550p-f {
width: 550% !important;
}
.mx-wd-xl-550p-f {
max-width: 550% !important;
}
.mn-wd-xl-550p-f {
min-width: 550% !important;
}
.wd-xl-600 {
width: 600px;
}
.wd-xl-600p {
width: 600%;
}
.mx-wd-xl-600p {
max-width: 600%;
}
.mn-wd-xl-600p {
min-width: 600%;
}
.wd-xl-600-f {
width: 600px !important;
}
.wd-xl-600p-f {
width: 600% !important;
}
.mx-wd-xl-600p-f {
max-width: 600% !important;
}
.mn-wd-xl-600p-f {
min-width: 600% !important;
}
.wd-xl-650 {
width: 650px;
}
.wd-xl-650p {
width: 650%;
}
.mx-wd-xl-650p {
max-width: 650%;
}
.mn-wd-xl-650p {
min-width: 650%;
}
.wd-xl-650-f {
width: 650px !important;
}
.wd-xl-650p-f {
width: 650% !important;
}
.mx-wd-xl-650p-f {
max-width: 650% !important;
}
.mn-wd-xl-650p-f {
min-width: 650% !important;
}
.wd-xl-700 {
width: 700px;
}
.wd-xl-700p {
width: 700%;
}
.mx-wd-xl-700p {
max-width: 700%;
}
.mn-wd-xl-700p {
min-width: 700%;
}
.wd-xl-700-f {
width: 700px !important;
}
.wd-xl-700p-f {
width: 700% !important;
}
.mx-wd-xl-700p-f {
max-width: 700% !important;
}
.mn-wd-xl-700p-f {
min-width: 700% !important;
}
.wd-xl-750 {
width: 750px;
}
.wd-xl-750p {
width: 750%;
}
.mx-wd-xl-750p {
max-width: 750%;
}
.mn-wd-xl-750p {
min-width: 750%;
}
.wd-xl-750-f {
width: 750px !important;
}
.wd-xl-750p-f {
width: 750% !important;
}
.mx-wd-xl-750p-f {
max-width: 750% !important;
}
.mn-wd-xl-750p-f {
min-width: 750% !important;
}
.wd-xl-800 {
width: 800px;
}
.wd-xl-800p {
width: 800%;
}
.mx-wd-xl-800p {
max-width: 800%;
}
.mn-wd-xl-800p {
min-width: 800%;
}
.wd-xl-800-f {
width: 800px !important;
}
.wd-xl-800p-f {
width: 800% !important;
}
.mx-wd-xl-800p-f {
max-width: 800% !important;
}
.mn-wd-xl-800p-f {
min-width: 800% !important;
}
.wd-xl-850 {
width: 850px;
}
.wd-xl-850p {
width: 850%;
}
.mx-wd-xl-850p {
max-width: 850%;
}
.mn-wd-xl-850p {
min-width: 850%;
}
.wd-xl-850-f {
width: 850px !important;
}
.wd-xl-850p-f {
width: 850% !important;
}
.mx-wd-xl-850p-f {
max-width: 850% !important;
}
.mn-wd-xl-850p-f {
min-width: 850% !important;
}
.wd-xl-900 {
width: 900px;
}
.wd-xl-900p {
width: 900%;
}
.mx-wd-xl-900p {
max-width: 900%;
}
.mn-wd-xl-900p {
min-width: 900%;
}
.wd-xl-900-f {
width: 900px !important;
}
.wd-xl-900p-f {
width: 900% !important;
}
.mx-wd-xl-900p-f {
max-width: 900% !important;
}
.mn-wd-xl-900p-f {
min-width: 900% !important;
}
.wd-xl-950 {
width: 950px;
}
.wd-xl-950p {
width: 950%;
}
.mx-wd-xl-950p {
max-width: 950%;
}
.mn-wd-xl-950p {
min-width: 950%;
}
.wd-xl-950-f {
width: 950px !important;
}
.wd-xl-950p-f {
width: 950% !important;
}
.mx-wd-xl-950p-f {
max-width: 950% !important;
}
.mn-wd-xl-950p-f {
min-width: 950% !important;
}
.wd-xl-1000 {
width: 1000px;
}
.wd-xl-1000p {
width: 1000%;
}
.mx-wd-xl-1000p {
max-width: 1000%;
}
.mn-wd-xl-1000p {
min-width: 1000%;
}
.wd-xl-1000-f {
width: 1000px !important;
}
.wd-xl-1000p-f {
width: 1000% !important;
}
.mx-wd-xl-1000p-f {
max-width: 1000% !important;
}
.mn-wd-xl-1000p-f {
min-width: 1000% !important;
}
.wd-xl-auto {
width: auto;
width: auto !important;
}
}
@media (max-width: 576px) {
.wd-sm-5-max {
width: 5px;
}
.wd-sm-5p-max {
width: 5%;
}
.mx-wd-sm-5p-max {
max-width: 5%;
}
.mn-wd-sm-5p-max {
min-width: 5%;
}
.wd-sm-5-f-max {
width: 5px !important;
}
.wd-sm-5p-f-max {
width: 5% !important;
}
.mx-wd-sm-5p-f-max {
max-width: 5% !important;
}
.mn-wd-sm-5p-f-max {
min-width: 5% !important;
}
.wd-sm-10-max {
width: 10px;
}
.wd-sm-10p-max {
width: 10%;
}
.mx-wd-sm-10p-max {
max-width: 10%;
}
.mn-wd-sm-10p-max {
min-width: 10%;
}
.wd-sm-10-f-max {
width: 10px !important;
}
.wd-sm-10p-f-max {
width: 10% !important;
}
.mx-wd-sm-10p-f-max {
max-width: 10% !important;
}
.mn-wd-sm-10p-f-max {
min-width: 10% !important;
}
.wd-sm-15-max {
width: 15px;
}
.wd-sm-15p-max {
width: 15%;
}
.mx-wd-sm-15p-max {
max-width: 15%;
}
.mn-wd-sm-15p-max {
min-width: 15%;
}
.wd-sm-15-f-max {
width: 15px !important;
}
.wd-sm-15p-f-max {
width: 15% !important;
}
.mx-wd-sm-15p-f-max {
max-width: 15% !important;
}
.mn-wd-sm-15p-f-max {
min-width: 15% !important;
}
.wd-sm-20-max {
width: 20px;
}
.wd-sm-20p-max {
width: 20%;
}
.mx-wd-sm-20p-max {
max-width: 20%;
}
.mn-wd-sm-20p-max {
min-width: 20%;
}
.wd-sm-20-f-max {
width: 20px !important;
}
.wd-sm-20p-f-max {
width: 20% !important;
}
.mx-wd-sm-20p-f-max {
max-width: 20% !important;
}
.mn-wd-sm-20p-f-max {
min-width: 20% !important;
}
.wd-sm-25-max {
width: 25px;
}
.wd-sm-25p-max {
width: 25%;
}
.mx-wd-sm-25p-max {
max-width: 25%;
}
.mn-wd-sm-25p-max {
min-width: 25%;
}
.wd-sm-25-f-max {
width: 25px !important;
}
.wd-sm-25p-f-max {
width: 25% !important;
}
.mx-wd-sm-25p-f-max {
max-width: 25% !important;
}
.mn-wd-sm-25p-f-max {
min-width: 25% !important;
}
.wd-sm-30-max {
width: 30px;
}
.wd-sm-30p-max {
width: 30%;
}
.mx-wd-sm-30p-max {
max-width: 30%;
}
.mn-wd-sm-30p-max {
min-width: 30%;
}
.wd-sm-30-f-max {
width: 30px !important;
}
.wd-sm-30p-f-max {
width: 30% !important;
}
.mx-wd-sm-30p-f-max {
max-width: 30% !important;
}
.mn-wd-sm-30p-f-max {
min-width: 30% !important;
}
.wd-sm-35-max {
width: 35px;
}
.wd-sm-35p-max {
width: 35%;
}
.mx-wd-sm-35p-max {
max-width: 35%;
}
.mn-wd-sm-35p-max {
min-width: 35%;
}
.wd-sm-35-f-max {
width: 35px !important;
}
.wd-sm-35p-f-max {
width: 35% !important;
}
.mx-wd-sm-35p-f-max {
max-width: 35% !important;
}
.mn-wd-sm-35p-f-max {
min-width: 35% !important;
}
.wd-sm-40-max {
width: 40px;
}
.wd-sm-40p-max {
width: 40%;
}
.mx-wd-sm-40p-max {
max-width: 40%;
}
.mn-wd-sm-40p-max {
min-width: 40%;
}
.wd-sm-40-f-max {
width: 40px !important;
}
.wd-sm-40p-f-max {
width: 40% !important;
}
.mx-wd-sm-40p-f-max {
max-width: 40% !important;
}
.mn-wd-sm-40p-f-max {
min-width: 40% !important;
}
.wd-sm-45-max {
width: 45px;
}
.wd-sm-45p-max {
width: 45%;
}
.mx-wd-sm-45p-max {
max-width: 45%;
}
.mn-wd-sm-45p-max {
min-width: 45%;
}
.wd-sm-45-f-max {
width: 45px !important;
}
.wd-sm-45p-f-max {
width: 45% !important;
}
.mx-wd-sm-45p-f-max {
max-width: 45% !important;
}
.mn-wd-sm-45p-f-max {
min-width: 45% !important;
}
.wd-sm-50-max {
width: 50px;
}
.wd-sm-50p-max {
width: 50%;
}
.mx-wd-sm-50p-max {
max-width: 50%;
}
.mn-wd-sm-50p-max {
min-width: 50%;
}
.wd-sm-50-f-max {
width: 50px !important;
}
.wd-sm-50p-f-max {
width: 50% !important;
}
.mx-wd-sm-50p-f-max {
max-width: 50% !important;
}
.mn-wd-sm-50p-f-max {
min-width: 50% !important;
}
.wd-sm-55-max {
width: 55px;
}
.wd-sm-55p-max {
width: 55%;
}
.mx-wd-sm-55p-max {
max-width: 55%;
}
.mn-wd-sm-55p-max {
min-width: 55%;
}
.wd-sm-55-f-max {
width: 55px !important;
}
.wd-sm-55p-f-max {
width: 55% !important;
}
.mx-wd-sm-55p-f-max {
max-width: 55% !important;
}
.mn-wd-sm-55p-f-max {
min-width: 55% !important;
}
.wd-sm-60-max {
width: 60px;
}
.wd-sm-60p-max {
width: 60%;
}
.mx-wd-sm-60p-max {
max-width: 60%;
}
.mn-wd-sm-60p-max {
min-width: 60%;
}
.wd-sm-60-f-max {
width: 60px !important;
}
.wd-sm-60p-f-max {
width: 60% !important;
}
.mx-wd-sm-60p-f-max {
max-width: 60% !important;
}
.mn-wd-sm-60p-f-max {
min-width: 60% !important;
}
.wd-sm-65-max {
width: 65px;
}
.wd-sm-65p-max {
width: 65%;
}
.mx-wd-sm-65p-max {
max-width: 65%;
}
.mn-wd-sm-65p-max {
min-width: 65%;
}
.wd-sm-65-f-max {
width: 65px !important;
}
.wd-sm-65p-f-max {
width: 65% !important;
}
.mx-wd-sm-65p-f-max {
max-width: 65% !important;
}
.mn-wd-sm-65p-f-max {
min-width: 65% !important;
}
.wd-sm-70-max {
width: 70px;
}
.wd-sm-70p-max {
width: 70%;
}
.mx-wd-sm-70p-max {
max-width: 70%;
}
.mn-wd-sm-70p-max {
min-width: 70%;
}
.wd-sm-70-f-max {
width: 70px !important;
}
.wd-sm-70p-f-max {
width: 70% !important;
}
.mx-wd-sm-70p-f-max {
max-width: 70% !important;
}
.mn-wd-sm-70p-f-max {
min-width: 70% !important;
}
.wd-sm-75-max {
width: 75px;
}
.wd-sm-75p-max {
width: 75%;
}
.mx-wd-sm-75p-max {
max-width: 75%;
}
.mn-wd-sm-75p-max {
min-width: 75%;
}
.wd-sm-75-f-max {
width: 75px !important;
}
.wd-sm-75p-f-max {
width: 75% !important;
}
.mx-wd-sm-75p-f-max {
max-width: 75% !important;
}
.mn-wd-sm-75p-f-max {
min-width: 75% !important;
}
.wd-sm-80-max {
width: 80px;
}
.wd-sm-80p-max {
width: 80%;
}
.mx-wd-sm-80p-max {
max-width: 80%;
}
.mn-wd-sm-80p-max {
min-width: 80%;
}
.wd-sm-80-f-max {
width: 80px !important;
}
.wd-sm-80p-f-max {
width: 80% !important;
}
.mx-wd-sm-80p-f-max {
max-width: 80% !important;
}
.mn-wd-sm-80p-f-max {
min-width: 80% !important;
}
.wd-sm-85-max {
width: 85px;
}
.wd-sm-85p-max {
width: 85%;
}
.mx-wd-sm-85p-max {
max-width: 85%;
}
.mn-wd-sm-85p-max {
min-width: 85%;
}
.wd-sm-85-f-max {
width: 85px !important;
}
.wd-sm-85p-f-max {
width: 85% !important;
}
.mx-wd-sm-85p-f-max {
max-width: 85% !important;
}
.mn-wd-sm-85p-f-max {
min-width: 85% !important;
}
.wd-sm-90-max {
width: 90px;
}
.wd-sm-90p-max {
width: 90%;
}
.mx-wd-sm-90p-max {
max-width: 90%;
}
.mn-wd-sm-90p-max {
min-width: 90%;
}
.wd-sm-90-f-max {
width: 90px !important;
}
.wd-sm-90p-f-max {
width: 90% !important;
}
.mx-wd-sm-90p-f-max {
max-width: 90% !important;
}
.mn-wd-sm-90p-f-max {
min-width: 90% !important;
}
.wd-sm-95-max {
width: 95px;
}
.wd-sm-95p-max {
width: 95%;
}
.mx-wd-sm-95p-max {
max-width: 95%;
}
.mn-wd-sm-95p-max {
min-width: 95%;
}
.wd-sm-95-f-max {
width: 95px !important;
}
.wd-sm-95p-f-max {
width: 95% !important;
}
.mx-wd-sm-95p-f-max {
max-width: 95% !important;
}
.mn-wd-sm-95p-f-max {
min-width: 95% !important;
}
.wd-sm-100-max {
width: 100px;
}
.wd-sm-100p-max {
width: 100%;
}
.mx-wd-sm-100p-max {
max-width: 100%;
}
.mn-wd-sm-100p-max {
min-width: 100%;
}
.wd-sm-100-f-max {
width: 100px !important;
}
.wd-sm-100p-f-max {
width: 100% !important;
}
.mx-wd-sm-100p-f-max {
max-width: 100% !important;
}
.mn-wd-sm-100p-f-max {
min-width: 100% !important;
}
.wd-sm-150-max {
width: 150px;
}
.wd-sm-150p-max {
width: 150%;
}
.mx-wd-sm-150p-max {
max-width: 150%;
}
.mn-wd-sm-150p-max {
min-width: 150%;
}
.wd-sm-150-f-max {
width: 150px !important;
}
.wd-sm-150p-f-max {
width: 150% !important;
}
.mx-wd-sm-150p-f-max {
max-width: 150% !important;
}
.mn-wd-sm-150p-f-max {
min-width: 150% !important;
}
.wd-sm-200-max {
width: 200px;
}
.wd-sm-200p-max {
width: 200%;
}
.mx-wd-sm-200p-max {
max-width: 200%;
}
.mn-wd-sm-200p-max {
min-width: 200%;
}
.wd-sm-200-f-max {
width: 200px !important;
}
.wd-sm-200p-f-max {
width: 200% !important;
}
.mx-wd-sm-200p-f-max {
max-width: 200% !important;
}
.mn-wd-sm-200p-f-max {
min-width: 200% !important;
}
.wd-sm-250-max {
width: 250px;
}
.wd-sm-250p-max {
width: 250%;
}
.mx-wd-sm-250p-max {
max-width: 250%;
}
.mn-wd-sm-250p-max {
min-width: 250%;
}
.wd-sm-250-f-max {
width: 250px !important;
}
.wd-sm-250p-f-max {
width: 250% !important;
}
.mx-wd-sm-250p-f-max {
max-width: 250% !important;
}
.mn-wd-sm-250p-f-max {
min-width: 250% !important;
}
.wd-sm-300-max {
width: 300px;
}
.wd-sm-300p-max {
width: 300%;
}
.mx-wd-sm-300p-max {
max-width: 300%;
}
.mn-wd-sm-300p-max {
min-width: 300%;
}
.wd-sm-300-f-max {
width: 300px !important;
}
.wd-sm-300p-f-max {
width: 300% !important;
}
.mx-wd-sm-300p-f-max {
max-width: 300% !important;
}
.mn-wd-sm-300p-f-max {
min-width: 300% !important;
}
.wd-sm-350-max {
width: 350px;
}
.wd-sm-350p-max {
width: 350%;
}
.mx-wd-sm-350p-max {
max-width: 350%;
}
.mn-wd-sm-350p-max {
min-width: 350%;
}
.wd-sm-350-f-max {
width: 350px !important;
}
.wd-sm-350p-f-max {
width: 350% !important;
}
.mx-wd-sm-350p-f-max {
max-width: 350% !important;
}
.mn-wd-sm-350p-f-max {
min-width: 350% !important;
}
.wd-sm-400-max {
width: 400px;
}
.wd-sm-400p-max {
width: 400%;
}
.mx-wd-sm-400p-max {
max-width: 400%;
}
.mn-wd-sm-400p-max {
min-width: 400%;
}
.wd-sm-400-f-max {
width: 400px !important;
}
.wd-sm-400p-f-max {
width: 400% !important;
}
.mx-wd-sm-400p-f-max {
max-width: 400% !important;
}
.mn-wd-sm-400p-f-max {
min-width: 400% !important;
}
.wd-sm-450-max {
width: 450px;
}
.wd-sm-450p-max {
width: 450%;
}
.mx-wd-sm-450p-max {
max-width: 450%;
}
.mn-wd-sm-450p-max {
min-width: 450%;
}
.wd-sm-450-f-max {
width: 450px !important;
}
.wd-sm-450p-f-max {
width: 450% !important;
}
.mx-wd-sm-450p-f-max {
max-width: 450% !important;
}
.mn-wd-sm-450p-f-max {
min-width: 450% !important;
}
.wd-sm-500-max {
width: 500px;
}
.wd-sm-500p-max {
width: 500%;
}
.mx-wd-sm-500p-max {
max-width: 500%;
}
.mn-wd-sm-500p-max {
min-width: 500%;
}
.wd-sm-500-f-max {
width: 500px !important;
}
.wd-sm-500p-f-max {
width: 500% !important;
}
.mx-wd-sm-500p-f-max {
max-width: 500% !important;
}
.mn-wd-sm-500p-f-max {
min-width: 500% !important;
}
.wd-sm-550-max {
width: 550px;
}
.wd-sm-550p-max {
width: 550%;
}
.mx-wd-sm-550p-max {
max-width: 550%;
}
.mn-wd-sm-550p-max {
min-width: 550%;
}
.wd-sm-550-f-max {
width: 550px !important;
}
.wd-sm-550p-f-max {
width: 550% !important;
}
.mx-wd-sm-550p-f-max {
max-width: 550% !important;
}
.mn-wd-sm-550p-f-max {
min-width: 550% !important;
}
.wd-sm-600-max {
width: 600px;
}
.wd-sm-600p-max {
width: 600%;
}
.mx-wd-sm-600p-max {
max-width: 600%;
}
.mn-wd-sm-600p-max {
min-width: 600%;
}
.wd-sm-600-f-max {
width: 600px !important;
}
.wd-sm-600p-f-max {
width: 600% !important;
}
.mx-wd-sm-600p-f-max {
max-width: 600% !important;
}
.mn-wd-sm-600p-f-max {
min-width: 600% !important;
}
.wd-sm-650-max {
width: 650px;
}
.wd-sm-650p-max {
width: 650%;
}
.mx-wd-sm-650p-max {
max-width: 650%;
}
.mn-wd-sm-650p-max {
min-width: 650%;
}
.wd-sm-650-f-max {
width: 650px !important;
}
.wd-sm-650p-f-max {
width: 650% !important;
}
.mx-wd-sm-650p-f-max {
max-width: 650% !important;
}
.mn-wd-sm-650p-f-max {
min-width: 650% !important;
}
.wd-sm-700-max {
width: 700px;
}
.wd-sm-700p-max {
width: 700%;
}
.mx-wd-sm-700p-max {
max-width: 700%;
}
.mn-wd-sm-700p-max {
min-width: 700%;
}
.wd-sm-700-f-max {
width: 700px !important;
}
.wd-sm-700p-f-max {
width: 700% !important;
}
.mx-wd-sm-700p-f-max {
max-width: 700% !important;
}
.mn-wd-sm-700p-f-max {
min-width: 700% !important;
}
.wd-sm-750-max {
width: 750px;
}
.wd-sm-750p-max {
width: 750%;
}
.mx-wd-sm-750p-max {
max-width: 750%;
}
.mn-wd-sm-750p-max {
min-width: 750%;
}
.wd-sm-750-f-max {
width: 750px !important;
}
.wd-sm-750p-f-max {
width: 750% !important;
}
.mx-wd-sm-750p-f-max {
max-width: 750% !important;
}
.mn-wd-sm-750p-f-max {
min-width: 750% !important;
}
.wd-sm-800-max {
width: 800px;
}
.wd-sm-800p-max {
width: 800%;
}
.mx-wd-sm-800p-max {
max-width: 800%;
}
.mn-wd-sm-800p-max {
min-width: 800%;
}
.wd-sm-800-f-max {
width: 800px !important;
}
.wd-sm-800p-f-max {
width: 800% !important;
}
.mx-wd-sm-800p-f-max {
max-width: 800% !important;
}
.mn-wd-sm-800p-f-max {
min-width: 800% !important;
}
.wd-sm-850-max {
width: 850px;
}
.wd-sm-850p-max {
width: 850%;
}
.mx-wd-sm-850p-max {
max-width: 850%;
}
.mn-wd-sm-850p-max {
min-width: 850%;
}
.wd-sm-850-f-max {
width: 850px !important;
}
.wd-sm-850p-f-max {
width: 850% !important;
}
.mx-wd-sm-850p-f-max {
max-width: 850% !important;
}
.mn-wd-sm-850p-f-max {
min-width: 850% !important;
}
.wd-sm-900-max {
width: 900px;
}
.wd-sm-900p-max {
width: 900%;
}
.mx-wd-sm-900p-max {
max-width: 900%;
}
.mn-wd-sm-900p-max {
min-width: 900%;
}
.wd-sm-900-f-max {
width: 900px !important;
}
.wd-sm-900p-f-max {
width: 900% !important;
}
.mx-wd-sm-900p-f-max {
max-width: 900% !important;
}
.mn-wd-sm-900p-f-max {
min-width: 900% !important;
}
.wd-sm-950-max {
width: 950px;
}
.wd-sm-950p-max {
width: 950%;
}
.mx-wd-sm-950p-max {
max-width: 950%;
}
.mn-wd-sm-950p-max {
min-width: 950%;
}
.wd-sm-950-f-max {
width: 950px !important;
}
.wd-sm-950p-f-max {
width: 950% !important;
}
.mx-wd-sm-950p-f-max {
max-width: 950% !important;
}
.mn-wd-sm-950p-f-max {
min-width: 950% !important;
}
.wd-sm-1000-max {
width: 1000px;
}
.wd-sm-1000p-max {
width: 1000%;
}
.mx-wd-sm-1000p-max {
max-width: 1000%;
}
.mn-wd-sm-1000p-max {
min-width: 1000%;
}
.wd-sm-1000-f-max {
width: 1000px !important;
}
.wd-sm-1000p-f-max {
width: 1000% !important;
}
.mx-wd-sm-1000p-f-max {
max-width: 1000% !important;
}
.mn-wd-sm-1000p-f-max {
min-width: 1000% !important;
}
.wd-sm-auto-max {
width: auto;
}
.wd-sm-auto-f-max {
width: auto !important;
}
}
@media (max-width: 575.98px) {
.wp-sm-max-20 {
width: 20% !important;
}
}
.skeleton {
animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
0% {
background-color: hsl(200, 20%, 70%);
}
100% {
background-color: hsl(200, 20%, 95%);
}
}
.skeleton-text {
width: 100%;
height: 0.7rem;
border-radius: 0.05rem;
}
.skeleton-text__body {
width: 75%;
}
.skeleton-footer {
width: 30%;
}
.wallet-sidebar-icon {
margin: 0 15px 0 5px;
font-size: 15px;
}
.select2-container.select2-container--default.select2-container--open {
z-index: 9999;
}
@media(max-width: 767px) {
.logo-horizontal {
text-align: center;
}
}
@media(max-width: 767px) {
.side-menu {
display: flex;
justify-content: center;
flex-direction: column;
}
.side-menu__item.active .side-menu__label {
color: #93bf5d;
font-weight: 600;
}
.side-menu__item.active .side-menu__icon {
color: #93bf5d !important;
fill: #93bf5d !important;
}
.side-menu__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
transition: all ease 0.3s;
color: #93bf5d;
margin: 0px 0px 2px 0px;
}
.slide-menu.open {
position: relative;
background: #fff;
margin: 5px 0;
border-radius: 3px;
border: none;
}
.main-sidemenu.is-expanded {
width: 100%;
}
.app-sidebar {
position: position;
top: 0;
bottom: 0;
left: 0;
z-index: 99;
background: #fff !important;
-webkit-box-shadow: 0 8px 24px rgba(229, 228, 230, 0.4);
transition: all ease 0.2s;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
color: #000 !important;
position: fixed;
height: 100%;
left: 0 !important;
}
.side-menu__item.active .side-menu__label {
color: #93bf5d;
font-weight: 600;
font-size: 15px;
}
.slide-menu.open {
position: relative;
background: #fff;
margin: 5px 20px;
border-radius: 3px;
border: none;
}
.side-menu__item.has-link i {
position: relative;
left: 0px;
font-size: 15px;
}
.side-menu__item {
font-size: 15px;
font-weight: 400;
color: #93bf5d;
}
.jumps-prevent {
padding-top: 0 !important;
}
.side-menu__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 30px;
font-size: 14px;
font-weight: 400;
transition: all ease 0.3s;
color: #93bf5d;
margin: 0px 0px 2px 0px;
}
.d-flex.order-lg-2 {
display: flex;
justify-content: center;
}
.side-menu {
display: flex;
justify-content: space-around;
padding-top: 70px;
}
.sidebar-mini.sidenav-toggled .side-menu__item .side-menu__icon {
margin-left: 0;
margin-right: -3px;
}
.app-sidebar__toggle {
display: block;
}
.menu-title-side {
display: block;
}
.main-sidemenu.is-expanded {
width: 100%;
height: 100%;
}
.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
background: none !important;
box-shadow: none;
}
.sidebar-mini.sidenav-toggled .sidebar-mini.sidenav-toggled.user-notification::before {
background: transparent;
display: none;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user-name {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0px !important;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
display: none;
}
} |