:root{
--i-arrow-right6:url('data:image/svg+xml;utf8,');
--i-asterisk4:url('data:image/svg+xml;utf8,');
--i-check1:url('data:image/svg+xml;utf8,');
--i-check3:url('data:image/svg+xml;utf8,');
--i-check7:url('data:image/svg+xml;utf8,');
--i-chevron-down1:url('data:image/svg+xml;utf8,');
--i-chevron-down3:url('data:image/svg+xml;utf8,');
--i-chevron-left3:url('data:image/svg+xml;utf8,');
--i-chevron-left5:url('data:image/svg+xml;utf8,');
--i-chevron-right3:url('data:image/svg+xml;utf8,');
--i-chevron-right5:url('data:image/svg+xml;utf8,');
--i-three-dots-vertical2:url('data:image/svg+xml;utf8,');
--img-error:url('data:image/svg+xml;utf8,');
}
:root {
--blue:#007bff;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--orange:#fd7e14;
--yellow:#ffc107;
--green:#28a745;
--teal:#20c997;
--cyan:#17a2b8;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#652D90;
--secondary:#652D90;
--success:#62AC87;
--info:#299EE1;
--warning:#DF7430;
--danger:#CB2A55;
--dark:#002A40;
--light:#f7f7f7;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
--font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--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 {
margin: 0;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title], abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
b, strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #337ab7;
text-decoration: none;
background-color: transparent; }
a:hover {
color: #23527c;
text-decoration: underline; }
a:not([href]):not([class]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none; }
pre, code, kbd, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit;
text-align: -webkit-match-parent; }
label {
display: inline-block;
margin-bottom: 0.5rem; }
button {
border-radius: 0; }
button:focus:not(:focus-visible) {
outline: 0; }
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button, input {
overflow: visible; }
button, select {
text-transform: none; }
[role="button"] {
cursor: pointer; }
select {
word-wrap: normal; }
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button; }
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
cursor: pointer; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"], input[type="checkbox"] {
box-sizing: border-box;
padding: 0; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
@media (max-width: 1200px) {
legend {
font-size: calc(1.275rem + 0.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 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2; }
h1, .h1 {
font-size: 1.875rem; }
@media (max-width: 1200px) {
h1, .h1 {
font-size: calc(1.3125rem + 0.75vw) ; } }
h2, .h2 {
font-size: 1.5rem; }
@media (max-width: 1200px) {
h2, .h2 {
font-size: calc(1.275rem + 0.3vw) ; } }
h3, .h3 {
font-size: 1.3125rem; }
@media (max-width: 1200px) {
h3, .h3 {
font-size: calc(1.25625rem + 0.075vw) ; } }
h4, .h4 {
font-size: 1.125rem; }
h5, .h5 {
font-size: 0.9375rem; }
h6, .h6 {
font-size: 0.75rem; }
.lead {
font-size: 0.9375rem;
font-weight: 300; }
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2; }
@media (max-width: 1200px) {
.display-1 {
font-size: calc(1.725rem + 5.7vw) ; } }
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2; }
@media (max-width: 1200px) {
.display-2 {
font-size: calc(1.675rem + 5.1vw) ; } }
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2; }
@media (max-width: 1200px) {
.display-3 {
font-size: calc(1.575rem + 3.9vw) ; } }
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2; }
@media (max-width: 1200px) {
.display-4 {
font-size: calc(1.475rem + 2.7vw) ; } }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small, .small {
font-size: 80%;
font-weight: 400; }
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 90%;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 0.9375rem; }
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014\00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #6c757d; }
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem; }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700; }
pre {
display: block;
font-size: 87.5%;
color: #212529; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
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; } }
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%; }
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%; }
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%; }
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%; }
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%; }
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%; }
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-first {
order: -1; }
.order-last {
order: 13; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-6 {
order: 6; }
.order-7 {
order: 7; }
.order-8 {
order: 8; }
.order-9 {
order: 9; }
.order-10 {
order: 10; }
.order-11 {
order: 11; }
.order-12 {
order: 12; }
.offset-1 {
margin-left: 8.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%; }
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%; }
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%; }
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%; }
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%; }
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%; }
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%; }
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
order: -1; }
.order-sm-last {
order: 13; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-6 {
order: 6; }
.order-sm-7 {
order: 7; }
.order-sm-8 {
order: 8; }
.order-sm-9 {
order: 9; }
.order-sm-10 {
order: 10; }
.order-sm-11 {
order: 11; }
.order-sm-12 {
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.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%; } }
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%; }
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%; }
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%; }
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%; }
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%; }
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%; }
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
order: -1; }
.order-md-last {
order: 13; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-6 {
order: 6; }
.order-md-7 {
order: 7; }
.order-md-8 {
order: 8; }
.order-md-9 {
order: 9; }
.order-md-10 {
order: 10; }
.order-md-11 {
order: 11; }
.order-md-12 {
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.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%; } }
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%; }
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%; }
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%; }
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%; }
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%; }
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%; }
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
order: -1; }
.order-lg-last {
order: 13; }
.order-lg-0 {
order: 0; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-6 {
order: 6; }
.order-lg-7 {
order: 7; }
.order-lg-8 {
order: 8; }
.order-lg-9 {
order: 9; }
.order-lg-10 {
order: 10; }
.order-lg-11 {
order: 11; }
.order-lg-12 {
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.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%; } }
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%; }
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%; }
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%; }
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%; }
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%; }
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%; }
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
order: -1; }
.order-xl-last {
order: 13; }
.order-xl-0 {
order: 0; }
.order-xl-1 {
order: 1; }
.order-xl-2 {
order: 2; }
.order-xl-3 {
order: 3; }
.order-xl-4 {
order: 4; }
.order-xl-5 {
order: 5; }
.order-xl-6 {
order: 6; }
.order-xl-7 {
order: 7; }
.order-xl-8 {
order: 8; }
.order-xl-9 {
order: 9; }
.order-xl-10 {
order: 10; }
.order-xl-11 {
order: 11; }
.order-xl-12 {
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.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%; } }
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529; }
.table th, .table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6; }
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6; }
.table tbody + tbody {
border-top: 2px solid #dee2e6; }
.table-sm th, .table-sm td {
padding: 0.3rem; }
.table-bordered {
border: 1px solid #dee2e6; }
.table-bordered th, .table-bordered td {
border: 1px solid #dee2e6; }
.table-bordered thead th, .table-bordered thead td {
border-bottom-width: 2px; }
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
border: 0; }
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075); }
.table-primary, .table-primary > th, .table-primary > td {
background-color: #d4c4e0; }
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
border-color: #af92c5; }
.table-hover .table-primary:hover {
background-color: #c8b3d7; }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color: #c8b3d7; }
.table-secondary, .table-secondary > th, .table-secondary > td {
background-color: #d4c4e0; }
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
border-color: #af92c5; }
.table-hover .table-secondary:hover {
background-color: #c8b3d7; }
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color: #c8b3d7; }
.table-success, .table-success > th, .table-success > td {
background-color: #d3e8dd; }
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
border-color: #add4c1; }
.table-hover .table-success:hover {
background-color: #c2dfd0; }
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color: #c2dfd0; }
.table-info, .table-info > th, .table-info > td {
background-color: #c3e4f7; }
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
border-color: #90cdef; }
.table-hover .table-info:hover {
background-color: #addaf4; }
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color: #addaf4; }
.table-warning, .table-warning > th, .table-warning > td {
background-color: #f6d8c5; }
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
border-color: #eeb793; }
.table-hover .table-warning:hover {
background-color: #f3c9af; }
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color: #f3c9af; }
.table-danger, .table-danger > th, .table-danger > td {
background-color: #f0c3cf; }
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
border-color: #e490a7; }
.table-hover .table-danger:hover {
background-color: #ebafbf; }
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color: #ebafbf; }
.table-dark, .table-dark > th, .table-dark > td {
background-color: #b8c3ca; }
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #7a909c; }
.table-hover .table-dark:hover {
background-color: #a9b7bf; }
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color: #a9b7bf; }
.table-light, .table-light > th, .table-light > td {
background-color: #fdfdfd; }
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
border-color: #fbfbfb; }
.table-hover .table-light:hover {
background-color: #f0f0f0; }
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color: #f0f0f0; }
.table-active, .table-active > th, .table-active > td {
background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55; }
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6; }
.table-dark {
color: #fff;
background-color: #343a40; }
.table-dark th, .table-dark td, .table-dark thead th {
border-color: #454d55; }
.table-dark.table-bordered {
border: 0; }
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-sm > .table-bordered {
border: 0; } }
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-md > .table-bordered {
border: 0; } }
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-lg > .table-bordered {
border: 0; } }
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-xl > .table-bordered {
border: 0; } }
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive > .table-bordered {
border: 0; }
.form-control {
display: block;
width: 100%;
height: 38px;
padding: 0.375rem 0.75rem;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none; } }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #a56cd1;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.form-control::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: rgba(212, 212, 212, 0.5);
opacity: 1; }
input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] {
appearance: none; }
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057; }
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; }
.form-control-file, .form-control-range {
display: block;
width: 100%; }
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 0.9375rem;
line-height: 1.5; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.65625rem;
line-height: 1.5; }
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 0.75rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; }
.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.65625rem;
line-height: 1.5;
border-radius: 0.2rem; }
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 0.9375rem;
line-height: 1.5;
border-radius: 0.3rem; }
select.form-control[size], select.form-control[multiple] {
height: auto; }
textarea.form-control {
height: auto; }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; }
.form-check {
position: relative;
display: block;
padding-left: 1.25rem; }
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
color: #6c757d; }
.form-check-label {
margin-bottom: 0; }
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #62AC87; }
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.8rem;
line-height: 1.5;
color: #fff;
background-color: rgba(98, 172, 135, 0.9);
border-radius: 3px; }
.form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip {
left: 5px; }
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #62AC87;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362AC87' d='M2.3 6.73L.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: #62AC87;
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.25); }
.was-validated select.form-control:valid, select.form-control.is-valid {
padding-right: 3rem !important;
background-position: right 1.5rem center; }
.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 .custom-select:valid, .custom-select.is-valid {
border-color: #62AC87;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2362AC87' d='M2.3 6.73L.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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #62AC87;
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.25); }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #62AC87; }
.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: #62AC87; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #62AC87; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #83bea1;
background-color: #83bea1; }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.25); }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #62AC87; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #62AC87; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #62AC87;
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.25); }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #CB2A55; }
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.8rem;
line-height: 1.5;
color: #fff;
background-color: rgba(203, 42, 85, 0.9);
border-radius: 3px; }
.form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip {
left: 5px; }
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #CB2A55;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23CB2A55' viewBox='0 0 12 12'%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='%23CB2A55' 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: #CB2A55;
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.25); }
.was-validated select.form-control:invalid, select.form-control.is-invalid {
padding-right: 3rem !important;
background-position: right 1.5rem center; }
.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 .custom-select:invalid, .custom-select.is-invalid {
border-color: #CB2A55;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23CB2A55' viewBox='0 0 12 12'%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='%23CB2A55' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #CB2A55;
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.25); }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #CB2A55; }
.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: #CB2A55; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #CB2A55; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #da4e73;
background-color: #da4e73; }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.25); }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #CB2A55; }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #CB2A55; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #CB2A55;
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.25); }
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center; }
.form-inline .form-check {
width: 100%; }
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0; }
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-plaintext {
display: inline-block; }
.form-inline .input-group, .form-inline .custom-select {
width: auto; }
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0; }
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.form-inline .custom-control {
align-items: center;
justify-content: center; }
.form-inline .custom-control-label {
margin-bottom: 0; } }
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0rem 0.3rem;
font-size: 0.8rem;
line-height: 1.5rem;
border-radius: 5px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover {
color: #212529;
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
.btn:not(:disabled):not(.disabled) {
cursor: pointer; }
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none; }
.btn-primary {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-primary:hover {
color: #fff;
background-color: #512473;
border-color: #4a2169; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #512473;
border-color: #4a2169;
box-shadow: 0 0 0 0.2rem rgba(124, 77, 161, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #4a2169;
border-color: #431e5f; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(124, 77, 161, 0.5); }
.btn-secondary {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-secondary:hover {
color: #fff;
background-color: #512473;
border-color: #4a2169; }
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: #512473;
border-color: #4a2169;
box-shadow: 0 0 0 0.2rem rgba(124, 77, 161, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary.active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #4a2169;
border-color: #431e5f; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(124, 77, 161, 0.5); }
.btn-success {
color: #fff;
background-color: #62AC87;
border-color: #62AC87; }
.btn-success:hover {
color: #fff;
background-color: #509874;
border-color: #4c8f6e; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #509874;
border-color: #4c8f6e;
box-shadow: 0 0 0 0.2rem rgba(122, 184, 153, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #62AC87;
border-color: #62AC87; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success.active:not(:disabled):not(.disabled), .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #4c8f6e;
border-color: #478767; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success.active:not(:disabled):not(.disabled):focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(122, 184, 153, 0.5); }
.btn-info {
color: #fff;
background-color: #299EE1;
border-color: #299EE1; }
.btn-info:hover {
color: #fff;
background-color: #1c89c8;
border-color: #1a82bd; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #1c89c8;
border-color: #1a82bd;
box-shadow: 0 0 0 0.2rem rgba(73, 173, 230, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #299EE1;
border-color: #299EE1; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info.active:not(:disabled):not(.disabled), .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #1a82bd;
border-color: #197ab1; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info.active:not(:disabled):not(.disabled):focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(73, 173, 230, 0.5); }
.btn-warning {
color: #fff;
background-color: #DF7430;
border-color: #DF7430; }
.btn-warning:hover {
color: #fff;
background-color: #ca611f;
border-color: #bf5c1d; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ca611f;
border-color: #bf5c1d;
box-shadow: 0 0 0 0.2rem rgba(228, 137, 79, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #fff;
background-color: #DF7430;
border-color: #DF7430; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:not(:disabled):not(.disabled), .show > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #bf5c1d;
border-color: #b4571c; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(228, 137, 79, 0.5); }
.btn-danger {
color: #fff;
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-danger:hover {
color: #fff;
background-color: #ab2348;
border-color: #a12143; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #ab2348;
border-color: #a12143;
box-shadow: 0 0 0 0.2rem rgba(211, 74, 111, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger.active:not(:disabled):not(.disabled), .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #a12143;
border-color: #961f3f; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(211, 74, 111, 0.5); }
.btn-dark {
color: #fff;
background-color: #002A40;
border-color: #002A40; }
.btn-dark:hover {
color: #fff;
background-color: #00111a;
border-color: #00090d; }
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: #00111a;
border-color: #00090d;
box-shadow: 0 0 0 0.2rem rgba(38, 74, 93, 0.5); }
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #002A40;
border-color: #002A40; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark.active:not(:disabled):not(.disabled), .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #00090d;
border-color: black; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 74, 93, 0.5); }
.btn-light {
color: #212529;
background-color: #f7f7f7;
border-color: #f7f7f7; }
.btn-light:hover {
color: #212529;
background-color: #e4e4e4;
border-color: #dedede; }
.btn-light:focus, .btn-light.focus {
color: #212529;
background-color: #e4e4e4;
border-color: #dedede;
box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5); }
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f7f7f7;
border-color: #f7f7f7; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light.active:not(:disabled):not(.disabled), .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dedede;
border-color: #d7d7d7; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light.active:not(:disabled):not(.disabled):focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5); }
.btn-outline-primary {
color: #652D90;
border-color: #652D90; }
.btn-outline-primary:hover {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #652D90;
background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary.active:not(:disabled):not(.disabled), .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.5); }
.btn-outline-secondary {
color: #652D90;
border-color: #652D90; }
.btn-outline-secondary:hover {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #652D90;
background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary.active:not(:disabled):not(.disabled), .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.5); }
.btn-outline-success {
color: #62AC87;
border-color: #62AC87; }
.btn-outline-success:hover {
color: #fff;
background-color: #62AC87;
border-color: #62AC87; }
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #62AC87;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success.active:not(:disabled):not(.disabled), .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #62AC87;
border-color: #62AC87; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.5); }
.btn-outline-info {
color: #299EE1;
border-color: #299EE1; }
.btn-outline-info:hover {
color: #fff;
background-color: #299EE1;
border-color: #299EE1; }
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(41, 158, 225, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #299EE1;
background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info.active:not(:disabled):not(.disabled), .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #299EE1;
border-color: #299EE1; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(41, 158, 225, 0.5); }
.btn-outline-warning {
color: #DF7430;
border-color: #DF7430; }
.btn-outline-warning:hover {
color: #fff;
background-color: #DF7430;
border-color: #DF7430; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(223, 116, 48, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #DF7430;
background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning.active:not(:disabled):not(.disabled), .show > .btn-outline-warning.dropdown-toggle {
color: #fff;
background-color: #DF7430;
border-color: #DF7430; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(223, 116, 48, 0.5); }
.btn-outline-danger {
color: #CB2A55;
border-color: #CB2A55; }
.btn-outline-danger:hover {
color: #fff;
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #CB2A55;
background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger.active:not(:disabled):not(.disabled), .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.5); }
.btn-outline-dark {
color: #002A40;
border-color: #002A40; }
.btn-outline-dark:hover {
color: #fff;
background-color: #002A40;
border-color: #002A40; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 42, 64, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #002A40;
background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark.active:not(:disabled):not(.disabled), .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #002A40;
border-color: #002A40; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 42, 64, 0.5); }
.btn-outline-light {
color: #f7f7f7;
border-color: #f7f7f7; }
.btn-outline-light:hover {
color: #212529;
background-color: #f7f7f7;
border-color: #f7f7f7; }
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f7f7f7;
background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light.active:not(:disabled):not(.disabled), .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f7f7f7;
border-color: #f7f7f7; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); }
.btn-link {
font-weight: 400;
color: #337ab7;
text-decoration: none; }
.btn-link:hover {
color: #23527c;
text-decoration: underline; }
.btn-link:focus, .btn-link.focus {
text-decoration: underline; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 0.15rem 0.4rem;
font-size: 0.8rem;
line-height: 1.5rem;
border-radius: 5px; }
.btn-sm, .btn-group-sm > .btn {
padding: 0px 0.4rem;
font-size: 0.7rem;
line-height: 1.2rem;
border-radius: 5px; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 0.5rem; }
input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
width: 100%; }
.fade {
transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none; } }
.fade:not(.show) {
opacity: 0; }
.collapse:not(.show) {
display: none; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.dropup, .dropright, .dropdown, .dropleft {
position: relative; }
.dropdown-toggle {
white-space: nowrap; }
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1100;
display: none;
float: left;
min-width: fit-content !important;
padding: 0.5rem 0;
margin: 0 0 0;
font-size: 0.775rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #652D90;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0; }
.dropdown-menu-left {
right: auto;
left: 0; }
.dropdown-menu-right {
right: 0;
left: auto; }
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0; }
.dropdown-menu-sm-right {
right: 0;
left: auto; } }
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0; }
.dropdown-menu-md-right {
right: 0;
left: auto; } }
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0; }
.dropdown-menu-lg-right {
right: 0;
left: auto; } }
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0; }
.dropdown-menu-xl-right {
right: 0;
left: auto; } }
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0; }
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0; }
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.dropright .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-toggle::after {
vertical-align: 0; }
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0; }
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropleft .dropdown-toggle::after {
display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.dropleft .dropdown-toggle:empty::after {
margin-left: 0; }
.dropleft .dropdown-toggle::before {
vertical-align: 0; }
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto; }
.dropdown-divider {
height: 0;
margin: 0.25rem 0;
overflow: hidden;
border-top: 1px solid #0085AD; }
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #e9ecef; }
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #652D90; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0 0.5rem;
margin-bottom: 0;
font-size: 0.65625rem;
color: #90c2d2;
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529; }
.btn-group, .btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto; }
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
z-index: 1; }
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
z-index: 1; }
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
margin-left: -1px; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown-toggle-split {
padding-right: 0.225rem;
padding-left: 0.225rem; }
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
margin-left: 0; }
.dropleft .dropdown-toggle-split::before {
margin-right: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.3rem;
padding-left: 0.3rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.3rem;
padding-left: 0.3rem; }
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
width: 100%; }
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
margin-bottom: 0; }
.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%; }
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0; }
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3; }
.input-group > .custom-file .custom-file-input:focus {
z-index: 4; }
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .custom-file {
display: flex;
align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group-prepend, .input-group-append {
display: flex; }
.input-group-prepend .btn, .input-group-append .btn {
position: relative;
z-index: 2; }
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
z-index: 3; }
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
margin-left: -1px; }
.input-group-prepend {
margin-right: -1px; }
.input-group-append {
margin-left: -1px; }
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem; }
.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
margin-top: 0; }
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
height: calc(1.5em + 1rem + 2px); }
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem;
font-size: 0.9375rem;
line-height: 1.5;
border-radius: 0.3rem; }
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
height: calc(1.5em + 0.5rem + 2px); }
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.65625rem;
line-height: 1.5;
border-radius: 0.2rem; }
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
padding-right: 1.75rem; }
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.125rem;
padding-left: 1.5rem;
color-adjust: exact; }
.custom-control-inline {
display: inline-flex;
margin-right: 1rem; }
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.0625rem;
opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #652D90;
background-color: #652D90; }
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #a56cd1; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #bd92dd;
border-color: #bd92dd; }
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; }
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: rgba(212, 212, 212, 0.5); }
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top; }
.custom-control-label::before {
position: absolute;
top: 0.0625rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #001926 solid 1px; }
.custom-control-label::after {
position: absolute;
top: 0.0625rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50% / 50% 50% no-repeat; }
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #652D90;
background-color: #652D90; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(101, 45, 144, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(101, 45, 144, 0.5); }
.custom-radio .custom-control-label::before {
border-radius: 0.5rem; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(101, 45, 144, 0.5); }
.custom-switch {
padding-left: 2.25rem; }
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem; }
.custom-switch .custom-control-label::after {
top: calc(0.0625rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #001926;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none; } }
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem); }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(101, 45, 144, 0.5); }
.custom-select {
display: inline-block;
width: 100%;
height: 38px;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
border: 1px solid #ced4da;
border-radius: 0.25rem;
appearance: none; }
.custom-select:focus {
border-color: #a56cd1;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff; }
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none; }
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef; }
.custom-select::-ms-expand {
display: none; }
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057; }
.custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.65625rem; }
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 0.9375rem; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 38px;
margin-bottom: 0; }
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 38px;
margin: 0;
overflow: hidden;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-label {
border-color: #a56cd1;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
background-color: rgba(212, 212, 212, 0.5); }
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"; }
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse); }
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 38px;
padding: 0.375rem 0.75rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem; }
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0; }
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
appearance: none; }
.custom-range:focus {
outline: 0; }
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.custom-range::-moz-focus-outer {
border: 0; }
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #652D90;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
transition: none; } }
.custom-range::-webkit-slider-thumb:active {
background-color: #bd92dd; }
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #652D90;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
transition: none; } }
.custom-range::-moz-range-thumb:active {
background-color: #bd92dd; }
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #652D90;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
transition: none; } }
.custom-range::-ms-thumb:active {
background-color: #bd92dd; }
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem; }
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem; }
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem; }
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; }
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default; }
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd; }
.custom-range:disabled::-moz-range-track {
cursor: default; }
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd; }
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before, .custom-file-label, .custom-select {
transition: none; } }
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: 0.1rem 1rem; }
.nav-link:hover, .nav-link:focus {
text-decoration: none; }
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default; }
.nav-tabs {
border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-item.active .nav-link, .nav-tabs .nav-item.show .nav-link {
color: white;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-pills .nav-link {
border-radius: 0.25rem; }
.nav-pills .nav-item.active .nav-link, .nav-pills .show > .nav-link {
color: #fff;
background-color: #652D90; }
.nav-fill > .nav-link, .nav-fill .nav-item {
flex: 1 1 auto;
text-align: center; }
.nav-justified > .nav-link, .nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0 1rem; }
.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 {
display: inline-block;
padding-top: -0.0875rem;
padding-bottom: -0.0875rem;
margin-right: 1rem;
font-size: 1rem;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0; }
.navbar-nav .dropdown-menu {
position: static;
float: none; }
.navbar-text {
display: inline-block;
padding-top: 0.1rem;
padding-bottom: 0.1rem; }
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 0.9375rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 5px; }
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50% / 100% 100% no-repeat; }
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto; }
@media (max-width: 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-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: 0.5rem;
padding-left: 0.5rem; }
.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-nav-scroll {
overflow: visible; }
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; } }
@media (max-width: 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-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: 0.5rem;
padding-left: 0.5rem; }
.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-nav-scroll {
overflow: visible; }
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; } }
@media (max-width: 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-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: 0.5rem;
padding-left: 0.5rem; }
.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-nav-scroll {
overflow: visible; }
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; } }
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-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: 0.5rem;
padding-left: 0.5rem; }
.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-nav-scroll {
overflow: visible; }
.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: 0.5rem;
padding-left: 0.5rem; }
.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-nav-scroll {
overflow: visible; }
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand .navbar-toggler {
display: none; }
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .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%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand {
color: #fff; }
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff; }
.navbar-dark .navbar-nav .nav-link {
color: white; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color: #fff; }
.navbar-dark .navbar-toggler {
color: white;
border-color: rgba(255, 255, 255, 0.1); }
.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='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text {
color: white; }
.navbar-dark .navbar-text a {
color: #fff; }
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff; }
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; }
.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: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card > .card-header + .list-group, .card > .list-group + .card-footer {
border-top: 0; }
.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 0; }
.card-title {
margin-bottom: 0.75rem; }
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 0; }
.card-header {
padding: 0.75rem 0;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-footer {
padding: 0.75rem 0;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
.card-header-tabs {
margin-right: 0;
margin-bottom: -0.75rem;
margin-left: 0;
border-bottom: 0; }
.card-header-pills {
margin-right: 0;
margin-left: 0; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius: calc(0.25rem - 1px); }
.card-img, .card-img-top, .card-img-bottom {
flex-shrink: 0;
width: 100%; }
.card-img, .card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card-img, .card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card-deck .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; }
.card-deck .card {
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } }
.card-group > .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap; }
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; } }
.card-columns .card {
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1; }
.card-columns .card {
display: inline-block;
width: 100%; } }
.accordion {
overflow-anchor: none; }
.accordion > .card {
overflow: hidden; }
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px; }
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.2rem 0.5rem;
margin-bottom: 0.5rem;
list-style: none;
background-color: transparent;
border-radius: 0; }
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.4rem;
display: inherit; }
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.4rem;
color: #000D14;
content: " "; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none; }
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem; }
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #337ab7;
background-color: #fff;
border: 1px solid #dee2e6; }
.page-link:hover {
z-index: 2;
color: #23527c;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6; }
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.25); }
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6; }
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 0.9375rem;
line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.65625rem;
line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem; }
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
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) {
.badge {
transition: none; } }
a.badge:hover, a.badge:focus {
text-decoration: none; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; }
.badge-primary {
color: #fff;
background-color: #652D90; }
a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #4a2169; }
a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.5); }
.badge-secondary {
color: #fff;
background-color: #652D90; }
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: #4a2169; }
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(101, 45, 144, 0.5); }
.badge-success {
color: #fff;
background-color: #62AC87; }
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #4c8f6e; }
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(98, 172, 135, 0.5); }
.badge-info {
color: #fff;
background-color: #299EE1; }
a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #1a82bd; }
a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 158, 225, 0.5); }
.badge-warning {
color: #fff;
background-color: #DF7430; }
a.badge-warning:hover, a.badge-warning:focus {
color: #fff;
background-color: #bf5c1d; }
a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(223, 116, 48, 0.5); }
.badge-danger {
color: #fff;
background-color: #CB2A55; }
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #a12143; }
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(203, 42, 85, 0.5); }
.badge-dark {
color: #fff;
background-color: #002A40; }
a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #00090d; }
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 42, 64, 0.5); }
.badge-light {
color: #212529;
background-color: #f7f7f7; }
a.badge-light:hover, a.badge-light:focus {
color: #212529;
background-color: #dedede; }
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); }
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem; }
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem; } }
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0; }
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem; }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 3.625rem; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 0.75rem 1.25rem;
color: inherit; }
.alert-primary {
color: #35174b;
background-color: #e0d5e9;
border-color: #d4c4e0; }
.alert-primary hr {
border-top-color: #c8b3d7; }
.alert-primary .alert-link {
color: #190b24; }
.alert-secondary {
color: #35174b;
background-color: #e0d5e9;
border-color: #d4c4e0; }
.alert-secondary hr {
border-top-color: #c8b3d7; }
.alert-secondary .alert-link {
color: #190b24; }
.alert-success {
color: #335946;
background-color: #e0eee7;
border-color: #d3e8dd; }
.alert-success hr {
border-top-color: #c2dfd0; }
.alert-success .alert-link {
color: #20392d; }
.alert-info {
color: #155275;
background-color: #d4ecf9;
border-color: #c3e4f7; }
.alert-info hr {
border-top-color: #addaf4; }
.alert-info .alert-link {
color: #0d344a; }
.alert-warning {
color: #743c19;
background-color: #f9e3d6;
border-color: #f6d8c5; }
.alert-warning hr {
border-top-color: #f3c9af; }
.alert-warning .alert-link {
color: #4a2610; }
.alert-danger {
color: #6a162c;
background-color: #f5d4dd;
border-color: #f0c3cf; }
.alert-danger hr {
border-top-color: #ebafbf; }
.alert-danger .alert-link {
color: #400d1a; }
.alert-dark {
color: #001621;
background-color: #ccd4d9;
border-color: #b8c3ca; }
.alert-dark hr {
border-top-color: #a9b7bf; }
.alert-dark .alert-link {
color: black; }
.alert-light {
color: gray;
background-color: #fdfdfd;
border-color: #fdfdfd; }
.alert-light hr {
border-top-color: #f0f0f0; }
.alert-light .alert-link {
color: #676767; }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress {
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: 0.8rem;
background-color: rgba(212, 212, 212, 0.5);
border-radius: 0.25rem; }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #652D90;
transition: width 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none; } }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem; }
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none; } }
.media {
display: flex;
align-items: flex-start; }
.media-body {
flex: 1; }
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.25rem; }
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa; }
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef; }
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit; }
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit; }
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff; }
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.list-group-item + .list-group-item {
border-top-width: 0; }
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px; }
.list-group-horizontal {
flex-direction: row; }
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; }
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row; }
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row; }
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row; }
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row; }
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
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 {
border-radius: 0; }
.list-group-flush > .list-group-item {
border-width: 0 0 1px; }
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0; }
.list-group-item-primary {
color: #35174b;
background-color: #d4c4e0; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #35174b;
background-color: #c8b3d7; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #35174b;
border-color: #35174b; }
.list-group-item-secondary {
color: #35174b;
background-color: #d4c4e0; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #35174b;
background-color: #c8b3d7; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #35174b;
border-color: #35174b; }
.list-group-item-success {
color: #335946;
background-color: #d3e8dd; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #335946;
background-color: #c2dfd0; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #335946;
border-color: #335946; }
.list-group-item-info {
color: #155275;
background-color: #c3e4f7; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #155275;
background-color: #addaf4; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #155275;
border-color: #155275; }
.list-group-item-warning {
color: #743c19;
background-color: #f6d8c5; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #743c19;
background-color: #f3c9af; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #743c19;
border-color: #743c19; }
.list-group-item-danger {
color: #6a162c;
background-color: #f0c3cf; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #6a162c;
background-color: #ebafbf; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #6a162c;
border-color: #6a162c; }
.list-group-item-dark {
color: #001621;
background-color: #b8c3ca; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #001621;
background-color: #a9b7bf; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #001621;
border-color: #001621; }
.list-group-item-light {
color: gray;
background-color: #fdfdfd; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: gray;
background-color: #f0f0f0; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: gray;
border-color: gray; }
.close {
float: right;
font-size: 1.125rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:hover {
color: #000;
text-decoration: none; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: .75; }
button.close {
padding: 0;
background-color: transparent;
border: 0; }
a.close.disabled {
pointer-events: none; }
.toast {
flex-basis: 350px;
max-width: 350px;
font-size: 0.875rem;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: none;
opacity: 0;
border-radius: 4px; }
.toast:not(:last-child) {
margin-bottom: 0.75rem; }
.toast.showing {
opacity: 1; }
.toast.show {
display: block;
opacity: 1; }
.toast.hide {
display: none; }
.toast-header {
display: flex;
align-items: center;
padding: 0.25rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.toast-body {
padding: 0.75rem; }
.modal-open {
overflow: hidden; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1090;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: none; }
.modal.modal-static .modal-dialog {
transform: scale(1.02); }
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden; }
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
flex-shrink: 0; }
.modal-dialog-scrollable .modal-body {
overflow-y: auto; }
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem); }
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: min-content;
content: ""; }
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%; }
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none; }
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none; }
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.25rem;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1080;
width: 100vw;
height: 100vh;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1.5rem 0rem 1.5rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.modal-header .close {
padding: 1rem 1.5rem 0rem 1.5rem;
margin: -1rem -1rem -1rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
user-select: text; }
.modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.modal-footer > * {
margin: 0.25rem; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto; }
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem); }
.modal-dialog-centered {
min-height: calc(100% - 3.5rem); }
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: min-content; }
.modal-sm {
max-width: 300px; } }
@media (min-width: 992px) {
.modal-lg, .modal-xl {
max-width: 800px; } }
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px; } }
.tooltip {
position: absolute;
z-index: 1110;
display: block;
margin: 0;
font-family: "Poppins", Helvetica, Arial, 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;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.8rem;
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: 0.9; }
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; }
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0; }
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem; }
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0; }
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem; }
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000; }
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 3px; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1100;
display: block;
max-width: 276px;
font-family: "Poppins", Helvetica, Arial, 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;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.65625rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; }
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem; }
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid; }
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem; }
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
bottom: calc(-0.5rem - 1px); }
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem; }
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem; }
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
top: calc(-0.5rem - 1px); }
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem; }
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 0.75rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529; }
.carousel {
position: relative; }
.carousel.pointer-event {
touch-action: pan-y; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-inner::after {
display: block;
clear: both;
content: ""; }
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none; } }
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block; }
.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
transform: translateX(100%); }
.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
transform: translateX(-100%); }
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none; }
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s; }
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
transition: none; } }
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
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: 20px;
height: 20px;
background: 50% / 100% 100% no-repeat; }
.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;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none; }
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none; } }
.carousel-indicators .active {
opacity: 1; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center; }
@keyframes spinner-border {
to {
transform: rotate(360deg); } }
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: .75s linear infinite spinner-border; }
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em; }
@keyframes spinner-grow {
0% {
transform: scale(0); }
50% {
opacity: 1;
transform: none; } }
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: .75s linear infinite spinner-grow; }
.spinner-grow-sm {
width: 1rem;
height: 1rem; }
@media (prefers-reduced-motion: reduce) {
.spinner-border, .spinner-grow {
animation-duration: 1.5s; } }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.bg-primary {
background-color: #652D90 !important; }
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #4a2169 !important; }
.bg-secondary {
background-color: #652D90 !important; }
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #4a2169 !important; }
.bg-success {
background-color: #62AC87 !important; }
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #4c8f6e !important; }
.bg-info {
background-color: #299EE1 !important; }
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #1a82bd !important; }
.bg-warning {
background-color: #DF7430 !important; }
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #bf5c1d !important; }
.bg-danger {
background-color: #CB2A55 !important; }
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #a12143 !important; }
.bg-dark {
background-color: #002A40 !important; }
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #00090d !important; }
.bg-light {
background-color: #f7f7f7 !important; }
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #dedede !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.border {
border: 1px solid #dee2e6 !important; }
.border-top {
border-top: 1px solid #dee2e6 !important; }
.border-right {
border-right: 1px solid #dee2e6 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-left {
border-left: 1px solid #dee2e6 !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: #652D90 !important; }
.border-secondary {
border-color: #652D90 !important; }
.border-success {
border-color: #62AC87 !important; }
.border-info {
border-color: #299EE1 !important; }
.border-warning {
border-color: #DF7430 !important; }
.border-danger {
border-color: #CB2A55 !important; }
.border-dark {
border-color: #002A40 !important; }
.border-light {
border-color: #f7f7f7 !important; }
.border-white {
border-color: #fff !important; }
.rounded-sm {
border-radius: 0.2rem !important; }
.rounded {
border-radius: 0.25rem !important; }
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important; }
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; }
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-lg {
border-radius: 0.3rem !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-pill {
border-radius: 50rem !important; }
.rounded-0 {
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714286%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.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; } }
.user-select-all {
user-select: all !important; }
.user-select-auto {
user-select: auto !important; }
.user-select-none {
user-select: none !important; }
.overflow-auto {
overflow: auto !important; }
.overflow-hidden {
overflow: hidden !important; }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.min-vw-100 {
min-width: 100vw !important; }
.min-vh-100 {
min-height: 100vh !important; }
.vw-100 {
width: 100vw !important; }
.vh-100 {
height: 100vh !important; }
.m-0 {
margin: 0 !important; }
.mt-0, .my-0 {
margin-top: 0 !important; }
.mr-0, .mx-0 {
margin-right: 0 !important; }
.mb-0, .my-0 {
margin-bottom: 0 !important; }
.ml-0, .mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.mt-1, .my-1 {
margin-top: 0.25rem !important; }
.mr-1, .mx-1 {
margin-right: 0.25rem !important; }
.mb-1, .my-1 {
margin-bottom: 0.25rem !important; }
.ml-1, .mx-1 {
margin-left: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.mt-2, .my-2 {
margin-top: 0.5rem !important; }
.mr-2, .mx-2 {
margin-right: 0.5rem !important; }
.mb-2, .my-2 {
margin-bottom: 0.5rem !important; }
.ml-2, .mx-2 {
margin-left: 0.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; }
.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: 0.25rem !important; }
.pt-1, .py-1 {
padding-top: 0.25rem !important; }
.pr-1, .px-1 {
padding-right: 0.25rem !important; }
.pb-1, .py-1 {
padding-bottom: 0.25rem !important; }
.pl-1, .px-1 {
padding-left: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.pt-2, .py-2 {
padding-top: 0.5rem !important; }
.pr-2, .px-2 {
padding-right: 0.5rem !important; }
.pb-2, .py-2 {
padding-bottom: 0.5rem !important; }
.pl-2, .px-2 {
padding-left: 0.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; }
.m-n1 {
margin: -0.25rem !important; }
.mt-n1, .my-n1 {
margin-top: -0.25rem !important; }
.mr-n1, .mx-n1 {
margin-right: -0.25rem !important; }
.mb-n1, .my-n1 {
margin-bottom: -0.25rem !important; }
.ml-n1, .mx-n1 {
margin-left: -0.25rem !important; }
.m-n2 {
margin: -0.5rem !important; }
.mt-n2, .my-n2 {
margin-top: -0.5rem !important; }
.mr-n2, .mx-n2 {
margin-right: -0.5rem !important; }
.mb-n2, .my-n2 {
margin-bottom: -0.5rem !important; }
.ml-n2, .mx-n2 {
margin-left: -0.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-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: 0.25rem !important; }
.mt-sm-1, .my-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1, .mx-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1, .my-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1, .mx-sm-1 {
margin-left: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.mt-sm-2, .my-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2, .mx-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2, .my-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2, .mx-sm-2 {
margin-left: 0.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; }
.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: 0.25rem !important; }
.pt-sm-1, .py-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1, .px-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1, .py-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1, .px-sm-1 {
padding-left: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.pt-sm-2, .py-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2, .px-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2, .py-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2, .px-sm-2 {
padding-left: 0.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; }
.m-sm-n1 {
margin: -0.25rem !important; }
.mt-sm-n1, .my-sm-n1 {
margin-top: -0.25rem !important; }
.mr-sm-n1, .mx-sm-n1 {
margin-right: -0.25rem !important; }
.mb-sm-n1, .my-sm-n1 {
margin-bottom: -0.25rem !important; }
.ml-sm-n1, .mx-sm-n1 {
margin-left: -0.25rem !important; }
.m-sm-n2 {
margin: -0.5rem !important; }
.mt-sm-n2, .my-sm-n2 {
margin-top: -0.5rem !important; }
.mr-sm-n2, .mx-sm-n2 {
margin-right: -0.5rem !important; }
.mb-sm-n2, .my-sm-n2 {
margin-bottom: -0.5rem !important; }
.ml-sm-n2, .mx-sm-n2 {
margin-left: -0.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-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: 0.25rem !important; }
.mt-md-1, .my-md-1 {
margin-top: 0.25rem !important; }
.mr-md-1, .mx-md-1 {
margin-right: 0.25rem !important; }
.mb-md-1, .my-md-1 {
margin-bottom: 0.25rem !important; }
.ml-md-1, .mx-md-1 {
margin-left: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.mt-md-2, .my-md-2 {
margin-top: 0.5rem !important; }
.mr-md-2, .mx-md-2 {
margin-right: 0.5rem !important; }
.mb-md-2, .my-md-2 {
margin-bottom: 0.5rem !important; }
.ml-md-2, .mx-md-2 {
margin-left: 0.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; }
.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: 0.25rem !important; }
.pt-md-1, .py-md-1 {
padding-top: 0.25rem !important; }
.pr-md-1, .px-md-1 {
padding-right: 0.25rem !important; }
.pb-md-1, .py-md-1 {
padding-bottom: 0.25rem !important; }
.pl-md-1, .px-md-1 {
padding-left: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.pt-md-2, .py-md-2 {
padding-top: 0.5rem !important; }
.pr-md-2, .px-md-2 {
padding-right: 0.5rem !important; }
.pb-md-2, .py-md-2 {
padding-bottom: 0.5rem !important; }
.pl-md-2, .px-md-2 {
padding-left: 0.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; }
.m-md-n1 {
margin: -0.25rem !important; }
.mt-md-n1, .my-md-n1 {
margin-top: -0.25rem !important; }
.mr-md-n1, .mx-md-n1 {
margin-right: -0.25rem !important; }
.mb-md-n1, .my-md-n1 {
margin-bottom: -0.25rem !important; }
.ml-md-n1, .mx-md-n1 {
margin-left: -0.25rem !important; }
.m-md-n2 {
margin: -0.5rem !important; }
.mt-md-n2, .my-md-n2 {
margin-top: -0.5rem !important; }
.mr-md-n2, .mx-md-n2 {
margin-right: -0.5rem !important; }
.mb-md-n2, .my-md-n2 {
margin-bottom: -0.5rem !important; }
.ml-md-n2, .mx-md-n2 {
margin-left: -0.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-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: 0.25rem !important; }
.mt-lg-1, .my-lg-1 {
margin-top: 0.25rem !important; }
.mr-lg-1, .mx-lg-1 {
margin-right: 0.25rem !important; }
.mb-lg-1, .my-lg-1 {
margin-bottom: 0.25rem !important; }
.ml-lg-1, .mx-lg-1 {
margin-left: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.mt-lg-2, .my-lg-2 {
margin-top: 0.5rem !important; }
.mr-lg-2, .mx-lg-2 {
margin-right: 0.5rem !important; }
.mb-lg-2, .my-lg-2 {
margin-bottom: 0.5rem !important; }
.ml-lg-2, .mx-lg-2 {
margin-left: 0.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; }
.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: 0.25rem !important; }
.pt-lg-1, .py-lg-1 {
padding-top: 0.25rem !important; }
.pr-lg-1, .px-lg-1 {
padding-right: 0.25rem !important; }
.pb-lg-1, .py-lg-1 {
padding-bottom: 0.25rem !important; }
.pl-lg-1, .px-lg-1 {
padding-left: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.pt-lg-2, .py-lg-2 {
padding-top: 0.5rem !important; }
.pr-lg-2, .px-lg-2 {
padding-right: 0.5rem !important; }
.pb-lg-2, .py-lg-2 {
padding-bottom: 0.5rem !important; }
.pl-lg-2, .px-lg-2 {
padding-left: 0.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; }
.m-lg-n1 {
margin: -0.25rem !important; }
.mt-lg-n1, .my-lg-n1 {
margin-top: -0.25rem !important; }
.mr-lg-n1, .mx-lg-n1 {
margin-right: -0.25rem !important; }
.mb-lg-n1, .my-lg-n1 {
margin-bottom: -0.25rem !important; }
.ml-lg-n1, .mx-lg-n1 {
margin-left: -0.25rem !important; }
.m-lg-n2 {
margin: -0.5rem !important; }
.mt-lg-n2, .my-lg-n2 {
margin-top: -0.5rem !important; }
.mr-lg-n2, .mx-lg-n2 {
margin-right: -0.5rem !important; }
.mb-lg-n2, .my-lg-n2 {
margin-bottom: -0.5rem !important; }
.ml-lg-n2, .mx-lg-n2 {
margin-left: -0.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-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: 0.25rem !important; }
.mt-xl-1, .my-xl-1 {
margin-top: 0.25rem !important; }
.mr-xl-1, .mx-xl-1 {
margin-right: 0.25rem !important; }
.mb-xl-1, .my-xl-1 {
margin-bottom: 0.25rem !important; }
.ml-xl-1, .mx-xl-1 {
margin-left: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.mt-xl-2, .my-xl-2 {
margin-top: 0.5rem !important; }
.mr-xl-2, .mx-xl-2 {
margin-right: 0.5rem !important; }
.mb-xl-2, .my-xl-2 {
margin-bottom: 0.5rem !important; }
.ml-xl-2, .mx-xl-2 {
margin-left: 0.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; }
.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: 0.25rem !important; }
.pt-xl-1, .py-xl-1 {
padding-top: 0.25rem !important; }
.pr-xl-1, .px-xl-1 {
padding-right: 0.25rem !important; }
.pb-xl-1, .py-xl-1 {
padding-bottom: 0.25rem !important; }
.pl-xl-1, .px-xl-1 {
padding-left: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.pt-xl-2, .py-xl-2 {
padding-top: 0.5rem !important; }
.pr-xl-2, .px-xl-2 {
padding-right: 0.5rem !important; }
.pb-xl-2, .py-xl-2 {
padding-bottom: 0.5rem !important; }
.pl-xl-2, .px-xl-2 {
padding-left: 0.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; }
.m-xl-n1 {
margin: -0.25rem !important; }
.mt-xl-n1, .my-xl-n1 {
margin-top: -0.25rem !important; }
.mr-xl-n1, .mx-xl-n1 {
margin-right: -0.25rem !important; }
.mb-xl-n1, .my-xl-n1 {
margin-bottom: -0.25rem !important; }
.ml-xl-n1, .mx-xl-n1 {
margin-left: -0.25rem !important; }
.m-xl-n2 {
margin: -0.5rem !important; }
.mt-xl-n2, .my-xl-n2 {
margin-top: -0.5rem !important; }
.mr-xl-n2, .mx-xl-n2 {
margin-right: -0.5rem !important; }
.mb-xl-n2, .my-xl-n2 {
margin-bottom: -0.5rem !important; }
.ml-xl-n2, .mx-xl-n2 {
margin-left: -0.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-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; } }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.text-justify {
text-align: justify !important; }
.text-wrap {
white-space: normal !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.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: 700 !important; }
.font-weight-bolder {
font-weight: bolder !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #652D90 !important; }
a.text-primary:hover, a.text-primary:focus {
color: #3c1b56 !important; }
.text-secondary {
color: #652D90 !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #3c1b56 !important; }
.text-success {
color: #62AC87 !important; }
a.text-success:hover, a.text-success:focus {
color: #437f61 !important; }
.text-info {
color: #299EE1 !important; }
a.text-info:hover, a.text-info:focus {
color: #1772a6 !important; }
.text-warning {
color: #DF7430 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #a8511a !important; }
.text-danger {
color: #CB2A55 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #8c1d3a !important; }
.text-dark {
color: #002A40 !important; }
a.text-dark:hover, a.text-dark:focus {
color: black !important; }
.text-light {
color: #f7f7f7 !important; }
a.text-light:hover, a.text-light:focus {
color: #d1d1d1 !important; }
.text-body {
color: #212529 !important; }
.text-muted {
color: #6c757d !important; }
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.text-decoration-none {
text-decoration: none !important; }
.text-break {
word-break: break-word !important;
word-wrap: break-word !important; }
.text-reset {
color: inherit !important; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media print {
*, *::before, *::after {
text-shadow: none !important;
box-shadow: none !important; }
a:not(.btn) {
text-decoration: underline; }
abbr[title]::after {
content: " (" attr(title) ")"; }
pre {
white-space: pre-wrap !important; }
pre, blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid; }
tr, img {
page-break-inside: avoid; }
p, h2, h3 {
orphans: 3;
widows: 3; }
h2, h3 {
page-break-after: avoid; }
@page {
size: a3; }
body {
min-width: 992px !important; }
.container {
min-width: 992px !important; }
.navbar {
display: none; }
.badge {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td, .table th {
background-color: #fff !important; }
.table-bordered th, .table-bordered td {
border: 1px solid #dee2e6 !important; }
.table-dark {
color: inherit; }
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #dee2e6; }
.table .thead-dark th {
color: inherit;
border-color: #dee2e6; } }
#blazor-error-ui {
display: none;
color: black;
background: white;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9999; }
#blazor-error-ui .big-msg {
background: var(--img-error) no-repeat center 1rem;
background-size: 7rem;
padding-top: 9rem; }
#blazor-error-ui .big-msg > p {
margin-top: 1rem; }
#blazor-error-ui .big-msg > .lblTitle {
white-space: pre-line; }
#blazor-error-ui #btnDetail {
display: block;
position: absolute;
top: 1rem;
height: 7rem;
width: 7rem;
left: 50%;
transform: translate(-50%, 0);
opacity: 0;
cursor: default; }
#blazor-error-ui #app-critical-detail {
text-align: left;
margin: 1em;
display: none; }
#blazor-error-ui #app-critical-detail > * {
display: block; }
#blazor-error-ui #app-critical-detail > p {
text-align: center; }
#blazor-error-ui #app-critical-detail span {
padding-left: 1em; }
.app-loading {
position: absolute;
background: linear-gradient(45deg, #17637B, #269FC7);
color: #FFFFFF;
top: 0px;
left: 0px;
z-index: 9999;
width: 100%;
height: 100%;
text-align: center;
font-size: 1.5rem; }
.app-loading .app-loading-detail {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-inline: 6.5em;
padding-block: 5em;
font-size: 1.5rem;
font-weight: 500; }
.app-loading .app-loading-detail .app-loading-detail-download-progression {
height: 14px;
border: 1px solid black;
border-radius: 3px;
margin-top: 10px; }
.app-loading .app-loading-detail .app-loading-detail-download-progressionbar {
height: 100%;
background: #652D90; }
.app-loading .app-loading-detail .app-loading-detail-initialisation:before {
content: "Initialisation..."; }
.app-loading .app-loading-detail .app-loading-detail-loading:before {
content: "Loading..."; }
.app-loading .app-loading-detail .app-loading-detail-download:before {
content: "Downloading..."; }
.stackTrace {
text-align: left;
white-space: pre;
overflow: auto; }
.stackTrace > .red {
color: var(--red); }
.about label {
margin-right: 0.5rem;
margin-left: 1rem;
line-height: 1.5rem; }
.about .about-header {
margin-bottom: 1.5rem; }
.about .about-header .about-app-owner-logo {
text-align: center;
margin-top: 1rem;
margin-bottom: 1rem; }
.about .about-header .about-app-info {
padding-bottom: 1rem; }
.about .about-footer {
margin-top: 1.5rem; }
.about .about-footer label {
vertical-align: top;
margin-top: 0.8rem; }
.about .about-footer .about-app-developer-info {
margin: 0; }
.about .about-footer .about-app-developer-info .developedBy-logo {
margin-bottom: auto;
margin-top: auto;
margin-left: 1.5rem;
vertical-align: unset; }
.about-lagoon-version {
position: absolute;
bottom: 0;
right: .5rem;
opacity: 0.5; }
h1 {
color: #000D14;
font-size: 1rem;
line-height: 24px;
font-weight: 500; }
h2 {
color: #000D14;
font-size: 0.75rem;
line-height: 24px;
font-weight: 500; }
.lbl {
font-size: 0.75rem; }
.bi {
width: 1em;
height: 1em; }
html {
overscroll-behavior: none; }
.wrapper {
display: flex;
flex-direction: column;
height: 100vh; }
.wrapper header {
top: 0;
position: sticky; }
.wrapper footer {
bottom: 0;
position: sticky; }
.wrapper .content-main {
display: flex;
background-color: #F6F6F6; }
.wrapper .content-page, .wrapper .content-main {
flex-grow: 1;
overflow-y: hidden; }
.wrapper .content-page:not(.content-page-tabbed) {
overflow-y: auto; }
.wrapper .sidebar-expanded {
display: flex;
width: 10rem; }
.wrapper .sidebarCollapsed {
display: flex;
width: 2.8rem; }
.content-page {
padding: 1rem;
background-color: initial; }
.content-page-tabbed {
padding: 0; }
.content-page.d-noHeader {
padding-top: 20px !important; }
.navbar-vertical-fixed.d-noHeader {
top: 0px !important; }
body {
overflow-x: hidden; }
.frameRoot {
margin: 0.25rem 0 0.75rem 0;
border: 1px solid #f7f7f7;
overflow: unset;
box-shadow: none; }
.frameRoot .frameTitle.cursorPointer {
cursor: pointer; }
.frameRoot .frameTitle > div:first-child {
display: flex; }
.frameRoot .frameTitle .lblTitle {
margin-top: auto;
margin-bottom: auto; }
.frameRoot .frameHeader {
margin: 0;
padding: 0.2rem 1rem;
border-radius: 0.2rem; }
.frameRoot .frameHeader .frame-item-icon {
margin-right: 0.6em;
width: 1.0rem;
height: 1.0rem;
margin-top: auto;
margin-bottom: auto; }
.frameRoot .frameHeader .frameCollapseIcon {
width: 1.0rem;
height: 1.0rem;
margin-top: auto;
margin-bottom: auto; }
.frameRoot .frameHeader .frameCollapseIcon .bi {
margin-bottom: 0.25rem;
color: #002A40; }
.frameRoot .frameHeader .frameCollapseIcon {
margin-right: auto;
color: #002A40; }
.frameRoot .frameHeader .lblTitle {
margin-right: 0.6em;
font-size: 0.75rem; }
.frameRoot .frameHeader .headerFrameContent {
margin-left: 1.5rem;
margin-top: auto;
margin-bottom: auto;
margin-right: auto; }
.frameRoot .frameHeader .frameToolbar {
display: flex;
margin-left: auto; }
.frameRoot .frameSummaryContent {
padding: 0.25rem 1.25rem;
background-color: #FFFFFF; }
.frameRoot .frameContent {
background-color: #FFFFFF;
padding: 0.5rem 1.3rem;
border-radius: 4px; }
.frameRoot .frameFooter {
padding: 0.25rem 1.25rem;
border-radius: 0 0 0.2rem 0.2rem;
background-color: #D4D4D4; }
.frame-primary .frameHeader, .frame-default .frameHeader {
background-color: #FFFFFF;
color: #002A40; }
.frame-primary .frameHeader ~ .frameContent, .frame-default .frameHeader ~ .frameContent {
padding-top: 0px; }
.frame-danger .frameHeader {
background-color: #CB2A55;
color: #FFFFFF; }
.frame-danger .lblTitle {
color: #FFFFFF; }
.frame-info .frameHeader {
background-color: #299EE1;
color: #FFFFFF; }
.frame-info .lblTitle {
color: #FFFFFF; }
.frame-success .frameHeader {
background-color: #62AC87;
color: #FFFFFF; }
.frame-success .lblTitle {
color: #FFFFFF; }
.frame-warning .frameHeader {
background-color: #DF7430;
color: #FFFFFF; }
.frame-warning .lblTitle {
color: #FFFFFF; }
.navbar .globalsearch-content .globalSearch-dropdown div.dropdown-menu {
margin-top: 0; }
.navbar .globalsearch-content .globalSearch-dropdown div.dropdown-menu.show {
left: 0 !important; }
.global-search, .suggest-box {
height: 100%;
display: flex;
justify-content: space-around;
flex-direction: column; }
.global-search.scrollable .dropdown-menu, .suggest-box.scrollable .dropdown-menu {
max-height: calc(100vh - 3.3rem) !important;
overflow-y: auto; }
.global-search > span, .suggest-box > span {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.global-search > span.global-search-prefix, .suggest-box > span.global-search-prefix {
left: 0.6rem; }
.global-search > span.global-search-suffix, .suggest-box > span.global-search-suffix {
right: 0.6rem; }
.global-search > input, .suggest-box > input {
padding-block: 0.3rem;
padding-right: 2rem;
padding-left: 2rem; }
.nav-item > .global-search, .nav-item > .suggest-box {
margin: 0 .5rem; }
.global-search.form-group-ro, .suggest-box.form-group-ro {
border-left: 2px solid #61767B; }
.global-search.form-group-ro > .form-input .form-group-ro, .suggest-box.form-group-ro > .form-input .form-group-ro {
border-left: none;
margin-left: inherit;
padding-left: inherit; }
.globalsearch-content .form-group {
margin-bottom: 0; }
.globalsearch-content .globalSearch-dropdown .gs-item-content {
display: flex; }
.globalsearch-content .globalSearch-dropdown .gs-item-content:hover, .globalsearch-content .globalSearch-dropdown .gs-item-content.gs-item-content.selected {
background-color: #f7f7f7;
cursor: pointer; }
.globalsearch-content .globalSearch-dropdown .gs-item-content .gs-item-text {
flex: 1; }
.globalsearch-content .globalSearch-dropdown .empty-msg {
max-height: 10vh;
min-height: 4rem; }
.globalsearch-content .globalSearch-dropdown .empty-msg svg {
margin-left: auto;
margin-right: auto;
height: 2rem; }
.globalsearch-content .globalSearch-dropdown .empty-msg label {
font-size: 0.75rem;
line-height: 0.8rem; }
.group-options-modal .modal-lg {
width: 34.5rem;
height: 34.75rem; }
.group-options-modal .modal-body {
margin-right: 0.625rem;
margin-left: 0.25rem;
padding-left: 1.25rem !important;
padding-right: 0.3125rem !important;
padding-top: 0rem !important;
margin-top: 0.25rem; }
.group-options-modal .modal-footer {
margin-top: 1.25rem; }
.group-options-modal .modal-footer .btn-add-group {
height: 2rem;
width: 26.5rem; }
.group-options-modal .modal-footer .btn-save-cancel-container {
display: flex; }
.group-options-modal .modal-footer .btn-add-group-container {
flex-grow: 1;
margin-left: 2rem;
margin-bottom: 1rem; }
.group-options-modal .group-options-content .groups {
list-style-type: none;
padding: 0rem; }
.group-options-modal .group-options-content .groups .group {
margin: 0.375rem 0rem 0.375rem 0rem; }
.group-options-modal .group-options-content .groups .group .row-container {
width: 30.5rem;
height: 2.5rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem; }
.group-options-modal .group-options-content .groups .group .row-container .icon {
width: 1.75rem;
height: 1.75rem;
margin: 0.125rem 0.125rem 0.125rem 0.125rem;
color: #E20177; }
.group-options-modal .group-options-content .groups .group .row-container .i-a-Info {
margin-left: .45rem;
width: 1.2rem; }
.group-options-modal .group-options-content .groups .group .row-container .i-grip-vertical:not(:hover) {
color: #81989C; }
.group-options-modal .group-options-content .groups .group .row-container .i-grip-vertical:hover {
cursor: grab; }
.group-options-modal .group-options-content .groups .group .row-container .i-x:hover {
cursor: pointer; }
.group-options-modal .group-options-content .groups .group .row-container .dropdown {
display: inline-block;
height: 1.75rem;
width: 26.5rem;
margin-bottom: 0.125rem; }
.group-options-modal .group-options-content .groups .group .row-container .btn-options {
height: 1rem;
width: 1rem; }
.group-options-modal .group-options-content .groups .group .row-container:hover:focus {
background: #9DB8BE; }
.group-options-modal .group-options-content .groups .group[draggable="false"] .row > svg.drag-icon {
visibility: hidden; }
.group-options-modal .group-options-content .groups .group[draggable="true"] .row-container:hover:focus {
cursor: grab; }
.nav-item-right {
display: flex;
margin-left: auto; }
.tbl-grp-primary {
background-color: #E20177; }
.tbl-grp-secondary {
background-color: #652D90; }
.tbl-grp-danger {
background-color: #CB2A55; }
.tbl-grp-info {
background-color: #299EE1; }
.tbl-grp-success {
background-color: #62AC87; }
.tbl-grp-warning {
background-color: #DF7430; }
.tbl-grp-ghost {
background-color: transparent; }
a {
cursor: pointer; }
a .lbl {
cursor: pointer; }
h1 {
cursor: default; }
.mnu-sep + .mnu-sep {
display: none; }
header {
display: flex;
width: 100%;
background: linear-gradient(to right, #E20177, #652D90);
position: fixed;
z-index: 1071;
width: 100%; }
header .navbar {
padding: 0 !important;
width: 100%; }
header .divEnvironnement, header #brand-logo, header .divRightLogo {
height: 2.8rem; }
header .divEnvironnement {
color: white;
padding: 15px;
font-weight: bold; }
header #brand-logo {
width: 125px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(images/atb-header-logo.png);
background-size: 90px;
display: inline-block;
margin: 0 0 0 1rem;
background-position: left center; }
header a.navbar-brand {
font-size: 1rem; }
header a.navbar-brand:focus {
outline: none; }
header a.navbar-brand:focus-visible {
box-shadow: 0 0 0 2px #E20177, 0 0 0 4px #E20177;
border-radius: 3px; }
header .divRightLogo {
background-color: transparent;
background-repeat: no-repeat;
background-image: url();
background-size: 45px;
display: inline-block;
margin-right: 5px; }
header .navbar-nav {
height: 2.8rem;
font-size: 1rem; }
header .navbar-nav > .nav-item {
display: flex; }
header .navbar-nav > .nav-item > .nav-link {
border: 2px solid transparent; }
header .navbar-nav > .nav-item > .nav-link:focus-visible {
color: #FFFFFF;
border: 2px solid #E20177;
background-color: initial;
outline: none; }
header .navbar-nav > .nav-item > .nav-link:focus {
outline: none; }
header .navbar-nav > .nav-item .bi {
width: 1.0em;
height: 1.0em; }
header .navbar-nav > .nav-item:hover {
background-color: rgba(247, 247, 247, 0.3) !important;
color: #FFFFFF !important; }
header .navbar-nav > .nav-item:hover > .nav-link:hover {
color: #FFFFFF;
background-color: rgba(247, 247, 247, 0.3); }
header .navbar-nav > .nav-item:not(.noText) > .nav-link.active {
color: #FFFFFF;
background-color: rgba(247, 247, 247, 0.3); }
header .navbar-nav > .nav-item.noText > .nav-link.active {
color: #FFFFFF; }
header .navbar-nav > .nav-item.noText > .nav-link.active > .nav-item-icon {
background-color: rgba(247, 247, 247, 0.3); }
header .navbar-nav > .nav-item.noText .dropdown-menu .nav-item.dropdown-submenu > .dropdown-toggle::before, header .navbar-nav > .nav-item.noText .dropdown-menu .nav-item.dropdown-submenu > .dropdown-toggle::after {
margin-top: calc(0.5em - 1px); }
header .navbar-nav > .nav-item > .dropdown-toggle::after {
width: 0.8rem;
height: 0.8rem;
border: none;
vertical-align: middle;
background: var(--i-chevron-down1) no-repeat center center; }
header .navbar-nav > .nav-item > .dropdown-toggle:hover::after {
background: var(--i-chevron-down1) no-repeat center center; }
header .navbar-nav .dropdown-menu {
position: absolute !important;
margin-top: 0.5rem; }
header .navbar-nav .dropdown-menu.scrollable {
max-height: calc(100vh - 3.8rem);
overflow-y: auto; }
header .navbar-nav .dropdown-menu.scrollable .dropdown-submenu > .dropdown-menuLeft {
position: relative !important;
margin: 0.2rem 0;
width: 100%;
left: 0 !important;
background-color: #f7f7f7;
color: #000D14; }
header .menu-wrapper {
visibility: hidden; }
header .menu-wrapper > .dropdown-toggle:after {
background: var(--i-three-dots-vertical2) no-repeat center center !important; }
@media (max-width: 991.98px) {
header #brand-logo, header .vertical-separator {
display: none; }
header .navbar-brand {
padding-left: 1.2rem; }
header .navbar-collapse .navbar-nav {
height: 100% !important;
overflow-y: auto !important;
max-height: 25rem !important; }
header .navbar-collapse .navbar-nav .nav-item:before, header .navbar-collapse .navbar-nav .nav-item:after {
display: none !important; }
header .navbar-collapse .navbar-nav .dropdown-menu {
position: static !important; } }
.navbar-nav {
font-size: 0.775rem; }
.navbar-nav .nav-link {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.navbar-nav .dropdown > .dropdown-toggle::after {
margin-top: auto;
margin-bottom: auto; }
.navbar-nav .nav-item.menuitem-hide {
display: none; }
.nav-item, .dropdown-item {
cursor: pointer; }
.nav-item.disabled, .dropdown-item.disabled {
cursor: not-allowed; }
.nav-item .nav-item-icon, .dropdown-item .nav-item-icon {
margin-right: 0.1rem;
height: 1.4rem;
width: 1.5rem;
display: flex;
border-radius: 0; }
.nav-item .nav-item-icon > .bi, .dropdown-item .nav-item-icon > .bi {
margin: auto; }
.nav-item .nav-item-lbl, .dropdown-item .nav-item-lbl {
padding: 0.2rem 0rem;
font-size: 0.75rem;
font-weight: normal; }
.nav-item.dropdown-submenu > a.nav-link:not(:has(.nav-item-icon)), .dropdown-item.dropdown-submenu > a.nav-link:not(:has(.nav-item-icon)) {
padding-left: 2.1rem; }
.nav-item.dropdown-submenu.dropleft > a.nav-link:has(.nav-item-icon), .dropdown-item.dropdown-submenu.dropleft > a.nav-link:has(.nav-item-icon) {
padding-left: 1.5rem; }
.nav-item.dropdown-submenu.dropleft > .dropdown-toggle::before, .dropdown-item.dropdown-submenu.dropleft > .dropdown-toggle::before {
left: 1em;
margin-top: calc(0.5em - 1px); }
.nav-item.dropdown-submenu.dropright > a.nav-link:has(.nav-item-icon), .dropdown-item.dropdown-submenu.dropright > a.nav-link:has(.nav-item-icon) {
padding-right: 1.5rem; }
.nav-item.dropdown-submenu.dropright > .dropdown-toggle::after, .dropdown-item.dropdown-submenu.dropright > .dropdown-toggle::after {
right: 1em;
margin-top: calc(0.5em - 1px); }
.open > .dropdown-menu {
max-width: 100%;
min-width: unset;
overflow: hidden; }
.dropdown-menu, .dropdown-submenu {
margin-top: 0rem;
height: auto;
font-size: 0.75rem; }
.dropdown-menu .nav-item, .dropdown-submenu .nav-item {
height: auto;
margin-top: 0rem !important; }
.dropdown-menu .nav-item:hover .nav-item-icon, .dropdown-submenu .nav-item:hover .nav-item-icon {
color: #652D90 !important;
background-color: transparent !important; }
.dropdown-menu .nav-item .nav-link, .dropdown-submenu .nav-item .nav-link {
color: #000D14;
padding: 0.3em 0.8em 0.3em 0.8em;
background-color: inherit; }
.dropdown-menu .nav-item .nav-link:hover, .dropdown-submenu .nav-item .nav-link:hover {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.dropdown-menu .nav-item .nav-link:active, .dropdown-menu .nav-item .nav-link.active, .dropdown-submenu .nav-item .nav-link:active, .dropdown-submenu .nav-item .nav-link.active {
color: #652D90 !important;
background-color: #FFFFFF; }
.dropdown-menu .nav-item .nav-link > .nav-item-icon, .dropdown-submenu .nav-item .nav-link > .nav-item-icon {
border: 0;
color: #652D90;
background-color: transparent; }
.dropdown-menu .nav-item .nav-link > .nav-item-lbl, .dropdown-submenu .nav-item .nav-link > .nav-item-lbl {
padding: 0.2em 0.5em 0.2em 0.4em; }
.dropdown-menu .nav-item .nav-link:focus-visible, .dropdown-submenu .nav-item .nav-link:focus-visible {
color: #000D14;
background-color: transparent;
outline: 2px solid #E20177; }
.dropdown-menu .nav-item .nav-link:focus, .dropdown-submenu .nav-item .nav-link:focus {
color: #000D14; }
.dropdown-menu .dropdown-item, .dropdown-submenu .dropdown-item {
height: auto;
margin-top: 0px !important;
color: #000D14;
padding: 0.3em 0.8em 0.3em 0.8em; }
.dropdown-menu .dropdown-item.disabled, .dropdown-submenu .dropdown-item.disabled {
color: #777777;
cursor: not-allowed; }
.dropdown-menu .dropdown-item:hover, .dropdown-submenu .dropdown-item:hover {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active, .dropdown-submenu .dropdown-item:active, .dropdown-submenu .dropdown-item.active {
color: #652D90 !important;
background-color: #FFFFFF; }
.dropdown-menu .dropdown-item > .nav-item-icon, .dropdown-submenu .dropdown-item > .nav-item-icon {
border: 0;
color: #652D90;
background-color: transparent; }
.dropdown-menu .dropdown-item > .nav-item-lbl, .dropdown-submenu .dropdown-item > .nav-item-lbl {
padding: 0.2em 0.5em 0.2em 0.4em; }
.dropdown-menu {
min-width: 4rem !important;
background-color: #FFFFFF;
border-radius: 3px;
padding: 0.15rem 0;
box-shadow: none; }
.dropdown-submenu {
position: relative; }
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-left: -1px;
border-radius: 0 6px 6px 6px;
margin-top: 6px; }
.dropdown-submenu > .dropdown-menuLeft {
top: 0;
left: auto;
margin-top: -8px;
margin-left: -1px;
border-radius: 6px 0px 0px 6px; }
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #555;
margin-top: 5px; }
.dropdown-submenu:not(.dropleft) > .dropdown-toggle::after {
position: absolute;
right: .3em;
border: none;
width: 0.8em;
height: 0.8em;
margin-top: .7em;
background: var(--i-chevron-right3) no-repeat center center; }
.dropdown-submenu:not(.dropleft) > .dropdown-toggle > nav-item-lbl {
padding-right: 6px; }
.dropdown-submenu.dropleft > .dropdown-toggle::before {
position: absolute;
left: .3em;
border: none;
width: 1em;
height: 1em;
margin-top: .7em;
background: var(--i-chevron-left3) no-repeat center center; }
.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu:focus-within > .dropdown-menu {
display: block; }
.scrollable .dropdown-submenu:hover > .dropdown-menu, .scrollable .dropdown-submenu:focus-within > .dropdown-menu {
display: none; }
.dropdown-header {
cursor: default;
text-transform: uppercase;
padding: 2px 10px;
font-size: 0.95em;
margin: 0.25rem 0 0 0; }
.dropdown-menu > .dropdown-header {
display: block; }
.dropdown.show::before {
display: inline-block;
margin-left: 0.9rem;
vertical-align: 0.255em;
content: "";
position: absolute;
top: 100%;
z-index: 1000;
border-top: 0;
border-left: 0.65em solid transparent;
border-right: 0.8em solid transparent;
border-bottom: 0.7em solid rgba(0, 0, 0, 0.25); }
.dropdown.show::after {
display: inline-block;
margin-left: 0.9rem;
vertical-align: 0.255em;
content: "";
position: absolute;
top: 100%;
z-index: 1000;
border-top: 0;
border-left: 0.6em solid transparent;
border-right: 0.6em solid transparent;
border-bottom: 0.6em solid #FFFFFF; }
.header-toolbar .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-nav > .hrlt > .nav-link > .nav-item-lbl {
display: none; }
.nav-item-icon, .nav-item-lbl {
margin-bottom: auto;
margin-top: auto; }
.toolbar .btn {
margin: 0 0.5em 0 0; }
.toolbar .dropdown-menu .bi {
width: 0.9rem;
height: 0.9rem; }
.toolbar .dropdown-menu > .dropdown-item {
height: auto;
margin-top: 0rem !important;
padding: 0.25em 0.7em;
font-size: 0.75rem; }
.toolbar .dropdown.show:before, .toolbar .dropdown.show:after {
display: none !important; }
.toolbar-group .btn {
margin: 0; }
.toolbar-group .btn:last-child {
margin: 0 0.5em 0 0; }
@media (max-width: 991.98px) {
header .navbar-nav .nav-item {
flex-wrap: wrap !important; }
header .navbar-nav .nav-item .nav-link {
padding: 0.3rem 0.3rem; }
header .navbar-nav .nav-item .dropdown-menu {
width: 100%; }
header .dropdown-menu {
margin-top: 0px !important; } }
#toast-container {
pointer-events: none;
position: fixed;
z-index: 999999; }
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#toast-container > .toastr {
color: #FFFFFF;
padding: 0.45rem 0.4rem 0.45rem 0.4rem;
border-radius: 4px;
opacity: 1;
box-shadow: none;
border: 1px solid #f7f7f7; }
#toast-container > .toastr:hover {
box-shadow: none; }
#toast-container > .toastr .toast-title {
font-weight: bold;
word-break: break-word;
font-size: 0.9rem;
padding: 0 0.75rem; }
#toast-container > .toastr .toast-message {
font-size: 0.75rem;
padding: 0 0.75rem;
-ms-word-wrap: break-word;
word-wrap: break-word;
white-space: break-spaces; }
#toast-container > .toastr .toast-message a, #toast-container > .toastr .toast-message label {
color: #FFFFFF; }
#toast-container > .toastr .toast-close-button {
position: relative;
float: right;
font-size: 20px;
right: -0.1em;
top: -0.5em;
font-weight: 200;
color: #FFFFFF;
-webkit-text-shadow: 0 1px 0 #FFFFFF;
text-shadow: none;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
padding: 0;
cursor: pointer;
background: transparent;
border: none;
-webkit-appearance: none; }
#toast-container > .toastr .toast-close-button:hover, #toast-container > .toastr .toast-close-button:focus {
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40); }
#toast-container > .toastr .toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40); }
#toast-container > div {
pointer-events: auto;
position: relative;
overflow: hidden;
margin: 0 0 6px;
padding: 0.45rem 0.4rem 0.45rem 0.4rem;
width: 25rem;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #FFFFFF;
opacity: 1; }
#toast-container > div:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
cursor: pointer; }
.toast-top-center {
top: 1.0rem;
right: 0;
width: 100%; }
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%; }
.toast-top-left {
top: 3.6rem;
left: 12px; }
.toast-top-right {
top: 3.6rem;
right: 12px; }
.toast-top-full-width {
top: 0;
right: 0;
width: 100%; }
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%; }
.toast-bottom-right {
right: 12px;
bottom: 12px; }
.toast-bottom-left {
bottom: 12px;
left: 12px; }
#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
width: 25rem;
margin-left: auto;
margin-right: auto; }
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
width: 96%;
margin-left: auto;
margin-right: auto; }
.toast-success {
background-color: #62AC87;
background-image: none;
color: #FFFFFF; }
.toast-success .toast-close-button {
color: #FFFFFF; }
.toast-error {
background-color: #CB2A55;
background-image: none;
color: #FFFFFF; }
.toast-error .toast-close-button {
color: #FFFFFF; }
.toast-info {
background-color: #299EE1;
background-image: none;
color: #FFFFFF; }
.toast-info .toast-close-button {
color: #FFFFFF; }
.toast-warning {
background-color: #DF7430;
background-image: none;
color: #FFFFFF; }
.toast-warning .toast-close-button {
color: #FFFFFF; }
.toast-sub {
opacity: 0.7;
border-top: solid 1px #FFFFFF;
margin: 0.3rem 0 0 0;
padding: 0.2rem 0 0 0; }
.toast-sub:first-line {
font-weight: 500; }
.toastDownloads {
user-select: none;
display: inline-block; }
.toastDownloads > svg {
background-color: #299EE1;
font-size: 1.1rem; }
.toastDownloads > span {
padding-left: .5rem; }
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em; }
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em; } }
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 18em; }
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em; } }
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em; } }
.new-application-version {
background-color: #299EE1;
padding: 10px;
position: fixed;
bottom: 0px;
width: 100%;
text-align: center;
color: #FFFFFF; }
.new-application-version a {
text-decoration: underline;
font-weight: bold; }
.new-application-version-error {
background-color: #CB2A55; }
.validation-error-label {
color: red; }
.modal-dialog {
overflow-y: initial !important; }
.modal-xxl {
max-width: 1600px; }
.modal {
background: rgba(0, 0, 0, 0.32); }
.modal .modal-header {
padding: 1rem 1.5rem 0rem 1.5rem;
border: 0;
color: #000D14; }
.modal .modal-header .modal-title {
font-size: 1rem;
font-weight: 500;
line-height: 24px; }
.modal .modal-header .modal-title .modal-header-icon {
vertical-align: middle;
margin-right: 0.2em; }
.modal .modal-header ~ .modal-desc {
padding-top: 0.5rem 0 0 0 !important; }
.modal .modal-header .btn-modal-close {
padding: 0.5rem 0.5rem; }
.modal .modal-header .btn > .bi {
color: inherit;
width: 1.5rem;
height: 1.5rem; }
.modal .modal-header .btn > .i-move-restricted {
color: #62AC87; }
.modal .modal-header .btn:not(:disabled):not(.disabled):hover, .modal .modal-header .btn:not(:disabled):not(.disabled):focus {
opacity: .75; }
.modal .modal-body {
padding: 1rem 1.5rem;
overflow-y: auto;
font-size: 0.75rem; }
.modal .modal-summary {
padding: 1rem 2rem 0rem 2rem;
font-size: 0.75rem; }
.modal .modal-content {
max-height: 84vh;
position: absolute;
border: none;
box-shadow: 0px 3px 50px 10px rgba(0, 0, 0, 0.2);
border-radius: 0.25rem; }
.modal .modal-content[draggable="true"] .modal-header {
cursor: move; }
.modal .modal-footer {
border: 0;
padding: 0.5rem 1.5rem 0.5rem 1.5rem;
justify-content: center; }
.modal .modal-footer > * {
margin: 0.5rem; }
.btn-modal-dragr {
display: none; }
.modal-toolbar-container {
margin: -0.5rem -1rem -0.5rem 0; }
.tab-pane {
height: 100%; }
.tab-pane > :first-child {
margin-top: 0; }
div.lg-tab-header {
display: flex;
background: rgba(0, 0, 0, 0.1);
height: 2.2rem; }
div.lg-tab-header .scrollTabPrevious, div.lg-tab-header .scrollTabNext {
background-color: #FFFFFF;
color: #000000;
border: none;
box-shadow: 0px 2px 6px #00000029;
margin: 0.25rem 0.35rem; }
div.lg-tab-header .scrollTabPrevious:hover, div.lg-tab-header .scrollTabPrevious:focus, div.lg-tab-header .scrollTabPrevious:active, div.lg-tab-header .scrollTabNext:hover, div.lg-tab-header .scrollTabNext:focus, div.lg-tab-header .scrollTabNext:active {
background: #E20177 !important; }
div.lg-tab-header ul.nav {
white-space: nowrap;
overflow: hidden;
display: inline-block;
height: 2.2rem;
padding-top: 0.55rem; }
div.lg-tab-header ul.nav > li.nav-item {
display: inline-block;
margin: 0 0 0 0.25rem;
padding: 0;
font-size: 0.75rem;
height: 100%; }
div.lg-tab-header ul.nav > li.nav-item.active .nav-link {
border-bottom: 2px solid #E20177;
background-color: #FFFFFF;
color: #000D14;
font-weight: 400; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link {
background-color: transparent;
border: 2px solid transparent;
border-radius: 3px;
color: #000D14;
padding: 0.1rem 0.2rem 0.1rem 0.5rem; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link .container-icon-tab {
width: 1.35em !important;
display: inline-block; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link span.lg-tab-close {
visibility: hidden; }
@media (any-hover) {
div.lg-tab-header ul.nav > li.nav-item > a.nav-link:hover {
color: #000D14;
background-color: #f7f7f7; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link:hover span.lg-tab-close {
visibility: visible; } }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link:focus-visible {
border: 2px solid #E20177;
border-radius: 3px;
outline: none;
background-color: transparent;
color: #000D14; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link > span:last-child:not(.lg-tab-close) {
padding-right: 0.6rem; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link .icon-tab {
margin-right: 0.35em; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link .lg-tab-close {
margin-left: 0.35em; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link .lg-tab-close > .bi {
font-size: 1.1rem; }
div.lg-tab-header ul.nav > li.nav-item > a.nav-link.disabled {
user-select: none;
cursor: not-allowed;
color: #9DB8BE; }
div.lg-tab-header ul.nav > li.nav-item:focus {
outline: none; }
div.lg-tab-header ~ div.lg-tab-cnt, div.lg-tab-header-side ~ div.lg-tab-cnt {
padding: 1rem;
overflow: auto; }
div.lg-tab-header .lg-tab-toolbar .lg-tab-toolbar-counter.show .dropdown-menu.show .lg-tab-toolbar-list {
overflow-y: auto;
max-height: 40vh; }
div.lg-tab-header .lg-tab-toolbar .lg-tab-toolbar-counter > button > span {
border: 1px solid #652D90;
padding: 0.1rem 0.2rem;
border-radius: 0.4em; }
div.lg-tab-header .lg-tab-toolbar .lg-tab-toolbar-counter .dropdown-toggle {
color: #652D90;
margin: 0.6em 0.8em 0 0; }
div.lg-tab-header .lg-tab-toolbar .lg-tab-toolbar-counter .dropdown-toggle::after {
width: 1em;
height: 1em;
border: none;
vertical-align: middle;
background: var(--i-chevron-down3) no-repeat center center; }
div.lg-tab-header .lg-tab-toolbar .lg-tab-toolbar-counter .dropdown-toggle span {
margin-right: 0px;
margin-left: 5px; }
div.lg-tab-header .lg-tab-toolbar .toolbar > .btn {
border: 0 !important; }
div.lg-tab-header .lg-tab-toolbar .toolbar .dropdown-menu {
top: 2.9rem; }
div.content-page-tabbed > div {
height: 100%;
width: 100%; }
div.content-page-tabbed > div > div.lg-tab-header ~ div.tab-content.lg-tab-cnt {
height: calc(100% - 2.2rem) !important;
overflow: auto; }
@media (max-width: 768px) {
.scrollTabNext, .scrollTabPrevious {
display: none; }
.lg-tab-header ul.nav > li.nav-item {
display: none !important; }
.lg-tab-header ul.nav > li.nav-item.active {
display: inline-block !important; } }
.tooltip .tooltip-inner {
background-color: #FFFFFF;
font-size: 0.8rem;
color: #000D14;
border-radius: 3px;
box-shadow: 2px 2px 5px 0px #a1a1a1; }
.tooltip.tooltip-text > .tooltip-inner {
white-space: pre-wrap; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
border-right-color: #FFFFFF !important; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
border-bottom-color: #FFFFFF !important; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
border-left-color: #FFFFFF !important; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
border-top-color: #FFFFFF !important; }
#tooltip-container {
pointer-events: none; }
.tooltip.show {
opacity: 1; }
custom-radio custom-control-label {
user-select: none; }
.form-group-chk {
display: flex;
flex-direction: column; }
.form-group-chk .lbl {
position: relative;
order: 0; }
.form-group-chk .form-input {
order: 1; }
.form-group-chk .form-input .custom-control-right.d-inline-block:not(:first-child) {
padding-left: 2rem; }
.form-group-chk .custom-control {
order: 1;
padding-left: 0.6rem; }
.form-group-chk .custom-control.custom-control-right {
padding-right: 2.4rem; }
.form-group-chk .custom-control.custom-control-right.d-block {
padding-left: 0.6rem; }
.form-group-chk .custom-control.custom-control-right .custom-control-label::after {
right: -1.5rem;
left: auto; }
.form-group-chk .custom-control.custom-control-right .custom-control-label::before {
left: auto; }
.form-group-chk .custom-control.custom-control-right.custom-checkbox .custom-control-label::before {
right: -1.5rem; }
.form-group-chk .custom-control.custom-control-right.custom-switch .custom-control-label::before {
right: -2.35rem; }
.form-group-chk .custom-control.custom-switch:not(.custom-control-right) {
padding-left: 2.8rem; }
.form-group-chk .custom-control.custom-checkbox:not(.custom-switch):not(.custom-control-right), .form-group-chk .custom-control.custom-radio:not(.custom-control-right) {
padding-left: 2.1rem; }
.form-group-chk .custom-control .custom-control-input + .custom-control-label {
font-weight: normal; }
.form-group-chk .custom-control .custom-control-input + .custom-control-label::before {
background-color: #FFFFFF;
border: 1px solid #001926; }
.form-group-chk .custom-control .custom-control-input:checked + .custom-control-label::before {
background-color: #652D90;
border: 1px solid #652D90; }
.form-group-chk .custom-control .custom-control-input:hover:not([disabled]):not(:checked) + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:hover:not([disabled]):not(:indeterminate) + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):not(:checked) + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):not(:indeterminate) + .custom-control-label::before {
background-color: #f7f7f7; }
.form-group-chk .custom-control .custom-control-input:hover:not([disabled]):not(:checked) + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:hover:not([disabled]):not(:indeterminate) + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):not(:checked) + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):not(:indeterminate) + .custom-control-label::after {
filter: brightness(0) invert(95%) sepia(3%) saturate(365%) hue-rotate(191deg) brightness(104%) contrast(91%); }
.form-group-chk .custom-control .custom-control-input:hover:not([disabled]):checked + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):checked + .custom-control-label::before {
background-color: #E20177; }
.form-group-chk .custom-control .custom-control-input:hover:not([disabled]):checked + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):checked + .custom-control-label::after {
opacity: 1; }
.form-group-chk .custom-control .custom-control-input:hover:not([disabled]):indeterminate ~ .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:hover:not(:disabled):indeterminate ~ .custom-control-label::after {
background-color: #652D90;
filter: unset; }
.form-group-chk .custom-control .custom-control-input:focus + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input.focus + .custom-control-label::before {
box-shadow: none !important; }
.form-group-chk .custom-control .custom-control-input[disabled] + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:disabled + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input[disabled]:checked + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:disabled:checked + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input[disabled]:indeterminate + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input:disabled:indeterminate + .custom-control-label::before {
background-color: rgba(212, 212, 212, 0.5);
border: 1px solid #D4D4D4; }
.form-group-chk .custom-control .custom-control-input[disabled] + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:disabled + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input[disabled]:checked + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:disabled:checked + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input[disabled]:indeterminate + .custom-control-label::after, .form-group-chk .custom-control .custom-control-input:disabled:indeterminate + .custom-control-label::after {
filter: brightness(0) invert(78%) sepia(9%) saturate(268%) hue-rotate(182deg) brightness(103%) contrast(88%); }
.form-group-chk .custom-control .custom-control-input.rbtModern + .custom-control-label {
margin-left: -1.5rem; }
.form-group-chk .custom-control .custom-control-input.rbtModern + .custom-control-label::before, .form-group-chk .custom-control .custom-control-input.rbtModern + .custom-control-label::after {
content: none; }
.form-group-chk .custom-control .custom-control-input.rbtModern:checked + .custom-control-label {
font-weight: bold; }
.form-group-chk .custom-control .custom-control-input:indeterminate ~ .custom-control-label::after {
background-color: #9DB8BE;
border-radius: 0.25rem; }
.form-group-chk .custom-control.custom-switch .custom-control-input:not(:checked) + .custom-control-label::before {
background-color: #f7f7f7; }
.form-group-chk .custom-control.custom-switch .custom-control-input:not(:checked) + .custom-control-label::after {
background-color: #9DB8BE;
margin-top: -0.2rem; }
.form-group-chk .custom-control.custom-switch .custom-control-input:checked + .custom-control-label::before {
background-color: #f7f7f7; }
.form-group-chk .custom-control.custom-switch .custom-control-input:checked + .custom-control-label::after {
background-color: #652D90;
margin-top: -0.2rem; }
.form-group-chk .custom-control.custom-switch .custom-control-input:hover:not([disabled]):not(:checked) + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not(:disabled):not(:checked) + .custom-control-label::before {
background-color: #f7f7f7 !important; }
.form-group-chk .custom-control.custom-switch .custom-control-input:hover:not([disabled]):not(:checked) + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not(:disabled):not(:checked) + .custom-control-label::after {
background-color: #E20177 !important;
filter: inherit; }
.form-group-chk .custom-control.custom-switch .custom-control-input:hover:not([disabled]):checked + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not([disabled]):indeterminate + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not(:disabled):checked + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not(:disabled):indeterminate + .custom-control-label::before {
background-color: #f7f7f7 !important; }
.form-group-chk .custom-control.custom-switch .custom-control-input:hover:not([disabled]):checked + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not([disabled]):indeterminate + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not(:disabled):checked + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:hover:not(:disabled):indeterminate + .custom-control-label::after {
filter: inherit;
opacity: 1;
background-color: #E20177 !important; }
.form-group-chk .custom-control.custom-switch .custom-control-input[disabled] + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:disabled + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input[disabled]:checked + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:disabled:checked + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input[disabled]:indeterminate + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input:disabled:indeterminate + .custom-control-label::before {
background-color: rgba(212, 212, 212, 0.5); }
.form-group-chk .custom-control.custom-switch .custom-control-input[disabled] + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:disabled + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input[disabled]:checked + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:disabled:checked + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input[disabled]:indeterminate + .custom-control-label::after, .form-group-chk .custom-control.custom-switch .custom-control-input:disabled:indeterminate + .custom-control-label::after {
background-color: #FFFFFF; }
.form-group-chk .custom-control.custom-switch .custom-control-input.rbtModern + .custom-control-label {
margin-left: -1.5rem; }
.form-group-chk .custom-control.custom-switch .custom-control-input.rbtModern + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input.rbtModern + .custom-control-label::after {
content: none; }
.form-group-chk .custom-control.custom-switch .custom-control-input.rbtModern:checked + .custom-control-label {
font-weight: bold; }
.form-group-chk .custom-control.custom-switch .custom-control-input:focus + .custom-control-label::before, .form-group-chk .custom-control.custom-switch .custom-control-input.focus + .custom-control-label::before {
box-shadow: none !important; }
.form-group-chk .custom-control.custom-switch .custom-control-input:indeterminate ~ .custom-control-label::after {
border-radius: 0.5rem;
background-color: #9DB8BE; }
.form-group-chk .custom-control .custom-switch .custom-control-input:indeterminate ~ .custom-control-label::after {
display: none; }
.form-group-chk .custom-control .custom-control-ro {
order: 1;
padding-left: 0; }
.form-group-chk .custom-control .validation-error-label {
padding-left: 0.6rem; }
.form-group-chk div.custom-control-right.custom-switch.custom-switch-noLbl .custom-control-label::before {
right: unset; }
.form-group-chk div.custom-control-right.custom-switch.custom-switch-noLbl .custom-control-label::after {
right: -1rem; }
.form-group-chk .custom-radio .custom-control-input:indeterminate ~ .custom-control-label::after {
border-radius: 0.5rem;
background-color: inherit; }
.form-group-chk .custom-radio .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #001926;
background-color: inherit; }
.form-group-chk .custom-radio .custom-control-input:hover:not(:disabled):indeterminate + .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.form-group-chk .custom-radio .custom-control-input:hover:not(:disabled):indeterminate + .custom-control-label::before {
background-color: #E20177 !important; }
.form-group-chk .custom-radio .custom-control-input + .custom-control-label::before, .form-group-chk .custom-radio .custom-control-input + .custom-control-label::after {
margin-top: 0em; }
.form-group-chk .custom-radio.d-inline-block {
margin-right: 0.5rem; }
.form-group-chk.form-group-ro .chk-ro, .form-group-chk.form-group-ro .rbg-ro {
order: 1; }
.form-group-chk.form-group-ro .chk-ro {
padding-left: 0; }
.form-group-chk.form-group-ro .custom-switch {
padding-left: 0; }
.form-group-chk.form-group-ro .custom-control-label::after, .form-group-chk.form-group-ro .custom-control-label::before {
display: none; }
.big-msg {
text-align: center; }
.big-msg > .bi {
width: auto;
height: 7rem;
margin: 1rem;
color: #C1C7D3; }
.empty-msg .empty-msg-title {
font-weight: bold; }
.form-group .lbl span.form-input-prefix {
display: none;
padding: 0; }
.form-input:not(.form-input-prefix-suffix) {
position: relative; }
.form-input:not(.form-input-prefix-suffix) .form-input-suffix {
position: absolute;
height: 100%;
right: 0.5rem; }
.form-input.form-input-prefix-suffix {
display: flex;
border: 1px solid #ced4da;
border-radius: 5px;
background-color: #fff;
white-space: nowrap; }
.form-input.form-input-prefix-suffix > input, .form-input.form-input-prefix-suffix textarea, .form-input.form-input-prefix-suffix .form-control {
flex-grow: 1;
border: none; }
.form-input.form-input-prefix-suffix > input:focus-visible, .form-input.form-input-prefix-suffix textarea:focus-visible, .form-input.form-input-prefix-suffix .form-control:focus-visible {
outline: none; }
.form-input.form-input-prefix-suffix > .form-control:hover {
background-color: initial; }
.form-input.form-input-prefix-suffix .form-input-suffix {
position: relative;
height: auto;
right: auto; }
.form-input .ntb {
text-align: end; }
.form-input-prefix, .form-input-suffix {
top: 0;
display: flex;
align-items: center;
z-index: 2;
padding: 0 0.3rem; }
.form-input-prefix > svg, .form-input-suffix > svg {
width: 0.8rem;
height: 0.8rem; }
.disabled .form-input-prefix svg, .disabled .form-input-suffix svg {
color: #81989C; }
.suffix, .prefix {
color: #652D90; }
.form-input-suffix > * + * {
margin-left: 0.2rem; }
.reset-btn {
padding: 0 !important; }
.reset-btn > svg {
margin: 0 !important;
width: 1rem !important;
height: 1rem !important; }
.form-input-tools {
cursor: pointer;
user-select: none;
line-height: 1em;
display: inline-block;
vertical-align: text-top;
position: relative; }
.form-input-tools .ico-up {
display: block; }
.noresize {
resize: none !important; }
.multi-line {
height: fit-content;
overflow: hidden; }
.multi-line .txtb-ro span {
white-space: break-spaces; }
.multi-line > .reset-btn {
position: absolute;
top: .3rem;
right: 1.2rem;
width: 1.3rem;
height: 1.3rem;
background: #fff;
border: 1px solid #ced4da;
border-radius: 2rem; }
.multi-line > .reset-btn:hover {
background: #e6e6e6; }
.multi-line > .form-input {
overflow: auto;
padding: 0; }
.multi-line > .form-input .form-input-prefix, .multi-line > .form-input .form-input-suffix {
align-items: initial;
padding-top: 0.3rem; }
.multi-line.outter-sized > .form-input {
height: 100%; }
.multi-line.outter-sized textarea {
height: 100%;
resize: none !important; }
.field-change .change-indicator::after {
content: "";
background: var(--i-asterisk4) 0 0 no-repeat;
margin: 0 0 0 0.35em;
height: 1em;
width: .85em;
display: inline-block;
vertical-align: middle; }
.form-input-ntb .suffix {
display: flex; }
.form-input-ntb .form-input-suffix:has(.suffix) {
padding-left: 0; }
.form-input-suffix .reset-btn {
height: fit-content;
line-height: 1em; }
.form-group-ro:has(.summarybox-value.txtb-ro) {
height: auto !important; }
.datepicker {
border-radius: 0;
border: none !important;
background-color: #FFFFFF !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
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: 4px; }
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute; }
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ccc;
border-top: 0;
position: absolute; }
.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-bottom: 0;
border-top: 7px solid #ccc; }
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #ccc; }
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.datepicker table tr td, .datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none; }
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
background-color: transparent; }
.datepicker table tr td.old, .datepicker table tr td.new {
color: #002A40;
background-color: rgba(212, 212, 212, 0.5);
border-radius: 0; }
.datepicker table tr td.old:hover, .datepicker table tr td.new:hover {
background-color: rgba(212, 212, 212, 0.5); }
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
cursor: pointer; }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
background: none;
color: #6c757d;
cursor: default; }
.datepicker table tr td.highlighted {
color: #fff;
background-color: #000;
border-color: #fff;
border-radius: 0; }
.datepicker table tr td.highlighted:hover {
color: #212529;
background-color: #cccccc;
border-color: #e6e6e6; }
.datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus {
color: #212529;
background-color: #cccccc;
border-color: #e6e6e6;
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted:disabled {
color: #fff;
background-color: #000;
border-color: #fff; }
.datepicker table tr td.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.highlighted.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.highlighted.dropdown-toggle {
color: #fff;
background-color: black;
border-color: #dfdfdf; }
.datepicker table tr td.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.highlighted.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.highlighted.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.datepicker table tr td.highlighted.focused {
background: #e6e6e6; }
.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
background: #fff;
color: #6c757d; }
.datepicker table tr td.today {
color: #fff;
background-color: #000;
border-color: #FFFFFF; }
.datepicker table tr td.today:hover {
color: #212529;
background-color: #cccccc;
border-color: #e6e6e6; }
.datepicker table tr td.today:focus, .datepicker table tr td.today.focus {
color: #212529;
background-color: #cccccc;
border-color: #e6e6e6;
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.datepicker table tr td.today.disabled, .datepicker table tr td.today:disabled {
color: #fff;
background-color: #000;
border-color: #FFFFFF; }
.datepicker table tr td.today:not(:disabled):not(.disabled):active, .datepicker table tr td.today.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.today.dropdown-toggle {
color: #fff;
background-color: black;
border-color: #dfdfdf; }
.datepicker table tr td.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.today.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.today.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.datepicker table tr td.today.focused {
background: #e6e6e6; }
.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
background: #FFFFFF;
color: #6c757d; }
.datepicker table tr td.today, .datepicker table tr td.current {
box-shadow: inset 0 0 0 1px #9DB8BE;
border-radius: 3px;
background-color: #FFFFFF;
color: #002A40; }
.datepicker table tr td.today:hover, .datepicker table tr td.current:hover {
background-color: #f7f7f7 !important;
color: #002A40 !important; }
.datepicker table tr td.range {
color: #fff;
background-color: #000;
border-color: #eeeeee;
border-radius: 0; }
.datepicker table tr td.range:hover {
color: #212529;
background-color: #bbbbbb;
border-color: #d5d5d5; }
.datepicker table tr td.range:focus, .datepicker table tr td.range.focus {
color: #212529;
background-color: #bbbbbb;
border-color: #d5d5d5;
box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5); }
.datepicker table tr td.range.disabled, .datepicker table tr td.range:disabled {
color: #fff;
background-color: #000;
border-color: #eeeeee; }
.datepicker table tr td.range:not(:disabled):not(.disabled):active, .datepicker table tr td.range.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.range.dropdown-toggle {
color: #fff;
background-color: black;
border-color: #cfcfcf; }
.datepicker table tr td.range:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.range.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5); }
.datepicker table tr td.range.focused {
background: #d5d5d5; }
.datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
background: #eeeeee;
color: #6c757d; }
.datepicker table tr td.range.highlighted {
color: #fff;
background-color: #000;
border-color: #f7f7f7; }
.datepicker table tr td.range.highlighted:hover {
color: #212529;
background-color: #c4c4c4;
border-color: #dedede; }
.datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus {
color: #212529;
background-color: #c4c4c4;
border-color: #dedede;
box-shadow: 0 0 0 0.2rem rgba(248, 248, 248, 0.5); }
.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted:disabled {
color: #fff;
background-color: #000;
border-color: #f7f7f7; }
.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.range.highlighted.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.range.highlighted.dropdown-toggle {
color: #fff;
background-color: black;
border-color: #d7d7d7; }
.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.highlighted.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.range.highlighted.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 248, 248, 0.5); }
.datepicker table tr td.range.highlighted.focused {
background: #dedede; }
.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
background: #f7f7f7;
color: #6c757d; }
.datepicker table tr td.range.today {
color: #fff;
background-color: #000;
border-color: #f7ca77; }
.datepicker table tr td.range.today:hover {
color: #212529;
background-color: #f1a417;
border-color: #f4b747; }
.datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus {
color: #212529;
background-color: #f1a417;
border-color: #f4b747;
box-shadow: 0 0 0 0.2rem rgba(248, 210, 139, 0.5); }
.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:disabled {
color: #fff;
background-color: #000;
border-color: #f7ca77; }
.datepicker table tr td.range.today:not(:disabled):not(.disabled):active, .datepicker table tr td.range.today.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.range.today.dropdown-toggle {
color: #fff;
background-color: black;
border-color: #f3b33b; }
.datepicker table tr td.range.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.today.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.range.today.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 210, 139, 0.5); }
.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
background: #f7ca77;
color: #6c757d; }
.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
color: #212529;
background-color: #fff;
border-color: #777777;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {
color: #fff;
background-color: #555555;
border-color: #5e5e5e; }
.datepicker table tr td.selected:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.highlighted.focus {
color: #fff;
background-color: #555555;
border-color: #5e5e5e;
box-shadow: 0 0 0 0.2rem rgba(106, 107, 107, 0.5); }
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected:disabled, .datepicker table tr td.selected.highlighted.disabled, .datepicker table tr td.selected.highlighted:disabled {
color: #212529;
background-color: #fff;
border-color: #777777; }
.datepicker table tr td.selected:not(:disabled):not(.disabled):active, .datepicker table tr td.selected.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.selected.dropdown-toggle, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.selected.highlighted.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.selected.highlighted.dropdown-toggle {
color: #212529;
background-color: #e6e6e6;
border-color: #575757; }
.datepicker table tr td.selected:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.selected.dropdown-toggle:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected.highlighted.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.selected.highlighted.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(106, 107, 107, 0.5); }
.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
color: #212529;
background-color: #fff;
border-color: #652D90;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover {
color: #fff;
background-color: #57277d;
border-color: #4a2169; }
.datepicker table tr td.active:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.highlighted.focus {
color: #fff;
background-color: #57277d;
border-color: #4a2169;
box-shadow: 0 0 0 0.2rem rgba(91, 44, 129, 0.5); }
.datepicker table tr td.active.disabled, .datepicker table tr td.active:disabled, .datepicker table tr td.active.highlighted.disabled, .datepicker table tr td.active.highlighted:disabled {
color: #212529;
background-color: #fff;
border-color: #652D90; }
.datepicker table tr td.active:not(:disabled):not(.disabled):active, .datepicker table tr td.active.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.active.highlighted.active:not(:disabled):not(.disabled), .show > .datepicker table tr td.active.highlighted.dropdown-toggle {
color: #212529;
background-color: #e6e6e6;
border-color: #431e5f; }
.datepicker table tr td.active:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.active.dropdown-toggle:focus, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active.highlighted.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td.active.highlighted.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(91, 44, 129, 0.5); }
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px; }
.datepicker table tr td span:hover, .datepicker table tr td span.focused {
background: #eeeeee; }
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
background: none;
color: #6c757d;
cursor: default; }
.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 {
color: #212529;
background-color: #fff;
border-color: #652D90;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
color: #fff;
background-color: #57277d;
border-color: #4a2169; }
.datepicker table tr td span.active:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.focus:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus:hover {
color: #fff;
background-color: #57277d;
border-color: #4a2169;
box-shadow: 0 0 0 0.2rem rgba(91, 44, 129, 0.5); }
.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover:disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover:disabled {
color: #212529;
background-color: #fff;
border-color: #652D90; }
.datepicker table tr td span.active:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.active:not(:disabled):not(.disabled), .show > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.active:hover:not(:disabled):not(.disabled), .show > .datepicker table tr td span.active.dropdown-toggle:hover, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled.active:not(:disabled):not(.disabled), .show > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled.active:hover:not(:disabled):not(.disabled), .show > .datepicker table tr td span.active.disabled.dropdown-toggle:hover {
color: #212529;
background-color: #e6e6e6;
border-color: #431e5f; }
.datepicker table tr td span.active:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td span.active.dropdown-toggle:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.active:hover:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td span.active.dropdown-toggle:hover:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled.active:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td span.active.disabled.dropdown-toggle:focus, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled.active:hover:not(:disabled):not(.disabled):focus, .show > .datepicker table tr td span.active.disabled.dropdown-toggle:hover:focus {
box-shadow: 0 0 0 0.2rem rgba(91, 44, 129, 0.5); }
.datepicker table tr td span.old, .datepicker table tr td span.new {
color: #6c757d; }
.datepicker .datepicker-switch {
width: 192px;
color: #002A40;
font-size: 0.75rem;
font-weight: 400; }
.datepicker .datepicker-switch:hover {
background-color: #f7f7f7 !important;
color: #002A40 !important; }
.datepicker .dow {
color: #61767B;
font-size: 0.75rem;
font-weight: 400; }
.datepicker .day {
color: #002A40;
font-size: 0.75rem;
font-weight: 400;
border-radius: 3px;
height: 34px;
width: 32px; }
.datepicker .day:hover {
background-color: #f7f7f7 !important;
color: #002A40 !important; }
.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: #eeeeee; }
.datepicker .prev, .datepicker .next {
visibility: hidden; }
.datepicker .prev::after, .datepicker .next::after {
visibility: visible;
position: absolute;
top: 0.55rem;
display: block;
width: 1rem;
height: 1rem;
content: ""; }
.datepicker .prev.disabled, .datepicker .next.disabled {
visibility: hidden; }
.datepicker .next::after {
background-image: var(--i-chevron-right5);
right: 0.8rem;
background-repeat: no-repeat; }
.datepicker .prev::after {
background-image: var(--i-chevron-left5);
left: 0.8rem;
background-repeat: no-repeat; }
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle; }
.datepicker.week-picker tbody tr:hover {
background-color: #eeeeee; }
.datepicker table tr td.active.active:not(:disabled):not(.disabled), .datepicker table tr td.today.active.today.active:not(:disabled):not(.disabled), .datepicker table tr td span.active.active:not(:disabled):not(.disabled), .datepicker.week-picker tbody tr .active ~ td {
color: #FFFFFF;
background-color: #E20177;
text-decoration: none; }
.datepicker table tr td.active.active:not(:disabled):not(.disabled):hover, .datepicker table tr td.today.active.today.active:not(:disabled):not(.disabled):hover, .datepicker table tr td span.active.active:not(:disabled):not(.disabled):hover, .datepicker.week-picker tbody tr .active ~ td:hover {
background-color: #002A40 !important;
color: #FFFFFF !important; }
.input-group.date .input-group-addon {
cursor: pointer; }
.input-daterange {
width: 100%; }
.input-daterange input {
text-align: center; }
.input-daterange input:first-child {
border-radius: 3px 0 0 3px; }
.input-daterange input:last-child {
border-radius: 0 3px 3px 0; }
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
line-height: 1.5;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px; }
.datepicker-orient-top:before, .datepicker-orient-top:after {
border: none; }
.datepicker-dropdown:before, .datepicker-dropdown:after {
visibility: hidden; }
div.accordion div.accordion-item div.frameRoot {
margin: 0px; }
div.accordion div.accordion-item div.frameTitle {
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
div.accordion div.accordion-item:first-child > div.frameTitle {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.lbl {
font-size: 0.75rem; }
.highlight {
background-color: yellow; }
.labelCaption label {
font-weight: bold;
margin-right: 0.5em; }
.wrapper:has(.authentication-step-container) {
height: auto !important; }
.authentication-step-container {
position: absolute;
background: linear-gradient(45deg, #17637B, #269FC7);
top: 0px;
left: 0px;
z-index: 9999;
width: 100%;
height: 100%;
color: #FFFFFF;
text-align: center; }
.authentication-step-container .reconnect-auth {
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1rem; }
.authentication-step-container > .authentication-step {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-inline: 6.5em;
padding-block: 5em;
font-size: 1.5rem;
font-weight: 500; }
.auth-layout {
background: linear-gradient(45deg, #17637B, #269FC7);
color: #002A40;
height: 100vh; }
.auth-layout label {
color: #002A40 !important; }
.auth-layout h1 {
color: #652D90 !important;
font-size: 1.5rem;
font-weight: 500; }
.auth-layout #qrCode {
padding-left: calc(50% - 75px); }
.auth-layout .login-area .area-appname #brand-logo {
background-repeat: no-repeat;
background: url("images/logo_fond-noir.jpg") no-repeat;
background-size: 100%;
width: 7rem;
height: 8rem;
margin: 0 auto; }
.auth-layout .login-area .area-appname .app-name-version {
margin: 0 auto;
color: #FFFFFF; }
.auth-layout .login-area .area-appname .app-name-version .app-name {
font-size: 2.2rem; }
.auth-layout .login-area .area-appname .app-name-version .app-version {
font-size: 0.75rem; }
.auth-layout .login-area .form-register {
margin-top: 0.25rem; }
.auth-layout .group-choice-area {
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-inline: 6.5em;
padding-block: 5em; }
.configure-mfa, .login-with-mfa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF !important; }
.configure-mfa h1, .login-with-mfa h1 {
color: #FFFFFF !important; }
.configure-mfa label, .login-with-mfa label {
color: #FFFFFF !important; }
.configure-mfa kbd, .login-with-mfa kbd {
background: #134A5C; }
.configure-mfa ol, .login-with-mfa ol {
margin-top: 1rem; }
.configure-mfa #qrCode, .login-with-mfa #qrCode {
padding-left: calc(50% - 75px); }
.configure-mfa .title-authent, .login-with-mfa .title-authent {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 0; }
.configure-mfa .sub-title-authent, .login-with-mfa .sub-title-authent {
font-size: 0.9rem;
font-weight: 200; }
.configure-mfa .mfa-verif-code-label, .login-with-mfa .mfa-verif-code-label {
margin-bottom: 0;
font-weight: 300;
font-size: 0.75rem; }
.configure-mfa .mfa-instruction, .login-with-mfa .mfa-instruction {
background: rgba(255, 255, 255, 0.8);
margin-top: 4rem;
padding: 2rem;
border-radius: 8px; }
.configure-mfa .form-mfa-submit, .login-with-mfa .form-mfa-submit {
background: rgba(255, 255, 255, 0.8);
padding: 2rem 3rem;
border-radius: 8px; }
.configure-mfa .form-mfa-submit button, .login-with-mfa .form-mfa-submit button {
min-width: 150px; }
*::-webkit-scrollbar {
width: 11px;
height: 11px; }
* {
scrollbar-width: thin;
scrollbar-color: #D4D4D4 #f7f7f7; }
*::-webkit-scrollbar-track {
background: #f7f7f7; }
*::-webkit-scrollbar-thumb {
background-color: #D4D4D4;
border-radius: 6px;
border: 2px solid #f7f7f7; }
*::-webkit-scrollbar-thumb:hover {
background-color: #9DB8BE;
border-radius: 6px;
border: 2px solid #f7f7f7; }
*::-webkit-scrollbar-thumb:active {
background-color: #E20177;
border-radius: 6px;
border: 2px solid #f7f7f7; }
:root {
--jd-color-white:#fff;
--jd-color-gray:#dadada;
--jd-color-gray-dark:#a5a5a5;
--jd-color-dark:#4c4c4c;
--jd-color-red:#ff3b3b;
--jd-color-default:var(--jd-color-dark);
--jd-color-text:#222222;
--jd-color-label:var(--jd-color-gray-dark);
--jd-color-error:var(--jd-color-red);
--jd-color-border:var(--jd-color-gray);
--jd-color-border-dark:var(--jd-color-dark);
--jd-color-border-selected:#1e88e5;
--jd-color-border-active:#b5b5b5;
--jd-color-selection:var(--jd-color-dark);
--jd-color-selection-area:#bdbdbd;
--jd-color-separator:var(--jd-color-border);
--jd-color-placeholder:var(--jd-color-gray-dark);
--jd-color-panel:#f9f9f9;
--jd-color-resizer:#c8c8c8;
--jd-color-background-default:var(--jd-color-white);
--jd-color-background-gray:var(--jd-color-gray);
--jd-color-background-gray-hover:#f8f8f8;
--jd-color-background-hover:#7a450f;
--jd-color-background-button-hover:#ecebe9;
--jd-color-background-button-hover-opacity30:rgba(236,235,233,0.3);
--jd-color-background-progress:#b91f1f;
--jd-color-background-filebrowser-folders:#3f3f3f;
--jd-color-background-active:#2196f3;
--jd-color-background-selection:#b5d6fd;
--jd-color-background-selection_opacity50:rgba(181,214,253,0.5);
--jd-color-source-area:#323232;
--jd-color-button-background-hover:#dcdcdc;
--jd-color-button-background-hover_opacity40:rgba(220,220,220,0.4);
--jd-color-button-background-hover_opacity60:rgba(220,220,220,0.6);
--jd-font-default:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
--jd-font-size-default:14px;
--jd-font-size-small:11px;
--jd-color-text-icons:rgba(0,0,0,0.75);
--jd-color-icon:var(--jd-color-dark);
--jd-padding-default:8px;
--jd-border-radius-default:3px;
--jd-z-index-full-size:100000;
--jd-z-index-popup:10000001;
--jd-z-index-tooltip:10000002;
--jd-z-index-dialog-overlay:20000003;
--jd-z-index-dialog:20000004;
--jd-z-index-context-menu:30000005;
--jd-icon-loader-size:48px;
--jd-width_element_default:18px;
--jd-height_element_default:18px;
--jd-dark_background_color:#575757;
--jd-dark-text-color:var(--jd-color-white);
--jd-dark_background_ligher:#787878;
--jd-dark_background_darknes:#353535;
--jd-dark_border_color:#444;
--jd-dark_text_color:#d1cccc;
--jd-dark_text_color_opacity80:rgba(209,204,204,0.8);
--jd-dark_text_color_opacity50:rgba(209,204,204,0.5);
--jd-dark_icon_color:#c0c0c0;
--jd-dark_toolbar_color:#5f5c5c;
--jd-dark_toolbar_seperator_color1:rgba(81,81,81,0.41);
--jd-dark_toolbar_seperator_color2:#686767;
--jd-dark_toolbar_seperator_color_opacity80:rgba(104,103,103,0.8);
--jd-dark_toolbar_seperator_color3:rgba(104,103,103,0.75);
--jd-dark_color-border-selected:#152f5f;
--jd-width-default:180px;
--jd-width-input-min:var(--jd-width-default);
--jd-input-height:32px;
--jd-button-icon-size:14px;
--jd-margin-v:2px;
--jd-button-df-size:calc((var(--jd-button-icon-size) - 4px) * 2);
--jd-button-size:calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v) * 2);
--jd-focus-input-box-shadow:0 0 0 0.05rem rgba(0,123,255,0.25); }
.jodit-wysiwyg {
outline: 0; }
.jodit-wysiwyg::selection, .jodit-wysiwyg *::selection {
background: #b5d6fd;
color: #4c4c4c; }
.jodit-container:not(.jodit_inline) .jodit-wysiwyg {
position: relative;
padding: 8px;
margin: 0;
outline: 0;
overflow-x: auto; }
.jodit-container:not(.jodit_inline) .jodit-wysiwyg img {
position: relative;
max-width: 100%; }
.jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media {
position: relative; }
.jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media * {
position: relative;
z-index: 0; }
.jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media::before {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ''; }
:root {
--jd-switche-width:60px;
--jd-switche-height:32px;
--jd-switche-slider-margin:4px;
--jd-switche-slider-size:calc(var(--jd-switche-height) - var(--jd-switche-slider-margin) * 2); }
.jodit-form {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
color: var(--jd-color-default); }
.jodit-form.jodit_error {
border-color: var(--jd-color-error);
box-shadow: inset 0 0 3px 0 rgba(189, 189, 189, 0.3); }
@media (max-width: 768px) {
.jodit-form {
min-width: 150px; } }
.jodit-form button {
height: 36px;
padding: var(--jd-padding-default);
border: none;
margin-top: var(--jd-padding-default);
margin-bottom: var(--jd-padding-default);
background: #d6d6d6;
color: var(--jd-color-dark);
cursor: pointer;
font-size: 16px;
line-height: 1;
outline: none;
text-decoration: none;
transition: background 0.2s ease 0s; }
.jodit-form button:hover {
background-color: var(--jd-color-background-button-hover);
color: var(--jd-color-dark); }
.jodit-form button:active {
background: var(--jd-color-background-button-hover);
color: var(--jd-color-dark); }
.jodit-form label {
display: flex;
align-items: center;
margin-bottom: var(--jd-padding-default);
text-align: left;
white-space: nowrap; }
.jodit-form label:last-child {
margin-bottom: 0; }
.jodit-form .jodit-form__center {
justify-content: center; }
.jodit .jodit-textarea, .jodit .jodit-select, .jodit .jodit-input {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
width: 100%;
height: var(--jd-input-height);
box-sizing: border-box;
padding: 0 var(--jd-padding-default);
border: 1px solid var(--jd-color-border);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--jd-color-white);
border-radius: 0;
line-height: var(--jd-input-height);
outline: none; }
.jodit .jodit-textarea[disabled], .jodit .jodit-select[disabled], .jodit .jodit-input[disabled] {
background-color: #f0f0f0;
color: var(--jd-color-border); }
.jodit .jodit-textarea_has-error_true, .jodit .jodit-select_has-error_true, .jodit .jodit-input_has-error_true {
border-color: var(--jd-color-red); }
.jodit .jodit-input:focus {
border-color: #66afe9;
outline: 0; }
.jodit-checkbox {
position: relative;
z-index: 2;
width: 16px;
height: 16px;
padding: 0;
border: 0 none;
margin: 0 calc(var(--jd-padding-default) / 2) 0 0;
cursor: pointer;
outline: none; }
.jodit-select {
padding-right: calc(var(--jd-padding-default) * 2);
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+");
background-position: 98% 50%;
background-repeat: no-repeat; }
.jodit-textarea {
min-width: var(--jd-width-input-min);
height: auto; }
.jodit-form__group {
display: flex;
min-width: var(--jd-width-input-min);
flex-direction: column;
margin-bottom: var(--jd-padding-default); }
.jodit-form__group > label {
margin-bottom: var(--jd-padding-default); }
.jodit-button {
position: relative;
display: inline-flex;
width: auto;
height: calc(var(--jd-padding-default) * 4);
align-items: center;
justify-content: center;
padding: 0 var(--jd-padding-default);
border: 0;
margin: 0;
background-color: var(--jd-color-background-gray);
border-radius: 0.25rem;
color: var(--jd-color-default);
cursor: pointer;
line-height: 1;
text-decoration: none;
user-select: none; }
.jodit-button svg {
display: inline-block;
width: 24px;
height: 24px; }
.jodit-button svg + span {
margin-left: calc(var(--jd-padding-default) / 2); }
.jodit-button:active {
outline: 0; }
.jodit-button:focus {
outline: 0; }
.jodit-button.disabled {
opacity: 0.7; }
.jodit-buttons {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: var(--jd-padding-default); }
.jodit-button .jodit_icon, .jodit-dialog__header .jodit_icon, .jodit-button svg, .jodit-dialog__header svg {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle; }
.jodit-switcher {
position: relative;
display: inline-block;
width: var(--jd-switche-width);
height: var(--jd-switche-height); }
.jodit-switcher input {
width: 0;
height: 0;
opacity: 0; }
.jodit-switcher .jodit-switcher__slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--jd-color-gray);
border-radius: var(--jd-switche-height);
cursor: pointer;
transition: 0.4s; }
.jodit-switcher .jodit-switcher__slider:before {
position: absolute;
bottom: var(--jd-switche-slider-margin);
left: var(--jd-switche-slider-margin);
width: var(--jd-switche-slider-size);
height: var(--jd-switche-slider-size);
background-color: white;
border-radius: 50%;
content: '';
transition: 0.4s; }
input:checked + .jodit-switcher__slider {
background-color: var(--jd-color-background-active); }
input:checked + .jodit-switcher__slider:before {
transform: translateX(calc(var(--jd-switche-width) - var(--jd-switche-slider-margin) * 2 - var(--jd-switche-slider-size))); }
input:focus + .jodit-switcher__slider {
box-shadow: 0 0 1px var(--jd-color-background-active); }
.jodit-button-group {
display: flex; }
.jodit-button-group input {
display: none; }
.jodit-button-group button {
display: flex;
flex: 1;
justify-content: center;
text-align: center; }
.jodit-button-group button + button {
margin-left: -1px; }
.jodit-button-group input:first-child + button, .jodit-button-group button:first-child {
border-right: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.jodit-button-group input:last-child + button, .jodit-button-group button:last-child {
border-left: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.jodit-button-group input[type='checkbox']:not(:checked) + button + button {
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05); }
.jodit-button-group input[type='checkbox']:checked + button {
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05); }
.jodit_text_icons .jodit_icon {
width: auto;
font-size: var(--jd-font-size-default); }
.jodit_text_icons .jodit_icon::first-letter {
text-transform: uppercase; }
.jodit_text_icons .jodit-tabs .jodit-tabs__buttons > a {
width: auto;
font-family: var(--jd-font-default); }
.jodit_text_icons .jodit-tabs .jodit-tabs__buttons > a i {
width: auto; }
.jodit_text_icons.jodit-dialog .jodit-dialog__header a, .jodit_text_icons.jodit-dialog .jodit-button {
width: auto;
padding: var(--jd-padding-default);
color: var(--jd-color-text-icons);
font-family: var(--jd-font-default); }
.jodit_text_icons.jodit-dialog .jodit-dialog__header a .jodit_icon, .jodit_text_icons.jodit-dialog .jodit-button .jodit_icon {
width: auto; }
.jodit-grid {
display: flex;
width: 100%; }
.jodit-grid.jodit-grid_column {
flex-direction: column; }
@media (max-width: 480px) {
.jodit-grid.jodit-grid_xs-column {
flex-direction: column; } }
.jodit-grid [class*='jodit_col-'] {
flex: 1 1 auto; }
.jodit-grid .jodit_col-lg-5-5 {
width: 100%; }
.jodit-grid .jodit_col-lg-4-5 {
width: 80%; }
.jodit-grid .jodit_col-lg-3-5 {
width: 60%; }
.jodit-grid .jodit_col-lg-2-5 {
width: 40%; }
.jodit-grid .jodit_col-lg-1-5 {
width: 20%; }
.jodit-grid .jodit_col-lg-4-4 {
width: 100%; }
.jodit-grid .jodit_col-lg-3-4 {
width: 75%; }
.jodit-grid .jodit_col-lg-2-4 {
width: 50%; }
.jodit-grid .jodit_col-lg-1-4 {
width: 25%; }
@media (max-width: 992px) {
.jodit-grid .jodit_col-md-5-5 {
width: 100%; }
.jodit-grid .jodit_col-md-4-5 {
width: 80%; }
.jodit-grid .jodit_col-md-3-5 {
width: 60%; }
.jodit-grid .jodit_col-md-2-5 {
width: 40%; }
.jodit-grid .jodit_col-md-1-5 {
width: 20%; }
.jodit-grid .jodit_col-md-4-4 {
width: 100%; }
.jodit-grid .jodit_col-md-3-4 {
width: 75%; }
.jodit-grid .jodit_col-md-2-4 {
width: 50%; }
.jodit-grid .jodit_col-md-1-4 {
width: 25%; } }
@media (max-width: 768px) {
.jodit-grid .jodit_col-sm-5-5 {
width: 100%; }
.jodit-grid .jodit_col-sm-4-5 {
width: 80%; }
.jodit-grid .jodit_col-sm-3-5 {
width: 60%; }
.jodit-grid .jodit_col-sm-2-5 {
width: 40%; }
.jodit-grid .jodit_col-sm-1-5 {
width: 20%; }
.jodit-grid .jodit_col-sm-4-4 {
width: 100%; }
.jodit-grid .jodit_col-sm-3-4 {
width: 75%; }
.jodit-grid .jodit_col-sm-2-4 {
width: 50%; }
.jodit-grid .jodit_col-sm-1-4 {
width: 25%; } }
@media (max-width: 480px) {
.jodit-grid .jodit_col-xs-5-5 {
width: 100%; }
.jodit-grid .jodit_col-xs-4-5 {
width: 80%; }
.jodit-grid .jodit_col-xs-3-5 {
width: 60%; }
.jodit-grid .jodit_col-xs-2-5 {
width: 40%; }
.jodit-grid .jodit_col-xs-1-5 {
width: 20%; }
.jodit-grid .jodit_col-xs-4-4 {
width: 100%; }
.jodit-grid .jodit_col-xs-3-4 {
width: 75%; }
.jodit-grid .jodit_col-xs-2-4 {
width: 50%; }
.jodit-grid .jodit_col-xs-1-4 {
width: 25%; } }
@keyframes rotate {
to {
transform: rotate(360deg); } }
.jodit-icon_loader {
display: inline-block;
width: var(--jd-icon-loader-size);
height: var(--jd-icon-loader-size);
animation: rotate 2s ease-out 0s infinite;
background: url("data:image/png;base64,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") no-repeat center;
background-size: 100% 100%;
vertical-align: middle;
will-change: transform; }
.jodit-icon {
overflow: visible;
width: 14px;
height: 14px;
background: center no-repeat;
background-size: contain;
fill: var(--jd-color-icon);
stroke: var(--jd-color-icon);
transform-origin: 0 0 !important; }
.jodit-icon_close {
stroke: var(--jd-color-icon); }
svg.jodit-icon {
height: auto;
isolation: isolate; }
.jodit-icon_text {
font-size: 14px; }
.jodit, .jodit-container, .jodit *, .jodit-container * {
box-sizing: border-box; }
.jodit .jodit-workplace, .jodit-container .jodit-workplace {
position: relative;
overflow: auto; }
.jodit .jodit-workplace .jodit-wysiwyg, .jodit-container .jodit-workplace .jodit-wysiwyg, .jodit .jodit-workplace .jodit-wysiwyg_iframe, .jodit-container .jodit-workplace .jodit-wysiwyg_iframe {
width: 100%;
height: 100%; }
.jodit-wysiwyg *[contenteditable='false'] {
cursor: default; }
.jodit-container:not(.jodit_inline) {
border: 1px solid var(--jd-color-border);
border-radius: var(--jd-border-radius-default); }
.jodit-container:not(.jodit_inline) .jodit-workplace {
max-height: 100%;
border: 0 solid var(--jd-color-border); }
.jodit-container.jodit_disabled:not(.jodit_inline) {
background: var(--jd-color-background-gray); }
.jodit-container.jodit_disabled:not(.jodit_inline) .jodit-workplace {
opacity: 0.4; }
.jodit_lock {
user-select: none !important; }
.jodit_disabled {
user-select: none !important; }
.jodit_hidden {
display: none !important; }
.jodit_vertical_middle {
display: flex;
align-items: center; }
.jodit-box {
position: static;
width: auto;
max-width: none;
height: auto;
padding: 0;
border: 0;
margin: 0;
background: 0 0;
float: none;
outline: 0; }
.jodit-dialog_theme_dark, .jodit_theme_dark {
--jd-color-border:#6b6b6b; }
.jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal:after, .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal:after, .jodit-dialog_theme_dark .jodit-toolbar-editor-collection_mode_horizontal:after, .jodit_theme_dark .jodit-toolbar-editor-collection_mode_horizontal:after {
background-color: var(--jd-color-border); }
.jodit-dialog_theme_dark.jodit-container, .jodit_theme_dark.jodit-container {
background-color: var(--jd-dark_background_color); }
.jodit-dialog_theme_dark.jodit-container.jodit_disabled, .jodit_theme_dark.jodit-container.jodit_disabled {
background-color: var(--jd-dark_background_color); }
.jodit-dialog_theme_dark.jodit-container:not(.jodit_inline) .jodit-workplace, .jodit_theme_dark.jodit-container:not(.jodit_inline) .jodit-workplace {
border-color: var(--jd-dark_background_color); }
.jodit-dialog_theme_dark .jodit-popup__content, .jodit_theme_dark .jodit-popup__content {
background: var(--jd-dark_background_ligher); }
.jodit-dialog_theme_dark .jodit-ui-button__text, .jodit_theme_dark .jodit-ui-button__text, .jodit-dialog_theme_dark .jodit-toolbar-button__text, .jodit_theme_dark .jodit-toolbar-button__text {
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-ui-button:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__button:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__trigger:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]) {
background-color: var(--jd-dark_background_ligher); }
.jodit-dialog_theme_dark .jodit-status-bar, .jodit_theme_dark .jodit-status-bar {
border-color: rgba(95, 92, 92, 0.8);
background-color: rgba(95, 92, 92, 0.8);
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited {
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-status-bar, .jodit_theme_dark .jodit-status-bar, .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item a, .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item a, .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item span, .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item span {
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty), .jodit_theme_dark .jodit-toolbar__box:not(:empty) {
background: var(--jd-dark_toolbar_color); }
.jodit-dialog_theme_dark .jodit__upload-button svg, .jodit_theme_dark .jodit__upload-button svg, .jodit-dialog_theme_dark .jodit-toolbar-button .jodit-toolbar-button__trigger, .jodit_theme_dark .jodit-toolbar-button .jodit-toolbar-button__trigger, .jodit-dialog_theme_dark .jodit-icon, .jodit_theme_dark .jodit-icon {
fill: var(--jd-dark_icon_color);
stroke: var(--jd-dark_icon_color); }
.jodit-dialog_theme_dark .jodit-icon-close, .jodit_theme_dark .jodit-icon-close {
stroke: var(--jd-dark_icon_color); }
.jodit-dialog_theme_dark .jodit-wysiwyg_iframe, .jodit_theme_dark .jodit-wysiwyg_iframe, .jodit-dialog_theme_dark .jodit-wysiwyg, .jodit_theme_dark .jodit-wysiwyg {
background-color: var(--jd-dark_background_color);
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-form textarea, .jodit_theme_dark .jodit-form textarea, .jodit-dialog_theme_dark .jodit-form input[type='url'], .jodit_theme_dark .jodit-form input[type='url'], .jodit-dialog_theme_dark .jodit-form input[type='text'], .jodit_theme_dark .jodit-form input[type='text'] {
border-color: var(--jd-dark_toolbar_seperator_color2);
background-color: var(--jd-dark_toolbar_seperator_color1);
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-form button, .jodit_theme_dark .jodit-form button {
background-color: var(--jd-dark_toolbar_seperator_color3);
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-placeholder, .jodit_theme_dark .jodit-placeholder {
color: var(--jd-dark_text_color_opacity80); }
.jodit-dialog_theme_dark .jodit-drag-and-drop__file-box, .jodit_theme_dark .jodit-drag-and-drop__file-box, .jodit-dialog_theme_dark .jodit_uploadfile_button, .jodit_theme_dark .jodit_uploadfile_button {
color: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-drag-and-drop__file-box:hover, .jodit_theme_dark .jodit-drag-and-drop__file-box:hover, .jodit-dialog_theme_dark .jodit_uploadfile_button:hover, .jodit_theme_dark .jodit_uploadfile_button:hover {
background-color: var(--jd-dark_toolbar_seperator_color3); }
.jodit-dialog_theme_dark .jodit-add-new-line::before, .jodit_theme_dark .jodit-add-new-line::before {
border-top-color: var(--jd-dark_toolbar_seperator_color2); }
.jodit-dialog_theme_dark .jodit-add-new-line span, .jodit_theme_dark .jodit-add-new-line span {
border-color: var(--jd-dark_toolbar_seperator_color2);
background: var(--jd-dark_toolbar_seperator_color3); }
.jodit-dialog_theme_dark .jodit-add-new-line span svg, .jodit_theme_dark .jodit-add-new-line span svg {
fill: var(--jd-dark_text_color); }
.jodit-dialog_theme_dark .jodit-resizer > i, .jodit_theme_dark .jodit-resizer > i {
border-color: var(--jd-dark_icon_color);
background: var(--jd-dark_toolbar_seperator_color3); }
.jodit-dialog_theme_dark .jodit-select, .jodit_theme_dark .jodit-select, .jodit-dialog_theme_dark .jodit-input, .jodit_theme_dark .jodit-input {
border-color: var(--jd-dark_border_color);
background-color: var(--jd-dark_background_ligher);
color: var(--jd-dark_border_color); }
.jodit-dialog_theme_dark.jodit-dialog, .jodit_theme_dark.jodit-dialog {
background-color: var(--jd-dark_background_color); }
.jodit-dialog_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item, .jodit_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item, .jodit-dialog_theme_dark.jodit-dialog .jodit-dialog__header, .jodit_theme_dark.jodit-dialog .jodit-dialog__header {
border-color: var(--jd-dark_border_color); }
.jodit-dialog_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item-info, .jodit_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item-info {
background-color: var(--jd-dark_text_color); }
.jodit-ui-button-icon-text__icon {
display: none; }
.jodit-ui-button-icon-text__icon:not(:empty) {
display: inline-flex; }
.jodit-ui-button-icon-text__text {
display: none; }
.jodit-ui-button-icon-text__text:not(:empty) {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
display: inline-flex;
flex-grow: 1;
justify-content: center; }
.jodit-ui-button-icon-text_context_menu .jodit-ui-button-icon-text__text {
position: relative;
justify-content: left;
padding-left: var(--jd-padding-default); }
.jodit-ui-button-icon-text_context_menu .jodit-ui-button-icon-text__text::before {
position: absolute;
top: calc(var(--jd-padding-default) * -1);
left: 0;
height: 35px;
border-left: 1px solid var(--jd-color-border);
content: ''; }
.jodit-ui-button-icon-text__icon:not(:empty) + .jodit-ui-button-icon-text__text:not(:empty) {
margin-left: var(--jd-padding-default); }
.jodit-ui-button-icon-text__icon:empty + .jodit-ui-button-icon-text__text:not(:empty) {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button-clear {
position: relative;
box-sizing: border-box;
padding: 0;
border: 0;
appearance: none;
background: 0 0;
box-shadow: none;
font-style: normal;
outline: 0;
text-align: center;
text-decoration: none;
text-transform: none;
user-select: none; }
.jodit-ui-button_clear {
position: relative;
box-sizing: border-box;
padding: 0;
border: 0;
appearance: none;
background: 0 0;
box-shadow: none;
font-style: normal;
outline: 0;
text-align: center;
text-decoration: none;
text-transform: none;
user-select: none; }
.jodit-ui-button-sizes {
min-width: 34px;
height: 34px; }
.jodit-ui-button-sizes .jodit-icon {
width: 14px;
height: 14px; }
.jodit-ui-button-sizes button {
min-width: 34px;
height: 34px;
padding: 0;
appearance: none; }
.jodit-ui-button-sizes_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button-sizes_size_tiny {
min-width: 16px;
height: 16px; }
.jodit-ui-button-sizes_size_tiny .jodit-icon {
width: 8px;
height: 8px; }
.jodit-ui-button-sizes_size_tiny button {
min-width: 16px;
height: 16px;
padding: 0;
appearance: none; }
.jodit-ui-button-sizes_size_tiny_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button-sizes_size_xsmall {
min-width: 22px;
height: 22px; }
.jodit-ui-button-sizes_size_xsmall .jodit-icon {
width: 10px;
height: 10px; }
.jodit-ui-button-sizes_size_xsmall button {
min-width: 22px;
height: 22px;
padding: 0;
appearance: none; }
.jodit-ui-button-sizes_size_xsmall_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button-sizes_size_small {
min-width: 28px;
height: 28px; }
.jodit-ui-button-sizes_size_small .jodit-icon {
width: 12px;
height: 12px; }
.jodit-ui-button-sizes_size_small button {
min-width: 28px;
height: 28px;
padding: 0;
appearance: none; }
.jodit-ui-button-sizes_size_small_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button-sizes_size_large {
min-width: 40px;
height: 40px; }
.jodit-ui-button-sizes_size_large .jodit-icon {
width: 16px;
height: 16px; }
.jodit-ui-button-sizes_size_large button {
min-width: 40px;
height: 40px;
padding: 0;
appearance: none; }
.jodit-ui-button-sizes_size_large_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button-variants_variant_default {
background-color: #e3e3e3;
color: #212529; }
.jodit-ui-button-variants_variant_default svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button-variants_variant_default [disabled] {
opacity: 0.7; }
.jodit-ui-button-variants_variant_default:hover:not([disabled]) {
background-color: #c9cdd1;
color: #212529; }
.jodit-ui-button-variants_variant_default:hover:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button-variants_variant_default:active:not([disabled]) {
background-color: #dae0e5;
color: #212529; }
.jodit-ui-button-variants_variant_default:active:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button-variants_variant_default:focus:not([disabled]) {
outline: 1px dashed #dae0e5; }
.jodit-ui-button-variants_variant_primary {
background-color: #007bff;
color: #fff; }
.jodit-ui-button-variants_variant_primary svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_primary [disabled] {
opacity: 0.7; }
.jodit-ui-button-variants_variant_primary:hover:not([disabled]) {
background-color: #0069d9;
color: #fff; }
.jodit-ui-button-variants_variant_primary:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_primary:active:not([disabled]) {
background-color: #0062cc;
color: #fff; }
.jodit-ui-button-variants_variant_primary:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_primary:focus:not([disabled]) {
outline: 1px dashed #0062cc; }
.jodit-ui-button-variants_variant_secondary {
background-color: #d8d8d8;
color: #212529;
border-radius: 0; }
.jodit-ui-button-variants_variant_secondary svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button-variants_variant_secondary [disabled] {
opacity: 0.7; }
.jodit-ui-button-variants_variant_secondary:hover:not([disabled]) {
background-color: #c9cdd1;
color: #212529; }
.jodit-ui-button-variants_variant_secondary:hover:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button-variants_variant_secondary:active:not([disabled]) {
background-color: #dae0e5;
color: #212529; }
.jodit-ui-button-variants_variant_secondary:active:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button-variants_variant_secondary:focus:not([disabled]) {
outline: 1px dashed #dae0e5; }
.jodit-ui-button-variants_variant_success {
background-color: #28a745;
color: #fff; }
.jodit-ui-button-variants_variant_success svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_success [disabled] {
opacity: 0.7; }
.jodit-ui-button-variants_variant_success:hover:not([disabled]) {
background-color: #218838;
color: #fff; }
.jodit-ui-button-variants_variant_success:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_success:active:not([disabled]) {
background-color: #1e7e34;
color: #fff; }
.jodit-ui-button-variants_variant_success:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_success:focus:not([disabled]) {
outline: 1px dashed #1e7e34; }
.jodit-ui-button-variants_variant_danger {
background-color: #dc3545;
color: #fff; }
.jodit-ui-button-variants_variant_danger svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_danger [disabled] {
opacity: 0.7; }
.jodit-ui-button-variants_variant_danger:hover:not([disabled]) {
background-color: #c82333;
color: #fff; }
.jodit-ui-button-variants_variant_danger:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_danger:active:not([disabled]) {
background-color: #bd2130;
color: #fff; }
.jodit-ui-button-variants_variant_danger:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button-variants_variant_danger:focus:not([disabled]) {
outline: 1px dashed #bd2130; }
.jodit-ui-button-style {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 var(--jd-padding-default);
border-radius: var(--jd-border-radius-default);
color: var(--jd-color-text-icons); }
.jodit-ui-button {
position: relative;
box-sizing: border-box;
padding: 0;
border: 0;
appearance: none;
background: 0 0;
box-shadow: none;
font-style: normal;
outline: 0;
text-align: center;
text-decoration: none;
text-transform: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 var(--jd-padding-default);
border-radius: var(--jd-border-radius-default);
color: var(--jd-color-text-icons);
cursor: pointer;
min-width: 34px;
height: 34px; }
.jodit-ui-button:hover:not([disabled]), .jodit-ui-button:focus-visible:not([disabled]) {
background-color: var(--jd-color-button-background-hover);
opacity: 1;
outline: 0; }
.jodit-ui-button:active:not([disabled]), .jodit-ui-button[aria-pressed='true']:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity40);
outline: 0; }
.jodit-ui-button[aria-pressed='true']:hover:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity60); }
.jodit-ui-button[disabled] {
opacity: 0.3;
pointer-events: none; }
.jodit-ui-button .jodit-icon {
width: 14px;
height: 14px; }
.jodit-ui-button button {
min-width: 34px;
height: 34px;
padding: 0;
appearance: none; }
.jodit-ui-button_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button_size_tiny {
min-width: 16px;
height: 16px; }
.jodit-ui-button_size_tiny .jodit-icon {
width: 8px;
height: 8px; }
.jodit-ui-button_size_tiny button {
min-width: 16px;
height: 16px;
padding: 0;
appearance: none; }
.jodit-ui-button_size_tiny_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button_size_xsmall {
min-width: 22px;
height: 22px; }
.jodit-ui-button_size_xsmall .jodit-icon {
width: 10px;
height: 10px; }
.jodit-ui-button_size_xsmall button {
min-width: 22px;
height: 22px;
padding: 0;
appearance: none; }
.jodit-ui-button_size_xsmall_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button_size_small {
min-width: 28px;
height: 28px; }
.jodit-ui-button_size_small .jodit-icon {
width: 12px;
height: 12px; }
.jodit-ui-button_size_small button {
min-width: 28px;
height: 28px;
padding: 0;
appearance: none; }
.jodit-ui-button_size_small_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button_size_large {
min-width: 40px;
height: 40px; }
.jodit-ui-button_size_large .jodit-icon {
width: 16px;
height: 16px; }
.jodit-ui-button_size_large button {
min-width: 40px;
height: 40px;
padding: 0;
appearance: none; }
.jodit-ui-button_size_large_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button__icon {
display: none; }
.jodit-ui-button__icon:not(:empty) {
display: inline-flex; }
.jodit-ui-button__text {
display: none; }
.jodit-ui-button__text:not(:empty) {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
display: inline-flex;
flex-grow: 1;
justify-content: center; }
.jodit-ui-button_context_menu .jodit-ui-button__text {
position: relative;
justify-content: left;
padding-left: var(--jd-padding-default); }
.jodit-ui-button_context_menu .jodit-ui-button__text::before {
position: absolute;
top: calc(var(--jd-padding-default) * -1);
left: 0;
height: 35px;
border-left: 1px solid var(--jd-color-border);
content: ''; }
.jodit-ui-button__icon:not(:empty) + .jodit-ui-button__text:not(:empty) {
margin-left: var(--jd-padding-default); }
.jodit-ui-button__icon:empty + .jodit-ui-button__text:not(:empty) {
padding: 0 var(--jd-padding-default); }
.jodit-ui-button:focus:not([disabled]) {
outline: 1px dashed var(--jd-color-background-selection); }
.jodit-ui-button_variant_default {
background-color: #e3e3e3;
color: #212529; }
.jodit-ui-button_variant_default svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button_variant_default [disabled] {
opacity: 0.7; }
.jodit-ui-button_variant_default:hover:not([disabled]) {
background-color: #c9cdd1;
color: #212529; }
.jodit-ui-button_variant_default:hover:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button_variant_default:active:not([disabled]) {
background-color: #dae0e5;
color: #212529; }
.jodit-ui-button_variant_default:active:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button_variant_default:focus:not([disabled]) {
outline: 1px dashed #dae0e5; }
.jodit-ui-button_variant_primary {
background-color: #007bff;
color: #fff; }
.jodit-ui-button_variant_primary svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_primary [disabled] {
opacity: 0.7; }
.jodit-ui-button_variant_primary:hover:not([disabled]) {
background-color: #0069d9;
color: #fff; }
.jodit-ui-button_variant_primary:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_primary:active:not([disabled]) {
background-color: #0062cc;
color: #fff; }
.jodit-ui-button_variant_primary:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_primary:focus:not([disabled]) {
outline: 1px dashed #0062cc; }
.jodit-ui-button_variant_secondary {
background-color: #d8d8d8;
color: #212529;
border-radius: 0; }
.jodit-ui-button_variant_secondary svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button_variant_secondary [disabled] {
opacity: 0.7; }
.jodit-ui-button_variant_secondary:hover:not([disabled]) {
background-color: #c9cdd1;
color: #212529; }
.jodit-ui-button_variant_secondary:hover:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button_variant_secondary:active:not([disabled]) {
background-color: #dae0e5;
color: #212529; }
.jodit-ui-button_variant_secondary:active:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-ui-button_variant_secondary:focus:not([disabled]) {
outline: 1px dashed #dae0e5; }
.jodit-ui-button_variant_success {
background-color: #28a745;
color: #fff; }
.jodit-ui-button_variant_success svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_success [disabled] {
opacity: 0.7; }
.jodit-ui-button_variant_success:hover:not([disabled]) {
background-color: #218838;
color: #fff; }
.jodit-ui-button_variant_success:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_success:active:not([disabled]) {
background-color: #1e7e34;
color: #fff; }
.jodit-ui-button_variant_success:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_success:focus:not([disabled]) {
outline: 1px dashed #1e7e34; }
.jodit-ui-button_variant_danger {
background-color: #dc3545;
color: #fff; }
.jodit-ui-button_variant_danger svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_danger [disabled] {
opacity: 0.7; }
.jodit-ui-button_variant_danger:hover:not([disabled]) {
background-color: #c82333;
color: #fff; }
.jodit-ui-button_variant_danger:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_danger:active:not([disabled]) {
background-color: #bd2130;
color: #fff; }
.jodit-ui-button_variant_danger:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-ui-button_variant_danger:focus:not([disabled]) {
outline: 1px dashed #bd2130; }
.jodit-ui-button-group {
margin-bottom: var(--jd-padding-default); }
.jodit-ui-button-group__label {
display: block;
margin-bottom: calc(var(--jd-padding-default) / 4);
color: var(--jd-color-label);
font-size: 0.8em; }
.jodit-ui-button-group__options {
display: flex;
justify-content: flex-start; }
.jodit-ui-button-group .jodit-ui-button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.jodit-ui-button-group .jodit-ui-button + .jodit-ui-button {
border-left: 1px solid var(--jd-color-button-background-hover_opacity40);
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.jodit-ui-button-group .jodit-ui-button[aria-pressed='true']:not([disabled]) {
border-left: 0;
background-color: var(--jd-color-button-background-hover);
box-shadow: inset 0 0 3px 0 var(--jd-color-dark);
color: var(--jd-color-dark);
outline: 0; }
.jodit-ui-button-group .jodit-ui-button[aria-pressed='true']:not([disabled]) + .jodit-ui-button {
border: 0; }
.jodit-ui-group {
display: inline-flex;
max-width: 100%;
flex: 0 0 auto;
flex-shrink: 0;
flex-wrap: wrap; }
.jodit-ui-group_line_true {
display: flex;
justify-content: stretch; }
.jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true):after {
content: '';
padding: 0;
border-right: 1px solid var(--jd-color-border);
border-left: 0;
margin: 2px;
cursor: default; }
.jodit-ui-group:last-child {
border-bottom: 0; }
.jodit-ui-list {
display: flex;
flex-direction: column; }
.jodit-ui-list_mode_vertical .jodit-ui-group {
flex-direction: column;
border: 0;
background-color: transparent; }
.jodit-ui-list_mode_vertical .jodit-toolbar-button {
height: auto;
min-height: var(--jd-button-size); }
.jodit-ui-list_mode_vertical .jodit-toolbar-button__button {
width: 100%;
height: auto;
min-height: var(--jd-button-size);
cursor: pointer; }
.jodit-ui-list_mode_vertical .jodit-toolbar-button__text:not(:empty) {
justify-content: left; }
.jodit-ui-separator {
padding: 0;
border-right: 1px solid var(--jd-color-border);
border-left: 0;
margin: 2px;
cursor: default; }
.jodit-ui-break {
width: 0;
height: 0 !important;
flex-basis: 100%;
border-top: 1px solid var(--jd-color-border); }
.jodit-ui-spacer {
flex: 1; }
:root {
--jd-popup-box-shadow:0 4px 1px -2px rgba(76,76,76,0.2),0 3px 3px 0 rgba(76,76,76,0.15),0 1px 4px 0 rgba(76,76,76,0.13); }
.jodit-popup {
position: static;
width: auto;
max-width: none;
height: auto;
padding: 0;
border: 0;
margin: 0;
background: 0 0;
float: none;
outline: 0;
position: fixed;
z-index: var(--jd-z-index-popup);
display: inline-block;
box-shadow: var(--jd-popup-box-shadow);
transform: translate3d(0, 0, 0); }
.jodit-popup__content {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
overflow: auto;
max-height: 300px;
padding: var(--jd-padding-default);
background: var(--jd-color-background-default);
overflow-scrolling: touch; }
.jodit-popup_padding_false .jodit-popup__content {
padding: 0; }
.jodit-popup_max-height_false .jodit-popup__content {
max-height: fit-content; }
.jodit-ui-label {
display: block;
margin-bottom: calc(var(--jd-padding-default) / 4);
color: var(--jd-color-label);
font-size: 0.8em; }
.jodit-ui-input {
display: flex;
flex-direction: column;
margin-bottom: var(--jd-padding-default); }
.jodit-ui-input__input {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
width: 100%;
height: var(--jd-input-height);
box-sizing: border-box;
padding: 0 var(--jd-padding-default);
border: 1px solid var(--jd-color-border);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--jd-color-white);
border-radius: 0;
line-height: var(--jd-input-height);
outline: none;
border: 0; }
.jodit-ui-input__input[disabled] {
background-color: #f0f0f0;
color: var(--jd-color-border); }
.jodit-ui-input__input_has-error_true {
border-color: var(--jd-color-red); }
.jodit-ui-input__input:focus {
outline: 0; }
.jodit-ui-input_theme_dark .jodit-ui-input__input {
background-color: var(--jd-color-gray); }
.jodit-ui-input_has-error_true .jodit-ui-input__input {
border-color: var(--jd-color-red); }
.jodit-ui-input__error, .jodit-ui-input__label {
display: block;
margin-bottom: calc(var(--jd-padding-default) / 4);
color: var(--jd-color-label);
font-size: 0.8em; }
.jodit-ui-input_has-error_true .jodit-ui-input__label, .jodit-ui-input__error {
color: var(--jd-color-error); }
.jodit-ui-input__wrapper {
display: flex;
min-width: 200px;
align-items: center;
justify-content: stretch;
border: 1px solid var(--jd-color-border);
background-color: var(--jd-color-white); }
@media (max-width: 480px) {
.jodit-ui-input__wrapper {
min-width: 140px; } }
.jodit-ui-input_theme_dark .jodit-ui-input__wrapper {
border-color: var(--jd-color-border);
background-color: var(--jd-color-gray); }
.jodit-ui-input_focused_true .jodit-ui-input__wrapper {
border-color: var(--jd-color-border-selected); }
.jodit-ui-input__icon:not(:empty) {
display: flex;
align-items: center;
padding: 0 var(--jd-padding-default); }
.jodit-ui-input__icon:not(:empty) svg {
width: 16px;
height: 16px;
fill: var(--jd-color-border); }
.jodit-ui-input__icon:not(:empty) + .jodit-ui-input__input {
padding-left: 0; }
.jodit-ui-input__clear {
display: flex;
align-items: center;
padding: 0 var(--jd-padding-default) 0 0;
opacity: 0.8; }
.jodit-ui-input__clear:active {
opacity: 1;
transform: scale(1.1, 1.1); }
.jodit-ui-input__clear svg {
width: 12px;
height: 12px;
fill: var(--jd-color-border); }
.jodit-ui-input_theme_dark .jodit-ui-input__icon svg, .jodit-ui-input_theme_dark .jodit-ui-input__clear svg {
fill: var(--jd-color-dark); }
.jodit-ui-block .jodit-ui-input {
margin-bottom: 0; }
.jodit-ui-text-area {
display: flex;
flex-direction: column;
margin-bottom: var(--jd-padding-default);
width: 100%; }
.jodit-ui-text-area__input {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
width: 100%;
height: var(--jd-input-height);
box-sizing: border-box;
padding: 0 var(--jd-padding-default);
border: 1px solid var(--jd-color-border);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--jd-color-white);
border-radius: 0;
line-height: var(--jd-input-height);
outline: none;
border: 0; }
.jodit-ui-text-area__input[disabled] {
background-color: #f0f0f0;
color: var(--jd-color-border); }
.jodit-ui-text-area__input_has-error_true {
border-color: var(--jd-color-red); }
.jodit-ui-text-area__input:focus {
outline: 0; }
.jodit-ui-text-area_theme_dark .jodit-ui-text-area__input {
background-color: var(--jd-color-gray); }
.jodit-ui-text-area_has-error_true .jodit-ui-text-area__input {
border-color: var(--jd-color-red); }
.jodit-ui-text-area__error, .jodit-ui-text-area__label {
display: block;
margin-bottom: calc(var(--jd-padding-default) / 4);
color: var(--jd-color-label);
font-size: 0.8em; }
.jodit-ui-text-area_has-error_true .jodit-ui-text-area__label, .jodit-ui-text-area__error {
color: var(--jd-color-error); }
.jodit-ui-text-area__wrapper {
display: flex;
min-width: 200px;
align-items: center;
justify-content: stretch;
border: 1px solid var(--jd-color-border);
background-color: var(--jd-color-white); }
@media (max-width: 480px) {
.jodit-ui-text-area__wrapper {
min-width: 140px; } }
.jodit-ui-text-area_theme_dark .jodit-ui-text-area__wrapper {
border-color: var(--jd-color-border);
background-color: var(--jd-color-gray); }
.jodit-ui-text-area_focused_true .jodit-ui-text-area__wrapper {
border-color: var(--jd-color-border-selected); }
.jodit-ui-text-area__icon:not(:empty) {
display: flex;
align-items: center;
padding: 0 var(--jd-padding-default); }
.jodit-ui-text-area__icon:not(:empty) svg {
width: 16px;
height: 16px;
fill: var(--jd-color-border); }
.jodit-ui-text-area__icon:not(:empty) + .jodit-ui-text-area__input {
padding-left: 0; }
.jodit-ui-text-area__clear {
display: flex;
align-items: center;
padding: 0 var(--jd-padding-default) 0 0;
opacity: 0.8; }
.jodit-ui-text-area__clear:active {
opacity: 1;
transform: scale(1.1, 1.1); }
.jodit-ui-text-area__clear svg {
width: 12px;
height: 12px;
fill: var(--jd-color-border); }
.jodit-ui-text-area_theme_dark .jodit-ui-text-area__icon svg, .jodit-ui-text-area_theme_dark .jodit-ui-text-area__clear svg {
fill: var(--jd-color-dark); }
.jodit-ui-text-area__wrapper {
flex: 1; }
.jodit-ui-text-area__input {
height: 100%;
min-height: 60px; }
.jodit-ui-checkbox {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
margin-bottom: var(--jd-padding-default); }
.jodit-ui-checkbox__input {
margin-right: var(--jd-padding-default); }
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
margin-right: var(--jd-padding-default); }
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper input {
width: 0;
height: 0;
opacity: 0; }
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ccc;
border-radius: 34px;
cursor: pointer;
transition: 0.4s; }
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider:before {
position: absolute;
bottom: 4px;
left: 4px;
width: 26px;
height: 26px;
background-color: white;
border-radius: 50%;
content: '';
transition: 0.4s; }
.jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider {
background-color: #2196f3; }
.jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider:before {
transform: translateX(26px); }
.jodit-ui-checkbox_switch_true.jodit-ui-checkbox_focused_true .jodit-ui-checkbox__switch-slider {
box-shadow: 0 0 1px #2196f3; }
.jodit-ui-block .jodit-ui-checkbox {
margin-bottom: 0; }
.jodit-ui-select {
display: flex;
flex-direction: column;
margin-bottom: var(--jd-padding-default); }
.jodit-ui-select__input {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
width: 100%;
height: var(--jd-input-height);
box-sizing: border-box;
padding: 0 var(--jd-padding-default);
border: 1px solid var(--jd-color-border);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--jd-color-white);
border-radius: 0;
line-height: var(--jd-input-height);
outline: none;
border: 0; }
.jodit-ui-select__input[disabled] {
background-color: #f0f0f0;
color: var(--jd-color-border); }
.jodit-ui-select__input_has-error_true {
border-color: var(--jd-color-red); }
.jodit-ui-select__input:focus {
outline: 0; }
.jodit-ui-select_theme_dark .jodit-ui-select__input {
background-color: var(--jd-color-gray); }
.jodit-ui-select_has-error_true .jodit-ui-select__input {
border-color: var(--jd-color-red); }
.jodit-ui-select__error, .jodit-ui-select__label {
display: block;
margin-bottom: calc(var(--jd-padding-default) / 4);
color: var(--jd-color-label);
font-size: 0.8em; }
.jodit-ui-select_has-error_true .jodit-ui-select__label, .jodit-ui-select__error {
color: var(--jd-color-error); }
.jodit-ui-select__wrapper {
display: flex;
min-width: 200px;
align-items: center;
justify-content: stretch;
border: 1px solid var(--jd-color-border);
background-color: var(--jd-color-white); }
@media (max-width: 480px) {
.jodit-ui-select__wrapper {
min-width: 140px; } }
.jodit-ui-select_theme_dark .jodit-ui-select__wrapper {
border-color: var(--jd-color-border);
background-color: var(--jd-color-gray); }
.jodit-ui-select_focused_true .jodit-ui-select__wrapper {
border-color: var(--jd-color-border-selected); }
.jodit-ui-select__icon:not(:empty) {
display: flex;
align-items: center;
padding: 0 var(--jd-padding-default); }
.jodit-ui-select__icon:not(:empty) svg {
width: 16px;
height: 16px;
fill: var(--jd-color-border); }
.jodit-ui-select__icon:not(:empty) + .jodit-ui-select__input {
padding-left: 0; }
.jodit-ui-select__clear {
display: flex;
align-items: center;
padding: 0 var(--jd-padding-default) 0 0;
opacity: 0.8; }
.jodit-ui-select__clear:active {
opacity: 1;
transform: scale(1.1, 1.1); }
.jodit-ui-select__clear svg {
width: 12px;
height: 12px;
fill: var(--jd-color-border); }
.jodit-ui-select_theme_dark .jodit-ui-select__icon svg, .jodit-ui-select_theme_dark .jodit-ui-select__clear svg {
fill: var(--jd-color-dark); }
.jodit-ui-select__input {
padding-right: calc(var(--jd-padding-default) * 2);
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+");
background-position: 98% 50%;
background-repeat: no-repeat; }
.jodit-ui-select_size_tiny {
margin-bottom: 0; }
.jodit-ui-select_size_tiny .jodit-ui-select__input {
--jd-height:calc(var(--jd-input-height) / 1.8);
height: var(--jd-height);
line-height: var(--jd-height); }
.jodit-ui-select_variant_outline .jodit-ui-select__wrapper {
border: 0; }
.jodit-ui-select_variant_outline .jodit-ui-select__wrapper select {
outline: 0; }
.jodit-ui-select_width_auto {
width: auto; }
.jodit-ui-select_width_auto .jodit-ui-select__wrapper {
min-width: auto; }
.jodit-ui-file-input {
position: relative;
overflow: hidden; }
.jodit-ui-file-input__input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0 calc(var(--jd-padding-default) * -1) 0 0;
cursor: pointer;
font-size: 400px;
opacity: 0; }
.jodit-ui-block {
display: flex;
align-items: center;
justify-content: stretch;
margin-bottom: var(--jd-padding-default); }
.jodit-ui-block_width_full {
width: 100%; }
.jodit-ui-block_align_full {
justify-content: space-between; }
.jodit-ui-block_align_right {
justify-content: flex-end; }
.jodit-ui-block_padding_true {
padding: var(--jd-padding-default); }
@keyframes pulse {
30% {
opacity: 0.6; }
60% {
opacity: 0; }
to {
opacity: 0.6; } }
.jodit-progress-bar {
position: absolute;
z-index: 2147483647;
top: 0;
left: 0;
height: 2px;
border-radius: 1px;
opacity: 0.7; }
.jodit-progress-bar div {
position: relative;
height: 2px;
background: var(--jd-color-background-progress);
transition: width 500ms ease-out,opacity 500ms linear;
will-change: width,opacity; }
.jodit-progress-bar div::before, .jodit-progress-bar div::after {
position: absolute;
top: 0;
display: inline-block;
height: 2px;
animation: pulse 2s ease-out 0s infinite;
border-radius: 100%;
box-shadow: var(--jd-color-background-progress) 1px 0 6px 1px;
content: '';
opacity: 0.6; }
.jodit-progress-bar div::before {
right: -80px;
width: 180px;
clip: rect(-6px, 90px, 14px, -6px); }
.jodit-progress-bar div::after {
right: 0;
width: 20px;
clip: rect(-6px, 22px, 14px, var(--jd-padding-default)); }
.jodit-context-menu {
position: static;
width: auto;
max-width: none;
height: auto;
padding: 0;
border: 0;
margin: 0;
background: 0 0;
float: none;
outline: 0;
position: fixed;
z-index: var(--jd-z-index-popup);
display: inline-block;
box-shadow: var(--jd-popup-box-shadow);
transform: translate3d(0, 0, 0);
z-index: var(--jd-z-index-context-menu); }
.jodit-context-menu__content {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
overflow: auto;
max-height: 300px;
padding: var(--jd-padding-default);
background: var(--jd-color-background-default);
overflow-scrolling: touch; }
.jodit-context-menu_padding_false .jodit-context-menu__content {
padding: 0; }
.jodit-context-menu_max-height_false .jodit-context-menu__content {
max-height: fit-content; }
.jodit-context-menu .jodit-ui-button {
display: flex; }
.jodit-context-menu__actions {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default); }
.jodit-context-menu__actions button {
width: 100%; }
.jodit-context-menu_theme_dark .jodit-context-menu__content {
background-color: var(--jd-dark_background_color); }
.jodit-dialog {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
position: absolute;
display: none;
width: 0;
height: 0;
box-sizing: border-box;
border: 0;
will-change: left,top,width,height; }
.jodit-dialog_moved_true {
user-select: none; }
.jodit-dialog * {
box-sizing: border-box; }
.jodit-dialog .jodit_elfinder, .jodit-dialog .jodit_elfinder * {
box-sizing: initial; }
.jodit-dialog__overlay {
position: fixed;
z-index: var(--jd-z-index-dialog-overlay);
top: 0;
left: 0;
display: none;
overflow: auto;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
white-space: nowrap; }
.jodit-dialog_static_true .jodit-dialog__overlay {
display: none; }
.jodit-dialog_modal_true .jodit-dialog__overlay {
display: block; }
.jodit-dialog_active_true {
display: block; }
.jodit-dialog__panel {
position: fixed;
z-index: var(--jd-z-index-dialog);
top: 0;
left: 0;
display: flex;
min-width: 200px;
max-width: 100%;
min-height: 100px;
max-height: 100%;
flex-flow: column nowrap;
background-color: #fff;
--jd-box-shadow-blur:calc(var(--jd-padding-default) * 2);
--jd-box-shadow-1:0 var(--jd-padding-default) var(--jd-box-shadow-blur) rgba(0,0,0,0.19);
box-shadow: var(--jd-box-shadow-1), 0 6px 6px rgba(0, 0, 0, 0.23);
text-align: left;
white-space: normal; }
@media (max-width: 480px) {
.jodit-dialog:not(.jodit-dialog_adaptive_false) .jodit-dialog__panel {
top: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100%;
height: 100% !important; } }
.jodit-dialog_static_true {
position: static;
display: block;
width: auto;
height: auto;
box-sizing: border-box; }
.jodit-dialog_static_true .jodit-dialog__panel {
position: relative;
top: auto !important;
left: auto !important;
width: 100% !important; }
.jodit-dialog_theme_dark, .jodit-dialog_theme_dark .jodit-dialog__panel {
background-color: var(--jd-dark_background_darknes);
color: var(--jd-dark-text-color); }
.jodit-dialog__header {
display: flex;
min-height: 50px;
justify-content: space-between;
border-bottom: 1px solid var(--jd-color-border);
cursor: move;
text-align: left; }
.jodit-dialog__header-toolbar, .jodit-dialog__header-title {
display: flex;
flex-shrink: 3;
align-items: center;
padding: 0 var(--jd-padding-default);
margin: 0;
font-size: 18px;
font-weight: 400;
line-height: 48px;
vertical-align: top; }
@media (max-width: 480px) {
.jodit-dialog__header-toolbar {
padding-left: 0; } }
.jodit-dialog__header-button {
height: 48px;
flex-basis: 48px;
color: #222;
font-size: 28px;
line-height: 48px;
text-align: center;
text-decoration: none;
transition: background-color 0.2s ease 0s; }
.jodit-dialog__header-button:hover {
background-color: var(--jd-color-background-button-hover); }
.jodit-dialog__header .jodit_toolbar {
border: 0;
background: transparent;
box-shadow: none; }
.jodit-dialog__header .jodit_toolbar > li.jodit-toolbar-button .jodit-input {
width: auto;
padding-left: var(--jd-padding-default); }
@media (max-width: 480px) {
.jodit-dialog:not(.jodit-dialog_adaptive_false) .jodit-dialog__header {
flex-direction: column; } }
.jodit-dialog_slim_true .jodit-dialog__header {
min-height: 10px; }
.jodit-dialog_slim_true .jodit-dialog__header-toolbar, .jodit-dialog_slim_true .jodit-dialog__header-title {
padding: 0 calc(var(--jd-padding-default) / 4); }
.jodit-dialog_theme_dark .jodit-dialog__header {
border-color: var(--jd-color-dark); }
.jodit-dialog_fullsize_true .jodit-dialog__header {
cursor: default; }
.jodit-dialog__content {
overflow: auto;
min-height: 100px;
flex: 1; }
.jodit-dialog__content .jodit-form__group {
padding: 0 var(--jd-padding-default);
margin-bottom: calc(var(--jd-padding-default) * 1.5); }
.jodit-dialog__content .jodit-form__group:first-child {
margin-top: var(--jd-padding-default); }
.jodit-dialog__content .jodit-form__group label + .jodit-select, .jodit-dialog__content .jodit-form__group label + .jodit-grid, .jodit-dialog__content .jodit-form__group label + .jodit-input_group, .jodit-dialog__content .jodit-form__group label + input {
margin-top: calc(var(--jd-padding-default) / 2); }
.jodit-dialog__content .jodit-form__group .jodit-input_group {
display: table;
width: 100%;
border-collapse: separate; }
.jodit-dialog__content .jodit-form__group .jodit-input_group > * {
display: table-cell;
height: 34px;
vertical-align: middle; }
.jodit-dialog__content .jodit-form__group .jodit-input_group > input {
margin: 0 !important; }
.jodit-dialog__content .jodit-form__group .jodit-input_group > input:not([class*='col-']) {
width: 100%; }
.jodit-dialog__content .jodit-form__group .jodit-input_group-buttons {
width: 1%;
font-size: 0;
vertical-align: middle;
white-space: nowrap; }
.jodit-dialog__content .jodit-form__group .jodit-input_group-buttons > .jodit-button {
height: 34px;
border: 1px solid var(--jd-color-border);
margin-left: -1px;
border-radius: 0;
line-height: 34px; }
.jodit-dialog__footer {
display: none;
flex-wrap: nowrap;
justify-content: space-between;
padding: var(--jd-padding-default); }
.jodit-dialog__footer button {
margin-right: calc(var(--jd-padding-default) / 2); }
.jodit-dialog__footer button:last-child {
margin-right: 0; }
.jodit-dialog__column {
display: flex; }
.jodit-dialog__resizer {
display: none;
position: relative; }
.jodit-dialog__resizer svg {
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
width: 12px;
height: 12px;
cursor: nwse-resize;
fill: var(--jd-color-gray-dark);
user-select: none; }
.jodit-dialog_resizable_true .jodit-dialog__resizer {
display: block; }
@media (max-width: 480px) {
.jodit-dialog__resizer {
display: none; } }
.jodit-dialog_prompt {
min-width: 200px;
max-width: 300px;
padding: var(--jd-padding-default);
word-break: break-all; }
.jodit-dialog_prompt label {
display: block;
margin-bottom: calc(var(--jd-padding-default) / 2); }
.jodit-dialog_alert {
min-width: 200px;
max-width: 300px;
padding: var(--jd-padding-default);
word-break: break-all; }
.jodit-dialog_footer_true .jodit-dialog__footer {
display: flex; }
.jodit_fullsize .jodit-dialog__panel {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important; }
.jodit_fullsize .jodit-dialog__panel .jodit-dialog__resizer {
display: none; }
.jodit-toolbar__box:not(:empty) {
--jd-color-background-default:var(--jd-color-panel);
overflow: hidden;
border-bottom: 1px solid var(--jd-color-border);
background-color: var(--jd-color-panel);
border-radius: var(--jd-border-radius-default) var(--jd-border-radius-default) 0 0; }
.jodit-toolbar-collection, .jodit-toolbar-editor-collection {
display: flex;
flex-direction: column; }
.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_mode_horizontal {
position: relative;
background-image: repeating-linear-gradient(transparent 0, transparent calc(var(--jd-button-size) - 1px), var(--jd-color-border) var(--jd-button-size)); }
.jodit-toolbar-collection_mode_horizontal:after, .jodit-toolbar-editor-collection_mode_horizontal:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: var(--jd-color-background-default);
content: ''; }
.jodit-toolbar-collection_size_tiny, .jodit-toolbar-editor-collection_size_tiny {
--jd-button-icon-size:8px; }
.jodit-toolbar-collection_size_tiny.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_tiny.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_tiny.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_tiny.jodit-toolbar-editor-collection_mode_horizontal {
background-image: repeating-linear-gradient(transparent 0, transparent 19px, var(--jd-color-border) 20px); }
.jodit-toolbar-collection_size_xsmall, .jodit-toolbar-editor-collection_size_xsmall {
--jd-button-icon-size:10px; }
.jodit-toolbar-collection_size_xsmall.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_xsmall.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_xsmall.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_xsmall.jodit-toolbar-editor-collection_mode_horizontal {
background-image: repeating-linear-gradient(transparent 0, transparent 25px, var(--jd-color-border) 26px); }
.jodit-toolbar-collection_size_small, .jodit-toolbar-editor-collection_size_small {
--jd-button-icon-size:12px; }
.jodit-toolbar-collection_size_small.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_small.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal {
background-image: repeating-linear-gradient(transparent 0, transparent 31px, var(--jd-color-border) 32px); }
.jodit-toolbar-collection_size_middle, .jodit-toolbar-editor-collection_size_middle {
--jd-button-icon-size:14px; }
.jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal {
background-image: repeating-linear-gradient(transparent 0, transparent 37px, var(--jd-color-border) 38px); }
.jodit-toolbar-collection_size_large, .jodit-toolbar-editor-collection_size_large {
--jd-button-icon-size:16px; }
.jodit-toolbar-collection_size_large.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_large.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_large.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_large.jodit-toolbar-editor-collection_mode_horizontal {
background-image: repeating-linear-gradient(transparent 0, transparent 43px, var(--jd-color-border) 44px); }
.jodit-toolbar-collection_mode_vertical .jodit-ui-group, .jodit-toolbar-editor-collection_mode_vertical .jodit-ui-group {
flex-direction: column;
border: 0;
background-color: transparent; }
.jodit-toolbar-collection_mode_vertical .jodit-toolbar-button, .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button {
height: auto;
min-height: var(--jd-button-size); }
.jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__button, .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button {
width: 100%;
height: auto;
min-height: var(--jd-button-size);
cursor: pointer; }
.jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__text:not(:empty), .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__text:not(:empty) {
justify-content: left; }
.jodit-toolbar-collection .jodit-toolbar-content, .jodit-toolbar-editor-collection .jodit-toolbar-content, .jodit-toolbar-collection .jodit-toolbar-button, .jodit-toolbar-editor-collection .jodit-toolbar-button {
padding: 0;
margin: var(--jd-margin-v) 1px; }
.jodit-dialog .jodit-toolbar-collection_mode_horizontal, .jodit-dialog .jodit-toolbar-editor-collection_mode_horizontal {
background-image: none; }
.jodit-toolbar-button {
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: var(--jd-border-radius-default);
min-width: 34px;
height: 34px; }
.jodit-toolbar-button__icon {
display: none; }
.jodit-toolbar-button__icon:not(:empty) {
display: inline-flex; }
.jodit-toolbar-button__text {
display: none; }
.jodit-toolbar-button__text:not(:empty) {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
display: inline-flex;
flex-grow: 1;
justify-content: center; }
.jodit-toolbar-button_context_menu .jodit-toolbar-button__text {
position: relative;
justify-content: left;
padding-left: var(--jd-padding-default); }
.jodit-toolbar-button_context_menu .jodit-toolbar-button__text::before {
position: absolute;
top: calc(var(--jd-padding-default) * -1);
left: 0;
height: 35px;
border-left: 1px solid var(--jd-color-border);
content: ''; }
.jodit-toolbar-button__icon:not(:empty) + .jodit-toolbar-button__text:not(:empty) {
margin-left: var(--jd-padding-default); }
.jodit-toolbar-button__icon:empty + .jodit-toolbar-button__text:not(:empty) {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-button__icon:empty + .jodit-toolbar-button__text:not(:empty) {
padding: 0; }
.jodit-toolbar-button .jodit-icon {
width: 14px;
height: 14px; }
.jodit-toolbar-button button {
min-width: 34px;
height: 34px;
padding: 0;
appearance: none; }
.jodit-toolbar-button_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-button_size_tiny {
min-width: 16px;
height: 16px; }
.jodit-toolbar-button_size_tiny .jodit-icon {
width: 8px;
height: 8px; }
.jodit-toolbar-button_size_tiny button {
min-width: 16px;
height: 16px;
padding: 0;
appearance: none; }
.jodit-toolbar-button_size_tiny_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-button_size_xsmall {
min-width: 22px;
height: 22px; }
.jodit-toolbar-button_size_xsmall .jodit-icon {
width: 10px;
height: 10px; }
.jodit-toolbar-button_size_xsmall button {
min-width: 22px;
height: 22px;
padding: 0;
appearance: none; }
.jodit-toolbar-button_size_xsmall_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-button_size_small {
min-width: 28px;
height: 28px; }
.jodit-toolbar-button_size_small .jodit-icon {
width: 12px;
height: 12px; }
.jodit-toolbar-button_size_small button {
min-width: 28px;
height: 28px;
padding: 0;
appearance: none; }
.jodit-toolbar-button_size_small_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-button_size_large {
min-width: 40px;
height: 40px; }
.jodit-toolbar-button_size_large .jodit-icon {
width: 16px;
height: 16px; }
.jodit-toolbar-button_size_large button {
min-width: 40px;
height: 40px;
padding: 0;
appearance: none; }
.jodit-toolbar-button_size_large_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-button__button {
cursor: pointer;
position: relative;
box-sizing: border-box;
padding: 0;
border: 0;
appearance: none;
background: 0 0;
box-shadow: none;
font-style: normal;
outline: 0;
text-align: center;
text-decoration: none;
text-transform: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 var(--jd-padding-default);
border-radius: var(--jd-border-radius-default);
color: var(--jd-color-text-icons); }
.jodit-toolbar-button__button:hover:not([disabled]), .jodit-toolbar-button__button:focus-visible:not([disabled]) {
background-color: var(--jd-color-button-background-hover);
opacity: 1;
outline: 0; }
.jodit-toolbar-button__button:active:not([disabled]), .jodit-toolbar-button__button[aria-pressed='true']:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity40);
outline: 0; }
.jodit-toolbar-button__button[aria-pressed='true']:hover:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity60); }
.jodit-toolbar-button__button[disabled] {
opacity: 0.3;
pointer-events: none; }
.jodit-toolbar-button__trigger {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
opacity: 0.4;
cursor: pointer;
width: 14px; }
.jodit-toolbar-button__trigger:hover:not([disabled]), .jodit-toolbar-button__trigger:focus-visible:not([disabled]) {
background-color: var(--jd-color-button-background-hover);
opacity: 1;
outline: 0; }
.jodit-toolbar-button__trigger:active:not([disabled]), .jodit-toolbar-button__trigger[aria-pressed='true']:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity40);
outline: 0; }
.jodit-toolbar-button__trigger[aria-pressed='true']:hover:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity60); }
.jodit-toolbar-button__trigger[disabled] {
opacity: 0.3;
pointer-events: none; }
.jodit-toolbar-button__trigger svg {
width: 10px; }
.jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger {
width: 8px; }
.jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger svg {
width: 4px; }
.jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger {
width: 10px; }
.jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger svg {
width: 6px; }
.jodit-toolbar-button_size_small .jodit-toolbar-button__trigger {
width: 12px; }
.jodit-toolbar-button_size_small .jodit-toolbar-button__trigger svg {
width: 8px; }
.jodit-toolbar-button_size_large .jodit-toolbar-button__trigger {
width: 16px; }
.jodit-toolbar-button_size_large .jodit-toolbar-button__trigger svg {
width: 12px; }
.jodit-toolbar-button_with-trigger_true .jodit-toolbar-button__button {
border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default); }
.jodit-toolbar-button_with-trigger_true:hover:not([disabled]) {
border-color: var(--jd-color-border); }
.jodit-toolbar-content {
position: relative;
box-sizing: border-box;
border: 0;
appearance: none;
background: 0 0;
box-shadow: none;
font-style: normal;
outline: 0;
text-align: center;
text-decoration: none;
text-transform: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 var(--jd-padding-default);
border-radius: var(--jd-border-radius-default);
color: var(--jd-color-text-icons);
cursor: pointer;
min-width: 34px;
height: 34px;
padding: 0;
border: 1px solid transparent; }
.jodit-toolbar-content:hover:not([disabled]), .jodit-toolbar-content:focus-visible:not([disabled]) {
background-color: var(--jd-color-button-background-hover);
opacity: 1;
outline: 0; }
.jodit-toolbar-content:active:not([disabled]), .jodit-toolbar-content[aria-pressed='true']:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity40);
outline: 0; }
.jodit-toolbar-content[aria-pressed='true']:hover:not([disabled]) {
background-color: var(--jd-color-button-background-hover_opacity60); }
.jodit-toolbar-content[disabled] {
opacity: 0.3;
pointer-events: none; }
.jodit-toolbar-content .jodit-icon {
width: 14px;
height: 14px; }
.jodit-toolbar-content button {
min-width: 34px;
height: 34px;
padding: 0;
appearance: none; }
.jodit-toolbar-content_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-content_size_tiny {
min-width: 16px;
height: 16px; }
.jodit-toolbar-content_size_tiny .jodit-icon {
width: 8px;
height: 8px; }
.jodit-toolbar-content_size_tiny button {
min-width: 16px;
height: 16px;
padding: 0;
appearance: none; }
.jodit-toolbar-content_size_tiny_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-content_size_xsmall {
min-width: 22px;
height: 22px; }
.jodit-toolbar-content_size_xsmall .jodit-icon {
width: 10px;
height: 10px; }
.jodit-toolbar-content_size_xsmall button {
min-width: 22px;
height: 22px;
padding: 0;
appearance: none; }
.jodit-toolbar-content_size_xsmall_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-content_size_small {
min-width: 28px;
height: 28px; }
.jodit-toolbar-content_size_small .jodit-icon {
width: 12px;
height: 12px; }
.jodit-toolbar-content_size_small button {
min-width: 28px;
height: 28px;
padding: 0;
appearance: none; }
.jodit-toolbar-content_size_small_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-content_size_large {
min-width: 40px;
height: 40px; }
.jodit-toolbar-content_size_large .jodit-icon {
width: 16px;
height: 16px; }
.jodit-toolbar-content_size_large button {
min-width: 40px;
height: 40px;
padding: 0;
appearance: none; }
.jodit-toolbar-content_size_large_text-icons_true button {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-content__icon {
display: none; }
.jodit-toolbar-content__icon:not(:empty) {
display: inline-flex; }
.jodit-toolbar-content__text {
display: none; }
.jodit-toolbar-content__text:not(:empty) {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
display: inline-flex;
flex-grow: 1;
justify-content: center; }
.jodit-toolbar-content_context_menu .jodit-toolbar-content__text {
position: relative;
justify-content: left;
padding-left: var(--jd-padding-default); }
.jodit-toolbar-content_context_menu .jodit-toolbar-content__text::before {
position: absolute;
top: calc(var(--jd-padding-default) * -1);
left: 0;
height: 35px;
border-left: 1px solid var(--jd-color-border);
content: ''; }
.jodit-toolbar-content__icon:not(:empty) + .jodit-toolbar-content__text:not(:empty) {
margin-left: var(--jd-padding-default); }
.jodit-toolbar-content__icon:empty + .jodit-toolbar-content__text:not(:empty) {
padding: 0 var(--jd-padding-default); }
.jodit-toolbar-content:focus:not([disabled]) {
outline: 1px dashed var(--jd-color-background-selection); }
.jodit-toolbar-content_variant_default {
background-color: #e3e3e3;
color: #212529; }
.jodit-toolbar-content_variant_default svg {
fill: #212529;
stroke: #212529; }
.jodit-toolbar-content_variant_default [disabled] {
opacity: 0.7; }
.jodit-toolbar-content_variant_default:hover:not([disabled]) {
background-color: #c9cdd1;
color: #212529; }
.jodit-toolbar-content_variant_default:hover:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-toolbar-content_variant_default:active:not([disabled]) {
background-color: #dae0e5;
color: #212529; }
.jodit-toolbar-content_variant_default:active:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-toolbar-content_variant_default:focus:not([disabled]) {
outline: 1px dashed #dae0e5; }
.jodit-toolbar-content_variant_primary {
background-color: #007bff;
color: #fff; }
.jodit-toolbar-content_variant_primary svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_primary [disabled] {
opacity: 0.7; }
.jodit-toolbar-content_variant_primary:hover:not([disabled]) {
background-color: #0069d9;
color: #fff; }
.jodit-toolbar-content_variant_primary:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_primary:active:not([disabled]) {
background-color: #0062cc;
color: #fff; }
.jodit-toolbar-content_variant_primary:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_primary:focus:not([disabled]) {
outline: 1px dashed #0062cc; }
.jodit-toolbar-content_variant_secondary {
background-color: #d8d8d8;
color: #212529;
border-radius: 0; }
.jodit-toolbar-content_variant_secondary svg {
fill: #212529;
stroke: #212529; }
.jodit-toolbar-content_variant_secondary [disabled] {
opacity: 0.7; }
.jodit-toolbar-content_variant_secondary:hover:not([disabled]) {
background-color: #c9cdd1;
color: #212529; }
.jodit-toolbar-content_variant_secondary:hover:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-toolbar-content_variant_secondary:active:not([disabled]) {
background-color: #dae0e5;
color: #212529; }
.jodit-toolbar-content_variant_secondary:active:not([disabled]) svg {
fill: #212529;
stroke: #212529; }
.jodit-toolbar-content_variant_secondary:focus:not([disabled]) {
outline: 1px dashed #dae0e5; }
.jodit-toolbar-content_variant_success {
background-color: #28a745;
color: #fff; }
.jodit-toolbar-content_variant_success svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_success [disabled] {
opacity: 0.7; }
.jodit-toolbar-content_variant_success:hover:not([disabled]) {
background-color: #218838;
color: #fff; }
.jodit-toolbar-content_variant_success:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_success:active:not([disabled]) {
background-color: #1e7e34;
color: #fff; }
.jodit-toolbar-content_variant_success:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_success:focus:not([disabled]) {
outline: 1px dashed #1e7e34; }
.jodit-toolbar-content_variant_danger {
background-color: #dc3545;
color: #fff; }
.jodit-toolbar-content_variant_danger svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_danger [disabled] {
opacity: 0.7; }
.jodit-toolbar-content_variant_danger:hover:not([disabled]) {
background-color: #c82333;
color: #fff; }
.jodit-toolbar-content_variant_danger:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_danger:active:not([disabled]) {
background-color: #bd2130;
color: #fff; }
.jodit-toolbar-content_variant_danger:active:not([disabled]) svg {
fill: #fff;
stroke: #fff; }
.jodit-toolbar-content_variant_danger:focus:not([disabled]) {
outline: 1px dashed #bd2130; }
.jodit-toolbar-content:hover:not([disabled]) {
background-color: transparent;
opacity: 1;
outline: 0; }
:root {
--jd-first_column:31%;
--jd-cols:4;
--jd-info-background:#e9e9e9;
--jd-icon-size:12px;
--jd-col_size:150px; }
.jodit-filebrowser {
display: flex;
height: 100%;
font-family: var(--jd-font-default); }
.jodit-filebrowser_no-files_true {
padding: var(--jd-padding-default); }
@media (max-width: 480px) {
.jodit-filebrowser {
flex-flow: column-reverse; } }
.jodit-filebrowser__status {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 6px;
border-top: 1px solid rgba(127, 127, 127, 0.4);
background-color: #4a4a4a;
color: #b38888;
font-size: 12px;
opacity: 0;
text-align: right;
transition: opacity 0.3s linear;
visibility: hidden;
word-break: break-all; }
.jodit-filebrowser__status_success_true {
color: #c5c5c5; }
.jodit-filebrowser__status_active_true {
opacity: 1;
visibility: visible; }
.jodit-dialog .jodit-dialog__header-title.jodit-filebrowser__title-box {
display: flex;
align-items: center;
padding-left: var(--jd-padding-default); }
.jodit-filebrowser-preview {
position: relative;
display: flex;
min-width: 400px;
max-width: Min(100%, 1000px);
height: 100%;
min-height: Min(100%, 500px);
max-height: 100%;
align-items: center;
justify-content: center;
margin: auto;
text-align: center; }
@media (max-width: 768px) {
.jodit-filebrowser-preview {
min-width: auto;
max-width: 100%;
height: 100%;
min-height: auto;
max-height: 100%; } }
.jodit-filebrowser-preview__box {
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center; }
.jodit-filebrowser-preview__navigation {
position: absolute;
top: 0;
left: 0;
height: 100%;
cursor: pointer; }
.jodit-filebrowser-preview__navigation_arrow_next {
right: 0;
left: auto; }
.jodit-filebrowser-preview__navigation svg {
position: relative;
top: 50%;
width: 45px;
height: 45px;
fill: #9e9ba7;
transform: translateY(-50%);
transition: fill 0.3s linear; }
.jodit-filebrowser-preview__navigation:hover svg {
fill: #000; }
.jodit-filebrowser-preview img {
max-width: 100%;
max-height: 100%; }
:root {
--jd-image_editor_resizer_border_color:#05ff00;
--jd-image_editor_resizer_target_size:padding-default;
--jd-image_editor_resizer_target_border_color:#383838;
--jd-image_editor_resizer_target_bg_color:#8c7878; }
.jodit-image-editor {
overflow: hidden;
width: 100%;
height: 100%;
padding: var(--jd-padding-default); }
@media (max-width: 768px) {
.jodit-image-editor {
height: auto; } }
.jodit-image-editor > div, .jodit-image-editor > div > div {
height: 100%; }
@media (max-width: 768px) {
.jodit-image-editor > div, .jodit-image-editor > div > div {
height: auto;
min-height: 200px; } }
.jodit-image-editor * {
box-sizing: border-box; }
.jodit-image-editor .jodit-image-editor__slider-title {
padding: 0.8em 1em;
border-bottom: 1px solid rgba(158, 158, 158, 0.31);
background-color: #f9f9f9;
color: #333333;
cursor: pointer;
font-weight: bold;
line-height: 1em;
text-overflow: ellipsis;
text-shadow: #f3f3f3 0 1px 0;
user-select: none;
white-space: nowrap; }
.jodit-image-editor .jodit-image-editor__slider-title svg {
display: inline-block;
width: 16px;
margin-right: var(--jd-padding-default);
vertical-align: middle; }
.jodit-image-editor .jodit-image-editor__slider-content {
display: none; }
.jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-title {
background-color: #5d5d5d;
color: #fff;
text-shadow: #000 0 1px 0; }
.jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-title svg {
fill: white; }
.jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-content {
display: block; }
.jodit-image-editor__area {
position: relative;
display: none;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #eee;
background-image: linear-gradient(45deg, var(--jd-color-border) 25%, transparent 25%, transparent 75%, var(--jd-color-border) 75%, var(--jd-color-border)), linear-gradient(45deg, var(--jd-color-border) 25%, transparent 25%, transparent 75%, var(--jd-color-border) 75%, var(--jd-color-border));
background-position: 0 0,15px 15px;
background-size: 30px 30px;
user-select: none; }
.jodit-image-editor__area.jodit-image-editor_active {
display: block; }
.jodit-image-editor__area .jodit-image-editor__box {
position: relative;
z-index: 1;
overflow: hidden;
height: 100%;
pointer-events: none; }
.jodit-image-editor__area .jodit-image-editor__box img {
max-width: 100%;
max-height: 100%;
user-select: none; }
.jodit-image-editor__area .jodit-image-editor__croper, .jodit-image-editor__area .jodit-image-editor__resizer {
position: absolute;
z-index: 2;
top: var(--jd-padding-default);
left: 20px;
width: 100px;
height: 100px;
border: 1px solid #fff;
background-repeat: no-repeat;
box-shadow: 0 0 11px #000;
pointer-events: none; }
.jodit-image-editor__area .jodit-image-editor__croper i.jodit_bottomright, .jodit-image-editor__area .jodit-image-editor__resizer i.jodit_bottomright {
position: absolute;
z-index: 4;
right: calc(var(--jd-padding-default) * -1);
bottom: calc(var(--jd-padding-default) * -1);
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid var(--jd-image_editor_resizer_target_border_color);
background-color: var(--jd-image_editor_resizer_target_bg_color);
border-radius: 50%;
box-shadow: 0 0 11px #000;
cursor: se-resize;
pointer-events: all; }
.jodit-image-editor__area .jodit-image-editor__croper i.jodit_bottomright:active, .jodit-image-editor__area .jodit-image-editor__resizer i.jodit_bottomright:active {
border: 1px solid yellow; }
.jodit-image-editor__area.jodit-image-editor__area_crop {
position: relative;
height: 100%;
background: #eee;
line-height: 100%;
text-align: center; }
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box {
overflow: visible;
height: 100%;
line-height: 100%;
pointer-events: all;
text-align: left; }
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box img {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%; }
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box::after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: rgba(255, 255, 255, 0.3);
content: ''; }
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box .jodit-image-editor__croper {
cursor: move;
pointer-events: all; }
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box .jodit-image-editor__croper i.jodit-image-editor__sizes {
position: absolute;
bottom: -30px;
left: 100%;
display: block;
padding: 9px 6px;
background: rgba(0, 0, 0, 0.2);
border-radius: 0.4em;
color: #ffffff;
font-size: 12px;
text-align: center;
text-shadow: none;
white-space: pre; }
.jodit-image-editor__area.jodit-image-editor__area_crop.jodit-image-editor_active {
display: flex;
align-items: center;
justify-content: center; }
.jodit-filebrowser-files {
position: relative;
display: none;
height: 100%;
vertical-align: top;
overflow-anchor: auto; }
.jodit-filebrowser-files .jodit-button {
border-radius: 0; }
.jodit-filebrowser-files_loading_true:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ''; }
.jodit-filebrowser-files_loading_true:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: calc(var(--jd-icon-loader-size) / -2);
margin-left: calc(var(--jd-icon-loader-size) / -2);
content: '';
opacity: 0.7;
display: inline-block;
width: var(--jd-icon-loader-size);
height: var(--jd-icon-loader-size);
animation: rotate 2s ease-out 0s infinite;
background: url("data:image/png;base64,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") no-repeat center;
background-size: 100% 100%;
vertical-align: middle;
will-change: transform; }
.jodit-filebrowser-files_active_true {
display: flex; }
.jodit-filebrowser-files::-webkit-scrollbar {
width: calc(var(--jd-padding-default) / 2); }
.jodit-filebrowser-files::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.jodit-filebrowser-files::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey; }
.jodit-filebrowser-files_active_true {
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
padding: calc(var(--jd-padding-default) / 2);
overflow-y: auto; }
.jodit-filebrowser-files__item {
position: relative;
display: flex;
overflow: hidden;
width: var(--jd-col_size);
height: var(--jd-col_size);
align-items: center;
justify-content: center;
border: 1px solid var(--jd-color-border);
margin: calc(var(--jd-padding-default) / 2);
font-size: 0;
text-align: center;
transition: border 0.1s linear,bottom 0.1s linear; }
@media (max-width: 480px) {
.jodit-filebrowser-files__item {
width: calc(50% - var(--jd-padding-default)); } }
.jodit-filebrowser-files__item img {
max-width: 100%; }
.jodit-filebrowser-files__item:hover {
border-color: #433b5c; }
.jodit-filebrowser-files__item_active_true {
border-color: var(--jd-color-border-selected);
background-color: var(--jd-color-border-active); }
.jodit-filebrowser-files__item_active_true .jodit-filebrowser-files__item-info {
background-color: var(--jd-color-border-active);
color: white;
text-shadow: none; }
.jodit-filebrowser-files__item-info {
position: absolute;
right: 0;
bottom: 0;
left: 0;
overflow: visible;
padding: 0.3em 0.6em;
background-color: var(--jd-info-background);
color: #333333;
font-size: 14px;
line-height: 16px;
opacity: 0.85;
text-align: left;
text-shadow: #eeeeee 0 1px 0;
transition: opacity 400ms ease;
white-space: normal; }
.jodit-filebrowser-files__item-info > span {
display: block;
overflow: hidden;
font-size: 0.75em;
text-overflow: ellipsis;
white-space: nowrap; }
.jodit-filebrowser-files__item-info > span.jodit-filebrowser-files__item-info-filename {
font-size: 0.9em;
font-weight: bold; }
.jodit-filebrowser-files__item:hover:not(.jodit-filebrowser-files__item_active_true) .jodit-filebrowser-files__item-info {
bottom: -100px; }
.jodit-filebrowser-files_view_list {
scroll-behavior: smooth; }
.jodit-filebrowser-files_view_list a {
display: block;
width: 100%;
height: 26px;
border-width: 0 0 1px 0;
margin: 0;
line-height: 26px;
text-align: left;
white-space: nowrap; }
.jodit-filebrowser-files_view_list a img {
display: inline-block;
min-width: 16px;
max-width: 16px;
margin-left: 4px;
vertical-align: middle; }
.jodit-filebrowser-files_view_list a .jodit-filebrowser-files__item-info {
position: static;
display: inline-block;
width: calc(100% - 20px);
height: 100%;
padding: 0;
margin-left: 4px;
background-color: transparent;
font-size: 0;
line-height: inherit;
vertical-align: middle; }
.jodit-filebrowser-files_view_list a .jodit-filebrowser-files__item-info > span {
display: inline-block;
height: 100%;
font-size: 12px; }
.jodit-filebrowser-files_view_list a .jodit-filebrowser-files__item-info-filename {
width: 50%; }
.jodit-filebrowser-files_view_list a .jodit-filebrowser-files__item-info-filesize {
width: 25%; }
.jodit-filebrowser-files_view_list a .jodit-filebrowser-files__item-info-filechanged {
width: 25%; }
.jodit-filebrowser-files_view_list a:hover {
background-color: #433b5c; }
.jodit-filebrowser-files_view_list a:hover .jodit-filebrowser-files__item-info {
color: #fff;
text-shadow: none; }
.jodit-filebrowser-files_view_list a::before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle; }
:root {
--jd-color-folder-title:#b1b1b1; }
.jodit-filebrowser-tree {
position: relative;
display: none;
height: 100%;
vertical-align: top;
overflow-anchor: auto; }
.jodit-filebrowser-tree .jodit-button {
border-radius: 0; }
.jodit-filebrowser-tree_active_true {
display: flex; }
.jodit-filebrowser-tree_loading_true:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ''; }
.jodit-filebrowser-tree_loading_true:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: calc(var(--jd-icon-loader-size) / -2);
margin-left: calc(var(--jd-icon-loader-size) / -2);
content: '';
opacity: 0.7;
display: inline-block;
width: var(--jd-icon-loader-size);
height: var(--jd-icon-loader-size);
animation: rotate 2s ease-out 0s infinite;
background: url("data:image/png;base64,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") no-repeat center;
background-size: 100% 100%;
vertical-align: middle;
will-change: transform; }
.jodit-filebrowser-tree::-webkit-scrollbar {
width: calc(var(--jd-padding-default) / 2); }
.jodit-filebrowser-tree::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.jodit-filebrowser-tree::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey; }
.jodit-filebrowser-tree_active_true {
z-index: 2;
width: var(--jd-first_column);
min-width: 200px;
max-width: 290px;
flex-direction: column;
background-color: var(--jd-color-background-filebrowser-folders);
overflow-y: auto; }
@media (max-width: 480px) {
.jodit-filebrowser-tree_active_true {
width: auto;
max-width: 100%;
height: 100px; } }
.jodit-filebrowser-tree_active_true::-webkit-scrollbar {
width: calc(var(--jd-padding-default) / 2); }
.jodit-filebrowser-tree_active_true::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.jodit-filebrowser-tree_active_true::-webkit-scrollbar-thumb {
background-color: rgba(127, 127, 127, 0.5);
outline: 1px solid slategrey; }
.jodit-filebrowser-tree__item {
position: relative;
display: flex;
min-height: 38px;
align-items: center;
justify-content: space-between;
padding: calc(var(--jd-padding-default) / 2) var(--jd-padding-default);
border-bottom: 1px solid #474747;
color: var(--jd-color-folder-title);
text-decoration: none;
transition: background-color 0.2s ease 0s;
word-break: break-all; }
.jodit-filebrowser-tree__item-title {
flex: 1;
color: var(--jd-color-folder-title); }
.jodit-filebrowser-tree__item .jodit-icon_folder {
display: flex;
width: calc(var(--jd-icon-size) + 4px);
height: calc(var(--jd-icon-size) + 4px);
align-items: center;
justify-content: center;
margin-left: calc(var(--jd-padding-default) / 2);
opacity: 0.3; }
.jodit-filebrowser-tree__item .jodit-icon_folder svg {
width: var(--jd-icon-size);
height: var(--jd-icon-size);
fill: var(--jd-color-folder-title) !important;
stroke: var(--jd-color-folder-title) !important; }
.jodit-filebrowser-tree__item .jodit-icon_folder:hover {
background: #696969; }
.jodit-filebrowser-tree__item:hover {
background-color: var(--jd-color-background-button-hover); }
.jodit-filebrowser-tree__item:hover-title {
color: var(--jd-color-text); }
.jodit-filebrowser-tree__item:hover i.jodit-icon_folder {
opacity: 0.6; }
.jodit-filebrowser-tree__source-title {
position: relative;
display: block;
padding: 2px 4px;
border-bottom: 1px solid #484848;
background: #5a5a5a;
color: #969696;
font-size: 12px;
user-select: none;
word-break: break-all; }
a + .jodit-filebrowser-tree__source-title {
margin-top: var(--jd-padding-default); }
.jodit-status-bar {
display: flex;
overflow: hidden;
height: 20px;
align-items: center;
justify-content: flex-start;
padding: 0 calc(var(--jd-padding-default) / 2);
background-color: var(--jd-color-panel);
border-radius: 0 0 var(--jd-border-radius-default) var(--jd-border-radius-default);
color: var(--jd-color-text-icons);
font-size: var(--jd-font-size-small);
text-transform: uppercase; }
.jodit-status-bar_resize-handle_true {
padding-right: 14px; }
.jodit-status-bar::before {
flex: auto;
order: 1;
content: ''; }
.jodit-status-bar .jodit-status-bar__item {
order: 0;
padding: 0;
margin: 0 var(--jd-padding-default) 0 0;
line-height: 1.57142857em; }
.jodit-status-bar .jodit-status-bar__item, .jodit-status-bar .jodit-status-bar__item > span {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
font-size: var(--jd-font-size-small); }
.jodit-status-bar .jodit-status-bar__item.jodit-status-bar__item-right {
order: 2;
margin: 0 0 0 var(--jd-padding-default); }
.jodit-status-bar .jodit-status-bar__item a {
border-radius: 3px;
cursor: default;
text-decoration: none; }
.jodit-status-bar .jodit-status-bar__item a:hover {
background-color: var(--jd-color-background-gray);
text-decoration: none; }
.jodit-status-bar a.jodit-status-bar-link {
cursor: pointer; }
.jodit-status-bar a.jodit-status-bar-link, .jodit-status-bar a.jodit-status-bar-link:hover, .jodit-status-bar a.jodit-status-bar-link:visited {
background-color: transparent;
color: var(--jd-color-text-icons); }
.jodit-status-bar a.jodit-status-bar-link:hover {
text-decoration: underline; }
.jodit-workplace + .jodit-status-bar:not(:empty) {
border-top: 1px solid var(--jd-color-border); }
.jodit_disabled .jodit-status-bar {
opacity: 0.4; }
.jodit-drag-and-drop__file-box, .jodit_uploadfile_button {
position: relative;
overflow: hidden;
width: 100%;
padding: 25px 0;
border: dashed 1px var(--jd-color-gray);
margin: var(--jd-padding-default) 0;
text-align: center; }
.jodit-drag-and-drop__file-box:hover, .jodit_uploadfile_button:hover {
background-color: var(--jd-color-background-button-hover); }
.jodit-drag-and-drop__file-box input, .jodit_uploadfile_button input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 400px;
opacity: 0; }
@media (max-width: 768px) {
.jodit-drag-and-drop__file-box {
width: auto;
min-width: var(--jd-width-input-min);
max-width: 100%; } }
:root {
--jd-color-new-line:var(--jd-color-border);
--jd-width-icon:30px;
--jd-height-icon:calc(var(--jd-padding-default) * 2); }
.jodit-add-new-line {
position: fixed;
z-index: 1;
top: 0;
display: block;
height: 1px;
box-sizing: border-box;
outline: none; }
.jodit-add-new-line * {
box-sizing: border-box; }
.jodit-add-new-line::after {
display: block;
width: calc(100% - var(--jd-width-icon));
height: 1px;
background-color: var(--jd-color-new-line);
content: ''; }
.jodit-add-new-line span {
position: absolute;
right: 0;
display: flex;
width: var(--jd-width-icon);
height: var(--jd-height-icon);
align-items: center;
justify-content: center;
border: 1px solid var(--jd-color-new-line);
background: var(--jd-color-background-button-hover-opacity30);
cursor: pointer; }
.jodit-add-new-line span:hover {
background: var(--jd-color-background-button-hover); }
.jodit-add-new-line_after span {
bottom: 0; }
.jodit-add-new-line svg {
width: 16px;
fill: var(--jd-color-new-line); }
.jodit-source__mode .jodit-add-new-line {
display: none !important; }
.jodit-about {
padding: 20px; }
.jodit-about a {
color: #459ce7;
text-decoration: none; }
.jodit-about a:focus, .jodit-about a:hover {
color: #23527c;
outline: 0;
text-decoration: underline; }
.jodit-about div {
margin-bottom: calc(var(--jd-padding-default) / 2); }
.jodit-paste-storage {
max-width: 600px;
padding: var(--jd-padding-default); }
@media (max-width: 768px) {
.jodit-paste-storage {
max-width: 100%; } }
.jodit-paste-storage > div {
max-width: 100%;
max-height: 300px;
border: 1px solid var(--jd-color-border); }
.jodit-paste-storage > div:first-child {
margin-bottom: var(--jd-padding-default); }
.jodit-paste-storage > div:first-child a {
display: block;
overflow: hidden;
max-width: 100%;
box-sizing: border-box;
padding: calc(var(--jd-padding-default) / 2);
border: 1px solid transparent;
margin: 0;
color: var(--jd-color-default);
outline: none;
text-decoration: none;
text-overflow: ellipsis;
white-space: pre; }
.jodit-paste-storage > div:first-child a.jodit_active {
background-color: var(--jd-dark_background_color);
color: var(--jd-color-white); }
.jodit-paste-storage > div:first-child a:focus {
outline: none; }
.jodit-paste-storage > div:last-child {
overflow: auto;
padding: var(--jd-padding-default); }
.jodit-paste-storage > div:last-child ul, .jodit-paste-storage > div:last-child li {
margin: 0; }
:root {
--jd-color-picker-cell-size:24px; }
.jodit-color-picker {
margin: 0;
text-align: left;
user-select: none; }
.jodit-color-picker__group {
display: flex;
max-width: calc(var(--jd-color-picker-cell-size) * 10);
flex-wrap: wrap;
margin-bottom: calc(var(--jd-padding-default) / 2);
white-space: normal; }
.jodit-color-picker__color-item {
display: block;
width: var(--jd-color-picker-cell-size);
height: var(--jd-color-picker-cell-size);
border: 1px solid transparent;
text-align: center;
text-decoration: none;
vertical-align: middle; }
.jodit-color-picker__color-item:hover {
border-color: #000; }
.jodit-color-picker__color-item_active_true, .jodit-color-picker__color-item:active {
border: 2px solid var(--jd-color-border-selected); }
.jodit-color-picker__native svg {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 4px; }
.jodit-color-picker__native input {
width: 18px;
height: 18px;
padding: 0;
border: none;
appearance: none; }
.jodit-color-picker__native input[type='color']::-webkit-color-swatch-wrapper {
padding: 0; }
.jodit-color-picker__native input input[type='color']::-webkit-color-swatch {
border: none; }
.jodit-tabs {
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default); }
.jodit-tabs .jodit-tabs__buttons {
display: flex;
justify-content: center;
margin-top: 4px;
margin-bottom: calc(var(--jd-padding-default) / 2);
line-height: 18px; }
.jodit-tabs .jodit-tabs__buttons > * {
margin-left: calc(var(--jd-padding-default) / 2);
cursor: pointer; }
.jodit-tabs .jodit-tabs__buttons > *:only-of-type {
width: 100%; }
.jodit-tabs .jodit-tabs__buttons > *:first-child {
margin-left: 0; }
@media (max-width: 480px) {
.jodit-tabs .jodit-tabs__buttons {
display: block; }
.jodit-tabs .jodit-tabs__buttons > * {
width: 100%;
margin-left: 0; } }
.jodit-tabs__button {
min-width: 80px; }
.jodit-tabs__button_columns_3 {
width: calc(100% / 3); }
.jodit-tabs__button_columns_2 {
width: 50%; }
.jodit-tabs .jodit-tabs__wrapper .jodit-tab {
display: none; }
.jodit-tabs .jodit-tabs__wrapper .jodit-tab.jodit-tab_active {
display: block; }
.jodit-tabs .jodit-tabs__wrapper .jodit-tab.jodit-tab_empty {
min-width: 220px;
min-height: 100px; }
.jodit-jodit__error-box-for-messages {
position: absolute;
z-index: 3;
right: 0;
bottom: 0;
overflow: visible;
width: 0;
height: 0; }
.jodit-jodit__error-box-for-messages > * {
position: absolute;
right: calc(var(--jd-padding-default) / 2);
bottom: 0;
display: block;
padding: 2px 7px;
border: 1px solid rgba(226, 117, 117, 0.44);
background: rgba(255, 0, 0, 0.29);
color: #e02b2b;
font-size: 14px;
opacity: 0;
transition: opacity 0.1s linear,bottom 0.3s linear;
white-space: pre; }
.jodit-jodit__error-box-for-messages_active_true {
opacity: 1; }
.jodit-jodit__error-box-for-messages_type_info {
border: 1px solid rgba(154, 154, 154, 0.44);
background: rgba(204, 229, 247, 0.71);
color: #776565; }
.jodit-jodit__error-box-for-messages_type_success {
border: 1px solid rgba(148, 148, 148, 0.44);
background: rgba(77, 236, 112, 0.29);
color: #5d5a5a; }
.jodit_fullsize-box_true {
position: static !important;
z-index: var(--jd-z-index-full-size) !important;
overflow: visible !important; }
html.jodit_fullsize-box_true, body.jodit_fullsize-box_true {
overflow: hidden !important;
width: 0 !important;
height: 0 !important; }
html.jodit_fullsize-box_true {
position: fixed !important; }
.jodit_fullsize {
position: absolute;
z-index: var(--jd-z-index-full-size);
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: none !important; }
.jodit_fullsize .toolbar {
width: 100% !important; }
.jodit_fullsize .jodit_editor, .jodit_fullsize .jodit__area {
height: 100%; }
.jodit-properties__unlock > svg, .jodit-properties__lock > svg {
display: inline-block;
overflow: hidden;
width: 14px;
height: 14px;
fill: #222;
font-size: 8px;
font-style: normal;
line-height: 14px;
transform-origin: 0 0 !important;
vertical-align: middle; }
.jodit-properties .jodit-properties_view_box {
padding: var(--jd-padding-default); }
.jodit-properties .jodit-properties_view_box .jodit-properties_image_view {
display: flex;
height: 150px;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 0 var(--jd-padding-default);
background-color: #f6f6f6; }
.jodit-properties .jodit-properties_view_box .jodit-properties_image_view img {
max-width: 100%;
max-height: 100%; }
.jodit-properties .jodit-properties_view_box .jodit-properties_image_sizes.jodit-form__group {
min-width: auto;
flex-direction: row;
align-items: center;
padding: 0 !important;
margin: 0 !important; }
.jodit-properties .jodit-properties_view_box .jodit-properties_image_sizes.jodit-form__group a {
display: inline-block;
cursor: pointer; }
.jodit-properties .jodit-properties_view_box .jodit-properties_image_sizes.jodit-form__group .jodit-input {
width: calc(50% - 8px) !important; }
.jodit-popup-inline__container {
z-index: 1300;
min-width: 700px; }
.jodit-placeholder {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
padding: var(--jd-padding-default);
color: var(--jd-color-placeholder);
pointer-events: none;
user-select: none !important; }
:root {
--jd-viewer_width:70px;
--jd-viewer_height:24px;
--jd-resizer-handle-size:10px;
--jd-resizer-border-color:#98c1f1;
--jd-resizer-handle-color:#5ba4f3;
--jd-resizer-handle-hover-color:#537ebb; }
[data-jodit_iframe_wrapper] {
position: relative;
display: block;
user-select: none; }
[data-jodit_iframe_wrapper]::after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, 0);
content: '';
cursor: pointer; }
.jodit-resizer {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
box-sizing: border-box;
font-size: 0;
outline: 3px solid var(--jd-resizer-border-color);
pointer-events: none; }
.jodit-resizer * {
box-sizing: border-box; }
.jodit-resizer > span {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
overflow: visible;
width: var(--jd-viewer_width);
height: var(--jd-viewer_height);
margin-top: calc(var(--jd-viewer_height) / -2);
margin-left: calc(var(--jd-viewer_width) / -2);
background-color: var(--jd-color-placeholder);
color: var(--jd-color-white);
font-size: 12px;
line-height: var(--jd-viewer_height);
opacity: 0;
text-align: center;
transition: opacity 0.2s linear; }
.jodit-resizer > div {
position: absolute;
z-index: 4;
display: inline-block;
width: var(--jd-resizer-handle-size);
height: var(--jd-resizer-handle-size);
background-color: var(--jd-resizer-handle-color);
pointer-events: all; }
.jodit-resizer > div:hover {
background-color: var(--jd-resizer-handle-hover-color); }
.jodit-resizer > div:nth-child(1) {
top: calc(var(--jd-resizer-handle-size) / -2);
left: calc(var(--jd-resizer-handle-size) / -2);
cursor: nwse-resize; }
.jodit-resizer > div:nth-child(2) {
top: calc(var(--jd-resizer-handle-size) / -2);
right: calc(var(--jd-resizer-handle-size) / -2);
cursor: nesw-resize; }
.jodit-resizer > div:nth-child(3) {
right: calc(var(--jd-resizer-handle-size) / -2);
bottom: calc(var(--jd-resizer-handle-size) / -2);
cursor: nwse-resize; }
.jodit-resizer > div:nth-child(4) {
bottom: calc(var(--jd-resizer-handle-size) / -2);
left: calc(var(--jd-resizer-handle-size) / -2);
cursor: nesw-resize; }
@media (max-width: 768px) {
.jodit-resizer > div:root {
--jd-resizer-handle-size:calc(var(--jd-resizer-handle-size) * 2); } }
:root {
--jd-height-search:30px;
--jd-width-search:320px;
--jd-width-search-input-box:60%;
--jd-width-search-count-box:15%;
--jd-transform-button-active:0.95;
--jd-timeout-button-active:0.1s; }
.jodit-ui-search {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0; }
.jodit-ui-search_sticky_true {
position: fixed; }
.jodit-ui-search__box {
position: absolute;
right: 0;
display: flex;
width: var(--jd-width-search);
max-width: 100vw;
padding: calc(var(--jd-padding-default) / 2);
border: solid var(--jd-color-border);
border-width: 0 0 1px 1px;
background-color: var(--jd-color-panel); }
.jodit-ui-search__box input {
width: 100%;
height: 100%;
padding: 0 var(--jd-padding-default);
border: 0;
margin: 0;
background-color: transparent;
outline: none; }
.jodit-ui-search__box input[data-ref='replace'] {
display: none; }
.jodit-ui-search__box input:not(:focus) + input:not(:focus) {
border-top: 1px solid var(--jd-color-border); }
.jodit-ui-search__buttons, .jodit-ui-search__counts, .jodit-ui-search__inputs {
height: var(--jd-height-search); }
.jodit-ui-search__inputs {
width: var(--jd-width-search-input-box);
padding-right: calc(var(--jd-padding-default) / 2); }
.jodit-ui-search__counts {
display: flex;
width: var(--jd-width-search-count-box);
align-items: center;
justify-content: center;
border-left: 1px solid var(--jd-color-border);
color: var(--jd-color-border); }
.jodit-ui-search__buttons {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
padding-left: 0; }
.jodit-ui-search__buttons button {
width: 32%;
height: 100%;
border: 1px solid transparent;
margin-right: 1%;
background-color: transparent; }
.jodit-ui-search__buttons button[data-ref='replace-btn'] {
display: none;
width: 100%;
border: 1px solid var(--jd-color-border);
margin-top: 2px; }
.jodit-ui-search__buttons button:hover {
background-color: var(--jd-color-background-button-hover); }
.jodit-ui-search__buttons button:focus {
border: 1px solid var(--jd-color-background-selection_opacity50); }
.jodit-ui-search__buttons button:active {
border: 1px solid var(--jd-color-background-selection);
transform: scale(var(--jd-transform-button-active), var(--jd-transform-button-active)); }
.jodit-ui-search_empty-query_true [data-ref='next'], .jodit-ui-search_empty-query_true [data-ref='prev'] {
opacity: 0.5; }
.jodit-ui-search_replace_true .jodit-ui-search__counts, .jodit-ui-search_replace_true .jodit-ui-search__inputs {
height: calc(var(--jd-height-search) * 2); }
.jodit-ui-search_replace_true .jodit-ui-search__counts input, .jodit-ui-search_replace_true .jodit-ui-search__inputs input {
height: 50%;
transition: background-color var(--jd-timeout-button-active) linear; }
.jodit-ui-search_replace_true .jodit-ui-search__counts input:focus, .jodit-ui-search_replace_true .jodit-ui-search__inputs input:focus {
box-shadow: inset 0 0 3px 0 var(--jd-color-border); }
.jodit-ui-search_replace_true .jodit-ui-search__counts input[data-ref='replace'], .jodit-ui-search_replace_true .jodit-ui-search__inputs input[data-ref='replace'] {
display: block; }
.jodit-ui-search_replace_true .jodit-ui-search__buttons {
flex-wrap: wrap; }
.jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref='replace-btn'] {
display: block; }
[jd-tmp-selection] {
background-color: aquamarine; }
.jodit-container:not(.jodit_inline) {
min-height: 100px; }
.jodit-container:not(.jodit_inline) .jodit-workplace {
display: flex;
overflow: hidden;
height: auto;
min-height: 50px;
flex-direction: column; }
.jodit-container:not(.jodit_inline) .jodit-editor__resize {
position: relative; }
.jodit-container:not(.jodit_inline) .jodit-editor__resize svg {
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
width: 12px;
height: 12px;
cursor: nwse-resize;
fill: var(--jd-color-gray-dark);
user-select: none; }
.jodit-source {
position: relative;
display: none;
overflow: auto;
min-height: 100%;
flex: auto;
background-color: var(--jd-color-source-area); }
.jodit-source .jodit-source__mirror-fake {
min-height: 100%; }
.jodit-source * {
font: 12px / normal 'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace; }
.jodit-container.jodit-source__mode .jodit-wysiwyg, .jodit-container.jodit-source__mode .jodit-wysiwyg_iframe {
display: none !important; }
.jodit-container.jodit-source__mode .jodit-source {
display: block !important; }
.jodit-container.jodit_split_mode .jodit-workplace {
flex-direction: row;
flex-wrap: nowrap; }
.jodit-container.jodit_split_mode .jodit-wysiwyg, .jodit-container.jodit_split_mode .jodit-wysiwyg_iframe, .jodit-container.jodit_split_mode .jodit-source {
display: block !important;
width: 50%;
flex: 1; }
.jodit-source__mirror {
z-index: 2;
overflow: auto;
width: 100%;
height: 100%;
min-height: 100%;
box-sizing: border-box;
padding: var(--jd-padding-default);
border: 0;
margin: 0;
background: var(--jd-color-source-area);
box-shadow: none;
color: #f0f0f0;
line-height: 1.5;
outline: none;
resize: none;
tab-size: 2em;
font: 12px / normal 'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace;
white-space: pre-wrap; }
.jodit-source__mirror::selection {
background: var(--jd-color-selection-area); }
.jodit_sticky-dummy_toolbar {
display: none; }
.jodit_sticky > .jodit-toolbar__box {
position: fixed;
position: sticky;
z-index: 3;
top: 0;
left: auto;
border-bottom: 1px solid var(--jd-color-border); }
.jodit_sticky .jodit_sticky-dummy_toolbar {
display: block; }
.jodit-symbols {
width: 460px;
padding: var(--jd-padding-default); }
.jodit-symbols__container {
display: flex; }
.jodit-symbols__container_table {
width: 88%; }
.jodit-symbols__container_preview {
width: 12%; }
.jodit-symbols__preview {
padding: 20px 0;
border: 1px solid var(--jd-color-border);
font-size: 34px;
text-align: center; }
.jodit-symbols__table {
border: 0;
border-spacing: 0;
table-layout: fixed; }
.jodit-symbols__table td {
padding: 0; }
.jodit-symbols__table td a {
display: inline-block;
width: calc(var(--jd-width_element_default) * 1.2);
height: calc(var(--jd-height_element_default) * 1.2);
box-sizing: border-box;
border: 1px solid transparent;
color: var(--jd-color-default);
cursor: pointer;
font-size: 16px;
line-height: calc(var(--jd-height_element_default) * 1.2);
text-align: center;
text-decoration: none;
vertical-align: top; }
.jodit-symbols__table td a:hover, .jodit-symbols__table td a:focus {
outline: 2px solid var(--jd-color-border); }
.jodit-table-resizer {
position: absolute;
z-index: 3;
padding-right: calc(var(--jd-padding-default) / 2);
padding-left: calc(var(--jd-padding-default) / 2);
margin-left: calc(var(--jd-padding-default) / -2);
cursor: col-resize; }
.jodit-table-resizer::after {
display: block;
width: 0;
height: 100%;
border: 0;
content: ''; }
.jodit-table-resizer_moved {
z-index: 2;
background-color: var(--jd-color-background-selection); }
.jodit-table-resizer_moved::after {
border-right: 1px solid var(--jd-color-border) moved; }
.jodit-wysiwyg table {
max-width: 100%;
border: none;
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
empty-cells: show; }
.jodit-wysiwyg table tr {
user-select: none; }
.jodit-wysiwyg table tr th, .jodit-wysiwyg table tr td {
min-width: 2em;
padding: 0.4em;
border: 1px solid var(--jd-color-border);
user-select: text;
vertical-align: middle; }
.jodit-form__inserter .jodit-form__table-creator-box {
display: flex; }
@media (max-width: 768px) {
.jodit-form__inserter .jodit-form__table-creator-box {
flex-direction: column; } }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container {
min-width: 180px;
padding: 0;
margin: 0;
font-size: 0; }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span {
display: inline-block;
width: var(--jd-width_element_default);
height: var(--jd-height_element_default);
box-sizing: border-box;
border: 1px solid var(--jd-color-border);
margin-bottom: 2px;
margin-left: 2px;
vertical-align: top; }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span:first-child {
margin-left: 0; }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span.jodit_hovered {
border-color: var(--jd-color-background-hover);
background: var(--jd-color-background-hover); }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options {
font-size: var(--jd-font-size-default); }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options label {
padding-top: 0;
text-align: left; }
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options label input {
margin-right: var(--jd-padding-default); }
.jodit-form__inserter label {
padding: 8px;
margin: 0;
font-size: 14px;
text-align: center; }
.jodit-tooltip {
position: fixed;
z-index: var(--jd-z-index-tooltip);
width: auto;
max-width: 120px;
padding: calc(var(--jd-padding-default) / 4) calc(var(--jd-padding-default) / 2);
background: #727171;
background-clip: padding-box;
border-radius: 2px;
color: #fff;
font-family: var(--jd-font-default);
font-size: var(--jd-font-size-default);
font-size: 11px;
line-height: 1.4;
opacity: 0;
text-rendering: optimizeLegibility;
transition: opacity 0.2s ease 0s;
user-select: none;
white-space: normal; }
@media (max-width: 768px) {
.jodit-tooltip {
display: none; } }
.jodit-tooltip.jodit-tooltip_visible {
opacity: 1; }
.jodit__preview-box table {
max-width: 100%;
border: none;
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
empty-cells: show; }
.jodit__preview-box table tr {
user-select: none; }
.jodit__preview-box table tr th, .jodit__preview-box table tr td {
min-width: 2em;
padding: 0.4em;
border: 1px solid var(--jd-color-border);
user-select: text;
vertical-align: middle; }
.jodit-xpath {
display: flex;
align-items: center;
margin-left: calc(var(--jd-padding-default) / -2); }
.jodit-xpath__item {
display: flex;
height: var(--jd-font-size-small);
line-height: calc(var(--jd-font-size-small) - 1px); }
.jodit-xpath__item a {
padding: 0 3px;
margin-left: 2px;
color: var(--jd-color-default);
font-size: var(--jd-font-size-small);
outline: 0; }
.pagination {
display: inline-block; }
.pagination a {
color: #E20177;
float: left;
padding: 0.2rem 0.6rem;
text-decoration: none;
background-color: #FFFFFF;
border: 1px solid #E20177;
margin: 0 4px;
border-radius: 3px;
font-size: 0.75rem;
font-weight: normal; }
.pagination a.active {
background-color: #02645F;
color: #FFFFFF;
border: 1px solid #02645F; }
.pagination a.active:hover {
background-color: rgba(212, 212, 212, 0.5);
color: #E20177;
border: 1px solid #D4D4D4; }
.pagination a:hover:not(.active) {
background-color: rgba(212, 212, 212, 0.5);
color: #E20177;
border: 1px solid #D4D4D4; }
.pagination a.disabled {
pointer-events: none;
color: #9DB8BE; }
.pagination > span {
color: #E20177;
float: left;
padding: 0.2rem 0.6rem;
text-decoration: none;
background-color: #FFFFFF;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.5; }
.pagination svg {
color: #652D90;
font-weight: 700;
line-height: 24px; }
.form-group-colorpicker {
margin-bottom: 2.8rem; }
.form-group.input-color {
margin-bottom: 0 !important; }
.colorPickerBox .selected-box {
top: 0.3rem;
left: 0.3rem;
margin-top: auto;
margin-bottom: auto; }
.colorPickerBox .input-color {
display: inline-block; }
.colorPickerBox .input-color.form-group-ro {
padding-top: 0.25rem; }
.colorPickerBox .color-picker-content {
display: flex;
width: 320px;
border-radius: 0.2rem;
flex-wrap: wrap; }
.colorPickerBox .color-picker-content > div {
width: 32px;
height: 32px; }
.colorPickerBox .color-picker-content > div.selected, .colorPickerBox .color-picker-content > div:hover {
border: 1px solid #652D90; }
.colorPickerBox .color-picker-content > div > svg {
width: inherit;
height: inherit; }
.colorPickerBox {
width: 2.2rem; }
.colorPickerBox .dropdown-control {
display: flex; }
.colorPickerBox .selected-box {
display: inline-block;
width: 2rem;
height: 1.5rem;
margin-left: 2px;
margin-right: 2px;
border: 1px solid black;
vertical-align: middle; }
.colorPickerBox .form-control {
display: inline-block !important;
width: 6.5rem;
height: auto; }
.colorPickerBox .color-picker-content > div {
border: solid 2px #fff; }
.list-view-header-rightside form .form-group .lbl {
padding: 0 0.5rem 0 0;
margin: 0.4rem 0 0 0; }
.list-view-header-rightside .list-view-toolbar-action {
padding-left: 2rem; }
.list-view-col-itemtpl {
width: calc(100% - 2rem);
padding: 0.3rem 0 0 0; }
.list-view-sort-action .lbl, .list-view-sort-action .cbo-opt-lbl {
white-space: nowrap; }
.list-view-sort-action .list-view-button-order {
height: 29px; }
.list-view-content {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 3rem 1fr 3rem; }
.list-view-content .list-view-header-leftside {
margin-top: auto;
margin-bottom: auto;
padding-left: 2rem; }
.list-view-content .item-list .list-view-group-closed + div[role="rowgroup"] {
display: none; }
.list-view-content .list-view-col-chk {
margin-right: 0.35rem; }
.list-view-content .list-view-group {
width: 100%;
cursor: pointer;
padding: 0.4rem 0.6rem;
margin: 0 0 0.5rem 0;
background-color: #e0eaec; }
.list-view-content .list-view-group > svg {
margin-left: 0.1rem; }
@keyframes lagoon-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.i-a-Loading {
animation: lagoon-spin 2s infinite linear;
background: inherit; }
.form-input.fixed-height > .bootstrap-tagsinput {
overflow-x: scroll;
white-space: nowrap;
height: 4.3rem; }
.bootstrap-tagsinput {
display: inline-block;
vertical-align: middle;
max-width: 100%;
cursor: text;
width: 100%;
height: auto;
overflow-x: auto;
cursor: auto;
padding: 0.8rem 0.25rem 0 0.25rem; }
.bootstrap-tagsinput:hover {
background-color: #f7f7f7; }
.bootstrap-tagsinput input {
border: none;
outline: none;
background-color: transparent;
margin: 0;
width: auto;
max-width: inherit;
padding: 0 0.6rem 0 0.6rem !important;
height: auto !important; }
.bootstrap-tagsinput input::-moz-placeholder {
opacity: 1; }
.bootstrap-tagsinput input:focus {
border: none !important;
box-shadow: none; }
.bootstrap-tagsinput .tag {
background-color: #FFFFFF;
display: inline-block;
border: 0;
cursor: default;
font-size: 0.75rem;
color: #000D14;
border-radius: 0.8rem;
padding: 0 0rem 0 0.6rem !important;
font-weight: 500;
line-height: 1.35rem;
box-shadow: none;
margin: 0.3rem 0 0 0; }
.bootstrap-tagsinput .tag [data-role="remove"] {
background-color: transparent;
border: none;
border-radius: 0.8rem;
color: #61767B;
cursor: pointer;
font-size: 1.3em;
float: right;
line-height: 1;
font-weight: normal;
padding: 0 0.2rem 0 0.2rem;
margin: 0.15rem 0 0 0.35rem; }
.form-group.disabled .form-input .bootstrap-tagsinput.form-control .tag [data-role="remove"], .form-group.disabled .form-input .bootstrap-tagsinput.form-control input {
display: none; }
.mainContainer {
position: relative;
-webkit-user-select: none;
user-select: none;
outline: 1px solid #00000014; }
.projectOuterContainer {
display: inline-block;
height: 100%; }
.projectInnerContainer {
width: 100%;
overflow: hidden;
background: white;
border-right: 1px solid #00000014; }
.timelineAndScheduleContainer {
background: white;
display: inline-block;
position: absolute;
height: 100%; }
.timelineContainer {
overflow: hidden;
border-bottom: 1px solid #00000014; }
.wst-timeline-block-separator {
border-right: 1px solid #00000014;
border-radius: 0px !important; }
.scheduleContainer {
overflow: scroll;
position: relative; }
.scheduleContainer .wk-row:hover {
background: #00000009; }
.horizontalScrollSpace {
position: absolute;
background: #f7f7f7;
bottom: 0px;
width: 100%;
height: 11px; }
.verticalScrollSpace {
position: absolute;
background: #f7f7f7;
width: 11px;
right: 0px;
top: 0px; }
.schedule-draw-area {
position: absolute;
top: 0px;
left: 0px; }
.wk-scrollToday {
text-align: center; }
.wks-link {
border-width: 1px;
border-style: solid; }
.wks-link-valid {
border-color: #B8ECF6; }
.wks-link-invalid {
border-color: red; }
.wst {
height: 100%;
display: inline-block;
overflow: hidden; }
.wst .wks-dayname {
height: 20px;
text-transform: uppercase; }
.wst .wks-daynum {
font-size: larger; }
.wst-primary, .wst-secondary {
font-weight: normal;
text-align: center; }
.wst-primary {
background: white; }
.wst-secondary {
background: #F3FBFD; }
.alt-bg-container {
position: absolute;
top: 0px;
left: 0px;
min-height: 100%;
overflow: hidden; }
.wst-group-primary, .wst-group-secondary {
font-weight: 500;
height: initial; }
.wst-group-primary {
background: white; }
.wst-group-secondary {
background: #F3FBFD; }
.wst-group {
white-space: nowrap; }
.wk-row {
border-bottom: 1px solid #00000014;
width: 100%;
position: relative;
overflow: hidden;
padding-left: 10px; }
.wk-row-highlight {
background: #00000009;
font-weight: bold; }
.wk-row-group {
cursor: pointer;
border-right: none !important; }
.wk-rowhour {
overflow: initial !important;
line-height: unset !important;
font-size: 1rem; }
.wk-rowhour-item {
position: absolute;
top: -11px;
width: 100%;
text-align: right;
padding-right: 10px; }
.wk-rowhour-border {
display: inline-block;
width: 10px;
height: 1px;
vertical-align: middle;
background: #00000014; }
.wk-group-default {
color: black;
padding-left: 30px;
white-space: nowrap; }
.wk-column-mode {
display: grid; }
.wk-column-mode .wk-group-default {
padding-left: 0px; }
.wk-column-groupContent {
grid-column: 1;
display: inline-flex;
align-items: center;
overflow: hidden;
font-weight: bold;
cursor: pointer; }
.wk-bar {
z-index: 100;
position: absolute;
background: #B8ECF6;
overflow: hidden;
border-radius: 3px;
text-align: center; }
.wk-bar-join-milestone {
z-index: 50;
position: absolute;
background: #B8ECF6;
overflow: hidden;
border-radius: 3px;
height: 2px;
margin: 0px auto;
top: 50%;
transform: translateY(-50%); }
.wk-milestone {
z-index: 200;
position: absolute; }
.wk-milestone-square {
transform: rotate(45deg);
background: #06BCE3B0;
border-radius: 3px; }
.wk-milestone-arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 18px solid #06BCE3B0;
position: absolute;
left: -2px;
border-radius: 3px; }
.wk-toolbar {
border-bottom: 1px solid #00000014;
border-right: 1px solid #00000014;
background: white;
position: relative; }
.wk-toolbar-gripper {
height: 100%;
width: 4px;
position: absolute;
top: 0px;
right: 0px;
background: #00000014;
cursor: col-resize; }
.wst-today {
background: rgba(255, 166, 0, 0.42);
border-radius: 0px !important; }
.wst-today-bar {
width: 3px;
height: 100%;
position: absolute;
top: 0;
background: rgba(255, 166, 0, 0.42); }
.wk-drag-indicator {
background: lightblue;
border-radius: 5px;
padding: 5px; }
.wk-drag-indicator-container {
position: absolute;
top: -8px;
left: -65px;
opacity: 0.7; }
.wk-ext-draggable .wk-grag-grip {
font-size: large;
cursor: grab; }
.wk-grabbing-grip {
cursor: grabbing !important; }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite; }
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none; } }
.progress {
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: 0.8rem;
background-color: rgba(212, 212, 212, 0.5);
border-radius: 0.25rem;
font-weight: 500; }
.progress span {
margin-top: auto;
margin-bottom: auto;
margin-left: 0rem;
margin-right: .625rem;
color: #FFFFFF; }
.progress div + span {
margin-left: .625rem;
margin-right: 0rem; }
.progress div {
margin-top: auto;
margin-bottom: auto;
height: .5rem; }
.progress div:only-child {
height: 1rem; }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #FFFFFF;
text-align: center;
white-space: nowrap;
background-color: #652D90;
transition: width 0.6s ease;
border-radius: 0 6.25rem 6.25rem 0; }
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none; } }
.progress-bar span {
margin: 0; }
.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: 1rem 1rem; }
.progress-circle .progress-circle-inner {
position: relative;
line-height: 1;
background-color: transparent;
width: 120px;
height: 120px; }
.progress-circle .progress-circle-trail {
stroke: #e1e1e1;
transition: stroke-dashoffset 0.3s,stroke-dasharray 0.3s,stroke 0.3s,stroke-width 0.06s 0.3s; }
.progress-circle .progress-circle-middle {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
line-height: 1;
transform: translate(-50%, -50%); }
.progress-circle .progress-circle-middle .progress-circle-text {
font-size: 1.8em;
white-space: normal;
text-align: center;
display: block; }
.progress-circle .bi {
width: 100%;
height: 100%; }
.progress-circle.primary .bi {
color: #652D90; }
.progress-circle.primary .progress-circle-path {
stroke: #652D90; }
.progress-circle.default .bi {
color: #ffffff; }
.progress-circle.default .progress-circle-path {
stroke: #ffffff; }
.progress-circle.secondary .bi {
color: #652D90; }
.progress-circle.secondary .progress-circle-path {
stroke: #652D90; }
.progress-circle.danger .bi {
color: #CB2A55; }
.progress-circle.danger .progress-circle-path {
stroke: #CB2A55; }
.progress-circle.info .bi {
color: #299EE1; }
.progress-circle.info .progress-circle-path {
stroke: #299EE1; }
.progress-circle.success .bi {
color: #62AC87; }
.progress-circle.success .progress-circle-path {
stroke: #62AC87; }
.progress-circle.warning .bi {
color: #DF7430; }
.progress-circle.warning .progress-circle-path {
stroke: #DF7430; }
@keyframes animated-circle {
from {
transform: rotate(0); }
to {
transform: rotate(359deg); } }
.lg-loader {
top: 0;
left: 0;
height: 100%;
width: 100%;
position: relative;
text-align: center;
overflow: hidden; }
.lg-loader-content {
margin: auto;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent; }
.lg-loader-circle .lg-loader-content {
width: 8rem;
height: 8rem; }
.lg-loader-bar .progress {
width: 16rem; }
.lg-loader-default-border {
width: 7.5rem;
height: 7.5rem;
padding: 3px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: linear-gradient(white, rgba(63, 249, 220, 0.1) 33%, #652D90 100%);
animation: animated-circle .8s linear 0s infinite; }
.lg-loader-default-circle {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 50%; }
.lg-loader-default-icon {
position: absolute;
z-index: 99;
margin: auto;
transition: all .2s infinite; }
.lg-loader-default-icon img {
max-width: 6rem;
max-height: 6rem;
border-radius: 8rem; }
.lg-loader-label {
font-size: 0.75rem;
line-height: inherit;
font-weight: 400;
color: #000D14; }
.select-content {
position: relative;
order: 1; }
div.select-dropdown .select-placehoder {
color: #81989C; }
div.select-dropdown .form-group {
margin-bottom: 0 !important; }
div.select-dropdown.disabled button.dropdown-toggle, div.select-dropdown.disabled button.dropdown-toggle:focus, div.select-dropdown.disabled button.dropdown-toggle:hover {
cursor: unset;
user-select: text;
background: rgba(212, 212, 212, 0.5) !important;
color: #9DB8BE !important; }
div.select-dropdown .dropdown-toggle::after {
display: none !important; }
div.select-dropdown .dropdown.show::after, div.select-dropdown .dropdown.show::before {
display: none; }
div.select-dropdown div.dropdown-menu {
min-width: 100%;
position: fixed !important;
max-height: none; }
div.select-dropdown div.dropdown-menu.show {
display: flex;
flex-direction: column; }
div.select-dropdown div.dropdown-menu .select-dropdown-search .input-searchbox .form-input > span.form-input-suffix {
top: 2px; }
div.select-dropdown div.dropdown-menu .select-option-item .bi {
width: 1.3em;
height: 1.3em; }
div.select-dropdown div.dropdown-menu .select-option-unselected-icon, div.select-dropdown div.dropdown-menu .select-option-selected-icon {
margin-right: 0.3rem;
color: #652D90;
border-radius: 3px; }
div.select-dropdown div.dropdown-menu .select-option-disabled .select-option-unselected-icon, div.select-dropdown div.dropdown-menu .select-option-disabled .select-option-selected-icon {
margin-right: 0.3rem;
color: #61767B; }
div.select-dropdown button.dropdown-toggle {
width: 100%;
text-align: left;
background-color: #FFFFFF !important;
height: auto;
padding: 0.25rem 0 0 0.5rem;
border-radius: 0.25rem;
min-height: 40px; }
div.select-dropdown button.dropdown-toggle::after {
display: none; }
div.select-dropdown button.dropdown-toggle .select-dropdown-content {
grid-template-columns: 1fr min-content;
display: grid; }
div.select-dropdown button.dropdown-toggle .select-dropdown-content .select-dropdown-value {
overflow: hidden auto;
max-height: 70px; }
div.select-dropdown button.dropdown-toggle .select-dropdown-content .select-dropdown-value .select-element {
max-width: 100%; }
div.select-dropdown button.dropdown-toggle .select-dropdown-content .select-element-remove {
cursor: pointer; }
div.select-dropdown .select-option-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
margin-top: -0.05rem; }
div.select-dropdown .select-option-icon .bi {
font-size: 0.775rem !important; }
div.select-dropdown .select-option-text {
font-size: 0.775rem; }
div.select-dropdown .select-option-item {
display: flex; }
div.select-dropdown .select-option-text, div.select-dropdown .select-element-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
flex: 1; }
div.select-dropdown .select-option-tooltip {
color: #652D90; }
div.select-dropdown div.lgDropdown {
width: auto; }
div.select-dropdown div.lgDropdown .select-dropdown-search input {
height: 25px !important;
padding: 0.25rem 0.6rem;
width: 100%; }
div.select-dropdown div.lgDropdown .dropdown-action .select-dropdown-search:hover {
background-color: #fff !important; }
.select-dropdown-multiple .select-dropdown-chevron-reset, .select-dropdown-simple .select-dropdown-chevron-reset {
display: flex;
align-items: center; }
.select-dropdown-multiple .select-dropdown-chevron-reset .select-dropdown-icon, .select-dropdown-simple .select-dropdown-chevron-reset .select-dropdown-icon {
margin-top: auto;
margin-bottom: auto; }
.select-dropdown-multiple .select-dropdown-chevron-reset .select-dropdown-icon .bi, .select-dropdown-simple .select-dropdown-chevron-reset .select-dropdown-icon .bi {
width: 0.6rem;
height: 0.6rem; }
.select-dropdown-multiple .select-option-selected {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.select-dropdown-multiple .select-option-selected:hover {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.select-dropdown-multiple .select-remaining {
background-color: #f7f7f7;
color: #000D14;
border-radius: 12px;
font-size: 0.775rem;
padding: 0 0.5rem;
margin: 0.2rem 0 0.1rem 0;
width: fit-content;
float: left; }
.select-dropdown-simple .select-dropdown-content {
padding-bottom: 0;
padding-top: 0; }
.select-dropdown-simple .select-dropdown-content .select-dropdown-value {
padding-top: 0.1rem; }
.select-dropdown-simple .select-option-selected {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.select-dropdown-simple .select-option-selected:hover {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.select-dropdown-item-list {
overflow-y: auto;
display: flex;
flex-direction: column; }
.select-dropdown-item-list .select-all {
display: none !important;
order: -1; }
.select-dropdown-item-list .select-option-item ~ .select-all {
display: flex !important; }
.select-dropdown-item-list .select-option-item ~ .empty-msg {
display: none; }
.select-dropdown-item-list .empty-msg {
align-items: center;
justify-content: center;
height: 4.3rem; }
.select-dropdown-item-list .empty-msg .bi {
height: 2rem;
margin: 1rem 0rem 0 0;
width: 100%; }
.select-dropdown-item-list .lg-loader {
height: 5.4rem; }
.select-dropdown-item-list .lg-loader label {
margin-bottom: 0; }
.select-dropdown-item-list .lg-loader-content {
width: 4rem;
height: 3.4rem; }
.select-dropdown-item-list .lg-loader-default-icon > img {
max-width: 2rem;
max-height: 2rem; }
.select-dropdown-item-list .lg-loader-default-border {
width: 2.5rem;
height: 2.5rem;
padding: 2px; }
.select-element {
background: #f7f7f7;
color: #000D14;
border: 0;
border-radius: 12px;
cursor: pointer;
float: left;
padding: 0 0.5rem;
font-size: 0.775rem;
margin: 0.1rem 0.5rem 0.1rem 0;
line-height: initial; }
.select-element .select-element-icon {
padding-right: 0.2rem;
margin-top: -0.05rem; }
.select-element .select-element-remove {
background-color: transparent;
color: #000D14;
border: none;
border-right: 0;
border-radius: 10px;
cursor: pointer;
font-size: 1.3em;
float: right;
font-weight: normal;
padding: 0;
line-height: 0.8;
margin: 0; }
.select-element .select-element-remove:hover {
color: rgba(212, 212, 212, 0.5); }
.select-element .select-element-remove:focus {
outline: none !important;
box-shadow: none !important; }
.select-element .select-element-text {
line-height: initial; }
.select-dropdown-content, .select-dropdown-value, cbo-ro {
background: inherit; }
.invalid.select-dropdown button.dropdown-toggle {
outline: none !important;
border-bottom: 2px inset #CB2A55; }
.invalid.select-dropdown button.dropdown-toggle:focus {
box-shadow: 0 0 0 2px #CB2A55 !important;
border-bottom: none; }
.invalid.select-dropdown .select-dropdown-search input {
border: 1px solid #ced4da; }
.invalid.select-dropdown .select-dropdown-search input:focus {
box-shadow: none !important;
border: 1px solid #ced4da; }
.column-options-modal .modal-lg {
width: 34.5rem;
height: 34.75rem; }
.column-options-modal .modal-body {
margin-right: 0.625rem;
margin-left: 0.25rem;
padding-left: 1.25rem !important;
padding-right: 0.3125rem !important;
padding-top: 0rem !important;
margin-top: 0.25rem; }
.column-options-modal .modal-footer {
margin-top: 1.25rem; }
.column-options-modal .modal-footer .btn-add-column {
height: 2rem;
width: 26.5rem; }
.column-options-modal .modal-footer .btn-save-cancel-container {
display: flex; }
.column-options-modal .modal-footer .btn-add-column-container {
flex-grow: 1;
margin-left: 2rem;
margin-bottom: 1rem; }
.column-options-modal .column-options-content .columns {
list-style-type: none;
padding: 0rem; }
.column-options-modal .column-options-content .columns .column {
margin: 0.375rem 0rem 0.375rem 0rem; }
.column-options-modal .column-options-content .columns .column .row-container {
width: 30.5rem;
height: 2.5rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem; }
.column-options-modal .column-options-content .columns .column .row-container .icon {
width: 1.75rem;
height: 1.75rem;
margin: 0.125rem 0.125rem 0.125rem 0.125rem;
color: #E20177; }
.column-options-modal .column-options-content .columns .column .row-container .icon > use {
pointer-events: none; }
.column-options-modal .column-options-content .columns .column .row-container .i-a-Info, .column-options-modal .column-options-content .columns .column .row-container .i-pin-angle, .column-options-modal .column-options-content .columns .column .row-container .i-pin-fill {
padding: .25rem; }
.column-options-modal .column-options-content .columns .column .row-container .i-pin-fill {
color: #652D90; }
.column-options-modal .column-options-content .columns .column .row-container .i-grip-vertical:not(:hover) {
color: #81989C; }
.column-options-modal .column-options-content .columns .column .row-container .i-grip-vertical:hover {
cursor: grab; }
.column-options-modal .column-options-content .columns .column .row-container .i-x:hover {
cursor: pointer; }
.column-options-modal .column-options-content .columns .column .row-container .dropdown {
display: inline-block;
height: 1.75rem;
width: 24.5rem;
margin-bottom: 0.125rem; }
.column-options-modal .column-options-content .columns .column .row-container .btn-options {
height: 1rem;
width: 1rem; }
.column-options-modal .column-options-content .columns .column .row-container:hover:focus {
background: #9DB8BE; }
.column-options-modal .column-options-content .columns .column[data-draggable="false"] .row > svg.drag-icon {
visibility: hidden; }
.column-options-modal .column-options-content .columns .column[data-draggable="true"] .row-container:hover:focus {
cursor: grab; }
.column-options-modal .column-options-content .columns .column.dragging svg.remove-icon, .column-options-modal .column-options-content .columns .column.dragging svg.freeze-icon {
display: none; }
.column-options-modal .column-options-content div.placeholder {
width: 90%;
background-color: #eeeeee; }
.lbl:has(+ .lg-input-file) {
padding-left: 0 !important; }
.lg-input-file {
border: 2px solid transparent;
padding: 0.5rem;
display: block;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
color: #000D14;
cursor: pointer;
position: relative;
font-size: 0.75rem;
border-radius: 4px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5); }
.lg-input-file:hover, .lg-input-file.dragged-over {
border-color: #652D90; }
.lg-input-file:hover .image-icon, .lg-input-file.dragged-over .image-icon {
color: #652D90; }
.lg-input-file:focus-within {
box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #E20177; }
.lg-input-file .image-icon {
width: 2rem;
height: 2rem;
color: #000D14; }
.lg-input-file .uploaded-message {
font-weight: 400; }
.lg-input-file .instruction-message {
font-weight: 400; }
.lg-input-file input[type=file] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
opacity: 0;
cursor: pointer; }
.lg-input-file .action-message {
color: #000D14;
font-weight: 400;
text-decoration: underline; }
.lg-input-file .action-message .upload-action-icon {
display: none; }
.lg-input-file .action-button {
position: relative; }
.lg-input-file .input-container-hidden {
position: relative;
border: none;
padding: 0;
margin: 0; }
.lg-input-file .card.files-list {
font-weight: 400;
box-shadow: none;
background-color: initial;
overflow-y: auto;
border: none; }
.lg-input-file .card.files-list .card-body {
margin: 0;
flex: 1 1 auto; }
.lg-input-file .card.files-list .card-body .row {
border-radius: 5rem;
background-color: #E20177;
margin-top: 0.25rem;
color: #000D14; }
.lg-input-file .card.files-list:active {
border: none; }
.lg-input-file .file-container-list {
max-height: 150px;
overflow-y: auto; }
.lg-input-file .select-your-files {
text-align: center;
color: #000D14;
font-weight: bold;
margin-bottom: 0.5rem; }
.lg-input-file.dragged-over .action-message {
visibility: hidden; }
.lg-input-file .progress {
background-color: inherit; }
.lg-input-file .action-button {
color: #652D90; }
div.lgDropdown {
width: fit-content; }
div.lgDropdown.globalSearch-dropdown {
width: 100%; }
div.lgDropdown div.dropdown-menu {
min-width: 100%;
position: fixed; }
div.lgDropdown div.dropdown-menu.show {
display: flex;
flex-direction: column; }
div.lgDropdown div.dropdown-menu.show .gs-item-content {
padding: 0.15rem; }
.lgDropdown.globalSearch-dropdown {
width: 100%; }
.lgDropdown.globalSearch-dropdown .dropdown-menu .gs-item-content > svg {
margin: 0 0.3rem; }
.dropdown-action {
display: grid;
background: white; }
.dropdown-action .border-bottom {
border-bottom: 1px solid black; }
.dropdown-action .border-top {
border-top: 1px solid black; }
div.filterbox {
width: 100%; }
div.filterbox div.dropdown-control {
user-select: none;
cursor: pointer;
width: inherit; }
div.filterbox div.dropdown-control > a {
width: inherit;
max-width: inherit; }
div.filterbox div.dropdown-control > a > div {
display: inline-block;
overflow-x: hidden;
overflow-y: visible;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 2em); }
div.filterbox div.dropdown-control > a > span.reset {
margin-left: 0.3em;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 0.5em; }
div.filterbox > div.dropdown-menu {
padding: 0.3em; }
div.filterbox > div.dropdown-menu .hide {
display: none !important; }
div.filterbox > div.dropdown-menu div.lg-tab-header {
flex: content; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) {
margin: 1em;
flex: auto;
display: flex;
flex-direction: column;
min-height: 100%; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) div.treeview {
flex: auto;
overflow-y: auto;
max-height: 200px; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) div.treeview .form-group-chk.form-group {
margin-bottom: 0;
line-height: 1.6; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-adv .input-group-prepend, div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-numeric .input-group-prepend, div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-time .input-group-prepend {
flex: 0; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-adv .filter-value, div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-numeric .filter-value, div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-time .filter-value {
flex: 1; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-adv-txt-preview {
margin-top: 0.5rem; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-adv-txt-preview span {
padding-left: 1.4rem;
display: block;
font-size: 0.75rem;
font-weight: normal; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-adv .big-msg svg.bi {
height: 3em;
margin: 0.5rem 0rem 0 0; }
div.filterbox > div.dropdown-menu .filter-tab:not(.hide) .filter-adv .big-msg h2.lblTitle {
font-size: 0.7rem;
line-height: 0.8rem; }
div.filterbox > div.dropdown-menu span.filterbox-buttons {
flex: content;
padding: 0.2em;
text-align: right; }
div.filterbox > div.dropdown-menu span.filterbox-buttons > button:first-child {
float: left; }
div.filterbox > div.dropdown-menu div.filter-search {
flex: content; }
div.filterbox > div.dropdown-menu div.filter-search ~ div.filter-selection {
margin-right: 0.5em; }
div.filterbox > div.dropdown-menu div.filter-search ~ div.filter-selection svg {
margin-left: 0.5em;
top: 50%; }
div.filterbox > div.dropdown-menu .form-group-chk {
font-size: 0.75rem; }
div.filterbox > div.dropdown-menu .form-group-chk.filterbox-list {
overflow-y: auto;
max-height: 200px; }
div.filterbox > div.dropdown-menu .filter-tab .filter-sublist {
font-size: 0.75rem; }
div.filterbox > div.dropdown-menu .filter-tab div.filter-adv > div.form-group.filter-value, :not(div.filterbox > div.dropdown-menu .filter-tab) div.filter-numeric-item > div.form-group.filter-value, :not(div.filterbox > div.dropdown-menu .filter-tab) div.filter-time-item > div.form-group.filter-value {
margin-bottom: 0; }
div.filterbox > div.dropdown-menu .filter-tab > .form-group-chk {
margin: 0.3em;
flex: content; }
div.filterbox div.no-tab {
padding: 1rem 1rem 0 1rem;
margin-bottom: 1rem; }
div.filterbox div.no-tab > div.form-group-chk {
margin-bottom: 0; }
div.treeview {
overflow-y: auto; }
div.treeview ul {
list-style: none;
box-sizing: border-box; }
div.treeview ul li {
box-sizing: border-box; }
div.treeview ul li > svg {
cursor: pointer;
z-index: 1;
color: #652D90;
background-color: #FFF; }
div.treeview ul li div.trv-node-content {
display: flex !important;
align-items: center; }
div.treeview.trv-nestable > ul {
padding: 0 0.5em; }
div.treeview.trv-nestable > ul ul {
padding-left: 3em; }
div.treeview.trv-nestable ul li {
padding: 0;
line-height: 1.2;
position: relative; }
div.treeview.trv-nestable ul li > svg.bi {
background: transparent;
display: block;
position: absolute;
left: 0.5em;
top: 0.5em;
font-size: 1.5em; }
div.treeview.trv-nestable ul li > svg.bi + div {
padding-left: 3em; }
div.treeview.trv-nestable ul li > div {
position: relative;
display: block;
margin: 0.5em 0 0.7em 0;
padding-left: 1em;
height: 3em;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.125);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
border-radius: 0.25rem;
background-color: #FFF; }
div.treeview.trv-nestable ul li > div.trv-node-selected {
background-color: #E20177; }
div.treeview.trv-default ul {
padding: 0; }
div.treeview.trv-default ul li {
line-height: 1.2;
position: relative;
padding: 1em 0 0 1em; }
div.treeview.trv-default ul li > div {
position: relative;
display: inline-block; }
div.treeview.trv-default ul li > svg {
cursor: pointer;
position: absolute;
top: 1em;
left: -1em;
z-index: 1; }
div.treeview.trv-default ul li:before {
position: absolute;
top: 0;
bottom: 0;
left: -0.5em;
display: block;
width: 0;
border-left: 1px solid #652D90;
content: '';
box-sizing: content-box; }
div.treeview.trv-default ul li.treeview-open > div:after {
border-radius: 0 .3em 0 0;
border-top: 1px solid #652D90;
border-right: 1px solid #652D90;
border-bottom: 0;
border-left: 0;
bottom: 0;
top: 0.5em;
height: auto;
left: -1.5em;
box-sizing: content-box; }
@media screen and (min-width: 768px) and (max-width: 1980px) {
div.treeview.trv-default ul li.treeview-open > div:after {
left: calc(-1.5em - 0.1px); } }
@media screen and (min-width: 1090px) and (max-width: 1100px) {
div.treeview.trv-default ul li.treeview-open > div:after {
left: calc(-1.5em - 0.3px); } }
@-moz-document url-prefix() {
div.treeview.trv-default ul li.treeview-open > div:after {
left: -1.5em !important; } }
div.treeview.trv-default ul li > div:after {
position: absolute;
top: 0;
left: -1.5em;
display: block;
height: 0.5em;
width: 1em;
border-bottom: 1px solid #652D90;
border-left: 1px solid #652D90;
border-radius: 0 0 0 .3em;
content: '';
box-sizing: content-box; }
div.treeview.trv-default ul li:last-child {
padding-bottom: 0; }
div.treeview.trv-default ul li:last-child:before {
height: 1em;
bottom: auto; }
div.treeview.trv-default > ul {
margin: 1em; }
div.treeview.trv-default > ul > li {
padding: 0 0 1em 1em; }
div.treeview.trv-default > ul > li:last-child:before {
display: none; }
div.treeview.trv-default > ul > li:not(.treeview-open):first-child:before {
top: 0.5em; }
div.treeview.trv-default > ul > li:not(.treeview-open):first-child > div:after {
border-left: none;
border-radius: unset; }
div.treeview.trv-default > ul > li > svg {
top: 0; }
.form-group-ro .summarybox .form-input.form-input-prefix-suffix {
border: none;
margin: 0;
padding: 0;
overflow: auto; }
.summarybox {
width: 100% !important; }
.summarybox .dropdown-control .form-input .summarybox-value, .summarybox.summarybox-modal .form-input .summarybox-value {
order: 0;
width: 100%;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.summarybox.summarybox-modal-wrap .form-input .summarybox-value {
display: flex;
flex-wrap: nowrap;
order: 0;
width: 100%;
cursor: pointer;
white-space: pre-wrap;
height: auto; }
.summarybox.summarybox-modal .modal-sm textarea {
height: 14vh; }
.summarybox.summarybox-modal .modal-dialog textarea {
height: 28vh; }
.summarybox.summarybox-modal .modal-lg textarea {
height: 42vh; }
.summarybox.summarybox-modal .modal-xl textarea {
height: 56vh; }
.summarybox.summarybox-modal .modal-xxl textarea {
height: 70vh; }
.summarybox.summarybox-modal, .summarybox.summarybox-modal-wrap {
order: 2; }
.summarybox .dropdown-menu {
overflow: auto; }
.summarybox .form-group {
margin-bottom: unset;
height: 100%; }
.summarybox .form-group .multi-line > .form-input {
height: 100%; }
.summarybox textarea {
min-height: 100%;
resize: none;
overflow-y: auto; }
.summarybox .summarybox-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
margin-top: 0.2rem;
padding: 0.2rem; }
.summarybox .summarybox-buttons button:first-child {
margin-right: 0.2rem; }
:root {
--timebox-bt-color:#000D14;
--timebox-cf-color:#EEEEEE;
--timebox-cict-color:#000D14;
--timebox-cicut-color:#000D14;
--timebox-coct-color:#000D14;
--timebox-cocut-color:#000D14;
--timebox-hc-color:#DDDDDD;
--timebox-pb-color:#FFFFFF;
--timebox-phb-color:#652D90;
--timebox-pht-color:#FFFFFF;
--timebox-s-color:#652D90;
--timebox-sn-color:#FFFFFF;
--timebox-sbu-color:#FFFFFF;
--timebox-sba-color:#0797FF; }
.clock-timepicker {
width: 100%; }
.clock-timepicker > input {
min-width: auto !important;
max-width: 100%; }
.clock-timepicker .clock-timepicker-popup {
left: auto !important; }
.clock-timepicker span.form-input-suffix {
z-index: 99999; }
.stepContainer {
display: grid;
text-align: center;
grid-template-rows: auto 35px auto; }
.stepCircle {
transition: all 0.2s ease-in-out;
width: 30px;
height: 30px;
line-height: 25px;
border-radius: 50%;
background: #ece0f5;
display: inline-block;
position: absolute;
border: 3px solid #652D90;
top: calc(50% - 15px);
margin: 0;
padding: 0;
margin-left: -15px;
user-select: none; }
.stepClick.stepCircle {
transition: all 0.2s ease-in-out;
border: 2px groove #652D90; }
.stepClick.stepCircle:hover {
transform: scale(1.2);
cursor: pointer; }
.stepClick.topLabel {
text-decoration: underline;
font-weight: bold; }
.stepSeparatorRight {
transition: all 0.2s ease-in-out;
position: absolute;
height: 4px;
width: 50%;
background: #ece0f5;
top: 49%;
right: 0; }
.stepSeparatorLeft {
transition: all 0.2s ease-in-out;
left: 0; }
.stepValid {
transition: all 0.2s ease-in-out; }
.stepValid.topLabel, .stepValid.bottomLabel {
color: #652D90;
font-weight: bold; }
.stepValid.stepCircle {
color: #652D90;
background: #652D90; }
.stepValid.stepSeparatorRight, .stepValid.stepSeparatorLeft {
background: #652D90; }
.stepValid.stepSeparatorLeft {
background: #652D90; }
.topLabel, .bottomLabel {
white-space: break-spaces; }
.bottomLabel {
display: flex;
justify-content: center; }
.wp-popup {
position: absolute;
top: 10px;
left: 40%;
z-index: 9999;
background: white;
border-radius: 5px;
box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.2);
padding: 15px; }
.wp-logo {
content: url();
width: 100%;
max-width: 100px; }
.wp-help {
content: url("_content/Lagoon.UI/images/help_notification.png");
width: 100%; }
.wp-instruction-container {
border-top: 1px solid #00000017;
margin-top: 15px; }
.wp-instruction {
white-space: pre-line;
font-weight: bold !important; }
.action-pnl {
background-color: #652D90;
padding-left: 0.75rem; }
.action-pnl.disabled {
pointer-events: none;
opacity: 0.5;
user-select: none; }
.action-pnl .action-pnl-content {
color: #FFFFFF; }
.action-pnl .action-pnl-content label {
color: #FFFFFF; }
.action-pnl .action-pnl-toolbar .toolbar-group .btn:last-child {
margin: unset; }
.alert {
padding: 0.5rem 1.2rem;
border: none;
border-radius: 0;
font-weight: 400; }
.alert .bi {
width: 0.8rem;
height: 0.8rem;
margin-right: 0.9rem; }
.alert a {
text-decoration: underline;
margin-right: 0.9rem; }
.alert .close-icon {
float: right;
font-weight: 700;
width: 0.8rem;
height: 0.8rem; }
.alert-info {
background-color: #299EE1;
color: #FFFFFF; }
.alert-info a {
color: #FFFFFF; }
.alert-success {
background-color: #62AC87;
color: #FFFFFF; }
.alert-success a {
color: #FFFFFF; }
.alert-warning {
background-color: #DF7430;
color: #FFFFFF; }
.alert-warning a {
color: #FFFFFF; }
.alert-danger {
background-color: #CB2A55;
color: #FFFFFF; }
.alert-danger a {
color: #FFFFFF; }
.breadcrumb {
color: #000D14;
cursor: default; }
.breadcrumb a {
color: #000D14;
text-decoration: none; }
.breadcrumb .breadcrumb-icon {
margin: -2px 0.3em auto 0;
font-size: 1.16em; }
.breadcrumb .breadcrumb-item > * {
border-radius: 3px;
outline: none;
display: inline-block;
padding: 0.1rem;
border: 2px solid transparent; }
.breadcrumb .breadcrumb-item > *:focus-visible {
border: 2px solid #E20177; }
.breadcrumb .breadcrumb-item > *:hover {
border-bottom: solid 2px #E20177; }
.breadcrumb .breadcrumb-item a:active {
border: 2px solid #E20177; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
width: 1em;
height: 1em;
margin-right: 0.5rem;
margin-top: 0.4rem; }
.breadcrumb .breadcrumb-item.active {
color: #E20177; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
background: var(--i-arrow-right6) no-repeat left center; }
.calendar {
background-color: #FFFFFF;
border-bottom: 1px solid #BEBEBE; }
.calendar .row .cal-month {
text-align: center;
border-top: 1px solid #FFFFFF;
text-transform: capitalize; }
.calendar .row .cal-month:not(:last-of-type) {
border-right: 1px solid #FFFFFF; }
.calendar .row .cal-month, .calendar .row .cal-year {
background-color: #652D90;
color: #FFFFFF;
font-weight: bold;
height: 1.6rem;
padding: 0.1rem 0.2rem; }
.calendar .row .cal-month span, .calendar .row .cal-year span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.calendar .row .cal-day {
border-right: 1px solid #BEBEBE;
border-left: 1px solid #BEBEBE; }
.calendar .row .cal-day:hover .cal-day-number, .calendar .row .cal-day:hover .cal-day-content {
background-color: #BEBEBE; }
.calendar .row .cal-day .cal-day-number {
color: #707070;
padding: 0 0.2rem 0 0.2rem;
background-color: #f7f7f7; }
.calendar .row .cal-day .cal-day-content {
padding: 0 0.2rem 0 0.2rem; }
.calendar .row .cal-day.weekend-day {
background-color: #F3F3F3; }
.calendar .row .cal-day.weekend-day + .cal-day.weekend-day {
border-bottom: 2px solid #652D90; }
.calendar .indicator-range-data {
border-right: 1px solid #ffffff; }
.calendar .indicator-range-data, .calendar .indicator-range-nodata {
width: 0.2rem; }
.card {
border-radius: 0.25rem;
border: 1px solid #D4D4D4;
padding: 0;
display: flex;
flex-direction: row;
overflow: hidden;
margin-bottom: 0.5rem; }
.card.card-clickable:hover:hover {
cursor: pointer;
background-color: rgba(247, 247, 247, 0.3); }
.card.card-clickable:hover:active, .card.card-clickable.active:hover {
background-color: #FFFFFF;
border: 2px solid #E20177; }
.card:focus-visible {
box-shadow: 0 0 0 2px #E20177;
outline: none; }
.card .color-bar {
width: 0.6rem;
min-width: 0.6rem;
background-color: #E20177;
border-radius: 0.25rem 0 0 0.25rem; }
.card .color-bar-icon {
width: 1.4rem;
min-width: 1.4rem;
background-color: #E20177;
border-radius: 0.25rem 0 0 0.25rem;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF; }
.card .card-body {
margin: 0.4rem 1rem; }
.vertical-separator {
display: flex;
flex-direction: column;
align-items: center; }
.dotted-line {
border-right: 1px dashed rgba(212, 212, 212, 0.5);
height: 100%;
width: 1px; }
.round {
height: 0.6rem;
width: 0.6rem;
background-color: rgba(212, 212, 212, 0.5);
border-radius: 50%;
position: absolute; }
.round-top {
top: -0.3rem;
box-shadow: inset 0px -4px 3px 0px rgba(0, 0, 0, 0.01); }
.round-bottom {
bottom: -0.3rem;
box-shadow: inset 0px 5px 3px 0px rgba(0, 0, 0, 0.14); }
.empty-msg {
text-align: center; }
.empty-msg .empty-msg-icon {
width: auto;
height: 4rem;
color: #000D14;
display: block;
margin: 0 auto 0.5rem auto; }
.empty-msg .empty-msg-title {
font-size: 1rem;
color: #000D14;
line-height: 1rem;
font-weight: 500;
display: block; }
.empty-msg .empty-msg-desc {
color: #000D14;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
display: block;
margin: 0; }
.finder {
background-color: white;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 0.2rem; }
.finder .header-finder {
align-items: center;
padding-top: 0.2rem; }
.finder .header-finder .lblTitle {
margin-left: 1.1rem;
margin-bottom: 0px;
color: #000D14;
line-height: 24px;
font-size: 0.75rem;
font-weight: 500; }
.finder .header-results {
margin-top: 8px;
align-items: center; }
.finder .header-results .lblTitle {
margin-left: 1.1rem;
margin-bottom: 0px;
color: #000D14;
line-height: 24px;
font-size: 0.75rem;
font-weight: 400; }
.finder .content-finder {
padding: 0.3rem 1.1rem; }
.finder .content-finder .card label {
padding: 0px;
margin: 0px; }
.form-group-toggle {
display: flex;
flex-direction: column; }
.toggle-list {
order: 1; }
.toggle {
order: 1;
user-select: none; }
.toggle .toggle-text {
vertical-align: middle; }
.toggle .toggle-inside-lbl {
width: 80px;
height: 19px;
line-height: 19px;
background-color: #F1F1F1;
padding: 0px 9px;
border-radius: 17px;
display: inline-block;
position: relative;
cursor: pointer;
transition: all 0.25s ease-in; }
@media (prefers-reduced-motion: reduce) {
.toggle .toggle-inside-lbl {
transition: none; } }
.toggle .toggle-inside-lbl:hover {
background-color: #E9E5E5; }
.toggle .toggle-inside-lbl:focus-visible {
border: 2px solid #E20177; }
.toggle .toggle-inside-lbl:before, .toggle .toggle-inside-lbl:hover:before {
content: ' ';
position: absolute;
top: 1px;
left: 1px;
width: 17px;
height: 17px;
background: #FFFFFF;
z-index: 2;
transition: all 0.25s ease-in;
border-radius: 14px; }
@media (prefers-reduced-motion: reduce) {
.toggle .toggle-inside-lbl:before, .toggle .toggle-inside-lbl:hover:before {
transition: none; } }
.toggle .toggle-inside-lbl .toggle-off, .toggle .toggle-inside-lbl .toggle-on {
color: #FFFFFF; }
.toggle .toggle-inside-lbl .toggle-off {
padding-left: 19px;
display: block;
color: #212529;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden; }
.toggle .toggle-inside-lbl .toggle-on {
display: none;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden; }
.toggle input:checked ~ label .toggle-off {
display: none; }
.toggle input:checked ~ label .toggle-on {
padding-right: 19px;
display: block; }
.toggle input:checked ~ .toggle-inside-lbl, .toggle input:focus:checked ~ .toggle-inside-lbl {
background-color: #652D90; }
.toggle input:checked ~ .toggle-inside-lbl:hover, .toggle input:focus:checked ~ .toggle-inside-lbl:hover {
background-color: #E20177; }
.toggle input:checked ~ .toggle-inside-lbl:before, .toggle input:checked ~ .toggle-inside-lbl:hover:before, .toggle input:focus:checked ~ .toggle-inside-lbl:before, .toggle input:focus:checked ~ .toggle-inside-lbl:hover:before {
background-position: 0 0;
top: 1px;
left: 100%;
margin-left: -19px; }
.readonly .toggle-inside-lbl {
order: 1; }
.disabled .toggle .toggle-inside-lbl {
background-color: #757575; }
.disabled .toggle .toggle-inside-lbl span {
color: #FFFFFF; }
.disabled .toggle .toggle-inside-lbl:before {
background-color: rgba(255, 255, 255, 0.6); }
.disabled .toggle input:checked ~ .toggle-inside-lbl, .disabled .toggle input:focus:checked ~ .toggle-inside-lbl {
background-color: #557876; }
.disabled .toggle input:checked ~ .toggle-inside-lbl:hover, .disabled .toggle input:focus:checked ~ .toggle-inside-lbl:hover {
background-color: #557876; }
.disabled .toggle input:checked ~ .toggle-inside-lbl:before, .disabled .toggle input:focus:checked ~ .toggle-inside-lbl:before {
background-color: rgba(255, 255, 255, 0.6); }
.btn {
padding: 0rem 0.3rem;
font-size: 0.8rem;
line-height: 1.5rem;
border-radius: 5px; }
.btn svg + span {
margin-right: 0.6rem;
margin-left: 4px; }
.btn svg {
margin: 0 0.3rem;
font-size: 0.8rem; }
.btn svg:only-child {
margin: 0;
font-size: 0.8rem; }
.btn span:only-child {
margin-right: 0.6rem;
margin-left: 0.6rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0px 0.4rem;
font-size: 0.7rem;
line-height: 1.2rem;
border-radius: 5px; }
.btn-sm svg + span, .btn-group-sm > .btn svg + span {
margin-left: 0.25rem;
margin-right: 0.25rem; }
.btn-sm svg, .btn-group-sm > .btn svg {
margin: 0 0.15rem;
font-size: 0.7rem; }
.btn-sm svg:only-child, .btn-group-sm > .btn svg:only-child {
margin: 0.25rem 0;
font-size: 0.7rem; }
.btn-sm span:only-child, .btn-group-sm > .btn span:only-child {
margin-right: 0.25rem;
margin-left: 0.25rem; }
.btn-lg, .btn-group-lg > .btn {
padding: 0.15rem 0.4rem;
font-size: 0.8rem;
line-height: 1.5rem;
border-radius: 5px; }
.btn-lg svg + span, .btn-group-lg > .btn svg + span {
margin-right: 0.6rem;
margin-left: 0.25rem; }
.btn-lg svg, .btn-group-lg > .btn svg {
margin: 0 0.3rem;
font-size: 0.8rem; }
.btn-lg svg:only-child, .btn-group-lg > .btn svg:only-child {
margin: 0;
font-size: 0.8rem; }
.btn-lg span:only-child, .btn-group-lg > .btn span:only-child {
margin-right: 0.6rem;
margin-left: 0.6rem; }
.btn-link {
font-weight: 400;
color: #652D90; }
.btn-link span {
text-decoration: underline; }
.btn-link:not(:disabled):not(.disabled):hover, .btn-link:hover {
color: #E20177; }
.btn-link:not(:disabled):not(.disabled):hover span, .btn-link:hover span {
text-decoration: none; }
.btn-link:active, .btn-link.active {
color: #E20177; }
.btn-link:active span, .btn-link.active span {
text-decoration: underline; }
.btn-link:focus-visible, .btn-link:focus {
color: #652D90;
box-shadow: 0 0 0 2px #E20177; }
.btn-link:focus-visible span, .btn-link:focus span {
text-decoration: underline; }
.btn-link:disabled, .btn-link.disabled {
color: #9DB8BE;
pointer-events: none; }
.btn:focus, .btn.focus, .btn-danger:focus, .btn-danger.focus, .btn-success:focus, .btn-success.focus, .btn-info:focus, .btn-info.focus, .btn-warning:focus, .btn-warning.focus {
box-shadow: none; }
.btn:focus-visible, .btn-danger:focus-visible, .btn-success:focus-visible, .btn-info:focus-visible, .btn-warning:focus-visible {
box-shadow: 0 0 0 2px #E20177; }
.btn:active:focus, .btn-danger:active:focus, .btn-success:active:focus, .btn-info:active:focus, .btn-warning:active:focus {
box-shadow: none; }
.btn:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus {
box-shadow: none; }
.btn-success {
background-color: #62AC87;
border-color: #62AC87; }
.btn-success:hover {
background-color: #62AC87;
border-color: #62AC87; }
.btn-success:active {
background-color: #62AC87;
border-color: #62AC87; }
.btn-danger {
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-danger:hover {
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-danger:active {
background-color: #CB2A55;
border-color: #CB2A55; }
.btn-warning {
background-color: #DF7430;
border-color: #DF7430; }
.btn-warning:hover {
background-color: #DF7430;
border-color: #DF7430; }
.btn-warning:active {
background-color: #DF7430;
border-color: #DF7430; }
.btn-info {
background-color: #299EE1;
border-color: #299EE1; }
.btn-info:hover {
background-color: #299EE1;
border-color: #299EE1; }
.btn-info:active {
background-color: #299EE1;
border-color: #299EE1; }
.btn-ghost {
color: #212529;
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0);
font-weight: 500;
color: #FFFFFF; }
.btn-ghost:hover {
color: #212529;
background-color: rgba(212, 212, 212, 0.5);
border-color: rgba(212, 212, 212, 0.5); }
.btn-ghost:focus, .btn-ghost.focus {
color: #212529;
background-color: rgba(212, 212, 212, 0.5);
border-color: rgba(212, 212, 212, 0.5);
box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); }
.btn-ghost.disabled, .btn-ghost:disabled {
color: #212529;
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
.btn-ghost:not(:disabled):not(.disabled):active, .btn-ghost.active:not(:disabled):not(.disabled), .show > .btn-ghost.dropdown-toggle {
color: #212529;
background-color: rgba(247, 247, 247, 0.3);
border-color: rgba(247, 247, 247, 0.3); }
.btn-ghost:not(:disabled):not(.disabled):active:focus, .btn-ghost.active:not(:disabled):not(.disabled):focus, .show > .btn-ghost.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); }
.btn-ghost:focus, .btn-ghost.focus {
box-shadow: none;
color: #FFFFFF;
background-color: transparent;
border-color: transparent; }
.btn-ghost:not(:disabled):not(.disabled):hover {
border-color: transparent;
color: #FFFFFF; }
.btn-ghost:active, .btn-ghost.active {
border: none;
color: #FFFFFF;
box-shadow: none; }
.btn-ghost:focus-visible {
box-shadow: 0 0 0 2px #E20177;
outline: none;
color: #FFFFFF; }
.btn-ghost:disabled {
color: #555555; }
.btn-primary {
color: #fff;
background-color: #652D90;
border-color: #652D90;
font-weight: 500;
color: #FFFFFF; }
.btn-primary:hover {
color: #fff;
background-color: #E20177;
border-color: #E20177; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #E20177;
border-color: #E20177;
box-shadow: 0 0 0 0.2rem rgba(124, 77, 161, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #652D90;
border-color: #652D90; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #E20177;
border-color: #E20177; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(124, 77, 161, 0.5); }
.btn-primary:not(:disabled):not(.disabled):hover {
color: #FFFFFF; }
.btn-primary:focus, .btn-primary.focus {
box-shadow: none;
color: #FFFFFF;
background-color: #652D90;
border-color: #652D90; }
.btn-primary:focus-visible {
box-shadow: 0 0 0 2px #E20177;
color: #FFFFFF; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled) {
box-shadow: none; }
.btn-primary:disabled {
background-color: #9DB8BE;
color: #f7f7f7;
border: 0; }
.btn-secondary {
color: #212529;
background-color: #FFFFFF;
border-color: #652D90;
font-weight: 500;
color: #652D90; }
.btn-secondary:hover {
color: #212529;
background-color: #FFFFFF;
border-color: #E20177; }
.btn-secondary:focus, .btn-secondary.focus {
color: #212529;
background-color: #FFFFFF;
border-color: #E20177;
box-shadow: 0 0 0 0.2rem rgba(91, 44, 129, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #212529;
background-color: #FFFFFF;
border-color: #652D90; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary.active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle {
color: #212529;
background-color: #FFFFFF;
border-color: #E20177; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(91, 44, 129, 0.5); }
.btn-secondary:not(:disabled):not(.disabled):hover {
color: #E20177;
border-color: #E20177; }
.btn-secondary:not(:disabled):not(.disabled):hover span {
color: #E20177; }
.btn-secondary:not(:disabled):not(.disabled):active {
box-shadow: none !important;
color: #E20177; }
.btn-secondary:not(:disabled):not(.disabled):active span {
color: #E20177; }
.btn-secondary:focus-visible {
color: #652D90;
box-shadow: 0 0 0 2px #E20177; }
.btn-secondary:focus {
color: #652D90;
background-color: #FFFFFF;
border-color: #652D90; }
.btn-secondary:disabled {
border: 1px solid #9DB8BE;
color: #9DB8BE; }
.lg-doc {
position: relative;
display: inline-block; }
.lg-doc > *:first-child {
width: 100%;
height: 100%; }
.lg-doc.error {
box-shadow: inset 0px 0px 0px 1px #C1C7D3;
background: rgba(193, 199, 211, 0.1); }
.lg-doc-delete {
position: absolute;
top: 5px;
right: 5px;
background: white; }
.lg-notif-empty {
white-space: nowrap; }
.lg-notif-item-content {
min-width: max-content; }
.lg-notif-item-content .lg-notif-itemlist {
max-height: calc(50vh);
overflow-y: auto; }
.nav-item-tag {
border-radius: 50%;
background: #CB2A55;
font-size: 0.7rem;
min-width: 1.4em;
height: 1.4em;
text-align: center;
margin: 0.3em 0 0 -1em;
padding: 0px 0.2rem;
color: #FFFFFF; }
.lg-notif-itemtpl {
width: max-content;
margin: 0.5rem; }
.lg-notif-itemtpl.lg-notif-notread .card {
background: rgba(247, 247, 247, 0.3); }
.lg-notif-itemtpl .card.card-clickable:active, .lg-notif-itemtpl .card.active {
border: none; }
.lg-notif-itemtpl .card .color-bar {
background-color: none; }
.lg-notif-itemtpl .card:hover .color-bar {
background: #652D90; }
.lg-notif-itemtpl .card:hover .lg-notif-icon {
color: #652D90; }
.lg-notif-itemtpl .card-body {
margin: 0.5rem;
width: 15rem; }
.lg-notif-itemtpl .lg-notif-itemtpl-title {
text-transform: uppercase;
font-size: 0.75rem;
color: #652D90;
font-weight: 400; }
.lg-notif-itemtpl .lg-notif-itemtpl-title .lg-notif-icon {
width: 1.2em;
height: 1.2em; }
.lg-notif-itemtpl .lg-notif-itemtpl-title .lg-notif-title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.lg-notif-itemtpl .lg-notif-itemtpl-date {
margin-top: 0.25rem; }
.lg-notif-itemtpl .lg-notif-itemtpl-date .lg-notif-itemtpl-date-lbl {
font-size: 0.6rem;
color: #652D90;
font-weight: 400; }
.lg-notif-itemtpl .lg-notif-itemtpl-date .btn .bi {
width: 0.8rem;
height: 0.8rem; }
.lg-notif-itemtpl .lg-notif-itemtpl-desc {
font-size: 0.75rem;
max-width: 15rem;
margin-top: 0.25rem; }
.lg-notif-itemtpl .lg-notif-itemtpl-desc .lg-notif-desc {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical; }
.lg-notif-bottom {
margin-bottom: 0.25rem; }
.slider {
display: flex;
flex-direction: column; }
.slider .slider-container {
order: 1; }
.slider .slider-container .slider-wrapper {
height: 45px;
position: relative;
width: 100%; }
.slider .slider-container .slider-wrapper * {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.slider .slider-container .slider-wrapper .slider-bg, .slider .slider-container .slider-wrapper .slider-selected {
height: 10px;
left: 0;
position: absolute;
top: 5px;
width: 100%;
border-radius: 50px; }
.slider .slider-container .slider-wrapper .slider-bg {
background: #f7f7f7; }
.slider .slider-container .slider-wrapper .slider-selected {
background: #E20177;
transition: all 0.2s linear;
width: 0;
left: 0px; }
.slider .slider-container .slider-wrapper:hover:not(.disabled) .slider-cursor, .slider .slider-container .slider-wrapper:hover:not(.disabled) .slider-selected {
background: #E20177; }
.slider .slider-container .slider-wrapper.disabled .slider-selected {
background-color: rgba(212, 212, 212, 0.5); }
.slider .slider-container .slider-wrapper.disabled .slider-cursor {
background: #9DB8BE;
cursor: default; }
.slider .slider-container .slider-wrapper.disabled .slider-cursor-tooltip {
border-color: #ccc;
color: #61767B; }
.slider .slider-container .slider-wrapper .slider-cursor {
border-radius: 10px;
cursor: pointer;
height: 20px;
margin-left: -10px;
position: absolute;
top: 0;
transition: all 0.2s linear;
width: 20px;
box-shadow: 0px 3px 6px #00000029;
border: 3px solid #FFFFFF;
background: #E20177; }
.slider .slider-container .slider-wrapper .slider-cursor:focus-visible {
border: 3px solid #E20177;
outline: none;
background: #FFFFFF; }
.slider .slider-container .slider-wrapper .slider-cursor:hover .slider-cursor-tooltip {
visibility: visible; }
.slider .slider-container .slider-wrapper.sliding .slider-selected, .slider .slider-container .slider-wrapper.sliding .slider-cursor {
transition: none; }
.slider .slider-container .slider-wrapper .slider-scale {
left: 0;
position: absolute;
top: 5px;
white-space: nowrap;
width: 100%; }
.slider .slider-container .slider-wrapper .slider-scale > div {
float: left;
position: relative; }
.slider .slider-container .slider-wrapper .slider-scale > div.slider-with-scale::before {
background-color: #000D14;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 0.6rem;
width: 0.05rem; }
.slider .slider-container .slider-wrapper .slider-scale > div:last-child {
margin-left: -1px;
width: 0px; }
.slider .slider-container .slider-wrapper .slider-scale > div .slider-step-content {
margin-top: 20px; }
.slider .slider-container .slider-wrapper .slider-scale > div .slider-step-lbl {
text-decoration: none;
color: #61767B; }
.slider .slider-container .slider-wrapper .slider-cursor-tooltip {
color: #61767B;
width: auto;
min-width: 20px;
position: relative;
background: #fff;
border: 1px solid #E20177;
border-radius: 3px;
position: absolute;
transform: translate(-50%, -30px);
left: 8px;
text-align: center;
padding: 0.1rem 0.2rem;
visibility: hidden; }
.slider .lbl {
order: 0; }
.slider-ro {
display: flex;
flex-direction: column; }
.slider-ro .slider-container {
order: 1; }
.slider-ro .lbl {
margin-bottom: 0; }
.side-tab-container {
height: 100%;
width: 100%; }
.side-tab-container .side-tab-nav {
background-color: white;
padding: 0.5rem 0 1rem 0;
max-height: 100%;
overflow-y: auto; }
.side-tab-container .side-tab-content {
max-height: 100%;
overflow-y: auto;
padding-top: 2.5px; }
.side-tab-nav {
background-color: transparent !important; }
.side-tab-nav .frameRoot {
box-shadow: none;
margin-block: 0;
margin-bottom: 0; }
.side-tab-nav .lg-side-tab {
background-color: transparent !important;
color: #000D14 !important;
border-radius: 0;
font-weight: 400;
font-size: 0.75rem;
line-height: 0.85rem;
padding: 0.5rem 0.5rem 0.5rem 1.5rem;
margin: 0 0.5rem 0 1.5rem; }
.side-tab-nav .lg-side-tab:hover {
background-color: #f7f7f7 !important;
color: #000D14 !important; }
.side-tab-nav .lg-side-tab:active, .side-tab-nav .lg-side-tab.active {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #000D14 !important; }
.side-tab-nav .lg-side-tab:active svg.bi, .side-tab-nav .lg-side-tab.active svg.bi {
color: #000D14 !important; }
.side-tab-nav .lg-side-tab.disabled:focus-visible {
outline: none; }
:root {
--row-base-height:auto;
--group-columns-border-left:0.15rem solid white;
--group-columns-border-right:0.25rem solid white;
--group-margin-left:30px;
--frozen-z-index:15;
--frozen-columns-border-right:1px solid #D4D4D4; }
.gridview .frameHeader .toolbar button {
box-shadow: none !important; }
.gridview .frameHeader .toolbar button:hover {
background-color: #652D90;
color: #FFFFFF; }
.gridview .frameHeader .toolbar button:hover span {
color: inherit; }
.gridview .frameHeader .toolbar button:active {
background-color: #FFFFFF;
color: #652D90;
border: 0.1rem solid #652D90; }
.gridview .frameHeader .toolbar button:active span {
color: inherit; }
.gridview .frameHeader .toolbar button:focus span {
color: inherit; }
.gridview .frameHeader .toolbar .gridview-buttons-filter button:hover span {
color: inherit; }
.gridview .frameHeader .toolbar .gridview-buttons-filter button:active span {
color: inherit; }
.gridview .frameHeader .toolbar .gridview-buttons-add button.btn-primary {
background-color: #652D90;
color: #FFFFFF;
border: 0.1rem solid #652D90; }
.gridview .frameHeader .toolbar .gridview-buttons-add button.btn-primary:hover {
background-color: #652D90; }
.gridview .frameHeader .toolbar .gridview-group button.btn {
color: #0fbbe2;
border: 0.1rem solid #e0eaec;
background: #e0eaec; }
.gridview .frameHeader .toolbar .dropdown-menu .dropdown-item .nav-item-icon .btn {
line-height: 1rem; }
.gridview.gridview-edit .gridview-row:not(.gridview-row-edit):not(.gridview-row-add), .gridview.gridview-add .gridview-row:not(.gridview-row-edit):not(.gridview-row-add) {
pointer-events: none;
opacity: 0.5;
user-select: none; }
.gridview.gridview-edit .frameHeader .toolbar button, .gridview.gridview-add .frameHeader .toolbar button {
pointer-events: none;
opacity: 0.3; }
.gridview.gridview-edit .frameHeader .toolbar .gridview-buttons-edit button, .gridview.gridview-edit .frameHeader .toolbar .gridview-col-command.gridview-col-edit-command button {
pointer-events: unset;
opacity: 1; }
.gridview.gridview-add .frameHeader .toolbar .gridview-buttons-add button, .gridview.gridview-add .frameHeader .toolbar .gridview-col-command.gridview-col-edit-command button {
pointer-events: unset;
opacity: 1; }
.gridview.gridview-rowsel .gridview-row .gridview-cell:not(.gridview-cell-editable) {
cursor: pointer; }
.gridview .gridview-content-wrap .gridview-body-container .gridview-cell {
white-space: break-spaces; }
.gridview .gridview-content-normal .gridview-body-container .gridview-cell {
white-space: nowrap; }
.gridview .gridview-container {
display: block; }
.gridview .gridview-container div {
box-sizing: border-box; }
.gridview .gridview-container .gridview-row-empty {
visibility: hidden; }
.gridview .gridview-container .gridview-header-scroll, .gridview .gridview-container .gridview-calc-scroll {
overflow-x: hidden;
overflow-y: hidden;
display: flex;
flex-direction: column;
padding-right: 11px; }
.gridview .gridview-container div.gridview-body-container {
overflow-x: auto;
overflow-y: scroll;
position: relative;
display: flex;
flex-direction: column; }
.gridview .gridview-container div.gridview-body-container .lg-loader {
margin-top: 2em; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header {
cursor: pointer;
text-transform: uppercase;
background-color: #e0eaec; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header:hover {
background-color: #B2D2D9; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header .gridview-group-collapse {
margin-right: 1em; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header.collapse-group + .gridview-row-group {
display: none; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header .gridcell-group-title {
position: sticky;
left: 0;
border-right: none !important;
width: 100%;
color: inherit;
background-color: inherit;
width: fit-content; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header .gridcell-group-title > div {
margin: 0 0.5rem 0 0;
filter: brightness(95%);
background-color: inherit;
padding: 0 0.5rem;
display: flex; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header .gridcell-group-title > div > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header .gridcell-group-title > div > span:first-child {
margin-right: 0.1rem; }
.gridview .gridview-container div.gridview-body-container div.gridview-row.gridview-body.gridview-group-header .gridcell-group-title > div > span:last-child {
margin-left: 0.1rem; }
.gridview .gridview-container div.gridview-body-container .gridview-prev-add {
flex-grow: 1; }
.gridview .gridview-container div.gridview-body-container .big-msg .bi {
height: 3rem;
margin: 0.25rem 0rem; }
.gridview .gridview-container div.gridview-body-container .big-msg .lblTitle {
white-space: pre; }
.gridview .gridview-container div.gridview-body-container .big-msg h1.lblTitle {
font-size: 0.75rem;
line-height: 0.8rem; }
.gridview .gridview-container div.gridview-body-container .big-msg h2.lblTitle {
font-size: 0.7rem;
line-height: 0.8rem; }
.gridview .gridview-container .gridview-row {
display: grid;
grid-template-rows: auto;
color: #000D14;
margin: 0; }
.gridview .gridview-container .gridview-row.gridview-body {
width: fit-content; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(odd) {
background-color: #DFEAF2; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(odd):hover {
background-color: #B2D2D9; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(even) {
background-color: #FFFFFF; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(even):hover {
background-color: #B2D2D9; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-selected {
background-color: #A1E0D1; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-selected:nth-child(odd) {
background-color: #C9E9F2; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-selected:nth-child(odd):hover {
background-color: #B2D2D9; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-selected:nth-child(even) {
background-color: #C9E9F2; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-selected:nth-child(even):hover {
background-color: #B2D2D9; }
.gridview .gridview-container .gridview-row form {
display: contents;
background: inherit; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable.gridview-col-enum, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable.gridview-col-select, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable.gridview-col-enum, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable.gridview-col-select, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-col-enum:not(.gridview-cell-inline-editable), .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-col-select:not(.gridview-cell-inline-editable), .gridview .gridview-container .gridview-row .gridview-row-add.gridview-col-enum, .gridview .gridview-container .gridview-row .gridview-row-add.gridview-col-select {
padding: 0 !important;
margin: 0 !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown {
height: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown .form-input.dropdown.cbo, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown .form-input.dropdown.cbo, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown .form-input.dropdown.cbo, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown .form-input.dropdown.cbo {
height: inherit; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown .form-control.dropdown-toggle, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown .form-control.dropdown-toggle {
min-height: unset; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content {
min-height: unset;
padding-bottom: 0;
padding-top: 0; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value {
margin: auto 0.3rem; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-icon, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-cell-edit.gridview-cell-inline-editable .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-icon, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-cell-edit:not(.gridview-cell-inline-editable) .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-icon, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-value, .gridview .gridview-container .gridview-row .gridview-row-add .form-group.select-dropdown .form-control.dropdown-toggle .select-dropdown-content .select-dropdown-icon {
line-height: 1.1rem; }
.gridview .gridview-container .gridview-row .gridview-cell {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
max-width: 100%;
height: 100%;
background: inherit;
border-right: 2px solid white;
padding: 0.2rem 0.3rem;
z-index: 10; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-frozen {
z-index: 15; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable {
background-color: #FFFFFF;
color: #002A40;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus-within {
border: 1px solid #652D90 !important;
box-shadow: none;
color: none;
outline: 0;
border-radius: 0px; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus input, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus select, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus textarea, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus-within input, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus-within select, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:focus-within textarea {
box-shadow: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable:has(.invalid), .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable.invalid {
border: 2px inset #CB2A55 !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-control {
padding: 0 !important;
height: 100% !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable.gridview-col-summary.modal-open {
z-index: calc(1080 - 1) !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable .form-group {
margin-bottom: 0; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable input {
font-size: 0.75rem;
border: none;
border-radius: 0;
width: 100%;
background-color: transparent; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable input:focus {
border: none;
background-color: transparent; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable span.form-input-suffix {
right: 0; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable.gridview-cell-edit {
z-index: calc(10 + 2); }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-inline-editable.gridview-cell-edit.gridview-cell-frozen {
z-index: calc(15 + 2); }
.gridview .gridview-container .gridview-row .gridview-cell > span {
overflow: hidden;
text-overflow: ellipsis;
flex: 1; }
.gridview .gridview-container .gridview-row .gridview-cell > svg {
margin-left: 0.2rem; }
.gridview .gridview-container .gridview-row .gridview-cell .toolbar {
width: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell .toolbar .toolbar-group {
width: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell .toolbar .toolbar-group button {
overflow: hidden;
flex: 1;
margin: 0; }
.gridview .gridview-container .gridview-row .gridview-cell .toolbar .toolbar-group .btn.dropdown-toggle {
padding: 0px; }
.gridview .gridview-container .gridview-row .gridview-cell .toolbar .toolbar-group .btn svg {
margin-left: unset; }
.gridview .gridview-container .gridview-row .gridview-cell > .form-group {
width: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell > .form-group input[type='checkbox'] {
height: 100% !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-chk {
justify-content: center; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-chk span {
text-align: center; }
.gridview .gridview-container .gridview-row .gridview-cell:focus-within, .gridview .gridview-container .gridview-row .gridview-cell:hover {
z-index: calc(10 + 1); }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-frozen:focus-within, .gridview .gridview-container .gridview-row .gridview-cell.gridview-cell-frozen:hover {
z-index: calc(15 + 1); }
.gridview .gridview-container .gridview-row .gridview-cell:focus-visible {
outline: 0.2rem dashed #652D90 !important;
outline-offset: -0.2rem; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-num {
justify-content: flex-end; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-num .grid-numeric-content {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
overflow: hidden; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-num .grid-numeric-content .grid-numeric-prefix {
padding-right: 0.5rem; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-num .grid-numeric-content .grid-numeric-text {
text-align: end;
flex: auto; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-num .grid-numeric-content .grid-numeric-suffix {
padding-left: 0.5rem; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-num input {
text-align: right; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-command button {
background: none;
border: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-command button:hover {
background: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-command:focus-within {
outline: 0;
box-shadow: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel {
padding: 0 !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk {
width: 100%;
height: 100%;
margin-bottom: 0; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control {
padding: 0 !important;
display: flex !important;
justify-content: center;
height: 100%;
width: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control input {
display: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-input:not(:checked) ~ .custom-control-label::before {
border: none;
background-color: transparent; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-input:not(:checked) ~ .custom-control-label::after {
background: var(--i-check7) no-repeat; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-input:checked ~ .custom-control-label::before {
border: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-input:checked ~ .custom-control-label::after {
background: var(--i-check1) no-repeat; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-label {
width: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-label::before {
top: 0 !important;
right: 0 !important;
border-radius: unset;
width: 100%;
height: 100%; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-sel .form-group-chk .custom-control .custom-control-label::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.5rem;
height: 1.5rem; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary.gridview-col-summary-wrapped span {
white-space: break-spaces; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary.modal-open {
z-index: 1090; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary span.summarybox-value {
border: none;
min-height: 18px; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary span.summarybox-value:hover {
background-color: transparent; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary textarea {
padding: 8px !important; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary .summarybox:hover {
background-color: unset; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary .summarybox .form-input-prefix-suffix {
background-color: unset;
border: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-summary .form-group-ro {
border: none;
padding: unset;
margin: unset; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-color .form-group-colorpicker, .gridview .gridview-container .gridview-row .gridview-cell.gridview-col-color .colorPickerBox {
margin-bottom: 0;
margin-left: auto;
margin-right: auto; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-color .colorPickerBox, .gridview .gridview-container .gridview-row .gridview-cell.gridview-col-color .colorPickerBox-dropdown .selected-box {
width: 1.5rem;
height: 1.2rem; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-color .colorPickerBox .btn:focus {
box-shadow: none; }
.gridview .gridview-container .gridview-row .gridview-cell.gridview-col-color .colorPickerBox-dropdown .selected-box {
margin-left: 0; }
.gridview .gridview-container .gridview-row:hover .gridview-cell.gridview-col-sel .form-group-chk .custom-checkbox .custom-control-input {
width: 0px; }
.gridview .gridview-container .gridview-row:hover .gridview-cell.gridview-col-sel .form-group-chk .custom-checkbox .custom-control-input ~ label.custom-control-label::before {
background-color: inherit; }
.gridview .gridview-container .gridview-row:hover .gridview-cell.gridview-col-sel .form-group-chk .custom-checkbox .custom-control-input ~ label.custom-control-label::after {
background: var(--i-check3) no-repeat;
filter: unset; }
.gridview .gridview-container .gridview-row:hover .gridview-cell.gridview-col-sel .form-group-chk .custom-checkbox .custom-control-input:checked ~ label.custom-control-label::before {
background-color: #652D90; }
.gridview .gridview-container .gridview-row:hover .gridview-cell.gridview-col-sel .form-group-chk .custom-checkbox .custom-control-input:checked ~ label.custom-control-label::after {
background: var(--i-check1) no-repeat;
filter: unset; }
.gridview .gridview-container .gridview-row.gridview-header {
background-color: #FFFFFF;
width: fit-content;
color: #002A40; }
.gridview .gridview-container .gridview-row.gridview-header:not(.gridview-has-filter) {
border-bottom: 0.1rem solid #81989C; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell {
position: relative;
background-color: #FFFFFF; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell.gridview-sort {
cursor: pointer; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .bi {
width: 1em;
margin-left: 0.2rem; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .bi.gridview-filter-icon, .gridview .gridview-container .gridview-row.gridview-header .gridview-cell .bi.gridview-sort-icon {
cursor: pointer; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .btn {
background: none;
border: none;
flex: auto;
align-items: center;
justify-content: center;
padding-left: 0 !important;
padding-right: 0 !important; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .btn:hover {
background: none; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .btn:focus-within {
background: none;
outline: 0;
box-shadow: none; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .form-group-chk {
width: 100%; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell span {
font-size: 0.75rem;
line-height: 15px;
font-weight: 500;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
display: inline-block;
flex: 1; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell:hover {
background-color: #f7f7f7;
border-right: 0.2rem solid #b5bec4; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell:hover:not(.gridview-header-dragged) .gridview-resizer {
width: 0.2rem;
opacity: 1;
background-color: #9DB8BE; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell .gridview-resizer {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 0.1rem;
cursor: col-resize;
background-color: transparent; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell.gridview-header-dragged {
opacity: 0.5;
cursor: grabbing; }
.gridview .gridview-container .gridview-row.gridview-header .gridview-cell.gridview-header-dragover[draggable=true]:not(.gridview-header-dragged) {
border-left: 0.15rem solid #9DB8BE; }
.gridview .gridview-container .gridview-row.gridview-header-group {
width: fit-content; }
.gridview .gridview-container .gridview-row.gridview-header-group .gridview-cell:not(.empty-cell) {
font-size: 0.8rem;
background-color: #DFEAF2;
border-bottom: 0.125rem solid #9DB8BE;
justify-content: center;
text-transform: uppercase;
color: #E20177;
line-height: 15px;
font-weight: 500;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
border-top: none;
border-bottom: none;
border-left: var(--group-columns-border-left);
border-right: var(--group-columns-border-right); }
.gridview .gridview-container .gridview-row.gridview-header-group .gridview-cell:not(.empty-cell) ~ .gridview-cell:not(.empty-cell) {
border-left: none !important; }
.gridview .gridview-container .gridview-row.gridview-header-group .gridview-cell:not(.empty-cell) span {
text-align: center; }
.gridview .gridview-container .gridview-row.gridview-header-group .gridview-cell:not(.empty-cell):hover {
background-color: rgba(11, 120, 184, 0.15); }
.gridview .gridview-container .gridview-row.gridview-header-group .gridview-cell.empty-cell {
background-color: #FFFFFF; }
.gridview .gridview-container .gridview-row.gridview-filter {
border-bottom: 0.1rem solid #652D90;
border-top: 0.1rem solid #652D90;
margin-top: 0;
background-color: #DDF2F9;
color: #00205B66;
width: min-content;
z-index: calc(15 + 1); }
.gridview .gridview-container .gridview-row.gridview-filter .form-control.dropdown-toggle {
padding-block: 0; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell {
padding: 0;
z-index: calc(10 + 1);
border-right: 0.15rem solid #DDF2F9;
padding: unset;
background-color: inherit;
color: inherit; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell.gridview-cell-frozen {
z-index: calc(15 + 1) !important; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell:hover {
background-color: #f7f7f7; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell > .form-group {
margin-bottom: unset; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox {
background-color: inherit;
color: inherit; }
@media only screen and (min-width: 992px) {
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox .dropdown-menu {
max-width: 50vw; } }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox.filterbox-filled {
background-color: inherit;
color: inherit; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox .dropdown-control {
background-color: inherit;
color: inherit; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox .dropdown-control > .form-control {
height: 1.4rem;
padding: 0.0rem 0.3rem 0;
background-color: inherit;
color: inherit;
border: none;
font-size: 0.75rem; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox .dropdown-control > .form-control > div {
margin-top: 0.2rem;
width: 100%; }
.gridview .gridview-container .gridview-row.gridview-filter .gridview-cell div.filterbox .dropdown-control:focus-visible {
border: 2px solid #E20177; }
.gridview .gridview-container .gridview-row.gridview-row-edit .gridview-cell:not(.gridview-cell-edit) span, .gridview .gridview-container .gridview-row.gridview-row-add .gridview-cell:not(.gridview-cell-edit) span {
opacity: 0.5; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit {
padding: 1px 0;
background-color: #FFFFFF !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-cell {
padding: 0 0.3rem;
margin: 1px;
background-color: inherit;
color: inherit;
border: inherit; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-command, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-sel {
border: none; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-command .btn, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-sel .btn {
border: 1px solid #DADEE1; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-command:focus, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-command:hover, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-sel:focus, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-sel:hover {
border: none !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-command:focus-within, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit .gridview-col-sel:focus-within {
box-shadow: none; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit {
border: 1px solid #DADEE1;
border-radius: 0.25rem;
z-index: calc(10 + 2) !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit:focus, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit:focus-within {
border: 1px solid #652D90 !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit:hover {
border: 1px solid #652D90 !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit:has(.invalid) {
border: 2px inset #CB2A55 !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit.gridview-cell-frozen {
z-index: calc(15 + 2) !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit .form-control:not(.modal *) {
padding: 0 !important;
height: 100%; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit.gridview-col-summary.modal-open {
z-index: calc(1080 - 1) !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit .form-group {
margin-bottom: 0; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit .form-input-prefix-suffix:not(.modal *) {
border: none;
border-radius: 0;
background-color: transparent; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit .dropdown-toggle {
border: none;
border-radius: 0;
background-color: transparent; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit input {
font-size: 0.75rem;
border: none;
border-radius: 0;
width: 100%;
background-color: transparent; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit input:focus {
border: none;
background-color: transparent; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-edit.gridview-body .gridview-cell-edit span.form-input-suffix {
right: 0; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add {
background-color: #FFFFFF !important;
position: sticky;
position: -webkit-sticky;
z-index: calc(1080 - 1) !important;
margin-bottom: 0.2rem; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add form > div {
margin: 0rem 0.1rem; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-body .gridview-cell-edit {
border: 1px solid #DADEE1;
border-radius: 0.25rem; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-body .gridview-cell-edit:focus, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-body .gridview-cell-edit:focus-within, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-body .gridview-cell-edit:hover {
border: 1px solid #652D90 !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-command, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-sel {
border: none; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-command .btn, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-sel .btn {
border: 1px solid #DADEE1; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-command:focus, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-command:hover, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-sel:focus, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-sel:hover {
border: none !important; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-command:focus-within, .gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.gridview-col-sel:focus-within {
box-shadow: none; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add:not(.addrow-top) {
bottom: 0; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add.addrow-top {
top: 0;
bottom: unset; }
.gridview .gridview-container .gridview-row.gridview-body.gridview-row-add .gridview-cell-edit .form-input span.form-input-suffix {
top: 0.2rem; }
.gridview .gridview-container .gridview-row.gridview-calc {
background-color: #FFFFFF !important;
width: min-content; }
.gridview .gridview-container .gridview-row.gridview-calc .gridview-cell {
font-weight: bold; }
.gridview .gridview-container .gridview-row.gridview-calc .gridview-cell.gridview-col-num {
justify-content: flex-end; }
.gridview .gridview-container .gridview-row.gridview-calc .gridview-cell.gridview-col-num > span {
flex: initial; }
.gridview .gridview-container .gridview-row.gridview-footer {
grid-template-columns: 1fr auto auto !important;
grid-auto-flow: initial !important;
border-top: 0.1rem solid #9DB8BE;
z-index: 10; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell {
background-color: white;
place-self: center;
width: 100%;
justify-content: flex-end; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-cbo, .gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-numeric {
width: fit-content;
margin-bottom: unset; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-cbo .select-dropdown-value, .gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-numeric .select-dropdown-value {
width: max-content; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-cbo:focus-visible {
outline: initial; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-cbo .select-dropdown-content {
padding: 0; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-numeric {
max-width: 6em; }
.gridview .gridview-container .gridview-row.gridview-footer .gridview-cell .gridview-paging-numeric .form-input .form-control {
max-height: 31px; }
.gridview .gridview-container .gridview-row .gridview-col-separator {
display: flex;
flex-direction: column;
align-items: center; }
.gridview .gridview-container .gridview-row .gridview-col-separator .gridview-separator-dotted-line {
border-right: 2px dashed #FFFFFF;
height: 100%;
width: 1px; }
.gridview .gridview-container .gridview-row .gridview-col-separator .gridview-separator-round {
height: 10px;
width: 10px;
background-color: #FFFFFF;
border-radius: 50%; }
.gridview .gridview-container .gridview-row .gridview-col-separator .gridview-separator-round-top {
margin-top: -5px;
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.14); }
.gridview .gridview-container .gridview-row .gridview-col-separator .gridview-separator-round-bottom {
margin-bottom: -5px;
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.14); }
.gridview .frameTitle {
flex-wrap: wrap; }
.gridview .headerFrameContent {
order: 3;
min-width: 100%;
margin-left: unset !important; }
.gridview .headerFrameContent .gridview-filtersSummary {
display: flex; }
.gridview .headerFrameContent .gridview-filtersSummary div:first-child {
order: 1; }
.gridview .headerFrameContent .gridview-filtersSummary div:last-child {
order: 2; }
.gridview .headerFrameContent .gridview-filtersSummary .gridview-filtersSummary-elt {
display: flex;
background-color: #EEF9FD;
margin: 0 0.5rem 0 0;
overflow-x: hidden;
white-space: nowrap;
max-width: 45%; }
.gridview .headerFrameContent .gridview-filtersSummary .gridview-filtersSummary-elt .gridview-filtersSummary-name {
color: #E20177;
background-color: #EEF9FD;
padding: 0.2rem 0 0.2rem 0.4rem;
white-space: nowrap; }
.gridview .headerFrameContent .gridview-filtersSummary .gridview-filtersSummary-elt .gridview-filtersSummary-value {
padding: 0.2rem;
background-color: #EEF9FD;
color: #E20177;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.gridview.frameRoot {
display: flex;
flex-direction: column; }
.gridview.frameRoot .gridview-container {
display: grid;
grid-template-rows: 1fr min-content min-content; }
.gridview.frameRoot div[role="presentation"] {
display: grid;
grid-template-rows: min-content auto; }
.gridview.frameRoot .frameContent, .gridview.frameRoot .gridview-container, .gridview.frameRoot div[role="presentation"] {
height: 100%;
overflow-y: hidden; }
.gridview .gridview-container .gridview-cell-title {
white-space: pre; }
.gridview .gridview-row > .sr-only {
top: 0; }
.gridview-card .gridview-container {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-body-container .gridview-row {
margin: 0.3rem 0.3rem 0.8rem 0.2rem;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
border-radius: 0.3rem; }
.gridview-card .gridview-container .gridview-body-container .gridview-body {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-body-container .gridview-body:nth-child(odd) {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-body-container .gridview-body:nth-child(even) {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-row.gridview-header .gridview-cell {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-header-scroll {
padding-bottom: 1px; }
.gridview-card .gridview-container .gridview-header-scroll .gridview-cell.empty-cell {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-footer {
border-top: none !important; }
.gridview-card .gridview-container .gridview-footer .gridview-cell {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-calc-scroll .gridview-cell {
background-color: #FFFFFF; }
.gridview-card .gridview-container .gridview-cell {
border-left: none !important;
border-right: none !important; }
.gridview-card .gridview-container .gridview-row.gridview-header:not(.gridview-has-filter) {
border-bottom: none !important; }
.gridview-card .gridview-container .gridview-row.gridview-filter {
border-bottom: none !important; }
.gridview-card .gridview-container .gridview-row.gridview-footer {
border-top: none !important; }
.gridview-card .frameHeader {
background-color: #FFFFFF !important; }
.gridview-card .frameContent {
background-color: #FFFFFF !important; }
.gridview-body-container .lg-loader {
margin-top: 2em; }
.profile-list.scrollable {
max-height: 15rem;
overflow-y: auto; }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-ThinItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-ExtraLightItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-LightItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-MediumItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-BoldItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-ExtraBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-BlackItalic.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Thin.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-ExtraLight.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Light.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Medium.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Bold.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("_content/Lagoon.UI.Custom/fonts/Poppins-Black.ttf") format("truetype"); }
input:-internal-autofill-selected {
background-color: #FFFFFF !important; }
.form-group {
position: relative; }
.form-group .lbl {
z-index: 1;
position: absolute;
top: 0px;
padding-left: 0.7rem;
-webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
transition: color .2s ease-out,-webkit-transform .2s ease-out;
transition: transform .2s ease-out,color .2s ease-out;
transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: translateY(12px);
transform: translateY(12px); }
.form-group .lbl.lblActive, .form-group:not(.disabled) > .summarybox:focus-within + label.lbl {
-webkit-transform: translateY(6px) scale(0.9);
transform: translateY(2px) scale(0.9);
-webkit-transform-origin: 0 0;
transform-origin: 0 0; }
.form-group input {
height: 38px;
padding: 0.8rem 0.6rem 0 0.6rem; }
.form-group input:hover {
background-color: #f7f7f7; }
.form-group.input-without-lbl input {
font-size: 0.75rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem; }
.multi-line textarea {
padding: 0px 0.5rem !important; }
.multi-line textarea:hover {
background-color: #f7f7f7; }
.multi-line > .form-input {
padding: 0.9rem 0 0 0;
border: 1px solid #ced4da;
border-radius: 5px; }
.multi-line > .form-input .form-control {
border: none;
border-radius: 0 0 5px 5px; }
.multi-line > .form-input .form-control:focus {
border: none; }
.multi-line > .form-input:hover {
background-color: #f7f7f7; }
.multi-line > .form-input:focus {
box-shadow: none !important;
border: 1px solid #E20177; }
.multi-line > .form-input .form-input-prefix, .multi-line > .form-input .form-input-suffix {
padding-top: 0; }
.multi-line.input-without-lbl > .form-input {
padding: 0; }
.form-control {
border-color: #ced4da; }
.form-control:focus {
box-shadow: none !important;
border: 1px solid #E20177; }
.form-input.form-input-prefix-suffix {
border-color: #ced4da; }
.form-input.form-input-prefix-suffix:hover {
background-color: #f7f7f7; }
.form-input.form-input-prefix-suffix:hover input, .form-input.form-input-prefix-suffix:hover .form-control {
background-color: #f7f7f7; }
.form-input.form-input-prefix-suffix:focus-within {
box-shadow: none !important;
border: 1px solid #E20177; }
.form-group-ro {
position: relative; }
.form-group-ro, .form-group-chk, .form-group-htmleditor, .form-group-colorpicker {
display: flex;
flex-direction: column; }
.form-group-ro .lbl, .form-group-chk .lbl, .form-group-htmleditor .lbl, .form-group-colorpicker .lbl {
order: 0;
position: relative;
padding-left: 0;
transform: unset;
margin-bottom: 0.1rem; }
.form-group-ro .txtb-ro, .form-group-ro .ntb-ro, .form-group-ro .dtb-ro, .form-group-chk .txtb-ro, .form-group-chk .ntb-ro, .form-group-chk .dtb-ro, .form-group-htmleditor .txtb-ro, .form-group-htmleditor .ntb-ro, .form-group-htmleditor .dtb-ro, .form-group-colorpicker .txtb-ro, .form-group-colorpicker .ntb-ro, .form-group-colorpicker .dtb-ro {
order: 1; }
.form-group-ro .jodit-container, .form-group-ro .colorPickerBox, .form-group-chk .jodit-container, .form-group-chk .colorPickerBox, .form-group-htmleditor .jodit-container, .form-group-htmleditor .colorPickerBox, .form-group-colorpicker .jodit-container, .form-group-colorpicker .colorPickerBox {
order: 1; }
.form-group.readonly, .form-group-ro {
border-left: 2px solid #61767B;
padding-left: 0.4rem;
margin-left: 0.4rem;
margin-right: -0.4rem; }
.form-group-ro .txtb-ro, .form-group-ro .ntb-ro, .form-group-ro .dtb-ro, .form-group-chk .txtb-ro, .form-group-chk .ntb-ro, .form-group-chk .dtb-ro {
padding-left: 0; }
.form-group-colorpicker.form-group-ro .colorPickerBox {
margin-bottom: 0; }
.form-group-colorpicker.form-group-ro .colorPickerBox .input-color.form-group-ro {
border-left: 0; }
.disabled .form-input:not(.form-input-prefix-suffix) input, .disabled .form-input textarea {
background-color: rgba(212, 212, 212, 0.5);
color: #81989C; }
.disabled .form-input.form-input-prefix-suffix {
background-color: rgba(212, 212, 212, 0.5);
color: #81989C; }
.disabled .form-input.form-input-prefix-suffix input, .disabled .form-input.form-input-prefix-suffix textarea, .disabled .form-input.form-input-prefix-suffix .form-control {
background-color: initial; }
.disabled .form-input.form-input-prefix-suffix:hover {
background-color: rgba(212, 212, 212, 0.5) !important; }
.disabled .form-input.form-input-prefix-suffix:hover input, .disabled .form-input.form-input-prefix-suffix:hover textarea, .disabled .form-input.form-input-prefix-suffix:hover .form-control {
background-color: initial; }
.form-group:not(.form-group-ro) .lbl {
display: flex; }
.form-group:not(.form-group-ro) .lbl span.form-input-prefix {
order: -1;
visibility: hidden;
display: block;
padding: 0 0.3rem;
height: 38px; }
.summarybox .dropdown-menu, .summarybox .modal {
border: 1px solid #ced4da; }
.summarybox:hover {
background-color: #f7f7f7; }
.form-group .summarybox .summarybox-value:not(.txtb-ro) {
padding: 0.8rem 0.6rem 0 0.6rem; }
.form-input-ntb .suffix {
padding-top: 0.8rem; }
header .navbar-nav > .nav-item > .nav-link {
border-radius: 0; }
.color-pal {
min-height: 75px; }
.color-pal-pr3 {
background-color: #E20177; }
.color-pal-pr2 {
background-color: #E20177; }
.color-pal-pr1 {
background-color: #652D90; }
.color-pal-se3 {
background-color: #E20177; }
.color-pal-se2 {
background-color: #E20177; }
.color-pal-se1 {
background-color: #652D90; }
.color-pal-light3 {
background-color: #f7f7f7; }
.color-pal-light2 {
background-color: #f7f7f7; }
.color-pal-light1 {
background-color: #f7f7f7; }
.color-pal-light0 {
background-color: #FFFFFF;
border: 1px solid #dedede; }
.color-pal-light1-3 {
background-color: rgba(247, 247, 247, 0.3); }
.color-pal-dark3 {
background-color: #000D14;
color: white; }
.color-pal-dark2 {
background-color: #001926;
color: white; }
.color-pal-dark1 {
background-color: #002A40;
color: white; }
.color-pal-gray3 {
background-color: #61767B; }
.color-pal-gray2 {
background-color: #81989C; }
.color-pal-gray1 {
background-color: #9DB8BE; }
.color-pal-gray0 {
background-color: #D4D4D4; }
.color-pal-gray0-50 {
background-color: rgba(212, 212, 212, 0.5); }
.color-pal-error {
background-color: #CB2A55; }
.color-pal-success {
background-color: #62AC87; }
.color-pal-info {
background-color: #299EE1; }
.color-pal-warning {
background-color: #DF7430; }
.color-pal-error-10 {
background-color: rgba(203, 42, 85, 0.1); }
.color-pal-success-10 {
background-color: rgba(98, 172, 135, 0.1); }
.side-tab-nav .frameRoot .frameHeader {
padding-left: 1rem;
padding-right: 1rem;
background-color: transparent !important; }
.side-tab-nav .frameRoot .frameHeader:hover {
background-color: #f7f7f7; }
.side-tab-nav .frameRoot .frameHeader:focus-visible {
border: 2px solid #E20177;
border-radius: 3px;
outline-color: #E20177; }
.side-tab-nav .frameRoot .frameHeader .lblTitle {
font-weight: 500;
font-size: 0.75rem; }
.side-tab-nav .frameRoot .frameHeader .frameCollapseIcon {
position: absolute;
right: 1.6rem;
margin-left: 0.3rem; }
.side-tab-nav .frameRoot .frameContent {
padding-left: 0;
padding-right: 0;
background-color: transparent !important; }
.side-tab-nav .lg-side-tab {
border-left: 2px solid #9DB8BE; }
.side-tab-nav .lg-side-tab.active, .side-tab-nav .lg-side-tab:active {
border-left: 2px solid #E20177; }
.side-tab-nav .lg-side-tab:focus-visible {
border: 2px solid #E20177;
outline: none; }
.side-tab-nav .lg-side-tab.disabled {
border-left: 2px solid #9DB8BE;
color: #9DB8BE !important; }
.form-group:not(.form-group-ro) .custom-switch .custom-control-label::before {
height: 0.75rem;
margin-top: 0.1em; }
.form-group:not(.form-group-ro) .custom-switch .custom-control-label::after {
width: 1.1rem;
height: 1.1rem;
right: -1.65rem; }
.action-pnl {
border-radius: 2px; }
.action-pnl .btn:hover {
border-radius: 0; }
.list-view-col-itemtpl {
width: calc(100% - 2rem);
padding-top: 0.3rem; }
.list-view-header-rightside form .form-group .lbl {
padding-right: 0.5rem;
margin-top: 0.4rem; }
.list-view-header-rightside .list-view-sort-action .lblActive, .list-view-header-rightside .list-view-sort-action .form-group:not(.disabled) > .summarybox:focus-within + label.lbl {
position: relative;
order: -1; }
.list-view-header-rightside .list-view-sort-action .listview-sortprop .select-dropdown-value {
padding-top: inherit !important; }
.tooltip-inner {
border-left: 3px solid #E20177 !important; }
.bs-tooltip-right .arrow::after, .bs-tooltip-auto[x-placement^="right"] .arrow::after {
content: "";
position: absolute;
left: 100%;
z-index: -1;
transform-origin: 0 0;
transform: rotate(45deg);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.bs-tooltip-bottom .arrow::after, .bs-tooltip-auto[x-placement^="bottom"] .arrow::after {
position: absolute;
content: ' ';
z-index: -1;
top: 0.4rem;
left: 0.4rem;
width: 0.4rem;
height: 0.8rem;
transform-origin: 0 0;
transform: rotate(-45deg);
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #FFFFFF;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.bs-tooltip-top .arrow::after, .bs-tooltip-auto[x-placement^="top"] .arrow::after {
position: absolute;
content: ' ';
z-index: -1;
bottom: 0.2rem;
left: 0.2rem;
transform: rotate(-45deg);
width: 0.8rem;
height: 0.4rem;
border-width: 0.4rem 0.4rem 0;
border-top-color: #FFFFFF;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.bs-tooltip-left .arrow::after, .bs-tooltip-auto[x-placement^="left"] .arrow::after {
position: absolute;
content: ' ';
z-index: -1;
left: -0.2rem;
transform-origin: 0 0.4rem;
transform: rotate(45deg);
width: 0.4rem;
height: 0.8rem;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #FFFFFF;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.auth-layout h1 {
margin-bottom: 1rem; }
.login-area {
height: 100vh;
display: flex; }
.login-area .area-appname {
background: linear-gradient(45deg, #17637B, #269FC7);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center; }
.login-area .area-appname #brand-logo {
order: 0; }
.login-area .area-appname .app-name-version {
order: 1; }
.login-area .area-appname .app-name-version .app-version {
position: absolute;
bottom: 1rem;
right: 1.5rem; }
.login-area .area-login {
background: #F6F6F6;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center; }
.login-area .area-login .area-form-login {
width: 50%; }
.login-area .area-additional-auth .btn-additional-auth {
border: 1px solid white;
margin-top: 0.2rem; }
.group-choice-area .custom-control {
padding-bottom: 0.5rem; }
.navbar .globalsearch-content .globalSearch-dropdown .form-group .form-input input, .navbar .suggest-box .globalSearch-dropdown .form-group .form-input input {
height: 30px !important; }
.suggest-box input {
padding-top: 1rem !important; }
.global-search.form-group-ro .lbl, .suggest-box.form-group-ro .lbl {
padding-left: unset !important; }
.global-search.form-group-ro > .form-input, .suggest-box.form-group-ro > .form-input {
order: 1; }
.global-search.form-group:not(.form-group-ro) > .lbl, .suggest-box.form-group:not(.form-group-ro) > .lbl {
padding-left: 2rem !important; }
.about .about-app-info, .about .about-app-owner-info, .about .about-app-developer-info {
border-left: 2px solid #E20177; }
.navbar-vertical-fixed {
padding: 0.55rem 0 0 0 !important; }
.navbar-vertical-fixed .dropdown-header {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.sidebar-expanded {
width: 10rem; }
.mainSidebar-expanded {
padding-left: 10rem; }
.sidebar-collapsed {
width: 2.8rem; }
.mainSidebar-collapsed {
padding-left: 2.8rem; }
.sidebar-submenu {
font-size: 0.9rem; }
.sidebar-separator-title {
color: #0085AD;
height: 35px; }
.sidebar-separator {
background-color: 85AD;
height: 25px; }
.select-dropdown.select-without-lbl .select-dropdown-value {
padding-top: 0.25rem !important;
font-size: 0.85rem; }
.select-dropdown.select-without-lbl button.dropdown-toggle {
padding-top: 0 !important; }
.select-dropdown button.dropdown-toggle {
border: 1px solid #ced4da; }
.select-dropdown button.dropdown-toggle:focus {
box-shadow: none !important;
border: 1px solid #E20177; }
.select-dropdown button.dropdown-toggle .select-dropdown-content {
font-size: 0.775rem;
background-color: transparent; }
.select-dropdown button.dropdown-toggle .select-dropdown-content .select-dropdown-value .select-placehoder {
margin-left: 0; }
.select-dropdown button.dropdown-toggle .select-dropdown-content .select-dropdown-value {
padding-top: 0.5rem; }
.select-dropdown .select-option-text {
font-size: 0.775rem; }
.select-dropdown-simple button.dropdown-toggle:hover, .select-dropdown-multiple button.dropdown-toggle:hover {
background-color: #f7f7f7 !important; }
.select-dropdown-multiple button.dropdown-toggle:has(.select-dropdown-value:not(:empty)) {
padding-top: 0.8rem !important; }
.select-dropdown-multiple button.dropdown-toggle .select-dropdown-content .select-dropdown-value {
padding-top: 0.1rem; }
.select-dropdown-multiple .select-remaining {
line-height: 1.1rem; }
.select-dropdown.readonly .lbl {
margin-bottom: 0; }
.select-dropdown.readonly .cbo-ro {
flex: 1 1;
order: 2; }
.select-element .select-element-icon {
margin-right: 0.2rem; }
.select-element .select-element-icon .bi {
width: 0.8rem;
height: 0.8rem; }
.filter-tab .form-group input, .no-tab .form-group input {
height: 2.2em !important; }
.filter-tab .form-group .lbl:not(.lblActive), .no-tab .form-group .lbl:not(.lblActive) {
transform: translateY(6px); }
.filter-tab .form-group .lbl.lblActive, .filter-tab .form-group:not(.disabled) > .summarybox:focus-within + label.lbl, .no-tab .form-group .lbl.lblActive, .no-tab .form-group:not(.disabled) > .summarybox:focus-within + label.lbl {
transform: translateY(0px) scale(0.9); }
.form-group-toggle .lbl {
position: relative;
order: 0;
padding-left: 0;
transform: unset;
margin-bottom: 0.1rem; }
.slider-ro {
border-left: 2px solid #61767B;
padding-left: 0.4rem; }
header {
background: linear-gradient(to right, black, black) !important; }
.auth-layout .login-area .area-appname #brand-logo {
width: 20rem !important; }
.login-area .area-appname {
background: linear-gradient(to right, black, black) !important; }
.auth-layout {
background: linear-gradient(to right, black, black) !important; }
.app-loading {
background: linear-gradient(to right, black, black) !important; }
.authentication-step-container {
background: linear-gradient(to right, black, black) !important; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(odd) {
background-color: rgba(101, 45, 144, 0.03) !important; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(odd):hover {
background-color: rgba(101, 45, 144, 0.1) !important; }
.gridview .gridview-container .gridview-row.gridview-body:nth-child(even):hover {
background-color: #ebebeb !important; }
.gridview .gridview-container .gridview-row.gridview-header-group .gridview-cell:not(.empty-cell) {
color: black !important;
background-color: rgba(101, 45, 144, 0.1) !important; }
.pagination a.active {
background-color: #652D90 !important;
border: 1px solid #652D90 !important; }
.pagination a.active:hover {
background-color: #652D90 !important;
border: 1px solid #652D90 !important;
color: white; }
.lblColor {
color: rgba(101, 45, 144, 0.75) !important; }
.form-group.readonly, .form-group-ro {
border-left-color: rgba(101, 45, 144, 0.75) !important; }
.subTitle {
display: block;
font-size: larger; }
.encart {
padding-bottom: 10px !important; }
.encart h2.lblTitle, .grilleDenombrements h2.lblTitle {
font-size: 0.9rem !important; }
.grilleDenombrements h2.lblTitle {
color: rgba(101, 45, 144, 0.75) !important; }
.grilleDenombrements {
position: relative !important;
margin-left: -0.5rem !important; }
.atb-color-primary1 {
color: #652D90; }
.width80 {
width: 80%; }
.card-doc {
width: 18em;
height: 7em; }
.position-initial {
position: initial !important; }
.icon-upload {
width: 2.5em;
height: 2.5em;
margin-top: 1.5em; }
.icon-delete {
width: 1.3em;
height: 1.3em; }
.button-size {
width: 17em;
height: 10em; }
.button-upload-size {
width: 7em;
height: 7em; }
.button-mail-upload-size {
width: 10em;
height: 10em; }
.button-upload-size .lbl {
text-align: center; }
.button-mail-upload-size .lbl {
text-align: center; }
.delete-margin {
margin: 0; }
.event-date {
font-size: 12px;
line-height: 16px; }
.img-size {
position: absolute;
top: 0px;
left: 0px;
width: 1.5rem; }
.file-caracteristic {
margin-left: -10px;
height: 20px;
overflow: hidden; }
.no-padding {
padding: 0px; }
.margin-block {
margin-top: 8px; }
.download-class {
position: absolute;
top: -5px;
left: -5px;
margin: 3px;
z-index: 100; }
.download-hover-class svg {
visibility: hidden; }
.download-hover-class:hover svg {
visibility: visible;
cursor: pointer; }
.clickable {
cursor: pointer; }
.download-hover-class:hover img {
visibility: hidden; }
.icon-download-hover {
width: 1.5rem;
height: 1.5rem; }
.author-style-doc {
background-color: rgba(101, 45, 144, 0.2);
text-align: center;
border-radius: 50%;
width: 2em;
height: 2em;
display: flex;
align-items: center;
justify-content: center; }
.button-size {
width: 17em;
height: 10em; }
.list-suivi {
max-height: 15em !important;
overflow-y: scroll !important;
overflow-x: hidden !important; }
.enAttente {
background-color: lightgray !important;
color: black !important; }
.supQuinzeJours {
background-color: white !important;
color: black !important; }
.headerCarteAccueil .headerFrameContent {
margin-left: 0px !important; }