/* input(28104,24): run-time error CSS1063: Expected calculation unit, found '$'
input(28104,24): run-time error CSS1064: Expected calculation product, found '$'
input(28104,24): run-time error CSS1065: Expected calculation sum, found '$'
input(28104,24): run-time error CSS1034: Expected closing parenthesis, found '$'
input(28104,24): run-time error CSS1042: Expected function, found '$'
input(28104,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
input(28119,24): run-time error CSS1063: Expected calculation unit, found '$'
input(28119,24): run-time error CSS1064: Expected calculation product, found '$'
input(28119,24): run-time error CSS1065: Expected calculation sum, found '$'
input(28119,24): run-time error CSS1034: Expected closing parenthesis, found '$'
input(28119,24): run-time error CSS1042: Expected function, found '$'
input(28119,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
input(28134,24): run-time error CSS1063: Expected calculation unit, found '$'
input(28134,24): run-time error CSS1064: Expected calculation product, found '$'
input(28134,24): run-time error CSS1065: Expected calculation sum, found '$'
input(28134,24): run-time error CSS1034: Expected closing parenthesis, found '$'
input(28134,24): run-time error CSS1042: Expected function, found '$'
input(28134,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$' */
/*!
* jQuery UI CSS Framework 1.11.4
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*!
* jQuery UI Datepicker 1.11.4
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/datepicker/#theming
*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/*!
* jQuery UI CSS Framework 1.12.0
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("themes/base/images/ui-icons_444444_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
.ui-widget-header .ui-icon {
background-image: url("themes/base/images/ui-icons_444444_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
.ui-button .ui-icon {
background-image: url("themes/base/images/ui-icons_777777_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
background-image: url("themes/base/images/ui-icons_555555_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("themes/base/images/ui-icons_ffffff_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("themes/base/images/ui-icons_777620_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("themes/base/images/ui-icons_cc0000_256x240.png?v=duLE8irQu9kfqgZwfdZ32XldTKI");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/*
* fa-to-material.css
* --------------------------------------------------------------------------
* Camada de ícones do sistema. O Font Awesome foi REMOVIDO do projeto; as
* classes legadas .fa / .fa-x continuam no HTML, mas agora renderizam glifos
* do Material Icons via LIGADURAS (o nome do ícone vira o glifo) — pega
* inclusive ícones injetados via JS. Também reimplementa aqui os utilitários
* que vinham do font-awesome.css (tamanhos .fa-2x.., .fa-spin, etc.).
*
* Ícones de marca (youtube/instagram/facebook) não existem no Material e
* passaram a ser SVG inline nos layouts públicos (_LayoutSite/_LayoutSorteio).
*/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/MaterialIcons-Regular.woff2?v=V_7e2GmBGO7P741cOUGpaP-gqbo') format('woff2');
}
/* base: toda .fa passa a usar a fonte Material + ligaduras */
.fa {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
vertical-align: middle;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* classe nativa do Material Icons (para marcação nova: home) */
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
vertical-align: middle;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* ---- mapeamento FA -> Material (ligadura no content) -------------------- */
.fa-times::before,
.fa-remove::before { content: "close"; }
.fa-plus::before { content: "add"; }
.fa-check::before { content: "check"; }
.fa-check-square-o::before{ content: "check_box"; }
.fa-chevron-right::before { content: "chevron_right"; }
.fa-chevron-left::before { content: "chevron_left"; }
.fa-chevron-down::before,
.fa-angle-down::before { content: "expand_more"; }
.fa-angle-up::before { content: "expand_less"; }
.fa-bars::before { content: "menu"; }
.fa-eye::before { content: "visibility"; }
.fa-search::before { content: "search"; }
.fa-pencil::before,
.fa-edit::before { content: "edit"; }
.fa-trash::before { content: "delete"; }
.fa-user::before { content: "person"; }
.fa-unlock::before { content: "lock_open"; }
.fa-spinner::before,
.fa-circle-o-notch::before{ content: "autorenew"; }
.fa-refresh::before { content: "refresh"; }
.fa-send-o::before { content: "send"; }
.fa-question-circle::before{ content: "help"; }
.fa-phone::before { content: "call"; }
.fa-map-marker::before { content: "place"; }
.fa-credit-card::before { content: "credit_card"; }
.fa-usd::before { content: "attach_money"; }
.fa-money::before { content: "payments"; }
.fa-star::before { content: "star"; }
.fa-power-off::before { content: "power_settings_new"; }
.fa-long-arrow-right::before { content: "arrow_forward"; }
.fa-id-card::before { content: "badge"; }
.fa-home::before { content: "home"; }
.fa-handshake-o::before { content: "handshake"; }
.fa-globe::before { content: "public"; }
.fa-folder-open::before { content: "folder_open"; }
.fa-file-text::before { content: "description"; }
.fa-download::before { content: "file_download"; }
.fa-clock-o::before { content: "schedule"; }
.fa-bell-o::before { content: "notifications"; }
.fa-upload::before { content: "file_upload"; }
.fa-arrow-down::before { content: "arrow_downward"; }
.fa-arrow-up::before { content: "arrow_upward"; }
.fa-cog::before,
.fa-gear::before { content: "settings"; }
/* ---- utilitários que vinham do font-awesome.css (FA foi removido) ------ */
/* tamanho */
.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571429em; text-align: center; }
.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; }
.fa-pull-left { float: left; margin-right: .3em; }
.fa-pull-right { float: right; margin-left: .3em; }
/* animação spin/pulse */
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* OBS.: youtube/instagram/facebook não existem no Material — agora são SVG
inline nos layouts (_LayoutSite, _LayoutSorteio). O Font Awesome foi
removido por completo do projeto. */
@charset "UTF-8";
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table-group-divider {
border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #cfe2ff;
--bs-table-border-color: #a6b5cc;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e2e3e5;
--bs-table-border-color: #b5b6b7;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: #d1e7dd;
--bs-table-border-color: #a7b9b1;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: #cff4fc;
--bs-table-border-color: #a6c3ca;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fff3cd;
--bs-table-border-color: #ccc2a4;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f8d7da;
--bs-table-border-color: #c6acae;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: #c6c7c8;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: #4d5154;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(0.375rem + var(--bs-border-width));
padding-bottom: calc(0.375rem + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.5em;
margin: 0;
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0;
}
.form-control::-moz-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control:disabled {
background-color: var(--bs-secondary-bg);
opacity: 1;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition: color 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;
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;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
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;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: var(--bs-body-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
textarea.form-control {
min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
width: 3rem;
height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0;
}
.form-check-input {
--bs-form-check-bg: var(--bs-body-bg);
flex-shrink: 0;
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width: 2em;
margin-left: -2.5em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0;
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
-webkit-appearance: none;
appearance: none;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
-moz-appearance: none;
appearance: none;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-secondary-color);
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
background-color: var(--bs-secondary-bg);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
z-index: 5;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 5;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width) * -1);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-valid-color);
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: var(--bs-form-valid-border-color);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: var(--bs-form-invalid-border-color);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4;
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
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;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0b5ed7;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
--bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130, 138, 145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347;
--bs-btn-hover-border-color: #146c43;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43;
--bs-btn-active-border-color: #13653f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754;
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424649;
--bs-btn-hover-border-color: #373b3e;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
--bs-btn-color: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0d6efd;
--bs-btn-hover-border-color: #0d6efd;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0d6efd;
--bs-btn-active-border-color: #0d6efd;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0d6efd;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0d6efd;
--bs-gradient: none;
}
.btn-outline-secondary {
--bs-btn-color: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #6c757d;
--bs-btn-hover-border-color: #6c757d;
--bs-btn-focus-shadow-rgb: 108, 117, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #6c757d;
--bs-btn-active-border-color: #6c757d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6c757d;
--bs-gradient: none;
}
.btn-outline-success {
--bs-btn-color: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #198754;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #198754;
--bs-gradient: none;
}
.btn-outline-info {
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none;
}
.btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-gradient: none;
}
.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none;
}
.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none;
}
.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none;
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
text-decoration: underline;
}
.btn-link:focus-visible {
color: var(--bs-btn-color);
}
.btn-link:hover {
color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1;
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group {
border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: none;
border: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color);
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color);
}
.card-subtitle {
margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: var(--bs-card-spacer-x);
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
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;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
color: var(--bs-alert-link-color);
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
--bs-alert-bg: var(--bs-primary-bg-subtle);
--bs-alert-border-color: var(--bs-primary-border-subtle);
--bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
--bs-alert-color: var(--bs-secondary-text-emphasis);
--bs-alert-bg: var(--bs-secondary-bg-subtle);
--bs-alert-border-color: var(--bs-secondary-border-subtle);
--bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
--bs-alert-bg: var(--bs-success-bg-subtle);
--bs-alert-border-color: var(--bs-success-border-subtle);
--bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
--bs-alert-bg: var(--bs-info-bg-subtle);
--bs-alert-border-color: var(--bs-info-border-subtle);
--bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
--bs-alert-color: var(--bs-warning-text-emphasis);
--bs-alert-bg: var(--bs-warning-bg-subtle);
--bs-alert-border-color: var(--bs-warning-border-subtle);
--bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle);
--bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
--bs-alert-color: var(--bs-light-text-emphasis);
--bs-alert-bg: var(--bs-light-bg-subtle);
--bs-alert-border-color: var(--bs-light-border-subtle);
--bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
--bs-alert-color: var(--bs-dark-text-emphasis);
--bs-alert-bg: var(--bs-dark-bg-subtle);
--bs-alert-border-color: var(--bs-dark-border-subtle);
--bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #0d6efd;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
width: 100%;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.list-group {
--bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary-text-emphasis);
--bs-list-group-bg: var(--bs-primary-bg-subtle);
--bs-list-group-border-color: var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
--bs-list-group-active-color: var(--bs-primary-bg-subtle);
--bs-list-group-active-bg: var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
--bs-list-group-color: var(--bs-secondary-text-emphasis);
--bs-list-group-bg: var(--bs-secondary-bg-subtle);
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
--bs-list-group-active-color: var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
--bs-list-group-color: var(--bs-success-text-emphasis);
--bs-list-group-bg: var(--bs-success-bg-subtle);
--bs-list-group-border-color: var(--bs-success-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-success-border-subtle);
--bs-list-group-active-color: var(--bs-success-bg-subtle);
--bs-list-group-active-bg: var(--bs-success-text-emphasis);
--bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
--bs-list-group-color: var(--bs-info-text-emphasis);
--bs-list-group-bg: var(--bs-info-bg-subtle);
--bs-list-group-border-color: var(--bs-info-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-info-border-subtle);
--bs-list-group-active-color: var(--bs-info-bg-subtle);
--bs-list-group-active-bg: var(--bs-info-text-emphasis);
--bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
--bs-list-group-color: var(--bs-warning-text-emphasis);
--bs-list-group-bg: var(--bs-warning-bg-subtle);
--bs-list-group-border-color: var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
--bs-list-group-active-color: var(--bs-warning-bg-subtle);
--bs-list-group-active-bg: var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
--bs-list-group-color: var(--bs-danger-text-emphasis);
--bs-list-group-bg: var(--bs-danger-bg-subtle);
--bs-list-group-border-color: var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
--bs-list-group-active-color: var(--bs-danger-bg-subtle);
--bs-list-group-active-bg: var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
--bs-list-group-color: var(--bs-light-text-emphasis);
--bs-list-group-bg: var(--bs-light-bg-subtle);
--bs-list-group-border-color: var(--bs-light-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-light-border-subtle);
--bs-list-group-active-color: var(--bs-light-bg-subtle);
--bs-list-group-active-bg: var(--bs-light-text-emphasis);
--bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
--bs-list-group-color: var(--bs-dark-text-emphasis);
--bs-list-group-bg: var(--bs-dark-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
--bs-list-group-active-color: var(--bs-dark-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: var(--bs-btn-close-color);
background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme=dark] .btn-close {
filter: var(--bs-btn-close-white-filter);
}
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-border-width: var(--bs-border-width);
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: var(--bs-border-radius);
--bs-toast-box-shadow: var(--bs-box-shadow);
--bs-toast-header-color: var(--bs-secondary-color);
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-header-border-color: var(--bs-border-color-translucent);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
margin-right: calc(-0.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x);
}
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word;
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-box-shadow: var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity);
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height);
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding);
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: var(--bs-box-shadow);
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm {
--bs-modal-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius);
}
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
--bs-popover-box-shadow: var(--bs-box-shadow);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: var(--bs-body-color);
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color);
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
color: #000;
}
.spinner-grow,
.spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent;
}
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0;
}
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s;
}
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
--bs-offcanvas-transition: transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
transition: none;
}
}
@media (max-width: 575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
transform: none;
}
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
visibility: visible;
}
}
@media (min-width: 576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
display: none;
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
transition: none;
}
}
@media (max-width: 767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
transform: none;
}
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
visibility: visible;
}
}
@media (min-width: 768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
display: none;
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
transition: none;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
transform: none;
}
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
visibility: visible;
}
}
@media (min-width: 992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
display: none;
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
transition: none;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
transform: none;
}
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
visibility: visible;
}
}
@media (min-width: 1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
display: none;
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
transition: none;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
transform: none;
}
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
visibility: visible;
}
}
@media (min-width: 1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
display: none;
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
visibility: visible;
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}
.offcanvas-header {
display: flex;
align-items: center;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: 0.5;
}
.placeholder.btn::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.text-bg-primary {
color: #fff !important;
background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
color: #fff !important;
background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
color: #fff !important;
background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
color: #fff !important;
background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
color: #fff !important;
background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
display: inline-flex;
gap: 0.375rem;
align-items: center;
-webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-underline-offset: 0.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.icon-link > .bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
.icon-link > .bi {
transition: none;
}
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: 0.25;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.object-fit-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.overflow-x-auto {
overflow-x: auto !important;
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.overflow-x-visible {
overflow-x: visible !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.overflow-y-visible {
overflow-y: visible !important;
}
.overflow-y-scroll {
overflow-y: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
box-shadow: none !important;
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.border-opacity-10 {
--bs-border-opacity: 0.1;
}
.border-opacity-25 {
--bs-border-opacity: 0.25;
}
.border-opacity-50 {
--bs-border-opacity: 0.5;
}
.border-opacity-75 {
--bs-border-opacity: 0.75;
}
.border-opacity-100 {
--bs-border-opacity: 1;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.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-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;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.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;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.row-gap-0 {
row-gap: 0 !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.row-gap-3 {
row-gap: 1rem !important;
}
.row-gap-4 {
row-gap: 1.5rem !important;
}
.row-gap-5 {
row-gap: 3rem !important;
}
.column-gap-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-1 {
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-2 {
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
--bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
--bs-link-opacity: 0.1;
}
.link-opacity-25 {
--bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
--bs-link-opacity: 0.25;
}
.link-opacity-50 {
--bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
--bs-link-opacity: 0.5;
}
.link-opacity-75 {
--bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
--bs-link-opacity: 0.75;
}
.link-opacity-100 {
--bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1;
}
.link-offset-1 {
text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
text-underline-offset: 0.125em !important;
}
.link-offset-2 {
text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
text-underline-offset: 0.25em !important;
}
.link-offset-3 {
text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
text-underline-offset: 0.375em !important;
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity: 1;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important;
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.z-n1 {
z-index: -1 !important;
}
.z-0 {
z-index: 0 !important;
}
.z-1 {
z-index: 1 !important;
}
.z-2 {
z-index: 2 !important;
}
.z-3 {
z-index: 3 !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.object-fit-sm-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-sm-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-sm-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-sm-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-sm-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.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-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;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !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;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.row-gap-sm-0 {
row-gap: 0 !important;
}
.row-gap-sm-1 {
row-gap: 0.25rem !important;
}
.row-gap-sm-2 {
row-gap: 0.5rem !important;
}
.row-gap-sm-3 {
row-gap: 1rem !important;
}
.row-gap-sm-4 {
row-gap: 1.5rem !important;
}
.row-gap-sm-5 {
row-gap: 3rem !important;
}
.column-gap-sm-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-sm-1 {
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-sm-2 {
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-sm-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-sm-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-sm-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.object-fit-md-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-md-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-md-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-md-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-md-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.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-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;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !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;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.row-gap-md-0 {
row-gap: 0 !important;
}
.row-gap-md-1 {
row-gap: 0.25rem !important;
}
.row-gap-md-2 {
row-gap: 0.5rem !important;
}
.row-gap-md-3 {
row-gap: 1rem !important;
}
.row-gap-md-4 {
row-gap: 1.5rem !important;
}
.row-gap-md-5 {
row-gap: 3rem !important;
}
.column-gap-md-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-md-1 {
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-md-2 {
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-md-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-md-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-md-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.object-fit-lg-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-lg-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-lg-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-lg-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-lg-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.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-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;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !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;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.row-gap-lg-0 {
row-gap: 0 !important;
}
.row-gap-lg-1 {
row-gap: 0.25rem !important;
}
.row-gap-lg-2 {
row-gap: 0.5rem !important;
}
.row-gap-lg-3 {
row-gap: 1rem !important;
}
.row-gap-lg-4 {
row-gap: 1.5rem !important;
}
.row-gap-lg-5 {
row-gap: 3rem !important;
}
.column-gap-lg-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-lg-1 {
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-lg-2 {
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-lg-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-lg-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-lg-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.object-fit-xl-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-xl-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-xl-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-xl-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-xl-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.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-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;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !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;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.row-gap-xl-0 {
row-gap: 0 !important;
}
.row-gap-xl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xl-3 {
row-gap: 1rem !important;
}
.row-gap-xl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xl-5 {
row-gap: 3rem !important;
}
.column-gap-xl-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-xl-1 {
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-xl-2 {
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-xl-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-xl-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-xl-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.object-fit-xxl-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-xxl-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-xxl-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-xxl-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-xxl-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-inline-grid {
display: inline-grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.row-gap-xxl-0 {
row-gap: 0 !important;
}
.row-gap-xxl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xxl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xxl-3 {
row-gap: 1rem !important;
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xxl-5 {
row-gap: 3rem !important;
}
.column-gap-xxl-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-xxl-1 {
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-xxl-2 {
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-xxl-3 {
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-xxl-4 {
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-xxl-5 {
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-inline-grid {
display: inline-grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/* ReSharper disable All */
/**
* Smoke form validation and components for Bootstrap
* @package Smoke
* @version 3.0
* @link https://github.com/alfredobarron/smoke The Smoke GitHub project
* @author Alfredo Barron
* @copyright 2015 Alfredo Barron
* @license https://www.gnu.org/licenses/lgpl.html GNU Lesser General Public License
* @note This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*/
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Validate
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.has-feedback .smk-error-msg{
position: absolute;
right: 0;
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
}
.smk-select .smk-error-icon{
right: 10px;
}
.smk-checkbox .smk-error-msg,
.smk-radio .smk-error-msg{
margin-top: -12px;
}
/* form-horizontal */
.form-horizontal .has-feedback .smk-error-msg {
right: 15px;
}
.form-horizontal .smk-select .smk-error-icon{
right: 25px;
}
.form-horizontal .smk-checkbox .smk-error-msg,
.form-horizontal .smk-radio .smk-error-msg{
margin-top: 0;
}
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Alerts
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.smk-alert-content{
position: fixed;
width: 360px;
z-index: 2060;
}
.smk-alert-content-top-right{
top: 20px;
right: 20px;
}
.smk-alert-content-top-center{
top: 20px;
margin: 0 0 0 -180px;
left: 50%;
}
.smk-alert-content-top-left{
top: 20px;
left: 20px;
}
.smk-alert-content-bottom-right{
bottom: 0;
right: 20px;
}
.smk-alert-content-bottom-center{
bottom: 0;
margin: 0 0 0 -180px;
left: 50%;
}
.smk-alert-content-bottom-left{
bottom: 0;
left: 20px;
}
.smk-alert {
opacity: 0;
filter: alpha(opacity=0);
}
.smk-alert .glyphicon {
font-size: 20px;
float: left;
margin-right: 14px;
}
.smk-alert p{
display: table;
}
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Confirmation
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.smk-confirm-back {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.smk-confirm,
.smk-prompt {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
top: -500px;
right: 0;
left: 0;
margin: auto;
max-width: 440px;
z-index: 2060;
box-shadow: 0 5px 25px -1px #333;
-webkit-box-shadow: 0 5px 25px -1px #333; /* Chrome & Safari */
-moz-box-shadow: 0 5px 25px -1px #333; /* Firefox */
}
.smk-confirm:focus,
.smk-prompt:focus {
outline: 0;
box-shadow: 0 5px 25px -1px #333;
-webkit-box-shadow: 0 5px 25px -1px #333; /* Chrome & Safari */
-moz-box-shadow: 0 5px 25px -1px #333; /* Firefox */
}
.smk-confirm .panel-body,
.smk-prompt .panel-body {
padding-bottom: 30px;
padding-top: 30px;
}
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Progress
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.smk-progressbar{
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10000;
}
.smk-progressbar .progress {
width: 100%;
height: 4px;
background-color: transparent;
border-radius: 0;
margin-bottom: 0;
}
.smk-progressbar-content{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display:-webkit-flex;
display:flex;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
}
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Panel
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.panel-full{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 0;
z-index: 2050;
}
.panel-full>.panel-heading{
border-radius: 0;
}
.smk-btn-group-panel-title{
top:-22px;
right: -4px
}
.smk-btn-group-panel{
top:-4px;
right: -4px
}
a.smk-min,
a.smk-min:focus,
a.smk-remove,
a.smk-remove:focus,
a.smk-full,
a.smk-full:focus {
color: inherit;
}
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Show Pass
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.smk-show-pass {
position: relative;
}
.smk-btn-show-pass {
position: absolute;
right: 0;
top: 25px;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Helper Styles
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Elimina los spin del input number
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}*/
/*
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Al agregar padding a un div evita que su tamaño crezca
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.smk-sizing{
box-sizing: border-box;
}
/* Transition */
.smk-transition1 {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out; /* Chrome & Safari */
-moz-transition: all .2s ease-in-out; /* Firefox */
-o-transition: all .2s ease-in-out; /* Opera */
-ms-transition: all .2s ease-in-out; /* IE 9 */
}
.smk-transition2 {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; /* Chrome & Safari */
-moz-transition: all .5s ease-in-out; /* Firefox */
-o-transition: all .5s ease-in-out; /* Opera */
-ms-transition: all .5s ease-in-out; /* IE 9 */
}
/* Shadow */
.smk-shadow {
box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc; /* Chrome & Safari */
-moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox */
}
/* Animations */
.smk-animation {
animation: fadeOut 3.5s;
-webkit-animation: fadeOut 3.5s; /* Chrome & Safari */
-moz-animation: fadeOut 3.5s; /* Firefox */
-o-animation: fadeOut 3.5s; /* Opera */
-ms-animation: fadeOut 3.5s; /* IE 9 */
}
/* Translate */
.smk-translate {
transform: translate(50px,100px);
-webkit-transform: translate(50px,100px); /* Chrome & Safari */
-moz-transform: translate(50px,100px); /* Firefox */
-o-transform: translate(50px,100px); /* Opera */
-ms-transform: translate(50px,100px); /* IE 9 */
}
/* Rotate */
.smk-rotate {
transform: rotate(7deg);
-webkit-transform: rotate(7deg); /* Chrome & Safari */
-moz-transition: rotate(7deg); /* Firefox */
-o-transition: rotate(7deg); /* Opera */
-ms-transform: rotate(7deg); /* IE 9 */
}
/*LOADING*/
#loading {
position: fixed;
z-index: 1100;
top: 8%;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
display: none;
}
#screenBlock {
position: fixed;
z-index: 1099;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, .7);
height: 100%;
opacity: .7;
display: none;
}
/*MESSAGES*/
show-message {
display: none;
}
/*WIZARD*/
.wizard {
margin: 20px auto;
}
.wizard .nav-tabs {
display: flex;
justify-content: space-between;
margin-bottom: 0;
border-bottom-color: #e0e0e0;
}
.wizard > div.wizard-inner {
position: relative;
}
.connecting-line {
height: 2px;
background: #e0e0e0;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
z-index: 0;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
border: 0;
border-bottom-color: transparent;
}
span.round-tab {
flex: 1;
width: 70px;
height: 70px;
line-height: 67px;
display: inline-block;
border-radius: 100px;
background: #fff;
border: 2px solid #e0e0e0;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px;
}
span.round-tab i {
color: #555555;
}
.wizard li.active span.round-tab {
background: #fff;
border: 2px solid #5bc0de;
}
.wizard li.active span.round-tab i {
color: #5bc0de;
}
.wizard li:after {
content: " ";
position: absolute;
left: 46%;
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #5bc0de;
transition: 0.1s ease-in-out;
}
.wizard li.active:after {
content: " ";
position: absolute;
left: 38%;
opacity: 1;
margin: 0 auto;
bottom: 0px;
border: 10px solid transparent;
border-bottom-color: #5bc0de;
}
.wizard .nav-tabs > li a {
width: 70px;
height: 70px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
}
.wizard .nav-tabs > li a:hover {
background: transparent;
}
.wizard .tab-pane {
position: relative;
padding-top: 30px;
}
.wizard .tab-pane .btn-primary {
width: 80px;
}
.wizard h3 {
margin-top: 0;
}
@media( max-width : 585px ) {
.wizard {
width: 90%;
height: auto !important;
}
span.round-tab {
font-size: 16px;
width: 50px;
height: 50px;
line-height: 47px;
}
.wizard .nav-tabs > li a {
width: 50px;
height: 50px;
line-height: 50px;
}
.wizard li.active:after {
content: " ";
position: absolute;
left: 35%;
}
}
/*WEEK-PICKER*/
week-picker .uib-datepicker td.selected-week button {
background-color: #269abc;
border-color: #1b6d85;
}
week-picker .uib-datepicker td.selected-week button span {
color: #fff;
}
week-picker .uib-datepicker tr:hover td button {
background-color: #e6e6e6 !important;
border-color: #adadad !important;
}
week-picker .uib-datepicker tr:hover td button span {
color: #333 !important;
}
/*DIALOG*/
.has-modal .app,
.has-modal-overlay .app,
.has-modal .sidebar,
.has-modal-overlay .sidebar {
pointer-events: all;
}
/*LIST GROUP*/
ul.list-group-box {
min-height: 41px;
}
ul.list-group-hover li:hover {
background-color: #e8e8e8;
}
.panel-heading.clickable:hover {
background-color: #e6e6e6;
cursor: pointer;
}
/*DATATABLE*/
.datatable .datatable-buttons {
text-align: right;
}
.datatable tr.clickable:hover {
background-color: #e6e6e6;
cursor: pointer;
}
.datatable .hoverPointer:hover {
cursor: pointer;
}
.datatable .sortorder:after {
content: '\25b2';
}
.datatable .sortorder.reverse:after {
content: '\25bc';
}
/*TEXT*/
.truncate {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
}
/*BUTTON*/
a[disabled] {
pointer-events: none;
}
/*VALIDATION*/
.has-error .input-group-btn button {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.modal-content .login {
width: inherit;
max-width: inherit;
}
.logo {
background: url('/Images/logo-casa-da-locacao.png');
width: 300px;
height: 130px;
}
.login {
border-radius: 2px 2px 5px 5px;
padding: 10px 20px 20px 20px;
width: 100%;
max-width: 333px;
background: #fff;
position: relative;
padding-bottom: 80px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.login input.form-control {
display: block;
height: auto;
padding: 15px 10px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #ddd;
transition: border-width 0.2s ease;
border-radius: 2px;
color: #ccc;
}
.login input.form-control + i.fa {
color: #fff;
font-size: 1.2em;
position: absolute;
margin-top: -47px;
opacity: 0;
left: 0;
transition: all 0.1s ease-in;
}
.login input:focus {
outline: none;
color: #444;
border-color: #4a4a4a;
border-left-width: 35px;
}
.login input.form-control:focus + i.fa {
opacity: 1;
left: 30px;
transition: all 0.25s ease-out;
}
.login a {
font-size: 0.8em;
color: #4a4a4a;
text-decoration: none;
}
.login .title {
color: #444;
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 30px 0;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.login button[type=submit] {
width: 100%;
height: 100%;
padding: 10px 10px;
background: #4a4a4a;
color: #fff;
display: block;
border: none;
margin-top: 20px;
position: absolute;
left: 0;
bottom: 0;
max-height: 60px;
border: 0 solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 2px 2px;
transition: all 0.1s ease-out;
border-bottom-width: 7px;
}
.login button[type=submit]:hover {
box-shadow: 0 1px 3px #4a4a4a;
}
.login button[type=submit].error {
background: #d10000;
}
.login button[type=submit].error:hover {
box-shadow: 0 1px 3px #d10000;
}
.login button[type=submit]:focus {
border-bottom-width: 4px;
}
.login button[type=submit]:disabled {
background: rgba(0, 0, 0, 0.2);
}
.login button[type=submit]:disabled:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
@charset 'UTF-8';
/*!
=========================================================
* Argon Dashboard - v1.2.0
=========================================================
* Product Page: https://www.creative-tim.com/product/argon-dashboard
* Copyright 2020 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
* Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
:root
{
--blue: #5e72e4;
--indigo: #5603ad;
--purple: #8965e0;
--pink: #f3a4b5;
--red: #f5365c;
--orange: #fb6340;
--yellow: #ffd600;
--green: #2dce89;
--teal: #11cdef;
--cyan: #2bffc6;
--white: #fff;
--gray: #8898aa;
--gray-dark: #32325d;
--light: #ced4da;
--lighter: #e9ecef;
--primary: #5e72e4;
--secondary: #f7fafc;
--success: #2dce89;
--info: #11cdef;
--warning: #fb6340;
--danger: #f5365c;
--light: #adb5bd;
--dark: #212529;
--default: #172b4d;
--white: #fff;
--neutral: #fff;
--darker: black;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: Open Sans, sans-serif;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
*,
*::before,
*::after
{
box-sizing: border-box;
}
html
{
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section
{
display: block;
}
body
{
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
text-align: left;
color: #525f7f;
background-color: #f8f9fe;
}
[tabindex='-1']:focus:not(:focus-visible)
{
outline: 0 !important;
}
hr
{
overflow: visible;
box-sizing: content-box;
height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
margin-top: 0;
margin-bottom: .5rem;
}
p
{
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title]
{
cursor: help;
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration-skip-ink: none;
}
address
{
font-style: normal;
line-height: inherit;
margin-bottom: 1rem;
}
ol,
ul,
dl
{
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol
{
margin-bottom: 0;
}
dt
{
font-weight: 600;
}
dd
{
margin-bottom: .5rem;
margin-left: 0;
}
blockquote
{
margin: 0 0 1rem;
}
b,
strong
{
font-weight: bolder;
}
small
{
font-size: 80%;
}
sub,
sup
{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub
{
bottom: -.25em;
}
sup
{
top: -.5em;
}
a
{
text-decoration: none;
color: #5e72e4;
background-color: transparent;
}
a:hover
{
text-decoration: none;
color: #233dd2;
}
a:not([href])
{
text-decoration: none;
color: inherit;
}
a:not([href]):hover
{
text-decoration: none;
color: inherit;
}
pre,
code,
kbd,
samp
{
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
font-size: 1em;
}
pre
{
overflow: auto;
margin-top: 0;
margin-bottom: 1rem;
}
figure
{
margin: 0 0 1rem;
}
img
{
vertical-align: middle;
border-style: none;
}
svg
{
overflow: hidden;
vertical-align: middle;
}
table
{
border-collapse: collapse;
}
caption
{
padding-top: 1rem;
padding-bottom: 1rem;
caption-side: bottom;
text-align: left;
color: #8898aa;
}
th
{
text-align: inherit;
}
label
{
display: inline-block;
margin-bottom: .5rem;
}
button
{
border-radius: 0;
}
button:focus
{
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
button,
input
{
overflow: visible;
}
button,
select
{
text-transform: none;
}
select
{
word-wrap: normal;
}
button,
[type='button'],
[type='reset'],
[type='submit']
{
-webkit-appearance: button;
}
button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled)
{
cursor: pointer;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox']
{
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month']
{
-webkit-appearance: listbox;
}
textarea
{
overflow: auto;
resize: vertical;
}
fieldset
{
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend
{
font-size: 1.5rem;
line-height: inherit;
display: block;
width: 100%;
max-width: 100%;
margin-bottom: .5rem;
padding: 0;
white-space: normal;
color: inherit;
}
@media (max-width: 1200px)
{
legend
{
font-size: calc(1.275rem + .3vw) ;
}
}
progress
{
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
height: auto;
}
[type='search']
{
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-decoration
{
-webkit-appearance: none;
}
::-webkit-file-upload-button
{
font: inherit;
-webkit-appearance: button;
}
output
{
display: inline-block;
}
summary
{
display: list-item;
cursor: pointer;
}
template
{
display: none;
}
[hidden]
{
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
font-family: inherit;
font-weight: 600;
line-height: 1.5;
margin-bottom: .5rem;
color: #32325d;
}
h1,
.h1
{
font-size: 1.625rem;
}
@media (max-width: 1200px)
{
h1,
.h1
{
font-size: calc(1.2875rem + .45vw) ;
}
}
h2,
.h2
{
font-size: 1.25rem;
}
h3,
.h3
{
font-size: 1.0625rem;
}
h4,
.h4
{
font-size: .9375rem;
}
h5,
.h5
{
font-size: .8125rem;
}
h6,
.h6
{
font-size: .625rem;
}
.lead
{
font-size: 1.25rem;
font-weight: 300;
}
.display-1
{
font-size: 3.3rem;
font-weight: 600;
line-height: 1.5;
}
@media (max-width: 1200px)
{
.display-1
{
font-size: calc(1.455rem + 2.46vw) ;
}
}
.display-2
{
font-size: 2.75rem;
font-weight: 600;
line-height: 1.5;
}
@media (max-width: 1200px)
{
.display-2
{
font-size: calc(1.4rem + 1.8vw) ;
}
}
.display-3
{
font-size: 2.1875rem;
font-weight: 600;
line-height: 1.5;
}
@media (max-width: 1200px)
{
.display-3
{
font-size: calc(1.34375rem + 1.125vw) ;
}
}
.display-4
{
font-size: 1.6275rem;
font-weight: 600;
line-height: 1.5;
}
@media (max-width: 1200px)
{
.display-4
{
font-size: calc(1.28775rem + .453vw) ;
}
}
hr
{
margin-top: 2rem;
margin-bottom: 2rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1);
}
small,
.small
{
font-size: 80%;
font-weight: 400;
}
mark,
.mark
{
padding: .2em;
background-color: #fcf8e3;
}
.list-unstyled
{
padding-left: 0;
list-style: none;
}
.list-inline
{
padding-left: 0;
list-style: none;
}
.list-inline-item
{
display: inline-block;
}
.list-inline-item:not(:last-child)
{
margin-right: .5rem;
}
.initialism
{
font-size: 90%;
text-transform: uppercase;
}
.blockquote
{
font-size: 1.25rem;
margin-bottom: 1rem;
}
.blockquote-footer
{
font-size: 80%;
display: block;
color: #8898aa;
}
.blockquote-footer::before
{
content: '\2014\00A0';
}
.img-fluid
{
max-width: 100%;
height: auto;
}
.img-thumbnail
{
max-width: 100%;
height: auto;
padding: .25rem;
border: 1px solid #dee2e6;
border-radius: .375rem;
background-color: #f8f9fe;
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.figure
{
display: inline-block;
}
.figure-img
{
line-height: 1;
margin-bottom: .5rem;
}
.figure-caption
{
font-size: 90%;
color: #8898aa;
}
code
{
font-size: 87.5%;
word-wrap: break-word;
color: #f3a4b5;
}
a > code
{
color: inherit;
}
kbd
{
font-size: 87.5%;
padding: .2rem .4rem;
color: #fff;
border-radius: .25rem;
background-color: #212529;
box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
}
kbd kbd
{
font-size: 100%;
font-weight: 600;
padding: 0;
box-shadow: none;
}
pre
{
font-size: 87.5%;
display: block;
color: #212529;
}
pre code
{
font-size: inherit;
word-break: normal;
color: inherit;
}
.pre-scrollable
{
overflow-y: scroll;
max-height: 340px;
}
.container
{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px)
{
.container
{
max-width: 540px;
}
}
@media (min-width: 768px)
{
.container
{
max-width: 720px;
}
}
@media (min-width: 992px)
{
.container
{
max-width: 960px;
}
}
@media (min-width: 1200px)
{
.container
{
max-width: 1140px;
}
}
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl
{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px)
{
.container,
.container-sm
{
max-width: 540px;
}
}
@media (min-width: 768px)
{
.container,
.container-sm,
.container-md
{
max-width: 720px;
}
}
@media (min-width: 992px)
{
.container,
.container-sm,
.container-md,
.container-lg
{
max-width: 960px;
}
}
@media (min-width: 1200px)
{
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl
{
max-width: 1140px;
}
}
.row
{
display: flex;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
}
.no-gutters
{
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-']
{
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto
{
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.row-cols-1 > *
{
max-width: 100%;
flex: 0 0 100%;
}
.row-cols-2 > *
{
max-width: 50%;
flex: 0 0 50%;
}
.row-cols-3 > *
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.row-cols-4 > *
{
max-width: 25%;
flex: 0 0 25%;
}
.row-cols-5 > *
{
max-width: 20%;
flex: 0 0 20%;
}
.row-cols-6 > *
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-auto
{
width: auto;
max-width: 100%;
flex: 0 0 auto;
}
.col-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-first
{
order: -1;
}
.order-last
{
order: 13;
}
.order-0
{
order: 0;
}
.order-1
{
order: 1;
}
.order-2
{
order: 2;
}
.order-3
{
order: 3;
}
.order-4
{
order: 4;
}
.order-5
{
order: 5;
}
.order-6
{
order: 6;
}
.order-7
{
order: 7;
}
.order-8
{
order: 8;
}
.order-9
{
order: 9;
}
.order-10
{
order: 10;
}
.order-11
{
order: 11;
}
.order-12
{
order: 12;
}
.offset-1
{
margin-left: 8.33333%;
}
.offset-2
{
margin-left: 16.66667%;
}
.offset-3
{
margin-left: 25%;
}
.offset-4
{
margin-left: 33.33333%;
}
.offset-5
{
margin-left: 41.66667%;
}
.offset-6
{
margin-left: 50%;
}
.offset-7
{
margin-left: 58.33333%;
}
.offset-8
{
margin-left: 66.66667%;
}
.offset-9
{
margin-left: 75%;
}
.offset-10
{
margin-left: 83.33333%;
}
.offset-11
{
margin-left: 91.66667%;
}
@media (min-width: 576px)
{
.col-sm
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.row-cols-sm-1 > *
{
max-width: 100%;
flex: 0 0 100%;
}
.row-cols-sm-2 > *
{
max-width: 50%;
flex: 0 0 50%;
}
.row-cols-sm-3 > *
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.row-cols-sm-4 > *
{
max-width: 25%;
flex: 0 0 25%;
}
.row-cols-sm-5 > *
{
max-width: 20%;
flex: 0 0 20%;
}
.row-cols-sm-6 > *
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-sm-auto
{
width: auto;
max-width: 100%;
flex: 0 0 auto;
}
.col-sm-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-sm-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-sm-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-sm-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-sm-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-sm-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-sm-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-sm-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-sm-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-sm-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-sm-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-sm-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-sm-first
{
order: -1;
}
.order-sm-last
{
order: 13;
}
.order-sm-0
{
order: 0;
}
.order-sm-1
{
order: 1;
}
.order-sm-2
{
order: 2;
}
.order-sm-3
{
order: 3;
}
.order-sm-4
{
order: 4;
}
.order-sm-5
{
order: 5;
}
.order-sm-6
{
order: 6;
}
.order-sm-7
{
order: 7;
}
.order-sm-8
{
order: 8;
}
.order-sm-9
{
order: 9;
}
.order-sm-10
{
order: 10;
}
.order-sm-11
{
order: 11;
}
.order-sm-12
{
order: 12;
}
.offset-sm-0
{
margin-left: 0;
}
.offset-sm-1
{
margin-left: 8.33333%;
}
.offset-sm-2
{
margin-left: 16.66667%;
}
.offset-sm-3
{
margin-left: 25%;
}
.offset-sm-4
{
margin-left: 33.33333%;
}
.offset-sm-5
{
margin-left: 41.66667%;
}
.offset-sm-6
{
margin-left: 50%;
}
.offset-sm-7
{
margin-left: 58.33333%;
}
.offset-sm-8
{
margin-left: 66.66667%;
}
.offset-sm-9
{
margin-left: 75%;
}
.offset-sm-10
{
margin-left: 83.33333%;
}
.offset-sm-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 768px)
{
.col-md
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.row-cols-md-1 > *
{
max-width: 100%;
flex: 0 0 100%;
}
.row-cols-md-2 > *
{
max-width: 50%;
flex: 0 0 50%;
}
.row-cols-md-3 > *
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.row-cols-md-4 > *
{
max-width: 25%;
flex: 0 0 25%;
}
.row-cols-md-5 > *
{
max-width: 20%;
flex: 0 0 20%;
}
.row-cols-md-6 > *
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-md-auto
{
width: auto;
max-width: 100%;
flex: 0 0 auto;
}
.col-md-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-md-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-md-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-md-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-md-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-md-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-md-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-md-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-md-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-md-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-md-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-md-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-md-first
{
order: -1;
}
.order-md-last
{
order: 13;
}
.order-md-0
{
order: 0;
}
.order-md-1
{
order: 1;
}
.order-md-2
{
order: 2;
}
.order-md-3
{
order: 3;
}
.order-md-4
{
order: 4;
}
.order-md-5
{
order: 5;
}
.order-md-6
{
order: 6;
}
.order-md-7
{
order: 7;
}
.order-md-8
{
order: 8;
}
.order-md-9
{
order: 9;
}
.order-md-10
{
order: 10;
}
.order-md-11
{
order: 11;
}
.order-md-12
{
order: 12;
}
.offset-md-0
{
margin-left: 0;
}
.offset-md-1
{
margin-left: 8.33333%;
}
.offset-md-2
{
margin-left: 16.66667%;
}
.offset-md-3
{
margin-left: 25%;
}
.offset-md-4
{
margin-left: 33.33333%;
}
.offset-md-5
{
margin-left: 41.66667%;
}
.offset-md-6
{
margin-left: 50%;
}
.offset-md-7
{
margin-left: 58.33333%;
}
.offset-md-8
{
margin-left: 66.66667%;
}
.offset-md-9
{
margin-left: 75%;
}
.offset-md-10
{
margin-left: 83.33333%;
}
.offset-md-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 992px)
{
.col-lg
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.row-cols-lg-1 > *
{
max-width: 100%;
flex: 0 0 100%;
}
.row-cols-lg-2 > *
{
max-width: 50%;
flex: 0 0 50%;
}
.row-cols-lg-3 > *
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.row-cols-lg-4 > *
{
max-width: 25%;
flex: 0 0 25%;
}
.row-cols-lg-5 > *
{
max-width: 20%;
flex: 0 0 20%;
}
.row-cols-lg-6 > *
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-lg-auto
{
width: auto;
max-width: 100%;
flex: 0 0 auto;
}
.col-lg-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-lg-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-lg-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-lg-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-lg-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-lg-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-lg-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-lg-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-lg-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-lg-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-lg-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-lg-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-lg-first
{
order: -1;
}
.order-lg-last
{
order: 13;
}
.order-lg-0
{
order: 0;
}
.order-lg-1
{
order: 1;
}
.order-lg-2
{
order: 2;
}
.order-lg-3
{
order: 3;
}
.order-lg-4
{
order: 4;
}
.order-lg-5
{
order: 5;
}
.order-lg-6
{
order: 6;
}
.order-lg-7
{
order: 7;
}
.order-lg-8
{
order: 8;
}
.order-lg-9
{
order: 9;
}
.order-lg-10
{
order: 10;
}
.order-lg-11
{
order: 11;
}
.order-lg-12
{
order: 12;
}
.offset-lg-0
{
margin-left: 0;
}
.offset-lg-1
{
margin-left: 8.33333%;
}
.offset-lg-2
{
margin-left: 16.66667%;
}
.offset-lg-3
{
margin-left: 25%;
}
.offset-lg-4
{
margin-left: 33.33333%;
}
.offset-lg-5
{
margin-left: 41.66667%;
}
.offset-lg-6
{
margin-left: 50%;
}
.offset-lg-7
{
margin-left: 58.33333%;
}
.offset-lg-8
{
margin-left: 66.66667%;
}
.offset-lg-9
{
margin-left: 75%;
}
.offset-lg-10
{
margin-left: 83.33333%;
}
.offset-lg-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 1200px)
{
.col-xl
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.row-cols-xl-1 > *
{
max-width: 100%;
flex: 0 0 100%;
}
.row-cols-xl-2 > *
{
max-width: 50%;
flex: 0 0 50%;
}
.row-cols-xl-3 > *
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.row-cols-xl-4 > *
{
max-width: 25%;
flex: 0 0 25%;
}
.row-cols-xl-5 > *
{
max-width: 20%;
flex: 0 0 20%;
}
.row-cols-xl-6 > *
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-xl-auto
{
width: auto;
max-width: 100%;
flex: 0 0 auto;
}
.col-xl-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-xl-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-xl-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-xl-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-xl-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-xl-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-xl-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-xl-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-xl-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-xl-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-xl-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-xl-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-xl-first
{
order: -1;
}
.order-xl-last
{
order: 13;
}
.order-xl-0
{
order: 0;
}
.order-xl-1
{
order: 1;
}
.order-xl-2
{
order: 2;
}
.order-xl-3
{
order: 3;
}
.order-xl-4
{
order: 4;
}
.order-xl-5
{
order: 5;
}
.order-xl-6
{
order: 6;
}
.order-xl-7
{
order: 7;
}
.order-xl-8
{
order: 8;
}
.order-xl-9
{
order: 9;
}
.order-xl-10
{
order: 10;
}
.order-xl-11
{
order: 11;
}
.order-xl-12
{
order: 12;
}
.offset-xl-0
{
margin-left: 0;
}
.offset-xl-1
{
margin-left: 8.33333%;
}
.offset-xl-2
{
margin-left: 16.66667%;
}
.offset-xl-3
{
margin-left: 25%;
}
.offset-xl-4
{
margin-left: 33.33333%;
}
.offset-xl-5
{
margin-left: 41.66667%;
}
.offset-xl-6
{
margin-left: 50%;
}
.offset-xl-7
{
margin-left: 58.33333%;
}
.offset-xl-8
{
margin-left: 66.66667%;
}
.offset-xl-9
{
margin-left: 75%;
}
.offset-xl-10
{
margin-left: 83.33333%;
}
.offset-xl-11
{
margin-left: 91.66667%;
}
}
select.form-control:focus::-ms-value
{
color: #8898aa;
background-color: #fff;
}
.col-form-label
{
font-size: inherit;
line-height: 1.5;
margin-bottom: 0;
padding-top: calc(.625rem + 1px);
padding-bottom: calc(.625rem + 1px);
}
.col-form-label-lg
{
font-size: .875rem;
line-height: 1.5;
padding-top: calc(.875rem + 1px);
padding-bottom: calc(.875rem + 1px);
}
.col-form-label-sm
{
font-size: .75rem;
line-height: 1.5;
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
}
select.form-control[size],
select.form-control[multiple]
{
height: auto;
}
textarea.form-control
{
height: auto;
}
.form-text
{
display: block;
margin-top: .25rem;
}
.form-row
{
display: flex;
margin-right: -5px;
margin-left: -5px;
flex-wrap: wrap;
}
.form-row > .col,
.form-row > [class*='col-']
{
padding-right: 5px;
padding-left: 5px;
}
.valid-feedback
{
font-size: 80%;
display: none;
width: 100%;
margin-top: .25rem;
color: #2dce89;
}
.valid-tooltip
{
font-size: .875rem;
line-height: 1;
position: absolute;
z-index: 5;
top: 100%;
display: none;
max-width: 100%;
margin-top: .1rem;
padding: .5rem;
color: #fff;
border-radius: .2rem;
background-color: rgba(45, 206, 137, .8);
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated
.custom-select:valid,
.custom-select.is-valid
{
border-color: #2dce89;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus
{
border-color: #2dce89;
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label
{
color: #2dce89;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label
{
color: #2dce89;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before
{
border-color: #93e7c3;
background-color: #93e7c3;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before
{
border-color: #93e7c3;
background-color: #54daa1;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before
{
box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(45, 206, 137, .25);
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label
{
border-color: #2dce89;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before
{
border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label
{
box-shadow: 0 0 0 0 rgba(45, 206, 137, .25);
}
.invalid-feedback
{
font-size: 80%;
display: none;
width: 100%;
margin-top: .25rem;
color: #fb6340;
}
.invalid-tooltip
{
font-size: .875rem;
line-height: 1;
position: absolute;
z-index: 5;
top: 100%;
display: none;
max-width: 100%;
margin-top: .1rem;
padding: .5rem;
color: #fff;
border-radius: .2rem;
background-color: rgba(251, 99, 64, .8);
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated
.custom-select:invalid,
.custom-select.is-invalid
{
border-color: #fb6340;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus
{
border-color: #fb6340;
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label
{
color: #fb6340;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label
{
color: #fb6340;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before
{
border-color: #fec9bd;
background-color: #fec9bd;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before
{
border-color: #fec9bd;
background-color: #fc8c72;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before
{
box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(251, 99, 64, .25);
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label
{
border-color: #fb6340;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before
{
border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label
{
box-shadow: 0 0 0 0 rgba(251, 99, 64, .25);
}
.form-inline
{
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check
{
width: 100%;
}
@media (min-width: 576px)
{
.form-inline label
{
display: flex;
margin-bottom: 0;
align-items: center;
justify-content: center;
}
.form-inline .form-group
{
display: flex;
margin-bottom: 0;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-control
{
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext
{
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select
{
width: auto;
}
.form-inline .form-check
{
display: flex;
width: auto;
padding-left: 0;
align-items: center;
justify-content: center;
}
.form-inline .form-check-input
{
position: relative;
margin-top: 0;
margin-right: .25rem;
margin-left: 0;
flex-shrink: 0;
}
.form-inline .custom-control
{
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label
{
margin-bottom: 0;
}
}
a.btn.disabled,
fieldset:disabled a.btn
{
pointer-events: none;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block
{
width: 100%;
}
.fade
{
transition: opacity .15s linear;
}
@media (prefers-reduced-motion: reduce)
{
.fade
{
transition: none;
}
}
.fade:not(.show)
{
opacity: 0;
}
.collapse:not(.show)
{
display: none;
}
.collapsing
{
position: relative;
overflow: hidden;
height: 0;
transition: height .3s ease;
}
@media (prefers-reduced-motion: reduce)
{
.collapsing
{
transition: none;
}
}
.dropup .dropdown-menu
{
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem;
}
.dropup .dropdown-toggle::after
{
display: inline-block;
margin-left: .255em;
content: '';
vertical-align: .255em;
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent;
}
.dropup .dropdown-toggle:empty::after
{
margin-left: 0;
}
.dropright .dropdown-menu
{
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem;
}
.dropright .dropdown-toggle::after
{
display: inline-block;
margin-left: .255em;
content: '';
vertical-align: .255em;
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid;
}
.dropright .dropdown-toggle:empty::after
{
margin-left: 0;
}
.dropright .dropdown-toggle::after
{
vertical-align: 0;
}
.nav
{
display: flex;
margin-bottom: 0;
padding-left: 0;
list-style: none;
flex-wrap: wrap;
}
.nav-link
{
display: block;
padding: .25rem .75rem;
}
.nav-link:hover,
.nav-link:focus
{
text-decoration: none;
}
.nav-link.disabled
{
cursor: default;
pointer-events: none;
color: #8898aa;
}
.nav-tabs
{
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item
{
margin-bottom: -1px;
}
.nav-tabs .nav-link
{
border: 1px solid transparent;
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus
{
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled
{
color: #8898aa;
border-color: transparent;
background-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link
{
color: #525f7f;
border-color: #dee2e6 #dee2e6 #f8f9fe;
background-color: #f8f9fe;
}
.nav-tabs .dropdown-menu
{
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link
{
border-radius: .375rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link
{
color: #fff;
background-color: #5e72e4;
}
.nav-fill .nav-item
{
text-align: center;
flex: 1 1 auto;
}
.nav-justified .nav-item
{
text-align: center;
flex-basis: 0;
flex-grow: 1;
}
.tab-content > .tab-pane
{
display: none;
}
.tab-content > .active
{
display: block;
}
.navbar
{
position: relative;
display: flex;
padding: 1rem 1rem;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl
{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand
{
font-size: 1.25rem;
line-height: inherit;
display: inline-block;
margin-right: 1rem;
padding-top: .0625rem;
padding-bottom: .0625rem;
white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus
{
text-decoration: none;
}
.navbar-nav
{
display: flex;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.navbar-nav .nav-link
{
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu
{
position: static;
float: none;
}
.navbar-text
{
display: inline-block;
padding-top: .25rem;
padding-bottom: .25rem;
}
.navbar-collapse
{
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler
{
font-size: 1.25rem;
line-height: 1;
padding: .25rem .75rem;
border: 1px solid transparent;
border-radius: .25rem;
background-color: transparent;
}
.navbar-toggler:hover,
.navbar-toggler:focus
{
text-decoration: none;
}
.navbar-toggler-icon
{
display: inline-block;
width: 1.5em;
height: 1.5em;
content: '';
vertical-align: middle;
background: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 575.98px)
{
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px)
{
.navbar-expand-sm
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav
{
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl
{
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler
{
display: none;
}
}
@media (max-width: 767.98px)
{
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px)
{
.navbar-expand-md
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav
{
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl
{
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler
{
display: none;
}
}
@media (max-width: 991.98px)
{
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px)
{
.navbar-expand-lg
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav
{
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl
{
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler
{
display: none;
}
}
@media (max-width: 1199.98px)
{
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px)
{
.navbar-expand-xl
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav
{
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl
{
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler
{
display: none;
}
}
.navbar-expand
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl
{
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav
{
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl
{
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler
{
display: none;
}.navbar-dark .navbar-brand
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-nav .nav-link
{
color: rgba(255, 255, 255, .95);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-nav .nav-link.disabled
{
color: rgba(255, 255, 255, .25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-toggler
{
color: rgba(255, 255, 255, .95);
border-color: transparent;
}
.navbar-dark .navbar-toggler-icon
{
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba(255, 255, 255, 0.95)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');
}
.navbar-dark .navbar-text
{
color: rgba(255, 255, 255, .95);
}
.navbar-dark .navbar-text a
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus
{
color: rgba(255, 255, 255, .65);
}
.accordion > .card
{
overflow: hidden;
}
.accordion > .card:not(:last-of-type)
{
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type)
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card > .card-header
{
margin-bottom: -1px;
border-radius: 0;
}
.breadcrumb
{
display: flex;
margin-bottom: 1rem;
padding: .75rem 1rem;
list-style: none;
border-radius: .375rem;
background-color: #e9ecef;
flex-wrap: wrap;
}
.breadcrumb-item + .breadcrumb-item
{
padding-left: .5rem;
}
.breadcrumb-item + .breadcrumb-item::before
{
display: inline-block;
padding-right: .5rem;
content: '/';
color: #8898aa;
}
.breadcrumb-item + .breadcrumb-item:hover::before
{
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before
{
text-decoration: none;
}
.breadcrumb-item.active
{
color: #8898aa;
}
.pagination
{
display: flex;
padding-left: 0;
list-style: none;
border-radius: .375rem;
}
.page-link
{
line-height: 1.25;
position: relative;
display: block;
margin-left: -1px;
padding: .5rem .75rem;
color: #8898aa;
border: 1px solid #dee2e6;
background-color: #fff;
}
.page-link:hover
{
z-index: 2;
text-decoration: none;
color: #8898aa;
border-color: #dee2e6;
background-color: #dee2e6;
}
.page-link:focus
{
z-index: 3;
outline: 0;
box-shadow: none;
}
.page-item:first-child .page-link
{
margin-left: 0;
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.page-item:last-child .page-link
{
border-top-right-radius: .375rem;
border-bottom-right-radius: .375rem;
}
.page-item.active .page-link
{
z-index: 3;
color: #fff;
border-color: #eac000;
background-color: #eac000;
}
.page-item.disabled .page-link
{
cursor: auto;
pointer-events: none;
color: #8898aa;
border-color: #dee2e6;
background-color: #fff;
}
.pagination-lg .page-link
{
font-size: 1.25rem;
line-height: 1.5;
padding: .75rem 1.5rem;
}
.pagination-lg .page-item:first-child .page-link
{
border-top-left-radius: .4375rem;
border-bottom-left-radius: .4375rem;
}
.pagination-lg .page-item:last-child .page-link
{
border-top-right-radius: .4375rem;
border-bottom-right-radius: .4375rem;
}
.pagination-sm .page-link
{
font-size: .875rem;
line-height: 1.5;
padding: .25rem .5rem;
}
.pagination-sm .page-item:first-child .page-link
{
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.pagination-sm .page-item:last-child .page-link
{
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
a.badge:hover,
a.badge:focus
{
text-decoration: none;
}
.jumbotron
{
margin-bottom: 2rem;
padding: 2rem 1rem;
border-radius: .4375rem;
background-color: #e9ecef;
}
@media (min-width: 576px)
{
.jumbotron
{
padding: 4rem 2rem;
}
}
.jumbotron-fluid
{
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
@keyframes progress-bar-stripes
{
from
{
background-position: 1rem 0;
}
to
{
background-position: 0 0;
}
}
.progress
{
font-size: .75rem;
display: flex;
overflow: hidden;
height: 1rem;
border-radius: .375rem;
background-color: #e9ecef;
box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1);
}
.progress-bar
{
display: flex;
overflow: hidden;
flex-direction: column;
transition: width .6s ease;
text-align: center;
white-space: nowrap;
color: #fff;
background-color: #5e72e4;
justify-content: center;
}
@media (prefers-reduced-motion: reduce)
{
.progress-bar
{
transition: none;
}
}
.progress-bar-striped
{
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated
{
animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce)
{
.progress-bar-animated
{
animation: none;
}
}.list-group
{
display: flex;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
}
.list-group-item-action
{
width: 100%;
text-align: inherit;
color: #525f7f;
}
.list-group-item-action:hover,
.list-group-item-action:focus
{
z-index: 1;
text-decoration: none;
color: #525f7f;
background-color: #f6f9fc;
}
.list-group-item-action:active
{
color: #525f7f;
background-color: #e9ecef;
}
.list-group-item
{
position: relative;
display: block;
padding: 1rem 1rem;
border: 1px solid #e9ecef;
background-color: #fff;
}
.list-group-item:first-child
{
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.list-group-item:last-child
{
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.list-group-item.disabled,
.list-group-item:disabled
{
pointer-events: none;
color: #8898aa;
background-color: #fff;
}
.list-group-item.active
{
z-index: 2;
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.list-group-item + .list-group-item
{
border-top-width: 0;
}
.list-group-item + .list-group-item.active
{
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal
{
flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child
{
border-top-right-radius: 0;
border-bottom-left-radius: .375rem;
}
.list-group-horizontal .list-group-item:last-child
{
border-top-right-radius: .375rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active
{
margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item
{
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active
{
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px)
{
.list-group-horizontal-sm
{
flex-direction: row;
}
.list-group-horizontal-sm .list-group-item:first-child
{
border-top-right-radius: 0;
border-bottom-left-radius: .375rem;
}
.list-group-horizontal-sm .list-group-item:last-child
{
border-top-right-radius: .375rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm .list-group-item.active
{
margin-top: 0;
}
.list-group-horizontal-sm .list-group-item + .list-group-item
{
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm .list-group-item + .list-group-item.active
{
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px)
{
.list-group-horizontal-md
{
flex-direction: row;
}
.list-group-horizontal-md .list-group-item:first-child
{
border-top-right-radius: 0;
border-bottom-left-radius: .375rem;
}
.list-group-horizontal-md .list-group-item:last-child
{
border-top-right-radius: .375rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md .list-group-item.active
{
margin-top: 0;
}
.list-group-horizontal-md .list-group-item + .list-group-item
{
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md .list-group-item + .list-group-item.active
{
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px)
{
.list-group-horizontal-lg
{
flex-direction: row;
}
.list-group-horizontal-lg .list-group-item:first-child
{
border-top-right-radius: 0;
border-bottom-left-radius: .375rem;
}
.list-group-horizontal-lg .list-group-item:last-child
{
border-top-right-radius: .375rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg .list-group-item.active
{
margin-top: 0;
}
.list-group-horizontal-lg .list-group-item + .list-group-item
{
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg .list-group-item + .list-group-item.active
{
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px)
{
.list-group-horizontal-xl
{
flex-direction: row;
}
.list-group-horizontal-xl .list-group-item:first-child
{
border-top-right-radius: 0;
border-bottom-left-radius: .375rem;
}
.list-group-horizontal-xl .list-group-item:last-child
{
border-top-right-radius: .375rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl .list-group-item.active
{
margin-top: 0;
}
.list-group-horizontal-xl .list-group-item + .list-group-item
{
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl .list-group-item + .list-group-item.active
{
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush .list-group-item
{
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
.list-group-flush .list-group-item:first-child
{
border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child
{
border-bottom-width: 0;
}
.list-group-item-primary
{
color: #313b77;
background-color: #d2d8f7;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus
{
color: #313b77;
background-color: #bcc5f3;
}
.list-group-item-primary.list-group-item-action.active
{
color: #fff;
border-color: #313b77;
background-color: #313b77;
}
.list-group-item-secondary
{
color: #808283;
background-color: #fdfefe;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus
{
color: #808283;
background-color: #ecf6f6;
}
.list-group-item-secondary.list-group-item-action.active
{
color: #fff;
border-color: #808283;
background-color: #808283;
}
.list-group-item-success
{
color: #176b47;
background-color: #c4f1de;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus
{
color: #176b47;
background-color: #afecd2;
}
.list-group-item-success.list-group-item-action.active
{
color: #fff;
border-color: #176b47;
background-color: #176b47;
}
.list-group-item-info
{
color: #096b7c;
background-color: #bcf1fb;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus
{
color: #096b7c;
background-color: #a4ecfa;
}
.list-group-item-info.list-group-item-action.active
{
color: #fff;
border-color: #096b7c;
background-color: #096b7c;
}
.list-group-item-warning
{
color: #833321;
background-color: #fed3ca;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus
{
color: #833321;
background-color: #febeb1;
}
.list-group-item-warning.list-group-item-action.active
{
color: #fff;
border-color: #833321;
background-color: #833321;
}
.list-group-item-danger
{
color: #7f1c30;
background-color: #fcc7d1;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus
{
color: #7f1c30;
background-color: #fbafbd;
}
.list-group-item-danger.list-group-item-action.active
{
color: #fff;
border-color: #7f1c30;
background-color: #7f1c30;
}
.list-group-item-light
{
color: #5a5e62;
background-color: #e8eaed;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus
{
color: #5a5e62;
background-color: #dadde2;
}
.list-group-item-light.list-group-item-action.active
{
color: #fff;
border-color: #5a5e62;
background-color: #5a5e62;
}
.list-group-item-dark
{
color: #111315;
background-color: #c1c2c3;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus
{
color: #111315;
background-color: #b4b5b6;
}
.list-group-item-dark.list-group-item-action.active
{
color: #fff;
border-color: #111315;
background-color: #111315;
}
.list-group-item-default
{
color: #0c1628;
background-color: #bec4cd;
}
.list-group-item-default.list-group-item-action:hover,
.list-group-item-default.list-group-item-action:focus
{
color: #0c1628;
background-color: #b0b7c2;
}
.list-group-item-default.list-group-item-action.active
{
color: #fff;
border-color: #0c1628;
background-color: #0c1628;
}
.list-group-item-white
{
color: #858585;
background-color: white;
}
.list-group-item-white.list-group-item-action:hover,
.list-group-item-white.list-group-item-action:focus
{
color: #858585;
background-color: #f2f2f2;
}
.list-group-item-white.list-group-item-action.active
{
color: #fff;
border-color: #858585;
background-color: #858585;
}
.list-group-item-neutral
{
color: #858585;
background-color: white;
}
.list-group-item-neutral.list-group-item-action:hover,
.list-group-item-neutral.list-group-item-action:focus
{
color: #858585;
background-color: #f2f2f2;
}
.list-group-item-neutral.list-group-item-action.active
{
color: #fff;
border-color: #858585;
background-color: #858585;
}
.list-group-item-darker
{
color: black;
background-color: #b8b8b8;
}
.list-group-item-darker.list-group-item-action:hover,
.list-group-item-darker.list-group-item-action:focus
{
color: black;
background-color: #ababab;
}
.list-group-item-darker.list-group-item-action.active
{
color: #fff;
border-color: black;
background-color: black;
}
.close
{
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
float: right;
opacity: .5;
color: rgba(0, 0, 0, .6);
text-shadow: none;
}
@media (max-width: 1200px)
{
.close
{
font-size: calc(1.275rem + .3vw) ;
}
}
.close:hover
{
text-decoration: none;
color: rgba(0, 0, 0, .6);
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus
{
opacity: .75;
}
button.close
{
padding: 0;
border: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
a.close.disabled
{
pointer-events: none;
}
.modal-open
{
overflow: hidden;
}
.modal-open .modal
{
overflow-x: hidden;
overflow-y: auto;
}
.modal
{
position: fixed;
z-index: 1050;
top: 0;
left: 0;
display: none;
overflow: hidden;
width: 100%;
height: 100%;
outline: 0;
}
.modal-dialog
{
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
}
.modal.fade .modal-dialog
{
transition: transform .3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce)
{
.modal.fade .modal-dialog
{
transition: none;
}
}
.modal.show .modal-dialog
{
transform: none;
}
.modal.modal-static .modal-dialog
{
transform: scale(1.02);
}
.modal-dialog-scrollable
{
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content
{
overflow: hidden;
max-height: calc(100vh - 1rem);
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer
{
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body
{
overflow-y: auto;
}
.modal-dialog-centered
{
display: flex;
min-height: calc(100% - 1rem);
align-items: center;
}
.modal-dialog-centered::before
{
display: block;
height: calc(100vh - 1rem);
content: '';
}
.modal-dialog-centered.modal-dialog-scrollable
{
flex-direction: column;
height: 100%;
justify-content: center;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content
{
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before
{
content: none;
}
.modal-content
{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
border: 0 solid rgba(0, 0, 0, .2);
border-radius: .4375rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
}
.modal-backdrop
{
position: fixed;
z-index: 1040;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade
{
opacity: 0;
}
.modal-backdrop.show
{
opacity: .16;
}
.modal-header
{
display: flex;
padding: 1.25rem;
border-bottom: 0 solid #e9ecef;
border-top-left-radius: .4375rem;
border-top-right-radius: .4375rem;
align-items: flex-start;
justify-content: space-between;
}
.modal-header .close
{
margin: -1rem -1rem -1rem auto;
padding: 1.25rem;
}
.modal-title
{
line-height: 1.1;
margin-bottom: 0;
}
.modal-body
{
position: relative;
padding: 1.5rem;
flex: 1 1 auto;
}
.modal-footer
{
display: flex;
padding: 1.25rem;
border-top: 0 solid #e9ecef;
border-bottom-right-radius: .4375rem;
border-bottom-left-radius: .4375rem;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.modal-footer > *
{
margin: .25rem;
}
.modal-scrollbar-measure
{
position: absolute;
top: -9999px;
overflow: scroll;
width: 50px;
height: 50px;
}
@media (min-width: 576px)
{
.modal-dialog
{
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable
{
max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content
{
max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered
{
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before
{
height: calc(100vh - 3.5rem);
}
.modal-content
{
box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
}
.modal-sm
{
max-width: 380px;
}
}
@media (min-width: 992px)
{
.modal-lg,
.modal-xl
{
max-width: 800px;
}
}
@media (min-width: 1200px)
{
.modal-xl
{
max-width: 1140px;
}
}
.tooltip
{
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
font-style: normal;
line-height: 1.5;
position: absolute;
z-index: 1070;
display: block;
margin: 0;
text-align: left;
text-align: start;
white-space: normal;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
word-wrap: break-word;
word-break: normal;
opacity: 0;
text-shadow: none;
line-break: auto;
}
.tooltip.show
{
opacity: .9;
}
.tooltip .arrow
{
position: absolute;
display: block;
width: .8rem;
height: .4rem;
}
.tooltip .arrow::before
{
position: absolute;
content: '';
border-style: solid;
border-color: transparent;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top']
{
padding: .4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow
{
bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before
{
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right']
{
padding: 0 .4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow
{
left: 0;
width: .4rem;
height: .8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before
{
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom']
{
padding: .4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow
{
top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before
{
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left']
{
padding: 0 .4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow
{
right: 0;
width: .4rem;
height: .8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before
{
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000;
}
.tooltip-inner
{
max-width: 200px;
padding: .25rem .5rem;
text-align: center;
color: #fff;
border-radius: .375rem;
background-color: #000;
}
.popover
{
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
font-style: normal;
line-height: 1.5;
position: absolute;
z-index: 1060;
top: 0;
left: 0;
display: block;
max-width: 276px;
text-align: left;
text-align: start;
white-space: normal;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
word-wrap: break-word;
word-break: normal;
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .4375rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2);
text-shadow: none;
line-break: auto;
}
.popover .arrow
{
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .4375rem;
}
.popover .arrow::before,
.popover .arrow::after
{
position: absolute;
display: block;
content: '';
border-style: solid;
border-color: transparent;
}
.bs-popover-top,
.bs-popover-auto[x-placement^='top']
{
margin-bottom: .5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^='top'] > .arrow
{
bottom: calc(-.5rem - 1px);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^='top'] > .arrow::before
{
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: transparent;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^='top'] > .arrow::after
{
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^='right']
{
margin-left: .5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^='right'] > .arrow
{
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .4375rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^='right'] > .arrow::before
{
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: transparent;
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^='right'] > .arrow::after
{
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom']
{
margin-top: .5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^='bottom'] > .arrow
{
top: calc(-.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^='bottom'] > .arrow::before
{
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: transparent;
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^='bottom'] > .arrow::after
{
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before
{
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: '';
border-bottom: 1px solid #fff;
}
.bs-popover-left,
.bs-popover-auto[x-placement^='left']
{
margin-right: .5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^='left'] > .arrow
{
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .4375rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^='left'] > .arrow::before
{
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: transparent;
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^='left'] > .arrow::after
{
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff;
}
.popover-header
{
font-size: 1rem;
margin-bottom: 0;
padding: .5rem .95rem;
color: #32325d;
border-bottom: 1px solid #f2f2f2;
border-top-left-radius: calc(.4375rem - 1px);
border-top-right-radius: calc(.4375rem - 1px);
background-color: #fff;
}
.popover-header:empty
{
display: none;
}
.popover-body
{
padding: .5rem .95rem;
color: #525f7f;
}
.carousel
{
position: relative;
}
.carousel.pointer-event
{
touch-action: pan-y;
}
.carousel-inner
{
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner::after
{
display: block;
clear: both;
content: '';
}
.carousel-item
{
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media (prefers-reduced-motion: reduce)
{
.carousel-item
{
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev
{
display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right
{
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left
{
transform: translateX(-100%);
}
.carousel-fade .carousel-item
{
transition-property: opacity;
transform: none;
opacity: 0;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right
{
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right
{
z-index: 0;
transition: opacity 0s .6s;
opacity: 0;
}
@media (prefers-reduced-motion: reduce)
{
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right
{
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next
{
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
display: flex;
width: 15%;
transition: opacity .15s ease;
text-align: center;
opacity: .5;
color: #fff;
align-items: center;
justify-content: center;
}
@media (prefers-reduced-motion: reduce)
{
.carousel-control-prev,
.carousel-control-next
{
transition: none;
}
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus
{
text-decoration: none;
opacity: .9;
color: #fff;
outline: 0;
}
.carousel-control-prev
{
left: 0;
}
.carousel-control-next
{
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon
{
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%;
}
.carousel-control-prev-icon
{
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z\'/%3e%3c/svg%3e');
}
.carousel-control-next-icon
{
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z\'/%3e%3c/svg%3e');
}
.carousel-indicators
{
position: absolute;
z-index: 15;
right: 0;
bottom: 0;
left: 0;
display: flex;
margin-right: 15%;
margin-left: 15%;
padding-left: 0;
list-style: none;
justify-content: center;
}
.carousel-indicators li
{
box-sizing: content-box;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
cursor: pointer;
transition: opacity .6s ease;
text-indent: -999px;
opacity: .5;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
background-color: #fff;
background-clip: padding-box;
flex: 0 1 auto;
}
@media (prefers-reduced-motion: reduce)
{
.carousel-indicators li
{
transition: none;
}
}
.carousel-indicators .active
{
opacity: 1;
}
.carousel-caption
{
position: absolute;
z-index: 10;
right: 15%;
bottom: 20px;
left: 15%;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
}
.align-baseline
{
vertical-align: baseline !important;
}
.align-top
{
vertical-align: top !important;
}
.align-middle
{
vertical-align: middle !important;
}
.align-bottom
{
vertical-align: bottom !important;
}
.align-text-bottom
{
vertical-align: text-bottom !important;
}
.align-text-top
{
vertical-align: text-top !important;
}
.bg-primary
{
background-color: #5e72e4 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus
{
background-color: #324cdd !important;
}
.bg-secondary
{
background-color: #f7fafc !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus
{
background-color: #d2e3ee !important;
}
.bg-success
{
background-color: #2dce89 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus
{
background-color: #24a46d !important;
}
.bg-info
{
background-color: #11cdef !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus
{
background-color: #0da5c0 !important;
}
.bg-warning
{
background-color: #fb6340 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus
{
background-color: #fa3a0e !important;
}
.bg-danger
{
background-color: #f5365c !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus
{
background-color: #ec0c38 !important;
}
.bg-light
{
background-color: #adb5bd !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus
{
background-color: #919ca6 !important;
}
.bg-dark
{
background-color: #212529 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus
{
background-color: #0a0c0d !important;
}.bg-white
{
background-color: #fff !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus
{
background-color: #e6e6e6 !important;
}
.bg-neutral
{
background-color: #fff !important;
}
a.bg-neutral:hover,
a.bg-neutral:focus,
button.bg-neutral:hover,
button.bg-neutral:focus
{
background-color: #e6e6e6 !important;
}
.bg-darker
{
background-color: black !important;
}
a.bg-darker:hover,
a.bg-darker:focus,
button.bg-darker:hover,
button.bg-darker:focus
{
background-color: black !important;
}
.bg-white
{
background-color: #fff !important;
}
.bg-transparent
{
background-color: transparent !important;
}
.border
{
border: 1px solid #e9ecef !important;
}
.border-top
{
border-top: 1px solid #e9ecef !important;
}
.border-right
{
border-right: 1px solid #e9ecef !important;
}
.border-bottom
{
border-bottom: 1px solid #e9ecef !important;
}
.border-left
{
border-left: 1px solid #e9ecef !important;
}
.border-0
{
border: 0 !important;
}
.border-top-0
{
border-top: 0 !important;
}
.border-right-0
{
border-right: 0 !important;
}
.border-bottom-0
{
border-bottom: 0 !important;
}
.border-left-0
{
border-left: 0 !important;
}
.border-primary
{
border-color: #5e72e4 !important;
}
.border-secondary
{
border-color: #f7fafc !important;
}
.border-success
{
border-color: #2dce89 !important;
}
.border-info
{
border-color: #11cdef !important;
}
.border-warning
{
border-color: #fb6340 !important;
}
.border-danger
{
border-color: #f5365c !important;
}
.border-light
{
border-color: #adb5bd !important;
}
.border-dark
{
border-color: #212529 !important;
}
.border-default
{
border-color: #172b4d !important;
}
.border-white
{
border-color: #fff !important;
}
.border-neutral
{
border-color: #fff !important;
}
.border-darker
{
border-color: black !important;
}
.border-white
{
border-color: #fff !important;
}
.rounded-sm
{
border-radius: .25rem !important;
}
.rounded
{
border-radius: .375rem !important;
}
.rounded-top
{
border-top-left-radius: .375rem !important;
border-top-right-radius: .375rem !important;
}
.rounded-right
{
border-top-right-radius: .375rem !important;
border-bottom-right-radius: .375rem !important;
}
.rounded-bottom
{
border-bottom-right-radius: .375rem !important;
border-bottom-left-radius: .375rem !important;
}
.rounded-left
{
border-top-left-radius: .375rem !important;
border-bottom-left-radius: .375rem !important;
}
.rounded-lg
{
border-radius: .4375rem !important;
}
.rounded-circle,
.avatar.rounded-circle img
{
border-radius: 50% !important;
}
.rounded-pill
{
border-radius: 50rem !important;
}
.rounded-0
{
border-radius: 0 !important;
}
.clearfix::after
{
display: block;
clear: both;
content: '';
}
.d-none
{
display: none !important;
}
.d-inline
{
display: inline !important;
}
.d-inline-block
{
display: inline-block !important;
}
.d-block
{
display: block !important;
}
.d-table
{
display: table !important;
}
.d-table-row
{
display: table-row !important;
}
.d-table-cell
{
display: table-cell !important;
}
.d-flex
{
display: flex !important;
}
.d-inline-flex
{
display: inline-flex !important;
}
@media (min-width: 576px)
{
.d-sm-none
{
display: none !important;
}
.d-sm-inline
{
display: inline !important;
}
.d-sm-inline-block
{
display: inline-block !important;
}
.d-sm-block
{
display: block !important;
}
.d-sm-table
{
display: table !important;
}
.d-sm-table-row
{
display: table-row !important;
}
.d-sm-table-cell
{
display: table-cell !important;
}
.d-sm-flex
{
display: flex !important;
}
.d-sm-inline-flex
{
display: inline-flex !important;
}
}
@media (min-width: 768px)
{
.d-md-none
{
display: none !important;
}
.d-md-inline
{
display: inline !important;
}
.d-md-inline-block
{
display: inline-block !important;
}
.d-md-block
{
display: block !important;
}
.d-md-table
{
display: table !important;
}
.d-md-table-row
{
display: table-row !important;
}
.d-md-table-cell
{
display: table-cell !important;
}
.d-md-flex
{
display: flex !important;
}
.d-md-inline-flex
{
display: inline-flex !important;
}
}
@media (min-width: 992px)
{
.d-lg-none
{
display: none !important;
}
.d-lg-inline
{
display: inline !important;
}
.d-lg-inline-block
{
display: inline-block !important;
}
.d-lg-block
{
display: block !important;
}
.d-lg-table
{
display: table !important;
}
.d-lg-table-row
{
display: table-row !important;
}
.d-lg-table-cell
{
display: table-cell !important;
}
.d-lg-flex
{
display: flex !important;
}
.d-lg-inline-flex
{
display: inline-flex !important;
}
}
@media (min-width: 1200px)
{
.d-xl-none
{
display: none !important;
}
.d-xl-inline
{
display: inline !important;
}
.d-xl-inline-block
{
display: inline-block !important;
}
.d-xl-block
{
display: block !important;
}
.d-xl-table
{
display: table !important;
}
.d-xl-table-row
{
display: table-row !important;
}
.d-xl-table-cell
{
display: table-cell !important;
}
.d-xl-flex
{
display: flex !important;
}
.d-xl-inline-flex
{
display: inline-flex !important;
}
}
@media print
{
.d-print-none
{
display: none !important;
}
.d-print-inline
{
display: inline !important;
}
.d-print-inline-block
{
display: inline-block !important;
}
.d-print-block
{
display: block !important;
}
.d-print-table
{
display: table !important;
}
.d-print-table-row
{
display: table-row !important;
}
.d-print-table-cell
{
display: table-cell !important;
}
.d-print-flex
{
display: flex !important;
}
.d-print-inline-flex
{
display: inline-flex !important;
}
}
.embed-responsive
{
position: relative;
display: block;
overflow: hidden;
width: 100%;
padding: 0;
}
.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.85714%;
}
.embed-responsive-16by9::before
{
padding-top: 56.25%;
}
.embed-responsive-4by3::before
{
padding-top: 75%;
}
.embed-responsive-1by1::before
{
padding-top: 100%;
}
.embed-responsive-21by9::before
{
padding-top: 42.85714%;
}
.embed-responsive-16by9::before
{
padding-top: 56.25%;
}
.embed-responsive-4by3::before
{
padding-top: 75%;
}
.embed-responsive-1by1::before
{
padding-top: 100%;
}
.flex-row
{
flex-direction: row !important;
}
.flex-column
{
flex-direction: column !important;
}
.flex-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-wrap
{
flex-wrap: wrap !important;
}
.flex-nowrap
{
flex-wrap: nowrap !important;
}
.flex-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-fill
{
flex: 1 1 auto !important;
}
.flex-grow-0
{
flex-grow: 0 !important;
}
.flex-grow-1
{
flex-grow: 1 !important;
}
.flex-shrink-0
{
flex-shrink: 0 !important;
}
.flex-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-start
{
justify-content: flex-start !important;
}
.justify-content-end
{
justify-content: flex-end !important;
}
.justify-content-center
{
justify-content: center !important;
}
.justify-content-between
{
justify-content: space-between !important;
}
.justify-content-around
{
justify-content: space-around !important;
}
.align-items-start
{
align-items: flex-start !important;
}
.align-items-end
{
align-items: flex-end !important;
}
.align-items-center
{
align-items: center !important;
}
.align-items-baseline
{
align-items: baseline !important;
}
.align-items-stretch
{
align-items: stretch !important;
}
.align-content-start
{
align-content: flex-start !important;
}
.align-content-end
{
align-content: flex-end !important;
}
.align-content-center
{
align-content: center !important;
}
.align-content-between
{
align-content: space-between !important;
}
.align-content-around
{
align-content: space-around !important;
}
.align-content-stretch
{
align-content: stretch !important;
}
.align-self-auto
{
align-self: auto !important;
}
.align-self-start
{
align-self: flex-start !important;
}
.align-self-end
{
align-self: flex-end !important;
}
.align-self-center
{
align-self: center !important;
}
.align-self-baseline
{
align-self: baseline !important;
}
.align-self-stretch
{
align-self: stretch !important;
}
@media (min-width: 576px)
{
.flex-sm-row
{
flex-direction: row !important;
}
.flex-sm-column
{
flex-direction: column !important;
}
.flex-sm-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-sm-wrap
{
flex-wrap: wrap !important;
}
.flex-sm-nowrap
{
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill
{
flex: 1 1 auto !important;
}
.flex-sm-grow-0
{
flex-grow: 0 !important;
}
.flex-sm-grow-1
{
flex-grow: 1 !important;
}
.flex-sm-shrink-0
{
flex-shrink: 0 !important;
}
.flex-sm-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-sm-start
{
justify-content: flex-start !important;
}
.justify-content-sm-end
{
justify-content: flex-end !important;
}
.justify-content-sm-center
{
justify-content: center !important;
}
.justify-content-sm-between
{
justify-content: space-between !important;
}
.justify-content-sm-around
{
justify-content: space-around !important;
}
.align-items-sm-start
{
align-items: flex-start !important;
}
.align-items-sm-end
{
align-items: flex-end !important;
}
.align-items-sm-center
{
align-items: center !important;
}
.align-items-sm-baseline
{
align-items: baseline !important;
}
.align-items-sm-stretch
{
align-items: stretch !important;
}
.align-content-sm-start
{
align-content: flex-start !important;
}
.align-content-sm-end
{
align-content: flex-end !important;
}
.align-content-sm-center
{
align-content: center !important;
}
.align-content-sm-between
{
align-content: space-between !important;
}
.align-content-sm-around
{
align-content: space-around !important;
}
.align-content-sm-stretch
{
align-content: stretch !important;
}
.align-self-sm-auto
{
align-self: auto !important;
}
.align-self-sm-start
{
align-self: flex-start !important;
}
.align-self-sm-end
{
align-self: flex-end !important;
}
.align-self-sm-center
{
align-self: center !important;
}
.align-self-sm-baseline
{
align-self: baseline !important;
}
.align-self-sm-stretch
{
align-self: stretch !important;
}
}
@media (min-width: 768px)
{
.flex-md-row
{
flex-direction: row !important;
}
.flex-md-column
{
flex-direction: column !important;
}
.flex-md-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-md-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-md-wrap
{
flex-wrap: wrap !important;
}
.flex-md-nowrap
{
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-md-fill
{
flex: 1 1 auto !important;
}
.flex-md-grow-0
{
flex-grow: 0 !important;
}
.flex-md-grow-1
{
flex-grow: 1 !important;
}
.flex-md-shrink-0
{
flex-shrink: 0 !important;
}
.flex-md-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-md-start
{
justify-content: flex-start !important;
}
.justify-content-md-end
{
justify-content: flex-end !important;
}
.justify-content-md-center
{
justify-content: center !important;
}
.justify-content-md-between
{
justify-content: space-between !important;
}
.justify-content-md-around
{
justify-content: space-around !important;
}
.align-items-md-start
{
align-items: flex-start !important;
}
.align-items-md-end
{
align-items: flex-end !important;
}
.align-items-md-center
{
align-items: center !important;
}
.align-items-md-baseline
{
align-items: baseline !important;
}
.align-items-md-stretch
{
align-items: stretch !important;
}
.align-content-md-start
{
align-content: flex-start !important;
}
.align-content-md-end
{
align-content: flex-end !important;
}
.align-content-md-center
{
align-content: center !important;
}
.align-content-md-between
{
align-content: space-between !important;
}
.align-content-md-around
{
align-content: space-around !important;
}
.align-content-md-stretch
{
align-content: stretch !important;
}
.align-self-md-auto
{
align-self: auto !important;
}
.align-self-md-start
{
align-self: flex-start !important;
}
.align-self-md-end
{
align-self: flex-end !important;
}
.align-self-md-center
{
align-self: center !important;
}
.align-self-md-baseline
{
align-self: baseline !important;
}
.align-self-md-stretch
{
align-self: stretch !important;
}
}
@media (min-width: 992px)
{
.flex-lg-row
{
flex-direction: row !important;
}
.flex-lg-column
{
flex-direction: column !important;
}
.flex-lg-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-lg-wrap
{
flex-wrap: wrap !important;
}
.flex-lg-nowrap
{
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill
{
flex: 1 1 auto !important;
}
.flex-lg-grow-0
{
flex-grow: 0 !important;
}
.flex-lg-grow-1
{
flex-grow: 1 !important;
}
.flex-lg-shrink-0
{
flex-shrink: 0 !important;
}
.flex-lg-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-lg-start
{
justify-content: flex-start !important;
}
.justify-content-lg-end
{
justify-content: flex-end !important;
}
.justify-content-lg-center
{
justify-content: center !important;
}
.justify-content-lg-between
{
justify-content: space-between !important;
}
.justify-content-lg-around
{
justify-content: space-around !important;
}
.align-items-lg-start
{
align-items: flex-start !important;
}
.align-items-lg-end
{
align-items: flex-end !important;
}
.align-items-lg-center
{
align-items: center !important;
}
.align-items-lg-baseline
{
align-items: baseline !important;
}
.align-items-lg-stretch
{
align-items: stretch !important;
}
.align-content-lg-start
{
align-content: flex-start !important;
}
.align-content-lg-end
{
align-content: flex-end !important;
}
.align-content-lg-center
{
align-content: center !important;
}
.align-content-lg-between
{
align-content: space-between !important;
}
.align-content-lg-around
{
align-content: space-around !important;
}
.align-content-lg-stretch
{
align-content: stretch !important;
}
.align-self-lg-auto
{
align-self: auto !important;
}
.align-self-lg-start
{
align-self: flex-start !important;
}
.align-self-lg-end
{
align-self: flex-end !important;
}
.align-self-lg-center
{
align-self: center !important;
}
.align-self-lg-baseline
{
align-self: baseline !important;
}
.align-self-lg-stretch
{
align-self: stretch !important;
}
}
@media (min-width: 1200px)
{
.flex-xl-row
{
flex-direction: row !important;
}
.flex-xl-column
{
flex-direction: column !important;
}
.flex-xl-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-xl-wrap
{
flex-wrap: wrap !important;
}
.flex-xl-nowrap
{
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill
{
flex: 1 1 auto !important;
}
.flex-xl-grow-0
{
flex-grow: 0 !important;
}
.flex-xl-grow-1
{
flex-grow: 1 !important;
}
.flex-xl-shrink-0
{
flex-shrink: 0 !important;
}
.flex-xl-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-xl-start
{
justify-content: flex-start !important;
}
.justify-content-xl-end
{
justify-content: flex-end !important;
}
.justify-content-xl-center
{
justify-content: center !important;
}
.justify-content-xl-between
{
justify-content: space-between !important;
}
.justify-content-xl-around
{
justify-content: space-around !important;
}
.align-items-xl-start
{
align-items: flex-start !important;
}
.align-items-xl-end
{
align-items: flex-end !important;
}
.align-items-xl-center
{
align-items: center !important;
}
.align-items-xl-baseline
{
align-items: baseline !important;
}
.align-items-xl-stretch
{
align-items: stretch !important;
}
.align-content-xl-start
{
align-content: flex-start !important;
}
.align-content-xl-end
{
align-content: flex-end !important;
}
.align-content-xl-center
{
align-content: center !important;
}
.align-content-xl-between
{
align-content: space-between !important;
}
.align-content-xl-around
{
align-content: space-around !important;
}
.align-content-xl-stretch
{
align-content: stretch !important;
}
.align-self-xl-auto
{
align-self: auto !important;
}
.align-self-xl-start
{
align-self: flex-start !important;
}
.align-self-xl-end
{
align-self: flex-end !important;
}
.align-self-xl-center
{
align-self: center !important;
}
.align-self-xl-baseline
{
align-self: baseline !important;
}
.align-self-xl-stretch
{
align-self: stretch !important;
}
}
.float-left
{
float: left !important;
}
.float-right
{
float: right !important;
}
.float-none
{
float: none !important;
}
@media (min-width: 576px)
{
.float-sm-left
{
float: left !important;
}
.float-sm-right
{
float: right !important;
}
.float-sm-none
{
float: none !important;
}
}
@media (min-width: 768px)
{
.float-md-left
{
float: left !important;
}
.float-md-right
{
float: right !important;
}
.float-md-none
{
float: none !important;
}
}
@media (min-width: 992px)
{
.float-lg-left
{
float: left !important;
}
.float-lg-right
{
float: right !important;
}
.float-lg-none
{
float: none !important;
}
}
@media (min-width: 1200px)
{
.float-xl-left
{
float: left !important;
}
.float-xl-right
{
float: right !important;
}
.float-xl-none
{
float: none !important;
}
}
.overflow-auto
{
overflow: auto !important;
}
.overflow-hidden
{
overflow: hidden !important;
}
.position-static
{
position: static !important;
}
.position-relative
{
position: relative !important;
}
.position-absolute
{
position: absolute !important;
}
.position-fixed
{
position: fixed !important;
}
.position-sticky
{
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top
{
position: fixed;
z-index: 1030;
top: 0;
right: 0;
left: 0;
}
.fixed-bottom
{
position: fixed;
z-index: 1030;
right: 0;
bottom: 0;
left: 0;
}
@supports ((position: -webkit-sticky) or (position: sticky))
{
.sticky-top
{
position: -webkit-sticky;
position: sticky;
z-index: 1020;
top: 0;
}
}
.sr-only
{
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus
{
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
white-space: normal;
}
.shadow-sm
{
box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
}
.shadow
{
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.shadow-lg
{
box-shadow: 0 0 3rem rgba(136, 152, 170, .175) !important;
}
.shadow-none
{
box-shadow: none !important;
}
.w-25
{
width: 25% !important;
}
.w-50
{
width: 50% !important;
}
.w-75
{
width: 75% !important;
}
.w-100
{
width: 100% !important;
}
.w-auto
{
width: auto !important;
}
.h-25
{
height: 25% !important;
}
.h-50
{
height: 50% !important;
}
.h-75
{
height: 75% !important;
}
.h-100
{
height: 100% !important;
}
.h-auto
{
height: auto !important;
}
.mw-100
{
max-width: 100% !important;
}
.mh-100
{
max-height: 100% !important;
}
.min-vw-100
{
min-width: 100vw !important;
}
.min-vh-100
{
min-height: 100vh !important;
}
.vw-100
{
width: 100vw !important;
}
.vh-100
{
height: 100vh !important;
}
.stretched-link::after
{
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
pointer-events: auto;
background-color: rgba(0, 0, 0, 0);
}
.m-0
{
margin: 0 !important;
}
.mt-0,
.my-0
{
margin-top: 0 !important;
}
.mr-0,
.mx-0
{
margin-right: 0 !important;
}
.mb-0,
.my-0
{
margin-bottom: 0 !important;
}
.ml-0,
.mx-0
{
margin-left: 0 !important;
}
.m-1
{
margin: .25rem !important;
}
.mt-1,
.my-1
{
margin-top: .25rem !important;
}
.mr-1,
.mx-1
{
margin-right: .25rem !important;
}
.mb-1,
.my-1
{
margin-bottom: .25rem !important;
}
.ml-1,
.mx-1
{
margin-left: .25rem !important;
}
.m-2
{
margin: .5rem !important;
}
.mt-2,
.my-2
{
margin-top: .5rem !important;
}
.mr-2,
.mx-2
{
margin-right: .5rem !important;
}
.mb-2,
.my-2
{
margin-bottom: .5rem !important;
}
.ml-2,
.mx-2
{
margin-left: .5rem !important;
}
.m-3
{
margin: 1rem !important;
}
.mt-3,
.my-3
{
margin-top: 1rem !important;
}
.mr-3,
.mx-3
{
margin-right: 1rem !important;
}
.mb-3,
.my-3
{
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3
{
margin-left: 1rem !important;
}
.m-4
{
margin: 1.5rem !important;
}
.mt-4,
.my-4
{
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4
{
margin-right: 1.5rem !important;
}
.mb-4,
.my-4
{
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4
{
margin-left: 1.5rem !important;
}
.m-5
{
margin: 3rem !important;
}
.mt-5,
.my-5
{
margin-top: 3rem !important;
}
.mr-5,
.mx-5
{
margin-right: 3rem !important;
}
.mb-5,
.my-5
{
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5
{
margin-left: 3rem !important;
}
.m--9
{
margin: -10rem !important;
}
.mr--9,
.mx--9
{
margin-right: -10rem !important;
}
.mb--9,
.my--9
{
margin-bottom: -10rem !important;
}
.ml--9,
.mx--9
{
margin-left: -10rem !important;
}
.m--8
{
margin: -8rem !important;
}
.mt--8,
.my--8
{
margin-top: -8rem !important;
}
.mr--8,
.mx--8
{
margin-right: -8rem !important;
}
.mb--8,
.my--8
{
margin-bottom: -8rem !important;
}
.ml--8,
.mx--8
{
margin-left: -8rem !important;
}
.m--7
{
margin: -6rem !important;
}
.mt--7,
.my--7
{
margin-top: -6rem !important;
}
.mr--7,
.mx--7
{
margin-right: -6rem !important;
}
.mb--7,
.my--7
{
margin-bottom: -6rem !important;
}
.ml--7,
.mx--7
{
margin-left: -6rem !important;
}
.m--6
{
margin: -4.5rem !important;
}
.mr--6,
.mx--6
{
margin-right: -4.5rem !important;
}
.mb--6,
.my--6
{
margin-bottom: -4.5rem !important;
}
.ml--6,
.mx--6
{
margin-left: -4.5rem !important;
}
.m--5
{
margin: -3rem !important;
}
.mt--5,
.my--5
{
margin-top: -3rem !important;
}
.mr--5,
.mx--5
{
margin-right: -3rem !important;
}
.mb--5,
.my--5
{
margin-bottom: -3rem !important;
}
.ml--5,
.mx--5
{
margin-left: -3rem !important;
}
.m--4
{
margin: -1.5rem !important;
}
.mt--4,
.my--4
{
margin-top: -1.5rem !important;
}
.mr--4,
.mx--4
{
margin-right: -1.5rem !important;
}
.mb--4,
.my--4
{
margin-bottom: -1.5rem !important;
}
.ml--4,
.mx--4
{
margin-left: -1.5rem !important;
}
.m--3
{
margin: -1rem !important;
}
.mt--3,
.my--3
{
margin-top: -1rem !important;
}
.mr--3,
.mx--3
{
margin-right: -1rem !important;
}
.mb--3,
.my--3
{
margin-bottom: -1rem !important;
}
.ml--3,
.mx--3
{
margin-left: -1rem !important;
}
.m--2
{
margin: -.5rem !important;
}
.mt--2,
.my--2
{
margin-top: -.5rem !important;
}
.mr--2,
.mx--2
{
margin-right: -.5rem !important;
}
.mb--2,
.my--2
{
margin-bottom: -.5rem !important;
}
.ml--2,
.mx--2
{
margin-left: -.5rem !important;
}
.m--1
{
margin: -.25rem !important;
}
.mt--1,
.my--1
{
margin-top: -.25rem !important;
}
.mr--1,
.mx--1
{
margin-right: -.25rem !important;
}
.mb--1,
.my--1
{
margin-bottom: -.25rem !important;
}
.ml--1,
.mx--1
{
margin-left: -.25rem !important;
}
.m-6
{
margin: 4.5rem !important;
}
.mt-6,
.my-6
{
margin-top: 4.5rem !important;
}
.mr-6,
.mx-6
{
margin-right: 4.5rem !important;
}
.mb-6,
.my-6
{
margin-bottom: 4.5rem !important;
}
.ml-6,
.mx-6
{
margin-left: 4.5rem !important;
}
.m-7
{
margin: 6rem !important;
}
.mt-7,
.my-7
{
margin-top: 6rem !important;
}
.mr-7,
.mx-7
{
margin-right: 6rem !important;
}
.ml-7,
.mx-7
{
margin-left: 6rem !important;
}
.m-8
{
margin: 8rem !important;
}
.mt-8,
.my-8
{
margin-top: 8rem !important;
}
.mr-8,
.mx-8
{
margin-right: 8rem !important;
}
.mb-8,
.my-8
{
margin-bottom: 8rem !important;
}
.ml-8,
.mx-8
{
margin-left: 8rem !important;
}
.m-9
{
margin: 10rem !important;
}
.mt-9,
.my-9
{
margin-top: 10rem !important;
}
.mr-9,
.mx-9
{
margin-right: 10rem !important;
}
.mb-9,
.my-9
{
margin-bottom: 10rem !important;
}
.ml-9,
.mx-9
{
margin-left: 10rem !important;
}
.p-0
{
padding: 0 !important;
}
.pt-0,
.py-0
{
padding-top: 0 !important;
}
.pr-0,
.px-0
{
padding-right: 0 !important;
}
.pb-0,
.py-0
{
padding-bottom: 0 !important;
}
.pl-0,
.px-0
{
padding-left: 0 !important;
}
.p-1
{
padding: .25rem !important;
}
.pt-1,
.py-1
{
padding-top: .25rem !important;
}
.pr-1,
.px-1
{
padding-right: .25rem !important;
}
.pb-1,
.py-1
{
padding-bottom: .25rem !important;
}
.pl-1,
.px-1
{
padding-left: .25rem !important;
}
.p-2
{
padding: .5rem !important;
}
.pt-2,
.py-2
{
padding-top: .5rem !important;
}
.pr-2,
.px-2
{
padding-right: .5rem !important;
}
.pb-2,
.py-2
{
padding-bottom: .5rem !important;
}
.pl-2,
.px-2
{
padding-left: .5rem !important;
}
.p-3
{
padding: 1rem !important;
}
.pt-3,
.py-3
{
padding-top: 1rem !important;
}
.pr-3,
.px-3
{
padding-right: 1rem !important;
}
.pb-3,
.py-3
{
padding-bottom: 1rem !important;
}
.pl-3,
.px-3
{
padding-left: 1rem !important;
}
.p-4
{
padding: 1.5rem !important;
}
.pt-4,
.py-4
{
padding-top: 1.5rem !important;
}
.pr-4,
.px-4
{
padding-right: 1.5rem !important;
}
.pb-4,
.py-4
{
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4
{
padding-left: 1.5rem !important;
}
.p-5
{
padding: 3rem !important;
}
.pt-5,
.py-5
{
padding-top: 3rem !important;
}
.pr-5,
.px-5
{
padding-right: 3rem !important;
}
.pb-5,
.py-5
{
padding-bottom: 3rem !important;
}
.pl-5,
.px-5
{
padding-left: 3rem !important;
}
.p--9
{
padding: -10rem !important;
}
.pt--9,
.py--9
{
padding-top: -10rem !important;
}
.pr--9,
.px--9
{
padding-right: -10rem !important;
}
.pb--9,
.py--9
{
padding-bottom: -10rem !important;
}
.pl--9,
.px--9
{
padding-left: -10rem !important;
}
.p--8
{
padding: -8rem !important;
}
.pt--8,
.py--8
{
padding-top: -8rem !important;
}
.pr--8,
.px--8
{
padding-right: -8rem !important;
}
.pb--8,
.py--8
{
padding-bottom: -8rem !important;
}
.pl--8,
.px--8
{
padding-left: -8rem !important;
}
.p--7
{
padding: -6rem !important;
}
.pt--7,
.py--7
{
padding-top: -6rem !important;
}
.pr--7,
.px--7
{
padding-right: -6rem !important;
}
.pb--7,
.py--7
{
padding-bottom: -6rem !important;
}
.pl--7,
.px--7
{
padding-left: -6rem !important;
}
.p--6
{
padding: -4.5rem !important;
}
.pt--6,
.py--6
{
padding-top: -4.5rem !important;
}
.pr--6,
.px--6
{
padding-right: -4.5rem !important;
}
.pb--6,
.py--6
{
padding-bottom: -4.5rem !important;
}
.pl--6,
.px--6
{
padding-left: -4.5rem !important;
}
.p--5
{
padding: -3rem !important;
}
.pt--5,
.py--5
{
padding-top: -3rem !important;
}
.pr--5,
.px--5
{
padding-right: -3rem !important;
}
.pb--5,
.py--5
{
padding-bottom: -3rem !important;
}
.pl--5,
.px--5
{
padding-left: -3rem !important;
}
.p--4
{
padding: -1.5rem !important;
}
.pt--4,
.py--4
{
padding-top: -1.5rem !important;
}
.pr--4,
.px--4
{
padding-right: -1.5rem !important;
}
.pb--4,
.py--4
{
padding-bottom: -1.5rem !important;
}
.pl--4,
.px--4
{
padding-left: -1.5rem !important;
}
.p--3
{
padding: -1rem !important;
}
.pt--3,
.py--3
{
padding-top: -1rem !important;
}
.pr--3,
.px--3
{
padding-right: -1rem !important;
}
.pb--3,
.py--3
{
padding-bottom: -1rem !important;
}
.pl--3,
.px--3
{
padding-left: -1rem !important;
}
.p--2
{
padding: -.5rem !important;
}
.pt--2,
.py--2
{
padding-top: -.5rem !important;
}
.pr--2,
.px--2
{
padding-right: -.5rem !important;
}
.pb--2,
.py--2
{
padding-bottom: -.5rem !important;
}
.pl--2,
.px--2
{
padding-left: -.5rem !important;
}
.p--1
{
padding: -.25rem !important;
}
.pt--1,
.py--1
{
padding-top: -.25rem !important;
}
.pr--1,
.px--1
{
padding-right: -.25rem !important;
}
.pb--1,
.py--1
{
padding-bottom: -.25rem !important;
}
.pl--1,
.px--1
{
padding-left: -.25rem !important;
}
.p-6
{
padding: 4.5rem !important;
}
.pt-6,
.py-6
{
padding-top: 4.5rem !important;
}
.pr-6,
.px-6
{
padding-right: 4.5rem !important;
}
.pl-6,
.px-6
{
padding-left: 4.5rem !important;
}
.p-7
{
padding: 6rem !important;
}
.pr-7,
.px-7
{
padding-right: 6rem !important;
}
.pl-7,
.px-7
{
padding-left: 6rem !important;
}
.p-8
{
padding: 8rem !important;
}
.pt-8,
.py-8
{
padding-top: 8rem !important;
}
.pr-8,
.px-8
{
padding-right: 8rem !important;
}
.pb-8,
.py-8
{
padding-bottom: 8rem !important;
}
.pl-8,
.px-8
{
padding-left: 8rem !important;
}
.p-9
{
padding: 10rem !important;
}
.pt-9,
.py-9
{
padding-top: 10rem !important;
}
.pr-9,
.px-9
{
padding-right: 10rem !important;
}
.pb-9,
.py-9
{
padding-bottom: 10rem !important;
}
.pl-9,
.px-9
{
padding-left: 10rem !important;
}
.m-n1
{
margin: -.25rem !important;
}
.mt-n1,
.my-n1
{
margin-top: -.25rem !important;
}
.mr-n1,
.mx-n1
{
margin-right: -.25rem !important;
}
.mb-n1,
.my-n1
{
margin-bottom: -.25rem !important;
}
.ml-n1,
.mx-n1
{
margin-left: -.25rem !important;
}
.m-n2
{
margin: -.5rem !important;
}
.mt-n2,
.my-n2
{
margin-top: -.5rem !important;
}
.mr-n2,
.mx-n2
{
margin-right: -.5rem !important;
}
.mb-n2,
.my-n2
{
margin-bottom: -.5rem !important;
}
.ml-n2,
.mx-n2
{
margin-left: -.5rem !important;
}
.m-n3
{
margin: -1rem !important;
}
.mt-n3,
.my-n3
{
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3
{
margin-right: -1rem !important;
}
.mb-n3,
.my-n3
{
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3
{
margin-left: -1rem !important;
}
.m-n4
{
margin: -1.5rem !important;
}
.mt-n4,
.my-n4
{
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4
{
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4
{
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4
{
margin-left: -1.5rem !important;
}
.m-n5
{
margin: -3rem !important;
}
.mt-n5,
.my-n5
{
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5
{
margin-right: -3rem !important;
}
.mb-n5,
.my-n5
{
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5
{
margin-left: -3rem !important;
}
.m-n-9
{
margin: 10rem !important;
}
.mt-n-9,
.my-n-9
{
margin-top: 10rem !important;
}
.mr-n-9,
.mx-n-9
{
margin-right: 10rem !important;
}
.mb-n-9,
.my-n-9
{
margin-bottom: 10rem !important;
}
.ml-n-9,
.mx-n-9
{
margin-left: 10rem !important;
}
.m-n-8
{
margin: 8rem !important;
}
.mt-n-8,
.my-n-8
{
margin-top: 8rem !important;
}
.mr-n-8,
.mx-n-8
{
margin-right: 8rem !important;
}
.mb-n-8,
.my-n-8
{
margin-bottom: 8rem !important;
}
.ml-n-8,
.mx-n-8
{
margin-left: 8rem !important;
}
.m-n-7
{
margin: 6rem !important;
}
.mt-n-7,
.my-n-7
{
margin-top: 6rem !important;
}
.mr-n-7,
.mx-n-7
{
margin-right: 6rem !important;
}
.mb-n-7,
.my-n-7
{
margin-bottom: 6rem !important;
}
.ml-n-7,
.mx-n-7
{
margin-left: 6rem !important;
}
.m-n-6
{
margin: 4.5rem !important;
}
.mt-n-6,
.my-n-6
{
margin-top: 4.5rem !important;
}
.mr-n-6,
.mx-n-6
{
margin-right: 4.5rem !important;
}
.mb-n-6,
.my-n-6
{
margin-bottom: 4.5rem !important;
}
.ml-n-6,
.mx-n-6
{
margin-left: 4.5rem !important;
}
.m-n-5
{
margin: 3rem !important;
}
.mt-n-5,
.my-n-5
{
margin-top: 3rem !important;
}
.mr-n-5,
.mx-n-5
{
margin-right: 3rem !important;
}
.mb-n-5,
.my-n-5
{
margin-bottom: 3rem !important;
}
.ml-n-5,
.mx-n-5
{
margin-left: 3rem !important;
}
.m-n-4
{
margin: 1.5rem !important;
}
.mt-n-4,
.my-n-4
{
margin-top: 1.5rem !important;
}
.mr-n-4,
.mx-n-4
{
margin-right: 1.5rem !important;
}
.mb-n-4,
.my-n-4
{
margin-bottom: 1.5rem !important;
}
.ml-n-4,
.mx-n-4
{
margin-left: 1.5rem !important;
}
.m-n-3
{
margin: 1rem !important;
}
.mt-n-3,
.my-n-3
{
margin-top: 1rem !important;
}
.mr-n-3,
.mx-n-3
{
margin-right: 1rem !important;
}
.mb-n-3,
.my-n-3
{
margin-bottom: 1rem !important;
}
.ml-n-3,
.mx-n-3
{
margin-left: 1rem !important;
}
.m-n-2
{
margin: .5rem !important;
}
.mt-n-2,
.my-n-2
{
margin-top: .5rem !important;
}
.mr-n-2,
.mx-n-2
{
margin-right: .5rem !important;
}
.mb-n-2,
.my-n-2
{
margin-bottom: .5rem !important;
}
.ml-n-2,
.mx-n-2
{
margin-left: .5rem !important;
}
.m-n-1
{
margin: .25rem !important;
}
.mt-n-1,
.my-n-1
{
margin-top: .25rem !important;
}
.mr-n-1,
.mx-n-1
{
margin-right: .25rem !important;
}
.mb-n-1,
.my-n-1
{
margin-bottom: .25rem !important;
}
.ml-n-1,
.mx-n-1
{
margin-left: .25rem !important;
}
.m-n6
{
margin: -4.5rem !important;
}
.mt-n6,
.my-n6
{
margin-top: -4.5rem !important;
}
.mr-n6,
.mx-n6
{
margin-right: -4.5rem !important;
}
.mb-n6,
.my-n6
{
margin-bottom: -4.5rem !important;
}
.ml-n6,
.mx-n6
{
margin-left: -4.5rem !important;
}
.m-n7
{
margin: -6rem !important;
}
.mt-n7,
.my-n7
{
margin-top: -6rem !important;
}
.mr-n7,
.mx-n7
{
margin-right: -6rem !important;
}
.mb-n7,
.my-n7
{
margin-bottom: -6rem !important;
}
.ml-n7,
.mx-n7
{
margin-left: -6rem !important;
}
.m-n8
{
margin: -8rem !important;
}
.mt-n8,
.my-n8
{
margin-top: -8rem !important;
}
.mr-n8,
.mx-n8
{
margin-right: -8rem !important;
}
.mb-n8,
.my-n8
{
margin-bottom: -8rem !important;
}
.ml-n8,
.mx-n8
{
margin-left: -8rem !important;
}
.m-n9
{
margin: -10rem !important;
}
.mt-n9,
.my-n9
{
margin-top: -10rem !important;
}
.mr-n9,
.mx-n9
{
margin-right: -10rem !important;
}
.mb-n9,
.my-n9
{
margin-bottom: -10rem !important;
}
.ml-n9,
.mx-n9
{
margin-left: -10rem !important;
}
.m-auto
{
margin: auto !important;
}
.mt-auto,
.my-auto
{
margin-top: auto !important;
}
.mr-auto,
.mx-auto
{
margin-right: auto !important;
}
.mb-auto,
.my-auto
{
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto
{
margin-left: auto !important;
}
@media (min-width: 576px)
{
.m-sm-0
{
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0
{
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0
{
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0
{
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0
{
margin-left: 0 !important;
}
.m-sm-1
{
margin: .25rem !important;
}
.mt-sm-1,
.my-sm-1
{
margin-top: .25rem !important;
}
.mr-sm-1,
.mx-sm-1
{
margin-right: .25rem !important;
}
.mb-sm-1,
.my-sm-1
{
margin-bottom: .25rem !important;
}
.ml-sm-1,
.mx-sm-1
{
margin-left: .25rem !important;
}
.m-sm-2
{
margin: .5rem !important;
}
.mt-sm-2,
.my-sm-2
{
margin-top: .5rem !important;
}
.mr-sm-2,
.mx-sm-2
{
margin-right: .5rem !important;
}
.mb-sm-2,
.my-sm-2
{
margin-bottom: .5rem !important;
}
.ml-sm-2,
.mx-sm-2
{
margin-left: .5rem !important;
}
.m-sm-3
{
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3
{
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3
{
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3
{
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3
{
margin-left: 1rem !important;
}
.m-sm-4
{
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4
{
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4
{
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4
{
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4
{
margin-left: 1.5rem !important;
}
.m-sm-5
{
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5
{
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5
{
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5
{
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5
{
margin-left: 3rem !important;
}
.m-sm--9
{
margin: -10rem !important;
}
.mt-sm--9,
.my-sm--9
{
margin-top: -10rem !important;
}
.mr-sm--9,
.mx-sm--9
{
margin-right: -10rem !important;
}
.mb-sm--9,
.my-sm--9
{
margin-bottom: -10rem !important;
}
.ml-sm--9,
.mx-sm--9
{
margin-left: -10rem !important;
}
.m-sm--8
{
margin: -8rem !important;
}
.mt-sm--8,
.my-sm--8
{
margin-top: -8rem !important;
}
.mr-sm--8,
.mx-sm--8
{
margin-right: -8rem !important;
}
.mb-sm--8,
.my-sm--8
{
margin-bottom: -8rem !important;
}
.ml-sm--8,
.mx-sm--8
{
margin-left: -8rem !important;
}
.m-sm--7
{
margin: -6rem !important;
}
.mt-sm--7,
.my-sm--7
{
margin-top: -6rem !important;
}
.mr-sm--7,
.mx-sm--7
{
margin-right: -6rem !important;
}
.mb-sm--7,
.my-sm--7
{
margin-bottom: -6rem !important;
}
.ml-sm--7,
.mx-sm--7
{
margin-left: -6rem !important;
}
.m-sm--6
{
margin: -4.5rem !important;
}
.mt-sm--6,
.my-sm--6
{
margin-top: -4.5rem !important;
}
.mr-sm--6,
.mx-sm--6
{
margin-right: -4.5rem !important;
}
.mb-sm--6,
.my-sm--6
{
margin-bottom: -4.5rem !important;
}
.ml-sm--6,
.mx-sm--6
{
margin-left: -4.5rem !important;
}
.m-sm--5
{
margin: -3rem !important;
}
.mt-sm--5,
.my-sm--5
{
margin-top: -3rem !important;
}
.mr-sm--5,
.mx-sm--5
{
margin-right: -3rem !important;
}
.mb-sm--5,
.my-sm--5
{
margin-bottom: -3rem !important;
}
.ml-sm--5,
.mx-sm--5
{
margin-left: -3rem !important;
}
.m-sm--4
{
margin: -1.5rem !important;
}
.mt-sm--4,
.my-sm--4
{
margin-top: -1.5rem !important;
}
.mr-sm--4,
.mx-sm--4
{
margin-right: -1.5rem !important;
}
.mb-sm--4,
.my-sm--4
{
margin-bottom: -1.5rem !important;
}
.ml-sm--4,
.mx-sm--4
{
margin-left: -1.5rem !important;
}
.m-sm--3
{
margin: -1rem !important;
}
.mt-sm--3,
.my-sm--3
{
margin-top: -1rem !important;
}
.mr-sm--3,
.mx-sm--3
{
margin-right: -1rem !important;
}
.mb-sm--3,
.my-sm--3
{
margin-bottom: -1rem !important;
}
.ml-sm--3,
.mx-sm--3
{
margin-left: -1rem !important;
}
.m-sm--2
{
margin: -.5rem !important;
}
.mt-sm--2,
.my-sm--2
{
margin-top: -.5rem !important;
}
.mr-sm--2,
.mx-sm--2
{
margin-right: -.5rem !important;
}
.mb-sm--2,
.my-sm--2
{
margin-bottom: -.5rem !important;
}
.ml-sm--2,
.mx-sm--2
{
margin-left: -.5rem !important;
}
.m-sm--1
{
margin: -.25rem !important;
}
.mt-sm--1,
.my-sm--1
{
margin-top: -.25rem !important;
}
.mr-sm--1,
.mx-sm--1
{
margin-right: -.25rem !important;
}
.mb-sm--1,
.my-sm--1
{
margin-bottom: -.25rem !important;
}
.ml-sm--1,
.mx-sm--1
{
margin-left: -.25rem !important;
}
.m-sm-6
{
margin: 4.5rem !important;
}
.mt-sm-6,
.my-sm-6
{
margin-top: 4.5rem !important;
}
.mr-sm-6,
.mx-sm-6
{
margin-right: 4.5rem !important;
}
.mb-sm-6,
.my-sm-6
{
margin-bottom: 4.5rem !important;
}
.ml-sm-6,
.mx-sm-6
{
margin-left: 4.5rem !important;
}
.m-sm-7
{
margin: 6rem !important;
}
.mt-sm-7,
.my-sm-7
{
margin-top: 6rem !important;
}
.mr-sm-7,
.mx-sm-7
{
margin-right: 6rem !important;
}
.mb-sm-7,
.my-sm-7
{
margin-bottom: 6rem !important;
}
.ml-sm-7,
.mx-sm-7
{
margin-left: 6rem !important;
}
.m-sm-8
{
margin: 8rem !important;
}
.mt-sm-8,
.my-sm-8
{
margin-top: 8rem !important;
}
.mr-sm-8,
.mx-sm-8
{
margin-right: 8rem !important;
}
.mb-sm-8,
.my-sm-8
{
margin-bottom: 8rem !important;
}
.ml-sm-8,
.mx-sm-8
{
margin-left: 8rem !important;
}
.m-sm-9
{
margin: 10rem !important;
}
.mt-sm-9,
.my-sm-9
{
margin-top: 10rem !important;
}
.mr-sm-9,
.mx-sm-9
{
margin-right: 10rem !important;
}
.mb-sm-9,
.my-sm-9
{
margin-bottom: 10rem !important;
}
.ml-sm-9,
.mx-sm-9
{
margin-left: 10rem !important;
}
.p-sm-0
{
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0
{
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0
{
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0
{
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0
{
padding-left: 0 !important;
}
.p-sm-1
{
padding: .25rem !important;
}
.pt-sm-1,
.py-sm-1
{
padding-top: .25rem !important;
}
.pr-sm-1,
.px-sm-1
{
padding-right: .25rem !important;
}
.pb-sm-1,
.py-sm-1
{
padding-bottom: .25rem !important;
}
.pl-sm-1,
.px-sm-1
{
padding-left: .25rem !important;
}
.p-sm-2
{
padding: .5rem !important;
}
.pt-sm-2,
.py-sm-2
{
padding-top: .5rem !important;
}
.pr-sm-2,
.px-sm-2
{
padding-right: .5rem !important;
}
.pb-sm-2,
.py-sm-2
{
padding-bottom: .5rem !important;
}
.pl-sm-2,
.px-sm-2
{
padding-left: .5rem !important;
}
.p-sm-3
{
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3
{
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3
{
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3
{
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3
{
padding-left: 1rem !important;
}
.p-sm-4
{
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4
{
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4
{
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4
{
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4
{
padding-left: 1.5rem !important;
}
.p-sm-5
{
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5
{
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5
{
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5
{
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5
{
padding-left: 3rem !important;
}
.p-sm--9
{
padding: -10rem !important;
}
.pt-sm--9,
.py-sm--9
{
padding-top: -10rem !important;
}
.pr-sm--9,
.px-sm--9
{
padding-right: -10rem !important;
}
.pb-sm--9,
.py-sm--9
{
padding-bottom: -10rem !important;
}
.pl-sm--9,
.px-sm--9
{
padding-left: -10rem !important;
}
.p-sm--8
{
padding: -8rem !important;
}
.pt-sm--8,
.py-sm--8
{
padding-top: -8rem !important;
}
.pr-sm--8,
.px-sm--8
{
padding-right: -8rem !important;
}
.pb-sm--8,
.py-sm--8
{
padding-bottom: -8rem !important;
}
.pl-sm--8,
.px-sm--8
{
padding-left: -8rem !important;
}
.p-sm--7
{
padding: -6rem !important;
}
.pt-sm--7,
.py-sm--7
{
padding-top: -6rem !important;
}
.pr-sm--7,
.px-sm--7
{
padding-right: -6rem !important;
}
.pb-sm--7,
.py-sm--7
{
padding-bottom: -6rem !important;
}
.pl-sm--7,
.px-sm--7
{
padding-left: -6rem !important;
}
.p-sm--6
{
padding: -4.5rem !important;
}
.pt-sm--6,
.py-sm--6
{
padding-top: -4.5rem !important;
}
.pr-sm--6,
.px-sm--6
{
padding-right: -4.5rem !important;
}
.pb-sm--6,
.py-sm--6
{
padding-bottom: -4.5rem !important;
}
.pl-sm--6,
.px-sm--6
{
padding-left: -4.5rem !important;
}
.p-sm--5
{
padding: -3rem !important;
}
.pt-sm--5,
.py-sm--5
{
padding-top: -3rem !important;
}
.pr-sm--5,
.px-sm--5
{
padding-right: -3rem !important;
}
.pb-sm--5,
.py-sm--5
{
padding-bottom: -3rem !important;
}
.pl-sm--5,
.px-sm--5
{
padding-left: -3rem !important;
}
.p-sm--4
{
padding: -1.5rem !important;
}
.pt-sm--4,
.py-sm--4
{
padding-top: -1.5rem !important;
}
.pr-sm--4,
.px-sm--4
{
padding-right: -1.5rem !important;
}
.pb-sm--4,
.py-sm--4
{
padding-bottom: -1.5rem !important;
}
.pl-sm--4,
.px-sm--4
{
padding-left: -1.5rem !important;
}
.p-sm--3
{
padding: -1rem !important;
}
.pt-sm--3,
.py-sm--3
{
padding-top: -1rem !important;
}
.pr-sm--3,
.px-sm--3
{
padding-right: -1rem !important;
}
.pb-sm--3,
.py-sm--3
{
padding-bottom: -1rem !important;
}
.pl-sm--3,
.px-sm--3
{
padding-left: -1rem !important;
}
.p-sm--2
{
padding: -.5rem !important;
}
.pt-sm--2,
.py-sm--2
{
padding-top: -.5rem !important;
}
.pr-sm--2,
.px-sm--2
{
padding-right: -.5rem !important;
}
.pb-sm--2,
.py-sm--2
{
padding-bottom: -.5rem !important;
}
.pl-sm--2,
.px-sm--2
{
padding-left: -.5rem !important;
}
.p-sm--1
{
padding: -.25rem !important;
}
.pt-sm--1,
.py-sm--1
{
padding-top: -.25rem !important;
}
.pr-sm--1,
.px-sm--1
{
padding-right: -.25rem !important;
}
.pb-sm--1,
.py-sm--1
{
padding-bottom: -.25rem !important;
}
.pl-sm--1,
.px-sm--1
{
padding-left: -.25rem !important;
}
.p-sm-6
{
padding: 4.5rem !important;
}
.pt-sm-6,
.py-sm-6
{
padding-top: 4.5rem !important;
}
.pr-sm-6,
.px-sm-6
{
padding-right: 4.5rem !important;
}
.pb-sm-6,
.py-sm-6
{
padding-bottom: 4.5rem !important;
}
.pl-sm-6,
.px-sm-6
{
padding-left: 4.5rem !important;
}
.p-sm-7
{
padding: 6rem !important;
}
.pt-sm-7,
.py-sm-7
{
padding-top: 6rem !important;
}
.pr-sm-7,
.px-sm-7
{
padding-right: 6rem !important;
}
.pb-sm-7,
.py-sm-7
{
padding-bottom: 6rem !important;
}
.pl-sm-7,
.px-sm-7
{
padding-left: 6rem !important;
}
.p-sm-8
{
padding: 8rem !important;
}
.pt-sm-8,
.py-sm-8
{
padding-top: 8rem !important;
}
.pr-sm-8,
.px-sm-8
{
padding-right: 8rem !important;
}
.pb-sm-8,
.py-sm-8
{
padding-bottom: 8rem !important;
}
.pl-sm-8,
.px-sm-8
{
padding-left: 8rem !important;
}
.p-sm-9
{
padding: 10rem !important;
}
.pt-sm-9,
.py-sm-9
{
padding-top: 10rem !important;
}
.pr-sm-9,
.px-sm-9
{
padding-right: 10rem !important;
}
.pb-sm-9,
.py-sm-9
{
padding-bottom: 10rem !important;
}
.pl-sm-9,
.px-sm-9
{
padding-left: 10rem !important;
}
.m-sm-n1
{
margin: -.25rem !important;
}
.mt-sm-n1,
.my-sm-n1
{
margin-top: -.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1
{
margin-right: -.25rem !important;
}
.mb-sm-n1,
.my-sm-n1
{
margin-bottom: -.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1
{
margin-left: -.25rem !important;
}
.m-sm-n2
{
margin: -.5rem !important;
}
.mt-sm-n2,
.my-sm-n2
{
margin-top: -.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2
{
margin-right: -.5rem !important;
}
.mb-sm-n2,
.my-sm-n2
{
margin-bottom: -.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2
{
margin-left: -.5rem !important;
}
.m-sm-n3
{
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3
{
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3
{
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3
{
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3
{
margin-left: -1rem !important;
}
.m-sm-n4
{
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4
{
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4
{
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4
{
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4
{
margin-left: -1.5rem !important;
}
.m-sm-n5
{
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5
{
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5
{
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5
{
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5
{
margin-left: -3rem !important;
}
.m-sm-n-9
{
margin: 10rem !important;
}
.mt-sm-n-9,
.my-sm-n-9
{
margin-top: 10rem !important;
}
.mr-sm-n-9,
.mx-sm-n-9
{
margin-right: 10rem !important;
}
.mb-sm-n-9,
.my-sm-n-9
{
margin-bottom: 10rem !important;
}
.ml-sm-n-9,
.mx-sm-n-9
{
margin-left: 10rem !important;
}
.m-sm-n-8
{
margin: 8rem !important;
}
.mt-sm-n-8,
.my-sm-n-8
{
margin-top: 8rem !important;
}
.mr-sm-n-8,
.mx-sm-n-8
{
margin-right: 8rem !important;
}
.mb-sm-n-8,
.my-sm-n-8
{
margin-bottom: 8rem !important;
}
.ml-sm-n-8,
.mx-sm-n-8
{
margin-left: 8rem !important;
}
.m-sm-n-7
{
margin: 6rem !important;
}
.mt-sm-n-7,
.my-sm-n-7
{
margin-top: 6rem !important;
}
.mr-sm-n-7,
.mx-sm-n-7
{
margin-right: 6rem !important;
}
.mb-sm-n-7,
.my-sm-n-7
{
margin-bottom: 6rem !important;
}
.ml-sm-n-7,
.mx-sm-n-7
{
margin-left: 6rem !important;
}
.m-sm-n-6
{
margin: 4.5rem !important;
}
.mt-sm-n-6,
.my-sm-n-6
{
margin-top: 4.5rem !important;
}
.mr-sm-n-6,
.mx-sm-n-6
{
margin-right: 4.5rem !important;
}
.mb-sm-n-6,
.my-sm-n-6
{
margin-bottom: 4.5rem !important;
}
.ml-sm-n-6,
.mx-sm-n-6
{
margin-left: 4.5rem !important;
}
.m-sm-n-5
{
margin: 3rem !important;
}
.mt-sm-n-5,
.my-sm-n-5
{
margin-top: 3rem !important;
}
.mr-sm-n-5,
.mx-sm-n-5
{
margin-right: 3rem !important;
}
.mb-sm-n-5,
.my-sm-n-5
{
margin-bottom: 3rem !important;
}
.ml-sm-n-5,
.mx-sm-n-5
{
margin-left: 3rem !important;
}
.m-sm-n-4
{
margin: 1.5rem !important;
}
.mt-sm-n-4,
.my-sm-n-4
{
margin-top: 1.5rem !important;
}
.mr-sm-n-4,
.mx-sm-n-4
{
margin-right: 1.5rem !important;
}
.mb-sm-n-4,
.my-sm-n-4
{
margin-bottom: 1.5rem !important;
}
.ml-sm-n-4,
.mx-sm-n-4
{
margin-left: 1.5rem !important;
}
.m-sm-n-3
{
margin: 1rem !important;
}
.mt-sm-n-3,
.my-sm-n-3
{
margin-top: 1rem !important;
}
.mr-sm-n-3,
.mx-sm-n-3
{
margin-right: 1rem !important;
}
.mb-sm-n-3,
.my-sm-n-3
{
margin-bottom: 1rem !important;
}
.ml-sm-n-3,
.mx-sm-n-3
{
margin-left: 1rem !important;
}
.m-sm-n-2
{
margin: .5rem !important;
}
.mt-sm-n-2,
.my-sm-n-2
{
margin-top: .5rem !important;
}
.mr-sm-n-2,
.mx-sm-n-2
{
margin-right: .5rem !important;
}
.mb-sm-n-2,
.my-sm-n-2
{
margin-bottom: .5rem !important;
}
.ml-sm-n-2,
.mx-sm-n-2
{
margin-left: .5rem !important;
}
.m-sm-n-1
{
margin: .25rem !important;
}
.mt-sm-n-1,
.my-sm-n-1
{
margin-top: .25rem !important;
}
.mr-sm-n-1,
.mx-sm-n-1
{
margin-right: .25rem !important;
}
.mb-sm-n-1,
.my-sm-n-1
{
margin-bottom: .25rem !important;
}
.ml-sm-n-1,
.mx-sm-n-1
{
margin-left: .25rem !important;
}
.m-sm-n6
{
margin: -4.5rem !important;
}
.mt-sm-n6,
.my-sm-n6
{
margin-top: -4.5rem !important;
}
.mr-sm-n6,
.mx-sm-n6
{
margin-right: -4.5rem !important;
}
.mb-sm-n6,
.my-sm-n6
{
margin-bottom: -4.5rem !important;
}
.ml-sm-n6,
.mx-sm-n6
{
margin-left: -4.5rem !important;
}
.m-sm-n7
{
margin: -6rem !important;
}
.mt-sm-n7,
.my-sm-n7
{
margin-top: -6rem !important;
}
.mr-sm-n7,
.mx-sm-n7
{
margin-right: -6rem !important;
}
.mb-sm-n7,
.my-sm-n7
{
margin-bottom: -6rem !important;
}
.ml-sm-n7,
.mx-sm-n7
{
margin-left: -6rem !important;
}
.m-sm-n8
{
margin: -8rem !important;
}
.mt-sm-n8,
.my-sm-n8
{
margin-top: -8rem !important;
}
.mr-sm-n8,
.mx-sm-n8
{
margin-right: -8rem !important;
}
.mb-sm-n8,
.my-sm-n8
{
margin-bottom: -8rem !important;
}
.ml-sm-n8,
.mx-sm-n8
{
margin-left: -8rem !important;
}
.m-sm-n9
{
margin: -10rem !important;
}
.mt-sm-n9,
.my-sm-n9
{
margin-top: -10rem !important;
}
.mr-sm-n9,
.mx-sm-n9
{
margin-right: -10rem !important;
}
.mb-sm-n9,
.my-sm-n9
{
margin-bottom: -10rem !important;
}
.ml-sm-n9,
.mx-sm-n9
{
margin-left: -10rem !important;
}
.m-sm-auto
{
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto
{
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto
{
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto
{
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto
{
margin-left: auto !important;
}
}
@media (min-width: 768px)
{
.m-md-0
{
margin: 0 !important;
}
.mt-md-0,
.my-md-0
{
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0
{
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0
{
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0
{
margin-left: 0 !important;
}
.m-md-1
{
margin: .25rem !important;
}
.mt-md-1,
.my-md-1
{
margin-top: .25rem !important;
}
.mr-md-1,
.mx-md-1
{
margin-right: .25rem !important;
}
.mb-md-1,
.my-md-1
{
margin-bottom: .25rem !important;
}
.ml-md-1,
.mx-md-1
{
margin-left: .25rem !important;
}
.m-md-2
{
margin: .5rem !important;
}
.mt-md-2,
.my-md-2
{
margin-top: .5rem !important;
}
.mr-md-2,
.mx-md-2
{
margin-right: .5rem !important;
}
.mb-md-2,
.my-md-2
{
margin-bottom: .5rem !important;
}
.ml-md-2,
.mx-md-2
{
margin-left: .5rem !important;
}
.m-md-3
{
margin: 1rem !important;
}
.mt-md-3,
.my-md-3
{
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3
{
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3
{
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3
{
margin-left: 1rem !important;
}
.m-md-4
{
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4
{
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4
{
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4
{
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4
{
margin-left: 1.5rem !important;
}
.m-md-5
{
margin: 3rem !important;
}
.mt-md-5,
.my-md-5
{
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5
{
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5
{
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5
{
margin-left: 3rem !important;
}
.m-md--9
{
margin: -10rem !important;
}
.mt-md--9,
.my-md--9
{
margin-top: -10rem !important;
}
.mr-md--9,
.mx-md--9
{
margin-right: -10rem !important;
}
.mb-md--9,
.my-md--9
{
margin-bottom: -10rem !important;
}
.ml-md--9,
.mx-md--9
{
margin-left: -10rem !important;
}
.m-md--8
{
margin: -8rem !important;
}
.mt-md--8,
.my-md--8
{
margin-top: -8rem !important;
}
.mr-md--8,
.mx-md--8
{
margin-right: -8rem !important;
}
.mb-md--8,
.my-md--8
{
margin-bottom: -8rem !important;
}
.ml-md--8,
.mx-md--8
{
margin-left: -8rem !important;
}
.m-md--7
{
margin: -6rem !important;
}
.mt-md--7,
.my-md--7
{
margin-top: -6rem !important;
}
.mr-md--7,
.mx-md--7
{
margin-right: -6rem !important;
}
.mb-md--7,
.my-md--7
{
margin-bottom: -6rem !important;
}
.ml-md--7,
.mx-md--7
{
margin-left: -6rem !important;
}
.m-md--6
{
margin: -4.5rem !important;
}
.mt-md--6,
.my-md--6
{
margin-top: -4.5rem !important;
}
.mr-md--6,
.mx-md--6
{
margin-right: -4.5rem !important;
}
.mb-md--6,
.my-md--6
{
margin-bottom: -4.5rem !important;
}
.ml-md--6,
.mx-md--6
{
margin-left: -4.5rem !important;
}
.m-md--5
{
margin: -3rem !important;
}
.mt-md--5,
.my-md--5
{
margin-top: -3rem !important;
}
.mr-md--5,
.mx-md--5
{
margin-right: -3rem !important;
}
.mb-md--5,
.my-md--5
{
margin-bottom: -3rem !important;
}
.ml-md--5,
.mx-md--5
{
margin-left: -3rem !important;
}
.m-md--4
{
margin: -1.5rem !important;
}
.mt-md--4,
.my-md--4
{
margin-top: -1.5rem !important;
}
.mr-md--4,
.mx-md--4
{
margin-right: -1.5rem !important;
}
.mb-md--4,
.my-md--4
{
margin-bottom: -1.5rem !important;
}
.ml-md--4,
.mx-md--4
{
margin-left: -1.5rem !important;
}
.m-md--3
{
margin: -1rem !important;
}
.mt-md--3,
.my-md--3
{
margin-top: -1rem !important;
}
.mr-md--3,
.mx-md--3
{
margin-right: -1rem !important;
}
.mb-md--3,
.my-md--3
{
margin-bottom: -1rem !important;
}
.ml-md--3,
.mx-md--3
{
margin-left: -1rem !important;
}
.m-md--2
{
margin: -.5rem !important;
}
.mt-md--2,
.my-md--2
{
margin-top: -.5rem !important;
}
.mr-md--2,
.mx-md--2
{
margin-right: -.5rem !important;
}
.mb-md--2,
.my-md--2
{
margin-bottom: -.5rem !important;
}
.ml-md--2,
.mx-md--2
{
margin-left: -.5rem !important;
}
.m-md--1
{
margin: -.25rem !important;
}
.mt-md--1,
.my-md--1
{
margin-top: -.25rem !important;
}
.mr-md--1,
.mx-md--1
{
margin-right: -.25rem !important;
}
.mb-md--1,
.my-md--1
{
margin-bottom: -.25rem !important;
}
.ml-md--1,
.mx-md--1
{
margin-left: -.25rem !important;
}
.m-md-6
{
margin: 4.5rem !important;
}
.mt-md-6,
.my-md-6
{
margin-top: 4.5rem !important;
}
.mr-md-6,
.mx-md-6
{
margin-right: 4.5rem !important;
}
.mb-md-6,
.my-md-6
{
margin-bottom: 4.5rem !important;
}
.ml-md-6,
.mx-md-6
{
margin-left: 4.5rem !important;
}
.m-md-7
{
margin: 6rem !important;
}
.mt-md-7,
.my-md-7
{
margin-top: 6rem !important;
}
.mr-md-7,
.mx-md-7
{
margin-right: 6rem !important;
}
.mb-md-7,
.my-md-7
{
margin-bottom: 6rem !important;
}
.ml-md-7,
.mx-md-7
{
margin-left: 6rem !important;
}
.m-md-8
{
margin: 8rem !important;
}
.mt-md-8,
.my-md-8
{
margin-top: 8rem !important;
}
.mr-md-8,
.mx-md-8
{
margin-right: 8rem !important;
}
.mb-md-8,
.my-md-8
{
margin-bottom: 8rem !important;
}
.ml-md-8,
.mx-md-8
{
margin-left: 8rem !important;
}
.m-md-9
{
margin: 10rem !important;
}
.mt-md-9,
.my-md-9
{
margin-top: 10rem !important;
}
.mr-md-9,
.mx-md-9
{
margin-right: 10rem !important;
}
.mb-md-9,
.my-md-9
{
margin-bottom: 10rem !important;
}
.ml-md-9,
.mx-md-9
{
margin-left: 10rem !important;
}
.p-md-0
{
padding: 0 !important;
}
.pt-md-0,
.py-md-0
{
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0
{
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0
{
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0
{
padding-left: 0 !important;
}
.p-md-1
{
padding: .25rem !important;
}
.pt-md-1,
.py-md-1
{
padding-top: .25rem !important;
}
.pr-md-1,
.px-md-1
{
padding-right: .25rem !important;
}
.pb-md-1,
.py-md-1
{
padding-bottom: .25rem !important;
}
.pl-md-1,
.px-md-1
{
padding-left: .25rem !important;
}
.p-md-2
{
padding: .5rem !important;
}
.pt-md-2,
.py-md-2
{
padding-top: .5rem !important;
}
.pr-md-2,
.px-md-2
{
padding-right: .5rem !important;
}
.pb-md-2,
.py-md-2
{
padding-bottom: .5rem !important;
}
.pl-md-2,
.px-md-2
{
padding-left: .5rem !important;
}
.p-md-3
{
padding: 1rem !important;
}
.pt-md-3,
.py-md-3
{
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3
{
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3
{
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3
{
padding-left: 1rem !important;
}
.p-md-4
{
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4
{
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4
{
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4
{
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4
{
padding-left: 1.5rem !important;
}
.p-md-5
{
padding: 3rem !important;
}
.pt-md-5,
.py-md-5
{
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5
{
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5
{
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5
{
padding-left: 3rem !important;
}
.p-md--9
{
padding: -10rem !important;
}
.pt-md--9,
.py-md--9
{
padding-top: -10rem !important;
}
.pr-md--9,
.px-md--9
{
padding-right: -10rem !important;
}
.pb-md--9,
.py-md--9
{
padding-bottom: -10rem !important;
}
.pl-md--9,
.px-md--9
{
padding-left: -10rem !important;
}
.p-md--8
{
padding: -8rem !important;
}
.pt-md--8,
.py-md--8
{
padding-top: -8rem !important;
}
.pr-md--8,
.px-md--8
{
padding-right: -8rem !important;
}
.pb-md--8,
.py-md--8
{
padding-bottom: -8rem !important;
}
.pl-md--8,
.px-md--8
{
padding-left: -8rem !important;
}
.p-md--7
{
padding: -6rem !important;
}
.pt-md--7,
.py-md--7
{
padding-top: -6rem !important;
}
.pr-md--7,
.px-md--7
{
padding-right: -6rem !important;
}
.pb-md--7,
.py-md--7
{
padding-bottom: -6rem !important;
}
.pl-md--7,
.px-md--7
{
padding-left: -6rem !important;
}
.p-md--6
{
padding: -4.5rem !important;
}
.pt-md--6,
.py-md--6
{
padding-top: -4.5rem !important;
}
.pr-md--6,
.px-md--6
{
padding-right: -4.5rem !important;
}
.pb-md--6,
.py-md--6
{
padding-bottom: -4.5rem !important;
}
.pl-md--6,
.px-md--6
{
padding-left: -4.5rem !important;
}
.p-md--5
{
padding: -3rem !important;
}
.pt-md--5,
.py-md--5
{
padding-top: -3rem !important;
}
.pr-md--5,
.px-md--5
{
padding-right: -3rem !important;
}
.pb-md--5,
.py-md--5
{
padding-bottom: -3rem !important;
}
.pl-md--5,
.px-md--5
{
padding-left: -3rem !important;
}
.p-md--4
{
padding: -1.5rem !important;
}
.pt-md--4,
.py-md--4
{
padding-top: -1.5rem !important;
}
.pr-md--4,
.px-md--4
{
padding-right: -1.5rem !important;
}
.pb-md--4,
.py-md--4
{
padding-bottom: -1.5rem !important;
}
.pl-md--4,
.px-md--4
{
padding-left: -1.5rem !important;
}
.p-md--3
{
padding: -1rem !important;
}
.pt-md--3,
.py-md--3
{
padding-top: -1rem !important;
}
.pr-md--3,
.px-md--3
{
padding-right: -1rem !important;
}
.pb-md--3,
.py-md--3
{
padding-bottom: -1rem !important;
}
.pl-md--3,
.px-md--3
{
padding-left: -1rem !important;
}
.p-md--2
{
padding: -.5rem !important;
}
.pt-md--2,
.py-md--2
{
padding-top: -.5rem !important;
}
.pr-md--2,
.px-md--2
{
padding-right: -.5rem !important;
}
.pb-md--2,
.py-md--2
{
padding-bottom: -.5rem !important;
}
.pl-md--2,
.px-md--2
{
padding-left: -.5rem !important;
}
.p-md--1
{
padding: -.25rem !important;
}
.pt-md--1,
.py-md--1
{
padding-top: -.25rem !important;
}
.pr-md--1,
.px-md--1
{
padding-right: -.25rem !important;
}
.pb-md--1,
.py-md--1
{
padding-bottom: -.25rem !important;
}
.pl-md--1,
.px-md--1
{
padding-left: -.25rem !important;
}
.p-md-6
{
padding: 4.5rem !important;
}
.pt-md-6,
.py-md-6
{
padding-top: 4.5rem !important;
}
.pr-md-6,
.px-md-6
{
padding-right: 4.5rem !important;
}
.pb-md-6,
.py-md-6
{
padding-bottom: 4.5rem !important;
}
.pl-md-6,
.px-md-6
{
padding-left: 4.5rem !important;
}
.p-md-7
{
padding: 6rem !important;
}
.pt-md-7,
.py-md-7
{
padding-top: 6rem !important;
}
.pr-md-7,
.px-md-7
{
padding-right: 6rem !important;
}
.pb-md-7,
.py-md-7
{
padding-bottom: 6rem !important;
}
.pl-md-7,
.px-md-7
{
padding-left: 6rem !important;
}
.p-md-8
{
padding: 8rem !important;
}
.pt-md-8,
.py-md-8
{
padding-top: 8rem !important;
}
.pr-md-8,
.px-md-8
{
padding-right: 8rem !important;
}
.pb-md-8,
.py-md-8
{
padding-bottom: 8rem !important;
}
.pl-md-8,
.px-md-8
{
padding-left: 8rem !important;
}
.p-md-9
{
padding: 10rem !important;
}
.pt-md-9,
.py-md-9
{
padding-top: 10rem !important;
}
.pr-md-9,
.px-md-9
{
padding-right: 10rem !important;
}
.pb-md-9,
.py-md-9
{
padding-bottom: 10rem !important;
}
.pl-md-9,
.px-md-9
{
padding-left: 10rem !important;
}
.m-md-n1
{
margin: -.25rem !important;
}
.mt-md-n1,
.my-md-n1
{
margin-top: -.25rem !important;
}
.mr-md-n1,
.mx-md-n1
{
margin-right: -.25rem !important;
}
.mb-md-n1,
.my-md-n1
{
margin-bottom: -.25rem !important;
}
.ml-md-n1,
.mx-md-n1
{
margin-left: -.25rem !important;
}
.m-md-n2
{
margin: -.5rem !important;
}
.mt-md-n2,
.my-md-n2
{
margin-top: -.5rem !important;
}
.mr-md-n2,
.mx-md-n2
{
margin-right: -.5rem !important;
}
.mb-md-n2,
.my-md-n2
{
margin-bottom: -.5rem !important;
}
.ml-md-n2,
.mx-md-n2
{
margin-left: -.5rem !important;
}
.m-md-n3
{
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3
{
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3
{
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3
{
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3
{
margin-left: -1rem !important;
}
.m-md-n4
{
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4
{
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4
{
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4
{
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4
{
margin-left: -1.5rem !important;
}
.m-md-n5
{
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5
{
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5
{
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5
{
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5
{
margin-left: -3rem !important;
}
.m-md-n-9
{
margin: 10rem !important;
}
.mt-md-n-9,
.my-md-n-9
{
margin-top: 10rem !important;
}
.mr-md-n-9,
.mx-md-n-9
{
margin-right: 10rem !important;
}
.mb-md-n-9,
.my-md-n-9
{
margin-bottom: 10rem !important;
}
.ml-md-n-9,
.mx-md-n-9
{
margin-left: 10rem !important;
}
.m-md-n-8
{
margin: 8rem !important;
}
.mt-md-n-8,
.my-md-n-8
{
margin-top: 8rem !important;
}
.mr-md-n-8,
.mx-md-n-8
{
margin-right: 8rem !important;
}
.mb-md-n-8,
.my-md-n-8
{
margin-bottom: 8rem !important;
}
.ml-md-n-8,
.mx-md-n-8
{
margin-left: 8rem !important;
}
.m-md-n-7
{
margin: 6rem !important;
}
.mt-md-n-7,
.my-md-n-7
{
margin-top: 6rem !important;
}
.mr-md-n-7,
.mx-md-n-7
{
margin-right: 6rem !important;
}
.mb-md-n-7,
.my-md-n-7
{
margin-bottom: 6rem !important;
}
.ml-md-n-7,
.mx-md-n-7
{
margin-left: 6rem !important;
}
.m-md-n-6
{
margin: 4.5rem !important;
}
.mt-md-n-6,
.my-md-n-6
{
margin-top: 4.5rem !important;
}
.mr-md-n-6,
.mx-md-n-6
{
margin-right: 4.5rem !important;
}
.mb-md-n-6,
.my-md-n-6
{
margin-bottom: 4.5rem !important;
}
.ml-md-n-6,
.mx-md-n-6
{
margin-left: 4.5rem !important;
}
.m-md-n-5
{
margin: 3rem !important;
}
.mt-md-n-5,
.my-md-n-5
{
margin-top: 3rem !important;
}
.mr-md-n-5,
.mx-md-n-5
{
margin-right: 3rem !important;
}
.mb-md-n-5,
.my-md-n-5
{
margin-bottom: 3rem !important;
}
.ml-md-n-5,
.mx-md-n-5
{
margin-left: 3rem !important;
}
.m-md-n-4
{
margin: 1.5rem !important;
}
.mt-md-n-4,
.my-md-n-4
{
margin-top: 1.5rem !important;
}
.mr-md-n-4,
.mx-md-n-4
{
margin-right: 1.5rem !important;
}
.mb-md-n-4,
.my-md-n-4
{
margin-bottom: 1.5rem !important;
}
.ml-md-n-4,
.mx-md-n-4
{
margin-left: 1.5rem !important;
}
.m-md-n-3
{
margin: 1rem !important;
}
.mt-md-n-3,
.my-md-n-3
{
margin-top: 1rem !important;
}
.mr-md-n-3,
.mx-md-n-3
{
margin-right: 1rem !important;
}
.mb-md-n-3,
.my-md-n-3
{
margin-bottom: 1rem !important;
}
.ml-md-n-3,
.mx-md-n-3
{
margin-left: 1rem !important;
}
.m-md-n-2
{
margin: .5rem !important;
}
.mt-md-n-2,
.my-md-n-2
{
margin-top: .5rem !important;
}
.mr-md-n-2,
.mx-md-n-2
{
margin-right: .5rem !important;
}
.mb-md-n-2,
.my-md-n-2
{
margin-bottom: .5rem !important;
}
.ml-md-n-2,
.mx-md-n-2
{
margin-left: .5rem !important;
}
.m-md-n-1
{
margin: .25rem !important;
}
.mt-md-n-1,
.my-md-n-1
{
margin-top: .25rem !important;
}
.mr-md-n-1,
.mx-md-n-1
{
margin-right: .25rem !important;
}
.mb-md-n-1,
.my-md-n-1
{
margin-bottom: .25rem !important;
}
.ml-md-n-1,
.mx-md-n-1
{
margin-left: .25rem !important;
}
.m-md-n6
{
margin: -4.5rem !important;
}
.mt-md-n6,
.my-md-n6
{
margin-top: -4.5rem !important;
}
.mr-md-n6,
.mx-md-n6
{
margin-right: -4.5rem !important;
}
.mb-md-n6,
.my-md-n6
{
margin-bottom: -4.5rem !important;
}
.ml-md-n6,
.mx-md-n6
{
margin-left: -4.5rem !important;
}
.m-md-n7
{
margin: -6rem !important;
}
.mt-md-n7,
.my-md-n7
{
margin-top: -6rem !important;
}
.mr-md-n7,
.mx-md-n7
{
margin-right: -6rem !important;
}
.mb-md-n7,
.my-md-n7
{
margin-bottom: -6rem !important;
}
.ml-md-n7,
.mx-md-n7
{
margin-left: -6rem !important;
}
.m-md-n8
{
margin: -8rem !important;
}
.mt-md-n8,
.my-md-n8
{
margin-top: -8rem !important;
}
.mr-md-n8,
.mx-md-n8
{
margin-right: -8rem !important;
}
.mb-md-n8,
.my-md-n8
{
margin-bottom: -8rem !important;
}
.ml-md-n8,
.mx-md-n8
{
margin-left: -8rem !important;
}
.m-md-n9
{
margin: -10rem !important;
}
.mt-md-n9,
.my-md-n9
{
margin-top: -10rem !important;
}
.mr-md-n9,
.mx-md-n9
{
margin-right: -10rem !important;
}
.mb-md-n9,
.my-md-n9
{
margin-bottom: -10rem !important;
}
.ml-md-n9,
.mx-md-n9
{
margin-left: -10rem !important;
}
.m-md-auto
{
margin: auto !important;
}
.mt-md-auto,
.my-md-auto
{
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto
{
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto
{
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto
{
margin-left: auto !important;
}
}
@media (min-width: 992px)
{
.m-lg-0
{
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0
{
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0
{
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0
{
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0
{
margin-left: 0 !important;
}
.m-lg-1
{
margin: .25rem !important;
}
.mt-lg-1,
.my-lg-1
{
margin-top: .25rem !important;
}
.mr-lg-1,
.mx-lg-1
{
margin-right: .25rem !important;
}
.mb-lg-1,
.my-lg-1
{
margin-bottom: .25rem !important;
}
.ml-lg-1,
.mx-lg-1
{
margin-left: .25rem !important;
}
.m-lg-2
{
margin: .5rem !important;
}
.mt-lg-2,
.my-lg-2
{
margin-top: .5rem !important;
}
.mr-lg-2,
.mx-lg-2
{
margin-right: .5rem !important;
}
.mb-lg-2,
.my-lg-2
{
margin-bottom: .5rem !important;
}
.ml-lg-2,
.mx-lg-2
{
margin-left: .5rem !important;
}
.m-lg-3
{
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3
{
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3
{
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3
{
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3
{
margin-left: 1rem !important;
}
.m-lg-4
{
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4
{
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4
{
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4
{
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4
{
margin-left: 1.5rem !important;
}
.m-lg-5
{
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5
{
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5
{
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5
{
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5
{
margin-left: 3rem !important;
}
.m-lg--9
{
margin: -10rem !important;
}
.mt-lg--9,
.my-lg--9
{
margin-top: -10rem !important;
}
.mr-lg--9,
.mx-lg--9
{
margin-right: -10rem !important;
}
.mb-lg--9,
.my-lg--9
{
margin-bottom: -10rem !important;
}
.ml-lg--9,
.mx-lg--9
{
margin-left: -10rem !important;
}
.m-lg--8
{
margin: -8rem !important;
}
.mt-lg--8,
.my-lg--8
{
margin-top: -8rem !important;
}
.mr-lg--8,
.mx-lg--8
{
margin-right: -8rem !important;
}
.mb-lg--8,
.my-lg--8
{
margin-bottom: -8rem !important;
}
.ml-lg--8,
.mx-lg--8
{
margin-left: -8rem !important;
}
.m-lg--7
{
margin: -6rem !important;
}
.mt-lg--7,
.my-lg--7
{
margin-top: -6rem !important;
}
.mr-lg--7,
.mx-lg--7
{
margin-right: -6rem !important;
}
.mb-lg--7,
.my-lg--7
{
margin-bottom: -6rem !important;
}
.ml-lg--7,
.mx-lg--7
{
margin-left: -6rem !important;
}
.m-lg--6
{
margin: -4.5rem !important;
}
.mt-lg--6,
.my-lg--6
{
margin-top: -4.5rem !important;
}
.mr-lg--6,
.mx-lg--6
{
margin-right: -4.5rem !important;
}
.mb-lg--6,
.my-lg--6
{
margin-bottom: -4.5rem !important;
}
.ml-lg--6,
.mx-lg--6
{
margin-left: -4.5rem !important;
}
.m-lg--5
{
margin: -3rem !important;
}
.mt-lg--5,
.my-lg--5
{
margin-top: -3rem !important;
}
.mr-lg--5,
.mx-lg--5
{
margin-right: -3rem !important;
}
.mb-lg--5,
.my-lg--5
{
margin-bottom: -3rem !important;
}
.ml-lg--5,
.mx-lg--5
{
margin-left: -3rem !important;
}
.m-lg--4
{
margin: -1.5rem !important;
}
.mt-lg--4,
.my-lg--4
{
margin-top: -1.5rem !important;
}
.mr-lg--4,
.mx-lg--4
{
margin-right: -1.5rem !important;
}
.mb-lg--4,
.my-lg--4
{
margin-bottom: -1.5rem !important;
}
.ml-lg--4,
.mx-lg--4
{
margin-left: -1.5rem !important;
}
.m-lg--3
{
margin: -1rem !important;
}
.mt-lg--3,
.my-lg--3
{
margin-top: -1rem !important;
}
.mr-lg--3,
.mx-lg--3
{
margin-right: -1rem !important;
}
.mb-lg--3,
.my-lg--3
{
margin-bottom: -1rem !important;
}
.ml-lg--3,
.mx-lg--3
{
margin-left: -1rem !important;
}
.m-lg--2
{
margin: -.5rem !important;
}
.mt-lg--2,
.my-lg--2
{
margin-top: -.5rem !important;
}
.mr-lg--2,
.mx-lg--2
{
margin-right: -.5rem !important;
}
.mb-lg--2,
.my-lg--2
{
margin-bottom: -.5rem !important;
}
.ml-lg--2,
.mx-lg--2
{
margin-left: -.5rem !important;
}
.m-lg--1
{
margin: -.25rem !important;
}
.mt-lg--1,
.my-lg--1
{
margin-top: -.25rem !important;
}
.mr-lg--1,
.mx-lg--1
{
margin-right: -.25rem !important;
}
.mb-lg--1,
.my-lg--1
{
margin-bottom: -.25rem !important;
}
.ml-lg--1,
.mx-lg--1
{
margin-left: -.25rem !important;
}
.m-lg-6
{
margin: 4.5rem !important;
}
.mt-lg-6,
.my-lg-6
{
margin-top: 4.5rem !important;
}
.mr-lg-6,
.mx-lg-6
{
margin-right: 4.5rem !important;
}
.mb-lg-6,
.my-lg-6
{
margin-bottom: 4.5rem !important;
}
.ml-lg-6,
.mx-lg-6
{
margin-left: 4.5rem !important;
}
.m-lg-7
{
margin: 6rem !important;
}
.mt-lg-7,
.my-lg-7
{
margin-top: 6rem !important;
}
.mr-lg-7,
.mx-lg-7
{
margin-right: 6rem !important;
}
.mb-lg-7,
.my-lg-7
{
margin-bottom: 6rem !important;
}
.ml-lg-7,
.mx-lg-7
{
margin-left: 6rem !important;
}
.m-lg-8
{
margin: 8rem !important;
}
.mt-lg-8,
.my-lg-8
{
margin-top: 8rem !important;
}
.mr-lg-8,
.mx-lg-8
{
margin-right: 8rem !important;
}
.mb-lg-8,
.my-lg-8
{
margin-bottom: 8rem !important;
}
.ml-lg-8,
.mx-lg-8
{
margin-left: 8rem !important;
}
.m-lg-9
{
margin: 10rem !important;
}
.mt-lg-9,
.my-lg-9
{
margin-top: 10rem !important;
}
.mr-lg-9,
.mx-lg-9
{
margin-right: 10rem !important;
}
.mb-lg-9,
.my-lg-9
{
margin-bottom: 10rem !important;
}
.ml-lg-9,
.mx-lg-9
{
margin-left: 10rem !important;
}
.p-lg-0
{
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0
{
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0
{
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0
{
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0
{
padding-left: 0 !important;
}
.p-lg-1
{
padding: .25rem !important;
}
.pt-lg-1,
.py-lg-1
{
padding-top: .25rem !important;
}
.pr-lg-1,
.px-lg-1
{
padding-right: .25rem !important;
}
.pb-lg-1,
.py-lg-1
{
padding-bottom: .25rem !important;
}
.pl-lg-1,
.px-lg-1
{
padding-left: .25rem !important;
}
.p-lg-2
{
padding: .5rem !important;
}
.pt-lg-2,
.py-lg-2
{
padding-top: .5rem !important;
}
.pr-lg-2,
.px-lg-2
{
padding-right: .5rem !important;
}
.pb-lg-2,
.py-lg-2
{
padding-bottom: .5rem !important;
}
.pl-lg-2,
.px-lg-2
{
padding-left: .5rem !important;
}
.p-lg-3
{
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3
{
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3
{
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3
{
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3
{
padding-left: 1rem !important;
}
.p-lg-4
{
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4
{
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4
{
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4
{
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4
{
padding-left: 1.5rem !important;
}
.p-lg-5
{
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5
{
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5
{
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5
{
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5
{
padding-left: 3rem !important;
}
.p-lg--9
{
padding: -10rem !important;
}
.pt-lg--9,
.py-lg--9
{
padding-top: -10rem !important;
}
.pr-lg--9,
.px-lg--9
{
padding-right: -10rem !important;
}
.pb-lg--9,
.py-lg--9
{
padding-bottom: -10rem !important;
}
.pl-lg--9,
.px-lg--9
{
padding-left: -10rem !important;
}
.p-lg--8
{
padding: -8rem !important;
}
.pt-lg--8,
.py-lg--8
{
padding-top: -8rem !important;
}
.pr-lg--8,
.px-lg--8
{
padding-right: -8rem !important;
}
.pb-lg--8,
.py-lg--8
{
padding-bottom: -8rem !important;
}
.pl-lg--8,
.px-lg--8
{
padding-left: -8rem !important;
}
.p-lg--7
{
padding: -6rem !important;
}
.pt-lg--7,
.py-lg--7
{
padding-top: -6rem !important;
}
.pr-lg--7,
.px-lg--7
{
padding-right: -6rem !important;
}
.pb-lg--7,
.py-lg--7
{
padding-bottom: -6rem !important;
}
.pl-lg--7,
.px-lg--7
{
padding-left: -6rem !important;
}
.p-lg--6
{
padding: -4.5rem !important;
}
.pt-lg--6,
.py-lg--6
{
padding-top: -4.5rem !important;
}
.pr-lg--6,
.px-lg--6
{
padding-right: -4.5rem !important;
}
.pb-lg--6,
.py-lg--6
{
padding-bottom: -4.5rem !important;
}
.pl-lg--6,
.px-lg--6
{
padding-left: -4.5rem !important;
}
.p-lg--5
{
padding: -3rem !important;
}
.pt-lg--5,
.py-lg--5
{
padding-top: -3rem !important;
}
.pr-lg--5,
.px-lg--5
{
padding-right: -3rem !important;
}
.pb-lg--5,
.py-lg--5
{
padding-bottom: -3rem !important;
}
.pl-lg--5,
.px-lg--5
{
padding-left: -3rem !important;
}
.p-lg--4
{
padding: -1.5rem !important;
}
.pt-lg--4,
.py-lg--4
{
padding-top: -1.5rem !important;
}
.pr-lg--4,
.px-lg--4
{
padding-right: -1.5rem !important;
}
.pb-lg--4,
.py-lg--4
{
padding-bottom: -1.5rem !important;
}
.pl-lg--4,
.px-lg--4
{
padding-left: -1.5rem !important;
}
.p-lg--3
{
padding: -1rem !important;
}
.pt-lg--3,
.py-lg--3
{
padding-top: -1rem !important;
}
.pr-lg--3,
.px-lg--3
{
padding-right: -1rem !important;
}
.pb-lg--3,
.py-lg--3
{
padding-bottom: -1rem !important;
}
.pl-lg--3,
.px-lg--3
{
padding-left: -1rem !important;
}
.p-lg--2
{
padding: -.5rem !important;
}
.pt-lg--2,
.py-lg--2
{
padding-top: -.5rem !important;
}
.pr-lg--2,
.px-lg--2
{
padding-right: -.5rem !important;
}
.pb-lg--2,
.py-lg--2
{
padding-bottom: -.5rem !important;
}
.pl-lg--2,
.px-lg--2
{
padding-left: -.5rem !important;
}
.p-lg--1
{
padding: -.25rem !important;
}
.pt-lg--1,
.py-lg--1
{
padding-top: -.25rem !important;
}
.pr-lg--1,
.px-lg--1
{
padding-right: -.25rem !important;
}
.pb-lg--1,
.py-lg--1
{
padding-bottom: -.25rem !important;
}
.pl-lg--1,
.px-lg--1
{
padding-left: -.25rem !important;
}
.p-lg-6
{
padding: 4.5rem !important;
}
.pt-lg-6,
.py-lg-6
{
padding-top: 4.5rem !important;
}
.pr-lg-6,
.px-lg-6
{
padding-right: 4.5rem !important;
}
.pb-lg-6,
.py-lg-6
{
padding-bottom: 4.5rem !important;
}
.pl-lg-6,
.px-lg-6
{
padding-left: 4.5rem !important;
}
.p-lg-7
{
padding: 6rem !important;
}
.pt-lg-7,
.py-lg-7
{
padding-top: 6rem !important;
}
.pr-lg-7,
.px-lg-7
{
padding-right: 6rem !important;
}
.pb-lg-7,
.py-lg-7
{
padding-bottom: 6rem !important;
}
.pl-lg-7,
.px-lg-7
{
padding-left: 6rem !important;
}
.p-lg-8
{
padding: 8rem !important;
} .pr-lg-8,
.px-lg-8
{
padding-right: 8rem !important;
} .pl-lg-8,
.px-lg-8
{
padding-left: 8rem !important;
}
.p-lg-9
{
padding: 10rem !important;
} .pr-lg-9,
.px-lg-9
{
padding-right: 10rem !important;
}
.pb-lg-9,
.py-lg-9
{
padding-bottom: 10rem !important;
}
.pl-lg-9,
.px-lg-9
{
padding-left: 10rem !important;
}
.m-lg-n1
{
margin: -.25rem !important;
}
.mt-lg-n1,
.my-lg-n1
{
margin-top: -.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1
{
margin-right: -.25rem !important;
}
.mb-lg-n1,
.my-lg-n1
{
margin-bottom: -.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1
{
margin-left: -.25rem !important;
}
.m-lg-n2
{
margin: -.5rem !important;
}
.mt-lg-n2,
.my-lg-n2
{
margin-top: -.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2
{
margin-right: -.5rem !important;
}
.mb-lg-n2,
.my-lg-n2
{
margin-bottom: -.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2
{
margin-left: -.5rem !important;
}
.m-lg-n3
{
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3
{
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3
{
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3
{
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3
{
margin-left: -1rem !important;
}
.m-lg-n4
{
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4
{
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4
{
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4
{
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4
{
margin-left: -1.5rem !important;
}
.m-lg-n5
{
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5
{
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5
{
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5
{
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5
{
margin-left: -3rem !important;
}
.m-lg-n-9
{
margin: 10rem !important;
}
.mt-lg-n-9,
.my-lg-n-9
{
margin-top: 10rem !important;
}
.mr-lg-n-9,
.mx-lg-n-9
{
margin-right: 10rem !important;
}
.mb-lg-n-9,
.my-lg-n-9
{
margin-bottom: 10rem !important;
}
.ml-lg-n-9,
.mx-lg-n-9
{
margin-left: 10rem !important;
}
.m-lg-n-8
{
margin: 8rem !important;
}
.mt-lg-n-8,
.my-lg-n-8
{
margin-top: 8rem !important;
}
.mr-lg-n-8,
.mx-lg-n-8
{
margin-right: 8rem !important;
}
.mb-lg-n-8,
.my-lg-n-8
{
margin-bottom: 8rem !important;
}
.ml-lg-n-8,
.mx-lg-n-8
{
margin-left: 8rem !important;
}
.m-lg-n-7
{
margin: 6rem !important;
}
.mt-lg-n-7,
.my-lg-n-7
{
margin-top: 6rem !important;
}
.mr-lg-n-7,
.mx-lg-n-7
{
margin-right: 6rem !important;
}
.mb-lg-n-7,
.my-lg-n-7
{
margin-bottom: 6rem !important;
}
.ml-lg-n-7,
.mx-lg-n-7
{
margin-left: 6rem !important;
}
.m-lg-n-6
{
margin: 4.5rem !important;
}
.mt-lg-n-6,
.my-lg-n-6
{
margin-top: 4.5rem !important;
}
.mr-lg-n-6,
.mx-lg-n-6
{
margin-right: 4.5rem !important;
}
.mb-lg-n-6,
.my-lg-n-6
{
margin-bottom: 4.5rem !important;
}
.ml-lg-n-6,
.mx-lg-n-6
{
margin-left: 4.5rem !important;
}
.m-lg-n-5
{
margin: 3rem !important;
}
.mt-lg-n-5,
.my-lg-n-5
{
margin-top: 3rem !important;
}
.mr-lg-n-5,
.mx-lg-n-5
{
margin-right: 3rem !important;
}
.mb-lg-n-5,
.my-lg-n-5
{
margin-bottom: 3rem !important;
}
.ml-lg-n-5,
.mx-lg-n-5
{
margin-left: 3rem !important;
}
.m-lg-n-4
{
margin: 1.5rem !important;
}
.mt-lg-n-4,
.my-lg-n-4
{
margin-top: 1.5rem !important;
}
.mr-lg-n-4,
.mx-lg-n-4
{
margin-right: 1.5rem !important;
}
.mb-lg-n-4,
.my-lg-n-4
{
margin-bottom: 1.5rem !important;
}
.ml-lg-n-4,
.mx-lg-n-4
{
margin-left: 1.5rem !important;
}
.m-lg-n-3
{
margin: 1rem !important;
}
.mt-lg-n-3,
.my-lg-n-3
{
margin-top: 1rem !important;
}
.mr-lg-n-3,
.mx-lg-n-3
{
margin-right: 1rem !important;
}
.mb-lg-n-3,
.my-lg-n-3
{
margin-bottom: 1rem !important;
}
.ml-lg-n-3,
.mx-lg-n-3
{
margin-left: 1rem !important;
}
.m-lg-n-2
{
margin: .5rem !important;
}
.mt-lg-n-2,
.my-lg-n-2
{
margin-top: .5rem !important;
}
.mr-lg-n-2,
.mx-lg-n-2
{
margin-right: .5rem !important;
}
.mb-lg-n-2,
.my-lg-n-2
{
margin-bottom: .5rem !important;
}
.ml-lg-n-2,
.mx-lg-n-2
{
margin-left: .5rem !important;
}
.m-lg-n-1
{
margin: .25rem !important;
}
.mt-lg-n-1,
.my-lg-n-1
{
margin-top: .25rem !important;
}
.mr-lg-n-1,
.mx-lg-n-1
{
margin-right: .25rem !important;
}
.mb-lg-n-1,
.my-lg-n-1
{
margin-bottom: .25rem !important;
}
.ml-lg-n-1,
.mx-lg-n-1
{
margin-left: .25rem !important;
}
.m-lg-n6
{
margin: -4.5rem !important;
}
.mt-lg-n6,
.my-lg-n6
{
margin-top: -4.5rem !important;
}
.mr-lg-n6,
.mx-lg-n6
{
margin-right: -4.5rem !important;
}
.mb-lg-n6,
.my-lg-n6
{
margin-bottom: -4.5rem !important;
}
.ml-lg-n6,
.mx-lg-n6
{
margin-left: -4.5rem !important;
}
.m-lg-n7
{
margin: -6rem !important;
}
.mt-lg-n7,
.my-lg-n7
{
margin-top: -6rem !important;
}
.mr-lg-n7,
.mx-lg-n7
{
margin-right: -6rem !important;
}
.mb-lg-n7,
.my-lg-n7
{
margin-bottom: -6rem !important;
}
.ml-lg-n7,
.mx-lg-n7
{
margin-left: -6rem !important;
}
.m-lg-n8
{
margin: -8rem !important;
}
.mt-lg-n8,
.my-lg-n8
{
margin-top: -8rem !important;
}
.mr-lg-n8,
.mx-lg-n8
{
margin-right: -8rem !important;
}
.mb-lg-n8,
.my-lg-n8
{
margin-bottom: -8rem !important;
}
.ml-lg-n8,
.mx-lg-n8
{
margin-left: -8rem !important;
}
.m-lg-n9
{
margin: -10rem !important;
}
.mt-lg-n9,
.my-lg-n9
{
margin-top: -10rem !important;
}
.mr-lg-n9,
.mx-lg-n9
{
margin-right: -10rem !important;
}
.mb-lg-n9,
.my-lg-n9
{
margin-bottom: -10rem !important;
}
.ml-lg-n9,
.mx-lg-n9
{
margin-left: -10rem !important;
}
.m-lg-auto
{
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto
{
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto
{
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto
{
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto
{
margin-left: auto !important;
}
}
@media (min-width: 1200px)
{
.m-xl-0
{
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0
{
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0
{
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0
{
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0
{
margin-left: 0 !important;
}
.m-xl-1
{
margin: .25rem !important;
}
.mt-xl-1,
.my-xl-1
{
margin-top: .25rem !important;
}
.mr-xl-1,
.mx-xl-1
{
margin-right: .25rem !important;
}
.mb-xl-1,
.my-xl-1
{
margin-bottom: .25rem !important;
}
.ml-xl-1,
.mx-xl-1
{
margin-left: .25rem !important;
}
.m-xl-2
{
margin: .5rem !important;
}
.mt-xl-2,
.my-xl-2
{
margin-top: .5rem !important;
}
.mr-xl-2,
.mx-xl-2
{
margin-right: .5rem !important;
}
.mb-xl-2,
.my-xl-2
{
margin-bottom: .5rem !important;
}
.ml-xl-2,
.mx-xl-2
{
margin-left: .5rem !important;
}
.m-xl-3
{
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3
{
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3
{
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3
{
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3
{
margin-left: 1rem !important;
}
.m-xl-4
{
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4
{
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4
{
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4
{
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4
{
margin-left: 1.5rem !important;
}
.m-xl-5
{
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5
{
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5
{
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5
{
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5
{
margin-left: 3rem !important;
}
.m-xl--9
{
margin: -10rem !important;
}
.mt-xl--9,
.my-xl--9
{
margin-top: -10rem !important;
}
.mr-xl--9,
.mx-xl--9
{
margin-right: -10rem !important;
}
.mb-xl--9,
.my-xl--9
{
margin-bottom: -10rem !important;
}
.ml-xl--9,
.mx-xl--9
{
margin-left: -10rem !important;
}
.m-xl--8
{
margin: -8rem !important;
}
.mt-xl--8,
.my-xl--8
{
margin-top: -8rem !important;
}
.mr-xl--8,
.mx-xl--8
{
margin-right: -8rem !important;
}
.mb-xl--8,
.my-xl--8
{
margin-bottom: -8rem !important;
}
.ml-xl--8,
.mx-xl--8
{
margin-left: -8rem !important;
}
.m-xl--7
{
margin: -6rem !important;
}
.mt-xl--7,
.my-xl--7
{
margin-top: -6rem !important;
}
.mr-xl--7,
.mx-xl--7
{
margin-right: -6rem !important;
}
.mb-xl--7,
.my-xl--7
{
margin-bottom: -6rem !important;
}
.ml-xl--7,
.mx-xl--7
{
margin-left: -6rem !important;
}
.m-xl--6
{
margin: -4.5rem !important;
}
.mt-xl--6,
.my-xl--6
{
margin-top: -4.5rem !important;
}
.mr-xl--6,
.mx-xl--6
{
margin-right: -4.5rem !important;
}
.mb-xl--6,
.my-xl--6
{
margin-bottom: -4.5rem !important;
}
.ml-xl--6,
.mx-xl--6
{
margin-left: -4.5rem !important;
}
.m-xl--5
{
margin: -3rem !important;
}
.mt-xl--5,
.my-xl--5
{
margin-top: -3rem !important;
}
.mr-xl--5,
.mx-xl--5
{
margin-right: -3rem !important;
}
.mb-xl--5,
.my-xl--5
{
margin-bottom: -3rem !important;
}
.ml-xl--5,
.mx-xl--5
{
margin-left: -3rem !important;
}
.m-xl--4
{
margin: -1.5rem !important;
}
.mt-xl--4,
.my-xl--4
{
margin-top: -1.5rem !important;
}
.mr-xl--4,
.mx-xl--4
{
margin-right: -1.5rem !important;
}
.mb-xl--4,
.my-xl--4
{
margin-bottom: -1.5rem !important;
}
.ml-xl--4,
.mx-xl--4
{
margin-left: -1.5rem !important;
}
.m-xl--3
{
margin: -1rem !important;
}
.mt-xl--3,
.my-xl--3
{
margin-top: -1rem !important;
}
.mr-xl--3,
.mx-xl--3
{
margin-right: -1rem !important;
}
.mb-xl--3,
.my-xl--3
{
margin-bottom: -1rem !important;
}
.ml-xl--3,
.mx-xl--3
{
margin-left: -1rem !important;
}
.m-xl--2
{
margin: -.5rem !important;
}
.mt-xl--2,
.my-xl--2
{
margin-top: -.5rem !important;
}
.mr-xl--2,
.mx-xl--2
{
margin-right: -.5rem !important;
}
.mb-xl--2,
.my-xl--2
{
margin-bottom: -.5rem !important;
}
.ml-xl--2,
.mx-xl--2
{
margin-left: -.5rem !important;
}
.m-xl--1
{
margin: -.25rem !important;
}
.mt-xl--1,
.my-xl--1
{
margin-top: -.25rem !important;
}
.mr-xl--1,
.mx-xl--1
{
margin-right: -.25rem !important;
}
.mb-xl--1,
.my-xl--1
{
margin-bottom: -.25rem !important;
}
.ml-xl--1,
.mx-xl--1
{
margin-left: -.25rem !important;
}
.m-xl-6
{
margin: 4.5rem !important;
}
.mt-xl-6,
.my-xl-6
{
margin-top: 4.5rem !important;
}
.mr-xl-6,
.mx-xl-6
{
margin-right: 4.5rem !important;
}
.mb-xl-6,
.my-xl-6
{
margin-bottom: 4.5rem !important;
}
.ml-xl-6,
.mx-xl-6
{
margin-left: 4.5rem !important;
}
.m-xl-7
{
margin: 6rem !important;
}
.mt-xl-7,
.my-xl-7
{
margin-top: 6rem !important;
}
.mr-xl-7,
.mx-xl-7
{
margin-right: 6rem !important;
}
.mb-xl-7,
.my-xl-7
{
margin-bottom: 6rem !important;
}
.ml-xl-7,
.mx-xl-7
{
margin-left: 6rem !important;
}
.m-xl-8
{
margin: 8rem !important;
}
.mt-xl-8,
.my-xl-8
{
margin-top: 8rem !important;
}
.mr-xl-8,
.mx-xl-8
{
margin-right: 8rem !important;
}
.mb-xl-8,
.my-xl-8
{
margin-bottom: 8rem !important;
}
.ml-xl-8,
.mx-xl-8
{
margin-left: 8rem !important;
}
.m-xl-9
{
margin: 10rem !important;
}
.mt-xl-9,
.my-xl-9
{
margin-top: 10rem !important;
}
.mr-xl-9,
.mx-xl-9
{
margin-right: 10rem !important;
}
.mb-xl-9,
.my-xl-9
{
margin-bottom: 10rem !important;
}
.ml-xl-9,
.mx-xl-9
{
margin-left: 10rem !important;
}
.p-xl-0
{
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0
{
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0
{
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0
{
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0
{
padding-left: 0 !important;
}
.p-xl-1
{
padding: .25rem !important;
}
.pt-xl-1,
.py-xl-1
{
padding-top: .25rem !important;
}
.pr-xl-1,
.px-xl-1
{
padding-right: .25rem !important;
}
.pb-xl-1,
.py-xl-1
{
padding-bottom: .25rem !important;
}
.pl-xl-1,
.px-xl-1
{
padding-left: .25rem !important;
}
.p-xl-2
{
padding: .5rem !important;
}
.pt-xl-2,
.py-xl-2
{
padding-top: .5rem !important;
}
.pr-xl-2,
.px-xl-2
{
padding-right: .5rem !important;
}
.pb-xl-2,
.py-xl-2
{
padding-bottom: .5rem !important;
}
.pl-xl-2,
.px-xl-2
{
padding-left: .5rem !important;
}
.p-xl-3
{
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3
{
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3
{
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3
{
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3
{
padding-left: 1rem !important;
}
.p-xl-4
{
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4
{
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4
{
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4
{
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4
{
padding-left: 1.5rem !important;
}
.p-xl-5
{
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5
{
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5
{
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5
{
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5
{
padding-left: 3rem !important;
}
.p-xl--9
{
padding: -10rem !important;
}
.pt-xl--9,
.py-xl--9
{
padding-top: -10rem !important;
}
.pr-xl--9,
.px-xl--9
{
padding-right: -10rem !important;
}
.pb-xl--9,
.py-xl--9
{
padding-bottom: -10rem !important;
}
.pl-xl--9,
.px-xl--9
{
padding-left: -10rem !important;
}
.p-xl--8
{
padding: -8rem !important;
}
.pt-xl--8,
.py-xl--8
{
padding-top: -8rem !important;
}
.pr-xl--8,
.px-xl--8
{
padding-right: -8rem !important;
}
.pb-xl--8,
.py-xl--8
{
padding-bottom: -8rem !important;
}
.pl-xl--8,
.px-xl--8
{
padding-left: -8rem !important;
}
.p-xl--7
{
padding: -6rem !important;
}
.pt-xl--7,
.py-xl--7
{
padding-top: -6rem !important;
}
.pr-xl--7,
.px-xl--7
{
padding-right: -6rem !important;
}
.pb-xl--7,
.py-xl--7
{
padding-bottom: -6rem !important;
}
.pl-xl--7,
.px-xl--7
{
padding-left: -6rem !important;
}
.p-xl--6
{
padding: -4.5rem !important;
}
.pt-xl--6,
.py-xl--6
{
padding-top: -4.5rem !important;
}
.pr-xl--6,
.px-xl--6
{
padding-right: -4.5rem !important;
}
.pb-xl--6,
.py-xl--6
{
padding-bottom: -4.5rem !important;
}
.pl-xl--6,
.px-xl--6
{
padding-left: -4.5rem !important;
}
.p-xl--5
{
padding: -3rem !important;
}
.pt-xl--5,
.py-xl--5
{
padding-top: -3rem !important;
}
.pr-xl--5,
.px-xl--5
{
padding-right: -3rem !important;
}
.pb-xl--5,
.py-xl--5
{
padding-bottom: -3rem !important;
}
.pl-xl--5,
.px-xl--5
{
padding-left: -3rem !important;
}
.p-xl--4
{
padding: -1.5rem !important;
}
.pt-xl--4,
.py-xl--4
{
padding-top: -1.5rem !important;
}
.pr-xl--4,
.px-xl--4
{
padding-right: -1.5rem !important;
}
.pb-xl--4,
.py-xl--4
{
padding-bottom: -1.5rem !important;
}
.pl-xl--4,
.px-xl--4
{
padding-left: -1.5rem !important;
}
.p-xl--3
{
padding: -1rem !important;
}
.pt-xl--3,
.py-xl--3
{
padding-top: -1rem !important;
}
.pr-xl--3,
.px-xl--3
{
padding-right: -1rem !important;
}
.pb-xl--3,
.py-xl--3
{
padding-bottom: -1rem !important;
}
.pl-xl--3,
.px-xl--3
{
padding-left: -1rem !important;
}
.p-xl--2
{
padding: -.5rem !important;
}
.pt-xl--2,
.py-xl--2
{
padding-top: -.5rem !important;
}
.pr-xl--2,
.px-xl--2
{
padding-right: -.5rem !important;
}
.pb-xl--2,
.py-xl--2
{
padding-bottom: -.5rem !important;
}
.pl-xl--2,
.px-xl--2
{
padding-left: -.5rem !important;
}
.p-xl--1
{
padding: -.25rem !important;
}
.pt-xl--1,
.py-xl--1
{
padding-top: -.25rem !important;
}
.pr-xl--1,
.px-xl--1
{
padding-right: -.25rem !important;
}
.pb-xl--1,
.py-xl--1
{
padding-bottom: -.25rem !important;
}
.pl-xl--1,
.px-xl--1
{
padding-left: -.25rem !important;
}
.p-xl-6
{
padding: 4.5rem !important;
}
.pt-xl-6,
.py-xl-6
{
padding-top: 4.5rem !important;
}
.pr-xl-6,
.px-xl-6
{
padding-right: 4.5rem !important;
}
.pb-xl-6,
.py-xl-6
{
padding-bottom: 4.5rem !important;
}
.pl-xl-6,
.px-xl-6
{
padding-left: 4.5rem !important;
}
.p-xl-7
{
padding: 6rem !important;
}
.pt-xl-7,
.py-xl-7
{
padding-top: 6rem !important;
}
.pr-xl-7,
.px-xl-7
{
padding-right: 6rem !important;
}
.pb-xl-7,
.py-xl-7
{
padding-bottom: 6rem !important;
}
.pl-xl-7,
.px-xl-7
{
padding-left: 6rem !important;
}
.p-xl-8
{
padding: 8rem !important;
}
.pt-xl-8,
.py-xl-8
{
padding-top: 8rem !important;
}
.pr-xl-8,
.px-xl-8
{
padding-right: 8rem !important;
}
.pb-xl-8,
.py-xl-8
{
padding-bottom: 8rem !important;
}
.pl-xl-8,
.px-xl-8
{
padding-left: 8rem !important;
}
.p-xl-9
{
padding: 10rem !important;
}
.pt-xl-9,
.py-xl-9
{
padding-top: 10rem !important;
}
.pr-xl-9,
.px-xl-9
{
padding-right: 10rem !important;
}
.pb-xl-9,
.py-xl-9
{
padding-bottom: 10rem !important;
}
.pl-xl-9,
.px-xl-9
{
padding-left: 10rem !important;
}
.m-xl-n1
{
margin: -.25rem !important;
}
.mt-xl-n1,
.my-xl-n1
{
margin-top: -.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1
{
margin-right: -.25rem !important;
}
.mb-xl-n1,
.my-xl-n1
{
margin-bottom: -.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1
{
margin-left: -.25rem !important;
}
.m-xl-n2
{
margin: -.5rem !important;
}
.mt-xl-n2,
.my-xl-n2
{
margin-top: -.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2
{
margin-right: -.5rem !important;
}
.mb-xl-n2,
.my-xl-n2
{
margin-bottom: -.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2
{
margin-left: -.5rem !important;
}
.m-xl-n3
{
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3
{
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3
{
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3
{
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3
{
margin-left: -1rem !important;
}
.m-xl-n4
{
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4
{
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4
{
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4
{
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4
{
margin-left: -1.5rem !important;
}
.m-xl-n5
{
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5
{
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5
{
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5
{
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5
{
margin-left: -3rem !important;
}
.m-xl-n-9
{
margin: 10rem !important;
}
.mt-xl-n-9,
.my-xl-n-9
{
margin-top: 10rem !important;
}
.mr-xl-n-9,
.mx-xl-n-9
{
margin-right: 10rem !important;
}
.mb-xl-n-9,
.my-xl-n-9
{
margin-bottom: 10rem !important;
}
.ml-xl-n-9,
.mx-xl-n-9
{
margin-left: 10rem !important;
}
.m-xl-n-8
{
margin: 8rem !important;
}
.mt-xl-n-8,
.my-xl-n-8
{
margin-top: 8rem !important;
}
.mr-xl-n-8,
.mx-xl-n-8
{
margin-right: 8rem !important;
}
.mb-xl-n-8,
.my-xl-n-8
{
margin-bottom: 8rem !important;
}
.ml-xl-n-8,
.mx-xl-n-8
{
margin-left: 8rem !important;
}
.m-xl-n-7
{
margin: 6rem !important;
}
.mt-xl-n-7,
.my-xl-n-7
{
margin-top: 6rem !important;
}
.mr-xl-n-7,
.mx-xl-n-7
{
margin-right: 6rem !important;
}
.mb-xl-n-7,
.my-xl-n-7
{
margin-bottom: 6rem !important;
}
.ml-xl-n-7,
.mx-xl-n-7
{
margin-left: 6rem !important;
}
.m-xl-n-6
{
margin: 4.5rem !important;
}
.mt-xl-n-6,
.my-xl-n-6
{
margin-top: 4.5rem !important;
}
.mr-xl-n-6,
.mx-xl-n-6
{
margin-right: 4.5rem !important;
}
.mb-xl-n-6,
.my-xl-n-6
{
margin-bottom: 4.5rem !important;
}
.ml-xl-n-6,
.mx-xl-n-6
{
margin-left: 4.5rem !important;
}
.m-xl-n-5
{
margin: 3rem !important;
}
.mt-xl-n-5,
.my-xl-n-5
{
margin-top: 3rem !important;
}
.mr-xl-n-5,
.mx-xl-n-5
{
margin-right: 3rem !important;
}
.mb-xl-n-5,
.my-xl-n-5
{
margin-bottom: 3rem !important;
}
.ml-xl-n-5,
.mx-xl-n-5
{
margin-left: 3rem !important;
}
.m-xl-n-4
{
margin: 1.5rem !important;
}
.mt-xl-n-4,
.my-xl-n-4
{
margin-top: 1.5rem !important;
}
.mr-xl-n-4,
.mx-xl-n-4
{
margin-right: 1.5rem !important;
}
.mb-xl-n-4,
.my-xl-n-4
{
margin-bottom: 1.5rem !important;
}
.ml-xl-n-4,
.mx-xl-n-4
{
margin-left: 1.5rem !important;
}
.m-xl-n-3
{
margin: 1rem !important;
}
.mt-xl-n-3,
.my-xl-n-3
{
margin-top: 1rem !important;
}
.mr-xl-n-3,
.mx-xl-n-3
{
margin-right: 1rem !important;
}
.mb-xl-n-3,
.my-xl-n-3
{
margin-bottom: 1rem !important;
}
.ml-xl-n-3,
.mx-xl-n-3
{
margin-left: 1rem !important;
}
.m-xl-n-2
{
margin: .5rem !important;
}
.mt-xl-n-2,
.my-xl-n-2
{
margin-top: .5rem !important;
}
.mr-xl-n-2,
.mx-xl-n-2
{
margin-right: .5rem !important;
}
.mb-xl-n-2,
.my-xl-n-2
{
margin-bottom: .5rem !important;
}
.ml-xl-n-2,
.mx-xl-n-2
{
margin-left: .5rem !important;
}
.m-xl-n-1
{
margin: .25rem !important;
}
.mt-xl-n-1,
.my-xl-n-1
{
margin-top: .25rem !important;
}
.mr-xl-n-1,
.mx-xl-n-1
{
margin-right: .25rem !important;
}
.mb-xl-n-1,
.my-xl-n-1
{
margin-bottom: .25rem !important;
}
.ml-xl-n-1,
.mx-xl-n-1
{
margin-left: .25rem !important;
}
.m-xl-n6
{
margin: -4.5rem !important;
}
.mt-xl-n6,
.my-xl-n6
{
margin-top: -4.5rem !important;
}
.mr-xl-n6,
.mx-xl-n6
{
margin-right: -4.5rem !important;
}
.mb-xl-n6,
.my-xl-n6
{
margin-bottom: -4.5rem !important;
}
.ml-xl-n6,
.mx-xl-n6
{
margin-left: -4.5rem !important;
}
.m-xl-n7
{
margin: -6rem !important;
}
.mt-xl-n7,
.my-xl-n7
{
margin-top: -6rem !important;
}
.mr-xl-n7,
.mx-xl-n7
{
margin-right: -6rem !important;
}
.mb-xl-n7,
.my-xl-n7
{
margin-bottom: -6rem !important;
}
.ml-xl-n7,
.mx-xl-n7
{
margin-left: -6rem !important;
}
.m-xl-n8
{
margin: -8rem !important;
}
.mt-xl-n8,
.my-xl-n8
{
margin-top: -8rem !important;
}
.mr-xl-n8,
.mx-xl-n8
{
margin-right: -8rem !important;
}
.mb-xl-n8,
.my-xl-n8
{
margin-bottom: -8rem !important;
}
.ml-xl-n8,
.mx-xl-n8
{
margin-left: -8rem !important;
}
.m-xl-n9
{
margin: -10rem !important;
}
.mt-xl-n9,
.my-xl-n9
{
margin-top: -10rem !important;
}
.mr-xl-n9,
.mx-xl-n9
{
margin-right: -10rem !important;
}
.mb-xl-n9,
.my-xl-n9
{
margin-bottom: -10rem !important;
}
.ml-xl-n9,
.mx-xl-n9
{
margin-left: -10rem !important;
}
.m-xl-auto
{
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto
{
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto
{
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto
{
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto
{
margin-left: auto !important;
}
}
.text-monospace
{
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
}
.text-wrap
{
white-space: normal !important;
}
.text-nowrap
{
white-space: nowrap !important;
}
.text-truncate
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.text-left
{
text-align: left !important;
}
.text-right
{
text-align: right !important;
}
.text-center
{
text-align: center !important;
}
@media (min-width: 576px)
{
.text-sm-left
{
text-align: left !important;
}
.text-sm-right
{
text-align: right !important;
}
.text-sm-center
{
text-align: center !important;
}
}
@media (min-width: 768px)
{
.text-md-left
{
text-align: left !important;
}
.text-md-right
{
text-align: right !important;
}
.text-md-center
{
text-align: center !important;
}
}
@media (min-width: 992px)
{
.text-lg-left
{
text-align: left !important;
}
.text-lg-right
{
text-align: right !important;
}
.text-lg-center
{
text-align: center !important;
}
}
@media (min-width: 1200px)
{
.text-xl-left
{
text-align: left !important;
}
.text-xl-right
{
text-align: right !important;
}
.text-xl-center
{
text-align: center !important;
}
}
.text-lowercase
{
text-transform: lowercase !important;
}
.text-uppercase
{
text-transform: uppercase !important;
}
.text-capitalize
{
text-transform: capitalize !important;
}
.font-weight-light
{
font-weight: 300 !important;
}
.font-weight-lighter
{
font-weight: lighter !important;
}
.font-weight-normal
{
font-weight: 400 !important;
}
.font-weight-bold
{
font-weight: 600 !important;
}
.font-weight-bolder
{
font-weight: bolder !important;
}
.font-italic
{
font-style: italic !important;
}
.text-white
{
color: #fff !important;
}
.text-primary
{
color: #5e72e4 !important;
}
a.text-primary:hover,
a.text-primary:focus
{
color: #233dd2 !important;
}
.text-secondary
{
color: #f7fafc !important;
}
a.text-secondary:hover,
a.text-secondary:focus
{
color: #bfd7e7 !important;
}
.text-success
{
color: #2dce89 !important;
}
a.text-success:hover,
a.text-success:focus
{
color: #1f8f5f !important;
}
.text-info
{
color: #11cdef !important;
}
a.text-info:hover,
a.text-info:focus
{
color: #0b90a8 !important;
}
.text-warning
{
color: #fb6340 !important;
}
a.text-warning:hover,
a.text-warning:focus
{
color: #ea3005 !important;
}
.text-danger
{
color: #f5365c !important;
}
a.text-danger:hover,
a.text-danger:focus
{
color: #d40b33 !important;
}
.text-light
{
color: #adb5bd !important;
}
a.text-light:hover,
a.text-light:focus
{
color: #838f9b !important;
}
.text-dark
{
color: #212529 !important;
}
a.text-dark:hover,
a.text-dark:focus
{
color: black !important;
}
.text-default
{
color: #172b4d !important;
}
a.text-default:hover,
a.text-default:focus
{
color: #050a12 !important;
}
.text-white
{
color: #fff !important;
}
a.text-white:hover,
a.text-white:focus
{
color: #d9d9d9 !important;
}
.text-neutral
{
color: #fff !important;
}
a.text-neutral:hover,
a.text-neutral:focus
{
color: #d9d9d9 !important;
}
.text-darker
{
color: black !important;
}
a.text-darker:hover,
a.text-darker:focus
{
color: black !important;
}
.text-body
{
color: #525f7f !important;
}
.text-muted
{
color: #8898aa !important;
}
.text-black-50
{
color: rgba(0, 0, 0, .5) !important;
}
.text-white-50
{
color: rgba(255, 255, 255, .5) !important;
}
.text-hide
{
font: 0/0 a;
color: transparent;
border: 0;
background-color: transparent;
text-shadow: none;
}
.text-decoration-none
{
text-decoration: none !important;
}
.text-break
{
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.text-reset
{
color: inherit !important;
}
.visible
{
visibility: visible !important;
}
.invisible
{
visibility: hidden !important;
}
@media print
{
*,
*::before,
*::after
{
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn)
{
text-decoration: underline;
}
abbr[title]::after
{
content: ' (' attr(title) ')';
}
pre
{
white-space: pre-wrap !important;
}
pre,
blockquote
{
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead
{
display: table-header-group;
}
tr,
img
{
page-break-inside: avoid;
}
p,
h2,
h3
{
orphans: 3;
widows: 3;
}
h2,
h3
{
page-break-after: avoid;
}
@page
{
size: a3;
}
body
{
min-width: 992px !important;
}
.container
{
min-width: 992px !important;
}
.navbar
{
display: none;
}
}
[class*='alert-'] .alert-link
{
color: #fff;
border-bottom: 1px dotted rgba(255, 255, 255, .5);
}
.avatar
{
font-size: 1rem;
display: inline-flex;
width: 48px;
height: 48px;
color: #fff;
border-radius: .375rem;
background-color: #adb5bd;
align-items: center;
justify-content: center;
}
.avatar img
{
width: 100%;
border-radius: .375rem;
}
.avatar + .avatar-content
{
display: inline-block;
margin-left: .75rem;
}
.avatar-lg
{
font-size: .875rem;
width: 58px;
height: 58px;
}
.avatar-sm
{
font-size: .875rem;
width: 36px;
height: 36px;
}
.avatar-group .avatar
{
position: relative;
z-index: 2;
border: 2px solid #fff;
}
.avatar-group .avatar:hover
{
z-index: 3;
}
.avatar-group .avatar + .avatar
{
margin-left: -1rem;
}
[class*='btn-outline-']
{
border-width: 1px;
}
a.btn-icon-only
{
line-height: 2.5;
}
.chart
{
position: relative;
height: 350px;
}
.chart-sm
{
height: 230px;
}
.chart-legend
{
font-size: .875rem;
display: flex;
margin-top: 2.5rem;
text-align: center;
color: #8898aa;
justify-content: center;
}
.chart-legend-item
{
display: inline-flex;
align-items: center;
}
.chart-legend-item + .chart-legend-item
{
margin-left: 1rem;
}
.chart-legend-indicator
{
display: inline-block;
width: .5rem;
height: .5rem;
margin-right: .375rem;
border-radius: 50%;
}
#chart-tooltip
{
z-index: 0;
}
#chart-tooltip .arrow
{
top: 100%;
left: 50%;
transform: translateX(-50%) translateX(-.5rem);
}
.chart-info-overlay
{
position: absolute;
z-index: 1;
top: 0;
left: 5%;
max-width: 350px;
padding: 20px;
}
.close
{
transition: all .15s ease;
}
.close > span:not(.sr-only)
{
font-size: 1.25rem;
line-height: 17px;
display: block;
width: 1.25rem;
height: 1.25rem;
transition: all .15s ease;
color: rgba(0, 0, 0, .6);
border-radius: 50%;
background-color: transparent;
}
.close:hover,
.close:focus
{
color: rgba(0, 0, 0, .9);
outline: none;
background-color: transparent;
}
.close:hover span:not(.sr-only),
.close:focus span:not(.sr-only)
{
background-color: transparent;
}
.accordion .card-header
{
position: relative;
cursor: pointer;
}
.accordion .card-header:after
{
font: normal normal normal 14px/1 NucleoIcons;
line-height: 0;
position: absolute;
top: 50%;
right: 1.5rem;
content: '\ea0f';
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
transform: translateY(-50%);
}
@media (prefers-reduced-motion: reduce)
{
.accordion .card-header:after
{
transition: none;
}
}
.accordion .card-header[aria-expanded='false']:after
{
content: '\ea0f';
}
.accordion .card-header[aria-expanded='true']:after
{
transform: rotate(180deg);
}
.accordion .card-header[aria-expanded='true'] .heading
{
color: #5e72e4;
}
.footer-dark .col-footer .heading
{
color: #fff;
}.footer-auto-bottom
{
position: absolute;
bottom: 0;
width: 100%;
}
textarea[resize='none']
{
resize: none !important;
}
textarea[resize='both']
{
resize: both !important;
}
textarea[resize='vertical']
{
resize: vertical !important;
}
textarea[resize='horizontal']
{
resize: horizontal !important;
}
.focused .input-group
{
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.focused .input-group-text
{
color: #8898aa;
border-color: #5e72e4;
background-color: #fff;
}
.focused .form-control
{
border-color: #5e72e4;
}
.focused .input-group-flush
{
box-shadow: none;
}
.has-success,
.has-danger
{
position: relative;
}
.has-success:after,
.has-danger:after
{
font-family: 'NucleoIcons';
font-size: 9px;
line-height: 19px;
position: absolute;
top: 50%;
right: 15px;
display: none;
width: 19px;
height: 19px;
transform: translateY(-50%);
text-align: center;
opacity: 1;
border-radius: 50%;
}
.has-success .input-group-prepend .input-group-text,
.has-danger .input-group-prepend .input-group-text
{
border-color: red;
}
.has-success:after
{
content: '\ea26';
color: #1d8357;
background-color: #69deac;
}
.has-success .form-control
{
background-color: #fff;
}
.has-success .form-control::-ms-input-placeholder
{
color: #2dce89;
}
.has-success .form-control::placeholder
{
color: #2dce89;
}
.has-danger:after
{
content: '\ea53';
color: #db2d05;
background-color: #fda08b;
}
.has-danger .form-control
{
background-color: #fff;
}
.has-danger .form-control::-ms-input-placeholder
{
color: #fb6340;
}
.has-danger .form-control::placeholder
{
color: #fb6340;
}
.row-example > .col span,
.row-example > [class^='col-'] span
{
font-size: .875rem;
display: block;
margin: 1rem 0;
padding: .75rem;
color: #393f49;
border-radius: .25rem;
background-color: white;
box-shadow: rgba(0, 0, 0, .1) 0 0 0 1px, rgba(0, 0, 0, .1) 0 4px 16px;
}
.no-gutters > .col span,
.no-gutters > [class^='col-'] span
{
border-radius: 0;
}.icon-xl
{
width: 5rem;
height: 5rem;
}
.icon-xl i,
.icon-xl svg
{
font-size: 4.25rem;
}
.icon-xl + .icon-text
{
width: calc(100% - 5rem - 1);
}
.icon-lg
{
width: 4rem;
height: 4rem;
}
.icon-lg i,
.icon-lg svg
{
font-size: 3.25rem;
}
.icon-lg + .icon-text
{
width: calc(100% - $icon-size-lg - 1);
}
.icon-sm
{
width: 2rem;
height: 2rem;
}
.icon-sm i,
.icon-sm svg
{
font-size: 1.25rem;
}
.icon-sm + .icon-text
{
width: calc(100% - $icon-size-sm - 1);
}
.icon-xs
{
width: 1.25rem;
height: 1.25rem;
}
.icon-xs i,
.icon-xs svg
{
font-size: .5rem;
}
.icon-xs + .icon-text
{
width: calc(100% - $icon-size-xs - 1);
}
.icon-shape
{
display: inline-flex;
padding: 12px;
text-align: center;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.icon-shape i,
.icon-shape svg
{
font-size: 1.25rem;
}
.icon-shape.icon-lg i,
.icon-shape.icon-lg svg
{
font-size: 1.625rem;
}
.icon-shape.icon-sm i,
.icon-shape.icon-sm svg
{
font-size: .875rem;
}
.icon-shape.icon-xs i,
.icon-shape.icon-xs svg
{
font-size: .6rem;
}
.icon-shape svg
{
width: 30px;
height: 30px;
}
.icon-shape-primary
{
color: #2643e9;
background-color: rgba(138, 152, 235, .5);
}
.icon-shape-secondary
{
color: #cfe3f1;
background-color: rgba(255, 255, 255, .5);
}
.icon-shape-success
{
color: #1aae6f;
background-color: rgba(84, 218, 161, .5);
}
.icon-shape-info
{
color: #03acca;
background-color: rgba(65, 215, 242, .5);
}
.icon-shape-warning
{
color: #ff3709;
background-color: rgba(252, 140, 114, .5);
}
.icon-shape-danger
{
color: #f80031;
background-color: rgba(247, 103, 131, .5);
}
.icon-shape-light
{
color: #879cb0;
background-color: rgba(201, 207, 212, .5);
}
.icon-shape-dark
{
color: #090c0e;
background-color: rgba(56, 63, 69, .5);
}
.icon-shape-default
{
color: #091428;
background-color: rgba(35, 65, 116, .5);
}
.icon-shape-white
{
color: #e8e3e3;
background-color: rgba(255, 255, 255, .5);
}
.icon-shape-neutral
{
color: #e8e3e3;
background-color: rgba(255, 255, 255, .5);
}
.icon-shape-darker
{
color: black;
background-color: rgba(26, 26, 26, .5);
}
.list-group-space .list-group-item
{
margin-bottom: 1.5rem;
border-radius: .375rem;
}
.list-group-img
{
width: 3rem;
height: 3rem;
margin: -.1rem 1.2rem 0 -.2rem;
vertical-align: top;
border-radius: 50%;
}
.list-group-content
{
min-width: 0;
flex: 1 1;
}
.list-group-content > p
{
line-height: 1.5;
margin: .2rem 0 0;
color: #adb5bd;
}
.list-group-heading
{
font-size: 1rem;
color: #32325d;
}
.list-group-heading > small
{
font-weight: 500;
float: right;
color: #adb5bd;
}
.map-canvas
{
position: relative;
width: 100%;
height: 500px;
border-radius: .375rem;
}
.mask
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .15s ease;
}
@media (prefers-reduced-motion: reduce)
{
.mask
{
transition: none;
}
}
.modal-title
{
font-size: 1.0625rem;
}
.modal-fluid .modal-dialog
{
margin-top: 0;
margin-bottom: 0;
}
.modal-fluid .modal-content
{
border-radius: 0;
}
.modal-primary .modal-title
{
color: #fff;
}
.modal-primary .modal-header,
.modal-primary .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-primary .modal-content
{
color: #fff;
background-color: #5e72e4;
}
.modal-primary .modal-content .heading
{
color: #fff;
}
.modal-primary .close > span:not(.sr-only)
{
color: #fff;
}
.modal-secondary .modal-title
{
color: #212529;
}
.modal-secondary .modal-header,
.modal-secondary .modal-footer
{
border-color: rgba(33, 37, 41, .075);
}
.modal-secondary .modal-content
{
color: #212529;
background-color: #f7fafc;
}
.modal-secondary .modal-content .heading
{
color: #212529;
}
.modal-secondary .close > span:not(.sr-only)
{
color: #fff;
}
.modal-success .modal-title
{
color: #fff;
}
.modal-success .modal-header,
.modal-success .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-success .modal-content
{
color: #fff;
background-color: #2dce89;
}
.modal-success .modal-content .heading
{
color: #fff;
}
.modal-success .close > span:not(.sr-only)
{
color: #fff;
}
.modal-info .modal-title
{
color: #fff;
}
.modal-info .modal-header,
.modal-info .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-info .modal-content
{
color: #fff;
background-color: #11cdef;
}
.modal-info .modal-content .heading
{
color: #fff;
}
.modal-info .close > span:not(.sr-only)
{
color: #fff;
}
.modal-warning .modal-title
{
color: #fff;
}
.modal-warning .modal-header,
.modal-warning .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-warning .modal-content
{
color: #fff;
background-color: #fb6340;
}
.modal-warning .modal-content .heading
{
color: #fff;
}
.modal-warning .close > span:not(.sr-only)
{
color: #fff;
}
.modal-danger .modal-title
{
color: #fff;
}
.modal-danger .modal-header,
.modal-danger .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-danger .modal-content
{
color: #fff;
background-color: #f5365c;
}
.modal-danger .modal-content .heading
{
color: #fff;
}
.modal-danger .close > span:not(.sr-only)
{
color: #fff;
}
.modal-light .modal-title
{
color: #fff;
}
.modal-light .modal-header,
.modal-light .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-light .modal-content
{
color: #fff;
background-color: #adb5bd;
}
.modal-light .modal-content .heading
{
color: #fff;
}
.modal-light .close > span:not(.sr-only)
{
color: #fff;
}
.modal-dark .modal-title
{
color: #fff;
}
.modal-dark .modal-header,
.modal-dark .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-dark .modal-content
{
color: #fff;
background-color: #212529;
}
.modal-dark .modal-content .heading
{
color: #fff;
}
.modal-dark .close > span:not(.sr-only)
{
color: #fff;
}
.modal-default .modal-title
{
color: #fff;
}
.modal-default .modal-header,
.modal-default .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-default .modal-content
{
color: #fff;
background-color: #172b4d;
}
.modal-default .modal-content .heading
{
color: #fff;
}
.modal-default .close > span:not(.sr-only)
{
color: #fff;
}
.modal-white .modal-title
{
color: #212529;
}
.modal-white .modal-header,
.modal-white .modal-footer
{
border-color: rgba(33, 37, 41, .075);
}
.modal-white .modal-content
{
color: #212529;
background-color: #fff;
}
.modal-white .modal-content .heading
{
color: #212529;
}
.modal-white .close > span:not(.sr-only)
{
color: #fff;
}
.modal-neutral .modal-title
{
color: #212529;
}
.modal-neutral .modal-header,
.modal-neutral .modal-footer
{
border-color: rgba(33, 37, 41, .075);
}
.modal-neutral .modal-content
{
color: #212529;
background-color: #fff;
}
.modal-neutral .modal-content .heading
{
color: #212529;
}
.modal-neutral .close > span:not(.sr-only)
{
color: #fff;
}
.modal-darker .modal-title
{
color: #fff;
}
.modal-darker .modal-header,
.modal-darker .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-darker .modal-content
{
color: #fff;
background-color: black;
}
.modal-darker .modal-content .heading
{
color: #fff;
}
.modal-darker .close > span:not(.sr-only)
{
color: #fff;
}@keyframes show-navbar-collapse
{
0%
{
transform: scale(.95);
transform-origin: 100% 0;
opacity: 0;
}
100%
{
transform: scale(1);
opacity: 1;
}
}
@keyframes hide-navbar-collapse
{
from
{
transform: scale(1);
transform-origin: 100% 0;
opacity: 1;
}
to
{
transform: scale(.95);
opacity: 0;
}
}
@keyframes show-navbar-dropdown
{
0%
{
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
opacity: 0;
}
100%
{
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes hide-navbar-dropdown
{
from
{
opacity: 1;
}
to
{
transform: translate(0, 10px);
opacity: 0;
}
}@media (min-width: 768px)
{
.nav-item .nav-link.active.active-pro
{
position: absolute;
bottom: 10px;
width: 100%;
margin-left: 0 !important;
padding-left: 25px !important;
border-radius: 0 !important;
background: #f6f9fc;
}
}.bodyClick
{
position: absolute;
top: 0;
width: 100%;
height: 100vh;
}
.navbar-search .input-group
{
transition: background-color .3s linear;
transition-delay: .15s;
border: 0 solid;
border-radius: 2rem;
}
@media (prefers-reduced-motion: reduce)
{
.navbar-search .input-group
{
transition: none;
}
}
.navbar-search .input-group .input-group-text
{
padding-left: 1rem;
border: 0;
background-color: transparent;
}
.navbar-search .form-control
{
width: 250px;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
border: 0;
background-color: transparent;
}
@media (prefers-reduced-motion: reduce)
{
.navbar-search .form-control
{
transition: none;
}
}
.navbar-search .focused .input-group .form-control
{
width: 380px;
}
.navbar-search .close
{
display: none;
}
.navbar-search-dark .input-group
{
border-color: rgba(255, 255, 255, .6);
background-color: rgba(23, 43, 77, .8);
}
.navbar-search-dark .input-group-text
{
color: rgba(255, 255, 255, .6);
}
.navbar-search-dark .form-control
{
color: rgba(255, 255, 255, .9);
}
.navbar-search-dark .form-control::-ms-input-placeholder
{
color: rgba(255, 255, 255, .6);
}
.navbar-search-dark .form-control::placeholder
{
color: rgba(255, 255, 255, .6);
}
.navbar-search-dark .focused .input-group
{
border-color: rgba(255, 255, 255, .9);
background-color: rgba(23, 43, 77, .9);
}
.navbar-search-light .input-group
{
border-color: rgba(0, 0, 0, .6);
background-color: rgba(255, 255, 255, .9);
}
.navbar-search-light .input-group-text
{
color: rgba(0, 0, 0, .6);
}
.navbar-search-light .form-control
{
color: rgba(0, 0, 0, .9);
}
.navbar-search-light .form-control::-ms-input-placeholder
{
color: rgba(0, 0, 0, .6);
}
.navbar-search-light .form-control::placeholder
{
color: rgba(0, 0, 0, .6);
}
.navbar-search-light .focused .input-group
{
border-color: rgba(0, 0, 0, .9);
background-color: white;
}
@media (max-width: 575.98px)
{
.navbar-search
{
display: none;
width: 100%;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
transform: translateX(-150%);
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce)
{
.navbar-search
{
transition: none;
}
}
@media (max-width: 575.98px)
{
.navbar-search .form-group
{
width: 100%;
}
.navbar-search .form-control
{
width: auto;
}
.navbar-search .focused .input-group .form-control
{
width: auto;
}
.navbar-search .close
{
display: none;
opacity: 0;
}
.navbar-search .close span
{
width: auto;
height: auto;
}}
@media (max-width: 575.98px)
{
.g-navbar-search-showing .navbar-search .close
{
display: block;
} .g-navbar-search-show .navbar-search
{
display: block;
}
.g-navbar-search-show .navbar-search .form-control
{
width: auto;
}
.g-navbar-search-show .navbar-search .close
{
line-height: 46px;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
cursor: pointer;
text-align: center;
color: white;
}.g-navbar-search-shown .navbar-search
{
transform: translateX(0);
}
.g-navbar-search-shown .navbar-search .close
{
display: block;
opacity: 1;
}}
.navbar .dropdown-menu
{
margin: 0;
pointer-events: none;
opacity: 0;
}
.navbar .dropdown-menu-arrow:before
{
position: absolute;
z-index: -5;
bottom: 100%;
left: 20px;
display: block;
width: 12px;
height: 12px;
content: '';
transform: rotate(-45deg) translateY(12px);
border-radius: 2px;
background: #fff;
box-shadow: none;
}
.navbar .dropdown-menu-right:before
{
right: 20px;
left: auto;
}
.navbar:not(.navbar-nav-hover) .dropdown-menu.show
{
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
opacity: 1;
}
.navbar:not(.navbar-nav-hover) .dropdown-menu.close
{
display: block;
animation: hide-navbar-dropdown .15s ease backwards;
}
.navbar.navbar-nav-hover .dropdown-menu
{
display: block;
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
pointer-events: none;
opacity: 0;
}
.navbar.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu
{
display: block;
visibility: visible;
transform: translate(0, 0);
animation: none;
pointer-events: auto;
opacity: 1;
}
.navbar .dropdown-menu-inner
{
position: relative;
padding: 1rem;
}
@keyframes show-navbar-dropdown
{
0%
{
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px);
opacity: 0;
}
100%
{
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes hide-navbar-dropdown
{
from
{
opacity: 1;
}
to
{
transform: translate(0, 10px);
opacity: 0;
}
}
.navbar-collapse-header
{
display: none;
}
@keyframes show-navbar-collapse
{
0%
{
transform: scale(.95);
transform-origin: 100% 0;
opacity: 0;
}
100%
{
transform: scale(1);
opacity: 1;
}
}
@keyframes hide-navbar-collapse
{
from
{
transform: scale(1);
transform-origin: 100% 0;
opacity: 1;
}
to
{
transform: scale(.95);
opacity: 0;
}
}.nav-link
{
color: #525f7f;
}
.nav-link:hover
{
color: #5e72e4;
}
.nav-pills .nav-item:not(:last-child)
{
padding-right: 1rem;
}
.nav-pills .nav-link
{
font-size: .875rem;
font-weight: 500;
padding: .75rem 1rem;
transition: all .15s ease;
color: #5e72e4;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.nav-pills .nav-link:hover
{
color: #485fe0;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link
{
color: #fff;
background-color: #5e72e4;
}
@media (max-width: 575.98px)
{
.nav-pills .nav-item
{
margin-bottom: 1rem;
}
}
@media (max-width: 767.98px)
{
.nav-pills:not(.nav-pills-circle) .nav-item
{
padding-right: 0;
}
}
.nav-pills-circle .nav-link
{
line-height: 60px;
width: 60px;
height: 60px;
padding: 0;
text-align: center;
border-radius: 50%;
}
.nav-pills-circle .nav-link-icon i,
.nav-pills-circle .nav-link-icon svg
{
font-size: 1rem;
}
.page-item.active .page-link
{
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.page-item .page-link,
.page-item span
{
font-size: .875rem;
display: flex;
width: 36px;
height: 36px;
margin: 0 3px;
padding: 0;
border-radius: 50% !important;
align-items: center;
justify-content: center;
}
.pagination-lg .page-item .page-link,
.pagination-lg .page-item span
{
line-height: 46px;
width: 46px;
height: 46px;
}
.pagination-sm .page-item .page-link,
.pagination-sm .page-item span
{
line-height: 30px;
width: 30px;
height: 30px;
}
.popover
{
border: 0;
}
.popover-header
{
font-weight: 600;
}
.popover-primary
{
background-color: #5e72e4;
}
.popover-primary .popover-header
{
color: #fff;
background-color: #5e72e4;
}
.popover-primary .popover-body
{
color: #fff;
}
.popover-primary .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-primary.bs-popover-top .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #5e72e4;
}
.popover-primary.bs-popover-right .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #5e72e4;
}
.popover-primary.bs-popover-bottom .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #5e72e4;
}
.popover-primary.bs-popover-left .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #5e72e4;
}
.popover-secondary
{
background-color: #f7fafc;
}
.popover-secondary .popover-header
{
color: #212529;
background-color: #f7fafc;
}
.popover-secondary .popover-body
{
color: #212529;
}
.popover-secondary .popover-header
{
border-color: rgba(33, 37, 41, .2);
}
.popover-secondary.bs-popover-top .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #f7fafc;
}
.popover-secondary.bs-popover-right .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #f7fafc;
}
.popover-secondary.bs-popover-bottom .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #f7fafc;
}
.popover-secondary.bs-popover-left .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #f7fafc;
}
.popover-success
{
background-color: #2dce89;
}
.popover-success .popover-header
{
color: #fff;
background-color: #2dce89;
}
.popover-success .popover-body
{
color: #fff;
}
.popover-success .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-success.bs-popover-top .arrow::after,
.popover-success.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #2dce89;
}
.popover-success.bs-popover-right .arrow::after,
.popover-success.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #2dce89;
}
.popover-success.bs-popover-bottom .arrow::after,
.popover-success.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #2dce89;
}
.popover-success.bs-popover-left .arrow::after,
.popover-success.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #2dce89;
}
.popover-info
{
background-color: #11cdef;
}
.popover-info .popover-header
{
color: #fff;
background-color: #11cdef;
}
.popover-info .popover-body
{
color: #fff;
}
.popover-info .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-info.bs-popover-top .arrow::after,
.popover-info.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #11cdef;
}
.popover-info.bs-popover-right .arrow::after,
.popover-info.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #11cdef;
}
.popover-info.bs-popover-bottom .arrow::after,
.popover-info.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #11cdef;
}
.popover-info.bs-popover-left .arrow::after,
.popover-info.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #11cdef;
}
.popover-warning
{
background-color: #fb6340;
}
.popover-warning .popover-header
{
color: #fff;
background-color: #fb6340;
}
.popover-warning .popover-body
{
color: #fff;
}
.popover-warning .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-warning.bs-popover-top .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #fb6340;
}
.popover-warning.bs-popover-right .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #fb6340;
}
.popover-warning.bs-popover-bottom .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #fb6340;
}
.popover-warning.bs-popover-left .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #fb6340;
}
.popover-danger
{
background-color: #f5365c;
}
.popover-danger .popover-header
{
color: #fff;
background-color: #f5365c;
}
.popover-danger .popover-body
{
color: #fff;
}
.popover-danger .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-danger.bs-popover-top .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #f5365c;
}
.popover-danger.bs-popover-right .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #f5365c;
}
.popover-danger.bs-popover-bottom .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #f5365c;
}
.popover-danger.bs-popover-left .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #f5365c;
}
.popover-light
{
background-color: #adb5bd;
}
.popover-light .popover-header
{
color: #fff;
background-color: #adb5bd;
}
.popover-light .popover-body
{
color: #fff;
}
.popover-light .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-light.bs-popover-top .arrow::after,
.popover-light.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #adb5bd;
}
.popover-light.bs-popover-right .arrow::after,
.popover-light.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #adb5bd;
}
.popover-light.bs-popover-bottom .arrow::after,
.popover-light.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #adb5bd;
}
.popover-light.bs-popover-left .arrow::after,
.popover-light.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #adb5bd;
}
.popover-dark
{
background-color: #212529;
}
.popover-dark .popover-header
{
color: #fff;
background-color: #212529;
}
.popover-dark .popover-body
{
color: #fff;
}
.popover-dark .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-dark.bs-popover-top .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #212529;
}
.popover-dark.bs-popover-right .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #212529;
}
.popover-dark.bs-popover-bottom .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #212529;
}
.popover-dark.bs-popover-left .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #212529;
}
.popover-default
{
background-color: #172b4d;
}
.popover-default .popover-header
{
color: #fff;
background-color: #172b4d;
}
.popover-default .popover-body
{
color: #fff;
}
.popover-default .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-default.bs-popover-top .arrow::after,
.popover-default.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #172b4d;
}
.popover-default.bs-popover-right .arrow::after,
.popover-default.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #172b4d;
}
.popover-default.bs-popover-bottom .arrow::after,
.popover-default.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #172b4d;
}
.popover-default.bs-popover-left .arrow::after,
.popover-default.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #172b4d;
}
.popover-white
{
background-color: #fff;
}
.popover-white .popover-header
{
color: #212529;
background-color: #fff;
}
.popover-white .popover-body
{
color: #212529;
}
.popover-white .popover-header
{
border-color: rgba(33, 37, 41, .2);
}
.popover-white.bs-popover-top .arrow::after,
.popover-white.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #fff;
}
.popover-white.bs-popover-right .arrow::after,
.popover-white.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #fff;
}
.popover-white.bs-popover-bottom .arrow::after,
.popover-white.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #fff;
}
.popover-white.bs-popover-left .arrow::after,
.popover-white.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #fff;
}
.popover-neutral
{
background-color: #fff;
}
.popover-neutral .popover-header
{
color: #212529;
background-color: #fff;
}
.popover-neutral .popover-body
{
color: #212529;
}
.popover-neutral .popover-header
{
border-color: rgba(33, 37, 41, .2);
}
.popover-neutral.bs-popover-top .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #fff;
}
.popover-neutral.bs-popover-right .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #fff;
}
.popover-neutral.bs-popover-bottom .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #fff;
}
.popover-neutral.bs-popover-left .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #fff;
}
.popover-darker
{
background-color: black;
}
.popover-darker .popover-header
{
color: #fff;
background-color: black;
}
.popover-darker .popover-body
{
color: #fff;
}
.popover-darker .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-darker.bs-popover-top .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: black;
}
.popover-darker.bs-popover-right .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: black;
}
.popover-darker.bs-popover-bottom .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: black;
}
.popover-darker.bs-popover-left .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: black;
}
.progress-wrapper
{
position: relative;
padding-top: 1.5rem;
}
.progress
{
overflow: hidden;
margin-bottom: 1rem;
border-radius: .25rem;
background-color: #e9ecef;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress .sr-only
{
font-size: 13px;
line-height: 20px;
left: 0;
clip: auto;
width: auto;
height: 20px;
margin: 0 0 0 30px;
}
.progress-sm
{
height: 5px;
}
.progress-xs
{
height: 3px;
}
.progress-heading
{
font-size: 14px;
font-weight: 500;
margin: 0 0 2px;
padding: 0;
}
.progress-bar
{
height: auto;
border-radius: 0;
box-shadow: none;
}
.progress-info
{
display: flex;
margin-bottom: .5rem;
align-items: center;
justify-content: space-between;
}
.progress-label span
{
font-size: .625rem;
font-weight: 600;
display: inline-block;
padding: .25rem 1rem;
text-transform: uppercase;
color: #5e72e4;
border-radius: 30px;
background: rgba(94, 114, 228, .1);
}
.progress-percentage
{
text-align: right;
}
.progress-percentage span
{
font-size: .875rem;
font-weight: 600;
display: inline-block;
color: #8898aa;
}.separator-top
{
top: 0;
bottom: auto;
}
.separator-top svg
{
top: 0;
}.separator-inverse
{
transform: rotate(180deg);
}.section-nucleo-icons
{
--icon-size: 5rem;
--icon-sm-size: 3.75rem;
--gutter: 7rem;
}
.section-nucleo-icons .icons-container
{
position: relative;
z-index: 1;
max-width: 100%;
height: 360px;
margin: 0 auto;
}
.section-nucleo-icons .icons-container i
{
position: absolute;
z-index: 1;
display: inline-flex;
transition: all .2s cubic-bezier(.25, .65, .9, .75);
transform: translate(-50%, -50%);
border-radius: 50%;
background: #fff;
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
align-items: center;
justify-content: center;
}.section-nucleo-icons .icons-container i.icon-sm
{
font-size: 1.5em;
width: var(--icon-sm-size);
height: var(--icon-sm-size);
}
.section-nucleo-icons .icons-container i:nth-child(1)
{
font-size: 42px;
z-index: 2;
color: #fb6340;
}
.section-nucleo-icons .icons-container i
{
opacity: 1;
}
.section-nucleo-icons .icons-container i:nth-child(1)
{
font-size: 42px;
top: 50%;
left: 50%;
color: #fb6340;
}
.section-nucleo-icons .icons-container i:nth-child(2)
{
top: 50%;
left: calc(50% + (var(--gutter) * 1.7));
}
.section-nucleo-icons .icons-container i:nth-child(3)
{
top: calc(50% + var(--gutter));
left: calc(50% + var(--gutter));
}
.section-nucleo-icons .icons-container i:nth-child(4)
{
top: calc(50% - var(--gutter));
left: calc(50% + var(--gutter));
}
.section-nucleo-icons .icons-container i:nth-child(5)
{
top: 50%;
left: calc(50% + (var(--gutter) * 4));
}
.section-nucleo-icons .icons-container i:nth-child(6)
{
top: calc(50% + (var(--gutter) * 1.5));
left: calc(50% + (var(--gutter) * 2.7));
}
.section-nucleo-icons .icons-container i:nth-child(7)
{
top: calc(50% - (var(--gutter) * 1.5));
left: calc(50% + (var(--gutter) * 2.7));
}
.section-nucleo-icons .icons-container i:nth-child(8)
{
top: 50%;
left: calc(50% - (var(--gutter) * 1.7));
}
.section-nucleo-icons .icons-container i:nth-child(9)
{
top: calc(50% + var(--gutter));
left: calc(50% - var(--gutter));
}
.section-nucleo-icons .icons-container i:nth-child(10)
{
top: calc(50% - var(--gutter));
left: calc(50% - var(--gutter));
}
.section-nucleo-icons .icons-container i:nth-child(11)
{
top: 50%;
left: calc(50% - (var(--gutter) * 4));
}
.section-nucleo-icons .icons-container i:nth-child(12)
{
top: calc(50% + (var(--gutter) * 1.5));
left: calc(50% - (var(--gutter) * 2.7));
}
.section-nucleo-icons .icons-container i:nth-child(13)
{
top: calc(50% - (var(--gutter) * 1.5));
left: calc(50% - (var(--gutter) * 2.7));
}
p
{
font-size: 1rem;
font-weight: 300;
line-height: 1.7;
}
.lead
{
font-size: 1.25rem;
font-weight: 300;
line-height: 1.7;
margin-top: 1.5rem;
}
.lead + .btn-wrapper
{
margin-top: 3rem;
}
.description
{
font-size: .875rem;
}
article h4:not(:first-child),
article h5:not(:first-child)
{
margin-top: 3rem;
}
article h4,
article h5
{
margin-bottom: 1.5rem;
}
article figure
{
margin: 3rem 0;
}
article h5 + figure
{
margin-top: 0;
}
.display-1 span,
.display-2 span,
.display-3 span,
.display-4 span
{
font-weight: 300;
display: block;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a
{
color: inherit;
}
.heading
{
font-size: .95rem;
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
.heading-title
{
font-size: 1.375rem;
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
.heading-section
{
font-size: 1.375rem;
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
.heading-section img
{
display: block;
width: 72px;
height: 72px;
margin-bottom: 1.5rem;
}
.heading-section.text-center img
{
margin-right: auto;
margin-left: auto;
}
.surtitle
{
margin-bottom: 0;
letter-spacing: 2px;
text-transform: uppercase;
color: #8898aa;
}
.bg-blue
{
background-color: #5e72e4 !important;
}
a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus
{
background-color: #324cdd !important;
}
.bg-indigo
{
background-color: #5603ad !important;
}
a.bg-indigo:hover,
a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus
{
background-color: #3d027b !important;
}
.bg-purple
{
background-color: #8965e0 !important;
}
a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus
{
background-color: #683bd7 !important;
}
.bg-pink
{
background-color: #f3a4b5 !important;
}
a.bg-pink:hover,
a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus
{
background-color: #ed7790 !important;
}
.bg-red
{
background-color: #f5365c !important;
}
a.bg-red:hover,
a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus
{
background-color: #ec0c38 !important;
}
.bg-orange
{
background-color: #fb6340 !important;
}
a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus
{
background-color: #fa3a0e !important;
}.bg-green
{
background-color: #2dce89 !important;
}
a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus
{
background-color: #24a46d !important;
}
.bg-teal
{
background-color: #11cdef !important;
}
a.bg-teal:hover,
a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus
{
background-color: #0da5c0 !important;
}
.bg-cyan
{
background-color: #2bffc6 !important;
}
a.bg-cyan:hover,
a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus
{
background-color: #00f7b5 !important;
}
.bg-white
{
background-color: #fff !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus
{
background-color: #e6e6e6 !important;
}
.bg-gray
{
background-color: #8898aa !important;
}
a.bg-gray:hover,
a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus
{
background-color: #6a7e95 !important;
}
.bg-gray-dark
{
background-color: #32325d !important;
}
a.bg-gray-dark:hover,
a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus
{
background-color: #20203c !important;
}
.bg-light
{
background-color: #ced4da !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus
{
background-color: #b1bbc4 !important;
}
.bg-lighter
{
background-color: #e9ecef !important;
}
a.bg-lighter:hover,
a.bg-lighter:focus,
button.bg-lighter:hover,
button.bg-lighter:focus
{
background-color: #cbd3da !important;
}
.bg-gradient-primary
{
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}
.bg-gradient-success
{
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}
.bg-gradient-info
{
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.bg-gradient-warning
{
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}
.bg-gradient-danger
{
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.bg-gradient-light
{
background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}
.bg-gradient-dark
{
background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}
.bg-gradient-default
{
background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}
.bg-gradient-white
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-neutral
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-darker
{
background: linear-gradient(87deg, black 0, black 100%) !important;
}
.bg-gradient-blue
{
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}
.bg-gradient-indigo
{
background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}
.bg-gradient-purple
{
background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}
.bg-gradient-pink
{
background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}
.bg-gradient-red
{
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.bg-gradient-orange
{
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}
.bg-gradient-yellow
{
background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;
}
.bg-gradient-green
{
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}
.bg-gradient-teal
{
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.bg-gradient-cyan
{
background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}
.bg-gradient-white
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-gray
{
background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}
.bg-gradient-gray-dark
{
background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}
.bg-gradient-light
{
background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
}
.bg-gradient-lighter
{
background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
}
.bg-translucent-primary
{
background-color: rgba(63, 87, 223, .6) !important;
}
a.bg-translucent-primary:hover,
a.bg-translucent-primary:focus,
button.bg-translucent-primary:hover,
button.bg-translucent-primary:focus
{
background-color: rgba(42, 68, 219, .6) !important;
}
.bg-translucent-secondary
{
background-color: rgba(221, 234, 242, .6) !important;
}
a.bg-translucent-secondary:hover,
a.bg-translucent-secondary:focus,
button.bg-translucent-secondary:hover,
button.bg-translucent-secondary:focus
{
background-color: rgba(202, 222, 235, .6) !important;
}
.bg-translucent-success
{
background-color: rgba(39, 177, 118, .6) !important;
}
a.bg-translucent-success:hover,
a.bg-translucent-success:focus,
button.bg-translucent-success:hover,
button.bg-translucent-success:focus
{
background-color: rgba(34, 156, 104, .6) !important;
}
.bg-translucent-info
{
background-color: rgba(14, 177, 206, .6) !important;
}
a.bg-translucent-info:hover,
a.bg-translucent-info:focus,
button.bg-translucent-info:hover,
button.bg-translucent-info:focus
{
background-color: rgba(12, 156, 183, .6) !important;
}
.bg-translucent-warning
{
background-color: rgba(250, 70, 29, .6) !important;
}
a.bg-translucent-warning:hover,
a.bg-translucent-warning:focus,
button.bg-translucent-warning:hover,
button.bg-translucent-warning:focus
{
background-color: rgba(249, 51, 5, .6) !important;
}
.bg-translucent-danger
{
background-color: rgba(243, 20, 64, .6) !important;
}
a.bg-translucent-danger:hover,
a.bg-translucent-danger:focus,
button.bg-translucent-danger:hover,
button.bg-translucent-danger:focus
{
background-color: rgba(227, 11, 54, .6) !important;
}
.bg-translucent-light
{
background-color: rgba(153, 163, 173, .6) !important;
}
a.bg-translucent-light:hover,
a.bg-translucent-light:focus,
button.bg-translucent-light:hover,
button.bg-translucent-light:focus
{
background-color: rgba(139, 150, 162, .6) !important;
}
.bg-translucent-dark
{
background-color: rgba(17, 19, 21, .6) !important;
}
a.bg-translucent-dark:hover,
a.bg-translucent-dark:focus,
button.bg-translucent-dark:hover,
button.bg-translucent-dark:focus
{
background-color: rgba(6, 6, 7, .6) !important;
}
.bg-translucent-default
{
background-color: rgba(15, 28, 50, .6) !important;
}
a.bg-translucent-default:hover,
a.bg-translucent-default:focus,
button.bg-translucent-default:hover,
button.bg-translucent-default:focus
{
background-color: rgba(9, 17, 30, .6) !important;
}
.bg-translucent-white
{
background-color: rgba(237, 237, 237, .6) !important;
}
a.bg-translucent-white:hover,
a.bg-translucent-white:focus,
button.bg-translucent-white:hover,
button.bg-translucent-white:focus
{
background-color: rgba(224, 224, 224, .6) !important;
}
.bg-translucent-neutral
{
background-color: rgba(237, 237, 237, .6) !important;
}
a.bg-translucent-neutral:hover,
a.bg-translucent-neutral:focus,
button.bg-translucent-neutral:hover,
button.bg-translucent-neutral:focus
{
background-color: rgba(224, 224, 224, .6) !important;
}
.bg-translucent-darker
{
background-color: rgba(0, 0, 0, .6) !important;
}
a.bg-translucent-darker:hover,
a.bg-translucent-darker:focus,
button.bg-translucent-darker:hover,
button.bg-translucent-darker:focus
{
background-color: rgba(0, 0, 0, .6) !important;
}
.section-primary
{
background-color: #f8f9fe !important;
}
a.section-primary:hover,
a.section-primary:focus,
button.section-primary:hover,
button.section-primary:focus
{
background-color: #cbd3f8 !important;
}
.section-secondary
{
background-color: #f7fafc !important;
}
a.section-secondary:hover,
a.section-secondary:focus,
button.section-secondary:hover,
button.section-secondary:focus
{
background-color: #d2e3ee !important;
}
.section-light
{
background-color: #ced4da !important;
}
a.section-light:hover,
a.section-light:focus,
button.section-light:hover,
button.section-light:focus
{
background-color: #b1bbc4 !important;
}
.section-dark
{
background-color: #212529 !important;
}
a.section-dark:hover,
a.section-dark:focus,
button.section-dark:hover,
button.section-dark:focus
{
background-color: #0a0c0d !important;
}
.section-darker
{
background-color: black !important;
}
a.section-darker:hover,
a.section-darker:focus,
button.section-darker:hover,
button.section-darker:focus
{
background-color: black !important;
}
.bg-gradient-primary
{
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}
.bg-gradient-success
{
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}
.bg-gradient-info
{
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.bg-gradient-warning
{
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}
.bg-gradient-danger
{
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.bg-gradient-light
{
background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}
.bg-gradient-dark
{
background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}
.bg-gradient-default
{
background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}
.bg-gradient-white
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-neutral
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-darker
{
background: linear-gradient(87deg, black 0, black 100%) !important;
}
.fill-primary
{
fill: #5e72e4;
}
.stroke-primary
{
stroke: #5e72e4;
}
.fill-secondary
{
fill: #f7fafc;
}
.stroke-secondary
{
stroke: #f7fafc;
}
.fill-success
{
fill: #2dce89;
}
.stroke-success
{
stroke: #2dce89;
}
.fill-info
{
fill: #11cdef;
}
.stroke-info
{
stroke: #11cdef;
}
.fill-warning
{
fill: #fb6340;
}
.stroke-warning
{
stroke: #fb6340;
}
.fill-danger
{
fill: #f5365c;
}
.stroke-danger
{
stroke: #f5365c;
}
.fill-light
{
fill: #adb5bd;
}
.stroke-light
{
stroke: #adb5bd;
}
.fill-dark
{
fill: #212529;
}
.stroke-dark
{
stroke: #212529;
}
.stroke-default
{
stroke: #172b4d;
}
.fill-white
{
fill: #fff;
}
.stroke-white
{
stroke: #fff;
}
.fill-neutral
{
fill: #fff;
}
.stroke-neutral
{
stroke: #fff;
}
.fill-darker
{
fill: black;
}
.stroke-darker
{
stroke: black;
}
.fill-opacity-8
{
fill-opacity: .8;
}
.blur--hover
{
position: relative;
}
.blur--hover .blur-item
{
transition: 1s cubic-bezier(.19, 1, .22, 1);
opacity: 1;
will-change: transform;
filter: blur(0);
}
.blur--hover .blur-hidden
{
position: absolute;
z-index: 100;
top: calc(50% + 7px);
left: 50%;
transition: all .15s ease;
transform: translate(-50%, -50%);
opacity: 0;
}
.blur--hover:hover .blur-item
{
z-index: 1;
transform: scale(.95);
opacity: .8;
filter: blur(10px);
}
.blur--hover:hover .blur-hidden
{
top: 50%;
opacity: 1;
}
.floating
{
animation: floating 3s ease infinite;
will-change: transform;
}
.floating:hover
{
animation-play-state: paused;
}
.floating-lg
{
animation: floating-lg 3s ease infinite;
}
.floating-sm
{
animation: floating-sm 3s ease infinite;
}
@keyframes floating-lg
{
0%
{
transform: translateY(0px);
}
50%
{
transform: translateY(15px);
}
100%
{
transform: translateY(0px);
}
}
@keyframes floating
{
0%
{
transform: translateY(0px);
}
50%
{
transform: translateY(10px);
}
100%
{
transform: translateY(0px);
}
}
@keyframes floating-sm
{
0%
{
transform: translateY(0px);
}
50%
{
transform: translateY(5px);
}
100%
{
transform: translateY(0px);
}
}
.floatfix:before,
.floatfix:after
{
display: table;
content: '';
}
.floatfix:after
{
clear: both;
}
.img-center
{
display: block;
margin-right: auto;
margin-left: auto;
}
.opacity-1
{
opacity: .1 !important;
}
.opacity-2
{
opacity: .2 !important;
}
.opacity-3
{
opacity: .3 !important;
}
.opacity-4
{
opacity: .4 !important;
}
.opacity-5
{
opacity: .5 !important;
}
.opacity-6
{
opacity: .6 !important;
}
.opacity-7
{
opacity: .7 !important;
}
.opacity-8
{
opacity: .8 !important;
}
.opacity-8
{
opacity: .9 !important;
}
.opacity-10
{
opacity: 1 !important;
}
.overflow-visible
{
overflow: visible !important;
}
.overflow-hidden
{
overflow: hidden !important;
}
.top-0
{
top: 0;
}
.right-0
{
right: 0;
}
.bottom-0
{
bottom: 0;
}
.left-0
{
left: 0;
}
.top-1
{
top: .25rem;
}
.right-1
{
right: .25rem;
}
.bottom-1
{
bottom: .25rem;
}
.left-1
{
left: .25rem;
}
.top-2
{
top: .5rem;
}
.right-2
{
right: .5rem;
}
.bottom-2
{
bottom: .5rem;
}
.left-2
{
left: .5rem;
}
.top-3
{
top: 1rem;
}
.right-3
{
right: 1rem;
}
.bottom-3
{
bottom: 1rem;
}
.left-3
{
left: 1rem;
}
.top-4
{
top: 1.5rem;
}
.right-4
{
right: 1.5rem;
}
.bottom-4
{
bottom: 1.5rem;
}
.left-4
{
left: 1.5rem;
}
.top-5
{
top: 3rem;
}
.right-5
{
right: 3rem;
}
.bottom-5
{
bottom: 3rem;
}
.left-5
{
left: 3rem;
}
.top--9
{
top: -10rem;
}
.right--9
{
right: -10rem;
}
.bottom--9
{
bottom: -10rem;
}
.left--9
{
left: -10rem;
}
.top--8
{
top: -8rem;
}
.right--8
{
right: -8rem;
}
.bottom--8
{
bottom: -8rem;
}
.left--8
{
left: -8rem;
}
.top--7
{
top: -6rem;
}
.right--7
{
right: -6rem;
}
.bottom--7
{
bottom: -6rem;
}
.left--7
{
left: -6rem;
}
.top--6
{
top: -4.5rem;
}
.right--6
{
right: -4.5rem;
}
.bottom--6
{
bottom: -4.5rem;
}
.left--6
{
left: -4.5rem;
}
.top--5
{
top: -3rem;
}
.right--5
{
right: -3rem;
}
.bottom--5
{
bottom: -3rem;
}
.left--5
{
left: -3rem;
}
.top--4
{
top: -1.5rem;
}
.right--4
{
right: -1.5rem;
}
.bottom--4
{
bottom: -1.5rem;
}
.left--4
{
left: -1.5rem;
}
.top--3
{
top: -1rem;
}
.right--3
{
right: -1rem;
}
.bottom--3
{
bottom: -1rem;
}
.left--3
{
left: -1rem;
}
.top--2
{
top: -.5rem;
}
.right--2
{
right: -.5rem;
}
.bottom--2
{
bottom: -.5rem;
}
.left--2
{
left: -.5rem;
}
.top--1
{
top: -.25rem;
}
.right--1
{
right: -.25rem;
}
.bottom--1
{
bottom: -.25rem;
}
.left--1
{
left: -.25rem;
}
.top-6
{
top: 4.5rem;
}
.right-6
{
right: 4.5rem;
}
.bottom-6
{
bottom: 4.5rem;
}
.left-6
{
left: 4.5rem;
}
.top-7
{
top: 6rem;
}
.right-7
{
right: 6rem;
}
.bottom-7
{
bottom: 6rem;
}
.left-7
{
left: 6rem;
}
.top-8
{
top: 8rem;
}
.right-8
{
right: 8rem;
}
.bottom-8
{
bottom: 8rem;
}
.left-8
{
left: 8rem;
}
.top-9
{
top: 10rem;
}
.right-9
{
right: 10rem;
}
.bottom-9
{
bottom: 10rem;
}
.left-9
{
left: 10rem;
}
.center
{
left: 50%;
transform: translateX(-50%);
}
[class*='shadow']
{
transition: all .15s ease;
}
.shadow-sm--hover:hover
{
box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
}
.shadow--hover:hover
{
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.shadow-lg--hover:hover
{
box-shadow: 0 0 3rem rgba(136, 152, 170, .175) !important;
}
.shadow-none--hover:hover
{
box-shadow: none !important;
}
.h-100vh
{
height: 100vh !important;
}
.row.row-grid > [class*='col-'] + [class*='col-']
{
margin-top: 3rem;
}
@media (min-width: 992px)
{
.row.row-grid > [class*='col-lg-'] + [class*='col-lg-']
{
margin-top: 0;
}
}
@media (min-width: 768px)
{
.row.row-grid > [class*='col-md-'] + [class*='col-md-']
{
margin-top: 0;
}
}
@media (min-width: 576px)
{
.row.row-grid > [class*='col-sm-'] + [class*='col-sm-']
{
margin-top: 0;
}
}
.row-grid + .row-grid
{
margin-top: 3rem;
}
@media (min-width: 992px)
{
.mt--100
{
margin-top: -100px !important;
}
.mr--100
{
margin-right: -100px !important;
}
.mb--100
{
margin-bottom: -100px !important;
}
.ml--100
{
margin-left: -100px !important;
}
.mt--150
{
margin-top: -150px !important;
}
.mb--150
{
margin-bottom: -150px !important;
}
.mt--200
{
margin-top: -200px !important;
}
.mb--200
{
margin-bottom: -200px !important;
}
.mt--300
{
margin-top: -300px !important;
}
.mb--300
{
margin-bottom: -300px !important;
}
.pt-100
{
padding-top: 100px !important;
}
.pb-100
{
padding-bottom: 100px !important;
}
.pt-150
{
padding-top: 150px !important;
}
.pb-150
{
padding-bottom: 150px !important;
}
.pt-200
{
padding-top: 200px !important;
}
.pb-200
{
padding-bottom: 200px !important;
}
.pt-250
{
padding-top: 250px !important;
}
.pb-250
{
padding-bottom: 250px !important;
}
.pt-300
{
padding-top: 300px !important;
}
.pb-300
{
padding-bottom: 300px !important;
}
}
.font-weight-300
{
font-weight: 300 !important;
}
.font-weight-400
{
font-weight: 400 !important;
}
.font-weight-500
{
font-weight: 500 !important;
}
.font-weight-600
{
font-weight: 600 !important;
}
.font-weight-700
{
font-weight: 700 !important;
}
.font-weight-800
{
font-weight: 800 !important;
}
.font-weight-900
{
font-weight: 900 !important;
}
.text-through
{
text-decoration: line-through;
}
.text-xs
{
font-size: .75rem !important;
}
.text-lg
{
font-size: 1.25rem !important;
}
.text-xl
{
font-size: 1.5rem !important;
}
.lh-100
{
line-height: 1;
}
.lh-110
{
line-height: 1.1;
}
.lh-120
{
line-height: 1.2;
}
.lh-130
{
line-height: 1.3;
}
.lh-140
{
line-height: 1.4;
}
.lh-150
{
line-height: 1.5;
}
.lh-160
{
line-height: 1.6;
}
.lh-170
{
line-height: 1.7;
}
.lh-180
{
line-height: 1.8;
}
.ls-1
{
letter-spacing: .0625rem;
}
.ls-15
{
letter-spacing: .09375rem;
}
.ls-2
{
letter-spacing: .125rem;
}
.text-blue
{
color: #5e72e4 !important;
}
a.text-blue:hover,
a.text-blue:focus
{
color: #233dd2 !important;
}
.text-indigo
{
color: #5603ad !important;
}
a.text-indigo:hover,
a.text-indigo:focus
{
color: #310262 !important;
}
.text-purple
{
color: #8965e0 !important;
}
a.text-purple:hover,
a.text-purple:focus
{
color: #5a2acf !important;
}
.text-pink
{
color: #f3a4b5 !important;
}
a.text-pink:hover,
a.text-pink:focus
{
color: #ea607e !important;
}
.text-red
{
color: #f5365c !important;
}
a.text-red:hover,
a.text-red:focus
{
color: #d40b33 !important;
}
.text-orange
{
color: #fb6340 !important;
}
a.text-orange:hover,
a.text-orange:focus
{
color: #ea3005 !important;
}
.text-yellow
{
color: #ffd600 !important;
}
a.text-yellow:hover,
a.text-yellow:focus
{
color: #b39600 !important;
}
.text-green
{
color: #2dce89 !important;
}
a.text-green:hover,
a.text-green:focus
{
color: #1f8f5f !important;
}
.text-teal
{
color: #11cdef !important;
}
a.text-teal:hover,
a.text-teal:focus
{
color: #0b90a8 !important;
}
.text-cyan
{
color: #2bffc6 !important;
}
a.text-cyan:hover,
a.text-cyan:focus
{
color: #00dea2 !important;
}
.text-white
{
color: #fff !important;
}
a.text-white:hover,
a.text-white:focus
{
color: #d9d9d9 !important;
}
.text-gray
{
color: #8898aa !important;
}
a.text-gray:hover,
a.text-gray:focus
{
color: #607286 !important;
}
.text-gray-dark
{
color: #32325d !important;
}
a.text-gray-dark:hover,
a.text-gray-dark:focus
{
color: #17172b !important;
}
.text-light
{
color: #ced4da !important;
}
a.text-light:hover,
a.text-light:focus
{
color: #a2aeb9 !important;
}
.text-lighter
{
color: #e9ecef !important;
}
a.text-lighter:hover,
a.text-lighter:focus
{
color: #bdc6cf !important;
}
@media (min-width: 992px)
{
.transform-perspective-right
{
transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
}
.transform-perspective-left
{
transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
}
}
.datepicker
{
border-radius: .375rem;
direction: ltr;
}
.datepicker-inline
{
width: 220px;
}
.datepicker-rtl
{
direction: rtl;
}
.datepicker-rtl.dropdown-menu
{
left: auto;
}
.datepicker-rtl table tr td span
{
float: right;
}
.datepicker-dropdown
{
top: 0;
left: 0;
padding: 20px 22px;
box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
.datepicker-dropdown.datepicker-orient-left:before
{
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after
{
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before
{
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after
{
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before
{
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after
{
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before
{
bottom: -7px;
border-top: 7px solid white;
border-bottom: 0;
}
.datepicker-dropdown.datepicker-orient-top:after
{
bottom: -6px;
border-top: 6px solid #fff;
border-bottom: 0;
}
.datepicker table
{
margin: 0;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.datepicker table tr td
{
border-radius: 50%;
}
.datepicker table tr th
{
font-weight: 500;
border-radius: .375rem;
}
.datepicker table tr td,
.datepicker table tr th
{
font-size: .875rem;
width: 36px;
height: 36px;
transition: all .15s ease;
text-align: center;
border: none;
}
.datepicker table tr td.old,
.datepicker table tr td.new
{
color: #adb5bd;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused
{
cursor: pointer;
background: white;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover
{
cursor: default;
color: #dee2e6;
background: none;
}
.datepicker table tr td.highlighted
{
border-radius: 0;
}
.datepicker table tr td.highlighted.focused
{
background: #5e72e4;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active
{
color: #ced4da;
background: #5e72e4;
}
.datepicker table tr td.today
{
background: white;
}
.datepicker table tr td.today.focused
{
background: white;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active
{
color: #8898aa;
background: white;
}
.datepicker table tr td.range
{
color: #fff;
border-radius: 0;
background: #5e72e4;
}
.datepicker table tr td.range.focused
{
background: #3b53de;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range.day.disabled:hover
{
color: #8a98eb;
background: #324cdd;
}
.datepicker table tr td.range.highlighted.focused
{
background: #cbd3da;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active
{
color: #dee2e6;
background: #e9ecef;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active
{
color: #fff;
background: #5e72e4;
}
.datepicker table tr td.day.range-start
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.datepicker table tr td.day.range-end
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.datepicker table tr td.day.range-start.range-end
{
border-radius: 50%;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.day.range:hover
{
color: #fff;
background: #5e72e4;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover
{
color: #fff;
background: #5e72e4;
box-shadow: none;
}
.datepicker table tr td span
{
line-height: 54px;
display: block;
float: left;
width: 23%;
height: 54px;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused
{
background: #e9ecef;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover
{
cursor: default;
color: #dee2e6;
background: none;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover
{
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.datepicker table tr td span.old,
.datepicker table tr td span.new
{
color: #8898aa;
}
.datepicker .datepicker-switch
{
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th
{
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover
{
background: #e9ecef;
}
.datepicker .prev.disabled,
.datepicker .next.disabled
{
visibility: hidden;
}
.datepicker .cw
{
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.bootstrap-tagsinput
{
display: inline-block;
max-width: 100%;
padding: .25rem;
cursor: text;
vertical-align: middle;
color: #8898aa;
border: 0 solid transparent;
border-radius: .25rem;
background-color: #fff;
}
.bootstrap-tagsinput input
{
width: auto;
max-width: inherit;
margin: 0;
padding: 0 6px;
border: none;
outline: none;
background-color: transparent;
box-shadow: none;
}
.bootstrap-tagsinput input::-ms-input-placeholder
{
opacity: 1;
color: #adb5bd;
}
.bootstrap-tagsinput input::placeholder
{
opacity: 1;
color: #adb5bd;
}
.bootstrap-tagsinput input:focus
{
border: none;
box-shadow: none;
}
.bootstrap-tagsinput .badge
{
line-height: 1.5;
position: relative;
margin: .125rem;
padding: .625rem .625rem .5rem;
transition: all .15s ease;
color: #fff;
border-radius: .25rem;
background: #172b4d;
box-shadow: 0 1px 2px rgba(68, 68, 68, .25);
}
@media (prefers-reduced-motion: reduce)
{
.bootstrap-tagsinput .badge
{
transition: none;
}
}
.bootstrap-tagsinput .badge:hover
{
padding-right: 1.5rem;
}
.bootstrap-tagsinput [data-role='remove']
{
position: absolute;
top: 50%;
margin-left: 10px;
cursor: pointer;
transform: translate(0, -50%);
color: #fff;
}
.bootstrap-tagsinput [data-role='remove']:after
{
font-size: 16px;
content: '×';
}
#chartjs-tooltip
{
position: absolute;
transition: all .1s ease;
transform: translate(-50%, 0);
pointer-events: none;
opacity: 1;
color: white;
border-radius: 3px;
background: rgba(0, 0, 0, .7);
}
.chartjs-tooltip-key
{
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}
.dataTables_wrapper
{
font-size: .875rem;
}
table.dataTable
{
margin-bottom: 1.25rem !important;
border-bottom: 1px solid #e9ecef;
}
table.dataTable tbody > tr.selected
{
background-color: #5e72e4;
}
.dataTables_length,
.dataTables_info,
.dt-buttons
{
padding-left: 1.5rem;
}
.dataTables_length .form-control
{
margin: 0 .375rem;
}
.dataTables_filter
{
display: inline-block;
float: right;
padding-right: 1.5rem;
}
.dataTables_paginate
{
padding-right: 1.5rem;
}
.dropzone
{
position: relative;
display: flex;
flex-direction: column;
}
.dz-message
{
z-index: 999;
padding: 5rem 1rem;
cursor: pointer;
transition: all .15s ease;
text-align: center;
color: #8898aa;
border: 1px dashed #dee2e6;
border-radius: .375rem;
background-color: #fff;
order: -1;
}
.dz-message:hover
{
color: #525f7f;
border-color: #8898aa;
}
.dz-drag-hover .dz-message
{
color: #5e72e4;
border-color: #5e72e4;
}
.dropzone-multiple .dz-message
{
padding-top: 2rem;
padding-bottom: 2rem;
}
.dropzone-single.dz-max-files-reached .dz-message
{
opacity: 0;
color: white;
background-color: rgba(0, 0, 0, .9);
}
.dropzone-single.dz-max-files-reached .dz-message:hover
{
opacity: 1;
}
.dz-preview-single
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: .375rem;
}
.dz-preview-cover
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: .375rem;
}
.dz-preview-img
{
width: 100%;
height: 100%;
border-radius: .375rem;
-o-object-fit: cover;
object-fit: cover;
}
.dz-preview-multiple .list-group-item:last-child
{
padding-bottom: 0;
border-bottom: 0;
}
[data-dz-size] strong
{
font-weight: 400;
}
.fc-header-toolbar
{
display: none;
}
.fc-scroller
{
height: auto !important;
}
.fc th
{
font-size: .75rem;
font-weight: 600;
padding: .75rem 1rem;
text-transform: uppercase;
color: #8898aa;
}
.fc div.fc-row
{
margin-right: 0;
border: 0;
}
.fc button .fc-icon
{
top: -5px;
}
.fc-unthemed td.fc-today
{
background-color: transparent;
}
.fc-unthemed td.fc-today span
{
color: #fb6340;
}
.fc-event
{
font-size: .75rem;
padding: 0;
border: 0;
border-radius: .25rem;
}
.fc-event .fc-title
{
font-weight: 600;
display: block;
overflow: hidden;
padding: .4rem .5rem;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
}
.fc-event .fc-time
{
float: left;
margin: 0 0 0 -1px;
padding: 2px 6px;
background: rgba(0, 0, 0, .2);
}
.fc-view,
.fc-view > table
{
overflow: hidden;
border: 0;
}
.fc-view > table > tbody > tr .ui-widget-content
{
border-top: 0;
}
.fc-body
{
border: 0;
}
.fc-icon
{
font-family: NucleoIcons, sans-serif;
font-size: 1rem;
line-height: 35px;
width: 35px;
height: 35px;
border-radius: 50%;
}
.fc-icon:hover
{
color: #5e72e4;
}
.fc-button
{
border: 0;
background: transparent;
box-shadow: none;
}
.fc-button:focus,
.fc-button:active
{
outline: 0;
}
.calendar
{
z-index: 0;
}
.calendar td,
.calendar th
{
border-color: #eff1f3;
}
.calendar .fc-toolbar
{
position: relative;
z-index: 2;
height: 250px;
margin-bottom: -2px;
border-radius: .375rem .375rem 0 0;
background-color: #fff;
}
@media (max-width: 575.98px)
{
.calendar .fc-toolbar
{
height: 135px;
}
}
.calendar .fc-day-number
{
box-sizing: border-box;
width: 100%;
padding: .5rem 1rem;
}
@media (min-width: 576px)
{
.calendar .fc-day-number
{
font-size: .875rem;
font-weight: 600;
color: #67779d;
}
}
.calendar .fc-day-header
{
text-align: left;
}
.calendar .fc-day-grid-event
{
margin: 1px 9px;
}
[data-calendar-month]
{
transition: background-image 300ms;
background-size: contain;
}
@media (prefers-reduced-motion: reduce)
{
[data-calendar-month]
{
transition: none;
}
}
[data-calendar-month='0']
{
background-image: url('../img/calendar/january.jpg');
}
[data-calendar-month='1']
{
background-image: url('../img/calendar/february.jpg');
}
[data-calendar-month='2']
{
background-image: url('../img/calendar/march.jpg');
}
[data-calendar-month='3']
{
background-image: url('../img/calendar/april.jpg');
}
[data-calendar-month='4']
{
background-image: url('../img/calendar/may.jpg');
}
[data-calendar-month='5']
{
background-image: url('../img/calendar/june.jpg');
}
[data-calendar-month='6']
{
background-image: url('../img/calendar/july.jpg');
}
[data-calendar-month='7']
{
background-image: url('../img/calendar/august.jpg');
}
[data-calendar-month='8']
{
background-image: url('../img/calendar/september.jpg');
}
[data-calendar-month='9']
{
background-image: url('../img/calendar/october.jpg');
}
[data-calendar-month='10']
{
background-image: url('../img/calendar/november.jpg');
}
[data-calendar-month='11']
{
background-image: url('../img/calendar/december.jpg');
}
.widget-calendar
{
position: relative;
z-index: 0;
}
.widget-calendar td,
.widget-calendar th
{
text-align: center;
border-color: transparent;
}
.widget-calendar .fc-toolbar
{
margin-top: 1.25rem;
}
.widget-calendar .fc-toolbar h2
{
font-size: 1rem;
}
.widget-calendar .fc-day-number
{
width: 100%;
padding: 0;
text-align: center;
}
.widget-calendar .fc table
{
font-size: .875rem;
}
.widget-calendar .fc th
{
font-size: .75rem;
padding: .75rem .5rem;
}
.vector-map
{
position: relative;
height: 600px;
}
.vector-map-sm
{
height: 280px;
}
.jvectormap-container
{
width: 100%;
height: 100%;
}
.jvectormap-zoomin,
.jvectormap-zoomout
{
position: absolute;
bottom: 0;
left: 0;
}
.jvectormap-zoomin
{
bottom: 4.25rem;
}
.jvectormap-zoomout
{
bottom: 2rem;
}
/*!
* Lavalamp
* http://lavalamp.magicmediamuse.com/
*/
.lavalamp
{
position: relative;
}
.lavalamp-item
{
position: relative;
z-index: 5;
}
.lavalamp-object
{
position: absolute;
top: 0;
left: 0;
}
/* Custom easing transitions */
.lavalamp .lavalamp-object
{
transition-property: transform, width, height;
}
.lavalamp .lavalamp-object.ease
{
transition-timing-function: ease;
}
.lavalamp .lavalamp-object.ease-in
{
transition-timing-function: ease-in;
}
.lavalamp .lavalamp-object.ease-out
{
transition-timing-function: ease-out;
}
.lavalamp .lavalamp-object.ease-in-out
{
transition-timing-function: ease-in-out;
}
.lavalamp .lavalamp-object.linear
{
transition-timing-function: linear;
}
.lavalamp .lavalamp-object.easeInQuad
{
transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
.lavalamp .lavalamp-object.easeInCubic
{
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}
.lavalamp .lavalamp-object.easeInQuart
{
transition-timing-function: cubic-bezier(.895, .03, .685, .22);
}
.lavalamp .lavalamp-object.easeInQuint
{
transition-timing-function: cubic-bezier(.755, .05, .855, .06);
}
.lavalamp .lavalamp-object.easeInSine
{
transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}
.lavalamp .lavalamp-object.easeInExpo
{
transition-timing-function: cubic-bezier(.95, .05, .795, .035);
}
.lavalamp .lavalamp-object.easeInCirc
{
transition-timing-function: cubic-bezier(.6, .04, .98, .335);
}
.lavalamp .lavalamp-object.easeInBack
{
transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}
.lavalamp .lavalamp-object.easeOutQuad
{
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
.lavalamp .lavalamp-object.easeOutCubic
{
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}
.lavalamp .lavalamp-object.easeOutQuart
{
transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}
.lavalamp .lavalamp-object.easeOutQuint
{
transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}
.lavalamp .lavalamp-object.easeOutSine
{
transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
.lavalamp .lavalamp-object.easeOutExpo
{
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.lavalamp .lavalamp-object.easeOutCirc
{
transition-timing-function: cubic-bezier(.075, .82, .165, 1);
}
.lavalamp .lavalamp-object.easeOutBack
{
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
.lavalamp .lavalamp-object.easeInOutQuad
{
transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
.lavalamp .lavalamp-object.easeInOutCubic
{
transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}
.lavalamp .lavalamp-object.easeInOutQuart
{
transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}
.lavalamp .lavalamp-object.easeInOutQuint
{
transition-timing-function: cubic-bezier(.86, 0, .07, 1);
}
.lavalamp .lavalamp-object.easeInOutSine
{
transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
.lavalamp .lavalamp-object.easeInOutExpo
{
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.lavalamp .lavalamp-object.easeInOutCirc
{
transition-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.lavalamp .lavalamp-object.easeInOutBack
{
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
.noUi-target,
.noUi-target *
{
box-sizing: border-box;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
touch-action: none;
}
.noUi-target
{
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects
{
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.noUi-connects
{
z-index: 0;
overflow: hidden;
}
.noUi-connect,
.noUi-origin
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: 0 0;
will-change: transform;
}
html:not([dir='rtl']) .noUi-horizontal .noUi-origin
{
right: 0;
left: auto;
}
.noUi-vertical .noUi-origin
{
width: 0;
}
.noUi-horizontal .noUi-origin
{
height: 0;
}
.noUi-handle
{
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin
{
transition: transform .3s;
}
.noUi-state-drag *
{
cursor: inherit !important;
}
.noUi-horizontal
{
height: 5px;
}
.noUi-horizontal .noUi-handle
{
top: -6px;
left: -17px;
width: 34px;
height: 28px;
}
.noUi-vertical
{
width: 5px;
}
.noUi-vertical .noUi-handle
{
top: -17px;
left: -6px;
width: 28px;
height: 34px;
}
html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
right: -17px;
left: auto;
}
.noUi-connects
{
border-radius: 3px;
}
.noUi-connect
{
background: #5e72e4;
}
.noUi-draggable
{
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable
{
cursor: ns-resize;
}
.noUi-handle
{
cursor: default;
border: 1px solid #d9d9d9;
border-radius: 3px;
outline: none;
background: #fff;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.noUi-active
{
outline: none;
}
/* Disabled state;
*/
[disabled] .noUi-connect
{
background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle
{
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips *
{
box-sizing: border-box;
}
.noUi-pips
{
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value
{
position: absolute;
text-align: center;
white-space: nowrap;
}
.noUi-value-sub
{
font-size: 10px;
color: #ccc;
}
/* Markings;
*
*/
.noUi-marker
{
position: absolute;
background: #ccc;
}
.noUi-marker-sub
{
background: #aaa;
}
.noUi-marker-large
{
background: #aaa;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal
{
top: 100%;
left: 0;
width: 100%;
height: 80px;
padding: 10px 0;
}
.noUi-value-horizontal
{
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal
{
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker
{
width: 2px;
height: 5px;
margin-left: -1px;
}
.noUi-marker-horizontal.noUi-marker-sub
{
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large
{
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical
{
top: 0;
left: 100%;
height: 100%;
padding: 0 10px;
}
.noUi-value-vertical
{
padding-left: 25px;
transform: translate(0, -50%, 0);
}
.noUi-rtl .noUi-value-vertical
{
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker
{
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub
{
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large
{
width: 15px;
}
.noUi-tooltip
{
position: absolute;
display: block;
padding: 5px;
text-align: center;
white-space: nowrap;
color: #000;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
}
.noUi-horizontal .noUi-tooltip
{
bottom: 120%;
left: 50%;
transform: translate(-50%, 0);
}
.noUi-vertical .noUi-tooltip
{
top: 50%;
right: 120%;
transform: translate(0, -50%);
}
.noUi-target
{
margin: 15px 0;
cursor: pointer;
border: 0;
border-radius: 5px;
background: #eceeef;
box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
}
.noUi-horizontal
{
height: 5px;
}
html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
right: -10px;
}
.noUi-vertical
{
width: 5px;
}
.noUi-connect
{
background: #5e72e4;
box-shadow: none;
}
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle
{
top: -5px;
width: 15px;
height: 15px;
cursor: pointer;
transition: box-shadow .15s, transform .15s;
border: 0;
border-radius: 100%;
background-color: #5e72e4;
box-shadow: none;
}
.noUi-horizontal .noUi-handle.noUi-active,
.noUi-vertical .noUi-handle.noUi-active
{
box-shadow: 0 0 0 2px #5e72e4;
}
.input-slider--cyan .noUi-connect
{
background: #2bffc6;
}
/* Disabled state */
[disabled] .noUi-connect,
[disabled].noUi-connect
{
background: #b2b2b2;
}
[disabled] .noUi-handle,
[disabled].noUi-origin
{
cursor: not-allowed;
}
/* Range slider value labels */
.range-slider-value
{
font-size: .75rem;
font-weight: 500;
padding: .4em .8em .3em .85em;
color: #fff;
border-radius: 10px;
background-color: rgba(33, 37, 41, .7);
}
.range-slider-wrapper .upper-info
{
font-weight: 400;
margin-bottom: 5px;
}
.input-slider-value-output
{
font-size: 11px;
position: relative;
top: 12px;
padding: 4px 8px;
color: #fff;
border-radius: 2px;
background: #333;
}
.input-slider-value-output:after
{
position: absolute;
bottom: 100%;
left: 10px;
width: 0;
height: 0;
margin-left: -4px;
content: ' ';
pointer-events: none;
border: solid transparent;
border-width: 4px;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #333;
}
.input-slider-value-output.left:after
{
right: auto;
left: 10px;
}
.input-slider-value-output.right:after
{
right: 10px;
left: auto;
}
.ql-container
{
font-family: Open Sans, sans-serif;
}
.ql-toolbar
{
position: relative;
padding: .625rem .75rem;
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem .25rem 0 0;
background-color: #fff;
}
.ql-toolbar + .ql-container
{
margin-top: -1px;
}
.ql-toolbar + .ql-container .ql-editor
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ql-editor
{
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
min-height: 6rem;
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media (prefers-reduced-motion: reduce)
{
.ql-editor
{
transition: none;
}
}
.ql-editor::-ms-expand
{
border: 0;
background-color: transparent;
}
.ql-editor:focus
{
color: #8898aa;
border-color: #5e72e4;
outline: 0;
background-color: #fff;
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.ql-editor:focus
{
border-color: #dee2e6;
}
.ql-hidden
{
position: absolute;
transform: scale(0);
}
.ql-editor.ql-blank::before
{
font-style: normal;
top: .625rem;
left: .75rem;
color: #adb5bd;
}
.ql-editor:focus::before
{
display: none;
}
.ql-formats
{
padding-right: .5rem;
padding-left: .5rem;
}
.ql-formats:first-child
{
padding-left: 0;
}
.ql-formats:last-child
{
padding-right: 0;
}
.ql-toolbar button
{
padding: 0 .25rem;
cursor: pointer;
transition: all .15s ease;
color: #525f7f;
border: none;
background: none;
}
.ql-toolbar button:hover
{
color: #5e72e4;
}
.ql-toolbar button:first-child
{
margin-left: -.25rem;
}
.ql-toolbar .ql-active
{
color: #5e72e4;
}
.ql-toolbar button svg
{
width: 1.25rem;
height: 1.25rem;
}
.ql-toolbar .ql-stroke
{
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}
.ql-toolbar .ql-thin
{
stroke-width: 1;
}
.ql-toolbar .ql-fill
{
fill: currentColor;
}
.ql-toolbar input.ql-image
{
position: absolute;
transform: scale(0);
}
.ql-tooltip
{
position: absolute;
display: flex;
width: 18.5rem;
margin-top: .6rem;
padding: .625rem .75rem;
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .4375rem;
background-color: #fff;
box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2);
flex-wrap: nowrap;
}
.ql-tooltip:before,
.ql-tooltip:after
{
position: absolute;
bottom: 100%;
left: 50%;
content: '';
transform: translateX(-50%);
}
.ql-tooltip:before
{
border-right: .6rem solid transparent;
border-bottom: .6rem solid rgba(0, 0, 0, .05);
border-left: .6rem solid transparent;
}
.ql-tooltip:after
{
border-right: .5rem solid transparent;
border-bottom: .5rem solid #fff;
border-left: .5rem solid transparent;
}
.ql-container .ql-tooltip:hover
{
display: flex !important;
}
.ql-tooltip .ql-preview
{
font-size: .875rem;
line-height: 1.5;
width: 100%;
padding: .25rem .5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius: .25rem;
}
@media (prefers-reduced-motion: reduce)
{
.ql-tooltip .ql-preview
{
transition: none;
}
}
.ql-tooltip.ql-editing .ql-preview
{
display: none;
}
.ql-tooltip input
{
font-size: .875rem;
line-height: 1.5;
display: none;
width: 100%;
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
color: #8898aa;
border: none;
background-color: transparent;
}
.ql-tooltip input:focus
{
outline: none;
}
.ql-tooltip.ql-editing input
{
display: block;
}
.ql-tooltip .ql-action,
.ql-tooltip .ql-remove
{
margin-left: .25rem;
}
.ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before
{
font-size: .875rem;
font-weight: 600;
line-height: 1.5;
display: inline-block;
padding: .25rem .5rem;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
border-radius: .25rem;
}
@media (prefers-reduced-motion: reduce)
{
.ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before
{
transition: none;
}
}
.ql-tooltip .ql-action::before:hover,
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-remove::before:hover,
.ql-tooltip .ql-remove::before:focus
{
text-decoration: none;
}
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-action::before.focus,
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove::before.focus
{
outline: 0;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-action::before,
.ql-tooltip.ql-editing .ql-action::before
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-action::before:hover,
.ql-tooltip.ql-editing .ql-action::before:hover
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-action::before.focus,
.ql-tooltip.ql-editing .ql-action::before:focus,
.ql-tooltip.ql-editing .ql-action::before.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
}
.ql-tooltip .ql-action::before.disabled,
.ql-tooltip .ql-action::before:disabled,
.ql-tooltip.ql-editing .ql-action::before.disabled,
.ql-tooltip.ql-editing .ql-action::before:disabled
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip .ql-action::before.dropdown-toggle,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle
{
color: #fff;
border-color: #5e72e4;
background-color: #324cdd;
}
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip .ql-action::before.dropdown-toggle:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
}
.ql-tooltip .ql-action::before
{
content: 'Edit';
}
.ql-tooltip.ql-editing .ql-action::before
{
content: 'Save';
}
.ql-tooltip .ql-remove::before
{
content: 'Remove';
color: #212529;
border-color: #fff;
border-color: #dee2e6;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-remove::before:hover
{
color: #212529;
border-color: white;
background-color: white;
}
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove::before.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.ql-tooltip .ql-remove::before.disabled,
.ql-tooltip .ql-remove::before:disabled
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active,
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip .ql-remove::before.dropdown-toggle
{
color: #212529;
border-color: white;
background-color: #e6e6e6;
}
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip .ql-remove::before.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}
.ql-tooltip.ql-editing .ql-remove::before
{
display: none;
}
.ql-editor blockquote
{
font-size: 1.25rem;
margin-bottom: 1rem;
}
.ql-editor img
{
max-width: 100%;
height: auto;
}
.scroll-wrapper
{
position: relative;
overflow: hidden !important;
padding: 0 !important;
}
.scroll-wrapper > .scroll-content
{
position: relative !important;
top: 0;
left: 0;
overflow: scroll !important;
box-sizing: content-box !important;
width: auto !important;
max-width: none !important;
height: auto;
max-height: none;
margin: 0;
padding: 0;
border: none !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar
{
width: 0;
height: 0;
}
.scroll-wrapper.scroll--rtl
{
direction: rtl;
}
.scroll-element
{
display: none;
box-sizing: content-box;
}
.scroll-element div
{
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow
{
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible
{
display: block;
}
.scroll-textarea
{
border: 1px solid #ccc;
border-top-color: #999;
}
.scroll-textarea > .scroll-content
{
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea
{
position: relative !important;
top: 0;
overflow: scroll !important;
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
height: 100% !important;
max-height: none !important;
margin: 0;
padding: 2px;
border: none !important;
outline: none;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar
{
width: 0;
height: 0;
}/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-outer > .scroll-element
{
background-color: #fff;
}
.scrollbar-outer > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
height: 12px;
}
.scrollbar-outer > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 12px;
height: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer
{
top: 2px;
height: 8px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer
{
left: 2px;
width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer
{
overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track
{
background-color: #eee;
}
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar
{
border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar
{
background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover
{
background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar
{
background-color: #919191;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible
{
left: -12px;
margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible
{
top: -12px;
margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar
{
min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar
{
min-height: 10px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -14px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -14px;
}
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
background: none;
}
.scrollbar-macosx > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track
{
display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar
{
display: block;
transition: opacity .2s linear;
opacity: 0;
border-radius: 7px;
background-color: #6c6e71;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
filter: alpha(opacity=0);
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar
{
opacity: .7;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
filter: alpha(opacity=70);
}
.scrollbar-macosx > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
overflow: visible;
width: 100%;
min-width: 100%;
height: 0;
}
.scrollbar-macosx > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 0;
height: 100%;
min-height: 100%;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar
{
top: -9px;
min-width: 10px;
height: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
{
left: -9px;
width: 7px;
min-height: 10px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer
{
left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer
{
top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -11px;
}
/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div
{
position: absolute;
z-index: 10;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-light > .scroll-element
{
background-color: #fff;
}
.scrollbar-light > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer
{
border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size
{
border-radius: 10px;
background: #dbdbdb;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
}
.scrollbar-light > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 17px;
}
.scrollbar-light > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 17px;
height: 100%;
min-height: 100%;
}
.scrollbar-light > .scroll-element .scroll-bar
{
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #fefefe;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
}
/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible
{
left: -17px;
margin-left: 17px;
}
.scrollbar-light > .scroll-content.scroll-scrollx_visible
{
top: -17px;
margin-top: 17px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-bar
{
top: 0;
min-width: 10px;
height: 10px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-bar
{
left: 0;
width: 10px;
min-height: 10px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer
{
top: 2px;
left: 2px;
height: 12px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer
{
top: 2px;
left: 2px;
width: 12px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -19px;
}
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -19px;
}
/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
position: absolute;
z-index: 10;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-rail > .scroll-element
{
background-color: #fff;
}
.scrollbar-rail > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size
{
background-color: #999;
background-color: rgba(0, 0, 0, .3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size
{
background-color: #666;
background-color: rgba(0, 0, 0, .5);
}
.scrollbar-rail > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 12px;
padding: 3px 0 2px;
}
.scrollbar-rail > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 12px;
height: 100%;
min-height: 100%;
padding: 0 2px 0 3px;
}
.scrollbar-rail > .scroll-element .scroll-bar
{
border-radius: 2px;
background-color: #d0b9a0;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar
{
box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
}
/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible
{
left: -17px;
margin-left: 17px;
}
.scrollbar-rail > .scroll-content.scroll-scrollx_visible
{
top: -17px;
margin-top: 17px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar
{
top: 1px;
min-width: 10px;
height: 10px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar
{
left: 1px;
width: 10px;
min-height: 10px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer
{
left: 5px;
height: 15px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size
{
top: 5px;
left: -10px;
height: 2px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer
{
top: 5px;
width: 15px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size
{
top: -10px;
left: 5px;
width: 2px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -25px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -25px;
}
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
background: none;
}
.scrollbar-dynamic > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x
{
bottom: 2px;
left: 0;
width: 100%;
min-width: 100%;
height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y
{
top: 0;
right: 2px;
width: 7px;
height: 100%;
min-height: 100%;
}
.scrollbar-dynamic > .scroll-element .scroll-element_outer
{
opacity: .3;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size
{
transition: opacity .2s;
opacity: 0;
border-radius: 12px;
background-color: #ccc;
}
.scrollbar-dynamic > .scroll-element .scroll-bar
{
border-radius: 7px;
background-color: #6c6e71;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar
{
top: auto;
bottom: 0;
min-width: 24px;
height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar
{
right: 0;
left: auto;
width: 7px;
min-height: 24px;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer
{
top: auto;
bottom: 0;
left: 2px;
transition: height .2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer
{
top: 2px;
right: 0;
left: auto;
transition: width .2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -11px;
}
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -11px;
}
/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer
{
overflow: hidden;
opacity: .7;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
filter: alpha(opacity=70);
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size
{
opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar
{
width: 100%;
height: 100%;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer
{
height: 20px;
min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer
{
width: 20px;
min-width: 7px;
}
/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
position: absolute;
z-index: 10;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-chrome > .scroll-element
{
background-color: #fff;
}
.scrollbar-chrome > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_track
{
border: 1px solid #dbdbdb;
background: #f1f1f1;
}
.scrollbar-chrome > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 16px;
height: 100%;
min-height: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-bar
{
cursor: default;
border: 1px solid #bdbdbd;
border-radius: 2px;
background-color: #d9d9d9;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover
{
border-color: #a9a9a9;
background-color: #c2c2c2;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar
{
border-color: #7e7e7e;
background-color: #919191;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible
{
left: -16px;
margin-left: 16px;
}
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible
{
top: -16px;
margin-top: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar
{
top: 3px;
min-width: 10px;
height: 8px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar
{
left: 3px;
width: 8px;
min-height: 10px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer
{
border-left: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track
{
left: -3px;
height: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
height: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer
{
border-top: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track
{
top: -3px;
width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
width: 14px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -19px;
}.select2-selection__arrow
{
display: none;
}
.select2.select2-container
{
width: 100% !important;
}
.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field
{
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
height: calc(1.5em + 1.25rem + 2px);
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media (prefers-reduced-motion: reduce)
{
.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field
{
transition: none;
}
}
.select2-container .select2-selection--single::-ms-expand,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand
{
border: 0;
background-color: transparent;
}
.select2-container .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus
{
color: #8898aa;
border-color: #5e72e4;
outline: 0;
background-color: #fff;
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.select2-container .select2-selection--single::-ms-input-placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder
{
opacity: 1;
color: #adb5bd;
}
.select2-container .select2-selection--single::placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder,
.select2-container--default .select2-selection--multiple::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder
{
opacity: 1;
color: #adb5bd;
}
.select2-container .select2-selection--single:disabled,
.select2-container .select2-selection--single[readonly],
.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
.select2-container--default.select2-container--focus .select2-selection--multiple[readonly],
.select2-container--default .select2-selection--multiple:disabled,
.select2-container--default .select2-selection--multiple[readonly],
.select2-container--default .select2-search--dropdown .select2-search__field:disabled,
.select2-container--default .select2-search--dropdown .select2-search__field[readonly]
{
opacity: 1;
background-color: #e9ecef;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
overflow: inherit;
padding: 0;
white-space: inherit;
text-overflow: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
line-height: inherit;
color: inherit;
}
.select2-dropdown
{
padding: .5rem 0;
border: 1px solid #dee2e6;
border-radius: .4375rem;
background-color: #fff;
}
.select2-results__option
{
font-size: .875rem;
padding: .5rem .75rem;
color: #212529;
background-color: #fff;
}
.select2-results__option:hover,
.select2-results__option:focus
{
text-decoration: none;
color: #16181b;
background-color: #f6f9fc;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected='true']
{
color: #16181b;
background-color: transparent;
}
.select2-container--default .select2-results__option[aria-disabled=true]
{
color: #8898aa;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple
{
height: auto;
min-height: calc(1.5em + 1.25rem + 2px);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
display: block;
margin: 0 0 -.25rem -.25rem;
padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
font-size: .875rem;
line-height: 1.5rem;
display: inline-flex;
margin: 0 0 .25rem .25rem;
padding: 0 .5rem;
color: #8898aa;
border: none;
border-radius: .25rem;
background-color: #adb5bd;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
margin-left: .5rem;
color: #8898aa;
order: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
color: #525f7f;
}
.select2-container .select2-search--inline
{
display: none;
}
.select2-selection[aria-expanded='true']
{
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.select2-search--dropdown
{
padding: .5rem .75rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field
{
font-size: .875rem;
line-height: 1.5;
padding: .25rem .5rem;
border-radius: .25rem;
}
.swal2-popup
{
padding: 1.5rem;
}
.swal2-popup .swal2-title
{
font-size: 1.5rem;
}
.swal2-popup .swal2-content
{
font-size: .875rem;
}
.swal2-popup .swal2-image
{
max-width: 200px;
}
.sr-only,
.bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after,
.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after,
.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after,
.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after,
.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after,
.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after,
.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after,
.bootstrap-datetimepicker-widget .btn[data-action='clear']::after,
.bootstrap-datetimepicker-widget .btn[data-action='today']::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after
{
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.bootstrap-datetimepicker-widget
{
list-style: none;
}
.bootstrap-datetimepicker-widget a .btn:hover
{
background-color: transparent;
}
.bootstrap-datetimepicker-widget.dropdown-menu
{
width: 254px;
max-width: 254px;
padding: 8px 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu .tim-icons
{
opacity: 1;
}
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch .table-condensed:hover
{
border-radius: 3px;
background: #eee;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed
{
margin-top: 10px;
margin-bottom: 5px;
}.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade
{
color: #9a9a9a;
}
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month.active,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year.active,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade.active
{
color: #fff;
}
@media (min-width: 768px)
{
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
{
width: 38em;
}
}
@media (min-width: 992px)
{
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
{
width: 38em;
}
}
@media (min-width: 1200px)
{
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
{
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
position: absolute;
right: auto;
display: inline-block;
width: 0;
height: 0;
content: '';
vertical-align: middle;
border-right: .4em solid transparent;
border-bottom: .4em solid;
border-left: .4em solid transparent;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before
{
display: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after
{
position: absolute;
top: auto;
right: auto;
bottom: -6px;
left: 10px;
display: inline-block;
width: 0;
height: 0;
content: '';
vertical-align: middle;
color: #fff;
border-top: .4em solid;
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top
{
margin-top: auto;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top.open
{
margin-top: auto;
}.bootstrap-datetimepicker-widget .list-unstyled
{
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action]
{
padding: 0;
color: #fff;
border-width: 0;
}
.bootstrap-datetimepicker-widget a[data-action='togglePicker'],
.bootstrap-datetimepicker-widget a[data-action='togglePicker']:hover
{
color: #5e72e4;
}
.bootstrap-datetimepicker-widget a[data-action]:active
{
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second
{
font-size: 1.5em;
font-weight: 300;
line-height: 40px;
width: 40px;
height: 40px;
margin: 3px;
color: #9a9a9a;
border-radius: 50%;
}
.bootstrap-datetimepicker-widget button[data-action]
{
width: 38px;
height: 38px;
padding: 0;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
}
.bootstrap-datetimepicker-widget .btn
{
margin: 0 !important;
}
.bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after
{
content: 'Increment Hours';
}
.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after
{
content: 'Increment Minutes';
}
.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after
{
content: 'Decrement Hours';
}
.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after
{
content: 'Decrement Minutes';
}
.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after
{
content: 'Show Hours';
}
.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after
{
content: 'Show Minutes';
}
.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after
{
content: 'Toggle AM/PM';
}
.bootstrap-datetimepicker-widget .btn[data-action='clear']::after
{
content: 'Clear the picker';
}
.bootstrap-datetimepicker-widget .btn[data-action='today']::after
{
content: 'Set the date to today';
}
.bootstrap-datetimepicker-widget .picker-switch
{
text-align: center;
color: #5e72e4;
border-radius: 3px;
}
.bootstrap-datetimepicker-widget .picker-switch::after
{
content: 'Toggle Date and Time Screens';
}
.bootstrap-datetimepicker-widget .picker-switch td
{
line-height: inherit;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.bootstrap-datetimepicker-widget .picker-switch td span
{
line-height: 2.5;
width: 100%;
height: 2.5em;
margin: 2px 0 !important;
border-radius: 3px;
}
.bootstrap-datetimepicker-widget table
{
width: 100%;
margin: 0;
text-align: center;
}
.bootstrap-datetimepicker-widget table td > div,
.bootstrap-datetimepicker-widget table th > div
{
text-align: center;
}
.bootstrap-datetimepicker-widget table th
{
font-weight: 300;
line-height: 20px;
width: 20px;
height: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch
{
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover
{
cursor: not-allowed;
color: #cfcfca;
background: none;
}
.bootstrap-datetimepicker-widget table th.prev span,
.bootstrap-datetimepicker-widget table th.next span
{
font-size: 12px;
line-height: 28px;
width: 27px;
height: 27px;
text-align: center;
color: #5e72e4;
border-radius: 4px;
border-radius: 50%;
}
.bootstrap-datetimepicker-widget table th.prev::after
{
content: 'Previous Month';
}
.bootstrap-datetimepicker-widget table th.next::after
{
content: 'Next Month';
}
.bootstrap-datetimepicker-widget table th.dow
{
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
color: #5e72e4;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th
{
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover
{
background: #eee;
}
.bootstrap-datetimepicker-widget table td.cw > div
{
font-size: .8em;
line-height: 20px;
height: 20px;
color: #cfcfca;
}
.bootstrap-datetimepicker-widget table td.day > div,
.bootstrap-datetimepicker-widget table td.minute > div,
.bootstrap-datetimepicker-widget table td.hour > div
{
font-size: 14px;
font-weight: 300;
line-height: 2.2;
position: relative;
z-index: -1;
width: 30px;
height: 30px;
margin: 0 auto;
padding: 0;
cursor: pointer;
transition: all 300ms ease 0s;
text-align: center;
color: #9a9a9a;
border: none;
border-radius: 50%;
}
.bootstrap-datetimepicker-widget table td.day:hover > div,
.bootstrap-datetimepicker-widget table td.hour:hover > div,
.bootstrap-datetimepicker-widget table td.minute:hover > div,
.bootstrap-datetimepicker-widget table td.second:hover > div
{
cursor: pointer;
background: #eee;
}
.bootstrap-datetimepicker-widget table td.old > div,
.bootstrap-datetimepicker-widget table td.new > div
{
color: #172b4d;
}
.bootstrap-datetimepicker-widget table td.today,
.bootstrap-datetimepicker-widget table td.day
{
background: transparent !important;
}
.bootstrap-datetimepicker-widget table td.today > div:before
{
position: absolute;
right: 4px;
bottom: 4px;
display: inline-block;
content: '';
border: 0 0 7px 7px solid transparent;
border-top-color: rgba(0, 0, 0, .2);
border-bottom-color: #68b3c8;
}
.bootstrap-datetimepicker-widget table td.active > div,
.bootstrap-datetimepicker-widget table td.active:hover > div
{
color: #fff;
background-color: #5e72e4;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
}
.bootstrap-datetimepicker-widget table td.active.today:before > div
{
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled > div,
.bootstrap-datetimepicker-widget table td.disabled:hover > div
{
cursor: not-allowed;
color: #cfcfca;
background: none;
}
.bootstrap-datetimepicker-widget table td span
{
line-height: 40px;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 3px;
cursor: pointer;
text-align: center;
border-radius: 50%;
}
.bootstrap-datetimepicker-widget table td span.active
{
color: #fff;
background-color: #5e72e4;
}
.bootstrap-datetimepicker-widget table td span.old
{
color: #cfcfca;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover
{
cursor: not-allowed;
color: #cfcfca;
background: none;
}
.bootstrap-datetimepicker-widget .timepicker-picker span,
.bootstrap-datetimepicker-widget .timepicker-hours span,
.bootstrap-datetimepicker-widget .timepicker-minutes span
{
border-radius: 50% !important;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour
{
line-height: 27px;
height: 27px;
}input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.dow
{
color: rgba(255, 255, 255, .8);
}
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.old > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.new > div
{
color: rgba(255, 255, 255, .4);
}
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget button[data-action]
{
background-color: #fff;
}
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.active:hover > div
{
background-color: #fff;
}
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td:not(.active).day:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.hour:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.minute:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.second:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td span:hover
{
background: rgba(255, 255, 255, .2);
}
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover
{
background-color: rgba(255, 255, 255, .2);
}
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget
{
background-color: #5e72e4;
}
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
color: #5e72e4;
}
input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget
{
background-color: #11cdef;
}
input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
color: #11cdef;
}
input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget
{
background-color: #2dce89;
}
input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
color: #2dce89;
}
input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget
{
background-color: #f5365c;
}
input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
color: #f5365c;
}
input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget
{
background-color: #fb6340;
}
input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
color: #fb6340;
}
.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day,
.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute
{
color: rgba(255, 255, 255, .7);
}
.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day:hover,
.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute:hover
{
color: #212529;
}
.bootstrap-datetimepicker-widget.dropdown-black table td span,
.bootstrap-datetimepicker-widget.dropdown-black table td.minute,
.bootstrap-datetimepicker-widget.dropdown-black table td.hour
{
color: rgba(255, 255, 255, .7);
}
.bootstrap-datetimepicker-widget.dropdown-black table td span:hover,
.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover,
.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover
{
color: rgba(255, 255, 255, .4);
background: transparent;
}
.bootstrap-datetimepicker-widget.dropdown-black table td span:hover div,
.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover div,
.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover div
{
background: transparent;
}
.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action]
{
color: #fff;
}
.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action='togglePeriod']
{
background: transparent;
}
/*
* facility-argon.css
* --------------------------------------------------------------------------
* Componentes do tema Argon (Dashboard v1.2.0, Bootstrap 4) que o sistema usa,
* reescritos para Bootstrap 5. Cada classe foi reinterpretada e reescrita aqui;
* as definições originais foram removidas do argon.css.
*
* Carregar DEPOIS do bootstrap.css (BS5) e do argon.css.
*
* Inclui os COMPONENTES-BASE mais usados nas telas (btn, card, form, table,
* badge, dropdown, input-group, alert), migrados do tema Argon (BS4) para o
* Bootstrap 5 e modernizados (raios suaves, sombras em camadas, hover-lift,
* focus-ring roxo). As versões BS4 originais foram removidas do argon.css.
*
* Paleta Argon usada:
* default #172b4d | yellow #eac000 | primary #5e72e4 | success #2dce89
* info #11cdef | warning #fb6340 | danger #f5365c
* gray-100 #f6f9fc | gray-200 #e9ecef | gray-400 #ced4da
* gray-600 #8898aa | gray-700 #525f7f | footer #f8f9fe
*/
/* ==========================================================================
Cores / backgrounds
========================================================================== */
/* default = navy da marca (atualizado p/ a nova logo #1d3a5f) */
.bg-default { background-color: #1d3a5f !important; }
a.bg-default:hover, a.bg-default:focus,
button.bg-default:hover, button.bg-default:focus { background-color: #15293f !important; }
.bg-yellow { background-color: #eac000 !important; }
a.bg-yellow:hover, a.bg-yellow:focus,
button.bg-yellow:hover, button.bg-yellow:focus { background-color: #ccab00 !important; }
.bg-gradient-secondary { background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important; }
.fill-default { fill: #eac000; }
/* ==========================================================================
Tipografia / utilitários de texto
========================================================================== */
.text-sm { font-size: .875rem !important; }
.text-justify { text-align: justify !important; }
.text-underline { text-decoration: underline; }
.heading-small {
font-size: .75rem;
padding-top: .25rem;
padding-bottom: .25rem;
letter-spacing: .04em;
text-transform: uppercase;
}
.form-control-label {
font-size: .875rem;
font-weight: 600;
color: #525f7f;
}
/* float-right do BS4 — equivale ao float-end do BS5 */
.pull-right { float: right !important; }
/* ==========================================================================
Espaçamentos estendidos do Argon (além da escala 0–5 do BS5)
========================================================================== */
.mt--6, .my--6 { margin-top: -4.5rem !important; }
.mt--9, .my--9 { margin-top: -10rem !important; }
.mb-7, .my-7 { margin-bottom: 6rem !important; }
.my-7 { margin-top: 6rem !important; }
.pb-6, .py-6 { padding-bottom: 4.5rem !important; }
.pt-7, .py-7 { padding-top: 6rem !important; }
.pb-7, .py-7 { padding-bottom: 6rem !important; }
@media (min-width: 992px) {
.pt-lg-8, .py-lg-8 { padding-top: 8rem !important; }
.pb-lg-8, .py-lg-8 { padding-bottom: 8rem !important; }
.pt-lg-9, .py-lg-9 { padding-top: 10rem !important; }
.pb-lg-9, .py-lg-9 { padding-bottom: 10rem !important; }
}
/* ==========================================================================
Botões / badges
========================================================================== */
.btn-outline-default {
color: #172b4d;
border-color: #172b4d;
background-color: transparent;
}
.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:active,
.btn-outline-default.active,
.btn-check:checked + .btn-outline-default,
.show > .btn-outline-default.dropdown-toggle {
color: #fff;
border-color: #172b4d;
background-color: #172b4d;
}
.btn-outline-default:focus { box-shadow: 0 0 0 .2rem rgba(23, 43, 77, .5); }
.btn-outline-default:disabled,
.btn-outline-default.disabled { color: #172b4d; background-color: transparent; }
/* btn-group-toggle do BS4: esconde o input nativo (radio/checkbox) */
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }
.btn-group-toggle > .btn input[type='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.badge-lg { padding: .85em 1.375em; }
/* ==========================================================================
Formulários — input-group "alternative" e "merge"
========================================================================== */
.input-group-alternative {
transition: box-shadow .15s ease;
border: 0;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.input-group-alternative .form-control,
.input-group-alternative .input-group-text { border: 0; box-shadow: none; }
/* BS5: :focus-within substitui a classe .focused que era adicionada via JS */
.input-group-alternative:focus-within {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
}
/* merge: remove a borda entre o addon e o input */
.input-group-merge .form-control:not(:first-child) { padding-left: 0; border-left: 0; }
.input-group-merge .form-control:not(:last-child) { padding-right: 0; border-right: 0; }
/* ==========================================================================
Cards / tabelas
========================================================================== */
.card-stats .card-body { padding: 1rem 1.5rem; }
.card-stats .card-status-bullet {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
}
/* card-deck foi removido no BS5 — reimplementado com flex + gap */
.card-deck { display: flex; flex-direction: column; gap: 1.5rem; }
.card-deck > .card { margin-bottom: 0; }
@media (min-width: 576px) {
.card-deck { flex-flow: row wrap; }
.card-deck > .card { flex: 1 0 0%; }
}
.table .thead-light th {
color: #8898aa;
border-color: #e9ecef;
background-color: #f6f9fc;
}
.table .thead-light th a { color: #8898aa; }
.table-flush td, .table-flush th { border-right: 0; border-left: 0; }
.table-flush tbody tr:first-child td, .table-flush tbody tr:first-child th { border-top: 0; }
.table-flush tbody tr:last-child td, .table-flush tbody tr:last-child th { border-bottom: 0; }
/* ==========================================================================
.media / .media-body (removidos no BS5) — flexbox
========================================================================== */
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1 1 auto; }
/* ==========================================================================
.dropleft (BS5 renomeou para .dropstart) — menu/caret à esquerda
========================================================================== */
.dropleft { position: relative; }
.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem; }
.dropleft .dropdown-toggle::after { display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: 0;
content: '';
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after { margin-left: 0; }
.dropleft .dropdown-toggle-split::before { margin-right: 0; }
/* ==========================================================================
Ícone
========================================================================== */
.icon { width: 3rem; height: 3rem; }
.icon i, .icon svg { font-size: 2.25rem; }
.icon + .icon-text { padding-left: 1rem; }
/* ==========================================================================
Header / separador (onda) das telas públicas
========================================================================== */
.header { position: relative; }
.separator {
position: absolute;
top: auto;
right: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 150px;
transform: translateZ(0);
pointer-events: none;
}
.separator svg { position: absolute; pointer-events: none; }
.separator-bottom { top: auto; bottom: 0; }
.separator-bottom svg { bottom: 0; }
.separator-skew { height: 60px; }
@media (min-width: 1200px) { .separator-skew { height: 70px; } }
/* ==========================================================================
Footer
========================================================================== */
.footer { padding: 30px 0; background: #f8f9fe; }
.footer .copyright { font-size: .875rem; }
.footer .col-footer .heading {
font-size: .875rem;
font-weight: 600;
margin-bottom: 1rem;
letter-spacing: 0;
text-transform: uppercase;
color: #8898aa;
}
.footer .nav .nav-item .nav-link,
.footer .footer-link { color: #8898aa !important; }
.footer .nav .nav-item .nav-link:hover,
.footer .footer-link:hover { color: #525f7f !important; }
.nav-footer .nav-link { font-size: .875rem; }
.nav-footer .nav-item:last-child .nav-link { padding-right: 0; }
.copyright { font-size: .875rem; }
/* nav-wrapper (abas acima de um card) */
.nav-wrapper { padding: 1rem 0; border-top-left-radius: .375rem; border-top-right-radius: .375rem; }
.nav-wrapper + .card { border-top-left-radius: 0; border-top-right-radius: 0; }
/* ==========================================================================
Sidenav vertical (navbar-vertical / fixed-left) + main-content
O sistema usa "navbar-vertical fixed-left navbar-expand-xs".
========================================================================== */
.navbar-vertical {
padding-top: 0;
border-width: 0 0 1px 0;
border-style: solid;
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
}
.navbar-vertical .navbar-brand { margin-right: 0; }
.navbar-vertical .navbar-brand > img,
.navbar-vertical .navbar-brand-img { max-width: 100%; max-height: 2rem; }
.navbar-vertical .navbar-nav { margin-right: -1rem; margin-left: -1rem; }
.navbar-vertical .navbar-nav .nav-link {
display: flex;
align-items: center;
font-size: .875rem;
font-weight: 500;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-vertical .navbar-nav .nav-link > i {
min-width: 2rem;
font-size: .9375rem;
line-height: 1.5rem;
}
.navbar-vertical .navbar-nav .nav .nav-link { padding-left: 3rem; }
.navbar-vertical .navbar-nav .nav .nav .nav-link { padding-left: 3.5rem; }
/* seta (caret) dos itens com submenu (collapse) — Material: baixo/cima */
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle='collapse'] {
display: flex;
align-items: center;
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle='collapse'] > .nav-link-text {
flex: 1 1 auto;
min-width: 0;
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle='collapse']::after {
flex: 0 0 auto;
margin-left: .5rem;
font-family: 'Material Icons';
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
content: "expand_more";
font-size: 1.15rem;
line-height: 1;
color: rgba(255, 255, 255, .55);
transition: color .15s ease;
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle='collapse'][aria-expanded='true']::after {
content: "expand_less";
color: var(--facility-gold);
}
.navbar-vertical .navbar-heading {
font-size: .75rem;
padding-top: .25rem;
padding-bottom: .25rem;
letter-spacing: .04em;
text-transform: uppercase;
}
/* variante sempre-expandida (navbar-expand-xs) */
.navbar-vertical.navbar-expand-xs {
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 250px;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-xs .navbar-inner { padding-right: 1.5rem; padding-left: 1.5rem; }
.navbar-vertical.navbar-expand-xs > [class*='container'] {
flex-direction: column;
align-items: stretch;
min-height: 100%;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-xs.fixed-left { left: 0; border-width: 0 1px 0 0; }
.navbar-vertical.navbar-expand-xs.fixed-right { right: 0; border-width: 0 0 0 1px; }
.navbar-vertical.navbar-expand-xs .navbar-collapse {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: stretch;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse > * { min-width: 100%; }
.navbar-vertical.navbar-expand-xs .navbar-nav { flex-direction: column; margin-right: -1.5rem; margin-left: -1.5rem; }
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { padding: .675rem 1.5rem; }
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item { margin-top: 2px; }
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active {
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
border-radius: .375rem;
background: #f6f9fc;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { padding-top: .45rem; padding-bottom: .45rem; padding-left: 3.5rem; }
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link { padding-left: 4.25rem; }
/* desloca o conteúdo principal conforme a sidenav */
.navbar-vertical.navbar-expand-xs.fixed-left + .main-content { margin-left: 250px; }
.navbar-vertical.navbar-expand-xs.fixed-right + .main-content { margin-right: 62px; }
.main-content { position: relative; }
.main-content .navbar-top { padding-right: 0 !important; padding-left: 0 !important; }
/* ==========================================================================
Sidenav: estados (recolhe/expande/fixa) e toggler
========================================================================== */
.sidenav { z-index: 1050; transition: all .4s ease; }
.sidenav .navbar-brand, .sidenav .navbar-heading { padding: 1.5rem; }
.sidenav.fixed-left + .main-content { margin-left: 62px; transition: all .15s ease; }
.sidenav.fixed-right + .main-content { margin-right: 62px; transition: all .15s ease; }
.sidenav-header { height: 78px; text-align: center; }
@media (min-width: 1200px) {
.sidenav:hover { max-width: 250px; }
.sidenav .sidenav-toggler { padding: 1.5rem; }
.g-sidenav-pinned .sidenav.fixed-left + .main-content { margin-left: 250px; }
.g-sidenav-pinned .sidenav.fixed-right + .main-content { margin-right: 250px; }
}
.g-sidenav-show .sidenav .navbar-brand,
.g-sidenav-show .sidenav .navbar-heading { display: block; }
.g-sidenav-show .sidenav .nav-item .collapse { height: auto; transition: all .15s ease; }
.g-sidenav-show .sidenav .nav-link-text { transition: .3s ease; opacity: 1; }
.g-sidenav-pinned .sidenav { max-width: 250px !important; }
.g-sidenav-pinned .sidenav .navbar-brand,
.g-sidenav-pinned .sidenav .navbar-heading { display: block; }
@media (max-width: 1199.98px) {
.sidenav { transform: translateX(-250px); }
.sidenav.fixed-left + .main-content { margin-left: 0 !important; }
.g-sidenav-pinned .sidenav { transform: translateX(0); }
}
/* ==========================================================================
Menu lateral retrátil: mini (só ícones) → expande no hover / quando fixado
========================================================================== */
.sidenav-mark { display: none; width: auto; margin: 0 auto; }
.sidenav .navbar-brand .sidenav-mark { height: 40px; max-height: 40px; }
.navbar-vertical .navbar-nav .nav-link > i.nav-link-icon { min-width: 2rem; font-size: 1.3rem; line-height: 1.4rem; text-align: center; }
@media (min-width: 1200px) {
/* recolhido por padrão: largura de ícones */
.sidenav.navbar-vertical.navbar-expand-xs { max-width: 84px; overflow-x: hidden; }
.navbar-vertical.navbar-expand-xs.fixed-left + .main-content { margin-left: 84px; }
/* marca: só o símbolo (casinha) quando recolhido; logo inteira ao expandir */
.sidenav .sidenav-mark { display: block; }
.sidenav .navbar-brand .sidenav-fulllogo { display: none; }
/* item de destaque (CRIAR PROPOSTA) no modo recolhido: ícone dourado limpo, sem a barra cheia */
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .nav-item.bg-yellow { background-color: transparent !important; }
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .nav-item.bg-yellow .nav-link { padding-top: .4rem; padding-bottom: .4rem; }
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .nav-item.bg-yellow .nav-link-icon {
display: inline-flex; align-items: center; justify-content: center;
width: 42px; height: 42px; min-width: 42px;
background: var(--facility-gold, #eac000); color: #15293f; border-radius: 12px;
box-shadow: 0 6px 16px -6px rgba(234, 192, 0, .7);
}
.sidenav:hover .sidenav-mark,
body.g-sidenav-pinned .sidenav .sidenav-mark { display: none; }
.sidenav:hover .navbar-brand .sidenav-fulllogo,
body.g-sidenav-pinned .sidenav .navbar-brand .sidenav-fulllogo { display: block; }
/* textos/caret/headings/submenus escondidos quando recolhido */
.sidenav .nav-link-text { transition: opacity .2s ease; white-space: nowrap; }
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .nav-link-text { opacity: 0; }
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .navbar-nav .nav-link[data-bs-toggle='collapse']::after { opacity: 0; }
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .nav-item .collapse:not(.collapsing) { display: none; }
body:not(.g-sidenav-pinned) .sidenav:not(:hover) .navbar-heading { visibility: hidden; }
/* expande no hover (sobrepõe o conteúdo, sem reflow) */
.sidenav:hover { max-width: 250px; box-shadow: .35rem 0 2.5rem rgba(13, 26, 47, .45); }
/* fixado (pin): mantém aberto e empurra o conteúdo */
body.g-sidenav-pinned .sidenav { max-width: 250px !important; }
body.g-sidenav-pinned .navbar-vertical.navbar-expand-xs.fixed-left + .main-content { margin-left: 250px; }
body.g-sidenav-pinned .sidenav .nav-link-text { opacity: 1; }
}
/* hambúrguer do toggler */
.sidenav-toggler { cursor: pointer; }
.sidenav-toggler-inner, .sidenav-toggler-line { width: 18px; transition: all .15s ease; }
.sidenav-toggler-inner { position: relative; }
.sidenav-toggler-inner::before {
position: absolute;
top: -14px;
left: -11px;
width: 40px;
height: 40px;
content: '';
transform: scale(0);
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
border-radius: 50%;
}
.sidenav-toggler-line { position: relative; display: block; height: 2px; background-color: #172b4d; }
.sidenav-toggler-line:not(:last-child) { margin-bottom: 3px; }
.sidenav-toggler-dark .sidenav-toggler-line { background-color: #fff; }
.sidenav-toggler.active .sidenav-toggler-inner::before { transform: scale(1); }
.sidenav-toggler.active .sidenav-toggler-line:first-child,
.sidenav-toggler.active .sidenav-toggler-line:last-child,
.nav-open .sidenav-toggler-inner .sidenav-toggler-line:first-child,
.nav-open .sidenav-toggler-inner .sidenav-toggler-line:last-child { width: 13px; transform: translateX(5px); }
.nav-open .sidenav { transform: translateX(0); }
/* ==========================================================================
Navbar superior (navbar-top) + busca + variantes horizontais
========================================================================== */
.navbar-top { padding-right: 1rem; padding-left: 1rem; border: 0; }
.navbar-top.border-bottom.navbar-dark { border-color: rgba(255, 255, 255, .08) !important; }
.navbar-top.border-bottom.navbar-light { border-color: rgba(0, 0, 0, .04) !important; }
.sidenav-pinned .navbar-top .navbar-brand { display: none; }
@media (max-width: 575.98px) {
.navbar-top .navbar-nav { transition: all .15s ease; }
.g-navbar-search-showing .navbar-top .navbar-nav { display: flex; transform: translateX(150%); opacity: 1; }
.g-navbar-search-show .navbar-top .navbar-nav { display: none; }
.g-navbar-search-show .navbar-top .navbar-collapse { width: 100%; }
.g-navbar-search-hiding .navbar-top .navbar-nav { display: flex; transform: translateX(150%); opacity: 0; }
.g-navbar-search-hidden .navbar-top .navbar-nav { transform: translateX(0); opacity: 1; }
}
@media (min-width: 576px) {
.navbar-top .navbar-brand { display: none; }
}
.navbar-horizontal .navbar-brand {
font-size: .875rem;
font-weight: 600;
letter-spacing: .05px;
text-transform: uppercase;
}
.navbar-horizontal .navbar-brand img { height: 13vh; }
.navbar-horizontal .navbar-nav .nav-link { font-size: .875rem; font-weight: 500; }
.navbar-horizontal.navbar-transparent {
position: absolute;
z-index: 100;
top: 0;
width: 100%;
border: 0;
background-color: transparent;
box-shadow: none;
}
.navbar-horizontal.navbar-transparent .navbar-brand { color: #fff; }
@media (min-width: 768px) {
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link { color: rgba(255, 255, 255, .95); }
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover,
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, .65); }
}
/* navbar-light (removido como classe utilitária no BS5) */
.navbar-light .navbar-brand { color: rgba(0, 0, 0, .9); }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .6); }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, .7); }
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, .9); }
/* ==========================================================================
Scrollbar custom da sidenav (plugin jquery.scrollbar)
========================================================================== */
.scrollbar-inner { height: 100%; }
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div { position: absolute; z-index: 10; margin: 0; padding: 0; border: none; }
.scrollbar-inner > .scroll-element div { top: 0; left: 0; display: block; width: 100%; height: 100%; }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; left: 0; width: 100%; height: 8px; }
.scrollbar-inner > .scroll-element.scroll-y { top: 0; right: 2px; width: 8px; height: 100%; }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar { border-radius: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar { opacity: .4; }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar,
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
.scrollbar-inner:not(:hover) .scroll-element { opacity: 0; }
.scrollbar-inner .scroll-element { margin-right: 2px; transition: opacity 300ms; }
.scrollbar-inner .scroll-element .scroll-bar,
.scrollbar-inner .scroll-element .scroll-element_track { transition: background-color 300ms; }
.scrollbar-inner .scroll-element .scroll-element_track { background-color: transparent; }
.scrollbar-inner .scroll-element:hover { width: 4px; }
.scrollbar-inner .scroll-element.scroll-y { right: 0; width: 3px; }
.scrollbar-inner .scroll-element.scroll-x { bottom: 0; height: 3px; }
/* ==========================================================================
COMPONENTES-BASE — migrados do Argon (BS4) p/ Bootstrap 5 + modernização
Os mais usados nas telas: btn (931), card (718), form-control (712),
table (364), badge, dropdown, input-group, alert.
As versões BS4 foram removidas do argon.css; o Bootstrap 5 fornece os
"motores" desses componentes e aqui apenas reconfiguramos a aparência via
CSS variables (--bs-*) com a paleta Argon, modernizada.
========================================================================== */
/* --- Tokens de tema (sobrescreve os defaults do Bootstrap 5) ----------------
MARCA FACILITY (logos 2026): NAVY predominante + DOURADO de destaque.
Navy #1d3a5f (escala: 900 #0f2440 · 800 #15293f · base #1d3a5f · 600 #2c5282 · 500 #3a6ea5)
Gold #eac000 (acento: claro #f3cf57 · escuro #c9a600)
Status (argon) mantidos: success/info/warning/danger.
---------------------------------------------------------------------------- */
:root {
/* paleta de marca */
--facility-navy: #1d3a5f;
--facility-navy-900: #0f2440;
--facility-navy-800: #15293f;
--facility-navy-600: #2c5282;
--facility-navy-500: #3a6ea5;
--facility-gold: #eac000;
--facility-gold-light: #f3cf57;
--facility-gold-dark: #c9a600;
/* gradientes de navy (usados em sidenav, topo, header, botões) */
--facility-gradient-navy: linear-gradient(87deg, #1d3a5f 0, #2c5282 100%);
--facility-gradient-navy-v: linear-gradient(180deg, #1d3a5f 0%, #15293f 100%);
--facility-gradient-navy-deep: linear-gradient(135deg, #2c5282 0%, #1d3a5f 55%, #0f2440 100%);
/* cores do Bootstrap */
--bs-blue: #1d3a5f; --bs-indigo: #5603ad; --bs-purple: #8965e0;
--bs-pink: #f3a4b5; --bs-red: #f5365c; --bs-orange: #fb6340;
--bs-yellow: #eac000; --bs-green: #2dce89; --bs-teal: #11cdef;
--bs-primary: #1d3a5f; --bs-primary-rgb: 29, 58, 95;
--bs-success: #2dce89; --bs-success-rgb: 45, 206, 137;
--bs-info: #11cdef; --bs-info-rgb: 17, 205, 239;
--bs-warning: #fb6340; --bs-warning-rgb: 251, 99, 64;
--bs-danger: #f5365c; --bs-danger-rgb: 245, 54, 92;
--bs-dark: #1d3a5f; --bs-dark-rgb: 29, 58, 95;
/* tipografia / corpo */
--bs-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--bs-body-font-size: .875rem;
--bs-body-color: #525f7f; --bs-body-color-rgb: 82, 95, 127;
--bs-body-bg: #f8f9fe;
--bs-secondary-color: rgba(82, 95, 127, .7);
--bs-emphasis-color: #1d3a5f;
--bs-heading-color: #1d3a5f;
--bs-link-color: #1d3a5f; --bs-link-color-rgb: 29, 58, 95;
--bs-link-hover-color: #15293f;
--bs-border-color: #e9ecef;
/* raios modernizados — cantos mais suaves que o Argon original (.375rem) */
--bs-border-radius: .5rem;
--bs-border-radius-sm: .375rem;
--bs-border-radius-lg: .75rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-pill: 50rem;
/* tokens próprios reutilizados abaixo */
--facility-focus-ring: 0 0 0 .2rem rgba(29, 58, 95, .25);
--facility-shadow-sm: 0 .125rem .25rem rgba(31, 45, 61, .08);
--facility-shadow: 0 0 1.5rem rgba(31, 45, 61, .08);
--facility-shadow-lg: 0 .5rem 1.75rem rgba(31, 45, 61, .14);
--facility-btn-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
--facility-btn-shadow-hover: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
/* ==========================================================================
Botões
========================================================================== */
.btn {
--bs-btn-padding-y: .625rem;
--bs-btn-padding-x: 1.25rem;
--bs-btn-font-size: .875rem;
--bs-btn-font-weight: 600;
--bs-btn-border-radius: .5rem;
--bs-btn-border-width: 1px;
letter-spacing: .025em;
transition: color .15s ease-in-out, background-color .15s ease-in-out,
border-color .15s ease-in-out, transform .15s ease, box-shadow .15s ease;
will-change: transform;
}
/* hover-lift característico do Argon, modernizado */
.btn:hover { transform: translateY(-1px); }
.btn:active, .btn.active { transform: translateY(0); }
.btn:focus-visible, .btn.focus { box-shadow: var(--facility-focus-ring); }
.btn-sm { --bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem; --bs-btn-border-radius: .375rem; }
.btn-lg { --bs-btn-padding-y: .875rem; --bs-btn-padding-x: 1.75rem; --bs-btn-font-size: .875rem; --bs-btn-border-radius: .75rem; }
/* sombra de repouso só nos botões sólidos (não em outline/link) */
.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning,
.btn-danger, .btn-dark, .btn-light, .btn-default, .btn-yellow {
box-shadow: var(--facility-btn-shadow);
}
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-info:hover,
.btn-warning:hover, .btn-danger:hover, .btn-dark:hover, .btn-light:hover,
.btn-default:hover, .btn-yellow:hover { box-shadow: var(--facility-btn-shadow-hover); }
/* No Argon o botão não escurece no hover (mantém a cor e "levanta"); só escurece no :active */
/* primary = NAVY da marca, com leve gradiente */
.btn-primary { --bs-btn-color:#fff; --bs-btn-bg:#1d3a5f; --bs-btn-border-color:#1d3a5f; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#1d3a5f; --bs-btn-hover-border-color:#1d3a5f; --bs-btn-active-color:#fff; --bs-btn-active-bg:#15293f; --bs-btn-active-border-color:#15293f; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#1d3a5f; --bs-btn-disabled-border-color:#1d3a5f; --bs-btn-focus-shadow-rgb:29,58,95; background-image: var(--facility-gradient-navy); border:0; }
.btn-primary:active, .btn-primary.active { background-image: linear-gradient(87deg, #15293f 0, #1d3a5f 100%); }
.btn-success { --bs-btn-color:#fff; --bs-btn-bg:#2dce89; --bs-btn-border-color:#2dce89; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#2dce89; --bs-btn-hover-border-color:#2dce89; --bs-btn-active-color:#fff; --bs-btn-active-bg:#26af74; --bs-btn-active-border-color:#26af74; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#2dce89; --bs-btn-disabled-border-color:#2dce89; --bs-btn-focus-shadow-rgb:45,206,137; }
.btn-info { --bs-btn-color:#fff; --bs-btn-bg:#11cdef; --bs-btn-border-color:#11cdef; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#11cdef; --bs-btn-hover-border-color:#11cdef; --bs-btn-active-color:#fff; --bs-btn-active-bg:#0fb2d1; --bs-btn-active-border-color:#0fb2d1; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#11cdef; --bs-btn-disabled-border-color:#11cdef; --bs-btn-focus-shadow-rgb:17,205,239; }
.btn-warning { --bs-btn-color:#fff; --bs-btn-bg:#fb6340; --bs-btn-border-color:#fb6340; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#fb6340; --bs-btn-hover-border-color:#fb6340; --bs-btn-active-color:#fff; --bs-btn-active-bg:#fa3a0e; --bs-btn-active-border-color:#fa3a0e; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#fb6340; --bs-btn-disabled-border-color:#fb6340; --bs-btn-focus-shadow-rgb:251,99,64; }
.btn-danger { --bs-btn-color:#fff; --bs-btn-bg:#f5365c; --bs-btn-border-color:#f5365c; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#f5365c; --bs-btn-hover-border-color:#f5365c; --bs-btn-active-color:#fff; --bs-btn-active-bg:#ec0c38; --bs-btn-active-border-color:#ec0c38; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#f5365c; --bs-btn-disabled-border-color:#f5365c; --bs-btn-focus-shadow-rgb:245,54,92; }
.btn-dark { --bs-btn-color:#fff; --bs-btn-bg:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#212529; --bs-btn-hover-border-color:#212529; --bs-btn-active-color:#fff; --bs-btn-active-bg:#131618; --bs-btn-active-border-color:#131618; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#212529; --bs-btn-disabled-border-color:#212529; --bs-btn-focus-shadow-rgb:33,37,41; }
/* default = navy da marca Facility */
.btn-default { --bs-btn-color:#fff; --bs-btn-bg:#1d3a5f; --bs-btn-border-color:#1d3a5f; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#1d3a5f; --bs-btn-hover-border-color:#1d3a5f; --bs-btn-active-color:#fff; --bs-btn-active-bg:#15293f; --bs-btn-active-border-color:#15293f; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#1d3a5f; --bs-btn-disabled-border-color:#1d3a5f; --bs-btn-focus-shadow-rgb:29,58,95; }
/* yellow = cor de marca Facility */
.btn-yellow { --bs-btn-color:#fff; --bs-btn-bg:#eac000; --bs-btn-border-color:#eac000; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#eac000; --bs-btn-hover-border-color:#eac000; --bs-btn-active-color:#fff; --bs-btn-active-bg:#c9a600; --bs-btn-active-border-color:#c9a600; --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#eac000; --bs-btn-disabled-border-color:#eac000; --bs-btn-focus-shadow-rgb:234,192,0; }
/* secondary/light = botão claro (near-white) com borda sutil — Argon usava borda invisível; modernizado */
.btn-secondary { --bs-btn-color:#32325d; --bs-btn-bg:#f7fafc; --bs-btn-border-color:#e9ecef; --bs-btn-hover-color:#32325d; --bs-btn-hover-bg:#e9ecef; --bs-btn-hover-border-color:#e2e8f0; --bs-btn-active-color:#32325d; --bs-btn-active-bg:#dfe7ef; --bs-btn-active-border-color:#dfe7ef; --bs-btn-disabled-color:#8898aa; --bs-btn-disabled-bg:#f7fafc; --bs-btn-disabled-border-color:#e9ecef; --bs-btn-focus-shadow-rgb:136,152,170; }
.btn-light { --bs-btn-color:#32325d; --bs-btn-bg:#f6f9fc; --bs-btn-border-color:#e9ecef; --bs-btn-hover-color:#32325d; --bs-btn-hover-bg:#e9ecef; --bs-btn-hover-border-color:#e2e8f0; --bs-btn-active-color:#32325d; --bs-btn-active-bg:#dfe7ef; --bs-btn-active-border-color:#dfe7ef; --bs-btn-disabled-color:#8898aa; --bs-btn-disabled-bg:#f6f9fc; --bs-btn-disabled-border-color:#e9ecef; --bs-btn-focus-shadow-rgb:136,152,170; }
.btn-link { --bs-btn-color:#1d3a5f; --bs-btn-hover-color:#15293f; --bs-btn-font-weight:600; text-decoration:none; }
.btn-link:hover { text-decoration:underline; transform:none; }
/* outline — argon-faithful + cores de marca */
.btn-outline-primary { --bs-btn-color:#1d3a5f; --bs-btn-border-color:#1d3a5f; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#1d3a5f; --bs-btn-hover-border-color:#1d3a5f; --bs-btn-active-color:#fff; --bs-btn-active-bg:#1d3a5f; --bs-btn-active-border-color:#1d3a5f; --bs-btn-focus-shadow-rgb:29,58,95; }
.btn-outline-dark { --bs-btn-color:#172b4d; --bs-btn-border-color:#172b4d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#172b4d; --bs-btn-hover-border-color:#172b4d; --bs-btn-active-color:#fff; --bs-btn-active-bg:#172b4d; --bs-btn-active-border-color:#172b4d; --bs-btn-focus-shadow-rgb:23,43,77; }
.btn-outline-yellow { --bs-btn-color:#eac000; --bs-btn-border-color:#eac000; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#eac000; --bs-btn-hover-border-color:#eac000; --bs-btn-active-color:#fff; --bs-btn-active-bg:#eac000; --bs-btn-active-border-color:#eac000; --bs-btn-focus-shadow-rgb:234,192,0; }
/* outline-secondary é o mais usado (52x) — ghost button cinza, visível e usável */
.btn-outline-secondary { --bs-btn-color:#525f7f; --bs-btn-border-color:#dee2e6; --bs-btn-hover-color:#233dd2; --bs-btn-hover-bg:#f6f9fc; --bs-btn-hover-border-color:#dee2e6; --bs-btn-active-color:#233dd2; --bs-btn-active-bg:#e9ecef; --bs-btn-active-border-color:#dee2e6; --bs-btn-focus-shadow-rgb:136,152,170; }
.btn-outline-default { --bs-btn-color:#172b4d; --bs-btn-border-color:#172b4d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#172b4d; --bs-btn-hover-border-color:#172b4d; --bs-btn-active-color:#fff; --bs-btn-active-bg:#172b4d; --bs-btn-active-border-color:#172b4d; --bs-btn-focus-shadow-rgb:23,43,77; }
/* ==========================================================================
Cards — flutuantes, sem borda, sombra suave (modern)
========================================================================== */
.card {
--bs-card-bg: #fff;
--bs-card-border-width: 0;
--bs-card-border-radius: .75rem;
--bs-card-inner-border-radius: calc(.75rem - 1px);
--bs-card-cap-bg: #fff;
--bs-card-cap-padding-y: 1.25rem;
--bs-card-cap-padding-x: 1.5rem;
--bs-card-spacer-y: 1.5rem;
--bs-card-spacer-x: 1.5rem;
margin-bottom: 1.5rem; /* espaçamento padrão entre cards (como no Argon) */
box-shadow: var(--facility-shadow);
transition: transform .2s ease, box-shadow .2s ease;
}
.card-header { border-bottom: 1px solid #f1f4f8; font-weight: 600; color: #32325d; }
.card-footer { border-top: 1px solid #f1f4f8; background-color: #fff; }
/* utilitário opcional p/ cards clicáveis */
.card-lift:hover { transform: translateY(-3px); box-shadow: var(--facility-shadow-lg); }
/* ==========================================================================
Formulários
========================================================================== */
.form-control, .form-select {
border-radius: .5rem;
border-color: #dee2e6;
color: #525f7f;
transition: border-color .15s ease, box-shadow .15s ease;
}
.form-control:focus, .form-select:focus {
border-color: #1d3a5f;
box-shadow: var(--facility-focus-ring);
}
.form-control::placeholder { color: #adb5bd; }
.form-control-sm, .form-select-sm { border-radius: .375rem; }
.form-control-lg, .form-select-lg { border-radius: .75rem; }
/* checkboxes/radios/switches do BS5 com a cor primária da marca (navy) */
.form-check-input:checked { background-color: #1d3a5f; border-color: #1d3a5f; }
.form-check-input:focus { border-color: #3a6ea5; box-shadow: var(--facility-focus-ring); }
.input-group-text { border-radius: .5rem; background-color: #f6f9fc; border-color: #dee2e6; color: #525f7f; }
/* ==========================================================================
Tabelas — cabeçalho leve em maiúsculas (estilo Argon), espaçoso
========================================================================== */
.table {
--bs-table-color: #525f7f;
--bs-table-bg: transparent;
--bs-table-hover-color: #525f7f;
--bs-table-hover-bg: #f6f9fc;
margin-bottom: 0;
}
.table thead th {
padding: .75rem 1.5rem;
font-size: .65rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #8898aa;
background-color: #f6f9fc;
border-bottom: 1px solid #e9ecef;
vertical-align: middle;
}
.table tbody td, .table tbody th {
padding: 1rem 1.5rem;
vertical-align: middle;
border-top: 1px solid #f1f4f8;
}
.table-sm thead th { padding: .5rem .75rem; }
.table-sm tbody td, .table-sm tbody th { padding: .5rem .75rem; }
/* ==========================================================================
Badges — compactas, peso 600 (cor vem das utilidades .bg-* do argon)
========================================================================== */
.badge {
--bs-badge-padding-x: .5rem;
--bs-badge-padding-y: .35rem;
--bs-badge-font-size: .7rem;
--bs-badge-font-weight: 600;
--bs-badge-border-radius: .375rem;
letter-spacing: .025em;
}
.badge-lg { --bs-badge-padding-x: .85rem; --bs-badge-padding-y: .55rem; font-size: .8rem; }
/* ==========================================================================
Dropdown
========================================================================== */
.dropdown-menu {
--bs-dropdown-border-width: 0;
--bs-dropdown-border-radius: .5rem;
--bs-dropdown-font-size: .875rem;
--bs-dropdown-color: #525f7f;
--bs-dropdown-padding-y: .5rem;
--bs-dropdown-link-color: #525f7f;
--bs-dropdown-link-hover-color: #1d3a5f;
--bs-dropdown-link-hover-bg: #f6f9fc;
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #1d3a5f;
box-shadow: var(--facility-shadow-lg);
}
.dropdown-item { padding: .5rem 1.25rem; }
/* ==========================================================================
Alertas — variantes sólidas coloridas (estilo Argon)
========================================================================== */
.alert {
--bs-alert-border-radius: .5rem;
--bs-alert-border: 0;
padding: 1rem 1.5rem;
}
.alert-primary { --bs-alert-color:#fff; --bs-alert-bg:#2c5282; --bs-alert-border-color:#2c5282; --bs-alert-link-color:#fff; }
.alert-success { --bs-alert-color:#fff; --bs-alert-bg:#4fd69c; --bs-alert-border-color:#4fd69c; --bs-alert-link-color:#fff; }
.alert-info { --bs-alert-color:#fff; --bs-alert-bg:#37d5f2; --bs-alert-border-color:#37d5f2; --bs-alert-link-color:#fff; }
.alert-warning { --bs-alert-color:#fff; --bs-alert-bg:#fc7c5f; --bs-alert-border-color:#fc7c5f; --bs-alert-link-color:#fff; }
.alert-danger { --bs-alert-color:#fff; --bs-alert-bg:#f75676; --bs-alert-border-color:#f75676; --bs-alert-link-color:#fff; }
/* ==========================================================================
MODERNIZAÇÃO DO LAYOUT — polimento de sidenav, header e navbar
========================================================================== */
/* --- Utilitários de marca (navy + dourado) ---------------------------------- */
.bg-navy { background-color: #1d3a5f !important; }
.bg-gradient-navy { background-image: var(--facility-gradient-navy); }
.text-navy { color: #1d3a5f !important; }
.bg-gold { background-color: var(--facility-gold) !important; }
.text-gold { color: var(--facility-gold) !important; }
/* --- Sidenav escura (navy com gradiente vertical) ----------------------------
No _Layout a sidenav usa: class="sidenav ... navbar-dark bg-gradient-navy"
---------------------------------------------------------------------------- */
.sidenav.navbar-vertical { background-image: var(--facility-gradient-navy-v); }
.sidenav .navbar-brand img { max-height: 2.5rem; width: auto; }
.sidenav .sidenav-header { border-bottom: 1px solid rgba(255, 255, 255, .08); }
/* links da sidenav: texto claro · hover translúcido · ATIVO dourado */
.navbar-vertical .navbar-nav .nav-link {
color: rgba(255, 255, 255, .8);
border-radius: .5rem;
margin: .125rem .75rem;
transition: color .15s ease, background-color .15s ease;
}
.navbar-vertical .navbar-nav .nav-link:hover { color: #fff; background-color: rgba(255, 255, 255, .08); }
.navbar-vertical .navbar-nav .nav-link.active {
color: var(--facility-gold);
font-weight: 600;
background-color: rgba(234, 192, 0, .12);
}
.navbar-vertical .navbar-nav .nav-link.active .nav-link-text { color: var(--facility-gold); }
/* submenus aninhados levemente recuados */
.navbar-vertical .navbar-nav .navbar-nav-inner .nav-link { padding-left: 2.75rem; font-size: .8125rem; }
.sidenav .dropdown-divider { border-top-color: rgba(255, 255, 255, .1); }
/* CTA "CRIAR PROPOSTA": pílula dourada com texto navy (acento da marca) */
.navbar-vertical .nav-item.bg-yellow { border-radius: .5rem; margin: .5rem .75rem; }
.navbar-vertical .nav-item.bg-yellow .nav-link,
.navbar-vertical .nav-item.bg-yellow .nav-link-text { color: #1d3a5f !important; }
/* scrollbar custom sobre o navy */
.sidenav .scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(255, 255, 255, .35); }
.sidenav .scrollbar-inner > .scroll-element:hover .scroll-bar,
.sidenav .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(255, 255, 255, .55); }
/* --- Topo e header em navy com gradiente ------------------------------------- */
.navbar-top.bg-gradient-navy { background-image: var(--facility-gradient-navy); box-shadow: 0 1px 12px rgba(15, 36, 64, .18); }
.header.bg-gradient-navy { background-image: var(--facility-gradient-navy-deep); }
/* faixa do header (telas do fluxo de contratação/fiador): logo à esquerda + título, enxuta */
.header-bar { gap: 1rem; }
.header-bar .header-logo { height: 2.15rem; width: auto; }
.header-bar h6 { font-weight: 700; }
.header-back { display: inline-flex; align-items: center; gap: .4rem; color: #fff; text-decoration: none; transition: opacity .15s ease; }
.header-back:hover, .header-back:focus { color: #fff; opacity: .82; }
.header-back .fa { font-size: 1.05rem; line-height: 1; opacity: .85; }
/* faixa navy mais enxuta nesse layout: reduz o buffer de sobreposição (pb-6/mt--6) */
.fiador-shell .header.pb-6 { padding-bottom: 2rem !important; }
.fiador-shell .container-fluid.mt--6 { margin-top: -2rem !important; }
/* Foco acessível e consistente em links/itens interativos */
.page-link:focus, .nav-link:focus-visible { box-shadow: var(--facility-focus-ring); }
.page-item.active .page-link { background-color: #1d3a5f; border-color: #1d3a5f; }
/* ==========================================================================
COMPAT — retematiza p/ NAVY o que sobrou em roxo (#5e72e4) no argon.css.
O argon ainda traz utilitários "primary/blue" hardcoded em roxo; como este
arquivo carrega por último, reapontamos os mais visíveis p/ o navy da marca.
========================================================================== */
a { color: #1d3a5f; }
a:hover { color: #15293f; }
.bg-primary, .bg-blue { background-color: #1d3a5f !important; }
.text-primary, .text-blue { color: #1d3a5f !important; }
.border-primary { border-color: #1d3a5f !important; }
.bg-gradient-primary, .bg-gradient-blue { background-image: var(--facility-gradient-navy) !important; }
.fill-primary { fill: #1d3a5f !important; }
.stroke-primary { stroke: #1d3a5f !important; }
.nav-pills .nav-link { color: #1d3a5f; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1d3a5f; }
.list-group-item.active { background-color: #1d3a5f; border-color: #1d3a5f; }
.progress-bar { background-color: #1d3a5f; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: #1d3a5f; border-color: #1d3a5f; }
/* datepicker (bootstrap-datepicker / jquery-ui) — seleção e realce em navy */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.selected,
.datepicker table tr td.range.today,
.datepicker table tr td.today.active { background-color: #1d3a5f !important; background-image: none !important; color: #fff !important; }
.datepicker table tr td.range { background-color: #e9ecef !important; }
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight { background: #1d3a5f !important; color: #fff !important; border-color: #1d3a5f !important; }
/* ==========================================================================
REDESIGN DO SHELL — topbar clara fixa + conteúdo arejado
(substitui o banner colorido + overlap "mt--6" do padrão Argon)
========================================================================== */
/* Topbar: barra branca fixa no topo do conteúdo */
.app-topbar {
position: sticky;
top: 0;
z-index: 1030;
min-height: 4.5rem;
padding: .5rem 0;
background-color: #fff;
border-bottom: 1px solid #eef1f6;
box-shadow: 0 1px 16px rgba(31, 45, 61, .04);
}
.app-topbar > .container-fluid {
display: flex;
align-items: center;
gap: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 1200px) {
/* alinha o título com o conteúdo (.app-content) e dá mais respiro à esquerda */
.app-topbar > .container-fluid { padding-left: 2rem; padding-right: 2rem; }
}
.app-topbar-title {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.2;
color: #1d3a5f;
letter-spacing: -.015em;
padding-left: .25rem;
}
/* botão de ícone circular (sino de comunicados) */
.app-topbar-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
margin-right: .25rem;
border-radius: 50%;
color: #1d3a5f;
background-color: #f1f4f8;
font-size: 1rem;
transition: background-color .15s ease, color .15s ease;
}
.app-topbar-icon:hover { background-color: #e4e9f1; color: #15293f; }
/* gatilho do menu do usuário: avatar + nome */
.app-topbar .nav-link.app-topbar-user {
display: flex;
align-items: center;
padding: .25rem .5rem;
color: #1d3a5f;
}
.app-topbar .nav-link.app-topbar-user:hover { color: #15293f; }
.app-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background-image: var(--facility-gradient-navy);
color: #fff;
font-weight: 700;
font-size: .95rem;
box-shadow: 0 2px 6px rgba(15, 36, 64, .25);
}
.app-topbar-user .text-navy { color: #1d3a5f !important; }
/* Conteúdo: respiro generoso, fundo claro, sem overlap */
.app-content {
padding: 1.75rem 1.25rem 0;
min-height: calc(100vh - 4.5rem);
}
@media (min-width: 1200px) {
.app-content { padding: 2rem 2rem 0; }
}
/* Rodapé */
.app-footer {
padding: 1.5rem 0 1.25rem;
margin-top: 2rem;
border-top: 1px solid #eef1f6;
font-size: .8125rem;
}
.app-footer .nav-footer .nav-link { padding: 0 .5rem; color: #8898aa; }
/* Sidenav: barra de acento dourada no item ativo + brand com respiro */
.navbar-vertical .navbar-nav .nav-link { position: relative; }
.navbar-vertical .navbar-nav > .nav-item > .nav-link.active::before {
content: "";
position: absolute;
left: -.75rem;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 1.5rem;
border-radius: 0 3px 3px 0;
background-color: var(--facility-gold);
}
.sidenav .sidenav-header { padding: 1.25rem 1.5rem; }
/* ==========================================================================
DATATABLE — PADRÃO de todas as listagens: linhas em formato "card rows"
(cartões espaçados, arredondados, com hover). Aplica-se automaticamente a
toda (a diretiva já gera a classe .datatable).
Utilitários de célula: .cell-title .cell-sub .row-avatar .badge.status-chip
========================================================================== */
.datatable {
--bs-table-striped-bg: transparent; /* sem zebra */
margin-bottom: 0;
border-collapse: separate;
border-spacing: 0 .65rem;
}
/* cabeçalho minimalista: rótulos pequenos em maiúsculas, sem fundo */
.datatable thead th {
padding: 0 1.1rem .35rem;
font-size: .68rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
color: #8898aa;
background: transparent;
border: 0;
white-space: nowrap;
vertical-align: middle;
}
.datatable thead th.hoverPointer { cursor: pointer; user-select: none; transition: color .12s ease; }
.datatable thead th.hoverPointer:hover { color: #1d3a5f; }
/* corpo: cada linha é um cartão (borda + cantos arredondados + sombra) */
.datatable tbody td {
padding: .85rem 1.1rem;
vertical-align: middle;
color: #525f7f;
background-color: #fff;
border: 0;
border-top: 1px solid #eef1f6;
border-bottom: 1px solid #eef1f6;
}
.datatable tbody td:first-child { border-left: 1px solid #eef1f6; border-top-left-radius: .7rem; border-bottom-left-radius: .7rem; }
.datatable tbody td:last-child { border-right: 1px solid #eef1f6; border-top-right-radius: .7rem; border-bottom-right-radius: .7rem; }
/* sem transform: evita stacking context que esconderia o menu (dropleft) aberto da linha de cima */
.datatable tbody tr { box-shadow: 0 1px 3px rgba(31, 45, 61, .04); transition: box-shadow .15s ease; }
.datatable tbody tr:hover { box-shadow: 0 .5rem 1.4rem rgba(31, 45, 61, .12); }
.datatable tbody tr:hover td { background-color: #fcfdff; }
.datatable tbody tr.clickable { cursor: pointer; }
/* indicador de ordenação (span.sortorder) — setas Material.
text-transform/letter-spacing resetados senão a ligadura quebra (th é uppercase). */
.datatable .sortorder::after {
content: "arrow_downward";
font-family: 'Material Icons';
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
font-size: .9rem;
line-height: 1;
vertical-align: middle;
margin-left: .2rem;
color: #1d3a5f;
text-transform: none;
letter-spacing: normal;
}
.datatable .sortorder.reverse::after { content: "arrow_upward"; }
/* coluna de ações: compacta, à direita */
.datatable .datatable-buttons { width: 1%; white-space: nowrap; text-align: right; }
.datatable .datatable-buttons .btn { padding: .35rem .5rem; line-height: 1; }
.datatable .datatable-buttons .btn .fa { font-size: 1.05rem; vertical-align: middle; }
.datatable .datatable-buttons .btn + .btn { margin-left: .35rem; }
/* menu de ações (dropleft) sempre acima das linhas vizinhas */
.datatable .btn-group.dropleft.open, .datatable .btn-group.dropleft.show { position: relative; z-index: 5; }
.datatable .dropdown-menu { z-index: 1031; }
/* utilitários de célula — facilitam montar células ricas em qualquer listagem */
.cell-title { font-weight: 600; color: #1d3a5f; line-height: 1.25; }
.cell-sub { font-size: .8125rem; color: #8898aa; line-height: 1.2; }
/* ==========================================================================
Barra de filtros — ícones em botões de texto / itens de dropdown
========================================================================== */
.btn > .material-icons { font-size: 1.15em; line-height: 1; vertical-align: -.18em; margin-right: .35rem; }
.dropdown-item > .material-icons { font-size: 1.2em; line-height: 1; vertical-align: -.22em; margin-right: .55rem; }
/* botões de ação da barra de filtros: altura/peso consistentes */
.filtros-acoes .btn, .filtros-acoes .dropdown { width: 100%; }
/* ==========================================================================
COMPAT — badges contextuais do Bootstrap 4 (badge-success, etc.)
Foram removidos no BS5; sem isso o texto do status fica "em branco".
========================================================================== */
.badge.badge-primary { background-color: #1d3a5f; color: #fff; }
.badge.badge-secondary { background-color: #8898aa; color: #fff; }
.badge.badge-success { background-color: #2dce89; color: #fff; }
.badge.badge-info { background-color: #11cdef; color: #fff; }
.badge.badge-warning { background-color: #fb6340; color: #fff; }
.badge.badge-danger { background-color: #f5365c; color: #fff; }
.badge.badge-light { background-color: #f6f9fc; color: #32325d; }
.badge.badge-dark { background-color: #212529; color: #fff; }
/* chip de status neutro (tabelas) */
.badge.status-chip { background-color: rgba(29, 58, 95, .08); color: #1d3a5f; font-weight: 600; font-size: .72rem; padding: .4rem .65rem; }
/* avatar com inicial (coluna de cliente) */
.row-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
border-radius: 50%;
flex-shrink: 0;
background-image: var(--facility-gradient-navy);
color: #fff;
font-weight: 700;
font-size: .9rem;
text-transform: uppercase;
box-shadow: 0 2px 6px rgba(15, 36, 64, .2);
}
/* ==========================================================================
WIZARD DE CONTRATAÇÃO — layout premium (painel navy + stepper vertical)
========================================================================== */
/* padding-top cancela o overlap (mt--6 = -4.5rem) do _LayoutNotLoggedFiador
(senão o header navy encobre o topo do painel) + ~1.75rem de folga do header */
.wizard-shell { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: stretch; padding-top: 3.5rem; }
.wizard-main { flex: 1 1 0; min-width: 0; }
/* painel lateral navy */
.wizard-aside {
flex: 0 0 310px;
max-width: 310px;
align-self: stretch;
background-image: var(--facility-gradient-navy-deep);
color: #fff;
border-radius: 1rem;
padding: 1.9rem 1.6rem;
box-shadow: var(--facility-shadow);
}
.wizard-aside .wizard-brand img { max-height: 2.1rem; width: auto; margin-bottom: 1.5rem; }
.wizard-aside-title { font-size: 1.2rem; font-weight: 700; color: #fff; margin: 0; }
.wizard-aside-sub { color: rgba(255, 255, 255, .6); font-size: .82rem; margin-top: .15rem; }
/* barra de progresso */
.wizard-progress { height: 6px; border-radius: 50rem; background: rgba(255, 255, 255, .15); overflow: hidden; margin: 1.1rem 0 .4rem; }
.wizard-progress > span { display: block; height: 100%; background-image: linear-gradient(90deg, #eac000, #f3cf57); border-radius: 50rem; transition: width .35s ease; }
.wizard-progress-label { font-size: .72rem; color: rgba(255, 255, 255, .65); letter-spacing: .02em; }
/* stepper vertical */
.wizard-steps { list-style: none; margin: 1.75rem 0 0; padding: 0; }
.wizard-step { position: relative; padding: 0 0 1.45rem 2.6rem; }
.wizard-step:last-child { padding-bottom: 0; }
.wizard-step::before {
content: "";
position: absolute;
left: .8rem;
top: 1.7rem;
bottom: -.15rem;
width: 2px;
background: rgba(255, 255, 255, .16);
}
.wizard-step:last-child::before { display: none; }
.wizard-step .step-dot {
position: absolute;
left: 0;
top: 0;
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .12);
color: rgba(255, 255, 255, .7);
font-size: .78rem;
font-weight: 700;
border: 2px solid transparent;
transition: all .2s ease;
}
.wizard-step .step-dot .material-icons { font-size: 1rem; }
.wizard-step .step-title { font-weight: 600; color: rgba(255, 255, 255, .82); font-size: .92rem; line-height: 1.3; }
.wizard-step .step-detail { font-size: .78rem; color: rgba(255, 255, 255, .55); margin-top: .15rem; line-height: 1.35; }
/* estados */
.wizard-step.done .step-dot { background: var(--facility-gold); color: #1d3a5f; }
.wizard-step.done::before { background: var(--facility-gold); }
.wizard-step.active .step-dot { background: #fff; color: #1d3a5f; border-color: var(--facility-gold); box-shadow: 0 0 0 4px rgba(234, 192, 0, .25); }
.wizard-step.active .step-title { color: #fff; }
.wizard-step.clickable { cursor: pointer; }
.wizard-step.clickable:hover .step-title { color: #fff; }
.wizard-step .step-link { display: block; color: inherit; text-decoration: none; }
.wizard-step .step-link:hover .step-title { color: #fff; }
@media (max-width: 991.98px) {
.wizard-aside { flex-basis: 100%; max-width: 100%; }
}
/* cards selecionáveis do wizard (tipo de pessoa / categoria do imóvel) */
.wizard-choice {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
cursor: pointer;
border: 2px solid #eef1f6;
border-radius: 1rem;
background: #fff;
padding: 2rem 1.5rem;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
height: 100%;
}
.wizard-choice:hover { transform: translateY(-4px); box-shadow: var(--facility-shadow-lg); border-color: #1d3a5f; }
.wizard-choice img { height: 150px; width: auto; margin-bottom: 1rem; }
.wizard-choice .wizard-choice-title { font-size: 1.15rem; font-weight: 700; color: #1d3a5f; margin: 0; }
/* --- Formulários das etapas: mais modernos e respirados (escopo .wizard-main) --- */
.wizard-main > .card { border-radius: 1rem; }
.wizard-main > .card > .card-body { padding: 2rem 2.25rem; }
/* título da etapa */
.wizard-main h2 { font-size: 1.5rem; font-weight: 700; color: #1d3a5f; letter-spacing: -.01em; margin-bottom: 1.5rem; }
/* labels de campo: maiúsculas pequenas, discretas (exceto labels de checkbox) */
.wizard-main form label:not(.form-check-label) { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: #8898aa; margin-bottom: .4rem; }
.wizard-main .form-check-label { color: #525f7f; }
/* inputs/selects com visual "filled" suave + foco navy */
.wizard-main .form-control,
.wizard-main .form-select {
background-color: #f6f9fc;
border: 1px solid #eef1f6;
border-radius: .6rem;
padding: .7rem .9rem;
height: auto;
font-size: .9rem;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.wizard-main .form-control:focus,
.wizard-main .form-select:focus { background-color: #fff; border-color: #1d3a5f; box-shadow: var(--facility-focus-ring); }
.wizard-main .form-control::placeholder { color: #b3bcc9; }
/* cabeçalhos de seção (.heading-small) com barra de acento dourada */
.wizard-main .heading-small {
position: relative;
font-size: .78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #1d3a5f !important;
margin: 1.9rem 0 1.1rem;
padding: 0 0 .65rem .85rem;
border-bottom: 1px solid #eef1f6;
}
.wizard-main .heading-small::before { content: ""; position: absolute; left: 0; top: 0; height: .95rem; width: 4px; border-radius: 50rem; background: var(--facility-gold); }
/* botões de navegação com mais presença */
.wizard-main .btn { padding: .6rem 1.5rem; }
.wizard-main .btn-sm { padding: .35rem .7rem; }
/* tabelas internas (ex.: garantias em valores) mais leves */
.wizard-main .table { --bs-table-bg: transparent; }
.wizard-main .table th { font-size: .68rem; text-transform: uppercase; letter-spacing: .03em; color: #8898aa; border-color: #eef1f6; }
.wizard-main .table td { border-color: #eef1f6; vertical-align: middle; }
/* seções de formulário (chunking visual de forms longos) */
.wizard-main .form-section { border: 1px solid #eef1f6; border-radius: .85rem; padding: 1.4rem 1.5rem; margin-bottom: 1.25rem; }
.wizard-main .form-section-head { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.2rem; }
.wizard-main .form-section-head .sec-ico { width: 2.2rem; height: 2.2rem; border-radius: .6rem; background: rgba(29, 58, 95, .08); color: #1d3a5f; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wizard-main .form-section-head .sec-ico .material-icons { font-size: 1.2rem; }
.wizard-main .form-section-head .sec-title { font-size: 1rem; font-weight: 700; color: #1d3a5f; margin: 0; line-height: 1.2; }
.wizard-main .form-section-head .sec-sub { font-size: .76rem; color: #8898aa; display: block; }
/* dentro de uma form-section, o heading-small não precisa da barra (já há header) */
.wizard-main .form-section .heading-small { margin-top: 1.25rem; }
/* painel de resumo (etapa de valores e taxas) */
.financeiro-resumo { position: sticky; top: 1rem; border: 1px solid #eef1f6; border-radius: .85rem; overflow: hidden; background: #fff; }
.financeiro-resumo .resumo-head { background-image: var(--facility-gradient-navy); color: #fff; padding: .9rem 1.1rem; font-weight: 700; font-size: .95rem; }
.financeiro-resumo .resumo-row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .8rem 1.1rem; border-bottom: 1px solid #f1f4f8; }
.financeiro-resumo .resumo-row:last-child { border-bottom: 0; }
.financeiro-resumo .resumo-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: #8898aa; font-weight: 600; }
.financeiro-resumo .resumo-value { font-weight: 700; color: #1d3a5f; text-align: right; }
.financeiro-resumo .resumo-row.destaque { background: rgba(45, 206, 137, .1); }
.financeiro-resumo .resumo-row.destaque .resumo-value { color: #1e9e68; font-size: 1.15rem; }
.financeiro-resumo .resumo-row.destaque.negativo { background: rgba(245, 54, 92, .1); }
.financeiro-resumo .resumo-row.destaque.negativo .resumo-value { color: #f5365c; }
/* cards de plano */
/* cards de plano — estilo "pricing card" sem imagem */
.plano-card { position: relative; display: flex; flex-direction: column; height: 100%; border: 1px solid #eef1f6; border-radius: 1rem; background: #fff; overflow: hidden; box-shadow: var(--facility-shadow); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.plano-card:hover { transform: translateY(-5px); box-shadow: var(--facility-shadow-lg); }
.plano-card--destaque { border: 2px solid var(--facility-gold); box-shadow: 0 .6rem 1.9rem rgba(31, 45, 61, .16); }
.plano-badge { position: absolute; top: 0; right: 0; z-index: 2; background: var(--facility-gold); color: #1d3a5f; font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; padding: .32rem .75rem; border-bottom-left-radius: .7rem; }
.plano-head { background-image: var(--facility-gradient-navy); color: #fff; padding: 1.6rem 1.25rem 1.4rem; text-align: center; }
.plano-card--destaque .plano-head { background-image: var(--facility-gradient-navy-deep); }
.plano-head .plano-nome { font-size: 1.15rem; font-weight: 700; color: #fff; margin: 0 0 .5rem; }
.plano-head .plano-rate { font-size: 2.7rem; font-weight: 800; line-height: 1; color: #fff; }
.plano-head .plano-rate small { font-size: 1.1rem; font-weight: 600; opacity: .85; }
.plano-head .plano-rate-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, .6); margin-top: .2rem; }
.plano-head .plano-cashback { display: inline-flex; align-items: center; gap: .3rem; margin-top: .85rem; background: rgba(234, 192, 0, .2); color: #f3cf57; font-size: .73rem; font-weight: 700; padding: .28rem .7rem; border-radius: 50rem; }
.plano-head .plano-cashback .material-icons { font-size: .95rem; }
.plano-body { display: flex; flex-direction: column; flex: 1; padding: 1.35rem 1.4rem 1.5rem; }
.plano-field-label { display: block; font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: #8898aa; margin-bottom: .35rem; }
.plano-sec-label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #1d3a5f; margin: 1.1rem 0 .5rem; }
.plano-sec-label:first-child { margin-top: 0; }
.plano-sec-label small { font-weight: 500; color: #8898aa; text-transform: none; letter-spacing: 0; }
.plano-list { list-style: none; margin: 0; padding: 0; }
.plano-list li { display: flex; align-items: center; gap: .55rem; font-size: .85rem; color: #525f7f; padding: .45rem 0; border-bottom: 1px solid #f4f6f9; }
.plano-list li:last-child { border-bottom: 0; }
.plano-list li > .material-icons { font-size: 1.05rem; color: #2dce89; flex-shrink: 0; }
.plano-list li .plano-val { margin-left: auto; font-weight: 700; color: #1d3a5f; text-align: right; }
.plano-list--muted li { font-size: .8rem; color: #8898aa; padding: .25rem 0; border-bottom: 0; }
.plano-list--muted li > .material-icons { color: #ced4da; font-size: .95rem; }
.plano-select { margin-top: 1.35rem; }
/* Garantias & adicionais — linhas com toggle (tela de valores e taxas) */
.garantia-list { display: flex; flex-direction: column; gap: .6rem; margin-bottom: .5rem; }
.garantia-item { display: flex; align-items: center; gap: .85rem; padding: .8rem 1rem; border: 1px solid #eef1f6; border-radius: .75rem; background: #fff; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.garantia-item.is-on { border-color: #cdd9e8; background: #f6f9fc; box-shadow: inset 3px 0 0 0 var(--facility-gold); }
.garantia-item .gi-switch { margin: 0; min-height: auto; padding-left: 0; display: flex; align-items: center; flex-shrink: 0; }
.garantia-item .gi-switch .form-check-input { width: 2.15em; height: 1.15em; margin: 0; float: none; cursor: pointer; }
.wizard-main .garantia-item .gi-info { display: flex; flex-direction: column; flex: 1; min-width: 0; margin: 0; cursor: pointer; text-transform: none; letter-spacing: 0; }
.garantia-item .gi-name { font-weight: 600; color: #32325d; font-size: .9rem; }
.garantia-item.is-on .gi-name { color: #1d3a5f; }
.garantia-item .gi-sub { font-size: .76rem; color: #8898aa; font-weight: 400; margin-top: .1rem; }
.garantia-item .gi-value { width: 150px; flex-shrink: 0; }
.wizard-main .garantia-item .gi-value .form-control { background: #fff; border-color: #e2e8f0; text-align: right; }
.garantia-item--block { flex-direction: column; align-items: stretch; gap: .85rem; }
.garantia-item--block .gi-row { display: flex; align-items: center; gap: .85rem; }
.garantia-item .gi-expand { padding-left: calc(2.15em + .85rem); }
/* resultado da pré-análise */
.preanalise-result { border: 1px solid #eef1f6; border-radius: 1rem; padding: 1.5rem 1.75rem; background: #f8fafc; margin: 1.5rem 0; }
.preanalise-result .pa-valor-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: #8898aa; font-weight: 600; }
.preanalise-result .pa-valor { font-size: 1.6rem; font-weight: 800; color: #2dce89; line-height: 1.1; }
.preanalise-result img { width: 110px; height: auto; }
/* ==========================================================================
RESUMO DA CONTRATAÇÃO — checkout (detalhes + resumo fixo) + painéis chave-valor
========================================================================== */
/* layout em duas colunas: detalhes (esquerda) + resumo fixo (direita) */
.checkout-shell { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; }
.checkout-details { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 1.25rem; }
.checkout-summary { flex: 0 0 322px; max-width: 322px; position: sticky; top: 1.5rem; }
@media (max-width: 991.98px) { .checkout-summary { position: static; flex-basis: 100%; max-width: none; } }
.cs-card { background-image: var(--facility-gradient-navy-deep); border-radius: 1rem; padding: 1.5rem; color: #fff; box-shadow: var(--facility-shadow-lg); }
.cs-title { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, .55); font-weight: 600; }
.cs-plano { font-size: 1.4rem; font-weight: 800; color: #fff; margin: .1rem 0 1.2rem; line-height: 1.15; }
.cs-rows { display: flex; flex-direction: column; gap: .6rem; padding-bottom: 1.15rem; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.cs-row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; font-size: .84rem; color: rgba(255, 255, 255, .72); }
.cs-row strong { color: #fff; font-weight: 600; text-align: right; }
.cs-total { display: flex; flex-direction: column; gap: .12rem; padding: 1.15rem 0 1.35rem; }
.cs-total-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: rgba(255, 255, 255, .55); font-weight: 600; }
.cs-total-value { font-size: 1.55rem; font-weight: 800; color: var(--facility-gold-light); line-height: 1.1; }
.cs-total-sub { font-size: .78rem; color: rgba(255, 255, 255, .6); }
.cs-btn-save { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; background: #fff; color: #1d3a5f; font-weight: 700; border: 0; padding: .7rem 1rem; }
.cs-btn-save:hover { background: #f1f4f8; color: #15293f; }
.cs-btn-save .material-icons { font-size: 1.1rem; }
.cs-btn-back { color: rgba(255, 255, 255, .8); border: 0; margin-top: .4rem; font-weight: 600; }
.cs-btn-back:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.resumo-grid { display: flex; flex-direction: column; gap: 1.25rem; }
.resumo-card { border: 1px solid #eef1f6; border-radius: 1rem; background: #fff; overflow: hidden; }
.resumo-card-head { display: flex; align-items: center; gap: .75rem; padding: .85rem 1.25rem; border-bottom: 1px solid #f1f4f8; background: #fbfcfe; }
.resumo-card-head .sec-ico { width: 2.1rem; height: 2.1rem; border-radius: .6rem; background: rgba(29, 58, 95, .08); color: #1d3a5f; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.resumo-card-head .sec-ico .material-icons { font-size: 1.15rem; }
.resumo-card-head .sec-title { font-size: .95rem; font-weight: 700; color: #1d3a5f; margin: 0; }
.resumo-card-body { padding: .5rem 1.25rem .9rem; }
.kv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); column-gap: 2.5rem; }
.kv { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid #f4f6f9; min-width: 0; }
.kv-label { color: #8898aa; font-size: .8rem; flex-shrink: 0; }
.kv-value { color: #32325d; font-weight: 600; font-size: .87rem; text-align: right; word-break: break-word; min-width: 0; }
.kv-value .text-muted { font-weight: 400; font-size: .78rem; }
.kv--full { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; gap: .15rem; }
.kv--full .kv-value { text-align: left; }
.resumo-subhead { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #1d3a5f; margin: .9rem 0 .35rem; padding-top: .9rem; border-top: 1px dashed #e7ebf1; }
.resumo-card-body .table { font-size: .85rem; }
.resumo-card-body .table th { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: #8898aa; border-bottom: 1px solid #eef1f6; }
.modal-dialog.model-dialog-80 {
max-width: unset !important;
width: 80% !important;
}
.navbar-vertical .navbar-brand > img {
max-height: 5rem !important;
}
.btn-yellow {
color: #fff;
border-color: #eac000;
background-color: #eac000;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-yellow:hover {
color: #fff;
border-color: #eac000;
background-color: #eac000;
}
.btn-yellow:focus,
.btn-yellow.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-yellow.disabled,
.btn-yellow:disabled {
color: #fff;
border-color: #eac000;
background-color: #eac000;
}
.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
color: #fff;
border-color: #eac000;
background-color: #919ca6;
}
.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-outline-yellow {
color: #eac000;
border-color: #eac000;
background-color: transparent;
background-image: none;
}
.btn-outline-yellow:hover {
color: #fff;
border-color: #eac000;
background-color: #eac000;
}
.btn-outline-yellow:focus,
.btn-outline-yellow.focus {
box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
color: #eac000;
background-color: transparent;
}
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.btn-outline-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-yellow.dropdown-toggle {
color: #fff;
border-color: #eac000;
background-color: #eac000;
}
.btn-outline-yellow:not(:disabled):not(.disabled):active:focus,
.btn-outline-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-yellow.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after {
font-family: 'Material Icons';
}
.navbar-nav-inner {
margin-left: 1rem !important;
}
.fa {
width: 14px;
}
/* ReSharper disable InvalidValue */
/*!
* froala_editor v2.7.6 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs
*/
.clearfix::after {
clear: both;
display: block;
content: "";
height: 0;
}
.hide-by-clipping {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.fr-element,
.fr-element:focus {
outline: 0px solid transparent;
}
.fr-box.fr-basic .fr-element {
color: #000000;
padding: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-x: auto;
min-height: 52px;
}
.fr-box.fr-basic.fr-rtl .fr-element {
text-align: right;
}
.fr-element {
background: transparent;
position: relative;
z-index: 2;
-webkit-user-select: auto;
}
.fr-element a {
user-select: auto;
-o-user-select: auto;
-moz-user-select: auto;
-khtml-user-select: auto;
-webkit-user-select: auto;
-ms-user-select: auto;
}
.fr-element.fr-disabled {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.fr-element [contenteditable="true"] {
outline: 0px solid transparent;
}
.fr-box a.fr-floating-btn {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 32px;
width: 32px;
background: #ffffff;
color: #1e88e5;
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
-moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
-ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
outline: none;
left: 0;
top: 0;
line-height: 32px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
text-align: center;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
}
.fr-box a.fr-floating-btn svg {
-webkit-transition: transform 0.2s ease 0s;
-moz-transition: transform 0.2s ease 0s;
-ms-transition: transform 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s;
fill: #1e88e5;
}
.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
font-size: 14px;
line-height: 32px;
}
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
margin-left: 10px;
}
.fr-box a.fr-floating-btn:hover {
background: #ebebeb;
cursor: pointer;
}
.fr-box a.fr-floating-btn:hover svg {
fill: #1e88e5;
}
.fr-box .fr-visible a.fr-floating-btn {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
iframe.fr-iframe {
width: 100%;
border: none;
position: relative;
display: block;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fr-wrapper {
position: relative;
z-index: 1;
}
.fr-wrapper::after {
clear: both;
display: block;
content: "";
height: 0;
}
.fr-wrapper .fr-placeholder {
position: absolute;
font-size: 12px;
color: #aaaaaa;
z-index: 1;
display: none;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.fr-wrapper.show-placeholder .fr-placeholder {
display: block;
}
.fr-wrapper ::-moz-selection {
background: #b5d6fd;
color: #000000;
}
.fr-wrapper ::selection {
background: #b5d6fd;
color: #000000;
}
.fr-box.fr-basic .fr-wrapper {
background: #ffffff;
border: 0px;
border-top: 0;
top: 0;
left: 0;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
border-top: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
border-bottom: 0;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-tooltip {
position: absolute;
top: 0;
left: 0;
padding: 0 8px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
background: #222222;
color: #ffffff;
font-size: 11px;
line-height: 22px;
font-family: Arial, Helvetica, sans-serif;
-webkit-transition: opacity 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
left: -3000px;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
z-index: 2147483647;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fr-tooltip.fr-visible {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
background: transparent;
color: #222222;
-moz-outline: 0;
outline: 0;
border: 0;
line-height: 1;
cursor: pointer;
text-align: left;
margin: 0px 2px;
-webkit-transition: background 0.2s ease 0s;
-moz-transition: background 0.2s ease 0s;
-ms-transition: background 0.2s ease 0s;
-o-transition: background 0.2s ease 0s;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
z-index: 2;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
float: left;
padding: 0;
width: 38px;
height: 38px;
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
border: 0;
padding: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
width: auto;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
display: block;
font-size: 14px;
width: 14px;
margin: 12px 12px;
text-align: center;
float: none;
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
font-size: 14px;
display: block;
line-height: 17px;
min-width: 34px;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 17px;
font-weight: bold;
padding: 0 2px;
}
.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
margin: 12px 12px;
width: 14px;
}
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
color: #1e88e5;
background: transparent;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
width: auto;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
font-weight: normal;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
margin-left: 8px;
margin-right: 16px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
color: #222222;
background: #d6d6d6;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
background: #d6d6d6 !important;
color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
border-top-color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #222222;
right: 4px;
top: 17px;
content: "";
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
color: #bdbdbd;
cursor: default;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
border-top-color: #bdbdbd !important;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
display: none;
}
.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
color: #bdbdbd;
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
border-top-color: #bdbdbd;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
float: right;
}
.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
float: none;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
outline: 0;
color: #222222;
background: #ebebeb;
}
.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
border-top-color: #222222 !important;
}
.fr-desktop .fr-command.fr-selected {
color: #222222;
background: #d6d6d6;
}
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
color: #1e88e5;
background: #ebebeb;
}
.fr-desktop .fr-command.fr-active.fr-selected {
color: #1e88e5;
background: #d6d6d6;
}
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
background: transparent;
}
.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
background: transparent;
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
background: transparent;
}
.fr-command.fr-btn + .fr-dropdown-menu {
display: inline-block;
position: absolute;
right: auto;
bottom: auto;
height: auto;
z-index: 4;
-webkit-overflow-scrolling: touch;
overflow: hidden;
zoom: 1;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
height: auto;
max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
background: #ffffff;
padding: 0;
margin: auto;
display: inline-block;
text-align: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: max-height 0.2s ease 0s;
-moz-transition: max-height 0.2s ease 0s;
-ms-transition: max-height 0.2s ease 0s;
-o-transition: max-height 0.2s ease 0s;
margin-top: 0;
float: left;
max-height: 0;
height: 0;
margin-top: 0 !important;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
overflow: auto;
position: relative;
max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
padding: 0;
margin: 0;
font-size: 15px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
padding: 0 24px;
line-height: 200%;
display: block;
cursor: pointer;
white-space: nowrap;
color: inherit;
text-decoration: none;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
background: #d6d6d6;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
color: #bdbdbd;
cursor: default;
}
.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
left: -3000px !important;
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
display: inline-block;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
height: auto;
max-height: 275px;
}
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
text-align: right !important;
}
body.prevent-scroll {
overflow: hidden;
}
body.prevent-scroll.fr-mobile {
position: fixed;
-webkit-overflow-scrolling: touch;
}
.fr-modal {
color: #222222;
font-family: Arial, Helvetica, sans-serif;
position: fixed;
overflow-x: auto;
overflow-y: scroll;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 2147483640;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
line-height: 1.2;
}
.fr-modal.fr-middle .fr-modal-wrapper {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
position: absolute;
}
.fr-modal .fr-modal-wrapper {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 20px auto;
display: inline-block;
background: #ffffff;
min-width: 300px;
-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
border: 0px;
border-top: 5px solid #222222;
overflow: hidden;
width: 90%;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.fr-modal .fr-modal-wrapper {
margin: 30px auto;
width: 70%;
}
}
@media (min-width: 992px) {
.fr-modal .fr-modal-wrapper {
margin: 50px auto;
width: 600px;
}
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
background: #ffffff;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
border-bottom: 0px;
overflow: hidden;
position: absolute;
width: 100%;
min-height: 42px;
z-index: 3;
-webkit-transition: height 0.2s ease 0s;
-moz-transition: height 0.2s ease 0s;
-ms-transition: height 0.2s ease 0s;
-o-transition: height 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
padding: 12px;
width: 20px;
font-size: 16px;
cursor: pointer;
line-height: 18px;
color: #222222;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
top: 0;
right: 0;
-webkit-transition: color 0.2s ease 0s;
-moz-transition: color 0.2s ease 0s;
-ms-transition: color 0.2s ease 0s;
-o-transition: color 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
font-size: 18px;
padding: 12px 10px;
margin: 0;
font-weight: 400;
line-height: 18px;
display: inline-block;
float: left;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
height: 100%;
min-height: 150px;
overflow-y: scroll;
padding-bottom: 10px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
outline: 0;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
height: 36px;
line-height: 1;
color: #1e88e5;
padding: 10px;
cursor: pointer;
text-decoration: none;
border: none;
background: none;
font-size: 16px;
outline: none;
-webkit-transition: background 0.2s ease 0s;
-moz-transition: background 0.2s ease 0s;
-ms-transition: background 0.2s ease 0s;
-o-transition: background 0.2s ease 0s;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
margin-left: 24px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
background: #ebebeb;
color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
background: #d6d6d6;
color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
border: 0;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
background: #ebebeb;
}
.fr-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 2147483639;
}
.fr-popup {
position: absolute;
display: none;
color: #222222;
background: #ffffff;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: Arial, Helvetica, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
margin-top: 10px;
z-index: 2147483635;
text-align: left;
border: 0px;
border-top: 5px solid #222222;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.2;
}
.fr-popup .fr-input-focus {
background: #f5f5f5;
}
.fr-popup.fr-above {
margin-top: -10px;
border-top: 0;
border-bottom: 5px solid #222222;
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-popup.fr-active {
display: block;
}
.fr-popup.fr-hidden {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-popup.fr-empty {
display: none !important;
}
.fr-popup .fr-hs {
display: block !important;
}
.fr-popup .fr-hs.fr-hidden {
display: none !important;
}
.fr-popup .fr-input-line {
position: relative;
padding: 8px 0;
}
.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
width: 100%;
margin: 0px 0 1px 0;
border: none;
border-bottom: solid 1px #bdbdbd;
color: #222222;
font-size: 14px;
padding: 6px 0 2px;
background: rgba(0, 0, 0, 0);
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
border-bottom: solid 2px #1e88e5;
margin-bottom: 0px;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
color: rgba(0, 0, 0, 0);
-webkit-transition: color 0.2s ease 0s;
-moz-transition: color 0.2s ease 0s;
-ms-transition: color 0.2s ease 0s;
-o-transition: color 0.2s ease 0s;
z-index: 3;
width: 100%;
display: block;
background: #ffffff;
}
.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
color: #1e88e5;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
color: #808080;
}
.fr-popup input,
.fr-popup textarea {
user-select: text;
-o-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
.fr-popup textarea {
resize: none;
}
.fr-popup .fr-buttons {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
padding: 0 2px;
white-space: nowrap;
line-height: 0;
border-bottom: 0px;
}
.fr-popup .fr-buttons::after {
clear: both;
display: block;
content: "";
height: 0;
}
.fr-popup .fr-buttons .fr-btn {
display: inline-block;
float: none;
}
.fr-popup .fr-buttons .fr-btn i {
float: left;
}
.fr-popup .fr-buttons .fr-separator {
display: inline-block;
float: none;
}
.fr-popup .fr-layer {
width: 225px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 10px;
display: none;
}
@media (min-width: 768px) {
.fr-popup .fr-layer {
width: 300px;
}
}
.fr-popup .fr-layer.fr-active {
display: inline-block;
}
.fr-popup .fr-action-buttons {
z-index: 7;
height: 36px;
text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
height: 36px;
line-height: 1;
color: #1e88e5;
padding: 10px;
cursor: pointer;
text-decoration: none;
border: none;
background: none;
font-size: 16px;
outline: none;
-webkit-transition: background 0.2s ease 0s;
-moz-transition: background 0.2s ease 0s;
-ms-transition: background 0.2s ease 0s;
-o-transition: background 0.2s ease 0s;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.fr-popup .fr-action-buttons button.fr-command + button {
margin-left: 24px;
}
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
background: #ebebeb;
color: #1e88e5;
}
.fr-popup .fr-action-buttons button.fr-command:active {
background: #d6d6d6;
color: #1e88e5;
}
.fr-popup .fr-action-buttons button::-moz-focus-inner {
border: 0;
}
.fr-popup .fr-checkbox {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
line-height: 1;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
vertical-align: middle;
}
.fr-popup .fr-checkbox svg {
margin-left: 2px;
margin-top: 2px;
display: none;
width: 10px;
height: 10px;
}
.fr-popup .fr-checkbox span {
border: solid 1px #222222;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 16px;
height: 16px;
display: inline-block;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-popup .fr-checkbox input {
position: absolute;
z-index: 2;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border: 0 none;
cursor: pointer;
height: 16px;
margin: 0;
padding: 0;
width: 16px;
top: 1px;
left: 1px;
}
.fr-popup .fr-checkbox input:checked + span {
background: #1e88e5;
border-color: #1e88e5;
}
.fr-popup .fr-checkbox input:checked + span svg {
display: block;
}
.fr-popup .fr-checkbox input:focus + span {
border-color: #1e88e5;
}
.fr-popup .fr-checkbox-line {
font-size: 14px;
line-height: 1.4px;
margin-top: 10px;
}
.fr-popup .fr-checkbox-line label {
cursor: pointer;
margin: 0 5px;
vertical-align: middle;
}
.fr-popup.fr-rtl {
direction: rtl;
text-align: right;
}
.fr-popup.fr-rtl .fr-action-buttons {
text-align: left;
}
.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
left: auto;
right: 0;
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
float: right;
}
.fr-popup .fr-arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #222222;
position: absolute;
top: -9px;
left: 50%;
margin-left: -5px;
display: inline-block;
}
.fr-popup.fr-above .fr-arrow {
top: auto;
bottom: -9px;
border-bottom: 0;
border-top: 5px solid #222222;
}
.fr-text-edit-layer {
width: 250px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block !important;
}
.fr-toolbar {
color: #222222;
background: #ffffff;
position: relative;
z-index: 4;
font-family: Arial, Helvetica, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 0 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
text-align: left;
border: 0px;
border-top: 5px solid #222222;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.2;
}
.fr-toolbar::after {
clear: both;
display: block;
content: "";
height: 0;
}
.fr-toolbar.fr-rtl {
text-align: right;
}
.fr-toolbar.fr-inline {
display: none;
white-space: nowrap;
position: absolute;
margin-top: 10px;
}
.fr-toolbar.fr-inline .fr-arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #222222;
position: absolute;
top: -9px;
left: 50%;
margin-left: -5px;
display: inline-block;
}
.fr-toolbar.fr-inline.fr-above {
margin-top: -10px;
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
border-bottom: 5px solid #222222;
border-top: 0;
}
.fr-toolbar.fr-inline.fr-above .fr-arrow {
top: auto;
bottom: -9px;
border-bottom: 0;
border-top-color: inherit;
border-top-style: solid;
border-top-width: 5px;
}
.fr-toolbar.fr-top {
top: 0;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-toolbar.fr-bottom {
bottom: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-separator {
background: #ebebeb;
display: block;
vertical-align: top;
float: left;
}
.fr-separator + .fr-separator {
display: none;
}
.fr-separator.fr-vs {
height: 34px;
width: 1px;
margin: 2px;
}
.fr-separator.fr-hs {
clear: both;
height: 1px;
width: calc(100% - (2 * 2px));
margin: 0 2px;
}
.fr-separator.fr-hidden {
display: none !important;
}
.fr-rtl .fr-separator {
float: right;
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
float: none;
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
float: none;
display: inline-block;
}
.fr-visibility-helper {
display: none;
margin-left: 0px !important;
}
@media (min-width: 768px) {
.fr-visibility-helper {
margin-left: 1px !important;
}
}
@media (min-width: 992px) {
.fr-visibility-helper {
margin-left: 2px !important;
}
}
@media (min-width: 1200px) {
.fr-visibility-helper {
margin-left: 3px !important;
}
}
.fr-opacity-0 {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-box {
position: relative;
}
/**
* Postion sticky hacks.
*/
.fr-sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
}
.fr-sticky-off {
position: relative;
}
.fr-sticky-on {
position: fixed;
}
.fr-sticky-on.fr-sticky-ios {
position: absolute;
left: 0;
right: 0;
width: auto !important;
}
.fr-sticky-dummy {
display: none;
}
.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
display: block;
}
span.fr-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*!
* froala_editor v2.7.6 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs
*/
.clearfix::after {
clear: both;
display: block;
content: "";
height: 0;
}
.hide-by-clipping {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
img.fr-rounded,
.fr-img-caption.fr-rounded img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
img.fr-bordered,
.fr-img-caption.fr-bordered img {
border: solid 5px #CCC;
}
img.fr-bordered {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fr-img-caption.fr-bordered img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img.fr-shadow,
.fr-img-caption.fr-shadow img {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-view span[style~="color:"] a {
color: inherit;
}
.fr-view strong {
font-weight: 700;
}
.fr-view table {
border: none;
border-collapse: collapse;
empty-cells: show;
max-width: 100%;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
background: #f5f5f5;
}
.fr-view table td,
.fr-view table th {
border: 1px solid #dddddd;
}
.fr-view table td:empty,
.fr-view table th:empty {
height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
border-width: 2px;
}
.fr-view table th {
background: #e6e6e6;
}
.fr-view hr {
clear: both;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
page-break-after: always;
}
.fr-view .fr-file {
position: relative;
}
.fr-view .fr-file::after {
position: relative;
content: "\1F4CE";
font-weight: normal;
}
.fr-view pre {
white-space: pre-wrap;
word-wrap: break-word;
}
.fr-view[dir="rtl"] blockquote {
border-left: none;
border-right: solid 2px #5e35b1;
margin-right: 0;
padding-right: 5px;
padding-left: 0px;
}
.fr-view[dir="rtl"] blockquote blockquote {
border-color: #00bcd4;
}
.fr-view[dir="rtl"] blockquote blockquote blockquote {
border-color: #43a047;
}
.fr-view blockquote {
border-left: solid 2px #5e35b1;
margin-left: 0;
padding-left: 5px;
color: #5e35b1;
}
.fr-view blockquote blockquote {
border-color: #00bcd4;
color: #00bcd4;
}
.fr-view blockquote blockquote blockquote {
border-color: #43a047;
color: #43a047;
}
.fr-view span.fr-emoticon {
font-weight: normal;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
display: inline;
line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important;
font-size: inherit;
height: 1em;
width: 1em;
min-height: 20px;
min-width: 20px;
display: inline-block;
margin: -0.1em 0.1em 0.1em;
line-height: 1;
vertical-align: middle;
}
.fr-view .fr-text-gray {
color: #AAA !important;
}
.fr-view .fr-text-bordered {
border-top: solid 1px #222;
border-bottom: solid 1px #222;
padding: 10px 0;
}
.fr-view .fr-text-spaced {
letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
text-transform: uppercase;
}
.fr-view img {
position: relative;
max-width: 100%;
}
.fr-view img.fr-dib {
margin: 5px auto;
display: block;
float: none;
vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
margin-left: 0;
text-align: left;
}
.fr-view img.fr-dib.fr-fir {
margin-right: 0;
text-align: right;
}
.fr-view img.fr-dii {
display: inline-block;
float: none;
vertical-align: bottom;
margin-left: 5px;
margin-right: 5px;
max-width: calc(100% - (2 * 5px));
}
.fr-view img.fr-dii.fr-fil {
float: left;
margin: 5px 5px 5px 0;
max-width: calc(100% - 5px);
}
.fr-view img.fr-dii.fr-fir {
float: right;
margin: 5px 0 5px 5px;
max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption {
position: relative;
max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
margin: 5px auto;
display: block;
float: none;
vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
margin-left: 0;
text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
margin-right: 0;
text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
display: inline-block;
float: none;
vertical-align: bottom;
margin-left: 5px;
margin-right: 5px;
max-width: calc(100% - (2 * 5px));
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
float: left;
margin: 5px 5px 5px 0;
max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
float: right;
margin: 5px 0 5px 5px;
max-width: calc(100% - 5px);
}
.fr-view .fr-video {
text-align: center;
position: relative;
}
.fr-view .fr-video > * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
max-width: 100%;
border: none;
}
.fr-view .fr-video.fr-dvb {
display: block;
clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
text-align: right;
}
.fr-view .fr-video.fr-dvi {
display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
float: right;
}
.fr-view a.fr-strong {
font-weight: 700;
}
.fr-view a.fr-green {
color: green;
}
.fr-view .fr-img-caption {
text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
padding: 0px;
display: inline-block;
margin: auto;
text-align: center;
width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap img {
display: block;
margin: auto;
width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
margin: auto;
display: block;
padding: 5px 5px 10px;
font-size: 14px;
font-weight: initial;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
width: 100%;
text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
font-size: 24px;
}
/**
* Image style.
*/
a.fr-view.fr-strong {
font-weight: 700;
}
a.fr-view.fr-green {
color: green;
}
/**
* Link style.
*/
img.fr-view {
position: relative;
max-width: 100%;
}
img.fr-view.fr-dib {
margin: 5px auto;
display: block;
float: none;
vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
margin-left: 0;
text-align: left;
}
img.fr-view.fr-dib.fr-fir {
margin-right: 0;
text-align: right;
}
img.fr-view.fr-dii {
display: inline-block;
float: none;
vertical-align: bottom;
margin-left: 5px;
margin-right: 5px;
max-width: calc(100% - (2 * 5px));
}
img.fr-view.fr-dii.fr-fil {
float: left;
margin: 5px 5px 5px 0;
max-width: calc(100% - 5px);
}
img.fr-view.fr-dii.fr-fir {
float: right;
margin: 5px 0 5px 5px;
max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view {
position: relative;
max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
margin: 5px auto;
display: block;
float: none;
vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
margin-left: 0;
text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
margin-right: 0;
text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
display: inline-block;
float: none;
vertical-align: bottom;
margin-left: 5px;
margin-right: 5px;
max-width: calc(100% - (2 * 5px));
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
float: left;
margin: 5px 5px 5px 0;
max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
float: right;
margin: 5px 0 5px 5px;
max-width: calc(100% - 5px);
}
a[href="https://froala.com/wysiwyg-editor"], a[href="https://www.froala.com/wysiwyg-editor?k=u"] {
display: none !important;
position: absolute;
top: -99999999px;
}
/*!
* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs
*/
.clearfix::after {
clear: both;
display: block;
content: "";
height: 0;
}
.hide-by-clipping {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.fr-element img {
cursor: pointer;
}
.fr-image-resizer {
position: absolute;
border: solid 1px #1e88e5;
display: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fr-image-resizer.fr-active {
display: block;
}
.fr-image-resizer .fr-handler {
display: block;
position: absolute;
background: #1e88e5;
border: solid 1px #ffffff;
z-index: 4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
cursor: se-resize;
}
.fr-image-resizer .fr-handler {
width: 12px;
height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
left: -6px;
top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
right: -6px;
top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
left: -6px;
bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
right: -6px;
bottom: -6px;
}
@media (min-width: 1200px) {
.fr-image-resizer .fr-handler {
width: 10px;
height: 10px;
}
.fr-image-resizer .fr-handler.fr-hnw {
left: -5px;
top: -5px;
}
.fr-image-resizer .fr-handler.fr-hne {
right: -5px;
top: -5px;
}
.fr-image-resizer .fr-handler.fr-hsw {
left: -5px;
bottom: -5px;
}
.fr-image-resizer .fr-handler.fr-hse {
right: -5px;
bottom: -5px;
}
}
.fr-image-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2147483640;
display: none;
}
.fr-popup .fr-image-upload-layer {
border: dashed 2px #bdbdbd;
padding: 25px 0;
position: relative;
font-size: 14px;
letter-spacing: 1px;
line-height: 140%;
text-align: center;
}
.fr-popup .fr-image-upload-layer:hover {
background: #ebebeb;
}
.fr-popup .fr-image-upload-layer.fr-drop {
background: #ebebeb;
border-color: #1e88e5;
}
.fr-popup .fr-image-upload-layer .fr-form {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2147483640;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.fr-popup .fr-image-upload-layer .fr-form input {
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 500%;
height: 100%;
margin: 0px;
font-size: 400px;
}
.fr-popup .fr-image-progress-bar-layer > h3 {
font-size: 16px;
margin: 10px 0;
font-weight: normal;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
display: none;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
background: #bcdbf7;
height: 10px;
width: 100%;
margin-top: 20px;
overflow: hidden;
position: relative;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
display: block;
height: 100%;
width: 0%;
background: #1e88e5;
-webkit-transition: width 0.2s ease 0s;
-moz-transition: width 0.2s ease 0s;
-ms-transition: width 0.2s ease 0s;
-o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
width: 30% !important;
position: absolute;
top: 0;
-webkit-animation: loading 2s linear infinite;
-moz-animation: loading 2s linear infinite;
-o-animation: loading 2s linear infinite;
animation: loading 2s linear infinite;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
display: none;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
width: calc(50% - 5px);
display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
margin-left: 10px;
}
.fr-uploading {
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@keyframes loading {
from {
left: -25%;
}
to {
left: 100%;
}
}
@-webkit-keyframes loading {
from {
left: -25%;
}
to {
left: 100%;
}
}
@-moz-keyframes loading {
from {
left: -25%;
}
to {
left: 100%;
}
}
@-o-keyframes loading {
from {
left: -25%;
}
to {
left: 100%;
}
}
/*!
* froala_editor v2.8.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs
*/
.clearfix::after {
clear: both;
display: block;
content: "";
height: 0;
}
.hide-by-clipping {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.fr-modal-head .fr-modal-head-line::after {
clear: both;
display: block;
content: "";
height: 0;
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more {
float: left;
opacity: 1;
-webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
-moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
-ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
padding: 12px;
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
opacity: 0;
width: 0;
padding: 12px 0;
}
.fr-modal-head .fr-modal-tags {
display: none;
text-align: left;
}
.fr-modal-head .fr-modal-tags a {
display: inline-block;
opacity: 0;
padding: 6px 8px;
margin: 8px 0 8px 8px;
text-decoration: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #1e88e5;
-webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
cursor: pointer;
}
.fr-modal-head .fr-modal-tags a:focus {
outline: none;
}
.fr-modal-head .fr-modal-tags a.fr-selected-tag {
background: #d6d6d6;
}
div.fr-modal-body .fr-preloader {
display: block;
margin: 50px auto;
}
div.fr-modal-body div.fr-image-list {
text-align: center;
margin: 0 10px;
padding: 0;
}
div.fr-modal-body div.fr-image-list::after {
clear: both;
display: block;
content: "";
height: 0;
}
div.fr-modal-body div.fr-image-list .fr-list-column {
float: left;
width: calc((100% - 10px) / 2);
}
@media (min-width: 768px) and (max-width: 1199px) {
div.fr-modal-body div.fr-image-list .fr-list-column {
width: calc((100% - 20px) / 3);
}
}
@media (min-width: 1200px) {
div.fr-modal-body div.fr-image-list .fr-list-column {
width: calc((100% - 30px) / 4);
}
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
margin-left: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container {
position: relative;
width: 100%;
display: block;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
}
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
margin-top: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container + div {
margin-top: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
position: absolute;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
background: #000000;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
content: attr(data-deleting);
color: #ffffff;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
position: absolute;
z-index: 3;
font-size: 15px;
height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
height: 95px;
background: #cccccc;
z-index: 1;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: attr(data-loading);
display: inline-block;
height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container img {
width: 100%;
vertical-align: middle;
position: relative;
z-index: 2;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
display: inline-block;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
display: none;
top: 50%;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
position: absolute;
cursor: pointer;
margin: 0;
width: 36px;
height: 36px;
line-height: 36px;
text-decoration: none;
z-index: 3;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
background: #b8312f;
color: #ffffff;
left: 50%;
-webkit-transform: translateY(-50%) translateX(25%);
-moz-transform: translateY(-50%) translateX(25%);
-ms-transform: translateY(-50%) translateX(25%);
-o-transform: translateY(-50%) translateX(25%);
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
background: #ffffff;
color: #1e88e5;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-125%);
-moz-transform: translateY(-50%) translateX(-125%);
-ms-transform: translateY(-50%) translateX(-125%);
-o-transform: translateY(-50%) translateX(-125%);
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
background: #ebebeb;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
background: #d6d6d6;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
display: inline-block;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
background: #bf4644;
color: #ffffff;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
background: #ebebeb;
}