public_html/layouts/basic/styles/Main.css
@charset "UTF-8";
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
/*!
* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #337ab7;
--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: #0072da;
--secondary: #5e666c;
--success: #3eac33;
--info: #17a2b8;
--warning: #ffc107;
--danger: #d15d5d;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-xsm: 400px;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1300px;
--breakpoint-xxxl: 1800px;
--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: -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-size: 1rem;
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: 0.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: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0072da;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #004a8e;
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: 0.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: 2.5rem;
}
@media (max-width: 1200px) {
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
}
h2, .h2 {
font-size: 2rem;
}
@media (max-width: 1200px) {
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
}
h3, .h3 {
font-size: 1.75rem;
}
@media (max-width: 1200px) {
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
}
h4, .h4 {
font-size: 1.5rem;
}
@media (max-width: 1200px) {
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
.lead {
font-size: 1.25rem;
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,
.c-side-block,
.dashboardWidget .dashboardWidgetContent,
.c-tab--small,
.detailViewInfo .dropdown.tabdrop,
.u-text-small-bold {
font-size: 0.875em;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
display: block;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.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-xsm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container-xsm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container-xsm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container-xsm, .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-xxxl,
.col-xxxl-auto, .col-xxxl-12, .col-xxxl-11, .col-xxxl-10, .col-xxxl-9, .col-xxxl-8, .col-xxxl-7, .col-xxxl-6, .col-xxxl-5, .col-xxxl-4, .col-xxxl-3, .col-xxxl-2, .col-xxxl-1, .col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .c-panel__body, .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, .c-panel__label, .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-xsm,
.col-xsm-auto, .col-xsm-12, .col-xsm-11, .col-xsm-10, .col-xsm-9, .col-xsm-8, .col-xsm-7, .col-xsm-6, .col-xsm-5, .col-xsm-4, .col-xsm-3, .col-xsm-2, .col-xsm-1, .col,
.col-auto, .col-12, .js-css-element-queries .col-ceq-xsm-6, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .js-css-element-queries[min-width~="400px"] .col-ceq-xsm-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, .js-css-element-queries[min-width~="400px"] .col-ceq-xsm-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, .js-css-element-queries .col-ceq-xsm-6 {
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: 400px) {
.col-xsm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xsm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xsm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xsm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xsm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xsm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xsm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xsm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xsm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xsm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xsm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xsm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xsm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xsm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xsm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xsm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xsm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xsm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xsm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xsm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xsm-first {
order: -1;
}
.order-xsm-last {
order: 13;
}
.order-xsm-0 {
order: 0;
}
.order-xsm-1 {
order: 1;
}
.order-xsm-2 {
order: 2;
}
.order-xsm-3 {
order: 3;
}
.order-xsm-4 {
order: 4;
}
.order-xsm-5 {
order: 5;
}
.order-xsm-6 {
order: 6;
}
.order-xsm-7 {
order: 7;
}
.order-xsm-8 {
order: 8;
}
.order-xsm-9 {
order: 9;
}
.order-xsm-10 {
order: 10;
}
.order-xsm-11 {
order: 11;
}
.order-xsm-12 {
order: 12;
}
.offset-xsm-0 {
margin-left: 0;
}
.offset-xsm-1 {
margin-left: 8.33333333%;
}
.offset-xsm-2 {
margin-left: 16.66666667%;
}
.offset-xsm-3 {
margin-left: 25%;
}
.offset-xsm-4 {
margin-left: 33.33333333%;
}
.offset-xsm-5 {
margin-left: 41.66666667%;
}
.offset-xsm-6 {
margin-left: 50%;
}
.offset-xsm-7 {
margin-left: 58.33333333%;
}
.offset-xsm-8 {
margin-left: 66.66666667%;
}
.offset-xsm-9 {
margin-left: 75%;
}
.offset-xsm-10 {
margin-left: 83.33333333%;
}
.offset-xsm-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, .c-panel__label {
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, .c-panel__body {
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%;
}
}
@media (min-width: 1300px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xxl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
order: -1;
}
.order-xxl-last {
order: 13;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1800px) {
.col-xxxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xxxl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxxl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxxl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xxxl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxxl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxxl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxxl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xxxl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xxxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxxl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xxxl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xxxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxxl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xxxl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xxxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxxl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xxxl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xxxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxxl-first {
order: -1;
}
.order-xxxl-last {
order: 13;
}
.order-xxxl-0 {
order: 0;
}
.order-xxxl-1 {
order: 1;
}
.order-xxxl-2 {
order: 2;
}
.order-xxxl-3 {
order: 3;
}
.order-xxxl-4 {
order: 4;
}
.order-xxxl-5 {
order: 5;
}
.order-xxxl-6 {
order: 6;
}
.order-xxxl-7 {
order: 7;
}
.order-xxxl-8 {
order: 8;
}
.order-xxxl-9 {
order: 9;
}
.order-xxxl-10 {
order: 10;
}
.order-xxxl-11 {
order: 11;
}
.order-xxxl-12 {
order: 12;
}
.offset-xxxl-0 {
margin-left: 0;
}
.offset-xxxl-1 {
margin-left: 8.33333333%;
}
.offset-xxxl-2 {
margin-left: 16.66666667%;
}
.offset-xxxl-3 {
margin-left: 25%;
}
.offset-xxxl-4 {
margin-left: 33.33333333%;
}
.offset-xxxl-5 {
margin-left: 41.66666667%;
}
.offset-xxxl-6 {
margin-left: 50%;
}
.offset-xxxl-7 {
margin-left: 58.33333333%;
}
.offset-xxxl-8 {
margin-left: 66.66666667%;
}
.offset-xxxl-9 {
margin-left: 75%;
}
.offset-xxxl-10 {
margin-left: 83.33333333%;
}
.offset-xxxl-11 {
margin-left: 91.66666667%;
}
}
.table, .c-detail-widget__table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
}
.table th, .c-detail-widget__table th,
.table td,
.c-detail-widget__table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th, .c-detail-widget__table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody, .c-detail-widget__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: #b8d8f5;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #7ab6ec;
}
.table-hover .table-primary:hover {
background-color: #a2ccf2;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #a2ccf2;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d2d4d6;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #abafb3;
}
.table-hover .table-secondary:hover {
background-color: #c5c7ca;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c5c7ca;
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #c9e8c6;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #9bd495;
}
.table-hover .table-success:hover {
background-color: #b8e1b4;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b8e1b4;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #86cfda;
}
.table-hover .table-info:hover {
background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f2d2d2;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #e7abab;
}
.table-hover .table-danger:hover {
background-color: #ecbebe;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #ecbebe;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfcfc;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95999c;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.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, .c-detail-widget__table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
}
.table .thead-light th, .c-detail-widget__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: 399.98px) {
.table-responsive-xsm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xsm > .table-bordered {
border: 0;
}
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
@media (max-width: 1299.98px) {
.table-responsive-xxl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xxl > .table-bordered {
border: 0;
}
}
@media (max-width: 1799.98px) {
.table-responsive-xxxl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xxxl > .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: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
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: #5bb1ff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.25);
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
appearance: none;
}
select.form-control:-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: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm .form-control-plaintext.form-control, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .form-control-plaintext.form-control, .form-control-plaintext.form-control-lg, .input-group-lg .form-control-plaintext.form-control {
padding-right: 0;
padding-left: 0;
}
.form-control-sm, .input-group-sm .form-control, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .form-control {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.form-control-lg, .input-group-lg .form-control {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
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: 0.875em;
color: #3eac33;
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(62, 172, 51, 0.9);
border-radius: 0.25rem;
}
.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: #3eac33;
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='%233eac33' 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: #3eac33;
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 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: #3eac33;
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='%233eac33' 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: #3eac33;
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #3eac33;
}
.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: #3eac33;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #3eac33;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #55c949;
background-color: #55c949;
}
.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(62, 172, 51, 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: #3eac33;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #3eac33;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #3eac33;
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #d15d5d;
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(209, 93, 93, 0.9);
border-radius: 0.25rem;
}
.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: #d15d5d;
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='%23d15d5d' 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='%23d15d5d' 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: #d15d5d;
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 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: #d15d5d;
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='%23d15d5d' 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='%23d15d5d' 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: #d15d5d;
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #d15d5d;
}
.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: #d15d5d;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #d15d5d;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #dc8585;
background-color: #dc8585;
}
.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(209, 93, 93, 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: #d15d5d;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #d15d5d;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #d15d5d;
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 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: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
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) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 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: #0072da;
border-color: #0072da;
}
.btn-primary:hover {
color: #fff;
background-color: #005eb4;
border-color: #0057a7;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #005eb4;
border-color: #0057a7;
box-shadow: 0 0 0 0.2rem rgba(38, 135, 224, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #0072da;
border-color: #0072da;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0057a7;
border-color: #00519a;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 135, 224, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #5e666c;
border-color: #5e666c;
}
.btn-secondary:hover {
color: #fff;
background-color: #4c5358;
border-color: #464c51;
}
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: #4c5358;
border-color: #464c51;
box-shadow: 0 0 0 0.2rem rgba(118, 125, 130, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #5e666c;
border-color: #5e666c;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #464c51;
border-color: #40464a;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(118, 125, 130, 0.5);
}
.btn-success {
color: #fff;
background-color: #3eac33;
border-color: #3eac33;
}
.btn-success:hover {
color: #fff;
background-color: #338e2a;
border-color: #308527;
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #338e2a;
border-color: #308527;
box-shadow: 0 0 0 0.2rem rgba(91, 184, 82, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #3eac33;
border-color: #3eac33;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #308527;
border-color: #2c7b24;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(91, 184, 82, 0.5);
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
color: #fff;
background-color: #d15d5d;
border-color: #d15d5d;
}
.btn-danger:hover {
color: #fff;
background-color: #c93f3f;
border-color: #c33838;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c93f3f;
border-color: #c33838;
box-shadow: 0 0 0 0.2rem rgba(216, 117, 117, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #d15d5d;
border-color: #d15d5d;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c33838;
border-color: #ba3535;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 117, 117, 0.5);
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
color: #0072da;
border-color: #0072da;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0072da;
border-color: #0072da;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #0072da;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #0072da;
border-color: #0072da;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.5);
}
.btn-outline-secondary {
color: #5e666c;
border-color: #5e666c;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #5e666c;
border-color: #5e666c;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(94, 102, 108, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #5e666c;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #5e666c;
border-color: #5e666c;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(94, 102, 108, 0.5);
}
.btn-outline-success {
color: #3eac33;
border-color: #3eac33;
}
.btn-outline-success:hover {
color: #fff;
background-color: #3eac33;
border-color: #3eac33;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #3eac33;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #3eac33;
border-color: #3eac33;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.5);
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
color: #d15d5d;
border-color: #d15d5d;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #d15d5d;
border-color: #d15d5d;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #d15d5d;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #d15d5d;
border-color: #d15d5d;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #0072da;
text-decoration: none;
}
.btn-link:hover {
color: #004a8e;
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.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.width {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.width {
transition: none;
}
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 400px) {
.dropdown-menu-xsm-left {
right: auto;
left: 0;
}
.dropdown-menu-xsm-right {
right: 0;
left: auto;
}
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
}
@media (min-width: 1300px) {
.dropdown-menu-xxl-left {
right: auto;
left: 0;
}
.dropdown-menu-xxl-right {
right: 0;
left: auto;
}
}
@media (min-width: 1800px) {
.dropdown-menu-xxxl-left {
right: auto;
left: 0;
}
.dropdown-menu-xxxl-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.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.125rem;
}
.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.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item, .related .dropdown-menu .nav-link {
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, .related .dropdown-menu .nav-link:hover, .dropdown-item:focus, .related .dropdown-menu .nav-link:focus {
color: #16181b;
text-decoration: none;
background-color: #e9ecef;
}
.dropdown-item.active, .related .dropdown-menu .active.nav-link, .dropdown-item:active, .related .dropdown-menu .nav-link:active {
color: #fff;
text-decoration: none;
background-color: #0072da;
}
.dropdown-item.disabled, .related .dropdown-menu .disabled.nav-link, .dropdown-item:disabled, .related .dropdown-menu .nav-link:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
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.5625rem;
padding-left: 0.5625rem;
}
.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.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -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: 1rem;
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: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea), .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .form-control:not(textarea),
.input-group-sm > .custom-select,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .custom-select {
height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .form-control,
.input-group-sm > .custom-select,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select,
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group > .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.5rem;
padding-left: 1.5rem;
print-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.25rem;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #0072da;
background-color: #0072da;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #5bb1ff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #8ec9ff;
border-color: #8ec9ff;
}
.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: #e9ecef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: 1px solid #adb5bd;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
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: #0072da;
background-color: #0072da;
}
.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(0, 114, 218, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 114, 218, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%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(0, 114, 218, 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.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 114, 218, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
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: #5bb1ff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 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.875rem;
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #5bb1ff;
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef;
}
.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: calc(1.5em + 0.75rem + 2px);
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(0, 114, 218, 0.25);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 114, 218, 0.25);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 114, 218, 0.25);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0072da;
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: #8ec9ff;
}
.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: #0072da;
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: #8ec9ff;
}
.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: #0072da;
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: #8ec9ff;
}
.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.5rem 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;
background-color: transparent;
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 {
isolation: isolate;
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
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 {
background: none;
border: 0;
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #0072da;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-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.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
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.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.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: 399.98px) {
.navbar-expand-xsm > .container,
.navbar-expand-xsm > .container-fluid,
.navbar-expand-xsm > .container-sm,
.navbar-expand-xsm > .container-md,
.navbar-expand-xsm > .container-lg,
.navbar-expand-xsm > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 400px) {
.navbar-expand-xsm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xsm .navbar-nav {
flex-direction: row;
}
.navbar-expand-xsm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xsm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xsm > .container,
.navbar-expand-xsm > .container-fluid,
.navbar-expand-xsm > .container-sm,
.navbar-expand-xsm > .container-md,
.navbar-expand-xsm > .container-lg,
.navbar-expand-xsm > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xsm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xsm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xsm .navbar-toggler {
display: none;
}
}
@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;
}
}
@media (max-width: 1299.98px) {
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1300px) {
.navbar-expand-xxl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
}
@media (max-width: 1799.98px) {
.navbar-expand-xxxl > .container,
.navbar-expand-xxxl > .container-fluid,
.navbar-expand-xxxl > .container-sm,
.navbar-expand-xxxl > .container-md,
.navbar-expand-xxxl > .container-lg,
.navbar-expand-xxxl > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1800px) {
.navbar-expand-xxxl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xxxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxxl > .container,
.navbar-expand-xxxl > .container-fluid,
.navbar-expand-xxxl > .container-sm,
.navbar-expand-xxxl > .container-md,
.navbar-expand-xxxl > .container-lg,
.navbar-expand-xxxl > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xxxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxxl .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: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
}
.card, .c-detail-widget, .c-panel {
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, .c-detail-widget > hr, .c-panel > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group, .c-detail-widget > .list-group, .c-panel > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child, .c-detail-widget > .list-group:first-child, .c-panel > .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, .c-detail-widget > .list-group:last-child, .c-panel > .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 > .c-detail-widget__header + .list-group, .c-detail-widget > .card-header + .list-group, .c-detail-widget > .c-detail-widget__header + .list-group, .card > .c-panel__header + .list-group, .c-detail-widget > .c-panel__header + .list-group, .c-panel > .card-header + .list-group, .c-panel > .c-detail-widget__header + .list-group, .c-panel > .c-panel__header + .list-group,
.card > .list-group + .card-footer,
.c-detail-widget > .list-group + .card-footer,
.c-panel > .list-group + .card-footer {
border-top: 0;
}
.card-body, .c-detail-widget__content, .c-panel__body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.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: 1.25rem;
}
.card-header, .c-detail-widget__header, .c-panel__header {
padding: 0.75rem 1.25rem;
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, .c-detail-widget__header:first-child, .c-panel__header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
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.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.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, .card-deck .c-detail-widget, .card-deck .c-panel {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card, .card-deck .c-detail-widget, .card-deck .c-panel {
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group > .card, .card-group > .c-detail-widget, .card-group > .c-panel {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card, .card-group > .c-detail-widget, .card-group > .c-panel {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card, .card-group > .c-detail-widget + .card, .card-group > .card + .c-detail-widget, .card-group > .c-detail-widget + .c-detail-widget, .card-group > .c-panel + .card, .card-group > .c-panel + .c-detail-widget, .card-group > .card + .c-panel, .card-group > .c-detail-widget + .c-panel, .card-group > .c-panel + .c-panel {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child), .card-group > .c-detail-widget:not(:last-child), .card-group > .c-panel:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top, .card-group > .c-detail-widget:not(:last-child) .card-img-top, .card-group > .c-panel:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header,
.card-group > .card:not(:last-child) .c-detail-widget__header,
.card-group > .c-detail-widget:not(:last-child) .card-header,
.card-group > .c-detail-widget:not(:last-child) .c-detail-widget__header,
.card-group > .card:not(:last-child) .c-panel__header,
.card-group > .c-detail-widget:not(:last-child) .c-panel__header,
.card-group > .c-panel:not(:last-child) .card-header,
.card-group > .c-panel:not(:last-child) .c-detail-widget__header,
.card-group > .c-panel:not(:last-child) .c-panel__header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .c-detail-widget:not(:last-child) .card-img-bottom, .card-group > .c-panel:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer,
.card-group > .c-detail-widget:not(:last-child) .card-footer,
.card-group > .c-panel:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child), .card-group > .c-detail-widget:not(:first-child), .card-group > .c-panel:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top, .card-group > .c-detail-widget:not(:first-child) .card-img-top, .card-group > .c-panel:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header,
.card-group > .card:not(:first-child) .c-detail-widget__header,
.card-group > .c-detail-widget:not(:first-child) .card-header,
.card-group > .c-detail-widget:not(:first-child) .c-detail-widget__header,
.card-group > .card:not(:first-child) .c-panel__header,
.card-group > .c-detail-widget:not(:first-child) .c-panel__header,
.card-group > .c-panel:not(:first-child) .card-header,
.card-group > .c-panel:not(:first-child) .c-detail-widget__header,
.card-group > .c-panel:not(:first-child) .c-panel__header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .c-detail-widget:not(:first-child) .card-img-bottom, .card-group > .c-panel:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer,
.card-group > .c-detail-widget:not(:first-child) .card-footer,
.card-group > .c-panel:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.card-columns .card, .card-columns .c-detail-widget, .card-columns .c-panel {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card, .card-columns .c-detail-widget, .card-columns .c-panel {
display: inline-block;
width: 100%;
}
}
.accordion {
overflow-anchor: none;
}
.accordion > .card, .accordion > .c-detail-widget, .accordion > .c-panel {
overflow: hidden;
}
.accordion > .card:not(:last-of-type), .accordion > .c-detail-widget:not(:last-of-type), .accordion > .c-panel:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type), .accordion > .c-detail-widget:not(:first-of-type), .accordion > .c-panel:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card > .card-header, .accordion > .card > .c-detail-widget__header, .accordion > .c-detail-widget > .card-header, .accordion > .c-detail-widget > .c-detail-widget__header, .accordion > .card > .c-panel__header, .accordion > .c-detail-widget > .c-panel__header, .accordion > .c-panel > .card-header, .accordion > .c-panel > .c-detail-widget__header, .accordion > .c-panel > .c-panel__header {
border-radius: 0;
margin-bottom: -1px;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #6c757d;
}
.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: #0072da;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
z-index: 2;
color: #004a8e;
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(0, 114, 218, 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: #0072da;
border-color: #0072da;
}
.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: 1.25rem;
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.875rem;
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: #0072da;
}
a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #0057a7;
}
a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.5);
}
.badge-secondary {
color: #fff;
background-color: #5e666c;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: #464c51;
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 102, 108, 0.5);
}
.badge-success {
color: #fff;
background-color: #3eac33;
}
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #308527;
}
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.5);
}
.badge-info {
color: #fff;
background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
color: #212529;
background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
color: #212529;
background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
color: #fff;
background-color: #d15d5d;
}
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #c33838;
}
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 0.5);
}
.badge-light {
color: #212529;
background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
color: #212529;
background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
color: #fff;
background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 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: 4rem;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-primary {
color: #003b71;
background-color: #cce3f8;
border-color: #b8d8f5;
}
.alert-primary hr {
border-top-color: #a2ccf2;
}
.alert-primary .alert-link {
color: #00203e;
}
.alert-secondary {
color: #313538;
background-color: #dfe0e2;
border-color: #d2d4d6;
}
.alert-secondary hr {
border-top-color: #c5c7ca;
}
.alert-secondary .alert-link {
color: #191b1d;
}
.alert-success {
color: #20591b;
background-color: #d8eed6;
border-color: #c9e8c6;
}
.alert-success hr {
border-top-color: #b8e1b4;
}
.alert-success .alert-link {
color: #12320f;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert-info hr {
border-top-color: #abdde5;
}
.alert-info .alert-link {
color: #062c33;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-warning hr {
border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
color: #533f03;
}
.alert-danger {
color: #6d3030;
background-color: #f6dfdf;
border-color: #f2d2d2;
}
.alert-danger hr {
border-top-color: #ecbebe;
}
.alert-danger .alert-link {
color: #4a2020;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
@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.75rem;
background-color: #e9ecef;
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: #0072da;
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: #0072da;
border-color: #0072da;
}
.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: 400px) {
.list-group-horizontal-xsm {
flex-direction: row;
}
.list-group-horizontal-xsm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xsm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xsm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xsm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xsm > .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;
}
}
@media (min-width: 1300px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1800px) {
.list-group-horizontal-xxxl {
flex-direction: row;
}
.list-group-horizontal-xxxl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxxl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxxl > .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: #003b71;
background-color: #b8d8f5;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #003b71;
background-color: #a2ccf2;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #003b71;
border-color: #003b71;
}
.list-group-item-secondary {
color: #313538;
background-color: #d2d4d6;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #313538;
background-color: #c5c7ca;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #313538;
border-color: #313538;
}
.list-group-item-success {
color: #20591b;
background-color: #c9e8c6;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #20591b;
background-color: #b8e1b4;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #20591b;
border-color: #20591b;
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460;
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404;
}
.list-group-item-danger {
color: #6d3030;
background-color: #f2d2d2;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #6d3030;
background-color: #ecbebe;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #6d3030;
border-color: #6d3030;
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
}
@media (max-width: 1200px) {
.close {
font-size: calc(1.275rem + 0.3vw);
}
}
.close:hover {
color: #000;
text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: 0.75;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
}
a.close.disabled {
pointer-events: none;
}
.toast {
flex-basis: 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: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
opacity: 0;
border-radius: 0.25rem;
}
.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: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.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: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: min-content;
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
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 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.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.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 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: 1070;
display: block;
margin: 0;
font-family: -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-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: 0.875rem;
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: 0.25rem;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -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-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: 0.875rem;
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: 1rem;
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: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentcolor;
border-right-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentcolor;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
animation-duration: 1.5s;
}
}
.align-baseline, .listViewTopMenuDiv .listViewActionsDiv > [class*=col] > .btn-group {
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: #0072da !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0057a7 !important;
}
.bg-secondary {
background-color: #5e666c !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #464c51 !important;
}
.bg-success {
background-color: #3eac33 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #308527 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #d15d5d !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #c33838 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border, .select2-selection {
border: 1px solid #dee2e6 !important;
}
.border-top, .detailViewTable .fieldRow {
border-top: 1px solid #dee2e6 !important;
}
.border-right, .c-panel__label {
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: #0072da !important;
}
.border-secondary {
border-color: #5e666c !important;
}
.border-success {
border-color: #3eac33 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #d15d5d !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !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, .c-circle, .c-badge__icon {
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, .listViewTopMenuDiv .listViewActionsDiv > [class*=col] > .btn-group {
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, .c-float-label__container, .c-panel__label {
display: flex !important;
}
.d-inline-flex, .card .blockHeader, .c-detail-widget .blockHeader, .c-panel .blockHeader {
display: inline-flex !important;
}
@media (min-width: 400px) {
.d-xsm-none {
display: none !important;
}
.d-xsm-inline {
display: inline !important;
}
.d-xsm-inline-block {
display: inline-block !important;
}
.d-xsm-block {
display: block !important;
}
.d-xsm-table {
display: table !important;
}
.d-xsm-table-row {
display: table-row !important;
}
.d-xsm-table-cell {
display: table-cell !important;
}
.d-xsm-flex {
display: flex !important;
}
.d-xsm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1300px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1800px) {
.d-xxxl-none {
display: none !important;
}
.d-xxxl-inline {
display: inline !important;
}
.d-xxxl-inline-block {
display: inline-block !important;
}
.d-xxxl-block {
display: block !important;
}
.d-xxxl-table {
display: table !important;
}
.d-xxxl-table-row {
display: table-row !important;
}
.d-xxxl-table-cell {
display: table-cell !important;
}
.d-xxxl-flex {
display: flex !important;
}
.d-xxxl-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, .c-float-label__container {
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: 400px) {
.flex-xsm-row {
flex-direction: row !important;
}
.flex-xsm-column {
flex-direction: column !important;
}
.flex-xsm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xsm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xsm-wrap {
flex-wrap: wrap !important;
}
.flex-xsm-nowrap {
flex-wrap: nowrap !important;
}
.flex-xsm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xsm-fill {
flex: 1 1 auto !important;
}
.flex-xsm-grow-0 {
flex-grow: 0 !important;
}
.flex-xsm-grow-1 {
flex-grow: 1 !important;
}
.flex-xsm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xsm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xsm-start {
justify-content: flex-start !important;
}
.justify-content-xsm-end {
justify-content: flex-end !important;
}
.justify-content-xsm-center {
justify-content: center !important;
}
.justify-content-xsm-between {
justify-content: space-between !important;
}
.justify-content-xsm-around {
justify-content: space-around !important;
}
.align-items-xsm-start {
align-items: flex-start !important;
}
.align-items-xsm-end {
align-items: flex-end !important;
}
.align-items-xsm-center {
align-items: center !important;
}
.align-items-xsm-baseline {
align-items: baseline !important;
}
.align-items-xsm-stretch {
align-items: stretch !important;
}
.align-content-xsm-start {
align-content: flex-start !important;
}
.align-content-xsm-end {
align-content: flex-end !important;
}
.align-content-xsm-center {
align-content: center !important;
}
.align-content-xsm-between {
align-content: space-between !important;
}
.align-content-xsm-around {
align-content: space-around !important;
}
.align-content-xsm-stretch {
align-content: stretch !important;
}
.align-self-xsm-auto {
align-self: auto !important;
}
.align-self-xsm-start {
align-self: flex-start !important;
}
.align-self-xsm-end {
align-self: flex-end !important;
}
.align-self-xsm-center {
align-self: center !important;
}
.align-self-xsm-baseline {
align-self: baseline !important;
}
.align-self-xsm-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, .c-panel__label {
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, .c-panel__label {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1300px) {
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1800px) {
.flex-xxxl-row {
flex-direction: row !important;
}
.flex-xxxl-column {
flex-direction: column !important;
}
.flex-xxxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xxxl-fill {
flex: 1 1 auto !important;
}
.flex-xxxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxxl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xxxl-start {
justify-content: flex-start !important;
}
.justify-content-xxxl-end {
justify-content: flex-end !important;
}
.justify-content-xxxl-center {
justify-content: center !important;
}
.justify-content-xxxl-between {
justify-content: space-between !important;
}
.justify-content-xxxl-around {
justify-content: space-around !important;
}
.align-items-xxxl-start {
align-items: flex-start !important;
}
.align-items-xxxl-end {
align-items: flex-end !important;
}
.align-items-xxxl-center {
align-items: center !important;
}
.align-items-xxxl-baseline {
align-items: baseline !important;
}
.align-items-xxxl-stretch {
align-items: stretch !important;
}
.align-content-xxxl-start {
align-content: flex-start !important;
}
.align-content-xxxl-end {
align-content: flex-end !important;
}
.align-content-xxxl-center {
align-content: center !important;
}
.align-content-xxxl-between {
align-content: space-between !important;
}
.align-content-xxxl-around {
align-content: space-around !important;
}
.align-content-xxxl-stretch {
align-content: stretch !important;
}
.align-self-xxxl-auto {
align-self: auto !important;
}
.align-self-xxxl-start {
align-self: flex-start !important;
}
.align-self-xxxl-end {
align-self: flex-end !important;
}
.align-self-xxxl-center {
align-self: center !important;
}
.align-self-xxxl-baseline {
align-self: baseline !important;
}
.align-self-xxxl-stretch {
align-self: stretch !important;
}
}
.float-left, .profilesEditView .footable-toggle {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 400px) {
.float-xsm-left {
float: left !important;
}
.float-xsm-right {
float: right !important;
}
.float-xsm-none {
float: none !important;
}
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
@media (min-width: 1300px) {
.float-xxl-left {
float: left !important;
}
.float-xxl-right {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
}
@media (min-width: 1800px) {
.float-xxxl-left {
float: left !important;
}
.float-xxxl-right {
float: right !important;
}
.float-xxxl-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, .c-float-label__container {
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, .conditionRow .select2-container--bootstrap4 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100, .collectiveGroupMembers {
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,
.dashboardWidget .dashboardWidgetContent .row {
margin-right: 0 !important;
}
.mb-0, .listViewTopMenuDiv .listViewActionsDiv .paginationDiv .pagination, .c-detail-widget p, .c-detail-widget__table, .fc-view-container, .daterangepicker .ranges li:last-child, .daterangepicker .left,
.daterangepicker .right,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0,
.dashboardWidget .dashboardWidgetContent .row {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .select2-selection__arrow,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1, .PreferenceDetailViewHeader .detailViewButtoncontainer .btn, .c-completions__item,
.mx-1,
.childrenMarginTopX > * {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1, .c-calendar-view .o-calendar__clear-btn .textHolder, .c-calendar-view .o-calendar__view-btn .textHolder,
.c-calendar-quickcreate .o-calendar__clear-btn .textHolder,
.c-calendar-quickcreate .o-calendar__view-btn .textHolder,
.mx-1,
.childrenMarginTopX > * {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .childrenMarginTopX > *,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2, .c-header .o-navbar__left .c-header__btn, .childrenMarginRight > *,
.mx-2,
.c-detail-widget__header {
margin-right: 0.5rem !important;
}
.mb-2, .listViewTopMenuDiv .listViewActionsDiv > [class*=col] > *,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2,
.c-detail-widget__header {
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, .daterangepicker.show-calendar, .select2-selection[aria-labelledby^=select2-theme] {
padding: 0 !important;
}
.pt-0, .c-calendar-view .o-calendar__container,
.c-calendar-quickcreate .o-calendar__container, .js-css-element-queries[min-width~="400px"] .col-ceq-xsm-6:nth-child(2),
.py-0,
.c-detail-widget__header {
padding-top: 0 !important;
}
.pr-0,
.px-0,
.c-detail-widget__header,
.c-panel--edit .c-panel__body--edit {
padding-right: 0 !important;
}
.pb-0,
.py-0,
.c-detail-widget__header {
padding-bottom: 0 !important;
}
.pl-0,
.px-0,
.c-detail-widget__header,
.c-panel--edit .c-panel__body--edit {
padding-left: 0 !important;
}
.p-1, .c-footer .page-link, .o-global-search__input--desktop .btn, .select2-container--bootstrap4 .select2-results__option,
.select2-container--bootstrap4 .select2-results__option .select2-results__option, .select2-container--bootstrap4 ul.select2-selection__rendered li.select2-selection__choice {
padding: 0.25rem !important;
}
.pt-1, .js-css-element-queries .col-ceq-xsm-6:nth-child(2), .c-panel--edit .c-panel__body--edit,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1,
.c-panel--edit .c-panel__body--edit [class^=col-],
.c-panel--edit .c-panel__body--edit [class*=" col-"],
.select2-container--bootstrap4 ul.select2-selection__rendered {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1, .js-css-element-queries[min-width~="400px"] .col-ceq-xsm-6:nth-child(2),
.px-1,
.c-panel--edit .c-panel__body--edit [class^=col-],
.c-panel--edit .c-panel__body--edit [class*=" col-"],
.select2-container--bootstrap4 ul.select2-selection__rendered {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .o-calendar__container,
.py-2,
.select2-container--bootstrap4 ul.select2-selection__rendered {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2,
.select2-container--bootstrap4 ul.select2-selection__rendered {
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,
.o-label-container,
.select2-container--bootstrap4 ul.select2-selection__rendered li.select2-selection__choice {
margin-top: auto !important;
}
.mr-auto, .o-label-container,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto,
.o-label-container,
.select2-container--bootstrap4 ul.select2-selection__rendered li.select2-selection__choice {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 400px) {
.m-xsm-0 {
margin: 0 !important;
}
.mt-xsm-0,
.my-xsm-0 {
margin-top: 0 !important;
}
.mr-xsm-0,
.mx-xsm-0 {
margin-right: 0 !important;
}
.mb-xsm-0,
.my-xsm-0 {
margin-bottom: 0 !important;
}
.ml-xsm-0,
.mx-xsm-0 {
margin-left: 0 !important;
}
.m-xsm-1 {
margin: 0.25rem !important;
}
.mt-xsm-1,
.my-xsm-1 {
margin-top: 0.25rem !important;
}
.mr-xsm-1,
.mx-xsm-1 {
margin-right: 0.25rem !important;
}
.mb-xsm-1,
.my-xsm-1 {
margin-bottom: 0.25rem !important;
}
.ml-xsm-1,
.mx-xsm-1 {
margin-left: 0.25rem !important;
}
.m-xsm-2 {
margin: 0.5rem !important;
}
.mt-xsm-2,
.my-xsm-2 {
margin-top: 0.5rem !important;
}
.mr-xsm-2,
.mx-xsm-2 {
margin-right: 0.5rem !important;
}
.mb-xsm-2,
.my-xsm-2 {
margin-bottom: 0.5rem !important;
}
.ml-xsm-2,
.mx-xsm-2 {
margin-left: 0.5rem !important;
}
.m-xsm-3 {
margin: 1rem !important;
}
.mt-xsm-3,
.my-xsm-3 {
margin-top: 1rem !important;
}
.mr-xsm-3,
.mx-xsm-3 {
margin-right: 1rem !important;
}
.mb-xsm-3,
.my-xsm-3 {
margin-bottom: 1rem !important;
}
.ml-xsm-3,
.mx-xsm-3 {
margin-left: 1rem !important;
}
.m-xsm-4 {
margin: 1.5rem !important;
}
.mt-xsm-4,
.my-xsm-4 {
margin-top: 1.5rem !important;
}
.mr-xsm-4,
.mx-xsm-4 {
margin-right: 1.5rem !important;
}
.mb-xsm-4,
.my-xsm-4 {
margin-bottom: 1.5rem !important;
}
.ml-xsm-4,
.mx-xsm-4 {
margin-left: 1.5rem !important;
}
.m-xsm-5 {
margin: 3rem !important;
}
.mt-xsm-5,
.my-xsm-5 {
margin-top: 3rem !important;
}
.mr-xsm-5,
.mx-xsm-5 {
margin-right: 3rem !important;
}
.mb-xsm-5,
.my-xsm-5 {
margin-bottom: 3rem !important;
}
.ml-xsm-5,
.mx-xsm-5 {
margin-left: 3rem !important;
}
.p-xsm-0 {
padding: 0 !important;
}
.pt-xsm-0,
.py-xsm-0 {
padding-top: 0 !important;
}
.pr-xsm-0,
.px-xsm-0 {
padding-right: 0 !important;
}
.pb-xsm-0,
.py-xsm-0 {
padding-bottom: 0 !important;
}
.pl-xsm-0,
.px-xsm-0 {
padding-left: 0 !important;
}
.p-xsm-1 {
padding: 0.25rem !important;
}
.pt-xsm-1,
.py-xsm-1 {
padding-top: 0.25rem !important;
}
.pr-xsm-1,
.px-xsm-1 {
padding-right: 0.25rem !important;
}
.pb-xsm-1,
.py-xsm-1 {
padding-bottom: 0.25rem !important;
}
.pl-xsm-1,
.px-xsm-1 {
padding-left: 0.25rem !important;
}
.p-xsm-2 {
padding: 0.5rem !important;
}
.pt-xsm-2,
.py-xsm-2 {
padding-top: 0.5rem !important;
}
.pr-xsm-2,
.px-xsm-2 {
padding-right: 0.5rem !important;
}
.pb-xsm-2,
.py-xsm-2 {
padding-bottom: 0.5rem !important;
}
.pl-xsm-2,
.px-xsm-2 {
padding-left: 0.5rem !important;
}
.p-xsm-3 {
padding: 1rem !important;
}
.pt-xsm-3,
.py-xsm-3 {
padding-top: 1rem !important;
}
.pr-xsm-3,
.px-xsm-3 {
padding-right: 1rem !important;
}
.pb-xsm-3,
.py-xsm-3 {
padding-bottom: 1rem !important;
}
.pl-xsm-3,
.px-xsm-3 {
padding-left: 1rem !important;
}
.p-xsm-4 {
padding: 1.5rem !important;
}
.pt-xsm-4,
.py-xsm-4 {
padding-top: 1.5rem !important;
}
.pr-xsm-4,
.px-xsm-4 {
padding-right: 1.5rem !important;
}
.pb-xsm-4,
.py-xsm-4 {
padding-bottom: 1.5rem !important;
}
.pl-xsm-4,
.px-xsm-4 {
padding-left: 1.5rem !important;
}
.p-xsm-5 {
padding: 3rem !important;
}
.pt-xsm-5,
.py-xsm-5 {
padding-top: 3rem !important;
}
.pr-xsm-5,
.px-xsm-5 {
padding-right: 3rem !important;
}
.pb-xsm-5,
.py-xsm-5 {
padding-bottom: 3rem !important;
}
.pl-xsm-5,
.px-xsm-5 {
padding-left: 3rem !important;
}
.m-xsm-n1 {
margin: -0.25rem !important;
}
.mt-xsm-n1,
.my-xsm-n1 {
margin-top: -0.25rem !important;
}
.mr-xsm-n1,
.mx-xsm-n1 {
margin-right: -0.25rem !important;
}
.mb-xsm-n1,
.my-xsm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xsm-n1,
.mx-xsm-n1 {
margin-left: -0.25rem !important;
}
.m-xsm-n2 {
margin: -0.5rem !important;
}
.mt-xsm-n2,
.my-xsm-n2 {
margin-top: -0.5rem !important;
}
.mr-xsm-n2,
.mx-xsm-n2 {
margin-right: -0.5rem !important;
}
.mb-xsm-n2,
.my-xsm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xsm-n2,
.mx-xsm-n2 {
margin-left: -0.5rem !important;
}
.m-xsm-n3 {
margin: -1rem !important;
}
.mt-xsm-n3,
.my-xsm-n3 {
margin-top: -1rem !important;
}
.mr-xsm-n3,
.mx-xsm-n3 {
margin-right: -1rem !important;
}
.mb-xsm-n3,
.my-xsm-n3 {
margin-bottom: -1rem !important;
}
.ml-xsm-n3,
.mx-xsm-n3 {
margin-left: -1rem !important;
}
.m-xsm-n4 {
margin: -1.5rem !important;
}
.mt-xsm-n4,
.my-xsm-n4 {
margin-top: -1.5rem !important;
}
.mr-xsm-n4,
.mx-xsm-n4 {
margin-right: -1.5rem !important;
}
.mb-xsm-n4,
.my-xsm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xsm-n4,
.mx-xsm-n4 {
margin-left: -1.5rem !important;
}
.m-xsm-n5 {
margin: -3rem !important;
}
.mt-xsm-n5,
.my-xsm-n5 {
margin-top: -3rem !important;
}
.mr-xsm-n5,
.mx-xsm-n5 {
margin-right: -3rem !important;
}
.mb-xsm-n5,
.my-xsm-n5 {
margin-bottom: -3rem !important;
}
.ml-xsm-n5,
.mx-xsm-n5 {
margin-left: -3rem !important;
}
.m-xsm-auto {
margin: auto !important;
}
.mt-xsm-auto,
.my-xsm-auto {
margin-top: auto !important;
}
.mr-xsm-auto,
.mx-xsm-auto {
margin-right: auto !important;
}
.mb-xsm-auto,
.my-xsm-auto {
margin-bottom: auto !important;
}
.ml-xsm-auto,
.mx-xsm-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, .conditionRow .select2-container--bootstrap4,
.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;
}
}
@media (min-width: 1300px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important;
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important;
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important;
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important;
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important;
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important;
}
.m-xxl-n1 {
margin: -0.25rem !important;
}
.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxl-n1,
.mx-xxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxl-n1,
.mx-xxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxl-n2 {
margin: -0.5rem !important;
}
.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxl-n2,
.mx-xxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxl-n2,
.mx-xxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxl-n3 {
margin: -1rem !important;
}
.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -1rem !important;
}
.mr-xxl-n3,
.mx-xxl-n3 {
margin-right: -1rem !important;
}
.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxl-n3,
.mx-xxl-n3 {
margin-left: -1rem !important;
}
.m-xxl-n4 {
margin: -1.5rem !important;
}
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -1.5rem !important;
}
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -1.5rem !important;
}
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -1.5rem !important;
}
.m-xxl-n5 {
margin: -3rem !important;
}
.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -3rem !important;
}
.mr-xxl-n5,
.mx-xxl-n5 {
margin-right: -3rem !important;
}
.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -3rem !important;
}
.ml-xxl-n5,
.mx-xxl-n5 {
margin-left: -3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
@media (min-width: 1800px) {
.m-xxxl-0 {
margin: 0 !important;
}
.mt-xxxl-0,
.my-xxxl-0 {
margin-top: 0 !important;
}
.mr-xxxl-0,
.mx-xxxl-0 {
margin-right: 0 !important;
}
.mb-xxxl-0,
.my-xxxl-0 {
margin-bottom: 0 !important;
}
.ml-xxxl-0,
.mx-xxxl-0 {
margin-left: 0 !important;
}
.m-xxxl-1 {
margin: 0.25rem !important;
}
.mt-xxxl-1,
.my-xxxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxxl-1,
.mx-xxxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxxl-1,
.my-xxxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxxl-1,
.mx-xxxl-1 {
margin-left: 0.25rem !important;
}
.m-xxxl-2 {
margin: 0.5rem !important;
}
.mt-xxxl-2,
.my-xxxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxxl-2,
.mx-xxxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxxl-2,
.my-xxxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxxl-2,
.mx-xxxl-2 {
margin-left: 0.5rem !important;
}
.m-xxxl-3 {
margin: 1rem !important;
}
.mt-xxxl-3,
.my-xxxl-3 {
margin-top: 1rem !important;
}
.mr-xxxl-3,
.mx-xxxl-3 {
margin-right: 1rem !important;
}
.mb-xxxl-3,
.my-xxxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxxl-3,
.mx-xxxl-3 {
margin-left: 1rem !important;
}
.m-xxxl-4 {
margin: 1.5rem !important;
}
.mt-xxxl-4,
.my-xxxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxxl-4,
.mx-xxxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxxl-4,
.my-xxxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxxl-4,
.mx-xxxl-4 {
margin-left: 1.5rem !important;
}
.m-xxxl-5 {
margin: 3rem !important;
}
.mt-xxxl-5,
.my-xxxl-5 {
margin-top: 3rem !important;
}
.mr-xxxl-5,
.mx-xxxl-5 {
margin-right: 3rem !important;
}
.mb-xxxl-5,
.my-xxxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxxl-5,
.mx-xxxl-5 {
margin-left: 3rem !important;
}
.p-xxxl-0 {
padding: 0 !important;
}
.pt-xxxl-0,
.py-xxxl-0 {
padding-top: 0 !important;
}
.pr-xxxl-0,
.px-xxxl-0 {
padding-right: 0 !important;
}
.pb-xxxl-0,
.py-xxxl-0 {
padding-bottom: 0 !important;
}
.pl-xxxl-0,
.px-xxxl-0 {
padding-left: 0 !important;
}
.p-xxxl-1 {
padding: 0.25rem !important;
}
.pt-xxxl-1,
.py-xxxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxxl-1,
.px-xxxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxxl-1,
.py-xxxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxxl-1,
.px-xxxl-1 {
padding-left: 0.25rem !important;
}
.p-xxxl-2 {
padding: 0.5rem !important;
}
.pt-xxxl-2,
.py-xxxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxxl-2,
.px-xxxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxxl-2,
.py-xxxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxxl-2,
.px-xxxl-2 {
padding-left: 0.5rem !important;
}
.p-xxxl-3 {
padding: 1rem !important;
}
.pt-xxxl-3,
.py-xxxl-3 {
padding-top: 1rem !important;
}
.pr-xxxl-3,
.px-xxxl-3 {
padding-right: 1rem !important;
}
.pb-xxxl-3,
.py-xxxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxxl-3,
.px-xxxl-3 {
padding-left: 1rem !important;
}
.p-xxxl-4 {
padding: 1.5rem !important;
}
.pt-xxxl-4,
.py-xxxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxxl-4,
.px-xxxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxxl-4,
.py-xxxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxxl-4,
.px-xxxl-4 {
padding-left: 1.5rem !important;
}
.p-xxxl-5 {
padding: 3rem !important;
}
.pt-xxxl-5,
.py-xxxl-5 {
padding-top: 3rem !important;
}
.pr-xxxl-5,
.px-xxxl-5 {
padding-right: 3rem !important;
}
.pb-xxxl-5,
.py-xxxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxxl-5,
.px-xxxl-5 {
padding-left: 3rem !important;
}
.m-xxxl-n1 {
margin: -0.25rem !important;
}
.mt-xxxl-n1,
.my-xxxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxxl-n1,
.mx-xxxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxxl-n1,
.my-xxxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxxl-n1,
.mx-xxxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxxl-n2 {
margin: -0.5rem !important;
}
.mt-xxxl-n2,
.my-xxxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxxl-n2,
.mx-xxxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxxl-n2,
.my-xxxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxxl-n2,
.mx-xxxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxxl-n3 {
margin: -1rem !important;
}
.mt-xxxl-n3,
.my-xxxl-n3 {
margin-top: -1rem !important;
}
.mr-xxxl-n3,
.mx-xxxl-n3 {
margin-right: -1rem !important;
}
.mb-xxxl-n3,
.my-xxxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxxl-n3,
.mx-xxxl-n3 {
margin-left: -1rem !important;
}
.m-xxxl-n4 {
margin: -1.5rem !important;
}
.mt-xxxl-n4,
.my-xxxl-n4 {
margin-top: -1.5rem !important;
}
.mr-xxxl-n4,
.mx-xxxl-n4 {
margin-right: -1.5rem !important;
}
.mb-xxxl-n4,
.my-xxxl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xxxl-n4,
.mx-xxxl-n4 {
margin-left: -1.5rem !important;
}
.m-xxxl-n5 {
margin: -3rem !important;
}
.mt-xxxl-n5,
.my-xxxl-n5 {
margin-top: -3rem !important;
}
.mr-xxxl-n5,
.mx-xxxl-n5 {
margin-right: -3rem !important;
}
.mb-xxxl-n5,
.my-xxxl-n5 {
margin-bottom: -3rem !important;
}
.ml-xxxl-n5,
.mx-xxxl-n5 {
margin-left: -3rem !important;
}
.m-xxxl-auto {
margin: auto !important;
}
.mt-xxxl-auto,
.my-xxxl-auto {
margin-top: auto !important;
}
.mr-xxxl-auto,
.mx-xxxl-auto {
margin-right: auto !important;
}
.mb-xxxl-auto,
.my-xxxl-auto {
margin-bottom: auto !important;
}
.ml-xxxl-auto,
.mx-xxxl-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, .select2-selection {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center, .c-badge__icon {
text-align: center !important;
}
@media (min-width: 400px) {
.text-xsm-left {
text-align: left !important;
}
.text-xsm-right {
text-align: right !important;
}
.text-xsm-center {
text-align: center !important;
}
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1300px) {
.text-xxl-left {
text-align: left !important;
}
.text-xxl-right {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1800px) {
.text-xxxl-left {
text-align: left !important;
}
.text-xxxl-right {
text-align: right !important;
}
.text-xxxl-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, .u-hover-bold:hover, .u-text-small-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white, .c-badge__icon {
color: #fff !important;
}
.text-primary {
color: #0072da !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #004a8e !important;
}
.text-secondary {
color: #5e666c !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #3a3f43 !important;
}
.text-success {
color: #3eac33 !important;
}
a.text-success:hover, a.text-success:focus {
color: #297122 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #d15d5d !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #b03232 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #121416 !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, .c-detail-widget__table {
border-collapse: collapse !important;
}
.table td, .c-detail-widget__table td,
.table th,
.c-detail-widget__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, .c-detail-widget__table .thead-dark th {
color: inherit;
border-color: #dee2e6;
}
}
/**
* We need a clone of bootstrap color-yiq mixin so we can get the same value for color
*/
.select2-container--bootstrap {
display: block;
/*------------------------------------*\
#COMMON STYLES
\*------------------------------------*/
/**
* Search field in the Select2 dropdown.
*/
/**
* No outline for all search fields - in the dropdown
* and inline in multi Select2s.
*/
/**
* Adjust Select2's choices hover and selected styles to match
* Bootstrap 4's default dropdown styles.
*
* @see https://getbootstrap.com/docs/4.0/components/dropdowns/
*/
/**
* Clear the selection.
*/
/**
* Address disabled Select2 styles.
*
* @see https://select2.github.io/examples.html#disabled
* @see hhttps://getbootstrap.com/docs/4.0/components/forms/#disabled-forms
*/
/*------------------------------------*\
#DROPDOWN
\*------------------------------------*/
/**
* Dropdown border color and box-shadow.
*/
/**
* Limit the dropdown height.
*/
/*------------------------------------*\
#SINGLE SELECT2
\*------------------------------------*/
/*------------------------------------*\
#MULTIPLE SELECT2
\*------------------------------------*/
/**
* Address Bootstrap control sizing classes
*
* 1. Reset Bootstrap defaults.
* 2. Adjust the dropdown arrow button icon position.
*
* @see https://getbootstrap.com/docs/4.0/components/forms/#sizing
*/
/* 1 */
/*------------------------------------*\
#RTL SUPPORT
\*------------------------------------*/
}
.select2-container--bootstrap .select2-selection {
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background-color: #fff;
border: 1px solid #ced4da;
color: #495057;
font-size: 1rem;
outline: 0;
}
@media (prefers-reduced-motion: reduce) {
.select2-container--bootstrap .select2-selection {
transition: none;
}
}
.select2-container--bootstrap .select2-selection.form-control {
border-radius: 0.25rem;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background-color: #fff;
border: 1px solid #ced4da;
color: #495057;
font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
transition: none;
}
}
.select2-container--bootstrap .select2-search__field {
outline: 0;
/* Firefox 18- */
/**
* Firefox 19+
*
* @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
*/
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
color: #6c757d;
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
color: #6c757d;
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
color: #6c757d;
}
.select2-container--bootstrap .select2-results__option {
padding: 0.375rem 0.75rem;
/**
* Disabled results.
*
* @see https://select2.github.io/examples.html#disabled-results
*/
/**
* Hover state.
*/
/**
* Selected state.
*/
}
.select2-container--bootstrap .select2-results__option[role=group] {
padding: 0;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
color: #adb5bd;
cursor: not-allowed;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
background-color: #e9ecef;
color: #16181b;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
background-color: #0072da;
color: #fff;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
padding: 0.375rem 0.75rem;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
margin-left: -0.75rem;
padding-left: 1.5rem;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1.5rem;
padding-left: 2.25rem;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2.25rem;
padding-left: 3rem;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3rem;
padding-left: 3.75rem;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3.75rem;
padding-left: 4.5rem;
}
.select2-container--bootstrap .select2-results__group {
color: #6c757d;
display: block;
padding: 0.375rem 0.75rem;
font-size: 0.875rem;
line-height: 1.5;
white-space: nowrap;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
border-color: #5bb1ff;
box-shadow: 0 0 0 0.2rem rgba(0, 114, 218, 0.25);
}
.select2-container--bootstrap.select2-container--open {
/**
* Make the dropdown arrow point up while the dropdown is visible.
*/
/**
* Handle border radii of the container when the dropdown is showing.
*/
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
border-color: transparent transparent #6c757d transparent;
border-width: 0 0.25rem 0.25rem 0.25rem;
}
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-color: transparent;
box-shadow: none;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-color: transparent;
box-shadow: none;
}
.select2-container--bootstrap .select2-selection__clear {
color: #6c757d;
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--bootstrap .select2-selection__clear:hover {
color: "#111";
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
border-color: #ced4da;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
cursor: not-allowed;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
background-color: #e9ecef;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
display: none;
}
.select2-container--bootstrap .select2-dropdown {
border-color: #5bb1ff;
overflow-x: hidden;
margin-top: -1px;
}
.select2-container--bootstrap .select2-dropdown--above {
margin-top: 1px;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--bootstrap .select2-selection--single {
height: calc(1.5em + 0.75rem + 2px);
line-height: 1.5;
padding: 0.375rem 1.5rem 0.375rem 0.75rem;
/**
* Adjust the single Select2's dropdown arrow button appearance.
*/
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
position: absolute;
bottom: 0;
right: 0.75rem;
top: 0;
width: 0.25rem;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
border-color: #6c757d transparent transparent transparent;
border-style: solid;
border-width: 0.25rem 0.25rem 0 0.25rem;
height: 0;
left: 0;
margin-left: -0.25rem;
margin-top: -0.125rem;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
color: #495057;
padding: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
color: #6c757d;
}
.select2-container--bootstrap .select2-selection--multiple {
min-height: calc(1.5em + 0.75rem + 2px);
padding: 0;
height: auto;
/**
* Make Multi Select2's choices match Bootstrap 4's default button styles.
*/
/**
* Minus 2px borders.
*/
/**
* Clear the selection.
*/
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
display: block;
line-height: 1.5;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
color: #6c757d;
float: left;
margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
color: #495057;
background: #e9ecef;
border: 1px solid #5e666c;
border-radius: 0.25rem;
cursor: default;
float: left;
margin: calc(0.375rem - 1px) 0 0 0.375rem;
padding: 0 0.375rem;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
background: transparent;
padding: 0 0.75rem;
height: calc(1.5em + 0.75rem + 2px);
line-height: 1.5;
margin: -1px 0;
min-width: 5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
color: #6c757d;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 0.1875rem;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
color: "#111";
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 0.375rem;
}
.select2-container--bootstrap .select2-selection--single.form-control-sm, .select2-container--bootstrap .input-group-sm .select2-selection--single.form-control, .select2-container--bootstrap .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--single.form-control, .dashboardWidget .dashboardWidgetHeader .js-tree-container .select2-container--bootstrap .input-group .select2-selection--single.form-control, .input-group-sm .select2-container--bootstrap .select2-selection--single, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
border-radius: 0.2rem;
font-size: 0.875rem;
height: calc(1.5em + 0.5rem + 2px);
line-height: 1.5;
padding: 0.25rem 1.25rem 0.25rem 0.5rem;
/* 2 */
}
.select2-container--bootstrap .select2-selection--single.form-control-sm .select2-selection__arrow b, .select2-container--bootstrap .input-group-sm .select2-selection--single.form-control .select2-selection__arrow b, .select2-container--bootstrap .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--single.form-control .select2-selection__arrow b, .dashboardWidget .dashboardWidgetHeader .js-tree-container .select2-container--bootstrap .input-group .select2-selection--single.form-control .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
margin-left: -0.25rem;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-sm, .select2-container--bootstrap .input-group-sm .select2-selection--multiple.form-control, .select2-container--bootstrap .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--multiple.form-control, .dashboardWidget .dashboardWidgetHeader .js-tree-container .select2-container--bootstrap .input-group .select2-selection--multiple.form-control, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
border-radius: 0.2rem;
min-height: calc(1.5em + 0.5rem + 2px);
}
.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__choice, .select2-container--bootstrap .input-group-sm .select2-selection--multiple.form-control .select2-selection__choice, .select2-container--bootstrap .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--multiple.form-control .select2-selection__choice, .dashboardWidget .dashboardWidgetHeader .js-tree-container .select2-container--bootstrap .input-group .select2-selection--multiple.form-control .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
font-size: 0.875rem;
line-height: 1.5;
margin: calc(0.25rem - 1px) 0 0 0.25rem;
padding: 0 0.25rem;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-search--inline .select2-search__field, .select2-container--bootstrap .input-group-sm .select2-selection--multiple.form-control .select2-search--inline .select2-search__field, .select2-container--bootstrap .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--multiple.form-control .select2-search--inline .select2-search__field, .dashboardWidget .dashboardWidgetHeader .js-tree-container .select2-container--bootstrap .input-group .select2-selection--multiple.form-control .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
padding: 0 0.5rem;
font-size: 0.875rem;
height: calc(1.5em + 0.5rem + 2px);
line-height: 1.5;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__clear, .select2-container--bootstrap .input-group-sm .select2-selection--multiple.form-control .select2-selection__clear, .select2-container--bootstrap .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--multiple.form-control .select2-selection__clear, .dashboardWidget .dashboardWidgetHeader .js-tree-container .select2-container--bootstrap .input-group .select2-selection--multiple.form-control .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 0.25rem;
}
.select2-container--bootstrap .select2-selection--single.form-control-lg, .select2-container--bootstrap .input-group-lg .select2-selection--single.form-control, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single {
border-radius: 0.3rem;
font-size: 1.25rem;
height: calc(1.5em + 1rem + 2px);
line-height: 1.5;
padding: 0.5rem 1.9375rem 0.5rem 1rem;
/* 1 */
}
.select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow, .select2-container--bootstrap .input-group-lg .select2-selection--single.form-control .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
width: 0.3125rem;
}
.select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow b, .select2-container--bootstrap .input-group-lg .select2-selection--single.form-control .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
border-width: 0.3125rem 0.3125rem 0 0.3125rem;
margin-left: -0.3125rem;
margin-left: -0.5rem;
margin-top: -0.15625rem;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-lg, .select2-container--bootstrap .input-group-lg .select2-selection--multiple.form-control, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
min-height: calc(1.5em + 1rem + 2px);
border-radius: 0.3rem;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__choice, .select2-container--bootstrap .input-group-lg .select2-selection--multiple.form-control .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.25rem;
margin: calc(0.5rem - 1px) 0 0 0.5rem;
padding: 0 0.5rem;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-search--inline .select2-search__field, .select2-container--bootstrap .input-group-lg .select2-selection--multiple.form-control .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
padding: 0 1rem;
font-size: 1.25rem;
height: calc(1.5em + 1rem + 2px);
line-height: 1.5;
}
.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__clear, .select2-container--bootstrap .input-group-lg .select2-selection--multiple.form-control .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 0.5rem;
}
.select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single, .select2-container--bootstrap .input-group-lg .select2-selection.select2-container--open.form-control .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open.form-control .select2-selection--single {
/**
* Make the dropdown arrow point up while the dropdown is visible.
*/
}
.select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .input-group-lg .select2-selection.select2-container--open.form-control .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open.form-control .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #6c757d transparent;
border-width: 0 0.3125rem 0.3125rem 0.3125rem;
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
/**
* Make the dropdown arrow point up while the dropdown is visible.
*/
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #6c757d transparent;
border-width: 0 0.3125rem 0.3125rem 0.3125rem;
}
.select2-container--bootstrap[dir=rtl] {
/**
* Single Select2
*
* 1. Makes sure that .select2-selection__placeholder is positioned
* correctly.
*/
/**
* Multiple Select2
*/
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single {
padding-left: 1.5rem;
padding-right: 0.75rem;
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 0;
padding-left: 0;
text-align: right; /* 1 */
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 0.75rem;
right: auto;
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b {
margin-left: 0;
}
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 0;
margin-right: 0.375rem;
}
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--bootstrap .select2-dropdown[dir=rtl] .select2-results__options {
text-align: right;
}
/*------------------------------------*\
#ADDITIONAL GOODIES
\*------------------------------------*/
/**
* Address Bootstrap's validation states
*
* If a Select2 widget parent has one of Bootstrap's validation state modifier
* classes, adjust Select2's border colors and focus states accordingly.
* You may apply said classes to the Select2 dropdown (body > .select2-container)
* via JavaScript match Bootstraps' to make its styles match.
*
* @see https://getbootstrap.com/docs/4.0/components/forms/#validation
*/
.is-valid .select2-dropdown,
.is-valid .select2-selection {
border-color: #3eac33;
}
.is-valid .select2-container--focus .select2-selection,
.is-valid .select2-container--open .select2-selection {
border-color: #308527;
}
.is-valid .select2-container--focus .select2-selection:focus,
.is-valid .select2-container--open .select2-selection:focus {
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.25);
}
.is-valid.select2-drop-active {
border-color: #308527;
}
.is-valid.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #308527;
}
.is-invalid .select2-dropdown,
.is-invalid .select2-selection {
border-color: #d15d5d;
}
.is-invalid .select2-container--focus .select2-selection,
.is-invalid .select2-container--open .select2-selection {
border-color: #c33838;
}
.is-invalid .select2-container--focus .select2-selection:focus,
.is-invalid .select2-container--open .select2-selection:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 0.25);
}
.is-invalid.select2-drop-active {
border-color: #c33838;
}
.is-invalid.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #c33838;
}
/* Validation classes on parent element. Preserved Bootstrap 3 validation classes */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
border-color: #ffc107;
}
.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
border-color: #d39e00;
}
.has-warning .select2-container--focus .select2-selection:focus,
.has-warning .select2-container--open .select2-selection:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}
.has-warning.select2-drop-active {
border-color: #d39e00;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #d39e00;
}
.has-error .select2-dropdown,
.has-error .select2-selection {
border-color: #d15d5d;
}
.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
border-color: #c33838;
}
.has-error .select2-container--focus .select2-selection:focus,
.has-error .select2-container--open .select2-selection:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 93, 93, 0.25);
}
.has-error.select2-drop-active {
border-color: #c33838;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #c33838;
}
.has-success .select2-dropdown,
.has-success .select2-selection {
border-color: #3eac33;
}
.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
border-color: #308527;
}
.has-success .select2-container--focus .select2-selection:focus,
.has-success .select2-container--open .select2-selection:focus {
box-shadow: 0 0 0 0.2rem rgba(62, 172, 51, 0.25);
}
.has-success.select2-drop-active {
border-color: #308527;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #308527;
}
/**
* Select2 widgets in Bootstrap Input Groups
*
* @see https://getbootstrap.com/docs/4.0/components/input-group/
* @see https://github.com/twbs/bootstrap/blob/v4.4.1/scss/_input-group.scss
*/
/**
* Reset rounded corners
*/
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap > .selection > .select2-selection.form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .select2-hidden-accessible + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .select2-container--bootstrap {
flex: 1 1 auto;
position: relative;
z-index: 2;
width: 1%;
margin-bottom: 0;
/**
* Adjust z-index like Bootstrap does to show the focus-box-shadow
* above appended buttons in .input-group and .form-group.
*/
/**
* Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
* Multi Select2's height which - depending on how many elements have been selected -
* may grow taller than its initial size.
*
* @see https://github.com/twbs/bootstrap/blob/v4.4.1/scss/_input-group.scss
*/
}
.input-group > .select2-container--bootstrap > .selection {
display: flex;
flex: 1 1 auto;
}
.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
float: none;
}
.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
z-index: 3;
}
.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-append,
.input-group > .select2-container--bootstrap .input-group-prepend,
.input-group > .select2-container--bootstrap .input-group-append .btn,
.input-group > .select2-container--bootstrap .input-group-prepend .btn {
vertical-align: top;
}
/**
* Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
*
* Provides `!important` for certain properties of the class applied to the
* original `<select>` element to hide it.
*
* @see https://github.com/select2/select2/pull/3301
* @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
*/
.form-control.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
}
/**
* Display override for inline forms
*/
@media (min-width: 576px) {
.form-inline .select2-container--bootstrap {
display: inline-block;
}
}
.color-red-50 {
color: #ffebee;
}
.bg-color-red-50 {
background-color: #ffebee;
}
.color-red-100 {
color: #ffcdd2;
}
.bg-color-red-100 {
background-color: #ffcdd2;
}
.color-red-200 {
color: #ef9a9a;
}
.bg-color-red-200 {
background-color: #ef9a9a;
}
.color-red-300 {
color: #e57373;
}
.bg-color-red-300 {
background-color: #e57373;
}
.color-red-400 {
color: #ef5350;
}
.bg-color-red-400 {
background-color: #ef5350;
}
.color-red-500 {
color: #f44336;
}
.bg-color-red-500 {
background-color: #f44336;
}
.color-red-600 {
color: #e53935;
}
.bg-color-red-600 {
background-color: #e53935;
}
.color-red-700 {
color: #d32f2f;
}
.bg-color-red-700 {
background-color: #d32f2f;
}
.color-red-800 {
color: #c62828;
}
.bg-color-red-800 {
background-color: #c62828;
}
.color-red-900 {
color: #b71c1c;
}
.bg-color-red-900 {
background-color: #b71c1c;
}
.color-red-a100 {
color: #ff8a80;
}
.bg-color-red-a100 {
background-color: #ff8a80;
}
.color-red-a200 {
color: #ff5252;
}
.bg-color-red-a200 {
background-color: #ff5252;
}
.color-red-a400 {
color: #ff1744;
}
.bg-color-red-a400 {
background-color: #ff1744;
}
.color-red-a700 {
color: #d50000;
}
.bg-color-red-a700 {
background-color: #d50000;
}
.color-pink-50 {
color: #fce4ec;
}
.bg-color-pink-50 {
background-color: #fce4ec;
}
.color-pink-100 {
color: #f8bbd0;
}
.bg-color-pink-100 {
background-color: #f8bbd0;
}
.color-pink-200 {
color: #f48fb1;
}
.bg-color-pink-200 {
background-color: #f48fb1;
}
.color-pink-300 {
color: #f06292;
}
.bg-color-pink-300 {
background-color: #f06292;
}
.color-pink-400 {
color: #ec407a;
}
.bg-color-pink-400 {
background-color: #ec407a;
}
.color-pink-500 {
color: #e91e63;
}
.bg-color-pink-500 {
background-color: #e91e63;
}
.color-pink-600 {
color: #d81b60;
}
.bg-color-pink-600 {
background-color: #d81b60;
}
.color-pink-700 {
color: #c2185b;
}
.bg-color-pink-700 {
background-color: #c2185b;
}
.color-pink-800 {
color: #ad1457;
}
.bg-color-pink-800 {
background-color: #ad1457;
}
.color-pink-900 {
color: #880e4f;
}
.bg-color-pink-900 {
background-color: #880e4f;
}
.color-pink-a100 {
color: #ff80ab;
}
.bg-color-pink-a100 {
background-color: #ff80ab;
}
.color-pink-a200 {
color: #ff4081;
}
.bg-color-pink-a200 {
background-color: #ff4081;
}
.color-pink-a400 {
color: #f50057;
}
.bg-color-pink-a400 {
background-color: #f50057;
}
.color-pink-a700 {
color: #c51162;
}
.bg-color-pink-a700 {
background-color: #c51162;
}
.color-purple-50 {
color: #f3e5f5;
}
.bg-color-purple-50 {
background-color: #f3e5f5;
}
.color-purple-100 {
color: #e1bee7;
}
.bg-color-purple-100 {
background-color: #e1bee7;
}
.color-purple-200 {
color: #ce93d8;
}
.bg-color-purple-200 {
background-color: #ce93d8;
}
.color-purple-300 {
color: #ba68c8;
}
.bg-color-purple-300 {
background-color: #ba68c8;
}
.color-purple-400 {
color: #ab47bc;
}
.bg-color-purple-400 {
background-color: #ab47bc;
}
.color-purple-500 {
color: #9c27b0;
}
.bg-color-purple-500 {
background-color: #9c27b0;
}
.color-purple-600 {
color: #8e24aa;
}
.bg-color-purple-600 {
background-color: #8e24aa;
}
.color-purple-700 {
color: #7b1fa2;
}
.bg-color-purple-700 {
background-color: #7b1fa2;
}
.color-purple-800 {
color: #6a1b9a;
}
.bg-color-purple-800 {
background-color: #6a1b9a;
}
.color-purple-900 {
color: #4a148c;
}
.bg-color-purple-900 {
background-color: #4a148c;
}
.color-purple-a100 {
color: #ea80fc;
}
.bg-color-purple-a100 {
background-color: #ea80fc;
}
.color-purple-a200 {
color: #e040fb;
}
.bg-color-purple-a200 {
background-color: #e040fb;
}
.color-purple-a400 {
color: #d500f9;
}
.bg-color-purple-a400 {
background-color: #d500f9;
}
.color-purple-a700 {
color: #aa00ff;
}
.bg-color-purple-a700 {
background-color: #aa00ff;
}
.color-deep-purple-50 {
color: #ede7f6;
}
.bg-color-deep-purple-50 {
background-color: #ede7f6;
}
.color-deep-purple-100 {
color: #d1c4e9;
}
.bg-color-deep-purple-100 {
background-color: #d1c4e9;
}
.color-deep-purple-200 {
color: #b39ddb;
}
.bg-color-deep-purple-200 {
background-color: #b39ddb;
}
.color-deep-purple-300 {
color: #9575cd;
}
.bg-color-deep-purple-300 {
background-color: #9575cd;
}
.color-deep-purple-400 {
color: #7e57c2;
}
.bg-color-deep-purple-400 {
background-color: #7e57c2;
}
.color-deep-purple-500 {
color: #673ab7;
}
.bg-color-deep-purple-500 {
background-color: #673ab7;
}
.color-deep-purple-600 {
color: #5e35b1;
}
.bg-color-deep-purple-600 {
background-color: #5e35b1;
}
.color-deep-purple-700 {
color: #512da8;
}
.bg-color-deep-purple-700 {
background-color: #512da8;
}
.color-deep-purple-800 {
color: #4527a0;
}
.bg-color-deep-purple-800 {
background-color: #4527a0;
}
.color-deep-purple-900 {
color: #311b92;
}
.bg-color-deep-purple-900 {
background-color: #311b92;
}
.color-deep-purple-a100 {
color: #b388ff;
}
.bg-color-deep-purple-a100 {
background-color: #b388ff;
}
.color-deep-purple-a200 {
color: #7c4dff;
}
.bg-color-deep-purple-a200 {
background-color: #7c4dff;
}
.color-deep-purple-a400 {
color: #651fff;
}
.bg-color-deep-purple-a400 {
background-color: #651fff;
}
.color-deep-purple-a700 {
color: #6200ea;
}
.bg-color-deep-purple-a700 {
background-color: #6200ea;
}
.color-indigo-50 {
color: #e8eaf6;
}
.bg-color-indigo-50 {
background-color: #e8eaf6;
}
.color-indigo-100 {
color: #c5cae9;
}
.bg-color-indigo-100 {
background-color: #c5cae9;
}
.color-indigo-200 {
color: #9fa8da;
}
.bg-color-indigo-200 {
background-color: #9fa8da;
}
.color-indigo-300 {
color: #7986cb;
}
.bg-color-indigo-300 {
background-color: #7986cb;
}
.color-indigo-400 {
color: #5c6bc0;
}
.bg-color-indigo-400 {
background-color: #5c6bc0;
}
.color-indigo-500 {
color: #3f51b5;
}
.bg-color-indigo-500 {
background-color: #3f51b5;
}
.color-indigo-600 {
color: #3949ab;
}
.bg-color-indigo-600 {
background-color: #3949ab;
}
.color-indigo-700 {
color: #303f9f;
}
.bg-color-indigo-700 {
background-color: #303f9f;
}
.color-indigo-800 {
color: #283593;
}
.bg-color-indigo-800 {
background-color: #283593;
}
.color-indigo-900 {
color: #1a237e;
}
.bg-color-indigo-900 {
background-color: #1a237e;
}
.color-indigo-a100 {
color: #8c9eff;
}
.bg-color-indigo-a100 {
background-color: #8c9eff;
}
.color-indigo-a200 {
color: #536dfe;
}
.bg-color-indigo-a200 {
background-color: #536dfe;
}
.color-indigo-a400 {
color: #3d5afe;
}
.bg-color-indigo-a400 {
background-color: #3d5afe;
}
.color-indigo-a700 {
color: #304ffe;
}
.bg-color-indigo-a700 {
background-color: #304ffe;
}
.color-blue-50 {
color: #e3f2fd;
}
.bg-color-blue-50 {
background-color: #e3f2fd;
}
.color-blue-100 {
color: #bbdefb;
}
.bg-color-blue-100 {
background-color: #bbdefb;
}
.color-blue-200 {
color: #90caf9;
}
.bg-color-blue-200 {
background-color: #90caf9;
}
.color-blue-300 {
color: #64b5f6;
}
.bg-color-blue-300 {
background-color: #64b5f6;
}
.color-blue-400 {
color: #42a5f5;
}
.bg-color-blue-400 {
background-color: #42a5f5;
}
.color-blue-500 {
color: #2196f3;
}
.bg-color-blue-500 {
background-color: #2196f3;
}
.color-blue-600 {
color: #1e88e5;
}
.bg-color-blue-600 {
background-color: #1e88e5;
}
.color-blue-700 {
color: #1976d2;
}
.bg-color-blue-700 {
background-color: #1976d2;
}
.color-blue-800 {
color: #1565c0;
}
.bg-color-blue-800 {
background-color: #1565c0;
}
.color-blue-900 {
color: #0d47a1;
}
.bg-color-blue-900 {
background-color: #0d47a1;
}
.color-blue-a100 {
color: #82b1ff;
}
.bg-color-blue-a100 {
background-color: #82b1ff;
}
.color-blue-a200 {
color: #448aff;
}
.bg-color-blue-a200 {
background-color: #448aff;
}
.color-blue-a400 {
color: #2979ff;
}
.bg-color-blue-a400 {
background-color: #2979ff;
}
.color-blue-a700 {
color: #2962ff;
}
.bg-color-blue-a700 {
background-color: #2962ff;
}
.color-light-blue-50 {
color: #e1f5fe;
}
.bg-color-light-blue-50 {
background-color: #e1f5fe;
}
.color-light-blue-100 {
color: #b3e5fc;
}
.bg-color-light-blue-100 {
background-color: #b3e5fc;
}
.color-light-blue-200 {
color: #81d4fa;
}
.bg-color-light-blue-200 {
background-color: #81d4fa;
}
.color-light-blue-300 {
color: #4fc3f7;
}
.bg-color-light-blue-300 {
background-color: #4fc3f7;
}
.color-light-blue-400 {
color: #29b6f6;
}
.bg-color-light-blue-400 {
background-color: #29b6f6;
}
.color-light-blue-500 {
color: #03a9f4;
}
.bg-color-light-blue-500 {
background-color: #03a9f4;
}
.color-light-blue-600 {
color: #039be5;
}
.bg-color-light-blue-600 {
background-color: #039be5;
}
.color-light-blue-700 {
color: #0288d1;
}
.bg-color-light-blue-700 {
background-color: #0288d1;
}
.color-light-blue-800 {
color: #0277bd;
}
.bg-color-light-blue-800 {
background-color: #0277bd;
}
.color-light-blue-900 {
color: #01579b;
}
.bg-color-light-blue-900 {
background-color: #01579b;
}
.color-light-blue-a100 {
color: #80d8ff;
}
.bg-color-light-blue-a100 {
background-color: #80d8ff;
}
.color-light-blue-a200 {
color: #40c4ff;
}
.bg-color-light-blue-a200 {
background-color: #40c4ff;
}
.color-light-blue-a400 {
color: #00b0ff;
}
.bg-color-light-blue-a400 {
background-color: #00b0ff;
}
.color-light-blue-a700 {
color: #0091ea;
}
.bg-color-light-blue-a700 {
background-color: #0091ea;
}
.color-cyan-50 {
color: #e0f7fa;
}
.bg-color-cyan-50 {
background-color: #e0f7fa;
}
.color-cyan-100 {
color: #b2ebf2;
}
.bg-color-cyan-100 {
background-color: #b2ebf2;
}
.color-cyan-200 {
color: #80deea;
}
.bg-color-cyan-200 {
background-color: #80deea;
}
.color-cyan-300 {
color: #4dd0e1;
}
.bg-color-cyan-300 {
background-color: #4dd0e1;
}
.color-cyan-400 {
color: #26c6da;
}
.bg-color-cyan-400 {
background-color: #26c6da;
}
.color-cyan-500 {
color: #00bcd4;
}
.bg-color-cyan-500 {
background-color: #00bcd4;
}
.color-cyan-600 {
color: #00acc1;
}
.bg-color-cyan-600 {
background-color: #00acc1;
}
.color-cyan-700 {
color: #0097a7;
}
.bg-color-cyan-700 {
background-color: #0097a7;
}
.color-cyan-800 {
color: #00838f;
}
.bg-color-cyan-800 {
background-color: #00838f;
}
.color-cyan-900 {
color: #006064;
}
.bg-color-cyan-900 {
background-color: #006064;
}
.color-cyan-a100 {
color: #84ffff;
}
.bg-color-cyan-a100 {
background-color: #84ffff;
}
.color-cyan-a200 {
color: #18ffff;
}
.bg-color-cyan-a200 {
background-color: #18ffff;
}
.color-cyan-a400 {
color: #00e5ff;
}
.bg-color-cyan-a400 {
background-color: #00e5ff;
}
.color-cyan-a700 {
color: #00b8d4;
}
.bg-color-cyan-a700 {
background-color: #00b8d4;
}
.color-teal-50 {
color: #e0f2f1;
}
.bg-color-teal-50 {
background-color: #e0f2f1;
}
.color-teal-100 {
color: #b2dfdb;
}
.bg-color-teal-100 {
background-color: #b2dfdb;
}
.color-teal-200 {
color: #80cbc4;
}
.bg-color-teal-200 {
background-color: #80cbc4;
}
.color-teal-300 {
color: #4db6ac;
}
.bg-color-teal-300 {
background-color: #4db6ac;
}
.color-teal-400 {
color: #26a69a;
}
.bg-color-teal-400 {
background-color: #26a69a;
}
.color-teal-500 {
color: #009688;
}
.bg-color-teal-500 {
background-color: #009688;
}
.color-teal-600 {
color: #00897b;
}
.bg-color-teal-600 {
background-color: #00897b;
}
.color-teal-700 {
color: #00796b;
}
.bg-color-teal-700 {
background-color: #00796b;
}
.color-teal-800 {
color: #00695c;
}
.bg-color-teal-800 {
background-color: #00695c;
}
.color-teal-900 {
color: #004d40;
}
.bg-color-teal-900 {
background-color: #004d40;
}
.color-teal-a100 {
color: #a7ffeb;
}
.bg-color-teal-a100 {
background-color: #a7ffeb;
}
.color-teal-a200 {
color: #64ffda;
}
.bg-color-teal-a200 {
background-color: #64ffda;
}
.color-teal-a400 {
color: #1de9b6;
}
.bg-color-teal-a400 {
background-color: #1de9b6;
}
.color-teal-a700 {
color: #00bfa5;
}
.bg-color-teal-a700 {
background-color: #00bfa5;
}
.color-green-50 {
color: #e8f5e9;
}
.bg-color-green-50 {
background-color: #e8f5e9;
}
.color-green-100 {
color: #c8e6c9;
}
.bg-color-green-100 {
background-color: #c8e6c9;
}
.color-green-200 {
color: #a5d6a7;
}
.bg-color-green-200 {
background-color: #a5d6a7;
}
.color-green-300 {
color: #81c784;
}
.bg-color-green-300 {
background-color: #81c784;
}
.color-green-400 {
color: #66bb6a;
}
.bg-color-green-400 {
background-color: #66bb6a;
}
.color-green-500 {
color: #4caf50;
}
.bg-color-green-500 {
background-color: #4caf50;
}
.color-green-600 {
color: #43a047;
}
.bg-color-green-600 {
background-color: #43a047;
}
.color-green-700 {
color: #388e3c;
}
.bg-color-green-700 {
background-color: #388e3c;
}
.color-green-800 {
color: #2e7d32;
}
.bg-color-green-800 {
background-color: #2e7d32;
}
.color-green-900 {
color: #1b5e20;
}
.bg-color-green-900 {
background-color: #1b5e20;
}
.color-green-a100 {
color: #b9f6ca;
}
.bg-color-green-a100 {
background-color: #b9f6ca;
}
.color-green-a200 {
color: #69f0ae;
}
.bg-color-green-a200 {
background-color: #69f0ae;
}
.color-green-a400 {
color: #00e676;
}
.bg-color-green-a400 {
background-color: #00e676;
}
.color-green-a700 {
color: #00c853;
}
.bg-color-green-a700 {
background-color: #00c853;
}
.color-light-green-50 {
color: #f1f8e9;
}
.bg-color-light-green-50 {
background-color: #f1f8e9;
}
.color-light-green-100 {
color: #dcedc8;
}
.bg-color-light-green-100 {
background-color: #dcedc8;
}
.color-light-green-200 {
color: #c5e1a5;
}
.bg-color-light-green-200 {
background-color: #c5e1a5;
}
.color-light-green-300 {
color: #aed581;
}
.bg-color-light-green-300 {
background-color: #aed581;
}
.color-light-green-400 {
color: #9ccc65;
}
.bg-color-light-green-400 {
background-color: #9ccc65;
}
.color-light-green-500 {
color: #8bc34a;
}
.bg-color-light-green-500 {
background-color: #8bc34a;
}
.color-light-green-600 {
color: #7cb342;
}
.bg-color-light-green-600 {
background-color: #7cb342;
}
.color-light-green-700 {
color: #689f38;
}
.bg-color-light-green-700 {
background-color: #689f38;
}
.color-light-green-800 {
color: #558b2f;
}
.bg-color-light-green-800 {
background-color: #558b2f;
}
.color-light-green-900 {
color: #33691e;
}
.bg-color-light-green-900 {
background-color: #33691e;
}
.color-light-green-a100 {
color: #ccff90;
}
.bg-color-light-green-a100 {
background-color: #ccff90;
}
.color-light-green-a200 {
color: #b2ff59;
}
.bg-color-light-green-a200 {
background-color: #b2ff59;
}
.color-light-green-a400 {
color: #76ff03;
}
.bg-color-light-green-a400 {
background-color: #76ff03;
}
.color-light-green-a700 {
color: #64dd17;
}
.bg-color-light-green-a700 {
background-color: #64dd17;
}
.color-lime-50 {
color: #f9fbe7;
}
.bg-color-lime-50 {
background-color: #f9fbe7;
}
.color-lime-100 {
color: #f0f4c3;
}
.bg-color-lime-100 {
background-color: #f0f4c3;
}
.color-lime-200 {
color: #e6ee9c;
}
.bg-color-lime-200 {
background-color: #e6ee9c;
}
.color-lime-300 {
color: #dce775;
}
.bg-color-lime-300 {
background-color: #dce775;
}
.color-lime-400 {
color: #d4e157;
}
.bg-color-lime-400 {
background-color: #d4e157;
}
.color-lime-500 {
color: #cddc39;
}
.bg-color-lime-500 {
background-color: #cddc39;
}
.color-lime-600 {
color: #c0ca33;
}
.bg-color-lime-600 {
background-color: #c0ca33;
}
.color-lime-700 {
color: #afb42b;
}
.bg-color-lime-700 {
background-color: #afb42b;
}
.color-lime-800 {
color: #9e9d24;
}
.bg-color-lime-800 {
background-color: #9e9d24;
}
.color-lime-900 {
color: #827717;
}
.bg-color-lime-900 {
background-color: #827717;
}
.color-lime-a100 {
color: #f4ff81;
}
.bg-color-lime-a100 {
background-color: #f4ff81;
}
.color-lime-a200 {
color: #eeff41;
}
.bg-color-lime-a200 {
background-color: #eeff41;
}
.color-lime-a400 {
color: #c6ff00;
}
.bg-color-lime-a400 {
background-color: #c6ff00;
}
.color-lime-a700 {
color: #aeea00;
}
.bg-color-lime-a700 {
background-color: #aeea00;
}
.color-yellow-50 {
color: #fffde7;
}
.bg-color-yellow-50 {
background-color: #fffde7;
}
.color-yellow-100 {
color: #fff9c4;
}
.bg-color-yellow-100 {
background-color: #fff9c4;
}
.color-yellow-200 {
color: #fff59d;
}
.bg-color-yellow-200 {
background-color: #fff59d;
}
.color-yellow-300 {
color: #fff176;
}
.bg-color-yellow-300 {
background-color: #fff176;
}
.color-yellow-400 {
color: #ffee58;
}
.bg-color-yellow-400 {
background-color: #ffee58;
}
.color-yellow-500 {
color: #ffeb3b;
}
.bg-color-yellow-500 {
background-color: #ffeb3b;
}
.color-yellow-600 {
color: #fdd835;
}
.bg-color-yellow-600 {
background-color: #fdd835;
}
.color-yellow-700 {
color: #fbc02d;
}
.bg-color-yellow-700 {
background-color: #fbc02d;
}
.color-yellow-800 {
color: #f9a825;
}
.bg-color-yellow-800 {
background-color: #f9a825;
}
.color-yellow-900 {
color: #f57f17;
}
.bg-color-yellow-900 {
background-color: #f57f17;
}
.color-yellow-a100 {
color: #ffff8d;
}
.bg-color-yellow-a100 {
background-color: #ffff8d;
}
.color-yellow-a200 {
color: #ffff00;
}
.bg-color-yellow-a200 {
background-color: #ffff00;
}
.color-yellow-a400 {
color: #ffea00;
}
.bg-color-yellow-a400 {
background-color: #ffea00;
}
.color-yellow-a700 {
color: #ffd600;
}
.bg-color-yellow-a700 {
background-color: #ffd600;
}
.color-amber-50 {
color: #fff8e1;
}
.bg-color-amber-50 {
background-color: #fff8e1;
}
.color-amber-100 {
color: #ffecb3;
}
.bg-color-amber-100 {
background-color: #ffecb3;
}
.color-amber-200 {
color: #ffe082;
}
.bg-color-amber-200 {
background-color: #ffe082;
}
.color-amber-300 {
color: #ffd54f;
}
.bg-color-amber-300 {
background-color: #ffd54f;
}
.color-amber-400 {
color: #ffca28;
}
.bg-color-amber-400 {
background-color: #ffca28;
}
.color-amber-500 {
color: #ffc107;
}
.bg-color-amber-500 {
background-color: #ffc107;
}
.color-amber-600 {
color: #ffb300;
}
.bg-color-amber-600 {
background-color: #ffb300;
}
.color-amber-700 {
color: #ffa000;
}
.bg-color-amber-700 {
background-color: #ffa000;
}
.color-amber-800 {
color: #ff8f00;
}
.bg-color-amber-800 {
background-color: #ff8f00;
}
.color-amber-900 {
color: #ff6f00;
}
.bg-color-amber-900 {
background-color: #ff6f00;
}
.color-amber-a100 {
color: #ffe57f;
}
.bg-color-amber-a100 {
background-color: #ffe57f;
}
.color-amber-a200 {
color: #ffd740;
}
.bg-color-amber-a200 {
background-color: #ffd740;
}
.color-amber-a400 {
color: #ffc400;
}
.bg-color-amber-a400 {
background-color: #ffc400;
}
.color-amber-a700 {
color: #ffab00;
}
.bg-color-amber-a700 {
background-color: #ffab00;
}
.color-orange-50 {
color: #fff3e0;
}
.bg-color-orange-50 {
background-color: #fff3e0;
}
.color-orange-100 {
color: #ffe0b2;
}
.bg-color-orange-100 {
background-color: #ffe0b2;
}
.color-orange-200 {
color: #ffcc80;
}
.bg-color-orange-200 {
background-color: #ffcc80;
}
.color-orange-300 {
color: #ffb74d;
}
.bg-color-orange-300 {
background-color: #ffb74d;
}
.color-orange-400 {
color: #ffa726;
}
.bg-color-orange-400 {
background-color: #ffa726;
}
.color-orange-500 {
color: #ff9800;
}
.bg-color-orange-500 {
background-color: #ff9800;
}
.color-orange-600 {
color: #fb8c00;
}
.bg-color-orange-600 {
background-color: #fb8c00;
}
.color-orange-700 {
color: #f57c00;
}
.bg-color-orange-700 {
background-color: #f57c00;
}
.color-orange-800 {
color: #ef6c00;
}
.bg-color-orange-800 {
background-color: #ef6c00;
}
.color-orange-900 {
color: #e65100;
}
.bg-color-orange-900 {
background-color: #e65100;
}
.color-orange-a100 {
color: #ffd180;
}
.bg-color-orange-a100 {
background-color: #ffd180;
}
.color-orange-a200 {
color: #ffab40;
}
.bg-color-orange-a200 {
background-color: #ffab40;
}
.color-orange-a400 {
color: #ff9100;
}
.bg-color-orange-a400 {
background-color: #ff9100;
}
.color-orange-a700 {
color: #ff6d00;
}
.bg-color-orange-a700 {
background-color: #ff6d00;
}
.color-deep-orange-50 {
color: #fbe9e7;
}
.bg-color-deep-orange-50 {
background-color: #fbe9e7;
}
.color-deep-orange-100 {
color: #ffccbc;
}
.bg-color-deep-orange-100 {
background-color: #ffccbc;
}
.color-deep-orange-200 {
color: #ffab91;
}
.bg-color-deep-orange-200 {
background-color: #ffab91;
}
.color-deep-orange-300 {
color: #ff8a65;
}
.bg-color-deep-orange-300 {
background-color: #ff8a65;
}
.color-deep-orange-400 {
color: #ff7043;
}
.bg-color-deep-orange-400 {
background-color: #ff7043;
}
.color-deep-orange-500 {
color: #ff5722;
}
.bg-color-deep-orange-500 {
background-color: #ff5722;
}
.color-deep-orange-600 {
color: #f4511e;
}
.bg-color-deep-orange-600 {
background-color: #f4511e;
}
.color-deep-orange-700 {
color: #e64a19;
}
.bg-color-deep-orange-700 {
background-color: #e64a19;
}
.color-deep-orange-800 {
color: #d84315;
}
.bg-color-deep-orange-800 {
background-color: #d84315;
}
.color-deep-orange-900 {
color: #bf360c;
}
.bg-color-deep-orange-900 {
background-color: #bf360c;
}
.color-deep-orange-a100 {
color: #ff9e80;
}
.bg-color-deep-orange-a100 {
background-color: #ff9e80;
}
.color-deep-orange-a200 {
color: #ff6e40;
}
.bg-color-deep-orange-a200 {
background-color: #ff6e40;
}
.color-deep-orange-a400 {
color: #ff3d00;
}
.bg-color-deep-orange-a400 {
background-color: #ff3d00;
}
.color-deep-orange-a700 {
color: #dd2c00;
}
.bg-color-deep-orange-a700 {
background-color: #dd2c00;
}
.color-brown-50 {
color: #efebe9;
}
.bg-color-brown-50 {
background-color: #efebe9;
}
.color-brown-100 {
color: #d7ccc8;
}
.bg-color-brown-100 {
background-color: #d7ccc8;
}
.color-brown-200 {
color: #bcaaa4;
}
.bg-color-brown-200 {
background-color: #bcaaa4;
}
.color-brown-300 {
color: #a1887f;
}
.bg-color-brown-300 {
background-color: #a1887f;
}
.color-brown-400 {
color: #8d6e63;
}
.bg-color-brown-400 {
background-color: #8d6e63;
}
.color-brown-500 {
color: #795548;
}
.bg-color-brown-500 {
background-color: #795548;
}
.color-brown-600 {
color: #6d4c41;
}
.bg-color-brown-600 {
background-color: #6d4c41;
}
.color-brown-700 {
color: #5d4037;
}
.bg-color-brown-700 {
background-color: #5d4037;
}
.color-brown-800 {
color: #4e342e;
}
.bg-color-brown-800 {
background-color: #4e342e;
}
.color-brown-900 {
color: #3e2723;
}
.bg-color-brown-900 {
background-color: #3e2723;
}
.color-grey-50 {
color: #fafafa;
}
.bg-color-grey-50 {
background-color: #fafafa;
}
.color-grey-100 {
color: #f5f5f5;
}
.bg-color-grey-100 {
background-color: #f5f5f5;
}
.color-grey-200 {
color: #eeeeee;
}
.bg-color-grey-200 {
background-color: #eeeeee;
}
.color-grey-300 {
color: #e0e0e0;
}
.bg-color-grey-300 {
background-color: #e0e0e0;
}
.color-grey-400 {
color: #bdbdbd;
}
.bg-color-grey-400 {
background-color: #bdbdbd;
}
.color-grey-500 {
color: #9e9e9e;
}
.bg-color-grey-500 {
background-color: #9e9e9e;
}
.color-grey-600 {
color: #757575;
}
.bg-color-grey-600 {
background-color: #757575;
}
.color-grey-700 {
color: #616161;
}
.bg-color-grey-700 {
background-color: #616161;
}
.color-grey-800 {
color: #424242;
}
.bg-color-grey-800 {
background-color: #424242;
}
.color-grey-900 {
color: #212121;
}
.bg-color-grey-900 {
background-color: #212121;
}
.color-blue-grey-50 {
color: #eceff1;
}
.bg-color-blue-grey-50 {
background-color: #eceff1;
}
.color-blue-grey-100 {
color: #cfd8dc;
}
.bg-color-blue-grey-100 {
background-color: #cfd8dc;
}
.color-blue-grey-200 {
color: #b0bec5;
}
.bg-color-blue-grey-200 {
background-color: #b0bec5;
}
.color-blue-grey-300 {
color: #90a4ae;
}
.bg-color-blue-grey-300 {
background-color: #90a4ae;
}
.color-blue-grey-400 {
color: #78909c;
}
.bg-color-blue-grey-400 {
background-color: #78909c;
}
.color-blue-grey-500 {
color: #607d8b;
}
.bg-color-blue-grey-500 {
background-color: #607d8b;
}
.color-blue-grey-600 {
color: #546e7a;
}
.bg-color-blue-grey-600 {
background-color: #546e7a;
}
.color-blue-grey-700 {
color: #455a64;
}
.bg-color-blue-grey-700 {
background-color: #455a64;
}
.color-blue-grey-800 {
color: #37474f;
}
.bg-color-blue-grey-800 {
background-color: #37474f;
}
.color-blue-grey-900 {
color: #263238;
}
.bg-color-blue-grey-900 {
background-color: #263238;
}
.color-blue-grey-1000 {
color: #11171a;
}
.bg-color-blue-grey-1000 {
background-color: #11171a;
}
.fib, .fi {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.fi {
position: relative;
display: inline-block;
width: 1.333333em;
line-height: 1em;
}
.fi:before {
content: " ";
}
.fi.fis {
width: 1em;
}
.fi-xx {
background-image: url(../../../libraries/flag-icons/flags//4x3/xx.svg);
}
.fi-xx.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/xx.svg);
}
.fi-ad {
background-image: url(../../../libraries/flag-icons/flags//4x3/ad.svg);
}
.fi-ad.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ad.svg);
}
.fi-ae {
background-image: url(../../../libraries/flag-icons/flags//4x3/ae.svg);
}
.fi-ae.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ae.svg);
}
.fi-af {
background-image: url(../../../libraries/flag-icons/flags//4x3/af.svg);
}
.fi-af.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/af.svg);
}
.fi-ag {
background-image: url(../../../libraries/flag-icons/flags//4x3/ag.svg);
}
.fi-ag.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ag.svg);
}
.fi-ai {
background-image: url(../../../libraries/flag-icons/flags//4x3/ai.svg);
}
.fi-ai.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ai.svg);
}
.fi-al {
background-image: url(../../../libraries/flag-icons/flags//4x3/al.svg);
}
.fi-al.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/al.svg);
}
.fi-am {
background-image: url(../../../libraries/flag-icons/flags//4x3/am.svg);
}
.fi-am.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/am.svg);
}
.fi-ao {
background-image: url(../../../libraries/flag-icons/flags//4x3/ao.svg);
}
.fi-ao.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ao.svg);
}
.fi-aq {
background-image: url(../../../libraries/flag-icons/flags//4x3/aq.svg);
}
.fi-aq.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/aq.svg);
}
.fi-ar {
background-image: url(../../../libraries/flag-icons/flags//4x3/ar.svg);
}
.fi-ar.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ar.svg);
}
.fi-as {
background-image: url(../../../libraries/flag-icons/flags//4x3/as.svg);
}
.fi-as.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/as.svg);
}
.fi-at {
background-image: url(../../../libraries/flag-icons/flags//4x3/at.svg);
}
.fi-at.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/at.svg);
}
.fi-au {
background-image: url(../../../libraries/flag-icons/flags//4x3/au.svg);
}
.fi-au.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/au.svg);
}
.fi-aw {
background-image: url(../../../libraries/flag-icons/flags//4x3/aw.svg);
}
.fi-aw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/aw.svg);
}
.fi-ax {
background-image: url(../../../libraries/flag-icons/flags//4x3/ax.svg);
}
.fi-ax.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ax.svg);
}
.fi-az {
background-image: url(../../../libraries/flag-icons/flags//4x3/az.svg);
}
.fi-az.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/az.svg);
}
.fi-ba {
background-image: url(../../../libraries/flag-icons/flags//4x3/ba.svg);
}
.fi-ba.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ba.svg);
}
.fi-bb {
background-image: url(../../../libraries/flag-icons/flags//4x3/bb.svg);
}
.fi-bb.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bb.svg);
}
.fi-bd {
background-image: url(../../../libraries/flag-icons/flags//4x3/bd.svg);
}
.fi-bd.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bd.svg);
}
.fi-be {
background-image: url(../../../libraries/flag-icons/flags//4x3/be.svg);
}
.fi-be.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/be.svg);
}
.fi-bf {
background-image: url(../../../libraries/flag-icons/flags//4x3/bf.svg);
}
.fi-bf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bf.svg);
}
.fi-bg {
background-image: url(../../../libraries/flag-icons/flags//4x3/bg.svg);
}
.fi-bg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bg.svg);
}
.fi-bh {
background-image: url(../../../libraries/flag-icons/flags//4x3/bh.svg);
}
.fi-bh.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bh.svg);
}
.fi-bi {
background-image: url(../../../libraries/flag-icons/flags//4x3/bi.svg);
}
.fi-bi.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bi.svg);
}
.fi-bj {
background-image: url(../../../libraries/flag-icons/flags//4x3/bj.svg);
}
.fi-bj.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bj.svg);
}
.fi-bl {
background-image: url(../../../libraries/flag-icons/flags//4x3/bl.svg);
}
.fi-bl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bl.svg);
}
.fi-bm {
background-image: url(../../../libraries/flag-icons/flags//4x3/bm.svg);
}
.fi-bm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bm.svg);
}
.fi-bn {
background-image: url(../../../libraries/flag-icons/flags//4x3/bn.svg);
}
.fi-bn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bn.svg);
}
.fi-bo {
background-image: url(../../../libraries/flag-icons/flags//4x3/bo.svg);
}
.fi-bo.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bo.svg);
}
.fi-bq {
background-image: url(../../../libraries/flag-icons/flags//4x3/bq.svg);
}
.fi-bq.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bq.svg);
}
.fi-br {
background-image: url(../../../libraries/flag-icons/flags//4x3/br.svg);
}
.fi-br.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/br.svg);
}
.fi-bs {
background-image: url(../../../libraries/flag-icons/flags//4x3/bs.svg);
}
.fi-bs.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bs.svg);
}
.fi-bt {
background-image: url(../../../libraries/flag-icons/flags//4x3/bt.svg);
}
.fi-bt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bt.svg);
}
.fi-bv {
background-image: url(../../../libraries/flag-icons/flags//4x3/bv.svg);
}
.fi-bv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bv.svg);
}
.fi-bw {
background-image: url(../../../libraries/flag-icons/flags//4x3/bw.svg);
}
.fi-bw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bw.svg);
}
.fi-by {
background-image: url(../../../libraries/flag-icons/flags//4x3/by.svg);
}
.fi-by.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/by.svg);
}
.fi-bz {
background-image: url(../../../libraries/flag-icons/flags//4x3/bz.svg);
}
.fi-bz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/bz.svg);
}
.fi-ca {
background-image: url(../../../libraries/flag-icons/flags//4x3/ca.svg);
}
.fi-ca.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ca.svg);
}
.fi-cc {
background-image: url(../../../libraries/flag-icons/flags//4x3/cc.svg);
}
.fi-cc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cc.svg);
}
.fi-cd {
background-image: url(../../../libraries/flag-icons/flags//4x3/cd.svg);
}
.fi-cd.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cd.svg);
}
.fi-cf {
background-image: url(../../../libraries/flag-icons/flags//4x3/cf.svg);
}
.fi-cf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cf.svg);
}
.fi-cg {
background-image: url(../../../libraries/flag-icons/flags//4x3/cg.svg);
}
.fi-cg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cg.svg);
}
.fi-ch {
background-image: url(../../../libraries/flag-icons/flags//4x3/ch.svg);
}
.fi-ch.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ch.svg);
}
.fi-ci {
background-image: url(../../../libraries/flag-icons/flags//4x3/ci.svg);
}
.fi-ci.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ci.svg);
}
.fi-ck {
background-image: url(../../../libraries/flag-icons/flags//4x3/ck.svg);
}
.fi-ck.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ck.svg);
}
.fi-cl {
background-image: url(../../../libraries/flag-icons/flags//4x3/cl.svg);
}
.fi-cl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cl.svg);
}
.fi-cm {
background-image: url(../../../libraries/flag-icons/flags//4x3/cm.svg);
}
.fi-cm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cm.svg);
}
.fi-cn {
background-image: url(../../../libraries/flag-icons/flags//4x3/cn.svg);
}
.fi-cn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cn.svg);
}
.fi-co {
background-image: url(../../../libraries/flag-icons/flags//4x3/co.svg);
}
.fi-co.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/co.svg);
}
.fi-cr {
background-image: url(../../../libraries/flag-icons/flags//4x3/cr.svg);
}
.fi-cr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cr.svg);
}
.fi-cu {
background-image: url(../../../libraries/flag-icons/flags//4x3/cu.svg);
}
.fi-cu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cu.svg);
}
.fi-cv {
background-image: url(../../../libraries/flag-icons/flags//4x3/cv.svg);
}
.fi-cv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cv.svg);
}
.fi-cw {
background-image: url(../../../libraries/flag-icons/flags//4x3/cw.svg);
}
.fi-cw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cw.svg);
}
.fi-cx {
background-image: url(../../../libraries/flag-icons/flags//4x3/cx.svg);
}
.fi-cx.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cx.svg);
}
.fi-cy {
background-image: url(../../../libraries/flag-icons/flags//4x3/cy.svg);
}
.fi-cy.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cy.svg);
}
.fi-cz {
background-image: url(../../../libraries/flag-icons/flags//4x3/cz.svg);
}
.fi-cz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cz.svg);
}
.fi-de {
background-image: url(../../../libraries/flag-icons/flags//4x3/de.svg);
}
.fi-de.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/de.svg);
}
.fi-dj {
background-image: url(../../../libraries/flag-icons/flags//4x3/dj.svg);
}
.fi-dj.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/dj.svg);
}
.fi-dk {
background-image: url(../../../libraries/flag-icons/flags//4x3/dk.svg);
}
.fi-dk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/dk.svg);
}
.fi-dm {
background-image: url(../../../libraries/flag-icons/flags//4x3/dm.svg);
}
.fi-dm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/dm.svg);
}
.fi-do {
background-image: url(../../../libraries/flag-icons/flags//4x3/do.svg);
}
.fi-do.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/do.svg);
}
.fi-dz {
background-image: url(../../../libraries/flag-icons/flags//4x3/dz.svg);
}
.fi-dz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/dz.svg);
}
.fi-ec {
background-image: url(../../../libraries/flag-icons/flags//4x3/ec.svg);
}
.fi-ec.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ec.svg);
}
.fi-ee {
background-image: url(../../../libraries/flag-icons/flags//4x3/ee.svg);
}
.fi-ee.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ee.svg);
}
.fi-eg {
background-image: url(../../../libraries/flag-icons/flags//4x3/eg.svg);
}
.fi-eg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/eg.svg);
}
.fi-eh {
background-image: url(../../../libraries/flag-icons/flags//4x3/eh.svg);
}
.fi-eh.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/eh.svg);
}
.fi-er {
background-image: url(../../../libraries/flag-icons/flags//4x3/er.svg);
}
.fi-er.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/er.svg);
}
.fi-es {
background-image: url(../../../libraries/flag-icons/flags//4x3/es.svg);
}
.fi-es.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/es.svg);
}
.fi-et {
background-image: url(../../../libraries/flag-icons/flags//4x3/et.svg);
}
.fi-et.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/et.svg);
}
.fi-fi {
background-image: url(../../../libraries/flag-icons/flags//4x3/fi.svg);
}
.fi-fi.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/fi.svg);
}
.fi-fj {
background-image: url(../../../libraries/flag-icons/flags//4x3/fj.svg);
}
.fi-fj.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/fj.svg);
}
.fi-fk {
background-image: url(../../../libraries/flag-icons/flags//4x3/fk.svg);
}
.fi-fk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/fk.svg);
}
.fi-fm {
background-image: url(../../../libraries/flag-icons/flags//4x3/fm.svg);
}
.fi-fm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/fm.svg);
}
.fi-fo {
background-image: url(../../../libraries/flag-icons/flags//4x3/fo.svg);
}
.fi-fo.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/fo.svg);
}
.fi-fr {
background-image: url(../../../libraries/flag-icons/flags//4x3/fr.svg);
}
.fi-fr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/fr.svg);
}
.fi-ga {
background-image: url(../../../libraries/flag-icons/flags//4x3/ga.svg);
}
.fi-ga.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ga.svg);
}
.fi-gb {
background-image: url(../../../libraries/flag-icons/flags//4x3/gb.svg);
}
.fi-gb.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gb.svg);
}
.fi-gd {
background-image: url(../../../libraries/flag-icons/flags//4x3/gd.svg);
}
.fi-gd.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gd.svg);
}
.fi-ge {
background-image: url(../../../libraries/flag-icons/flags//4x3/ge.svg);
}
.fi-ge.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ge.svg);
}
.fi-gf {
background-image: url(../../../libraries/flag-icons/flags//4x3/gf.svg);
}
.fi-gf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gf.svg);
}
.fi-gg {
background-image: url(../../../libraries/flag-icons/flags//4x3/gg.svg);
}
.fi-gg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gg.svg);
}
.fi-gh {
background-image: url(../../../libraries/flag-icons/flags//4x3/gh.svg);
}
.fi-gh.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gh.svg);
}
.fi-gi {
background-image: url(../../../libraries/flag-icons/flags//4x3/gi.svg);
}
.fi-gi.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gi.svg);
}
.fi-gl {
background-image: url(../../../libraries/flag-icons/flags//4x3/gl.svg);
}
.fi-gl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gl.svg);
}
.fi-gm {
background-image: url(../../../libraries/flag-icons/flags//4x3/gm.svg);
}
.fi-gm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gm.svg);
}
.fi-gn {
background-image: url(../../../libraries/flag-icons/flags//4x3/gn.svg);
}
.fi-gn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gn.svg);
}
.fi-gp {
background-image: url(../../../libraries/flag-icons/flags//4x3/gp.svg);
}
.fi-gp.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gp.svg);
}
.fi-gq {
background-image: url(../../../libraries/flag-icons/flags//4x3/gq.svg);
}
.fi-gq.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gq.svg);
}
.fi-gr {
background-image: url(../../../libraries/flag-icons/flags//4x3/gr.svg);
}
.fi-gr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gr.svg);
}
.fi-gs {
background-image: url(../../../libraries/flag-icons/flags//4x3/gs.svg);
}
.fi-gs.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gs.svg);
}
.fi-gt {
background-image: url(../../../libraries/flag-icons/flags//4x3/gt.svg);
}
.fi-gt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gt.svg);
}
.fi-gu {
background-image: url(../../../libraries/flag-icons/flags//4x3/gu.svg);
}
.fi-gu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gu.svg);
}
.fi-gw {
background-image: url(../../../libraries/flag-icons/flags//4x3/gw.svg);
}
.fi-gw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gw.svg);
}
.fi-gy {
background-image: url(../../../libraries/flag-icons/flags//4x3/gy.svg);
}
.fi-gy.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gy.svg);
}
.fi-hk {
background-image: url(../../../libraries/flag-icons/flags//4x3/hk.svg);
}
.fi-hk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/hk.svg);
}
.fi-hm {
background-image: url(../../../libraries/flag-icons/flags//4x3/hm.svg);
}
.fi-hm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/hm.svg);
}
.fi-hn {
background-image: url(../../../libraries/flag-icons/flags//4x3/hn.svg);
}
.fi-hn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/hn.svg);
}
.fi-hr {
background-image: url(../../../libraries/flag-icons/flags//4x3/hr.svg);
}
.fi-hr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/hr.svg);
}
.fi-ht {
background-image: url(../../../libraries/flag-icons/flags//4x3/ht.svg);
}
.fi-ht.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ht.svg);
}
.fi-hu {
background-image: url(../../../libraries/flag-icons/flags//4x3/hu.svg);
}
.fi-hu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/hu.svg);
}
.fi-id {
background-image: url(../../../libraries/flag-icons/flags//4x3/id.svg);
}
.fi-id.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/id.svg);
}
.fi-ie {
background-image: url(../../../libraries/flag-icons/flags//4x3/ie.svg);
}
.fi-ie.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ie.svg);
}
.fi-il {
background-image: url(../../../libraries/flag-icons/flags//4x3/il.svg);
}
.fi-il.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/il.svg);
}
.fi-im {
background-image: url(../../../libraries/flag-icons/flags//4x3/im.svg);
}
.fi-im.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/im.svg);
}
.fi-in {
background-image: url(../../../libraries/flag-icons/flags//4x3/in.svg);
}
.fi-in.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/in.svg);
}
.fi-io {
background-image: url(../../../libraries/flag-icons/flags//4x3/io.svg);
}
.fi-io.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/io.svg);
}
.fi-iq {
background-image: url(../../../libraries/flag-icons/flags//4x3/iq.svg);
}
.fi-iq.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/iq.svg);
}
.fi-ir {
background-image: url(../../../libraries/flag-icons/flags//4x3/ir.svg);
}
.fi-ir.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ir.svg);
}
.fi-is {
background-image: url(../../../libraries/flag-icons/flags//4x3/is.svg);
}
.fi-is.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/is.svg);
}
.fi-it {
background-image: url(../../../libraries/flag-icons/flags//4x3/it.svg);
}
.fi-it.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/it.svg);
}
.fi-je {
background-image: url(../../../libraries/flag-icons/flags//4x3/je.svg);
}
.fi-je.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/je.svg);
}
.fi-jm {
background-image: url(../../../libraries/flag-icons/flags//4x3/jm.svg);
}
.fi-jm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/jm.svg);
}
.fi-jo {
background-image: url(../../../libraries/flag-icons/flags//4x3/jo.svg);
}
.fi-jo.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/jo.svg);
}
.fi-jp {
background-image: url(../../../libraries/flag-icons/flags//4x3/jp.svg);
}
.fi-jp.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/jp.svg);
}
.fi-ke {
background-image: url(../../../libraries/flag-icons/flags//4x3/ke.svg);
}
.fi-ke.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ke.svg);
}
.fi-kg {
background-image: url(../../../libraries/flag-icons/flags//4x3/kg.svg);
}
.fi-kg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kg.svg);
}
.fi-kh {
background-image: url(../../../libraries/flag-icons/flags//4x3/kh.svg);
}
.fi-kh.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kh.svg);
}
.fi-ki {
background-image: url(../../../libraries/flag-icons/flags//4x3/ki.svg);
}
.fi-ki.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ki.svg);
}
.fi-km {
background-image: url(../../../libraries/flag-icons/flags//4x3/km.svg);
}
.fi-km.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/km.svg);
}
.fi-kn {
background-image: url(../../../libraries/flag-icons/flags//4x3/kn.svg);
}
.fi-kn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kn.svg);
}
.fi-kp {
background-image: url(../../../libraries/flag-icons/flags//4x3/kp.svg);
}
.fi-kp.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kp.svg);
}
.fi-kr {
background-image: url(../../../libraries/flag-icons/flags//4x3/kr.svg);
}
.fi-kr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kr.svg);
}
.fi-kw {
background-image: url(../../../libraries/flag-icons/flags//4x3/kw.svg);
}
.fi-kw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kw.svg);
}
.fi-ky {
background-image: url(../../../libraries/flag-icons/flags//4x3/ky.svg);
}
.fi-ky.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ky.svg);
}
.fi-kz {
background-image: url(../../../libraries/flag-icons/flags//4x3/kz.svg);
}
.fi-kz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/kz.svg);
}
.fi-la {
background-image: url(../../../libraries/flag-icons/flags//4x3/la.svg);
}
.fi-la.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/la.svg);
}
.fi-lb {
background-image: url(../../../libraries/flag-icons/flags//4x3/lb.svg);
}
.fi-lb.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lb.svg);
}
.fi-lc {
background-image: url(../../../libraries/flag-icons/flags//4x3/lc.svg);
}
.fi-lc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lc.svg);
}
.fi-li {
background-image: url(../../../libraries/flag-icons/flags//4x3/li.svg);
}
.fi-li.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/li.svg);
}
.fi-lk {
background-image: url(../../../libraries/flag-icons/flags//4x3/lk.svg);
}
.fi-lk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lk.svg);
}
.fi-lr {
background-image: url(../../../libraries/flag-icons/flags//4x3/lr.svg);
}
.fi-lr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lr.svg);
}
.fi-ls {
background-image: url(../../../libraries/flag-icons/flags//4x3/ls.svg);
}
.fi-ls.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ls.svg);
}
.fi-lt {
background-image: url(../../../libraries/flag-icons/flags//4x3/lt.svg);
}
.fi-lt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lt.svg);
}
.fi-lu {
background-image: url(../../../libraries/flag-icons/flags//4x3/lu.svg);
}
.fi-lu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lu.svg);
}
.fi-lv {
background-image: url(../../../libraries/flag-icons/flags//4x3/lv.svg);
}
.fi-lv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/lv.svg);
}
.fi-ly {
background-image: url(../../../libraries/flag-icons/flags//4x3/ly.svg);
}
.fi-ly.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ly.svg);
}
.fi-ma {
background-image: url(../../../libraries/flag-icons/flags//4x3/ma.svg);
}
.fi-ma.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ma.svg);
}
.fi-mc {
background-image: url(../../../libraries/flag-icons/flags//4x3/mc.svg);
}
.fi-mc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mc.svg);
}
.fi-md {
background-image: url(../../../libraries/flag-icons/flags//4x3/md.svg);
}
.fi-md.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/md.svg);
}
.fi-me {
background-image: url(../../../libraries/flag-icons/flags//4x3/me.svg);
}
.fi-me.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/me.svg);
}
.fi-mf {
background-image: url(../../../libraries/flag-icons/flags//4x3/mf.svg);
}
.fi-mf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mf.svg);
}
.fi-mg {
background-image: url(../../../libraries/flag-icons/flags//4x3/mg.svg);
}
.fi-mg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mg.svg);
}
.fi-mh {
background-image: url(../../../libraries/flag-icons/flags//4x3/mh.svg);
}
.fi-mh.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mh.svg);
}
.fi-mk {
background-image: url(../../../libraries/flag-icons/flags//4x3/mk.svg);
}
.fi-mk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mk.svg);
}
.fi-ml {
background-image: url(../../../libraries/flag-icons/flags//4x3/ml.svg);
}
.fi-ml.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ml.svg);
}
.fi-mm {
background-image: url(../../../libraries/flag-icons/flags//4x3/mm.svg);
}
.fi-mm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mm.svg);
}
.fi-mn {
background-image: url(../../../libraries/flag-icons/flags//4x3/mn.svg);
}
.fi-mn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mn.svg);
}
.fi-mo {
background-image: url(../../../libraries/flag-icons/flags//4x3/mo.svg);
}
.fi-mo.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mo.svg);
}
.fi-mp {
background-image: url(../../../libraries/flag-icons/flags//4x3/mp.svg);
}
.fi-mp.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mp.svg);
}
.fi-mq {
background-image: url(../../../libraries/flag-icons/flags//4x3/mq.svg);
}
.fi-mq.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mq.svg);
}
.fi-mr {
background-image: url(../../../libraries/flag-icons/flags//4x3/mr.svg);
}
.fi-mr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mr.svg);
}
.fi-ms {
background-image: url(../../../libraries/flag-icons/flags//4x3/ms.svg);
}
.fi-ms.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ms.svg);
}
.fi-mt {
background-image: url(../../../libraries/flag-icons/flags//4x3/mt.svg);
}
.fi-mt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mt.svg);
}
.fi-mu {
background-image: url(../../../libraries/flag-icons/flags//4x3/mu.svg);
}
.fi-mu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mu.svg);
}
.fi-mv {
background-image: url(../../../libraries/flag-icons/flags//4x3/mv.svg);
}
.fi-mv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mv.svg);
}
.fi-mw {
background-image: url(../../../libraries/flag-icons/flags//4x3/mw.svg);
}
.fi-mw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mw.svg);
}
.fi-mx {
background-image: url(../../../libraries/flag-icons/flags//4x3/mx.svg);
}
.fi-mx.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mx.svg);
}
.fi-my {
background-image: url(../../../libraries/flag-icons/flags//4x3/my.svg);
}
.fi-my.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/my.svg);
}
.fi-mz {
background-image: url(../../../libraries/flag-icons/flags//4x3/mz.svg);
}
.fi-mz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/mz.svg);
}
.fi-na {
background-image: url(../../../libraries/flag-icons/flags//4x3/na.svg);
}
.fi-na.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/na.svg);
}
.fi-nc {
background-image: url(../../../libraries/flag-icons/flags//4x3/nc.svg);
}
.fi-nc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/nc.svg);
}
.fi-ne {
background-image: url(../../../libraries/flag-icons/flags//4x3/ne.svg);
}
.fi-ne.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ne.svg);
}
.fi-nf {
background-image: url(../../../libraries/flag-icons/flags//4x3/nf.svg);
}
.fi-nf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/nf.svg);
}
.fi-ng {
background-image: url(../../../libraries/flag-icons/flags//4x3/ng.svg);
}
.fi-ng.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ng.svg);
}
.fi-ni {
background-image: url(../../../libraries/flag-icons/flags//4x3/ni.svg);
}
.fi-ni.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ni.svg);
}
.fi-nl {
background-image: url(../../../libraries/flag-icons/flags//4x3/nl.svg);
}
.fi-nl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/nl.svg);
}
.fi-no {
background-image: url(../../../libraries/flag-icons/flags//4x3/no.svg);
}
.fi-no.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/no.svg);
}
.fi-np {
background-image: url(../../../libraries/flag-icons/flags//4x3/np.svg);
}
.fi-np.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/np.svg);
}
.fi-nr {
background-image: url(../../../libraries/flag-icons/flags//4x3/nr.svg);
}
.fi-nr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/nr.svg);
}
.fi-nu {
background-image: url(../../../libraries/flag-icons/flags//4x3/nu.svg);
}
.fi-nu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/nu.svg);
}
.fi-nz {
background-image: url(../../../libraries/flag-icons/flags//4x3/nz.svg);
}
.fi-nz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/nz.svg);
}
.fi-om {
background-image: url(../../../libraries/flag-icons/flags//4x3/om.svg);
}
.fi-om.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/om.svg);
}
.fi-pa {
background-image: url(../../../libraries/flag-icons/flags//4x3/pa.svg);
}
.fi-pa.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pa.svg);
}
.fi-pe {
background-image: url(../../../libraries/flag-icons/flags//4x3/pe.svg);
}
.fi-pe.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pe.svg);
}
.fi-pf {
background-image: url(../../../libraries/flag-icons/flags//4x3/pf.svg);
}
.fi-pf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pf.svg);
}
.fi-pg {
background-image: url(../../../libraries/flag-icons/flags//4x3/pg.svg);
}
.fi-pg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pg.svg);
}
.fi-ph {
background-image: url(../../../libraries/flag-icons/flags//4x3/ph.svg);
}
.fi-ph.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ph.svg);
}
.fi-pk {
background-image: url(../../../libraries/flag-icons/flags//4x3/pk.svg);
}
.fi-pk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pk.svg);
}
.fi-pl {
background-image: url(../../../libraries/flag-icons/flags//4x3/pl.svg);
}
.fi-pl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pl.svg);
}
.fi-pm {
background-image: url(../../../libraries/flag-icons/flags//4x3/pm.svg);
}
.fi-pm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pm.svg);
}
.fi-pn {
background-image: url(../../../libraries/flag-icons/flags//4x3/pn.svg);
}
.fi-pn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pn.svg);
}
.fi-pr {
background-image: url(../../../libraries/flag-icons/flags//4x3/pr.svg);
}
.fi-pr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pr.svg);
}
.fi-ps {
background-image: url(../../../libraries/flag-icons/flags//4x3/ps.svg);
}
.fi-ps.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ps.svg);
}
.fi-pt {
background-image: url(../../../libraries/flag-icons/flags//4x3/pt.svg);
}
.fi-pt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pt.svg);
}
.fi-pw {
background-image: url(../../../libraries/flag-icons/flags//4x3/pw.svg);
}
.fi-pw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/pw.svg);
}
.fi-py {
background-image: url(../../../libraries/flag-icons/flags//4x3/py.svg);
}
.fi-py.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/py.svg);
}
.fi-qa {
background-image: url(../../../libraries/flag-icons/flags//4x3/qa.svg);
}
.fi-qa.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/qa.svg);
}
.fi-re {
background-image: url(../../../libraries/flag-icons/flags//4x3/re.svg);
}
.fi-re.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/re.svg);
}
.fi-ro {
background-image: url(../../../libraries/flag-icons/flags//4x3/ro.svg);
}
.fi-ro.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ro.svg);
}
.fi-rs {
background-image: url(../../../libraries/flag-icons/flags//4x3/rs.svg);
}
.fi-rs.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/rs.svg);
}
.fi-ru {
background-image: url(../../../libraries/flag-icons/flags//4x3/ru.svg);
}
.fi-ru.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ru.svg);
}
.fi-rw {
background-image: url(../../../libraries/flag-icons/flags//4x3/rw.svg);
}
.fi-rw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/rw.svg);
}
.fi-sa {
background-image: url(../../../libraries/flag-icons/flags//4x3/sa.svg);
}
.fi-sa.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sa.svg);
}
.fi-sb {
background-image: url(../../../libraries/flag-icons/flags//4x3/sb.svg);
}
.fi-sb.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sb.svg);
}
.fi-sc {
background-image: url(../../../libraries/flag-icons/flags//4x3/sc.svg);
}
.fi-sc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sc.svg);
}
.fi-sd {
background-image: url(../../../libraries/flag-icons/flags//4x3/sd.svg);
}
.fi-sd.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sd.svg);
}
.fi-se {
background-image: url(../../../libraries/flag-icons/flags//4x3/se.svg);
}
.fi-se.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/se.svg);
}
.fi-sg {
background-image: url(../../../libraries/flag-icons/flags//4x3/sg.svg);
}
.fi-sg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sg.svg);
}
.fi-sh {
background-image: url(../../../libraries/flag-icons/flags//4x3/sh.svg);
}
.fi-sh.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sh.svg);
}
.fi-si {
background-image: url(../../../libraries/flag-icons/flags//4x3/si.svg);
}
.fi-si.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/si.svg);
}
.fi-sj {
background-image: url(../../../libraries/flag-icons/flags//4x3/sj.svg);
}
.fi-sj.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sj.svg);
}
.fi-sk {
background-image: url(../../../libraries/flag-icons/flags//4x3/sk.svg);
}
.fi-sk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sk.svg);
}
.fi-sl {
background-image: url(../../../libraries/flag-icons/flags//4x3/sl.svg);
}
.fi-sl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sl.svg);
}
.fi-sm {
background-image: url(../../../libraries/flag-icons/flags//4x3/sm.svg);
}
.fi-sm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sm.svg);
}
.fi-sn {
background-image: url(../../../libraries/flag-icons/flags//4x3/sn.svg);
}
.fi-sn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sn.svg);
}
.fi-so {
background-image: url(../../../libraries/flag-icons/flags//4x3/so.svg);
}
.fi-so.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/so.svg);
}
.fi-sr {
background-image: url(../../../libraries/flag-icons/flags//4x3/sr.svg);
}
.fi-sr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sr.svg);
}
.fi-ss {
background-image: url(../../../libraries/flag-icons/flags//4x3/ss.svg);
}
.fi-ss.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ss.svg);
}
.fi-st {
background-image: url(../../../libraries/flag-icons/flags//4x3/st.svg);
}
.fi-st.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/st.svg);
}
.fi-sv {
background-image: url(../../../libraries/flag-icons/flags//4x3/sv.svg);
}
.fi-sv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sv.svg);
}
.fi-sx {
background-image: url(../../../libraries/flag-icons/flags//4x3/sx.svg);
}
.fi-sx.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sx.svg);
}
.fi-sy {
background-image: url(../../../libraries/flag-icons/flags//4x3/sy.svg);
}
.fi-sy.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sy.svg);
}
.fi-sz {
background-image: url(../../../libraries/flag-icons/flags//4x3/sz.svg);
}
.fi-sz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/sz.svg);
}
.fi-tc {
background-image: url(../../../libraries/flag-icons/flags//4x3/tc.svg);
}
.fi-tc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tc.svg);
}
.fi-td {
background-image: url(../../../libraries/flag-icons/flags//4x3/td.svg);
}
.fi-td.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/td.svg);
}
.fi-tf {
background-image: url(../../../libraries/flag-icons/flags//4x3/tf.svg);
}
.fi-tf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tf.svg);
}
.fi-tg {
background-image: url(../../../libraries/flag-icons/flags//4x3/tg.svg);
}
.fi-tg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tg.svg);
}
.fi-th {
background-image: url(../../../libraries/flag-icons/flags//4x3/th.svg);
}
.fi-th.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/th.svg);
}
.fi-tj {
background-image: url(../../../libraries/flag-icons/flags//4x3/tj.svg);
}
.fi-tj.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tj.svg);
}
.fi-tk {
background-image: url(../../../libraries/flag-icons/flags//4x3/tk.svg);
}
.fi-tk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tk.svg);
}
.fi-tl {
background-image: url(../../../libraries/flag-icons/flags//4x3/tl.svg);
}
.fi-tl.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tl.svg);
}
.fi-tm {
background-image: url(../../../libraries/flag-icons/flags//4x3/tm.svg);
}
.fi-tm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tm.svg);
}
.fi-tn {
background-image: url(../../../libraries/flag-icons/flags//4x3/tn.svg);
}
.fi-tn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tn.svg);
}
.fi-to {
background-image: url(../../../libraries/flag-icons/flags//4x3/to.svg);
}
.fi-to.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/to.svg);
}
.fi-tr {
background-image: url(../../../libraries/flag-icons/flags//4x3/tr.svg);
}
.fi-tr.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tr.svg);
}
.fi-tt {
background-image: url(../../../libraries/flag-icons/flags//4x3/tt.svg);
}
.fi-tt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tt.svg);
}
.fi-tv {
background-image: url(../../../libraries/flag-icons/flags//4x3/tv.svg);
}
.fi-tv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tv.svg);
}
.fi-tw {
background-image: url(../../../libraries/flag-icons/flags//4x3/tw.svg);
}
.fi-tw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tw.svg);
}
.fi-tz {
background-image: url(../../../libraries/flag-icons/flags//4x3/tz.svg);
}
.fi-tz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/tz.svg);
}
.fi-ua {
background-image: url(../../../libraries/flag-icons/flags//4x3/ua.svg);
}
.fi-ua.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ua.svg);
}
.fi-ug {
background-image: url(../../../libraries/flag-icons/flags//4x3/ug.svg);
}
.fi-ug.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ug.svg);
}
.fi-um {
background-image: url(../../../libraries/flag-icons/flags//4x3/um.svg);
}
.fi-um.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/um.svg);
}
.fi-us {
background-image: url(../../../libraries/flag-icons/flags//4x3/us.svg);
}
.fi-us.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/us.svg);
}
.fi-uy {
background-image: url(../../../libraries/flag-icons/flags//4x3/uy.svg);
}
.fi-uy.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/uy.svg);
}
.fi-uz {
background-image: url(../../../libraries/flag-icons/flags//4x3/uz.svg);
}
.fi-uz.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/uz.svg);
}
.fi-va {
background-image: url(../../../libraries/flag-icons/flags//4x3/va.svg);
}
.fi-va.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/va.svg);
}
.fi-vc {
background-image: url(../../../libraries/flag-icons/flags//4x3/vc.svg);
}
.fi-vc.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/vc.svg);
}
.fi-ve {
background-image: url(../../../libraries/flag-icons/flags//4x3/ve.svg);
}
.fi-ve.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ve.svg);
}
.fi-vg {
background-image: url(../../../libraries/flag-icons/flags//4x3/vg.svg);
}
.fi-vg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/vg.svg);
}
.fi-vi {
background-image: url(../../../libraries/flag-icons/flags//4x3/vi.svg);
}
.fi-vi.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/vi.svg);
}
.fi-vn {
background-image: url(../../../libraries/flag-icons/flags//4x3/vn.svg);
}
.fi-vn.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/vn.svg);
}
.fi-vu {
background-image: url(../../../libraries/flag-icons/flags//4x3/vu.svg);
}
.fi-vu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/vu.svg);
}
.fi-wf {
background-image: url(../../../libraries/flag-icons/flags//4x3/wf.svg);
}
.fi-wf.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/wf.svg);
}
.fi-ws {
background-image: url(../../../libraries/flag-icons/flags//4x3/ws.svg);
}
.fi-ws.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ws.svg);
}
.fi-ye {
background-image: url(../../../libraries/flag-icons/flags//4x3/ye.svg);
}
.fi-ye.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ye.svg);
}
.fi-yt {
background-image: url(../../../libraries/flag-icons/flags//4x3/yt.svg);
}
.fi-yt.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/yt.svg);
}
.fi-za {
background-image: url(../../../libraries/flag-icons/flags//4x3/za.svg);
}
.fi-za.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/za.svg);
}
.fi-zm {
background-image: url(../../../libraries/flag-icons/flags//4x3/zm.svg);
}
.fi-zm.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/zm.svg);
}
.fi-zw {
background-image: url(../../../libraries/flag-icons/flags//4x3/zw.svg);
}
.fi-zw.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/zw.svg);
}
.fi-ac {
background-image: url(../../../libraries/flag-icons/flags//4x3/ac.svg);
}
.fi-ac.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ac.svg);
}
.fi-arab {
background-image: url(../../../libraries/flag-icons/flags//4x3/arab.svg);
}
.fi-arab.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/arab.svg);
}
.fi-cefta {
background-image: url(../../../libraries/flag-icons/flags//4x3/cefta.svg);
}
.fi-cefta.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cefta.svg);
}
.fi-cp {
background-image: url(../../../libraries/flag-icons/flags//4x3/cp.svg);
}
.fi-cp.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/cp.svg);
}
.fi-dg {
background-image: url(../../../libraries/flag-icons/flags//4x3/dg.svg);
}
.fi-dg.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/dg.svg);
}
.fi-eac {
background-image: url(../../../libraries/flag-icons/flags//4x3/eac.svg);
}
.fi-eac.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/eac.svg);
}
.fi-es-ct {
background-image: url(../../../libraries/flag-icons/flags//4x3/es-ct.svg);
}
.fi-es-ct.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/es-ct.svg);
}
.fi-es-ga {
background-image: url(../../../libraries/flag-icons/flags//4x3/es-ga.svg);
}
.fi-es-ga.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/es-ga.svg);
}
.fi-es-pv {
background-image: url(../../../libraries/flag-icons/flags//4x3/es-pv.svg);
}
.fi-es-pv.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/es-pv.svg);
}
.fi-eu {
background-image: url(../../../libraries/flag-icons/flags//4x3/eu.svg);
}
.fi-eu.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/eu.svg);
}
.fi-gb-eng {
background-image: url(../../../libraries/flag-icons/flags//4x3/gb-eng.svg);
}
.fi-gb-eng.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gb-eng.svg);
}
.fi-gb-nir {
background-image: url(../../../libraries/flag-icons/flags//4x3/gb-nir.svg);
}
.fi-gb-nir.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gb-nir.svg);
}
.fi-gb-sct {
background-image: url(../../../libraries/flag-icons/flags//4x3/gb-sct.svg);
}
.fi-gb-sct.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gb-sct.svg);
}
.fi-gb-wls {
background-image: url(../../../libraries/flag-icons/flags//4x3/gb-wls.svg);
}
.fi-gb-wls.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/gb-wls.svg);
}
.fi-ic {
background-image: url(../../../libraries/flag-icons/flags//4x3/ic.svg);
}
.fi-ic.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ic.svg);
}
.fi-ta {
background-image: url(../../../libraries/flag-icons/flags//4x3/ta.svg);
}
.fi-ta.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/ta.svg);
}
.fi-un {
background-image: url(../../../libraries/flag-icons/flags//4x3/un.svg);
}
.fi-un.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/un.svg);
}
.fi-xk {
background-image: url(../../../libraries/flag-icons/flags//4x3/xk.svg);
}
.fi-xk.fis {
background-image: url(../../../libraries/flag-icons/flags//1x1/xk.svg);
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
@media (max-width: 767.98px) {
.daterangepicker.show-calendar.js-visible {
display: flex;
height: calc(100vh - 3.125rem) !important;
width: 100vw !important;
top: 3.125rem !important;
left: 0 !important;
position: fixed;
overflow: scroll;
-webkit-overflow-scrolling: touch;
z-index: 10000000000000000000000 !important;
}
.daterangepicker.show-calendar.js-visible .drp-buttons {
position: fixed;
text-align: center;
width: 100%;
bottom: 16px;
}
}
@media (min-width: 576px) {
.daterangepicker.show-ranges {
max-height: 300px;
overflow-y: scroll;
}
.daterangepicker.show-ranges.ltr .drp-calendar {
border-bottom: 1px solid #ddd;
}
}
.select2-selection {
padding-top: 0.2rem;
}
.select2-selection .o-filter-actions {
display: inline-block;
}
select[readonly].select2-hidden-accessible + .select2-container {
pointer-events: none;
touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
background: #eee;
box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
display: none;
}
.select2-selection--single {
padding: 0.375rem 1.125rem 0.375rem 0.75rem;
}
.input-group > .input-group-prepend .select2-selection--single {
border-right: unset !important;
border-radius: 0.25rem 0 0 0.25rem !important;
}
.input-group-sm .select2-selection--single, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2-selection--single {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.select2-selection__rendered {
line-height: 1.5;
}
.select2-search:only-child {
width: 100% !important;
}
.select2-search:only-child .select2-search__field {
width: 100% !important;
}
.select2-container--bootstrap4 .select2-results__option,
.select2-container--bootstrap4 .select2-results__option .select2-results__option {
font-size: inherit;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
max-height: 400px;
}
.select2-container--bootstrap .select2-results__group {
font-size: 1rem !important;
background: #e1f0fd;
}
.select2-container--bootstrap .select2-results__option[aria-label=""] > .select2-results__group {
background: inherit;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] .c-option-template--state-icons {
opacity: 0.5;
}
select.form-control,
select.select2 select.select2noactive {
overflow: hidden;
height: calc(1.5em + 0.75rem + 2px) !important;
}
.narrow .select2-selection.select2-selection--multiple {
min-height: 1.5em !important;
}
.select2-container .select2-search--inline {
float: unset;
width: fit-content;
}
.input-group-sm select.select2, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group select.select2 {
height: calc(1.5em + 0.5rem + 2px) !important;
}
.form-control-sm.select2, .input-group-sm .select2.form-control, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .select2.form-control {
height: calc(1.5em + 0.5rem + 2px) !important;
}
.input-group > .select2-container--bootstrap {
width: 1% !important;
}
/* select2 selected option display bug fix after use hide class on options */
.addRelationContainer span.select2-selection__rendered {
display: block !important;
}
header .o-global-search__input .select2-selection.select2-selection--single {
height: 2.125rem !important;
}
header .o-global-search__input .select2-selection.select2-selection--single .select2-selection__rendered {
margin-top: 0.125rem;
}
header .select2WithButtonWidth {
width: calc(100% - 2.625rem);
}
header .c-header__btn__container .select2-selection {
height: 2.125rem;
font-size: 0.875rem;
}
header .c-header__btn__container .select2-selection:hover {
background: #343a40 !important;
}
header .c-header__btn__container .select2-selection:hover .select2-selection__rendered {
color: #fff !important;
}
#select2-mail-select-results {
font-size: 0.875rem;
}
.select2HeaderWidth .select2-selection {
height: 2.5rem !important;
}
.fieldUiHolder {
width: 25%;
}
.fieldUiHolder .select2-container--bootstrap4 {
width: 100% !important;
}
.select2-selection__rendered.u-hover-bold {
padding: 6px !important;
border-radius: 0.25rem;
}
.customFilterMainSpan {
width: 100%;
cursor: pointer;
}
.customFilterMainSpan .select2-container {
width: 95% !important;
}
.conditionRow .select2-container--bootstrap4 {
display: inline-block;
vertical-align: middle;
}
.select2-container--bootstrap .select2-selection--multiple {
max-height: 70px;
overflow: auto;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice + .select2-search--inline .select2-search__field {
min-width: 0;
padding: 0;
}
.select2-container--open .select2-selection {
border-color: #5bb1ff !important;
}
.select2-container--open.select2-container--below .select2-selection {
border-bottom-right-radius: 0 !important;
}
.select2-container--open.select2-container--above .select2-selection {
border-top-right-radius: 0 !important;
}
.leaflet-popup-content {
width: 62px;
}
.awesome-marker .fas {
margin-top: 11px;
}
.daterangepicker.show-calendar.js-visible:not(.single):before, .daterangepicker.show-calendar.js-visible:not(.single):after {
content: none !important;
}
.daterangepicker .ranges li {
padding: 4px 12px;
}
.recordEditView .daterangepicker .ranges {
float: none !important;
text-align: center !important;
}
.ui-autocomplete {
padding: 3px !important;
}
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper:hover {
font-weight: inherit !important;
}
.sortTableUl {
list-style-type: none;
float: left;
min-height: 1px;
padding: 0;
}
.ui-sortable-placeholder td[colspan="0"] {
display: none;
}
.cke_screen_reader_only {
height: 0 !important;
}
#pdf_step2 .cke {
border: 0;
}
.cke_autocomplete_panel {
width: 300px !important;
}
.jstree-proton {
font-family: -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" !important;
}
.vakata-context.jstree-contextmenu.jstree-default-contextmenu li > a {
display: flex;
align-items: center;
height: 1.375rem;
overflow: hidden;
padding-left: 1em;
}
body:not(.desktop) .leftPanel .ps-scrollbar-y-rail {
display: none !important;
}
body:not(.desktop) .ps__rail-x,
body:not(.desktop) .ps__rail-y {
display: none !important;
}
.c-scrollbar-x--small .ps__rail-x:hover > .ps__thumb-x,
.c-scrollbar-x--small .ps__rail-x:focus > .ps__thumb-x,
.c-scrollbar-x--small .ps__rail-x.ps--clicking .ps__thumb-x {
height: 6px;
}
.c-scrollbar-x--small .ps__rail-x {
height: 10px;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
left: 0.25rem !important;
right: 0.25rem !important;
overflow-y: hidden !important;
}
@media (max-width: 399.98px) {
.grid-stack > .grid-stack-item > .grid-stack-item-content {
left: 0 !important;
right: 0 !important;
}
.ui-draggable-handle {
-ms-touch-action: manipulation !important;
touch-action: manipulation !important;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
width: 100% !important;
}
.grid-stack.grid-stack-one-column-mode > .grid-stack-item {
margin-bottom: 0.5rem !important;
}
}
.dataTables_wrapper .custom-select {
background: unset;
}
.leaflet-popup-content {
width: auto;
}
.ps__rail-x,
.ps__rail-y {
z-index: 2000;
}
.dropdown-menu.show {
z-index: 3000;
}
.listViewPageDiv > .floatThead-wrapper {
overflow: hidden;
}
.listViewPageDiv > .floatThead-wrapper > .floatThead-container {
overflow: hidden !important;
}
.js-fixed-thead tfoot td {
border-top: unset !important;
}
.flag-icon {
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
background-size: cover;
width: 1.3em;
margin-left: 2px;
}
.tribute-container {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
min-width: 10rem;
}
.tribute-container ul {
color: #212529;
background-color: #fff;
background-clip: padding-box;
}
.tribute-container ul .c-circle-icon {
font-size: 2em;
margin-top: 10px;
}
.tribute-container ul .c-img__completion__container {
width: 2.5rem;
text-align: center;
}
.btn-sm .fa-xs, .btn-group-sm > .btn .fa-xs {
vertical-align: 0.0625rem;
}
.pnotify-container {
padding: 0.75rem;
}
.pnotify-closer {
visibility: visible !important;
}
.pnotify-title {
line-height: 1.3rem;
}
.pnotify .pnotify-icon {
line-height: 1.5rem;
font-size: 1.2rem;
margin-right: 5px;
}
.pnotify-action-bar {
margin-top: 1rem;
}
.pnotify.c-confirm-modal .pnotify-container {
color: #000;
background-color: #fff;
border-color: #fff;
}
.pnotify.c-confirm-modal .btn-primary {
background-color: #3eac33;
border-color: #3eac33;
}
.pnotify.c-confirm-modal .btn-secondary {
background-color: #d15d5d;
border-color: #d15d5d;
}
.pnotify.c-confirm-modal .pnotify-icon {
font-size: 3rem;
margin: 12px 10px 10px 0;
}
.mdi {
line-height: 1;
}
.btn .mdi::before {
position: relative;
}
.c-mdi::before {
width: 1.25em;
font-size: 1.2rem;
vertical-align: text-bottom;
}
.alert .mdi::before {
position: relative;
top: 2px;
}
.alert .mdi {
font-size: 1rem;
}
.q-tab__icon {
height: unset;
}
.dataTables_processing {
z-index: 4000;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.table thead th, .c-detail-widget__table thead th,
.table-bordered thead td {
border-bottom-width: 1px;
}
.btn-xs, .c-multi-image__btn-narrow, table .listButtons.narrow .btn.btn-sm, table .listButtons.narrow .btn-group-sm > .btn, .detailViewTable .fieldLabel.narrow .btn.btn-sm, .detailViewTable .fieldLabel.narrow .btn-group-sm > .btn,
.detailViewTable .fieldValue.narrow .btn.btn-sm,
.detailViewTable .fieldValue.narrow .btn-group-sm > .btn {
padding: 0.2rem 0.4rem;
font-size: 0.7rem;
line-height: 1.2;
border-radius: 0.16rem;
}
label.btn[class*=btn-outline-]:not(.active) {
background: #fff;
}
label.btn[class*=btn-outline-]:not(.active):hover {
background: #e9ecef;
color: #6c757d;
}
.dropdown-menu {
max-height: calc(100vh - 100px);
max-width: calc(100vh - 100px);
overflow: auto;
}
.listViewEntries .actions .dropdown-menu {
overflow: unset;
}
@media (min-width: 768px) {
.dropdown-menu.historyList {
left: auto;
right: 9px;
}
}
.dropdown-item, .related .dropdown-menu .nav-link {
cursor: pointer;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.historyList .dropdown-item, .historyList .related .dropdown-menu .nav-link, .related .dropdown-menu .historyList .nav-link {
min-width: 500px;
max-width: calc(100vh - 100px);
}
.dropdown-item:hover, .related .dropdown-menu .nav-link:hover {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 399.98px) {
.btn-group.flex-column > .btn {
margin-left: 0 !important;
}
.btn-group.flex-column > .btn:first-child {
-webkit-border-radius: 0.25rem 0.25rem 0 0 !important;
-moz-border-radius: 0.25rem 0.25rem 0 0 !important;
border-radius: 0.25rem 0.25rem 0 0 !important;
}
.btn-group.flex-column > .btn:last-child {
-webkit-border-radius: 0 0 0.25rem 0.25rem !important;
-moz-border-radius: 0 0 0.25rem 0.25rem !important;
border-radius: 0 0 0.25rem 0.25rem !important;
}
}
.border.btn, .btn.select2-selection {
border-color: #ced4da !important;
}
.input-group.input-group-sm, .dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group {
min-width: 4.0625rem;
}
.modal-header {
padding: 1rem 0;
margin: 0 1rem;
}
.modal-footer {
border-top: none;
}
.modal-header-icon {
margin-right: 0.5rem;
}
.modal-header-xl {
align-items: center;
padding: 0.5rem 0;
}
.modal-header-xl .modal-title {
font-size: 1.5rem;
display: flex;
align-items: center;
}
.modal-header-xl .modal-header-icon {
font-size: 2.5rem;
margin-right: 0.75rem;
}
.modal-header-xl .close {
margin: 0;
padding: 0 0 5px 0;
}
.nav-under .active {
border-bottom: solid 2px;
}
.nav-under .nav-link {
padding: 0.1875rem 0.25rem;
}
@media (min-width: 576px) {
.nav-under .nav-link {
margin-right: 3.75rem;
}
}
@media (max-width: 767.98px) {
.breadcrumb {
padding: 0;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.125rem;
}
.breadcrumb-item + .breadcrumb-item::before {
padding-right: 0.125rem;
}
}
.table-with-flex {
border-right: none;
}
.table-with-flex td {
border-left: none;
border-bottom: none;
border-right: 1px solid #dee2e6;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.dashboardWidgetCalendar .fc .fc-daygrid-day-events {
text-align: center;
}
.dashboardWidgetCalendar .fc .fc-daygrid-day-number {
padding: 2px 4px;
}
.dashboardWidgetCalendar .fc .fc-daygrid-day-top {
line-height: 1;
}
.dashboardWidgetCalendar .fc-daygrid-event-harness {
display: inline-block;
}
.dashboardWidgetCalendar .fc-daygrid-event-harness .fc-daygrid-event {
padding: 0px 4px;
}
.dashboardWidgetCalendar .fc-daygrid-event-harness .fc-daygrid-event .fc-event-main {
color: inherit;
}
.fc-event-style1 {
background: #17309a;
border-color: #17309a;
font-weight: normal;
text-shadow: none;
}
.fc-event-style1 .fc-event-skin {
background: #17309a;
border-color: #17309a;
font-weight: normal;
text-shadow: none;
}
.fc-event-style2 {
background: #3a87ad;
border-color: #3a87ad;
font-weight: normal;
text-shadow: none;
}
.fc-event-style2 .fc-event-skin {
background: #3a87ad;
border-color: #3a87ad;
font-weight: normal;
text-shadow: none;
}
.fc-event-style3 {
background: #aa6705;
border-color: #aa6705;
font-weight: normal;
text-shadow: none;
}
.fc-event-style3 .fc-event-skin {
background: #aa6705;
border-color: #aa6705;
font-weight: normal;
text-shadow: none;
}
.fc-event-style4 {
background: #953b39;
border-color: #953b39;
font-weight: normal;
text-shadow: none;
}
.fc-event-style4 .fc-event-skin {
background: #953b39;
border-color: #953b39;
font-weight: normal;
text-shadow: none;
}
.fc-event-style5 {
background: #545252;
border-color: #545252;
font-weight: normal;
text-shadow: none;
}
.fc-event-style5 .fc-event-skin {
background: #545252;
border-color: #545252;
font-weight: normal;
text-shadow: none;
}
.fc-event-style6 {
background: #87865d;
border-color: #87865d;
font-weight: normal;
text-shadow: none;
}
.fc-event-style6 .fc-event-skin {
background: #87865d;
border-color: #87865d;
font-weight: normal;
text-shadow: none;
}
.fc-event-style7 {
background: #c71585;
border-color: #c71585;
font-weight: normal;
text-shadow: none;
}
.fc-event-style8 {
background: #006400;
border-color: #006400;
font-weight: normal;
text-shadow: none;
}
.fc-event-style8 .fc-event-skin {
background: #006400;
border-color: #006400;
font-weight: normal;
text-shadow: none;
}
#calendarview th {
color: #000;
}
.fc .fc-button {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
line-height: 1.5;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.fc .fc-button:active .fc-button-inner {
background: transparent;
}
.fc .fc-button:active .fc-button-inner .fc-button-content {
color: #fff;
}
.fc .fc-button.fc-button-active .fc-button-inner .fc-button-content, .fc .fc-button:active .fc-button-inner .fc-button-content {
color: #000 !important;
background: transparent;
background-image: none;
}
.fc-header-title h2 {
font-size: 15px;
line-height: 20px;
}
.fc-col-header-cell {
background: #f8f9fa;
border-color: #ccc;
}
.fc-col-header-cell a {
color: #666;
}
.fc-content {
background: #fff;
margin-left: 10px;
}
.fc-event-container .fc-event.fc-draggable {
margin: 0 0 2px 0;
border-radius: 0;
}
.fc-content .fc-title {
padding-left: 2px;
}
.fc-content td:hover {
background: #f3f3f3;
}
.fc button {
height: auto !important;
}
.fc button .fas {
display: block;
}
.fc-toolbar {
margin-bottom: 0 !important;
}
.fc-time-grid .fc-time-grid-event.fc-event {
min-height: 27px;
min-width: 100px;
}
.fc-time-grid-event.fc-short .fc-title {
font-size: 1em;
}
@media only screen and (max-width: 480px) {
.fc-toolbar .fc-left,
.fc-toolbar .fc-right {
float: none !important;
display: inline-block;
}
.fc-basic-view .fc-body .fc-row {
min-height: 2em !important;
}
.fc-row .fc-content-skeleton {
padding-bottom: 0px;
}
.fc th,
.fc td {
padding: 0 !important;
line-height: 1;
}
.c-calendar-quickcreate .fc-daygrid-day-top .fc-daygrid-day-number {
font-size: 20px;
}
.js-calendar-switch-container {
margin: auto !important;
}
}
.fc-unthemed td {
border-color: #ddd !important;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.quasar-reset,
body > .q-dialog:not(.quasar-reset) {
z-index: 1050 !important;
}
.quasar-reset .row,
body > .q-dialog:not(.quasar-reset) .row {
margin: unset;
margin-right: unset;
margin-left: unset;
}
.quasar-reset .col,
.quasar-reset [class*=col-],
body > .q-dialog:not(.quasar-reset) .col,
body > .q-dialog:not(.quasar-reset) [class*=col-] {
position: unset;
padding: unset;
padding-right: unset;
padding-left: unset;
}
.quasar-reset .q-field .col,
body > .q-dialog:not(.quasar-reset) .q-field .col {
position: relative;
}
.quasar-container {
height: calc(100% - 3rem);
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.quasar-modal {
top: 0;
right: 0;
left: 0;
bottom: 0;
padding-top: 50px;
padding-bottom: 30px;
padding-left: 50px;
padding-right: 0 !important;
}
.quasar-modal .modal-content {
height: 100%;
}
.quasar-modal .q-layout-container {
height: calc(100vh - 113px);
}
.singleComment .q-message-text {
background: #e0e0e0;
}
@media only screen and (min-width: 768px) {
.singleComment .q-message-text {
background: #e0e0e0;
}
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
@media print {
.noprint {
display: none;
}
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
display: table;
content: "";
}
.clearfix:after {
display: table;
content: "";
clear: both;
}
.hide-text {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.textTransform {
text-transform: uppercase;
float: right;
}
.quickCreateTitle {
font-size: 0.9375rem !important;
}
.generatePass {
width: 125px;
margin-right: 5px;
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.textTransform {
margin-top: 2px;
float: none !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.goToFullFormPassword {
width: 269px;
margin-bottom: 7px;
margin-right: 5px;
}
.generatePass {
width: 174px !important;
margin-right: 7px;
}
}
.noWrap {
white-space: nowrap !important;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
/* Make inputs at least the height of their button counterpart */
/* Makes inputs behave like true block-level elements */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
hr {
margin-top: 0;
margin-bottom: 8px;
border-bottom: 1px solid #ddd;
}
.borderBottom {
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
}
.imageHolder {
margin: 0 auto;
background-position: center;
padding: 10px 0;
width: 70%;
}
.modal .imageHolder {
min-width: 250px;
width: 30%;
z-index: 1;
}
.blockProgressContainer.imageHolder {
padding: 40px 0;
}
.message {
font-weight: bold;
color: #4a5364;
}
.modal .imageHolder .message {
font-size: 1rem;
}
.sk-cube-grid {
width: 70px;
height: 70px;
margin: 10px auto;
}
.item .addButton {
margin-right: 6px;
}
.carousel-inner .item table {
margin-bottom: 10px;
width: 100%;
}
.summaryViewEntries .fieldLabel {
width: 35%;
vertical-align: top;
padding: 5px 0 5px 5%;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.summaryViewEntries .fieldValue {
width: 65%;
vertical-align: top;
padding: 5px 0 5px 5px;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #4a5364;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
.navbar.navbar-fixed-top .navbar-collapse {
padding-right: 15px !important;
}
.navbar-nav.navbar-left .open ul {
display: none;
}
.navbar-default .navbar-nav > .open > a {
color: #555;
background: none;
}
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background: none;
}
.navbar-default .navbar-nav li:hover {
background: #e7e7e7;
}
.navbar-inverse .navbar-nav > .open > a {
background: none;
}
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background: none;
}
.navbar-inverse .navbar-nav li:hover {
background: #080808;
}
.navbar-nav .hovernav:hover > .dropdown-menu {
display: block;
}
#headerLinks {
padding: 10px 0 7px;
min-width: 240px;
float: right !important;
}
#headerLinks .headerLinksContainer {
margin-right: 10px;
}
#headerLinks .headerLinksContainer > [class*=span] {
float: left;
margin-left: 15px;
}
#headerLinks .headerLinksContainer .dropdown.open .dropdown-toggle {
background: transparent;
}
#headerLinks .headerLinksContainer ul.dropdown-menu {
top: 30px;
}
#headerLinks .headerLinksContainer ul.dropdown-menu:after, #headerLinks .headerLinksContainer ul.dropdown-menu:before {
right: 15px;
left: auto;
}
#headerLinks .headerLinksContainer > span a img, #headerLinks .headerLinksContainer > span a.userName {
color: #fff;
cursor: pointer;
text-decoration: none !important;
}
#headerLinks .headerLinksContainer > span a img .caret, #headerLinks .headerLinksContainer > span a.userName .caret {
border-top: 4px solid #fff;
}
.themeMenuContainer {
min-width: 110px;
width: 110px;
left: -84px !important;
padding: 10px 0;
}
.themeMenuContainer .themeMenu {
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.themeMenuContainer .themeMenu .themeElement {
cursor: pointer;
margin: 5px;
height: 20px;
width: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.themeMenuContainer .themeMenu .themeElement:hover {
border: 1px solid #000;
background-position: -286px 2px;
}
.themeMenuContainer .themeMenu .themeSelected {
border: 1px solid #000;
background-position: -286px 2px;
}
.commonActionsContainer .quickAction {
margin-top: 8px;
margin-left: 4px;
cursor: pointer;
}
.commonActionsContainer .quickAction img {
max-height: 22px;
}
.commonActionsContainer .quickAction #companyLogo-container img {
height: 98%;
margin: 0 auto;
}
.commonActionsContainer .actionsContainer {
background: #f3f3f3;
}
.commonActionsContainer .dropdown-menu.commonActionsButtonDropDown {
min-width: 40%;
top: 50px;
margin: 0 0 0 60%;
padding-top: 0;
}
.commonActionsContainer .dropdown-menu.commonActionsButtonDropDown a {
padding: 2px;
border: none;
}
.commonActionsContainer .dropdown-menu.commonActionsButtonDropDown a span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 5px;
}
.mainContainer #leftPanel {
background-color: #eeeff2;
background-image: -moz-linear-gradient(top, #eeeff2, #eeeff2);
background-image: -ms-linear-gradient(top, #eeeff2, #eeeff2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeff2), to(#eeeff2));
background-image: -webkit-linear-gradient(top, #eeeff2, #eeeff2);
background-image: -o-linear-gradient(top, #eeeff2, #eeeff2);
background-image: linear-gradient(to top, #eeeff2, #eeeff2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeff2", endColorstr="#eeeff2", GradientType=0);
border-color: #eeeff2 #eeeff2 #c3c6d1;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.blockUI form,
#globalmodal form {
margin: 0 0 0;
}
.listViewPageDiv {
margin: 0 0;
}
.ui-autocomplete .ui-menu-item #ui-active-menuitem {
background: #404952;
border-radius: 0;
}
/*Do not shrink select2 input box in layout editor*/
#relatedTabOrder .select2-input {
min-width: 200px;
}
.alphabetSearch {
display: inline-block;
margin: 2px;
}
.alphabetSearch a {
width: 45px;
}
.alphabet_30,
.alphabet_28 {
width: 490px;
}
.alphabet_26 {
width: 489px;
}
.listViewActions > .btn-group {
min-width: 105px;
}
#listViewPageJumpDropDown,
#relatedListPageJumpDropDown {
left: auto;
top: 70%;
}
.pageNumbers {
display: inline-block;
margin-right: 5px;
margin-top: 6px;
vertical-align: top;
}
.pageNumbers .totalNumberOfRecords {
margin: 0 5px;
}
.contents-topscroll,
#reportDetails {
overflow-x: auto !important;
overflow-y: visible;
z-index: 10;
background: #fff;
}
.bottomscroll-div,
.topscroll-div {
min-width: 100%;
display: table;
height: 2px;
}
.contents-bottomscroll {
overflow-x: auto !important;
}
.listViewLoadingImageBlock {
background: none;
border-radius: 0;
box-shadow: none;
text-align: center;
}
.userPreferences .contents {
padding-left: 0 !important;
}
.userPreferences .details {
border-right: 0 !important;
}
/*opacity applied for summary view edit, comment actions, activity widget edit*/
.summaryViewEntries .js-detail-quick-edit,
.activityDescription .editDescription {
opacity: 0;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.summaryViewEntries:hover .fieldValue .js-detail-quick-edit,
.activityDescription:hover .editDescription,
.listViewEntriesTable tr:hover td .actions .actionImages {
opacity: 1;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.emptyRecordsDiv {
width: 100%;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
text-align: center;
font-size: 1rem;
padding: 5% 0;
}
.emptyRecordsDiv td {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
text-align: center;
font-size: 1rem;
padding: 5% 0;
}
.conditionGroup .header {
margin-bottom: 20px;
font-size: 1.2em;
}
.searchUIBasic {
border-collapse: separate !important;
border-spacing: 10px !important;
margin: 0 10%;
}
.searchUIBasic .importContents {
border: 1px solid #eaeaea;
-webkit-box-shadow: 1px 1px 3px #ddd;
-moz-box-shadow: 1px 1px 3px #ddd;
box-shadow: 1px 1px 3px #ddd;
border-radius: 2px;
background: #f8f9fa;
margin-bottom: 10px;
padding: 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.searchUIBasic .listRow .listViewHeaders > td {
color: #404952;
}
.searchUIBasic .listRow .defaultInputTextContainer {
max-width: 100% !important;
margin-bottom: 0 !important;
}
#shipping_handling_div {
position: absolute;
left: 46%;
width: 30%;
z-index: 500;
box-shadow: 1px 0 7px #ddd;
border-radius: 6px;
}
#shipping_handling_div table.table, #shipping_handling_div table.c-detail-widget__table {
margin-bottom: 0;
}
#shipping_handling_div .table tbody tr:first-child th:first-child, #shipping_handling_div .c-detail-widget__table tbody tr:first-child th:first-child {
border-radius: 4px 0 0 0 !important;
}
#shipping_handling_div .table tbody tr:first-child th:last-child, #shipping_handling_div .c-detail-widget__table tbody tr:first-child th:last-child {
border-radius: 0 4px 0 0 !important;
}
.contentHeader {
padding-left: 5px;
line-height: 20px;
}
#userPageHeader {
padding: 0 0 0;
}
.treeView li {
border-left: 4px solid #ddd;
list-style: none;
padding-top: 15px;
}
.treeView li .toolbar-handle {
margin-left: 10px;
position: relative;
}
.treeView li .toolbar-handle .btn {
margin: 0;
}
.treeView li .toolbar-handle a:before {
background: none repeat scroll 0 0 #ddd;
content: " ";
display: inline-block;
height: 4px;
left: -10px;
position: absolute;
top: 12px;
width: 10px;
}
.treeView .btn {
margin-bottom: 10px;
}
.profilesEditView tr.blockHeader th {
text-align: center;
}
.profilesEditView tr.blockHeader th:first-child {
text-align: left;
}
.profilesEditView input {
margin-right: 5px;
}
.calendarRelatedHeader .addButton,
.calendarRelatedHeader .selectRelation {
margin-right: 5px;
}
.profilesEditView tr td.row table.table, .profilesEditView tr td.row table.c-detail-widget__table {
border-left: none;
margin-bottom: 20px;
}
.profilesEditView tr:hover td.row {
background: none;
}
.profilesEditView tr:hover td.row table.table tr td, .profilesEditView tr:hover td.row table.c-detail-widget__table tr td, .profilesEditView tr:hover td.row table.table tr:hover td {
background: none;
}
.profilesEditView tr:hover td.row table.table td, .profilesEditView tr:hover td.row table.c-detail-widget__table td {
background: #f3f3f4;
}
#s2id_memberList li > div,
.groupMembersColors li > div {
margin-left: 10px;
}
.select2-results__option.Users,
.select2-selection__choice.Users,
#s2id_memberList .Users,
.groupMembersColors .Users {
background-color: #f99984 !important;
padding: 5px;
margin-bottom: 2px;
background-image: none;
}
.select2-results__option.Groups,
.select2-selection__choice.Groups,
#s2id_memberList .Groups,
.groupMembersColors .Groups {
background-color: #acd5ff !important;
background-image: none;
padding: 5px;
margin-bottom: 2px;
}
.select2-results__option.Roles,
.select2-selection__choice.Roles,
#s2id_memberList .Roles,
.groupMembersColors .Roles {
background-color: #ffec98 !important;
background-image: none;
padding: 5px;
margin-bottom: 2px;
}
.select2-results__option.RoleAndSubordinates,
.select2-selection__choice.RoleAndSubordinates,
#s2id_memberList .RoleAndSubordinates,
.groupMembersColors .RoleAndSubordinates {
background-color: #c4dea2 !important;
background-image: none;
padding: 5px;
margin-bottom: 2px;
}
.collectiveGroupMembers {
border: 1px solid #ddd;
border-top: 0;
}
.collectiveGroupMembers ul {
padding: 0;
margin: 0;
}
.collectiveGroupMembers ul li {
padding: 4px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.collectiveGroupMembers ul li a {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
width: 100%;
margin: 0;
}
.collectiveGroupMembers ul li.groupLabel {
background-color: #f3f3f4;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px 5px;
margin: 0;
color: #444;
}
.mini-slider-control {
width: 50px;
}
.mini-slider-control + div {
margin-left: 15px;
}
.mini-slider-control .ui-slider-handle {
border: 0;
border-radius: 50%;
height: 16px;
top: -2px;
width: 16px;
cursor: pointer;
}
.mini-slider-control .ui-slider-handle:focus {
outline: none;
}
.ui-widget-content {
border-radius: 6px;
border-color: #fff;
box-shadow: 0 0 3px -1px inset;
margin-top: 2px;
margin-left: 5px;
height: 12px;
z-index: 1051;
}
.ui-slider-disabled {
opacity: 0.5;
border-color: #ddd;
box-shadow: none;
cursor: not-allowed;
}
.ui-slider-disabled .ui-slider-handle {
cursor: not-allowed;
}
.ui-slider-disabled + div {
opacity: 0.5;
cursor: not-allowed;
}
.mini-slider-control[data-value="0"] .ui-slider-handle {
background: #7d7e7d;
/* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* IE10+ */
background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7d7e7d", endColorstr="#0e0e0e", GradientType=0);
/* IE6-9 */
}
.mini-slider-control[data-value="1"] .ui-slider-handle {
background: #ffb76b;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb76b", endColorstr="#ff7f04", GradientType=0);
/* IE6-9 */
}
.mini-slider-control[data-value="2"] .ui-slider-handle {
background: #bfd255;
/* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bfd255", endColorstr="#9ecb2d", GradientType=0);
/* IE6-9 */
}
#moduleManagerContents {
padding-bottom: 10px;
}
#moduleManagerContents .moduleManagerBlock .btn-group.open .dropdown-menu {
left: -144%;
}
#importModules .contents .row {
margin-bottom: 2.2%;
}
.extension_contents:hover {
border-radius: 4px;
}
.opacity .actions {
opacity: 0;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.opacity:hover .actions {
opacity: 1;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.sharingAccessDetails {
margin-bottom: 30px;
}
.sharingAccessDetails td,
.sharingAccessDetails th {
text-align: center;
vertical-align: middle !important;
}
.sharingAccessDetails tr td:first-child,
.sharingAccessDetails tr th:first-child {
text-align: left;
}
.sharingAccessDetails .title {
padding: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.sharingAccessDetails .title .rulehead {
padding-top: 5px;
}
.layoutContent {
border-top: 4px solid #404952;
}
.layoutContent #moduleBlocks .editFieldsTable {
margin-bottom: 20px;
}
.layoutContent #moduleBlocks .editFieldsTable .fieldLabel {
background: none;
}
.layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: linear-gradient(to top, #f6f6f6, #f3f3f4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#f3f3f4", GradientType=0);
border-color: #f3f3f4 #f3f3f4 #cbcbcf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
text-shadow: 0 1px #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}
#salesProcessesContainer .layoutContent {
padding-top: 13px;
}
.layoutContent .moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group {
margin-top: 5px;
}
.layoutContent .moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group .dropdown-menu {
left: -100%;
}
.layoutContent .relatedTabModulesList {
padding: 2% 1%;
}
.fieldDetailsForm .search-choice-close {
padding: 0;
}
.border1px {
border: 1px solid #ddd;
}
.blockFieldsList .opacity {
margin-left: 0% !important;
}
.blockFieldsList .opacity .dropdown-menu a {
padding: 0 !important;
}
.blockFieldsList .opacity a.dropdown-toggle.editFieldDetails {
box-shadow: none;
}
.blockFieldsList .editFields .dropdown-menu {
z-index: 1000003;
padding: 0;
left: -260px;
position: absolute;
}
.blockFieldsList .editFields .dropdown-menu .modal-header {
border-width: 0;
border-bottom-width: 1px;
}
.blockFieldsList .editFields .dropdown-menu .modal-header .cancel {
padding-right: 0;
font-weight: bold;
}
.blockFieldsList .editFields:hover {
background: #f3f3f4 !important;
}
#modulePickListValuesContainer .layoutContent .selectedCell,
#modulePickListValuesContainer .layoutContent .selectedListItem {
background: #a5afb9;
white-space: nowrap;
}
#modulePickListValuesContainer .layoutContent .pickListValue {
cursor: pointer;
}
.nonEditableValuesDiv .nonEditablePicklistValues {
margin-left: 0;
}
.nonEditableValuesDiv .nonEditablePicklistValues li {
padding: 3px 15px;
margin-bottom: 2px;
background: #e0f2ff;
}
.popover {
z-index: 1000023 !important;
min-width: 200px;
word-wrap: break-word;
position: fixed;
}
.popover-content .fieldLabel {
width: 35%;
white-space: normal;
}
#customRecordNumbering.table thead th, #customRecordNumbering.c-detail-widget__table thead th {
vertical-align: middle;
}
.ruleHead {
padding: 6px 0;
background: #d8d8dc;
}
.taskTypeUi > .row {
margin: 10px 0;
}
#taskListContainer .listViewEntriesTable tr td:last-child {
border-left: 1px solid #ddd;
}
#workflow_step2 > .row {
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
min-height: 400px;
}
.btn:focus {
outline: 0;
}
.reminderPostpone.btn-primary {
background: #404952;
}
.reminderPostpone.btn-primary:hover {
background: #1e2327;
}
.saveButton {
margin-right: 5px;
}
.addCustomRule {
float: right;
}
.lastImport {
background: #fff;
}
.undoImport {
background: #da4f49;
}
.close {
border: none;
background: none repeat scroll 0 0 transparent;
cursor: pointer;
}
.resetButton {
margin-top: 0 !important;
}
.vtGlyph {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url("./images/vtGlyph.png");
background-position: 0 0;
background-repeat: no-repeat;
*margin-right: 0.3em;
}
.vticon-pageJump {
background-position: 0 0;
}
.vticon-call-inbound {
background-position: -14px 0;
}
.vticon-call-outbound {
background-position: -28px 0;
}
#massEdit .cancelLinkContainer {
padding: 5px 0;
margin-left: 0.5em;
}
/*Feedback UI*/
.feedback {
z-index: 10002;
}
.feedback .handle {
z-index: 10003;
display: block;
position: fixed;
bottom: 50px;
left: -30px;
background: #2c2c2c;
color: white;
padding: 7px 15px;
border: 1px solid gray;
text-decoration: none;
outline: none;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, sizingMethod="auto expand");
}
.feedback .handle:hover {
text-decoration: none;
}
.crumbs {
height: 40px;
margin: 0;
margin-top: 6px;
padding: 0 20px 0 0;
display: inline-block;
font-family: sans-serif;
}
.crumbs li {
height: 0;
border-top: 20px solid rgba(0, 0, 0, 0.05);
border-bottom: 20px solid rgba(0, 0, 0, 0.05);
border-left: 20px solid transparent;
display: inline-block;
box-shadow: 0 1px rgba(0, 0, 0, 0.05);
margin-right: 5px;
}
.crumbs li:after {
content: " ";
width: 0;
height: 0;
border-left: 18px solid rgba(0, 0, 0, 0.05);
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
display: inline-block;
position: relative;
top: -20px;
left: 18px;
zoom: 1;
}
.crumbs li a {
display: inline-block;
float: left;
margin-top: -13px;
font-size: 0.875rem;
font-weight: bold;
color: #666;
text-decoration: none;
}
.crumbs li.active {
height: 0;
border-top: 20px solid #404952;
border-bottom: 20px solid #404952;
box-shadow: 0 1px #404952;
}
.crumbs li.active:after {
border-left: 18px solid #404952 !important;
}
.stepText {
display: inline-block;
white-space: nowrap;
overflow: hidden;
font-size: 0.8125rem;
vertical-align: bottom;
}
.active .stepText,
.active .stepNum {
color: #fff;
}
.stepNum {
display: inline-block;
padding: 0 5px;
overflow: hidden;
font-size: 1.25rem;
vertical-align: top;
margin-top: 5px;
}
.blockUI {
border-radius: 2px !important;
border: 0 !important;
}
textarea.col-md-11 {
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.popover .popover-inner {
border-radius: 2px;
font-size: 0.8em;
box-shadow: 0;
}
.popover .popover-inner .popover-title {
color: #444;
font-size: 0.9375rem;
}
.popover .popover-inner .close {
color: #000 !important;
margin-top: 3px;
opacity: 0.5 !important;
}
.popover .popover-inner .close:hover {
opacity: 1 !important;
}
.popover .popover-inner td {
padding: 3px 5px;
overflow-wrap: break-word;
}
.popover .popover-inner .detailViewInfo {
margin-top: 0;
box-shadow: 0;
}
.popover .popover-inner .detailViewInfo .fieldLabel label {
font-size: 1em;
}
#findDuplicate > .control-group {
margin-bottom: 0;
width: 400px;
}
#transferOwnershipContainer .select2-container.select2-container-multi {
max-width: 220px;
}
.moduleSelection {
border-radius: 2px 2px 0 0 !important;
border: 1px solid #ddd !important;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: linear-gradient(to top, #f6f6f6, #f3f3f4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#f3f3f4", GradientType=0);
border-color: #f3f3f4 #f3f3f4 #cbcbcf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #444;
}
.convertLeadModules {
margin-bottom: 2%;
border: 1px none;
}
.moduleBlock {
border-radius: 0 !important;
}
.overflowVisible {
overflow: visible !important;
}
.convertLeadError {
border: 3px solid #999;
background-color: #fff;
width: 55%;
position: relative;
z-index: 10000000;
}
.convertLeadError table td {
border-bottom: 1px solid #ccc;
white-space: nowrap;
width: 70%;
}
.ui-autocomplete-loading {
background: #f8f9fa url("../images/load.gif") no-repeat right center;
}
.ui-autocomplete {
height: auto !important;
border-radius: 1px !important;
}
.well {
border-radius: 2px;
padding: 15px;
}
.verticalBottomSpacing {
margin-bottom: 10px;
}
.font-x-x-large {
font-size: 1.125rem;
line-height: 28px;
}
.font-larger {
font-size: larger;
}
form {
margin: 0;
}
.dateField {
width: 183px;
}
.form-horizontal [class^=icon-],
.form-horizontal [class*=" icon-"] {
vertical-align: baseline;
}
.colorpicker {
z-index: 1030 !important;
}
.colorpicker input {
width: 30px !important;
color: #898989 !important;
}
.colorpicker input[type=text] {
color: #898989 !important;
}
.colorpicker_hex input {
width: 45px !important;
}
.modal-body.accordion {
margin-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.modelContainer .modal-header {
border-radius: 2px 2px 0 0;
}
.modelContainer form {
border-radius: 0 0 2px 2px;
}
.hide {
display: none;
}
i {
cursor: pointer;
text-decoration: none !important;
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
width: 100%;
}
.boxSizingBorderBox {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.fieldDetailsForm .zeroOpacity {
display: none;
}
.zeroOpacity {
opacity: 0;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.redColor {
color: red;
}
.highlightBackgroundColor {
background: #eeeff2 !important;
}
.alignMiddle,
.tableMiddle td,
.tableMiddle th {
vertical-align: middle !important;
}
.liStyleNone {
list-style: none outside none;
padding-left: 60px;
}
.fontBold {
font-weight: bold !important;
}
#reportDetails table tr td.summary {
border-bottom: 0;
border-top: 0;
}
#portalDetailViewHttpError {
padding-bottom: 7px;
margin-top: 50px;
color: red;
text-align: center;
}
td.listViewEntryValue .row input {
padding: 0;
margin-bottom: 0;
}
.listViewContentDiv {
position: relative;
}
.cut-string {
white-space: nowrap;
overflow: hidden;
}
table tr td .input-sm {
min-width: 50px;
}
.modal-footer.backgroundColor {
background-color: #f5f5f5;
}
tr.summaryViewEntries,
#detailView table,
#recordsListContents table,
table.listViewEntriesTable {
font-size: 0.8125rem;
}
.no-margin {
margin: 0;
}
.companyLogo img {
max-height: 200px;
max-width: 250px;
}
.navbar-inverse .navbar-nav > li > a {
color: #fff;
padding: 15px 12px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
padding: 3px 15px;
font-size: 0.75rem;
}
.headerCalendar .month h3 {
font-size: 1.125rem;
font-weight: bold;
margin: 5px 0 0 0;
}
.columnsSelect {
width: 100% !important;
}
.marginBottom5 {
margin-bottom: 5px;
}
.recordEditView[name=QuickCreate] .quickCreateContent table tr td.fieldValue,
#massEditContainer .massEditContent table tr td.fieldValue,
#tab_accounts td.functionList {
width: 30%;
}
.valuesAssignedToRole {
border: 1px solid #adadad;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px;
}
table.dataTable .form-control {
width: 100% !important;
}
#breadcrumb .stepNum {
margin-top: 0;
margin-right: 10px;
width: 25px;
height: 25px;
margin-left: 6px;
line-height: 25px;
text-align: center;
opacity: 0.9;
font-size: 1rem;
vertical-align: text-bottom;
position: relative;
}
#breadcrumb .stepNum:after {
content: "";
width: 100%;
height: 100%;
background: transparent;
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
box-shadow: inset 0 0 1px 1px rgba(33, 37, 41, 0.5);
}
#breadcrumb .active .stepNum::after {
content: "";
width: 100%;
height: 100%;
background: transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3411764706);
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
}
#breadcrumb .stepText {
position: relative;
top: -4px;
}
.paddingLR5 {
padding-left: 5px;
padding-right: 5px;
}
.square9 {
width: 12px;
height: 12px;
margin: 4px;
}
.panel-dark {
border-color: #737373;
}
.panel-dark > .panel-heading {
color: #fff;
background-color: #737373;
border-color: #737373;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #737373;
}
.panel-dark > .panel-heading .badge {
color: #737373;
background-color: #fff;
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #737373;
}
.calendarRightPanel .widgetContainer ul {
margin-top: 5px;
margin-bottom: 5px;
}
.footer-non--active .calendarRightPanel {
height: 100%;
}
.footer-non--active .o-calendar__form {
height: calc(100vh - 3.125rem) !important;
}
.icon-in-history-widget {
font-size: 1.0625rem;
padding: 4px;
}
#prefPageHeader .logo img {
height: 70px;
width: 70px;
}
#myPrefHeading h3 {
margin-top: 12px;
}
span[name=existingImages] img {
height: 200px;
width: 300px;
}
.image-in-button {
width: 18px;
}
.paddingTBZero {
padding-top: 0;
padding-bottom: 0;
}
.cursorDefault {
cursor: default !important;
}
.activityWidgetContainer .popover {
min-width: 240px;
}
.modal-body .btn-elements > .btn {
margin-left: 5px;
}
.ui-autocomplete .ui-autocomplete-category {
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
}
.ui-autocomplete .ui-menu-item {
padding: 0.2em 0.8em;
}
.ui-autocomplete .ui-state-focus {
border: none;
background: #ebebeb;
}
.widgetHr {
margin-top: 0.4375rem;
border: none;
border-top: 1px solid #ddd;
}
#groupsDetailContainer strong {
line-height: 21px;
}
#addTaskContainer #taskStatus {
margin-left: 10px;
}
.scanerMailActionsButtons {
min-width: 96px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px 0.4em;
line-height: 1.5;
min-height: 0;
/* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-widget-content {
font-weight: bold;
margin: 0;
background-color: #428bca;
border-color: #357ebd;
color: #fff;
display: block;
}
#layoutEditorButtons {
margin-bottom: 10px;
margin-top: -10px;
}
.individualTaxContainer {
text-align: left !important;
}
#widgetsManagementEditorContainer .modal-footer .btn {
margin: 5px;
}
#widgetsManagementEditorContainer .fieldDetailsForm .modal-footer {
padding: 0;
}
.summaryWidgetContainer .container-fluid, .summaryWidgetContainer .container-sm, .summaryWidgetContainer .container-md, .summaryWidgetContainer .container-lg, .summaryWidgetContainer .container-xl {
padding: 0 5px 0 5px;
}
.summaryWidgetContainer .widgetTitle {
padding-left: 10px;
}
.summaryWidgetContainer .widgetHeader {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
background-image: linear-gradient(to top, #f6f6f6, #f3f3f4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#f3f3f4", GradientType=0);
border-color: #f3f3f4 #f3f3f4 #cbcbcf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
text-shadow: 0 1px #fff;
color: #444;
padding-bottom: 4px;
}
.summaryWidgetContainer .widgetHeader h4 {
margin: 0;
}
.summaryWidgetContainer .widgetContent {
padding: 5px;
font-size: 0.8125rem;
}
.container-fluid > .row, .container-sm > .row, .container-md > .row, .container-lg > .row, .container-xl > .row {
margin-left: 0;
margin-right: 0;
}
.container-fluid > .row:first-child, .container-sm > .row:first-child, .container-md > .row:first-child, .container-lg > .row:first-child, .container-xl > .row:first-child {
margin-bottom: 10px;
padding-right: 5px;
}
.summaryWidgetContainer .widgetContent hr {
margin: 4px 0;
}
.mailsList .content {
background-color: #fff;
}
.mailsList .content .mailActions.d-flex, .mailsList .content .mailActions.c-float-label__container, .mailsList .content .mailActions.c-panel__label {
display: none !important;
}
.mailsList .content :hover .mailActions.d-flex, .mailsList .content :hover .mailActions.c-float-label__container, .mailsList .content :hover .mailActions.c-panel__label {
display: flex !important;
}
.mailsList .content.even {
background-color: #faf8f8;
}
.mailsList .mailTitle {
margin: 0;
}
.mailsList .mainSubject {
font-weight: 800;
font-size: 0.8125rem;
}
.mailsList .mainFrom {
font-size: 1rem;
}
.mailsList .mailActions {
margin-top: 3px;
z-index: 1020;
position: relative;
}
.mailsList .mailActions a {
margin-left: 3px;
}
.mailsList .mailActions a:first-child {
margin-left: 0;
}
.mailsList .mailBodyContent {
overflow: auto;
}
.mailsList .mailBodyContent p {
margin: 0;
}
.rowHr {
margin: 4px 0;
}
.firstLetter {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
display: block;
height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem;
font-size: 1.55rem;
text-align: center;
}
.modal-blg iframe {
height: 62vh;
}
#emailPreview {
margin: 10px 0;
}
.modalViewBody .mailsList {
max-height: 630px;
overflow: auto;
}
.domain {
padding-left: 2px;
padding-right: 2px;
background: rgba(91, 234, 81, 0.54) !important;
border-radius: 4px;
}
.inventorySummaryContainer .panel-body,
.inventorySummaryContainer .panel-footer {
padding: 0;
}
.inventorySummaryContainer .panel-body .form-group,
.inventorySummaryContainer .panel-footer .form-group {
margin: 0;
}
.inventorySummaryContainer .input-group .form-control {
background-color: #f5f5f5;
}
.inventorySummaryContainer .panel-body .percent {
min-width: 55px;
}
.inventoryItems tfoot {
font-weight: 800;
}
.inventorySummaryContainer img {
max-width: 15px;
}
.checkboxForm {
padding-top: 7px;
}
.ui-draggable-menuShortcut .c-menu__item__icon {
padding-right: 18px;
font-size: 1.5rem;
height: 100%;
}
.noSpaces {
padding: 0 !important;
margin: 0 !important;
}
html,
body,
.o-base-container {
height: 100%;
}
#page {
display: block;
width: 100%;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.container-fluid-main {
height: 100%;
padding: 0;
margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
::i-block-chrome,
::i-block-chrome {
top: -4px;
}
}
.companyLogoContainer {
display: block;
width: 48px;
padding: 5px;
}
.companyLogoContainer img {
height: 2.5rem;
width: 2.5rem;
}
.userDetails ul.headerLink li {
list-style-type: none;
display: inline-block;
margin-right: 7px;
margin-top: 5px;
}
.selectSearch {
margin-right: 10px;
margin-left: 10px;
}
.userDetails {
padding-right: 0;
padding-left: 16px;
}
.userDetails .name {
line-height: 18px;
font-size: 0.90625rem;
}
.userDetails .companyName {
font-size: 0.6875rem;
}
.userDetails .name:nth-child(2) {
font-size: 0.8125rem;
line-height: 17px;
}
.userDetails .headerLink > li > ul > li > a {
color: #000;
}
.vakata-context {
z-index: 1031;
}
.vakata-context ul {
z-index: 1031;
}
.breadcrumbsLinks {
margin-top: 7px;
margin-left: 0;
}
.breadcrumbsLinks a {
font-weight: bold;
}
#inventoryViewLayout {
margin-top: -10px;
}
#inventoryViewLayout .inventoryBlock ul li .editFields {
padding: 5px;
}
.editFields .fieldContainer {
padding-left: 0;
}
#layoutEditorContainer .blockActions .dropdown-menu {
z-index: 2000;
}
.editViewMiniSlider.ui-widget-content {
padding: 6px;
}
.selectorHistory {
font-weight: 900 !important;
text-align: center;
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.42857143;
color: #111;
white-space: nowrap;
cursor: default;
}
.historyHour {
font-weight: 600 !important;
}
.logoFooter {
margin: 1px;
height: 27px;
}
.marginLeft15 {
margin-left: 15px;
}
.bootstrap-switch-container {
white-space: nowrap;
}
.breadCrumbs {
padding-top: 0;
padding-left: 0;
padding-bottom: 0;
}
.rows {
width: 100%;
position: relative;
float: left;
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
padding-bottom: 2px;
}
.rows .col-xs-4 {
padding-left: 0 !important;
}
.dashboardHeading hr {
margin-top: -2px;
}
.dashboardHeading h2 {
margin-bottom: 7px;
}
.footable-row-detail-row {
line-height: 2.5em;
}
.div-bordered {
border: 1px solid #ddd;
}
.padding10 {
padding: 10px;
}
.dashboardWidgetContent .summary-detail .summary-text {
vertical-align: sub;
}
.activityWidgetContainer .activityDescription .popover,
.quickCreateContent .addedNearCalendarEvent .popover {
min-width: 300px;
}
.activityWidgetContainer .popover-content,
.quickCreateContent .addedNearCalendarEvent .popover-content {
font-size: 0.75rem;
}
.modalEditStatus .form-horizontal .form-group,
#modalEditStatus .form-horizontal .form-group {
margin-bottom: 2px;
}
.modalEditStatus .form-horizontal .form-group .control-label,
#modalEditStatus .form-horizontal .form-group .control-label {
padding-top: 0;
}
.listViewEntriesCheckBox,
#listViewEntriesMainCheckBox {
cursor: pointer;
}
#roleDeleteForm .relatedPopup {
padding: 6px 12px;
}
.publicHolidayModal .dateField {
width: 100%;
}
#rssFeedHeading h3 {
margin-top: 0;
}
.menuPanel {
padding: 5px;
}
.quickCreateContent .fieldLabel label {
padding-top: 8px;
}
.chosen-container {
min-height: 32px;
line-height: 34px;
}
.referenceGroup .referenceModulesListGroup .chosen-container,
.phoneGroup .chosen-container {
min-width: 100px !important;
text-align: left;
height: 32px;
}
.referenceGroup .referenceModulesListGroup .chosen-container .chosen-single,
.phoneGroup .chosen-container .chosen-single {
border: 0;
height: 32px;
border-radius: 0;
}
.quickCreateContent .referenceGroup .referenceModulesListGroup .chosen-container {
min-width: 80px !important;
}
.chosen-container-single .chosen-single {
background: #fff;
}
.commonActionsContainer .badge {
font-size: 0.6875rem;
top: -3px;
}
.currencyTable .fieldLabel {
width: 20%;
min-width: 150px;
}
.widget_header .dropdown-toggle + .dropdown-menu {
left: 15px;
}
#convertLeadMapping th:not(.blockHeader),
#convertLeadMapping tbody tr td,
#convertLeadMapping .blockHeader th {
width: 25%;
text-align: center;
}
#mappingToGenerate th:not(.defaultHeader):not(.actionsHeader) {
width: 24%;
}
#mappingToGenerate .defaultHeader {
width: 20%;
}
#mappingToGenerate .actionsHeader {
width: 8%;
}
.modalEditStatus .popover.fade,
#modalEditStatus .popover.fade {
min-width: 400px;
}
.statsContainer .widgetChartContainer {
width: 100%;
height: 300px;
}
@media only screen and (max-width: 1200px) {
.tl-media-content-container {
width: 60%;
}
.opacity .actions {
opacity: 1;
}
.singleComment .commentActionsDiv {
display: block;
}
.selectSearch {
display: none;
}
.listViewEntriesTable tr td .actions .actionImages {
opacity: 1;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.treeView li .toolbar-handle .toolbar {
display: inline !important;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
.paddingTop10-md {
padding-top: 10px;
}
}
@media screen and (min-width: 1200px) {
#quickCreate .modal-body {
max-height: none !important;
}
#mediumNav,
#headerLinksCompact {
display: none;
}
#largeNav {
margin-left: 10px;
margin-right: 0;
}
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
.companyLogo {
width: 100%;
}
* {
zoom: 1 !important;
}
}
@media only screen and (max-width: 992px) {
.textAlignRight {
text-align: left;
}
.sortTableUl {
list-style-type: none;
float: left;
min-height: 1px;
padding: 2px;
width: 100% !important;
}
.commentsList.commentsBody .liStyleNone {
padding-left: 20px;
}
.commentContainer .commentDetails {
width: 100%;
}
.summaryWidgetContainer .widget_header .summaryWidgetIcon {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 992px) {
.detailViewTable .fieldsLabelValue {
border-bottom: 1px solid #ddd;
}
.quickCreateContent .fieldsLabelValue {
border-bottom: 1px solid #f8f9fa;
}
.bodyContents {
margin: 0 !important;
}
.col-md-3#headerLinks {
padding: 5px 5px 0;
}
.menuBar .col-md-9,
.col-md-3#headerLinks {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
min-width: 80px;
}
.menuBar .col-md-9 li.tabs:first-child > a,
.col-md-3#headerLinks li.tabs:first-child > a {
padding: 10px 12px 9px;
}
.quickCreateModules {
width: 100% !important;
padding: 0 !important;
}
}
@media only screen and (min-width: 992px) {
.conditionList .conditionField {
padding-left: 0;
}
.quickCreateContent .fieldRow {
border-top: 1px solid #ddd;
display: table;
}
.quickCreateContent .fieldsLabelValue {
vertical-align: top;
border-right: 1px solid #ddd;
display: table-cell;
float: none;
}
.quickCreateContent .fieldsLabelValue::before {
width: 41.66666667%;
}
.move-action {
right: -309px !important;
}
#centerPanel {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.knowledgePresentationText {
font-size: 2em;
}
}
@media only screen and (min-width: 768px) {
.grid1x7 {
width: 14.28%;
}
.quickCreateContent .fieldsLabelValue::before {
content: "";
float: left;
position: absolute;
top: 0;
left: 0;
height: 100%;
border-right: 1px solid #ddd;
}
.detailViewTable .fieldsLabelValue .fieldLabel {
border-right: 1px solid #ddd;
}
.fieldsLabelValue::before {
width: 41.6666667%;
}
.dashboardHeading .h3 {
margin-bottom: 0;
margin-right: 45px;
margin-top: 10px;
}
.rightHeaderBtnMenu {
display: none;
}
.commonActionsContainer .row .col-md-5 {
width: 41.66666667%;
float: left;
}
.commonActionsContainer .row .col-md-7 {
width: 58.33333333%;
float: right;
}
.userDetailsContainer .row .col-md-2 {
width: 16.66666667%;
float: left;
}
.userDetailsContainer .row .col-md-10 {
width: 83.33333333%;
float: left;
}
.breadcrumbsLinks {
font-size: 0.9375rem;
}
}
@media only screen and (max-width: 768px) {
.grid1x7 {
width: 100%;
}
.mainBody {
bottom: 17px;
}
.tl-media-content-container {
margin: 5px auto;
}
.alphabet_30 {
width: 340px;
}
.alphabet_28 {
width: 390px;
}
.iconsInFooter {
margin-top: 1px !important;
}
.iconsInFooter span {
font-size: 0.625rem !important;
}
.logoFooter {
height: 13px;
margin-top: 3px;
}
.dashboardHeading .h3 {
margin-top: 10px;
margin-bottom: 0;
margin-right: 25px;
}
.rightHeaderBtnMenu {
display: block;
}
.commonActionsContainer .row .col-md-5 {
width: calc(100% - 200px);
float: left;
}
.commonActionsContainer .row .col-md-7 {
width: 200px;
float: right;
}
.userDetailsContainer .row .col-md-2 {
width: 50px;
float: left;
}
.userDetailsContainer .row .col-md-10 {
width: calc(100% - 50px);
float: left;
}
.breadcrumbsLinks {
font-size: 0.875rem;
}
}
@media only screen and (max-width: 480px) {
.tl-text .tl-headline-date,
.tl-text h3.tl-headline-date {
line-height: 31px;
}
.alphabet_30 {
width: 245px;
}
.alphabet_28 {
width: 200px;
}
.alphabet_26 {
width: 295px;
}
.quickCreateContainer .modal-header {
padding: 0;
margin: 0;
}
.quickCreateContainer .modal-header .text-uppercase {
display: block;
}
.modal-title .text-uppercase {
display: block;
}
.listSearchTd {
padding: 4px 0 !important;
}
.listSearchTd .btn {
padding: 0.5rem;
}
}
.jstree-proton .jstree-search {
color: #fff !important;
background: #d9534f !important;
border-radius: 3px;
}
#treePopupContainer {
overflow: auto;
max-height: 500px;
}
.padding0 {
padding: 0 !important;
}
.noLeftRadius {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.noRightRadius {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.supportProcessesContainer .well .alert {
width: 100%;
}
.marginTB10 {
margin-top: 10px;
margin-bottom: 10px;
}
.marginTop10 {
margin-top: 10px !important;
}
.marginTop20 {
margin-top: 20px !important;
}
.tag {
margin-right: 5px;
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.spaceRelatedList {
width: 50px;
min-height: 1px;
}
.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-text {
position: relative;
float: right;
width: 70%;
border-radius: 10px;
border: 1px solid #f0f0f0;
padding-top: 15px;
box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);
}
.tl-headline-date {
font-size: 1.875rem !important;
margin-bottom: 20px !important;
}
.tl-text-content-container .tl-headline {
font-size: 1.25rem !important;
}
.tl-timeline {
font-family: inherit !important;
}
.tl-media .tl-media-content-container .tl-media-content img {
width: 256px;
max-height: 256px !important;
}
.tl-text-content-container {
text-align: left;
}
.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-media {
width: 30% !important;
}
.tl-slide-content {
width: 100% !important;
}
.tl-attribution {
display: none;
}
.commentsBar {
position: relative;
top: 0;
left: 0;
background: #f8f9fa;
padding-bottom: 8px;
}
.fieldLabel .js-help-info {
margin-left: 2px;
}
.jstree-node .jstree-category,
.jstree-node .jstree-edit {
margin-right: 2px;
margin-bottom: 5px;
font-size: 1rem;
top: 0;
vertical-align: middle;
}
.jstree-node input {
color: #000;
}
.widgetContainer select[multiple] {
height: 0;
}
.select2-dropdown ul[aria-multiselectable=true] [aria-selected=true] {
display: none;
}
.quickCreateContent .massEditTable {
border: 1px solid #ddd;
}
.quickCreateContent .eventsTable td {
padding-left: 0;
padding-right: 0;
}
.dateTimeField .date {
margin-right: -2px;
}
.dateTimeField .date span {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.dateTimeField .time input {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.blockContainer .blockHeader {
cursor: pointer;
}
.detailViewTable .blockHeader {
cursor: pointer;
display: inline-block;
width: 100%;
}
.detailViewTable {
margin-bottom: 10px;
}
.detailViewBlockLink {
margin-bottom: 10px;
}
.detailViewBlockLink .moduleIcon {
margin-right: 7px;
margin-left: 5px;
vertical-align: middle;
}
select.form-control {
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.table .chosen-container, .c-detail-widget__table .chosen-container {
height: auto;
}
.addCommentBlock .commentcontent {
resize: vertical;
}
.indexContainer {
padding-top: 10px;
border-top: 4px solid #404952;
}
.grid1x7 {
float: left;
}
.quickCreateContent .addedNearCalendarEvent td {
padding: 4px;
}
#cur_events td,
#cur_events .table th,
#cur_events .c-detail-widget__table th {
background: #e1ffe5;
}
.quickCreateContent #Calendar_editView_fieldName_date_start {
background-color: #e1ffe5;
}
.eventsTable table th {
border-bottom: 3px solid #000;
}
.quickCreateContent .weekend {
background: #d7eeff !important;
}
.quickCreateContent .weekend:hover {
background: #d7eeff !important;
}
.knowledgePresentationContent {
color: #000;
min-height: 450px;
}
.knowledgePresentationControl {
width: 5%;
}
.knowledgePresentationInner {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 90%;
margin-left: 5%;
float: left;
}
.panelTree {
border-right: 1px solid #f8f9fa;
}
.customViewList table td {
vertical-align: middle !important;
}
.customViewList .ui-sortable-helper {
background-color: #dff0d8 !important;
}
.SearchFieldsEdit .ui-sortable-helper {
background-color: #dff0d8 !important;
}
.detailViewContainer .contents .knowledgeBaseDetails {
padding: 15px;
}
.dashboardWidgetContent .rowAction:nth-of-type(even),
.listViewInventoryEntries table tbody tr:nth-of-type(even) {
background-color: #f9f9f9;
}
.knowledgePopoutContainer .knowledgePopoutSubject,
.knowledgePopoutContainer .knowledgePopoutContent {
padding: 20px 50px;
}
.knowledgePopoutContainer .knowledgePopoutSubject {
text-align: center;
}
.knowledgePresentation .knowledgePresentationRow {
margin: 0 !important;
}
.detailViewContainer .chosen-container,
.editViewContainer .chosen-container {
height: auto;
}
.knowledgePresentationControl.carousel-control {
background: #fff;
color: #000;
}
.top2px {
position: relative;
top: -2px;
}
.notificationContainer .noticeRow {
margin-top: 0;
padding: 7px 7px 0 7px;
}
.notificationContainer .noticeRow hr + a {
font-weight: bold;
color: #337ab7 !important;
}
.notificationContainer .noticeIcon {
font-size: 1.25rem;
}
.notificationContainer li {
list-style: none;
}
.notificationContainer .panel {
height: 100%;
}
.wordBreakAll {
-ms-word-break: break-all;
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.columnSorted {
background: #eaeaea !important;
}
.dataTableDragDrop {
position: absolute;
padding: 5px 12px;
display: inline-flex;
font-size: 0.875rem;
}
.betweenDragDrop {
position: relative;
top: 100px;
}
.ui-draggable-menuShortcut {
position: absolute;
padding: 5px 12px;
display: inline-flex;
font-size: 1.0625rem;
}
.modulesList .menuSeparator {
background: #fff;
height: 2px;
margin: 5px 0;
}
.subMenu .menuSeparator {
background: #444853;
height: 2px;
margin: 5px 0;
}
.backgroundWhiteSmoke {
background: whitesmoke;
}
.listViewInventoryEntries th {
background: none;
}
.listViewInventoryEntries td {
vertical-align: middle !important;
}
.paddingBottomZero {
padding-bottom: 0 !important;
}
.maxHeightModal {
max-height: 500px;
overflow-y: auto;
}
.lineOfText {
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=);
background-repeat: repeat-x;
background-position: left;
text-align: center;
}
.lineOfText :first-child {
background-color: #fff;
margin: 0 auto;
padding: 0 5px;
display: inline-block;
}
.announcement .alert {
margin: 3px 3px 0;
padding: 5px 10px;
}
.detailViewHeaderFieldInformation {
margin-left: 68px;
}
.tdUnderline {
text-decoration: underline;
}
.noSumarryWidgetEffect {
padding: 0 !important;
border: none !important;
}
.noSumarryWidgetEffect .listViewEntriesTable {
margin-bottom: 0 !important;
}
.rowContent {
-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.blockContent .inviteesContent {
padding: 10px;
}
.blockContent .inviteRow {
width: 220px;
margin-bottom: 3px;
margin-top: 3px;
}
.dashboardViewContainer .dashboardHeading {
position: absolute;
top: 3px;
right: 0;
}
#convertLeadForm table {
table-layout: fixed;
word-wrap: break-word;
}
.dashboardWidget .rowActivities .activityContainer > *,
.dashboardWidget .rowActivities > * {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 14px;
}
.addWidgetDropDown.dropdown-menu > li {
display: flex;
padding: 0 2px;
width: 100%;
white-space: nowrap;
}
.addWidgetDropDown.dropdown-menu > li > a {
display: inline;
}
.leegendIcon {
margin: 0 5px 0 15px;
height: 15px;
width: 15px;
float: left;
}
.marginRight15 {
margin-right: 15px;
}
.listViewEntries {
background: #fff;
}
.listViewEntries:hover {
background: rgba(221, 221, 221, 0.1254901961);
}
.widthMin {
width: 1%;
}
.openStreetMapModalBody .descriptionContainer {
max-height: 150px;
overflow: auto;
}
.activityContainer {
padding-top: 5px;
padding-left: 35px;
}
.bigLabel {
font-size: 100%;
font-weight: bold;
display: block;
padding: 0.7em 0.5em;
}
.modalContainer + .ui-autocomplete {
z-index: 100000;
}
.marginIcon {
margin-left: 0.3em;
}
.actionImages .btn {
float: none !important;
}
.bc-gray-lighter {
background-color: #f5f5f5;
}
.pdfTemplateContents .fieldRow {
margin-bottom: 10px;
}
.middle {
vertical-align: middle;
}
.back4RightMargin {
margin-right: -4px;
}
.yetiforceDetailsLink {
font-size: 2.5rem;
margin-right: 15px;
}
.remindersContent .notificationIcon {
font-size: 1.875rem;
text-align: center;
padding: 7% 0 0 0;
color: white;
}
.remindersContent .notiContent {
background: #fff !important;
border-radius: 0 4px 4px 0;
}
.remindersContent .panel-body .btn.actionIcon {
margin-top: -5px;
}
.remindersContent .tpl-remiders-bottom-buttons {
position: fixed;
bottom: 40px;
}
.dashboardWidgetContent {
position: relative;
}
.dashboardWidgetFooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.dashboardWidget {
overflow: hidden;
}
.Home_DashBoard .widget_header {
margin-bottom: 0;
}
.pinToDown {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#jstree-marker {
z-index: 1100;
}
.daterangepicker .table-condensed > tbody > tr > td,
.daterangepicker .calendar-table {
padding: 0;
}
.daterangepicker .table-condensed > thead > tr > th {
padding: 2px;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
min-width: 30px;
}
.dropdownEntityState ul li {
border-left: 10px solid #fff;
}
.entityStateIcon {
background: #d2d6de;
color: #fff !important;
}
.entityStateBtn {
color: #fff !important;
border-color: transparent;
}
select[readonly], select[disabled] {
pointer-events: none;
}
.relatedTabModulesList .form-group {
margin-bottom: 5px;
}
.relatedTabModulesList .panel-heading {
padding: 10px 15px;
}
.relatedTabModulesList .panel-body {
padding: 8px 0 0 0;
}
.relatedTabModulesList .panel {
margin-bottom: 10px;
}
.tableBorderHeadBody > thead,
.tableBorderHeadBody > tbody {
border: 1px solid #ddd;
}
.listViewEntriesTable .listViewSummation td.border, .listViewEntriesTable .listViewSummation td.select2-selection {
border: 1px solid #ddd;
}
.tableBorderHeadBody {
margin-bottom: 0;
}
.calculateValue {
margin-left: 10px;
}
.border1px {
border: 1px solid #ddd;
}
#recordsList {
padding-left: 0;
padding-right: 5px;
float: left;
}
[class*=picklistLb_] {
border-radius: 7px;
}
.popover.activities {
min-width: 400px;
}
.table tr.inventoryRow td, .c-detail-widget__table tr.inventoryRow td {
padding: 4px;
}
.ps-scrollbar-y-rail {
z-index: 100;
}
.flexWrapper {
display: flex;
}
.flexWrapper .listRemoveBtn,
.flexWrapper .removeSearchConditions {
margin-left: 8px;
}
#popupPageContainer {
overflow-y: auto;
}
.reducePadding {
padding: 0 !important;
}
.listViewSearchTd,
.listSearchTd {
width: 80px;
}
.popupEntriesDiv .listSearchTd {
width: 57px;
}
ul.tweets li {
list-style-type: none;
width: 528px;
min-height: 72px;
border-top: #e6ecf0 solid 1px;
}
.marketplace-product {
max-width: 26.875rem;
}
.c-menu--open .marketplace-product {
max-width: 24.875rem;
}
.c-user-image {
width: 1.35rem;
height: 1.35rem;
border-radius: 50%;
vertical-align: sub;
margin-right: 5px;
}
.c-user-xl {
width: 2.5rem;
height: 2.5rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.table td.wide:not(.listButtons), .c-detail-widget__table td.wide:not(.listButtons),
.listViewEntries td.wide:not(.listButtons),
td.listViewEntryValue.wide:not(.listButtons) {
padding: 0.9375rem;
font-size: 1rem;
}
.table td.medium:not(.listButtons), .c-detail-widget__table td.medium:not(.listButtons),
.listViewEntries td.medium:not(.listButtons),
td.listViewEntryValue.medium:not(.listButtons) {
padding: 0.625rem;
}
.table td.medium[data-field-type=image], .c-detail-widget__table td.medium[data-field-type=image], .table td.medium[data-field-type=multiImage], .c-detail-widget__table td.medium[data-field-type=multiImage],
.listViewEntries td.medium[data-field-type=image],
.listViewEntries td.medium[data-field-type=multiImage],
td.listViewEntryValue.medium[data-field-type=image],
td.listViewEntryValue.medium[data-field-type=multiImage] {
padding: 0;
}
.table td.narrow:not(.listButtons), .c-detail-widget__table td.narrow:not(.listButtons),
.listViewEntries td.narrow:not(.listButtons),
td.listViewEntryValue.narrow:not(.listButtons) {
padding: 0.375rem;
}
.table td.narrow[data-field-type=image], .c-detail-widget__table td.narrow[data-field-type=image], .table td.narrow[data-field-type=multiImage], .c-detail-widget__table td.narrow[data-field-type=multiImage],
.listViewEntries td.narrow[data-field-type=image],
.listViewEntries td.narrow[data-field-type=multiImage],
td.listViewEntryValue.narrow[data-field-type=image],
td.listViewEntryValue.narrow[data-field-type=multiImage] {
padding: 0;
}
.table thead th.narrow, .c-detail-widget__table thead th.narrow {
vertical-align: middle;
}
@media screen and (max-width: 992px) {
.quickCreateContent .fieldsLabelValue.narrow {
padding-top: 0.3125rem;
padding-bottom: 0.125rem;
}
.quickCreateContent .fieldsLabelValue.medium {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.quickCreateContent .fieldsLabelValue.wide {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
@media only screen and (min-width: 992px) {
.quickCreateContent .fieldsLabelValue.narrow {
padding-top: 0.3125rem;
padding-bottom: 0.125rem;
}
.quickCreateContent .fieldsLabelValue.medium {
padding: 0.625rem 0;
}
.quickCreateContent .fieldsLabelValue.wide {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
@media only screen and (max-width: 768px) {
.quickCreateContent .fieldsLabelValue.wide {
padding-top: 0.3125rem;
padding-bottom: 0.9375rem;
}
.quickCreateContent .fieldsLabelValue.narrow {
padding-bottom: 0.3125rem;
}
.quickCreateContent .fieldsLabelValue.medium {
padding-top: 0;
padding-bottom: 0.625rem;
}
}
.detailViewTable .fieldLabel.narrow,
.detailViewTable .fieldValue.narrow {
min-height: 1.875rem;
}
.detailViewTable .fieldLabel.medium,
.detailViewTable .fieldValue.medium {
min-height: 2.5rem;
}
.detailViewTable .fieldLabel.wide,
.detailViewTable .fieldValue.wide {
min-height: 3.125rem;
}
table .listButtons {
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
}
table .listButtons.narrow .c-badge__icon {
font-size: 0.625rem;
width: 1.375rem;
height: 1.375rem;
line-height: 1.1875rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.u-fs-1x {
font-size: 1rem !important;
}
.u-fs-2x {
font-size: 2rem !important;
}
.u-fs-3x {
font-size: 3rem !important;
}
.u-fs-4x {
font-size: 4rem !important;
}
.u-fs-5x {
font-size: 5rem !important;
}
.u-fs-6x {
font-size: 6rem !important;
}
.u-fs-7x {
font-size: 7rem !important;
}
.u-fs-8x {
font-size: 8rem !important;
}
.u-fs-9x {
font-size: 9rem !important;
}
.u-fs-10x {
font-size: 10rem !important;
}
.u-fs-xs {
font-size: 0.75rem !important;
}
.u-fs-sm {
font-size: 0.876rem !important;
}
.u-fs-lg {
font-size: 1.33rem !important;
}
.u-fs-xlg {
font-size: 1.5rem !important;
}
.u-fs-2em {
font-size: 2em !important;
}
.u-fs-10px {
font-size: 0.625rem !important;
}
.u-fs-13px {
font-size: 0.8125rem !important;
}
.u-fs-14px {
font-size: 0.875rem !important;
}
.u-fs-15px {
font-size: 0.9375rem !important;
}
.u-fs-19px {
font-size: 1.1875rem !important;
}
.u-fs-38px {
font-size: 2.375rem !important;
}
.u-fs-50px {
font-size: 3.125rem !important;
}
.u-fs-95per {
font-size: 95% !important;
}
.u-fs-100per {
font-size: 100% !important;
}
.u-fs-26px {
font-size: 1.625rem !important;
}
.u-fs-44px {
font-size: 2.75rem !important;
}
.u-font-weight-50 {
font-weight: 50 !important;
}
.u-font-weight-100 {
font-weight: 100 !important;
}
.u-font-weight-150 {
font-weight: 150 !important;
}
.u-font-weight-200 {
font-weight: 200 !important;
}
.u-font-weight-250 {
font-weight: 250 !important;
}
.u-font-weight-300 {
font-weight: 300 !important;
}
.u-font-weight-350 {
font-weight: 350 !important;
}
.u-font-weight-400 {
font-weight: 400 !important;
}
.u-font-weight-450 {
font-weight: 450 !important;
}
.u-font-weight-500 {
font-weight: 500 !important;
}
.u-font-weight-550 {
font-weight: 550 !important;
}
.u-font-weight-600 {
font-weight: 600 !important;
}
.u-font-weight-650 {
font-weight: 650 !important;
}
.u-font-weight-700 {
font-weight: 700 !important;
}
.u-font-weight-750 {
font-weight: 750 !important;
}
.u-font-weight-800 {
font-weight: 800 !important;
}
.u-font-weight-850 {
font-weight: 850 !important;
}
.u-font-weight-900 {
font-weight: 900 !important;
}
.u-text-ellipsis, .ui-autocomplete:not(.mobile) .ui-menu-item-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.u-text-ellipsis.u-text-ellipsis--bg-white:hover, .ui-autocomplete:not(.mobile) .u-text-ellipsis--bg-white.ui-menu-item-wrapper:hover {
background: #fff;
z-index: 1000000;
position: absolute;
-moz-box-shadow: 2px 2px 10px #ced4da;
-webkit-box-shadow: 2px 2px 10px #ced4da;
box-shadow: 2px 2px 10px #ced4da;
}
.u-ellipsis-in-flex {
min-width: 0;
}
.u-text-ellipsis--no-hover,
.js-popover-tooltip--ellipsis,
.js-popover-tooltip--ellipsis-icon .js-popover-text,
.js-popover-tooltip--ellipsis-icon .c-popover-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.js-popover--before-positioned {
opacity: 0;
height: 0;
overflow: hidden;
}
.u-text-ellipsis--not-active {
width: auto !important;
text-overflow: unset !important;
visibility: hidden !important;
overflow: visible !important;
display: inline-block !important;
}
.u-ellipsis-2-lines {
overflow: hidden;
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.u-text-underline {
text-decoration: underline;
}
.u-hover-opacity:hover {
opacity: 0.5;
-webkit-transition: opacity 275ms ease;
-moz-transition: opacity 275ms ease;
-ms-transition: opacity 275ms ease;
-o-transition: opacity 275ms ease;
transition: opacity 275ms ease;
}
.u-hover-opacity75:hover {
opacity: 0.75;
-webkit-transition: opacity 275ms ease;
-moz-transition: opacity 275ms ease;
-ms-transition: opacity 275ms ease;
-o-transition: opacity 275ms ease;
transition: opacity 275ms ease;
}
.u-bg-white-darken:hover {
background-color: #e6e6e6 !important;
-webkit-transition: background-color 275ms ease;
-moz-transition: background-color 275ms ease;
-ms-transition: background-color 275ms ease;
-o-transition: background-color 275ms ease;
transition: background-color 275ms ease;
}
.u-bg-light-darken:hover {
background-color: #dae0e5 !important;
-webkit-transition: background-color 275ms ease;
-moz-transition: background-color 275ms ease;
-ms-transition: background-color 275ms ease;
-o-transition: background-color 275ms ease;
transition: background-color 275ms ease;
}
.u-bg-light-blue {
background-color: #bbdefb !important;
}
.u-bg-light-green {
background-color: #b2dfdb !important;
}
.u-bg-light-orange {
background-color: #ffe0b2 !important;
}
.u-bg-light-brown {
background-color: #d7ccc8 !important;
}
.u-hover-container .u-hover-display-inline {
display: none;
}
.u-hover-container:hover .u-hover-display-inline {
display: inline;
}
.u-word-break-all {
word-break: break-all !important;
}
.u-word-break {
overflow-wrap: anywhere !important;
}
.u-word-break-keep-all {
word-break: keep-all !important;
}
.u-m-5px {
margin: 5px;
}
.u-ml-0 {
margin-left: 0 !important;
}
.u-ml-10px {
margin-left: 0.625rem;
}
.u-mr-0px {
margin-right: 0 !important;
}
.u-ml-0px {
margin-left: 0 !important;
}
.u-mr-5px {
margin-right: 0.3125rem;
}
.u-mt-2px {
margin-top: 0.125rem;
}
.u-paragraph-m-0 p {
margin: 0;
}
.u-mb-13px {
margin-bottom: 0.8rem !important;
}
.u-ml-minus-5px {
margin-left: -0.3125rem;
}
.u-mr-minus-8px {
margin-right: -0.5rem;
}
.u-p-1per {
padding: 1%;
}
@media (max-width: 767.98px) {
.u-p-05per {
padding: 0.5%;
}
}
.u-p-x-0px {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 400px) {
.u-min-w-xsm-10 {
min-width: 10% !important;
}
.u-max-w-xsm-10 {
max-width: 10% !important;
}
.u-w-xsm-10 {
min-width: 10% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-10 {
min-width: 10% !important;
}
.u-max-w-sm-10 {
max-width: 10% !important;
}
.u-w-sm-10 {
min-width: 10% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-10 {
min-width: 10% !important;
}
.u-max-w-md-10 {
max-width: 10% !important;
}
.u-w-md-10 {
min-width: 10% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-10 {
min-width: 10% !important;
}
.u-max-w-lg-10 {
max-width: 10% !important;
}
.u-w-lg-10 {
min-width: 10% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-10 {
min-width: 10% !important;
}
.u-max-w-xl-10 {
max-width: 10% !important;
}
.u-w-xl-10 {
min-width: 10% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-10 {
min-width: 10% !important;
}
.u-max-w-xxl-10 {
max-width: 10% !important;
}
.u-w-xxl-10 {
min-width: 10% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-10 {
min-width: 10% !important;
}
.u-max-w-xxxl-10 {
max-width: 10% !important;
}
.u-w-xxxl-10 {
min-width: 10% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-20 {
min-width: 20% !important;
}
.u-max-w-xsm-20 {
max-width: 20% !important;
}
.u-w-xsm-20 {
min-width: 20% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-20 {
min-width: 20% !important;
}
.u-max-w-sm-20 {
max-width: 20% !important;
}
.u-w-sm-20 {
min-width: 20% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-20 {
min-width: 20% !important;
}
.u-max-w-md-20 {
max-width: 20% !important;
}
.u-w-md-20 {
min-width: 20% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-20 {
min-width: 20% !important;
}
.u-max-w-lg-20 {
max-width: 20% !important;
}
.u-w-lg-20 {
min-width: 20% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-20 {
min-width: 20% !important;
}
.u-max-w-xl-20 {
max-width: 20% !important;
}
.u-w-xl-20 {
min-width: 20% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-20 {
min-width: 20% !important;
}
.u-max-w-xxl-20 {
max-width: 20% !important;
}
.u-w-xxl-20 {
min-width: 20% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-20 {
min-width: 20% !important;
}
.u-max-w-xxxl-20 {
max-width: 20% !important;
}
.u-w-xxxl-20 {
min-width: 20% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-30 {
min-width: 30% !important;
}
.u-max-w-xsm-30 {
max-width: 30% !important;
}
.u-w-xsm-30 {
min-width: 30% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-30 {
min-width: 30% !important;
}
.u-max-w-sm-30 {
max-width: 30% !important;
}
.u-w-sm-30 {
min-width: 30% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-30 {
min-width: 30% !important;
}
.u-max-w-md-30 {
max-width: 30% !important;
}
.u-w-md-30 {
min-width: 30% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-30 {
min-width: 30% !important;
}
.u-max-w-lg-30 {
max-width: 30% !important;
}
.u-w-lg-30 {
min-width: 30% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-30 {
min-width: 30% !important;
}
.u-max-w-xl-30 {
max-width: 30% !important;
}
.u-w-xl-30 {
min-width: 30% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-30 {
min-width: 30% !important;
}
.u-max-w-xxl-30 {
max-width: 30% !important;
}
.u-w-xxl-30 {
min-width: 30% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-30 {
min-width: 30% !important;
}
.u-max-w-xxxl-30 {
max-width: 30% !important;
}
.u-w-xxxl-30 {
min-width: 30% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-40 {
min-width: 40% !important;
}
.u-max-w-xsm-40 {
max-width: 40% !important;
}
.u-w-xsm-40 {
min-width: 40% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-40 {
min-width: 40% !important;
}
.u-max-w-sm-40 {
max-width: 40% !important;
}
.u-w-sm-40 {
min-width: 40% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-40 {
min-width: 40% !important;
}
.u-max-w-md-40 {
max-width: 40% !important;
}
.u-w-md-40 {
min-width: 40% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-40 {
min-width: 40% !important;
}
.u-max-w-lg-40 {
max-width: 40% !important;
}
.u-w-lg-40 {
min-width: 40% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-40 {
min-width: 40% !important;
}
.u-max-w-xl-40 {
max-width: 40% !important;
}
.u-w-xl-40 {
min-width: 40% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-40 {
min-width: 40% !important;
}
.u-max-w-xxl-40 {
max-width: 40% !important;
}
.u-w-xxl-40 {
min-width: 40% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-40 {
min-width: 40% !important;
}
.u-max-w-xxxl-40 {
max-width: 40% !important;
}
.u-w-xxxl-40 {
min-width: 40% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-50 {
min-width: 50% !important;
}
.u-max-w-xsm-50 {
max-width: 50% !important;
}
.u-w-xsm-50 {
min-width: 50% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-50 {
min-width: 50% !important;
}
.u-max-w-sm-50 {
max-width: 50% !important;
}
.u-w-sm-50 {
min-width: 50% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-50 {
min-width: 50% !important;
}
.u-max-w-md-50 {
max-width: 50% !important;
}
.u-w-md-50 {
min-width: 50% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-50 {
min-width: 50% !important;
}
.u-max-w-lg-50 {
max-width: 50% !important;
}
.u-w-lg-50 {
min-width: 50% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-50 {
min-width: 50% !important;
}
.u-max-w-xl-50 {
max-width: 50% !important;
}
.u-w-xl-50 {
min-width: 50% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-50 {
min-width: 50% !important;
}
.u-max-w-xxl-50 {
max-width: 50% !important;
}
.u-w-xxl-50 {
min-width: 50% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-50 {
min-width: 50% !important;
}
.u-max-w-xxxl-50 {
max-width: 50% !important;
}
.u-w-xxxl-50 {
min-width: 50% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-60 {
min-width: 60% !important;
}
.u-max-w-xsm-60 {
max-width: 60% !important;
}
.u-w-xsm-60 {
min-width: 60% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-60 {
min-width: 60% !important;
}
.u-max-w-sm-60 {
max-width: 60% !important;
}
.u-w-sm-60 {
min-width: 60% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-60 {
min-width: 60% !important;
}
.u-max-w-md-60 {
max-width: 60% !important;
}
.u-w-md-60 {
min-width: 60% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-60 {
min-width: 60% !important;
}
.u-max-w-lg-60 {
max-width: 60% !important;
}
.u-w-lg-60 {
min-width: 60% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-60 {
min-width: 60% !important;
}
.u-max-w-xl-60 {
max-width: 60% !important;
}
.u-w-xl-60 {
min-width: 60% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-60 {
min-width: 60% !important;
}
.u-max-w-xxl-60 {
max-width: 60% !important;
}
.u-w-xxl-60 {
min-width: 60% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-60 {
min-width: 60% !important;
}
.u-max-w-xxxl-60 {
max-width: 60% !important;
}
.u-w-xxxl-60 {
min-width: 60% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-70 {
min-width: 70% !important;
}
.u-max-w-xsm-70 {
max-width: 70% !important;
}
.u-w-xsm-70 {
min-width: 70% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-70 {
min-width: 70% !important;
}
.u-max-w-sm-70 {
max-width: 70% !important;
}
.u-w-sm-70 {
min-width: 70% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-70 {
min-width: 70% !important;
}
.u-max-w-md-70 {
max-width: 70% !important;
}
.u-w-md-70 {
min-width: 70% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-70 {
min-width: 70% !important;
}
.u-max-w-lg-70 {
max-width: 70% !important;
}
.u-w-lg-70 {
min-width: 70% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-70 {
min-width: 70% !important;
}
.u-max-w-xl-70 {
max-width: 70% !important;
}
.u-w-xl-70 {
min-width: 70% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-70 {
min-width: 70% !important;
}
.u-max-w-xxl-70 {
max-width: 70% !important;
}
.u-w-xxl-70 {
min-width: 70% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-70 {
min-width: 70% !important;
}
.u-max-w-xxxl-70 {
max-width: 70% !important;
}
.u-w-xxxl-70 {
min-width: 70% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-80 {
min-width: 80% !important;
}
.u-max-w-xsm-80 {
max-width: 80% !important;
}
.u-w-xsm-80 {
min-width: 80% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-80 {
min-width: 80% !important;
}
.u-max-w-sm-80 {
max-width: 80% !important;
}
.u-w-sm-80 {
min-width: 80% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-80 {
min-width: 80% !important;
}
.u-max-w-md-80 {
max-width: 80% !important;
}
.u-w-md-80 {
min-width: 80% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-80 {
min-width: 80% !important;
}
.u-max-w-lg-80 {
max-width: 80% !important;
}
.u-w-lg-80 {
min-width: 80% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-80 {
min-width: 80% !important;
}
.u-max-w-xl-80 {
max-width: 80% !important;
}
.u-w-xl-80 {
min-width: 80% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-80 {
min-width: 80% !important;
}
.u-max-w-xxl-80 {
max-width: 80% !important;
}
.u-w-xxl-80 {
min-width: 80% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-80 {
min-width: 80% !important;
}
.u-max-w-xxxl-80 {
max-width: 80% !important;
}
.u-w-xxxl-80 {
min-width: 80% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-90 {
min-width: 90% !important;
}
.u-max-w-xsm-90 {
max-width: 90% !important;
}
.u-w-xsm-90 {
min-width: 90% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-90 {
min-width: 90% !important;
}
.u-max-w-sm-90 {
max-width: 90% !important;
}
.u-w-sm-90 {
min-width: 90% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-90 {
min-width: 90% !important;
}
.u-max-w-md-90 {
max-width: 90% !important;
}
.u-w-md-90 {
min-width: 90% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-90 {
min-width: 90% !important;
}
.u-max-w-lg-90 {
max-width: 90% !important;
}
.u-w-lg-90 {
min-width: 90% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-90 {
min-width: 90% !important;
}
.u-max-w-xl-90 {
max-width: 90% !important;
}
.u-w-xl-90 {
min-width: 90% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-90 {
min-width: 90% !important;
}
.u-max-w-xxl-90 {
max-width: 90% !important;
}
.u-w-xxl-90 {
min-width: 90% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-90 {
min-width: 90% !important;
}
.u-max-w-xxxl-90 {
max-width: 90% !important;
}
.u-w-xxxl-90 {
min-width: 90% !important;
}
}
@media (min-width: 400px) {
.u-min-w-xsm-100 {
min-width: 100% !important;
}
.u-max-w-xsm-100 {
max-width: 100% !important;
}
.u-w-xsm-100 {
min-width: 100% !important;
}
}
@media (min-width: 576px) {
.u-min-w-sm-100 {
min-width: 100% !important;
}
.u-max-w-sm-100 {
max-width: 100% !important;
}
.u-w-sm-100 {
min-width: 100% !important;
}
}
@media (min-width: 768px) {
.u-min-w-md-100 {
min-width: 100% !important;
}
.u-max-w-md-100 {
max-width: 100% !important;
}
.u-w-md-100 {
min-width: 100% !important;
}
}
@media (min-width: 992px) {
.u-min-w-lg-100 {
min-width: 100% !important;
}
.u-max-w-lg-100 {
max-width: 100% !important;
}
.u-w-lg-100 {
min-width: 100% !important;
}
}
@media (min-width: 1200px) {
.u-min-w-xl-100 {
min-width: 100% !important;
}
.u-max-w-xl-100 {
max-width: 100% !important;
}
.u-w-xl-100 {
min-width: 100% !important;
}
}
@media (min-width: 1300px) {
.u-min-w-xxl-100 {
min-width: 100% !important;
}
.u-max-w-xxl-100 {
max-width: 100% !important;
}
.u-w-xxl-100 {
min-width: 100% !important;
}
}
@media (min-width: 1800px) {
.u-min-w-xxxl-100 {
min-width: 100% !important;
}
.u-max-w-xxxl-100 {
max-width: 100% !important;
}
.u-w-xxxl-100 {
min-width: 100% !important;
}
}
.u-w-10per {
width: 10%;
}
.u-w-24per {
width: 24%;
}
.u-w-30per {
width: 30%;
}
.u-w-37per {
width: 37% !important;
}
.u-w-40per {
width: 40% !important;
}
.u-w-fit {
width: fit-content !important;
}
.u-w-60per {
width: 60%;
}
.u-w-158px {
width: 9.875rem !important;
}
.u-w-max {
width: max-content !important;
width: -moz-max-content !important;
}
.u-w-50px {
width: 50px;
}
.u-w-85px {
width: 85px;
}
.u-w-79px {
width: 79px;
}
.u-w-125px {
width: 125px;
}
.u-w-90per {
width: 90%;
}
.u-w-max-320px {
max-width: 20rem !important;
}
.u-w-max-430px {
max-width: 26.875rem !important;
}
.u-w-max-500px {
max-width: 31.25rem !important;
}
.u-w-1per-45px {
width: 1%;
min-width: 45px !important;
}
.u-w-3per-150px {
width: 3%;
min-width: 150px !important;
}
.u-w-3per-250px {
width: 3%;
min-width: 250px !important;
}
.u-w-30per-18rem {
width: 30% !important;
min-width: 18rem;
}
.u-min-w-45per {
min-width: 45% !important;
}
.u-min-w-300px {
min-width: 300px !important;
}
.u-min-w-400px {
min-width: 400px !important;
}
.u-min-w-500px {
min-width: 400px !important;
}
.u-min-w-470pxr {
min-width: 29.375rem;
}
.u-min-w-650pxr {
min-width: 40.625rem !important;
}
.u-min-w-150pxr {
min-width: 9.375rem !important;
}
.u-min-w-300pxr {
min-width: 18.75rem !important;
}
.u-table-min-width-10rem table tr > td,
.u-table-min-width-10rem table tr > th {
min-width: 10rem;
}
.u-table-min-width-5rem table tr > td,
.u-table-min-width-5rem table tr > th {
min-width: 5rem;
}
.u-w-1em {
width: 1em;
}
@media (max-width: 767.98px) {
.u-w-sm-down-100 {
width: 100%;
}
}
@media (max-width: 399.98px) {
.u-w-xs-down-100 {
width: 100%;
}
}
.u-max-w-40px {
max-width: 2.5rem;
}
.u-max-w-150px {
max-width: 150px;
}
.u-max-w-250px {
max-width: 250px;
}
.u-w-fill-available {
width: -webkit-fill-available;
}
.u-h-50px {
height: 50px;
}
.u-h-600px {
height: 600px !important;
}
.u-h-input-text {
height: 1.5rem;
}
.u-h-120px {
height: 7.5rem;
}
.u-h-fit {
height: fit-content !important;
}
.u-h-70vh {
height: 70vh !important;
}
.u-h-1em {
height: 1em;
}
.u-min-h-30per {
min-height: 30%;
}
.u-min-h-85vh {
min-height: 85vh;
}
.u-min-h-120px-rem {
min-height: 7.5rem;
}
.u-max-h-70vh {
max-height: 70vh;
}
.u-h-line-normal {
line-height: normal;
}
.u-border-right-10px {
border-right: 10px solid;
}
.u-border-left-10px {
border-left: 10px solid;
}
.u-border-bottom-5px {
border-bottom: 5px solid;
}
@media only screen and (max-width: 990px) {
.u-border-bottom-label-md {
border-bottom: 1px solid #dee2e6;
}
}
@media only screen and (max-width: 575px) {
.u-border-bottom-value-sm {
border-bottom: 1px solid #dee2e6;
}
}
@media only screen and (max-width: 991px) {
.u-border-right-0-md {
border-right: none !important;
}
}
@media only screen and (max-width: 575px) {
.u-border-bottom-0-sm {
border-bottom: none !important;
}
}
.u-outline-none {
outline: none;
}
.u-bg-twilight, .select2-selection__rendered[title=Twilight] {
background-color: #404952 !important;
color: #fff !important;
}
.u-bg-blue, .select2-selection__rendered[title=Blue] {
background-color: #0078d4 !important;
color: #fff !important;
}
.u-bg-gray {
background-color: #d1d1db !important;
color: #000 !important;
}
.u-text-gray {
color: #d1d1db !important;
}
.u-bg-default {
background-color: #fff;
color: #000;
}
.u-text-inherit {
color: inherit;
}
.u-text-inherit:hover {
color: inherit;
}
.u-rotate-90 {
transform: rotate(0.75turn);
position: absolute;
}
.u-hide-underneath {
z-index: -1;
}
.u-z-index-100 {
z-index: 100;
}
.u-cursor-pointer {
cursor: pointer;
text-decoration: none !important;
}
.u-cursor-auto {
cursor: auto;
}
.u-cursor-move {
cursor: move;
}
.u-cursor-no-move {
cursor: no-drop;
}
.u-cursor-grab {
cursor: -webkit-grab;
}
.u-cursor-scroll-all * {
cursor: all-scroll !important;
}
.u-overflow-auto {
overflow: auto !important;
}
.u-overflow-y-auto {
overflow-y: auto !important;
}
.u-overflow-x-hidden {
overflow-x: hidden !important;
}
body:not(.desktop) .u-overflow-scroll-non-desktop {
overflow: scroll !important;
}
.u-remove-dropdown-icon .dropdown-toggle::after {
display: none;
}
@media (max-width: 1199.98px) {
.u-overflow-auto-lg-down {
overflow: auto !important;
}
.u-remove-dropdown-icon-down-lg .dropdown-toggle::after {
display: none;
}
}
@media (max-width: 1299.98px) {
.u-overflow-auto-xl-down {
overflow: auto !important;
}
}
.u-w-30per {
width: 30%;
}
.u-w-8per {
width: 8%;
}
.u-w-5per {
min-width: 5%;
max-width: 25%;
}
.u-disabled {
pointer-events: none;
opacity: 0.65;
}
.u-box-shadow {
-moz-box-shadow: 3px 3px 14px 0 rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 3px 3px 14px 0 rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 14px 0 rgba(50, 50, 50, 0.75);
}
.u-box-shadow-light {
-moz-box-shadow: 0.1rem 0.1rem 0.35rem rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0.1rem 0.1rem 0.35rem rgba(0, 0, 0, 0.6);
box-shadow: 0.1rem 0.1rem 0.35rem rgba(0, 0, 0, 0.6);
}
@media (max-width: 400px) {
.display-block-xsm {
display: block !important;
}
}
@media (max-width: 576px) {
.display-block-sm {
display: block !important;
}
}
@media (max-width: 768px) {
.display-block-md {
display: block !important;
}
}
@media (max-width: 992px) {
.display-block-lg {
display: block !important;
}
}
@media (max-width: 1200px) {
.display-block-xl {
display: block !important;
}
}
@media (max-width: 1300px) {
.display-block-xxl {
display: block !important;
}
}
@media (max-width: 1800px) {
.display-block-xxxl {
display: block !important;
}
}
.u-opacity-muted {
opacity: 0.2;
}
.u-table-fixed {
table-layout: fixed;
}
.u-columns__item {
display: inline-block;
width: 100%;
}
.u-columns-gap-1rem {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.u-columns-count-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.u-columns-width-36rem {
-webkit-column-width: 36rem;
-moz-column-width: 36rem;
column-width: 36rem;
}
.u-columns-width-300px-rem {
-webkit-column-width: 18.75rem;
-moz-column-width: 18.75rem;
column-width: 18.75rem;
}
.u-columns-width-200px-rem {
-webkit-column-width: 12.5rem;
-moz-column-width: 12.5rem;
column-width: 12.5rem;
}
.u-columns-width-150px-rem {
-webkit-column-width: 9.375rem;
-moz-column-width: 9.375rem;
column-width: 9.375rem;
}
.u-position-r-0 {
right: 0;
}
.u-position-r-5px {
right: 0.3125rem;
}
.u-position-r-10px {
right: 0.625rem;
}
.u-position-t-10px {
top: 0.625rem;
}
.u-position-t-5px {
top: 0.3125rem;
}
.u-position-t-2px {
top: 0.125rem;
}
.u-align-middle-children * {
vertical-align: middle !important;
}
.u-table-column__before-block--inventory {
width: 1%;
}
.u-table-column__before-block:before {
content: "";
display: block;
}
.u-table-column__vw-1:before {
width: 1vw;
}
.u-table-column__vw-2:before {
width: 2vw;
}
.u-table-column__vw-3:before {
width: 3vw;
}
.u-table-column__vw-4:before {
width: 4vw;
}
.u-table-column__vw-5:before {
width: 5vw;
}
.u-table-column__vw-6:before {
width: 6vw;
}
.u-table-column__vw-7:before {
width: 7vw;
}
.u-table-column__vw-8:before {
width: 8vw;
}
.u-table-column__vw-9:before {
width: 9vw;
}
.u-table-column__vw-10:before {
width: 10vw;
}
.u-table-column__vw-11:before {
width: 11vw;
}
.u-table-column__vw-12:before {
width: 12vw;
}
.u-table-column__vw-13:before {
width: 13vw;
}
.u-table-column__vw-14:before {
width: 14vw;
}
.u-table-column__vw-15:before {
width: 15vw;
}
.u-table-column__vw-16:before {
width: 16vw;
}
.u-table-column__vw-17:before {
width: 17vw;
}
.u-table-column__vw-18:before {
width: 18vw;
}
.u-table-column__vw-19:before {
width: 19vw;
}
.u-table-column__vw-20:before {
width: 20vw;
}
.u-table-column__vw-21:before {
width: 21vw;
}
.u-table-column__vw-22:before {
width: 22vw;
}
.u-table-column__vw-23:before {
width: 23vw;
}
.u-table-column__vw-24:before {
width: 24vw;
}
.u-table-column__vw-25:before {
width: 25vw;
}
.u-table-column__vw-26:before {
width: 26vw;
}
.u-table-column__vw-27:before {
width: 27vw;
}
.u-table-column__vw-28:before {
width: 28vw;
}
.u-table-column__vw-29:before {
width: 29vw;
}
.u-table-column__vw-30:before {
width: 30vw;
}
.u-table-column__vw-31:before {
width: 31vw;
}
.u-table-column__vw-32:before {
width: 32vw;
}
.u-table-column__vw-33:before {
width: 33vw;
}
.u-table-column__vw-34:before {
width: 34vw;
}
.u-table-column__vw-35:before {
width: 35vw;
}
.u-table-column__vw-36:before {
width: 36vw;
}
.u-table-column__vw-37:before {
width: 37vw;
}
.u-table-column__vw-38:before {
width: 38vw;
}
.u-table-column__vw-39:before {
width: 39vw;
}
.u-table-column__vw-40:before {
width: 40vw;
}
.u-table-column__vw-41:before {
width: 41vw;
}
.u-table-column__vw-42:before {
width: 42vw;
}
.u-table-column__vw-43:before {
width: 43vw;
}
.u-table-column__vw-44:before {
width: 44vw;
}
.u-table-column__vw-45:before {
width: 45vw;
}
.u-table-column__vw-46:before {
width: 46vw;
}
.u-table-column__vw-47:before {
width: 47vw;
}
.u-table-column__vw-48:before {
width: 48vw;
}
.u-table-column__vw-49:before {
width: 49vw;
}
.u-table-column__vw-50:before {
width: 50vw;
}
.u-table-column__vw-51:before {
width: 51vw;
}
.u-table-column__vw-52:before {
width: 52vw;
}
.u-table-column__vw-53:before {
width: 53vw;
}
.u-table-column__vw-54:before {
width: 54vw;
}
.u-table-column__vw-55:before {
width: 55vw;
}
.u-table-column__vw-56:before {
width: 56vw;
}
.u-table-column__vw-57:before {
width: 57vw;
}
.u-table-column__vw-58:before {
width: 58vw;
}
.u-table-column__vw-59:before {
width: 59vw;
}
.u-table-column__vw-60:before {
width: 60vw;
}
.u-table-column__vw-61:before {
width: 61vw;
}
.u-table-column__vw-62:before {
width: 62vw;
}
.u-table-column__vw-63:before {
width: 63vw;
}
.u-table-column__vw-64:before {
width: 64vw;
}
.u-table-column__vw-65:before {
width: 65vw;
}
.u-table-column__vw-66:before {
width: 66vw;
}
.u-table-column__vw-67:before {
width: 67vw;
}
.u-table-column__vw-68:before {
width: 68vw;
}
.u-table-column__vw-69:before {
width: 69vw;
}
.u-table-column__vw-70:before {
width: 70vw;
}
.u-table-column__vw-71:before {
width: 71vw;
}
.u-table-column__vw-72:before {
width: 72vw;
}
.u-table-column__vw-73:before {
width: 73vw;
}
.u-table-column__vw-74:before {
width: 74vw;
}
.u-table-column__vw-75:before {
width: 75vw;
}
.u-table-column__vw-76:before {
width: 76vw;
}
.u-table-column__vw-77:before {
width: 77vw;
}
.u-table-column__vw-78:before {
width: 78vw;
}
.u-table-column__vw-79:before {
width: 79vw;
}
.u-table-column__vw-80:before {
width: 80vw;
}
.u-table-column__vw-81:before {
width: 81vw;
}
.u-table-column__vw-82:before {
width: 82vw;
}
.u-table-column__vw-83:before {
width: 83vw;
}
.u-table-column__vw-84:before {
width: 84vw;
}
.u-table-column__vw-85:before {
width: 85vw;
}
.u-table-column__vw-86:before {
width: 86vw;
}
.u-table-column__vw-87:before {
width: 87vw;
}
.u-table-column__vw-88:before {
width: 88vw;
}
.u-table-column__vw-89:before {
width: 89vw;
}
.u-table-column__vw-90:before {
width: 90vw;
}
.u-table-column__vw-91:before {
width: 91vw;
}
.u-table-column__vw-92:before {
width: 92vw;
}
.u-table-column__vw-93:before {
width: 93vw;
}
.u-table-column__vw-94:before {
width: 94vw;
}
.u-table-column__vw-95:before {
width: 95vw;
}
.u-table-column__vw-96:before {
width: 96vw;
}
.u-table-column__vw-97:before {
width: 97vw;
}
.u-table-column__vw-98:before {
width: 98vw;
}
.u-table-column__vw-99:before {
width: 99vw;
}
.u-table-column__vw-100:before {
width: 100vw;
}
.u-white-space-nowrap {
white-space: nowrap !important;
}
.u-white-space-normal {
white-space: normal !important;
}
@media (min-width: 400px) {
.u-white-space-xsm-nowrap {
white-space: nowrap !important;
}
.u-white-space-xsm-normal {
white-space: normal !important;
}
}
@media (min-width: 576px) {
.u-white-space-sm-nowrap {
white-space: nowrap !important;
}
.u-white-space-sm-normal {
white-space: normal !important;
}
}
@media (min-width: 768px) {
.u-white-space-md-nowrap {
white-space: nowrap !important;
}
.u-white-space-md-normal {
white-space: normal !important;
}
}
@media (min-width: 992px) {
.u-white-space-lg-nowrap {
white-space: nowrap !important;
}
.u-white-space-lg-normal {
white-space: normal !important;
}
}
@media (min-width: 1200px) {
.u-white-space-xl-nowrap {
white-space: nowrap !important;
}
.u-white-space-xl-normal {
white-space: normal !important;
}
}
@media (min-width: 1300px) {
.u-white-space-xxl-nowrap {
white-space: nowrap !important;
}
.u-white-space-xxl-normal {
white-space: normal !important;
}
}
@media (min-width: 1800px) {
.u-white-space-xxxl-nowrap {
white-space: nowrap !important;
}
.u-white-space-xxxl-normal {
white-space: normal !important;
}
}
.u-min-height-10 {
min-height: 10px;
}
.u-min-height-20 {
min-height: 20px;
}
.u-min-height-30 {
min-height: 30px;
}
.u-min-height-40 {
min-height: 40px;
}
.u-min-height-50 {
min-height: 50px;
}
.u-min-height-60 {
min-height: 60px;
}
.u-min-height-70 {
min-height: 70px;
}
.u-min-height-80 {
min-height: 80px;
}
.u-min-height-90 {
min-height: 90px;
}
.u-min-height-100 {
min-height: 100px;
}
.u-min-height-110 {
min-height: 110px;
}
.u-min-height-120 {
min-height: 120px;
}
.u-min-height-130 {
min-height: 130px;
}
.u-min-height-140 {
min-height: 140px;
}
.u-min-height-150 {
min-height: 150px;
}
.u-min-height-160 {
min-height: 160px;
}
.u-min-height-170 {
min-height: 170px;
}
.u-min-height-180 {
min-height: 180px;
}
.u-min-height-190 {
min-height: 190px;
}
.u-min-height-200 {
min-height: 200px;
}
.u-min-height-210 {
min-height: 210px;
}
.u-min-height-220 {
min-height: 220px;
}
.u-min-height-230 {
min-height: 230px;
}
.u-min-height-240 {
min-height: 240px;
}
.u-min-height-250 {
min-height: 250px;
}
.u-lh-12 {
line-height: 1.2;
}
.u-flex-default {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.u-flex-b100 {
flex-basis: 100%;
}
.bg-navy {
background-color: #202c40 !important;
}
.text-navy {
color: #202c40 !important;
}
.u-img-invert {
filter: invert(100%);
-webkit-filter: invert(100%);
}
.u-hidden-block {
position: absolute;
display: none;
right: 2.5rem;
padding: 0.25rem;
top: -1px;
z-index: 1;
}
.singleComment .u-hidden-block {
position: absolute;
display: none;
top: unset;
}
.recentActivitiesContainer .u-hidden-block {
top: 12px;
}
.singleComment .u-hidden-block-btn {
display: block;
}
.u-hidden-block__opened .u-hidden-block {
display: block;
box-shadow: 0 0 3px 0px;
background: #fff;
max-width: calc(100% - 2rem);
border-radius: 3px;
}
@media (min-width: 992px) {
.u-hidden-block-btn {
display: none;
}
.u-hidden-block {
position: static;
display: block;
}
}
.u-pre {
white-space: pre-wrap;
font-size: 1em;
margin: 0;
font-family: inherit;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.basePanel,
.bodyContents,
.mainContainer,
.contentsDiv {
min-height: 100%;
}
.footer-non--active .mainContainer {
height: 100%;
}
.bodyContent {
min-height: 100%;
height: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 15px;
}
body:not(.desktop) .bodyContent {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.c-panel {
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
.c-panel {
margin-bottom: 0.25rem;
}
}
.c-panel__header {
cursor: pointer;
padding: 0;
display: flex;
flex-flow: row-reverse;
align-items: center;
}
.c-panel__header h5 {
margin: 0 0 0 0.75rem;
}
.c-panel__header > h5, .c-panel__header > .c-panel__title {
margin-right: auto;
}
.c-panel__title {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.c-panel__title .yfi {
font-size: 1.8125rem;
margin: 0 0.5rem 0 0;
}
.c-panel__title .yfi.yfi-marketplace {
font-size: 2.25rem;
}
.c-panel__body {
padding: 0 0.25rem;
}
.c-panel__label {
align-items: center;
}
.c-panel__label label {
line-height: 1.7;
margin-bottom: 0;
}
.c-panel--edit .row {
margin: 0;
}
.c-panel--white .c-panel__header {
background-color: #fff;
margin: 0 1rem;
}
.c-panel--collapsible .c-panel__header .u-transform_rotate-180deg,
.c-detail-widget .c-detail-widget__header .u-transform_rotate-180deg {
display: inline-block;
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.c-panel--collapsible .c-panel__header .collapsed .u-transform_rotate-180deg, .c-panel--collapsible .c-panel__header .collapsed.u-transform_rotate-180deg,
.c-detail-widget .c-detail-widget__header .collapsed .u-transform_rotate-180deg,
.c-detail-widget .c-detail-widget__header .collapsed.u-transform_rotate-180deg {
transform: rotate(180deg);
}
.c-badge__icon {
width: 2rem;
height: 2rem;
line-height: 1.6875rem;
font-size: 1.0625rem;
}
.c-badge--md {
font-size: 90%;
}
.c-badge--top-right {
position: absolute;
top: -5px;
right: 0;
z-index: 100;
}
.c-circle {
width: 1.875rem;
height: 1.875rem;
}
.c-circle--small {
width: 1.4375rem;
height: 1.4375rem;
}
.c-multi-image__preview-img {
height: 2rem;
width: 2rem;
cursor: pointer;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.c-multi-image__popover-img {
cursor: pointer;
}
.c-multi-image__drop-effect {
background: rgba(51, 122, 183, 0.2);
border: 1px solid rgba(51, 122, 183, 0.5) !important;
}
.c-multi-image__container-narrow, .c-multi-image__container-medium {
padding: 0.15em !important;
}
.c-multi-image__result-narrow .c-multi-image__preview-img {
height: 1.5rem !important;
width: 1.5rem !important;
}
.c-btn-collapsible {
overflow: hidden;
white-space: nowrap;
max-width: 2.5rem;
white-space: nowrap;
-webkit-transition: all 275ms ease;
-moz-transition: all 275ms ease;
-ms-transition: all 275ms ease;
-o-transition: all 275ms ease;
transition: all 275ms ease;
}
.c-btn-collapsible.btn-xs, .detailViewTable .fieldLabel.narrow .c-btn-collapsible.btn.btn-sm, .detailViewTable .fieldLabel.narrow .btn-group-sm > .c-btn-collapsible.btn,
.detailViewTable .fieldValue.narrow .c-btn-collapsible.btn.btn-sm,
.detailViewTable .fieldValue.narrow .btn-group-sm > .c-btn-collapsible.btn, table .listButtons.narrow .c-btn-collapsible.btn.btn-sm, table .listButtons.narrow .btn-group-sm > .c-btn-collapsible.btn, .c-btn-collapsible.c-multi-image__btn-narrow {
max-width: 1.5625rem;
}
.c-btn-collapsible.btn-sm, .btn-group-sm > .c-btn-collapsible.btn {
max-width: 1.875rem;
}
.c-btn-collapsible.btn-lg, .btn-group-lg > .c-btn-collapsible.btn {
max-width: 3.125rem;
}
.c-btn-collapsible__text {
opacity: 0;
text-indent: -6px;
display: inline-block;
-webkit-transition: all 275ms ease;
-moz-transition: all 275ms ease;
-ms-transition: all 275ms ease;
-o-transition: all 275ms ease;
transition: all 275ms ease;
}
.c-btn-collapsible:hover {
max-width: 18.75rem !important;
-webkit-transition: all 275ms ease;
-moz-transition: all 275ms ease;
-ms-transition: all 275ms ease;
-o-transition: all 275ms ease;
transition: all 275ms ease;
}
.c-btn-collapsible:hover .c-btn-collapsible__text {
opacity: 1;
text-indent: 0;
-webkit-transition: all 275ms ease;
-moz-transition: all 275ms ease;
-ms-transition: all 275ms ease;
-o-transition: all 275ms ease;
transition: all 275ms ease;
}
.btn-group-toggle.btn-group-sm .c-btn-collapsible {
max-width: 2.1875rem;
}
.popover-footer {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-top: 1px solid #ebebeb;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.c-carousel .c-carousel__prevnext-btn {
top: 42%;
bottom: auto;
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.5);
opacity: 0.75;
height: 60px;
width: 60px;
border-radius: 100%;
margin: 0 20px;
transition: all 100ms;
}
.c-carousel .c-carousel__prevnext-btn:active {
transform: scale(0.85, 0.85);
}
.rightRecordActions,
.leftRecordActions {
white-space: nowrap;
}
.rightRecordActions > div,
.leftRecordActions > div {
display: inline-block;
}
.rightRecordActions .actions,
.leftRecordActions .actions {
display: inline-block;
margin: 0 0.25rem;
}
.rightRecordActions .actions .dropdown-menu,
.leftRecordActions .actions .dropdown-menu {
padding: 0.2rem;
margin-top: -0.2rem;
min-width: unset;
line-height: 1;
}
.rightRecordActions .actions .dropdown-menu .btn-group,
.leftRecordActions .actions .dropdown-menu .btn-group {
vertical-align: top;
}
@media (max-width: 399.98px) {
table td,
table th {
padding: 0.25rem !important;
}
}
.c-float-label__container {
top: 0.6em;
}
.c-float-label__container .form-control {
width: 100%;
border-radius: 0.25rem;
}
.c-float-label__label {
position: absolute;
left: 0;
cursor: text;
font-size: 75%;
top: -1.5em;
z-index: 3;
line-height: 1;
color: #000;
padding: 0 1px;
white-space: nowrap;
}
.c-float-label__hidden-ph {
visibility: hidden;
font-size: 75%;
}
.c-img__user {
width: 3rem;
height: 3rem;
min-width: 3rem;
}
.c-img__completion {
width: inherit;
}
.c-img__completion[src=""] {
display: none;
}
.c-img__completion__container {
width: 1.875rem;
height: fit-content;
margin: auto 0.3125rem auto 0;
}
.c-popover--link {
max-width: 100%;
}
@media (min-width: 768px) {
.c-popover--link {
max-width: 30%;
}
}
.c-popover--link .popover-body {
padding: 0;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.c-popover--link label, .c-popover--link__label {
margin: 0;
font-weight: bold;
}
.c-popover--link.bs-popover-bottom .arrow::after, .c-popover--link.bs-popover-auto[x-placement^=bottom] .arrow::after, .c-popover--link.bs-popover-bottom .arrow::before, .c-popover--link.bs-popover-auto[x-placement^=bottom] .arrow::before {
border-bottom-color: #f8f9fa;
}
.c-popover--link__header {
display: flex;
align-items: center;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.c-popover--link__header__buttons {
padding-left: 0.25rem;
margin-left: auto;
}
.c-circle-icon {
height: 1.875rem;
width: 1.875rem;
min-width: 1.875rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.c-circle-icon [class^=yfm-],
.c-circle-icon .adminIcon-user {
font-size: 1.25rem;
}
.c-icon--tripple {
width: 2.5rem;
display: inline-block;
font-size: 0.75em;
}
.c-icon--tripple__left, .c-icon--tripple__right, .c-icon--tripple__top {
position: relative;
}
.c-icon--tripple__left, .c-icon--tripple__right {
top: 5px;
}
.c-icon--tripple__left {
left: -15px;
}
.c-icon--tripple__right {
left: -12px;
}
.c-icon--tripple__top {
top: -7px;
left: 5px;
}
[contenteditable=true]:empty:after {
content: attr(placeholder) !important;
color: #6c757d !important;
display: block !important; /* For Firefox */
}
[contenteditable=true].form-control {
height: auto !important;
}
.c-textarea--completions {
height: 0;
visibility: hidden;
position: relative;
top: 0.9375rem;
}
.c-completions {
color: #808080;
font-size: 14px;
}
.c-completions__item {
cursor: pointer;
}
.c-range-slider {
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
}
.c-range-slider:focus {
outline: none;
}
.c-range-slider::-webkit-slider-runnable-track {
width: 100%;
height: 6px;
cursor: pointer;
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
background: #e9ecef;
border-radius: 10px;
border: 0 solid #000101;
}
.c-range-slider::-webkit-slider-thumb {
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
border: 0 solid #000;
height: 20px;
width: 20px;
border-radius: 0.25rem;
background: #0072da;
cursor: pointer;
-webkit-appearance: none;
margin-top: -7px;
}
.c-range-slider:focus::-webkit-slider-runnable-track {
background: #e9ecef;
}
.c-range-slider::-moz-range-track {
width: 100%;
height: 6px;
cursor: pointer;
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
background: #e9ecef;
border-radius: 10px;
border: 0 solid #000101;
}
.c-range-slider::-moz-range-thumb {
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
border: 0 solid #000;
height: 20px;
width: 20px;
border-radius: 0.25rem;
background: #0072da;
cursor: pointer;
}
.c-range-slider::-ms-track {
width: 100%;
height: 6px;
cursor: pointer;
background: transparent;
border-color: transparent;
border-width: 39px 0;
color: transparent;
}
.c-range-slider::-ms-fill-lower {
background: #e9ecef;
border: 0 solid #000101;
border-radius: 10px;
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
}
.c-range-slider::-ms-fill-upper {
background: #e9ecef;
border: 0 solid #000101;
border-radius: 10px;
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
}
.c-range-slider::-ms-thumb {
box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
border: 0 solid #000;
height: 20px;
width: 20px;
border-radius: 0.25rem;
background: #0072da;
cursor: pointer;
}
.c-range-slider:focus::-ms-fill-lower {
background: #e9ecef;
}
.c-range-slider:focus::-ms-fill-upper {
background: #e9ecef;
}
.c-gantt-header__option {
max-width: 200px;
}
input[type=checkbox][readonly],
input[type=checkbox][disabled] {
background-color: #eeeeee;
}
/* -------- TIME PERIOD FIELD -------- */
.c-time-period-input::-webkit-outer-spin-button,
.c-time-period-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.c-time-period-input[type=number] {
-moz-appearance: textfield;
}
.c-time-period .select2-selection,
.c-time-period .select2 {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.c-time-period-input {
text-align: center;
}
.c-text-divider {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
background-color: inherit;
}
.c-text-divider__line {
border-top: 1px solid;
border-bottom: none;
margin-bottom: 0;
width: 100%;
}
.c-text-divider__title {
position: absolute;
padding: 0 20px;
background-color: inherit;
}
.c-mds-input .input-group-append,
.c-mds-input .input-group-prepend {
border-bottom: 1px solid #ced4da;
}
.c-mds-input .form-control {
border-radius: 0px !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
}
.c-mds-input .form-control:focus {
box-shadow: none;
}
.c-mds-input .form-control:focus + .input-group-append,
.c-mds-input .form-control:focus ~ .input-group-append, .c-mds-input .form-control:focus + .input-group-prepend,
.c-mds-input .form-control:focus ~ .input-group-prepend {
border-color: #5bb1ff !important;
}
.c-search-item__mail {
color: #6c757d;
}
.c-search-item:hover .c-search-item__btn,
.c-search-item:hover .c-search-item__mail {
color: white;
border-color: white;
}
.c-search-item__btn {
font-size: 0.7em !important;
height: fit-content;
}
.o-expandable__panel__tabs {
display: flex;
height: 3rem;
background: #f8f9fa;
position: fixed;
top: 3.125rem;
right: calc(25% - 1px);
z-index: 100;
font-size: 0.8125rem;
}
@media (min-width: 992px) {
.o-expandable__panel__tabs .toggleSiteBarRightButton {
padding: 0.6875rem 0;
height: 100%;
margin-left: 0.0625rem;
margin-bottom: 0.0625rem;
cursor: pointer;
width: 1.375rem;
z-index: 100;
border: 0;
display: inline-block;
border-radius: 25px 0 0 25px;
background: #546e7a;
color: #eceff1;
}
}
@media (min-width: 992px) {
.hideSiteBar .o-expandable__panel__tabs {
right: 0px;
}
}
.c-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
grid-gap: 1em 1em;
grid-auto-flow: row dense;
justify-items: center;
}
.c-grid-item--signature {
width: 100%;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.btn-default {
color: #212529;
background-color: #ddd;
border-color: #ddd;
}
.btn-default:hover {
color: #212529;
background-color: #cacaca;
border-color: #c4c4c4;
}
.btn-default:focus, .btn-default.focus {
color: #212529;
background-color: #cacaca;
border-color: #c4c4c4;
box-shadow: 0 0 0 0.2rem rgba(193, 193, 194, 0.5);
}
.btn-default.disabled, .btn-default:disabled {
color: #212529;
background-color: #ddd;
border-color: #ddd;
}
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
color: #212529;
background-color: #c4c4c4;
border-color: #bdbdbd;
}
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(193, 193, 194, 0.5);
}
.btn-outline-default {
color: #ced4da;
border-color: #ced4da;
}
.btn-outline-default:hover {
color: #000;
background-color: #f6f6f6;
border-color: #ced4da;
}
.btn-outline-default:focus, .btn-outline-default.focus {
box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.btn-outline-default.disabled, .btn-outline-default:disabled {
color: #ced4da;
background-color: transparent;
}
.btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle {
color: #212529;
background-color: #f6f6f6;
border-color: #ced4da;
}
.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
@media (max-width: 767.98px) {
.c-btn-block-sm-down,
.c-btn-block-sm-down .btn {
width: 100% !important;
}
}
@media (max-width: 991.98px) {
.c-btn-block-md-down {
width: 100% !important;
}
}
@media (max-width: 399.98px) {
.c-btn-block-xs-down {
width: 100% !important;
}
}
.c-btn-checkbox .c-btn-checkbox--checked {
display: none;
}
.c-btn-checkbox.active .c-btn-checkbox--unchecked {
display: none;
}
.c-btn-checkbox.active .c-btn-checkbox--checked {
display: inline-block;
}
.c-btn-outline-done {
color: #3949ab;
border-color: #3949ab;
}
.c-btn-outline-done:hover {
color: #fff;
background-color: #3949ab;
border-color: #3949ab;
}
.c-btn-outline-done:focus, .c-btn-outline-done.focus {
box-shadow: 0 0 0 0.2rem rgba(57, 73, 171, 0.5);
}
.c-btn-outline-done.disabled, .c-btn-outline-done:disabled {
color: #3949ab;
background-color: transparent;
}
.c-btn-outline-done:not(:disabled):not(.disabled):active, .c-btn-outline-done:not(:disabled):not(.disabled).active, .show > .c-btn-outline-done.dropdown-toggle {
color: #fff;
background-color: #3949ab;
border-color: #3949ab;
}
.c-btn-outline-done:not(:disabled):not(.disabled):active:focus, .c-btn-outline-done:not(:disabled):not(.disabled).active:focus, .show > .c-btn-outline-done.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(57, 73, 171, 0.5);
}
.c-btn-done {
color: #fff;
background-color: #3949ab;
border-color: #3949ab;
}
.c-btn-done:hover {
color: #fff;
background-color: #2f3d8e;
border-color: #2c3985;
}
.c-btn-done:focus, .c-btn-done.focus {
color: #fff;
background-color: #2f3d8e;
border-color: #2c3985;
box-shadow: 0 0 0 0.2rem rgba(87, 100, 184, 0.5);
}
.c-btn-done.disabled, .c-btn-done:disabled {
color: #fff;
background-color: #3949ab;
border-color: #3949ab;
}
.c-btn-done:not(:disabled):not(.disabled):active, .c-btn-done:not(:disabled):not(.disabled).active, .show > .c-btn-done.dropdown-toggle {
color: #fff;
background-color: #2c3985;
border-color: #29357b;
}
.c-btn-done:not(:disabled):not(.disabled):active:focus, .c-btn-done:not(:disabled):not(.disabled).active:focus, .show > .c-btn-done.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(87, 100, 184, 0.5);
}
.c-btn-light-green {
color: #fff;
background-color: #7cb342;
border-color: #7cb342;
}
.c-btn-light-green:hover {
color: #fff;
background-color: #699738;
border-color: #628e34;
}
.c-btn-light-green:focus, .c-btn-light-green.focus {
color: #fff;
background-color: #699738;
border-color: #628e34;
box-shadow: 0 0 0 0.2rem rgba(144, 190, 94, 0.5);
}
.c-btn-light-green.disabled, .c-btn-light-green:disabled {
color: #fff;
background-color: #7cb342;
border-color: #7cb342;
}
.c-btn-light-green:not(:disabled):not(.disabled):active, .c-btn-light-green:not(:disabled):not(.disabled).active, .show > .c-btn-light-green.dropdown-toggle {
color: #fff;
background-color: #628e34;
border-color: #5c8431;
}
.c-btn-light-green:not(:disabled):not(.disabled):active:focus, .c-btn-light-green:not(:disabled):not(.disabled).active:focus, .show > .c-btn-light-green.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(144, 190, 94, 0.5);
}
.detailViewTitle .c-btn-link {
height: max-content;
}
@media (max-width: 767.98px) {
.c-btn-link--responsive {
width: 100%;
margin-bottom: 0.25rem !important;
}
.c-btn-link--responsive .btn {
width: 100%;
border-radius: 0.25rem !important;
white-space: normal;
}
}
.input-group > .input-group-append > .btn-light,
.input-group > .input-group-prepend > .btn-light {
border-color: #dee2e6;
}
.c-btn-floating-right-bottom {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
bottom: 1.0625rem;
right: 1.5625rem;
z-index: 9999999;
border-radius: 50%;
width: 2.1875rem;
height: 2.1875rem;
opacity: 0.8;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
input[type=checkbox] {
border: 1px solid rgba(0, 0, 0, 0.54);
width: 17px;
transition: 0.25s;
white-space: nowrap;
height: 17px;
min-height: 17px !important;
-webkit-appearance: none;
background: #fff;
border-radius: 3px;
border-color: #d7d7d7;
}
.relatedContents input[type=checkbox] {
width: 20px;
height: 20px;
min-height: 20px !important;
}
.relatedContents input[type=checkbox]:checked::after,
.relatedContents .checkbox input[type=checkbox]:checked::after,
.relatedContents .checkbox-inline input[type=checkbox]:checked::after {
height: 16px;
}
input[type=checkbox]:checked::after,
.checkbox input[type=checkbox]:checked::after,
.checkbox-inline input[type=checkbox]:checked::after {
box-sizing: border-box;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 auto;
border-spacing: 0;
border-color: #fff;
top: 0;
display: table;
width: 5px;
height: 11px;
border-width: 2px;
border-style: solid;
border-top: 0;
border-left: 0;
content: "";
}
input[type=checkbox]:checked {
background-color: #4a5364;
border-color: #384150;
}
.bootstrap-switch input[type=radio],
.bootstrap-switch input[type=checkbox] {
opacity: 0 !important;
}
input[type=checkbox]:checked:disabled {
opacity: 0.35;
}
input[type=checkbox]:focus {
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075), 0 0 2px #384150;
}
input[type=radio] {
position: relative;
width: 16px;
height: 16px;
background-clip: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: text-bottom;
border-radius: 50%;
background-color: #fff;
border: 2px solid #d7d7d7;
}
input[type=radio]:disabled {
background-color: #e6e6e6;
}
input[type=radio]:checked:disabled {
opacity: 0.6;
}
input[type=radio]:before {
margin: 6px 0 0 6px;
content: "";
display: block;
height: 0;
width: 0;
border-radius: 50%;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
input[type=radio]:focus {
outline: none;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075), 0 0 2px #404958;
}
input[type=radio]:checked {
border: 2px solid #4a5364;
}
input[type=radio]:checked:before {
margin: 3px 0 0 3px;
height: 6px;
width: 6px;
background-color: #4a5364;
}
.c-checkbox-input {
position: fixed;
visibility: hidden;
}
.c-checkbox-slider {
position: relative;
display: block;
width: 5.5em;
height: 1em;
cursor: pointer;
border-radius: 1.5em;
transition: 350ms;
}
.c-checkbox-slider::after {
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
top: -0.3em;
left: -0.3em;
border-radius: 50%;
transition: 250ms ease-in-out;
background: linear-gradient(#f5f5f5 10%, #eee);
box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);
}
.c-checkbox-slider::before {
position: absolute;
content: "";
width: 4em;
height: 1em;
border-radius: 0.75em;
transition: 250ms ease-in-out;
background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0;
}
.c-checkbox-input:checked + .c-checkbox-slider::before {
box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(68, 204, 102, 0.7) inset;
}
.c-checkbox-input:checked + .c-checkbox-slider::after {
left: 3em;
}
@media (max-width: 400px) {
.c-checkbox-slider {
width: 2em;
}
.c-checkbox-slider::before {
width: 2em;
}
.c-checkbox-input:checked + .c-checkbox-slider::after {
left: 1em;
}
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.c-condition-builder__row {
position: relative;
margin-left: 1.25rem;
}
.c-condition-builder__row::after, .c-condition-builder__row::before {
content: "";
height: 100%;
position: absolute;
top: 0;
}
.c-condition-builder__row::after {
border-left: solid 1px #0072da;
}
.c-condition-builder__row::before {
width: 20px;
height: 1.5rem;
border-bottom: solid 1px #0072da;
}
.c-condition-builder__row:last-of-type::after {
height: 1.5rem;
}
.c-condition-builder__group .c-condition-builder__group {
margin-left: 1.25rem;
position: relative;
padding-left: 1rem;
}
.c-condition-builder__group .c-condition-builder__group::after, .c-condition-builder__group .c-condition-builder__group::before {
content: "";
height: 100%;
position: absolute;
top: 0;
background: #0072da;
left: 0;
}
.c-condition-builder__group .c-condition-builder__group::after {
border-left: solid 1px #0072da;
}
.c-condition-builder__group .c-condition-builder__group::before {
height: 1px;
border-bottom: solid 1px #0072da;
width: 20px;
top: 1.4375rem;
}
.c-condition-builder__group .c-condition-builder__group:last-of-type::after {
height: 1.4375rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
/* Multi attachments field styles */
.c-multi-attachment {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.c-multi-attachment--file {
justify-content: space-between !important;
display: flex;
border: 1px solid #dee2e6 !important;
border-radius: 0.25rem !important;
padding: 0.25rem !important;
margin: 0.25em 0 0.25em 0;
min-width: 7rem;
}
.c-multi-attachment--file > legend {
position: absolute;
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
white-space: nowrap;
}
.c-multi-attachment--file-icon {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.75rem;
}
.c-multi-attachment--file-info {
position: static;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
margin: 0 0.25em 0 0.25em;
min-width: 5rem;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c-multi-attachment--file-info-main {
font-size: 0.875rem;
line-height: 1.2;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.c-multi-attachment--file-info-sub {
font-size: 0.625em;
opacity: 0.875;
transition: opacity 0.25s ease-in-out;
white-space: nowrap;
}
.c-multi-attachment--file-info-sub:empty {
display: none;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.icon-img--picklist {
width: 1em;
height: 1em;
vertical-align: baseline;
margin-bottom: -2px;
}
.icon-img--list {
width: 2em;
height: 2em;
vertical-align: baseline;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
body {
overflow: hidden;
}
.mainBody {
position: absolute;
top: 3.125rem;
bottom: 2rem;
width: 100%;
overflow-x: hidden;
}
.o-vtiger-index-container .mainBody {
background-color: #f3f3f3;
}
.c-btn-fixed {
bottom: 2rem;
}
.container-fluid[class$=-knowledgebase-container] .contentsDiv, [class$=-knowledgebase-container].container-sm .contentsDiv, [class$=-knowledgebase-container].container-md .contentsDiv, [class$=-knowledgebase-container].container-lg .contentsDiv, [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: calc(100vh - 3.125rem - 2rem);
}
.user-info--active .mainBody,
.user-info--active .c-btn-fixed {
bottom: calc(2rem + 1rem);
}
.user-info--active .container-fluid[class$=-knowledgebase-container] .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-sm .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-md .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-lg .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: calc(100vh - 3.125rem - calc(2rem + 1rem));
}
.limited-footer--active .mainBody,
.limited-footer--active .c-btn-fixed {
bottom: 1rem;
}
.limited-footer--active .container-fluid[class$=-knowledgebase-container] .contentsDiv, .limited-footer--active [class$=-knowledgebase-container].container-sm .contentsDiv, .limited-footer--active [class$=-knowledgebase-container].container-md .contentsDiv, .limited-footer--active [class$=-knowledgebase-container].container-lg .contentsDiv, .limited-footer--active [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: calc(100vh - 3.125rem - 1rem);
}
.user-info--active.limited-footer--active .mainBody,
.user-info--active.limited-footer--active .c-btn-fixed {
bottom: 2rem;
}
.user-info--active.limited-footer--active .container-fluid[class$=-knowledgebase-container] .contentsDiv, .user-info--active.limited-footer--active [class$=-knowledgebase-container].container-sm .contentsDiv, .user-info--active.limited-footer--active [class$=-knowledgebase-container].container-md .contentsDiv, .user-info--active.limited-footer--active [class$=-knowledgebase-container].container-lg .contentsDiv, .user-info--active.limited-footer--active [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: calc(100vh - 3.125rem - 2rem);
}
.footer-non--active .c-menu__container,
.footer-non--active .mainBody {
bottom: 0rem;
}
.footer-non--active.limited-footer--active .c-menu__container,
.footer-non--active.limited-footer--active .mainBody {
bottom: 0rem;
}
.footer-non--active .container-fluid[class$=-knowledgebase-container] .contentsDiv, .footer-non--active [class$=-knowledgebase-container].container-sm .contentsDiv, .footer-non--active [class$=-knowledgebase-container].container-md .contentsDiv, .footer-non--active [class$=-knowledgebase-container].container-lg .contentsDiv, .footer-non--active [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: 100vh;
}
@media (max-width: 767.98px) {
.mainBody,
.c-btn-fixed {
bottom: 1rem;
}
.container-fluid[class$=-knowledgebase-container] .contentsDiv, [class$=-knowledgebase-container].container-sm .contentsDiv, [class$=-knowledgebase-container].container-md .contentsDiv, [class$=-knowledgebase-container].container-lg .contentsDiv, [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: calc(100vh - 3.125rem - 1rem);
}
.user-info--active .mainBody {
bottom: 2rem;
}
.user-info--active .container-fluid[class$=-knowledgebase-container] .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-sm .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-md .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-lg .contentsDiv, .user-info--active [class$=-knowledgebase-container].container-xl .contentsDiv {
min-height: calc(100vh - 3.125rem - 2rem);
}
}
.footer-non--active .mainBody {
bottom: 0;
}
.contentsDiv,
.centerPanel {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
@media (min-width: 576px) {
.contentsDiv,
.centerPanel {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
.massEditTable th + th,
.massEditTable td + td,
.massEditTable th + td,
.massEditTable td + th {
border-left: 0;
}
.massEditContent {
border-top: 3px solid #404952;
}
.o-base-container .basePanel {
position: relative;
margin: 0 0 0 230px;
padding: 0;
left: 0;
z-index: 1030;
background: #fff;
min-height: 100%;
}
.o-base-container .c-header {
left: 230px;
}
.o-base-container:not(.c-menu--open) .basePanel {
margin-left: 50px;
}
.o-base-container:not(.c-menu--open) .c-header {
left: 50px;
}
.o-base-container:not(.c-menu--open) .c-menu__container.js-expand + .c-header,
.o-base-container:not(.c-menu--open) .c-menu__container:hover + .c-header {
left: 230px;
}
.o-base-container:not(.c-menu--open) .c-menu__container.js-expand + .c-header ~ .basePanel,
.o-base-container:not(.c-menu--open) .c-menu__container:hover + .c-header ~ .basePanel {
left: 180px;
}
.c-header.open,
.c-footer.open {
left: 210px;
-webkit-transition: left ease-in-out 0.3s;
transition: left ease-in-out 0.3s;
}
@media only screen and (max-width: 768px) {
.o-base-container .basePanel {
margin: 0 !important;
}
.o-base-container .c-header {
left: 0 !important;
}
.o-base-container .c-menu__container.js-expand + .c-header {
left: 230px !important;
}
.o-base-container .c-menu__container.js-expand + .c-header ~ .basePanel {
left: 230px !important;
}
}
.o-exception-fixed-block {
width: 100%;
z-index: 11111111111111;
}
body > .o-exception-fixed-block {
position: static;
transform: none;
}
.o-view-messagecompose {
overflow-x: hidden;
}
.o-tab__container td {
padding-top: 0.4375rem !important;
}
.o-tab__container .o-tab__container--action {
display: none;
position: absolute;
}
.o-tab__container tr:hover .o-tab__container--action {
display: flex !important;
}
.o-min-width {
width: min-content;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.c-header {
background-color: #4a5364;
top: 0;
right: 0;
z-index: 1031;
}
.c-header .moduleIcon {
width: 34px;
margin: 5px;
}
.c-header .rightHeader {
position: relative;
}
.c-header .c-header__btn {
padding: 0.25rem 0.3rem;
}
.c-header .c-header__btn__container {
width: fit-content;
}
.c-header .c-header__btn__container .dropdown-menu {
left: auto;
right: 0;
}
@media (min-width: 1300px) {
.c-header .c-header__btn__container .c-header__btn {
padding: 0.315rem 0.75rem;
}
}
.c-header .c-user-avatar-small {
border-radius: 50%;
width: 1.25em;
height: 1.25em;
vertical-align: sub;
}
.c-header .c-user-avatar-medium {
border-radius: 50%;
width: 48px;
height: 48px;
min-width: 48px;
}
.widget_header {
background: #f8f9fa;
}
.summaryWidgetContainer .widget_header {
background: #fff;
margin-bottom: 0;
}
.remindersNoticeContainer,
.remindersNotificationContainer {
visibility: hidden;
position: fixed;
right: -380px;
top: 3.125rem;
z-index: 1035;
width: 380px;
height: calc(100vh - (2rem + 3.125rem));
overflow-y: auto;
background: rgba(0, 0, 0, 0.4);
border-left: 1px solid #797979;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
max-width: 100%;
}
.remindersNoticeContainer.toggled,
.remindersNotificationContainer.toggled {
visibility: visible;
right: 0;
}
.limited-footer--active .remindersNoticeContainer,
.limited-footer--active .remindersNotificationContainer,
.limited-footer--active .modalRightSiteBar {
height: calc(100vh - (1rem + 3.125rem));
}
.remindersContent {
margin: 5px 8px 0 8px;
}
.remindersContent .card-header a, .remindersContent .c-detail-widget__header a, .remindersContent .c-panel__header a {
color: inherit;
}
.remindersNoticeContainer .panel-heading {
padding: 5px 10px;
background: #f1f1f1;
}
.activityTypeIcon {
height: 20px;
}
.remindersNoticeContainer .panel-body {
padding: 5px 10px 10px 10px;
}
.remindersNoticeContainer .actionRow a.btn {
margin-right: 1%;
}
.modalRightSiteBar {
margin: 0;
height: calc(100vh - (2rem + 3.125rem));
right: 0;
top: 3.125rem;
position: fixed !important;
z-index: 1070;
overflow: hidden;
width: 100%;
}
.modalRightSiteBar .modal-content {
height: 100%;
}
.modalRightSiteBar button.close {
position: absolute;
right: 10px;
z-index: 5;
}
.modalRightSiteBar .moduleIcon {
float: left;
}
.modalRightSiteBar .quickDetailWidget h4 {
background-color: #f8f9fa;
padding: 4px 10px;
}
.modalRightSiteBar .listViewEntriesTable thead > tr > th {
padding: 2px;
}
.active {
font-weight: bold;
}
.active .table, .active .c-detail-widget__table {
font-weight: initial;
}
.navbar .o-global-search__value {
border-top: none;
border-bottom: none;
}
.navbar .o-global-search__value#global-search-__value {
height: 2.125rem;
}
.select2WithButtonWidth {
padding: 0;
border: none;
}
.globalSearchResults .nav li a {
padding: 10px 0;
}
.basicSearchModulesList {
width: 35px;
}
.o-global-search__input--desktop {
min-width: 500px;
}
.o-global-search__input--desktop .btn {
width: 40px;
}
.o-global-search__input--desktop .select2HeaderWidth {
min-width: 150px;
}
@media (max-width: 1199.98px) {
.ui-menu.ui-widget:not(.mobile) {
top: 253px !important;
}
}
@media (max-width: 991.98px) {
.ui-menu.ui-widget {
left: 45px !important;
}
}
@media (max-width: 767.98px) {
.ui-menu.ui-widget {
left: 4px !important;
}
}
.searchMenu .o-search-menu__container {
position: fixed;
left: auto;
right: -100%;
top: 50px;
width: 100%;
width: calc(100% - 50px);
color: #fff;
background-color: #555f73;
z-index: 2000;
padding: 30px;
-webkit-transition: right ease-in-out 0.35s;
transition: right ease-in-out 0.35s;
}
@media (max-width: 767px) {
.searchMenu .o-search-menu__container {
width: 100%;
}
}
.searchMenu.toogleSearchMenu .o-search-menu__container {
right: 0;
}
.actionMenu .c-header__btn--mobile {
display: none;
}
.actionMenu .o-action-menu__item {
display: inline-block;
vertical-align: top;
}
.actionMenu .c-header__label--sm-down {
display: none;
}
@media (max-width: 767.98px) {
.o-header-toggle__actions-btn {
font-size: 1.0625rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
width: 100%;
}
.o-header-toggle__actions {
visibility: visible;
position: fixed;
left: auto;
right: -100%;
width: 100%;
color: #fff;
background-color: #f2f4f6;
z-index: 2000;
padding: 1.875rem;
-webkit-transition: ease-in-out 0.35s;
transition: ease-in-out 0.35s;
text-align: center;
overflow: auto;
}
.o-header-toggle__actions.is-active {
right: 0;
}
.o-header-toggle__detail .o-header-toggle__actions {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
bottom: -100%;
padding: 0.625rem;
padding-bottom: 3.75rem;
}
.o-header-toggle__detail .o-header-toggle__actions .btn {
text-align: left;
}
.o-header-toggle__detail .o-header-toggle__actions-btn {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
bottom: 1.0625rem;
right: 0.3125rem;
z-index: 9999999;
border-radius: 50%;
width: 2.1875rem;
height: 2.1875rem;
opacity: 0.8;
position: fixed;
}
.o-header-toggle__detail .o-header-toggle__actions.is-active {
bottom: 0;
}
.o-header-toggle__detail .c-btn-link--responsive {
height: auto !important;
}
}
@media (max-width: 767.98px) {
.actionMenu .c-header__btn--mobile {
display: block;
}
.actionMenu .c-header__label--sm-down {
display: inline-block !important;
}
.actionMenu .o-action-menu__container {
position: fixed;
left: auto;
right: -100%;
top: 50px;
max-height: calc(100vh - 50px);
width: 100%;
color: #fff;
background-color: #555f73;
z-index: 2000;
padding: 30px;
-webkit-transition: right ease-in-out 0.35s;
transition: right ease-in-out 0.35s;
text-align: center;
overflow: auto;
}
.actionMenu .o-action-menu__container .c-header__btn {
display: block;
margin: 0 0 5px !important;
}
.actionMenu .o-action-menu__container .c-header__btn .fas,
.actionMenu .o-action-menu__container .c-header__btn [class*=yfm-] {
margin: 0 5px 0 0;
}
.actionMenu .o-action-menu__container .c-header__btn .sr-only {
position: static;
width: auto;
height: auto;
overflow: visible;
white-space: normal;
clip-path: none;
}
.actionMenu .o-action-menu__container .modal-content {
color: #212529;
}
.actionMenu .o-action-menu__container .dropdown-menu.historyList {
position: relative;
float: none;
margin-bottom: 5px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.actionMenu .o-action-menu__item {
display: block;
}
.actionMenu.actionMenuOn .o-action-menu__container {
right: 0;
}
}
.o-breadcrumb {
min-height: 2rem;
}
@media (min-width: 576px) {
.o-breadcrumb {
min-height: 3rem;
}
}
@media (max-width: 767.98px) {
.o-breadcrumb {
visibility: hidden;
height: 0;
min-height: 0;
}
}
.o-breadcrumb__container {
width: 100%;
display: flex;
}
.widget_header > div[class*=col-]:first-child {
display: flex;
}
.widget_header .breadcrumb {
background: none;
flex-wrap: nowrap;
align-items: center;
overflow: hidden;
}
.widget_header .breadcrumb-item {
white-space: nowrap;
height: fit-content;
}
.widget_header .breadcrumb-item.active {
color: #545b62;
}
@media only screen and (max-width: 513px) {
.c-menu__container.js-expand + .c-header,
.c-menu__container.js-expand + .c-header .o-navbar__left,
.c-menu__container.js-expand + .c-header .o-navbar__right {
flex-direction: column;
}
.c-menu__container.js-expand + .c-header * {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
}
.c-menu__container.js-expand + .c-header .c-header__btn:not(.c-header__btn--mobile),
.c-menu__container.js-expand + .c-header .c-header__btn__container {
margin-bottom: 0.25rem;
}
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.user-info--active .c-menu__container {
bottom: calc(2rem + 1rem);
}
@media (max-width: 767.98px) {
.user-info--active .c-menu__container {
bottom: 2rem;
}
}
.limited-footer--active .c-menu__container {
bottom: 1rem;
}
@media (max-width: 767.98px) {
.limited-footer--active .c-menu__container {
bottom: 2rem;
}
}
.user-info--active.limited-footer--active .c-menu__container {
bottom: 2rem;
}
.c-menu__container {
position: fixed;
left: 0;
top: 0;
bottom: 2rem;
width: 230px;
color: #f8f9fa;
z-index: 1030;
background: #4a5364;
}
.c-menu__container .row {
padding: 0;
margin: 0;
}
.c-menu__container a {
color: #f8f9fa;
transition: background-color 0.2s ease;
}
.c-menu__container a:hover {
text-decoration: none;
cursor: pointer;
}
@media (max-width: 767.98px) {
.c-menu__container {
bottom: 1rem;
}
}
.c-menu__item {
width: -webkit-fill-available;
width: -moz-available;
}
.c-menu__item a {
display: inline-flex;
width: 100%;
border-radius: 0;
vertical-align: text-top;
padding: 0.5rem 1.875rem 0.5rem 3.4375rem;
word-wrap: break-word;
font-size: 0.9375rem;
line-height: 1.2;
background: #4a5364;
align-items: center;
position: relative;
}
.c-menu__item a:hover, .c-menu__item a:focus {
background: #555f73;
}
.c-menu__item a.active {
background: #343b47;
}
.c-menu__item a.hasIcon {
padding: 0.5rem 1.875rem 0.5rem 0.75rem;
}
.c-menu__item a .c-menu__item__text {
padding: 0.125rem 0;
position: relative;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-rendering: optimizeLegibility;
}
.c-menu__item a.hasIcon img {
height: 1.25rem;
}
.c-menu__item a .fa, .c-menu__item a.hasIcon img {
margin-right: 0.75rem;
font-size: 1.25rem;
padding-right: 0.4375rem;
padding-left: 0.1875rem;
}
.c-menu__item a .fa {
position: relative;
top: 0.125rem;
}
.c-menu__item a .toggler {
position: absolute;
right: 12px;
font-size: 0.625rem;
line-height: 24px;
}
.c-menu__item a.collapsed .fa-minus-circle {
display: none;
}
.c-menu__item a:not(.collapsed) .fa-plus-circle {
display: none;
}
.c-menu__item a:not(.is-submenu-toggler) {
padding-right: 0.8rem !important;
}
.c-menu__item .tpl-menu-SubMenu,
.c-menu__item .tpl-menu-Profile_submenu {
background: #202c40;
color: #fff;
}
.c-menu__item .tpl-menu-SubMenu a,
.c-menu__item .tpl-menu-Profile_submenu a {
font-size: 0.875rem;
color: #fff;
background: #202c40;
padding: 0.375rem 1.875rem 0.375rem 0.8rem;
}
.c-menu__item .tpl-menu-SubMenu a:hover, .c-menu__item .tpl-menu-SubMenu a:focus,
.c-menu__item .tpl-menu-Profile_submenu a:hover,
.c-menu__item .tpl-menu-Profile_submenu a:focus {
background: #293851;
}
.c-menu__item .tpl-menu-SubMenu a.active,
.c-menu__item .tpl-menu-Profile_submenu a.active {
background: #18202f;
}
.c-menu__item .tpl-menu-SubMenu .menuLabel > a,
.c-menu__item .tpl-menu-Profile_submenu .menuLabel > a {
font-weight: 600;
text-transform: uppercase;
padding: 0.375rem 0.75rem;
}
.c-menu__item .tpl-menu-SubMenu button,
.c-menu__item .tpl-menu-Profile_submenu button {
background: #0f151e;
color: #f8f9fa;
overflow: hidden;
text-overflow: ellipsis;
}
.c-menu__item .tpl-menu-SubMenu button:hover, .c-menu__item .tpl-menu-SubMenu button:focus,
.c-menu__item .tpl-menu-Profile_submenu button:hover,
.c-menu__item .tpl-menu-Profile_submenu button:focus {
color: #202c40;
background: #fff;
}
.c-menu__item .tpl-menu-SubMenu button.hasIcon,
.c-menu__item .tpl-menu-Profile_submenu button.hasIcon {
padding: 0.375rem 0.75rem;
}
.c-menu__body {
height: calc(100% - 50px);
width: 100%;
position: relative;
}
.c-menu__body .ps__rail-y, .c-menu__body .ps__rail-x {
background-color: transparent !important;
}
.c-menu__body .ps__rail-y:hover > .ps__thumb-y {
width: 0.5rem;
}
.c-menu__body .ps__rail-x:hover > .ps__thumb-x {
width: 0.5rem;
}
.c-menu__item__icon {
font-size: 1.6em;
min-width: 2.625rem;
height: 1.75rem;
}
.c-menu__item__icon--sub {
display: none;
}
.tpl-menu-SubMenu .c-menu__item__icon--sub {
display: inline-block;
margin-right: 0.4rem;
font-size: 0.625rem;
margin-top: auto;
margin-bottom: auto;
}
.c-menu__item__icon.fa-fw {
text-align: left;
}
.c-menu__item__icon:before {
vertical-align: unset;
}
.c-menu__item__icon.mdi:before {
margin: 0 -0.1875rem;
}
.c-menu__header {
height: 3.125rem;
padding-right: 0;
padding-left: 0;
background-color: #406a95;
}
@media (min-width: 768px) {
.c-menu--animation .basePanel,
.c-menu--animation .c-header {
-webkit-transition: left 0.35s ease-in-out 0.35s;
-moz-transition: left 0.35s ease-in-out 0.35s;
-ms-transition: left 0.35s ease-in-out 0.35s;
-o-transition: left 0.35s ease-in-out 0.35s;
transition: left 0.35s ease-in-out 0.35s;
}
}
@media (max-width: 991.98px) {
.c-menu--animation .basePanel,
.c-menu--animation .c-header {
-webkit-transition: left ease-in-out 0.35s;
-moz-transition: left ease-in-out 0.35s;
-ms-transition: left ease-in-out 0.35s;
-o-transition: left ease-in-out 0.35s;
transition: left ease-in-out 0.35s;
}
}
.related .nav-pills {
border-bottom: 3px solid #404952;
}
.related .nav-pills > .nav-item {
position: relative;
margin-right: 0.125rem;
}
.related .nav-pills > .nav-item:last-child {
margin-right: 0;
}
.related .nav-pills > .nav-item > .nav-link {
color: #404952;
font-weight: bold;
}
.related .nav-pills > .nav-item > .nav-link span {
vertical-align: middle;
}
.related .nav-pills > .nav-item > .nav-link .iconModule {
position: relative;
top: -2px;
font-size: 1.0625rem;
}
.related .nav-pills .tabdrop {
width: auto !important;
}
.related .nav-pills .tabdrop .dropdown-toggle {
display: block;
font-weight: bold;
text-transform: capitalize;
padding: 0.5rem 1rem;
color: #404952;
background: #f1f1f1;
}
.related .nav-pills .tabdrop .dropdown-toggle:hover {
text-decoration: none;
}
.related .nav-pills .tabdrop .c-badge--top-right {
position: inherit;
margin-left: 0.3125rem;
}
.related .nav-pills .tabdrop.show .dropdown-toggle, .related .nav-pills .tabdrop.active .dropdown-toggle {
background: #404952;
color: #fff;
}
.related .nav-pills .active {
background: #404952;
color: #fff;
border-radius: 0;
}
.related .nav-pills .active > .nav-link {
color: #f1f1f1;
background: #404952;
}
.related .nav-pills .dropdown-menu {
min-width: 300px;
}
.related .nav-pills .dropdown-menu .nav-item {
margin: 0;
float: none !important;
background: none;
}
.related .nav-pills .dropdown-menu .nav-link {
border-radius: 0;
font-weight: bold;
}
.related .nav-pills .dropdown-menu .c-tab__text {
display: inline !important;
margin-left: 0.25rem;
}
@media only screen and (max-width: 768px) {
.dropdown-menu {
max-height: 500px;
max-width: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
}
.c-tab--small, .detailViewInfo .dropdown.tabdrop {
display: flex;
align-items: center;
}
.c-tab--border {
border-bottom: 0;
}
.c-tab--border .nav-link:not(.active) {
border-color: transparent !important;
}
.c-tab--border .nav-link.active {
border-bottom-color: transparent !important;
}
.c-tab--border .nav-link.active:after {
content: "";
width: 100%;
right: 0;
top: 2.1875rem;
position: absolute;
border: solid 1px;
z-index: -1;
}
.c-tab--gray {
background: #f1f1f1;
}
.c-tab--hover:hover {
background: #d8d8d8;
}
.detailViewInfo .dropdown.tabdrop.hide {
display: none;
}
.dashboardViewContainer .nav-inverted-tabs .nav-item .nav-link {
border: 1px solid #fff;
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
font-size: 0.85em;
}
.dashboardViewContainer .nav-inverted-tabs .nav-item .nav-link:hover {
border: 1px solid #dee2e6;
border-top: 0;
}
.dashboardViewContainer .nav-inverted-tabs .nav-item .nav-link.active {
color: #495057;
background: #f8f9fa;
border: 1px solid #dee2e6;
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
}
.dashboardViewContainer .nav-inverted-tabs .nav-item .nav-link.active:hover {
background: #dee2e6;
}
ul.c-process-line {
display: block;
border: 0 solid #ccc !important;
padding: 0;
border-radius: 5px;
list-style: none;
overflow: hidden;
margin-top: 10px;
}
ul.c-process-line li {
float: left;
}
ul.c-process-line li > a {
color: #999;
text-decoration: none;
padding: 10px 0 10px 32px;
position: relative;
display: block;
float: left;
border-radius: 0;
outline-style: none;
background: #ddd;
}
ul.c-process-line li > a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 24px solid white;
position: absolute;
top: -3px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
ul.c-process-line li > a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 20px solid #ddd;
position: absolute;
top: 0;
left: 100%;
z-index: 2;
}
@media only screen and (max-width: 768px) {
ul.c-process-line li > a:before {
border-top: 20px solid transparent !important;
border-bottom: 20px solid transparent !important;
top: 0 !important;
}
ul.c-process-line li > a:after {
border-top: 20px solid transparent !important;
border-bottom: 20px solid transparent !important;
}
}
ul.c-process-line li:first-child a {
padding-left: 15px;
}
ul.c-process-line li.c-process-line__done > a {
border-color: #5cb85c !important;
color: #fff !important;
background: #5cb85c !important;
}
ul.c-process-line li.c-process-line__done > a:after {
border-left: 20px solid #5cb85c;
}
ul.c-process-line li.c-process-line__next > a {
color: #fff !important;
background: #d6b200 !important;
}
ul.c-process-line li.c-process-line__next > a:after {
border-left: 20px solid #d6b200;
}
ul.c-process-line li.c-process-line__active > a {
border-color: #5bc0de !important;
color: #fff !important;
background: #5bc0de !important;
}
ul.c-process-line li.c-process-line__active > a:after {
border-left: 20px solid #5bc0de !important;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.c-footer {
background: #343a40;
height: 2rem;
color: #fff;
font-size: 0.8rem;
}
.c-footer a {
color: inherit;
}
.c-footer p {
font-size: 0.85em;
}
.c-footer .page-item:last-child .page-link, .c-footer .page-item:first-child .page-link {
border-radius: initial;
}
.c-footer .page-link {
color: inherit;
background: inherit;
padding: 0.4rem 0.3rem;
border: none;
}
.c-footer .page-link:hover {
background: #fff;
color: #343a40;
}
.c-footer__user-info {
padding: 0 5px;
height: 1rem;
color: #fff;
width: 100%;
z-index: 1030;
background: #4979aa;
}
.c-footer--user-info-active {
height: calc(2rem + 1rem);
}
.c-footer--limited {
height: 1rem;
}
.c-footer--limited .page-link {
font-size: 0.52em;
padding: 0.1rem 0.2rem !important;
}
.c-footer--limited.c-footer--user-info-active {
height: 2rem;
}
@media (max-width: 767.98px) {
.c-footer {
height: 1rem;
}
.c-footer .page-link {
font-size: 0.52em;
padding: 0.1rem 0.2rem !important;
}
.c-footer--user-info-active {
height: 2rem;
}
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.modal-content {
-moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
z-index: 1032;
}
.modal-backdrop-filter {
backdrop-filter: blur(10px);
}
@media (max-width: 767.98px) {
.modal-header,
.modal-body,
.modal-footer {
padding: 0.5rem;
}
.modal {
padding: 0 !important;
}
.modal-dialog {
margin: 2px;
}
.modal-content {
border: none;
border-radius: 0;
}
.modal-dialog {
max-width: 100%;
}
}
@media (min-width: 768px) {
.modal-full {
max-width: 72%;
}
.modal-fullscreen {
top: 21px;
right: 32px;
left: 0;
max-width: calc(100% - 50px);
width: calc(100% - 50px);
margin-left: 50px;
margin-right: 0;
min-height: calc(100% - 80px);
}
}
.modal-blg {
max-width: 90%;
}
.modal-md {
max-width: 600px;
}
.c-modal--custom-animation.modal.fade {
opacity: 1;
}
.c-modal--custom-animation.modal.fade .modal-dialog {
-webkit-transform: translate(0);
-moz-transform: translate(0);
transform: translate(0);
}
@media (min-width: 992px) {
.modal-dialog.c-modal--fit-lg {
width: fit-content;
}
}
@media (min-width: 768px) {
.c-modal-xl {
max-width: calc(768px - 5vw);
}
.c-modal-xxl {
max-width: calc(768px - 2vw);
}
}
@media (min-width: 992px) {
.c-modal-xl {
max-width: calc(992px - 5vw);
}
.c-modal-xxl {
max-width: calc(992px - 2vw);
}
}
@media (min-width: 1200px) {
.c-modal-xl {
max-width: calc(1200px - 5vw);
}
.c-modal-xxl {
max-width: calc(1200px - 2vw);
}
}
@media (min-width: 1300px) {
.c-modal-xl {
max-width: 80vw;
}
.c-modal-xxl {
max-width: 90vw;
}
}
.clonedPopupUi.modal {
top: 3.125rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.dashboardContainer {
padding: 0;
}
.dashboardContainer .dashboardHeading hr {
border-bottom: 1px solid #ddd;
}
.widgetsList {
min-width: 150px;
max-height: 450px;
text-align: left;
overflow-y: auto;
overflow-x: hidden;
}
.widgetsList li {
display: block;
}
.widgetsList li a {
white-space: nowrap;
word-wrap: break-word;
}
.dashboard_notebookWidget_view .row {
margin-bottom: 5px;
}
.grid-stack {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
display: block;
min-height: 460px;
margin-left: 0 !important;
padding-left: 0 !important;
margin-top: 0 !important;
}
.dashboardWidget {
background: #fff;
border-radius: 1px;
border: 1px solid #ddd;
-webkit-box-shadow: 0 0 3px -1px #ddd;
-moz-box-shadow: 0 0 3px -1px #ddd;
box-shadow: 0 0 3px -1px #ddd;
}
.dashboardWidget .dashboardWidgetHeader {
background-color: #f8f9fa;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#f3f3f4", GradientType=0);
border-color: #f3f3f4 #f3f3f4 #cbcbcf;
text-shadow: 0 1px #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
color: #444;
cursor: move;
padding: 7px 5px;
}
.dashboardWidget .dashboardWidgetHeader table {
height: 28px;
}
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .input-group-prepend {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group .input-group-append {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.dashboardWidget .dashboardWidgetHeader .js-tree-container .input-group input {
border-radius: 0 !important;
}
.dashboardWidget .widgetFooterContent .row:first-child {
position: relative;
background-color: #f5f5f5;
padding-top: 3px;
padding-bottom: 2px;
}
.dashboardWidget .dashboardWidgetHeader .dashboardTitle {
text-align: left;
padding-left: 10px;
}
.dashboardWidget .dashboardWidgetHeader .widgeticons {
opacity: 0.5;
padding-right: 6px;
}
.dashboardWidget .dashboardWidgetHeader .box {
position: relative;
top: -2px;
}
.dashboardWidget .filterContainer {
position: absolute;
border: 1px solid #ddd;
background: #fff;
margin-left: -7px;
margin-right: 3px;
margin-top: 4px;
padding: 8px 0;
border-radius: 0 0 5px 5px;
box-shadow: 0 5px 8px -5px #888;
}
.dashboardWidget .filterContainer div span {
margin-top: 6px;
}
.dashboardWidget .filterContainer .col-md-5 {
margin-top: 3px;
}
.dashboardWidget .dashboardWidgetContent:not(.dashboardWidgetCalendar) {
padding: 5px;
line-height: 20px;
}
.dashboardWidget .dashboardWidgetContent .fc-bg {
pointer-events: none;
}
.dashboardWidget .widgeticons {
min-width: 50px;
height: 30px;
margin-right: 30px;
}
.dashboardWidget .widgeticons a {
cursor: pointer;
text-decoration: none;
}
.widgetChartContainer {
height: 100% !important;
}
.NotificationsItem .userImage {
width: 22px;
}
.js-css-element-queries .no-gutters {
margin-right: 0;
margin-left: 0;
}
.js-css-element-queries .no-gutters > .col,
.js-css-element-queries .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.o-tablet-scroll__container {
width: 25px;
}
.o-tablet-scroll__content {
height: calc(calc(100vh - (2rem + 3.125rem)) - 3.375rem - 3.375rem - 0.5rem);
}
.o-tablet-scroll__icons {
top: 50%;
transform: translateY(-50%);
}
.o-time-counter__navigator-icon {
font-size: 140px;
color: #f8f9fa;
}
.o-time-counter__timer {
font-size: 40px;
color: #b4b2af;
}
.o-time-counter__navigator-buttons {
width: 10rem;
height: 10rem;
border: 13px solid #fafafa;
border-radius: 50%;
}
.o-time-counter__navigator-buttons a {
font-size: 5.3125rem;
}
.o-time-counter__navigator-buttons.active a {
font-size: 3.4375rem;
}
.c-form__action-panel {
position: fixed;
bottom: 33px;
height: 48px;
width: calc(100% - 50px);
background: #f8f9fa;
margin-left: -10px;
text-align: center;
border-top: 1px solid #ddd;
z-index: 5;
padding: 5px;
}
.c-form__action-panel .btn-group {
margin-right: 3px;
}
.fieldValue {
border-radius: 0.25rem;
}
.user-info--active .c-form__action-panel {
bottom: calc(2rem + 1rem);
}
.user-info--active .verticalScroll {
height: calc(100vh - 150px);
}
.limited-footer--active .c-form__action-panel {
bottom: 1rem;
}
.footer-non--active .c-form__action-panel {
bottom: 0px;
}
.verticalScroll {
position: absolute;
left: 0;
height: calc(100vh - 8rem);
width: 100%;
overflow-x: hidden;
padding-right: 10px;
padding-left: 10px;
}
.footer-non--active .verticalScroll {
height: 90vh;
}
.o-register-warning + .mainContainer .verticalScroll,
.o-register-error + .mainContainer .verticalScroll {
height: calc(100vh - 8rem - 2rem);
}
.o-register-error + .o-register-warning + .mainContainer .verticalScroll {
height: calc(100vh - 8rem - 2rem - 2rem);
}
@media (max-width: 767.98px) {
.c-form__action-panel {
bottom: 1rem;
width: 100%;
}
.verticalScroll {
height: calc(100vh - 112px);
}
.user-info--active .verticalScroll {
height: calc(100vh - 31px);
}
.user-info--active .c-form__action-panel {
bottom: 2rem;
}
}
.inventoryItems .fieldValue {
position: relative;
}
.inventoryItems .input-group {
max-width: 100% !important;
}
.inventoryItems .rowName .input-group {
max-width: 400px;
}
.inventoryItems tfoot td.hideTd {
border-width: 0 0 1px 0;
background: #fafafb;
}
.inventoryItems tfoot td.hideTd + td:not(.hideTd) {
border-left: 1px solid #dee2e6 !important;
}
.inventoryItems tfoot td.hideTd:first-child {
border-width: 0 0 1px 1px;
}
.inventoryItems .subProductsContainer ul {
margin-bottom: 0;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.calendarViewContainer .widget_header {
margin-right: -20px;
margin-left: -25px;
}
@media (min-width: 992px) {
.calendarViewContainer.js-sitebar--active {
width: 75% !important;
padding-right: 1rem !important;
}
}
.calendarViewContainer .fc-col-header,
.calendarViewContainer .fc-scrollgrid-sync-table,
.calendarViewContainer .fc-daygrid-body-unbalanced,
.calendarViewContainer .fc-timegrid-body,
.calendarViewContainer .fc-timegrid-slots table,
.calendarViewContainer .fc-timegrid-cols table {
width: 100% !important;
}
.o-calendar__container .fc-header-toolbar.fc-toolbar {
overflow: unset !important;
}
.hideToggleSiteBarRightButton {
right: 0 !important;
}
.container-fluid:not([class*=-calendarextended-container]) .basePanel .c-standard-toggle-button, .container-sm:not([class*=-calendarextended-container]) .basePanel .c-standard-toggle-button, .container-md:not([class*=-calendarextended-container]) .basePanel .c-standard-toggle-button, .container-lg:not([class*=-calendarextended-container]) .basePanel .c-standard-toggle-button, .container-xl:not([class*=-calendarextended-container]) .basePanel .c-standard-toggle-button {
background: #f8f9fa;
font-weight: bold;
padding: 15px 0 !important;
position: fixed;
top: 50%;
right: 25%;
cursor: pointer;
width: 17px;
z-index: 100;
border: 1px solid #ccc;
border-right: 0;
display: inline-block;
border-radius: 0;
}
.siteBarRight {
width: 100%;
position: relative;
z-index: 100;
}
.c-menu--open .siteBarRight {
width: calc(25% - 50px);
}
.c-menu--open .toggleSiteBarRightButton {
right: calc(25% - 50px);
}
@media (min-width: 992px) {
.siteBarRight {
width: 25%;
padding: 0 0.3125rem;
border-left: 1px solid #ccc;
background: #f8f9fa;
position: fixed;
right: 0;
top: 3.125rem;
bottom: 2rem;
z-index: 100;
}
.limited-footer--active .siteBarRight {
bottom: 1rem;
}
.user-info--active.limited-footer--active .siteBarRight {
bottom: 2rem;
}
}
@media (max-width: 991.98px) {
.siteBarRight {
width: auto !important;
}
.hideSiteBar {
right: 0 !important;
}
}
.hideSiteBar {
right: -25%;
}
.hideSiteBar .siteBarContent {
overflow: hidden;
}
@media (min-width: 1080px) {
.js-calendar-switch-container {
margin-right: 0.75em;
float: right;
}
}
@media (max-width: 1080px) {
.js-calendar-switch-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.js-calendar-switch-container .btn-group {
margin-left: 0 !important;
margin-bottom: 0.5rem;
}
.js-calendar-switch-container .btn-group:last-child {
margin-left: 0.5rem !important;
}
}
.c-calendar-view .c-tab--small .nav-link, .c-calendar-view .detailViewInfo .dropdown.tabdrop .nav-link, .detailViewInfo .c-calendar-view .dropdown.tabdrop .nav-link, .c-calendar-view .o-calendar__clear-btn,
.c-calendar-quickcreate .c-tab--small .nav-link,
.c-calendar-quickcreate .detailViewInfo .dropdown.tabdrop .nav-link,
.detailViewInfo .c-calendar-quickcreate .dropdown.tabdrop .nav-link,
.c-calendar-quickcreate .o-calendar__clear-btn {
font-size: 14px !important;
line-height: 1.42857143;
height: 1.875rem;
}
.c-calendar-view .badge.count,
.c-calendar-quickcreate .badge.count {
border: 0.0625rem solid;
border-color: transparent !important;
border-radius: 1.4375rem;
color: #fff;
background: #ef9a9a;
}
.c-calendar-view .fc-v-event,
.c-calendar-view .fc-h-event,
.c-calendar-quickcreate .fc-v-event,
.c-calendar-quickcreate .fc-h-event {
color: white;
}
.c-calendar-view .fc-v-event .fc-event-main,
.c-calendar-view .fc-h-event .fc-event-main,
.c-calendar-quickcreate .fc-v-event .fc-event-main,
.c-calendar-quickcreate .fc-h-event .fc-event-main {
color: inherit;
}
.c-calendar-view .o-calendar__filter,
.c-calendar-quickcreate .o-calendar__filter {
display: flex;
}
.c-calendar-view .o-calendar__clear-btn, .c-calendar-view .o-calendar__view-btn,
.c-calendar-quickcreate .o-calendar__clear-btn,
.c-calendar-quickcreate .o-calendar__view-btn {
padding: 0.25rem 0.5rem;
font-size: 14px;
}
.c-calendar-view .o-calendar__clear-btn,
.c-calendar-quickcreate .o-calendar__clear-btn {
background: #ffe082;
border-color: #ffe082;
padding: 0.25rem 0.5rem;
}
.c-calendar-view .o-calendar__view-btn,
.c-calendar-quickcreate .o-calendar__view-btn {
border-radius: 0;
height: 1.875rem !important;
line-height: 1.42857143;
}
.c-calendar-view .o-calendar__view-btn svg,
.c-calendar-quickcreate .o-calendar__view-btn svg {
margin-left: 0.3125rem;
}
.c-calendar-view .sub-date-list,
.c-calendar-quickcreate .sub-date-list {
text-align: center;
}
.c-calendar-view .sub-date-list .sub-record,
.c-calendar-quickcreate .sub-date-list .sub-record {
height: 1.875rem;
font-size: 0.8125rem;
min-width: 80px;
cursor: pointer;
}
.c-calendar-view .sub-date-list .sub-record .sub-record-content,
.c-calendar-quickcreate .sub-date-list .sub-record .sub-record-content {
padding: 6px 3px;
height: 100%;
}
.c-calendar-view .sub-date-list .sub-record .sub-record-content.active,
.c-calendar-quickcreate .sub-date-list .sub-record .sub-record-content.active {
border-width: 2px;
border-bottom-width: 0px;
}
.c-calendar-view .sub-date-list .sub-date-name,
.c-calendar-quickcreate .sub-date-list .sub-date-name {
margin-bottom: 2px;
}
.c-calendar-view .fc-event-style1,
.c-calendar-quickcreate .fc-event-style1 {
background: #17309a;
border-color: #17309a;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style1 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style1 .fc-event-skin {
background: #17309a;
border-color: #17309a;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style2,
.c-calendar-quickcreate .fc-event-style2 {
background: #3a87ad;
border-color: #3a87ad;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style2 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style2 .fc-event-skin {
background: #3a87ad;
border-color: #3a87ad;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style3,
.c-calendar-quickcreate .fc-event-style3 {
background: #aa6705;
border-color: #aa6705;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style3 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style3 .fc-event-skin {
background: #aa6705;
border-color: #aa6705;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style4,
.c-calendar-quickcreate .fc-event-style4 {
background: #953b39;
border-color: #953b39;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style4 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style4 .fc-event-skin {
background: #953b39;
border-color: #953b39;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style5,
.c-calendar-quickcreate .fc-event-style5 {
background: #545252;
border-color: #545252;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style5 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style5 .fc-event-skin {
background: #545252;
border-color: #545252;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style6,
.c-calendar-quickcreate .fc-event-style6 {
background: #87865d;
border-color: #87865d;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style6 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style6 .fc-event-skin {
background: #87865d;
border-color: #87865d;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style7,
.c-calendar-quickcreate .fc-event-style7 {
background: #c71585;
border-color: #c71585;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style7 .fc-event-calendarMassEditskin,
.c-calendar-quickcreate .fc-event-style7 .fc-event-calendarMassEditskin {
background: #c71585;
border-color: #c71585;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style8,
.c-calendar-quickcreate .fc-event-style8 {
background: #006400;
border-color: #006400;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-event-style8 .fc-event-skin,
.c-calendar-quickcreate .fc-event-style8 .fc-event-skin {
background: #006400;
border-color: #006400;
font-weight: normal;
text-shadow: none;
}
.c-calendar-view .fc-agenda-divider + div,
.c-calendar-quickcreate .fc-agenda-divider + div {
overflow-y: visible !important;
}
.c-calendar-view .fc .fc-button,
.c-calendar-quickcreate .fc .fc-button {
/* FullCalendar buttons */
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0 !important;
}
.c-calendar-view .fc .fc-button:active .fc-button-inner,
.c-calendar-quickcreate .fc .fc-button:active .fc-button-inner {
background: transparent;
}
.c-calendar-view .fc .fc-button:active .fc-button-inner .fc-button-content,
.c-calendar-quickcreate .fc .fc-button:active .fc-button-inner .fc-button-content {
color: #fff;
}
.c-calendar-view .fc .fc-button.fc-button-active .fc-button-inner .fc-button-content, .c-calendar-view .fc .fc-button:active .fc-button-inner .fc-button-content,
.c-calendar-quickcreate .fc .fc-button.fc-button-active .fc-button-inner .fc-button-content,
.c-calendar-quickcreate .fc .fc-button:active .fc-button-inner .fc-button-content {
color: #000 !important;
background: transparent;
background-image: none;
}
.c-calendar-view .fc-header-title h2,
.c-calendar-quickcreate .fc-header-title h2 {
font-size: 15px;
line-height: 20px;
}
.c-calendar-view .fc-col-header-cell,
.c-calendar-quickcreate .fc-col-header-cell {
color: #666;
font-weight: 400;
background: #eee;
border-color: #ccc;
}
.c-calendar-view .fc-col-header-cell th,
.c-calendar-quickcreate .fc-col-header-cell th {
padding: 4px 0 !important;
}
.c-calendar-view .fc-content,
.c-calendar-quickcreate .fc-content {
background: #fff;
margin-left: 10px;
}
.c-calendar-view .fc-event-container .fc-event.fc-draggable,
.c-calendar-quickcreate .fc-event-container .fc-event.fc-draggable {
margin: 0 0 2px 0;
border-radius: 0;
}
.c-calendar-view .fc-content .fc-title,
.c-calendar-quickcreate .fc-content .fc-title {
padding-left: 2px;
}
.c-calendar-view .fc-content td:hover,
.c-calendar-quickcreate .fc-content td:hover {
background: #f3f3f3;
}
.c-calendar-view .fc-toolbar,
.c-calendar-quickcreate .fc-toolbar {
margin-bottom: 0 !important;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.c-calendar-view .fc-toolbar .fc-left .fc-button,
.c-calendar-quickcreate .fc-toolbar .fc-left .fc-button {
margin-right: 5px;
border-radius: 0;
background: #dfdfdf;
color: #353535;
height: 1.875rem !important;
border: none;
box-shadow: none;
padding: 0.3125rem 0.625rem !important;
}
.c-calendar-view .fc-toolbar .fc-left .fc-button-active,
.c-calendar-view .fc-toolbar .fc-left .fc-today-button:disabled,
.c-calendar-quickcreate .fc-toolbar .fc-left .fc-button-active,
.c-calendar-quickcreate .fc-toolbar .fc-left .fc-today-button:disabled {
z-index: 4;
background: #337ab7 !important;
color: #fff !important;
text-shadow: none;
opacity: 1;
}
.c-calendar-view .fc-toolbar .fc-left .fc-button-group,
.c-calendar-quickcreate .fc-toolbar .fc-left .fc-button-group {
margin-left: 0;
}
.c-calendar-view .fc-toolbar .fc-right .fc-today-button,
.c-calendar-quickcreate .fc-toolbar .fc-right .fc-today-button {
background: none;
border: none;
box-shadow: none;
padding: 0;
}
.c-calendar-view .fc-toolbar .fc-right .fc-today-button:disabled,
.c-calendar-quickcreate .fc-toolbar .fc-right .fc-today-button:disabled {
text-shadow: none;
cursor: unset;
opacity: 1;
}
.c-calendar-view .fc-toolbar .fc-right .fc-today-button:disabled .svg-inline--fa,
.c-calendar-quickcreate .fc-toolbar .fc-right .fc-today-button:disabled .svg-inline--fa {
color: #9e9e9e;
}
@media (min-width: 1080px) {
.c-calendar-view .fc-toolbar .js-calendar-switch-container,
.c-calendar-quickcreate .fc-toolbar .js-calendar-switch-container {
margin-right: 0;
}
}
.c-calendar-view .fc-toolbar .fc-center,
.c-calendar-quickcreate .fc-toolbar .fc-center {
margin-left: auto;
margin-right: auto;
}
.c-calendar-view .fc-toolbar .fc-center div,
.c-calendar-quickcreate .fc-toolbar .fc-center div {
display: flex;
}
.c-calendar-view .fc-toolbar .fc-center div button:not(.fc-today-button),
.c-calendar-quickcreate .fc-toolbar .fc-center div button:not(.fc-today-button) {
background: none;
border: none;
box-shadow: none;
color: #000;
padding: 0 5px;
}
.c-calendar-view .fc-toolbar .fc-center div h2,
.c-calendar-quickcreate .fc-toolbar .fc-center div h2 {
font-size: 1.4rem;
margin-left: 0.3125rem;
margin-top: 0.1875rem;
text-transform: uppercase;
}
.c-calendar-view .fc-toolbar .fc-center .fc-prev-button span,
.c-calendar-view .fc-toolbar .fc-center .fc-prevYear-button span,
.c-calendar-quickcreate .fc-toolbar .fc-center .fc-prev-button span,
.c-calendar-quickcreate .fc-toolbar .fc-center .fc-prevYear-button span {
margin-bottom: 4px;
}
.c-calendar-view .fc-toolbar .fc-center .fc-next-button span,
.c-calendar-view .fc-toolbar .fc-center .fc-nextYear-button span,
.c-calendar-quickcreate .fc-toolbar .fc-center .fc-next-button span,
.c-calendar-quickcreate .fc-toolbar .fc-center .fc-nextYear-button span {
margin-top: 4px;
}
.c-calendar-view .fc-time-grid .fc-time-grid-event.fc-event,
.c-calendar-quickcreate .fc-time-grid .fc-time-grid-event.fc-event {
min-height: 27px;
min-width: 100px;
}
.c-calendar-view .fc-time-grid-event.fc-short .fc-title,
.c-calendar-quickcreate .fc-time-grid-event.fc-short .fc-title {
font-size: 1em;
}
.c-calendar-view .bottom_margin .fc-basic-view .fc-body .fc-row,
.c-calendar-quickcreate .bottom_margin .fc-basic-view .fc-body .fc-row {
min-height: 9em !important;
}
.c-calendar-view .fc-daygrid-day-top .fc-daygrid-day-number,
.c-calendar-quickcreate .fc-daygrid-day-top .fc-daygrid-day-number {
font-weight: bold;
font-size: 20px;
line-height: 1.1;
color: #c1c1c1;
padding: 0 2px;
}
.c-calendar-view .fc-daygrid-day-top.fc-day-today .fc-day-number,
.c-calendar-quickcreate .fc-daygrid-day-top.fc-day-today .fc-day-number {
color: #546e7a;
}
.c-calendar-view .fc-year__container,
.c-calendar-quickcreate .fc-year__container {
margin-right: -8px;
}
.c-calendar-view .fc-year__month td.fc-widget-content,
.c-calendar-quickcreate .fc-year__month td.fc-widget-content {
background: #fbfbfb;
}
.c-calendar-view .fc-year__month *,
.c-calendar-quickcreate .fc-year__month * {
border-color: #f3f3f3;
}
.c-calendar-view .fc-year__month > .fc-toolbar,
.c-calendar-view .fc-year__month > .fc-view-container,
.c-calendar-quickcreate .fc-year__month > .fc-toolbar,
.c-calendar-quickcreate .fc-year__month > .fc-view-container {
padding-right: 8px;
}
.c-calendar-view .fc-year__month .fc-toolbar.fc-header-toolbar,
.c-calendar-quickcreate .fc-year__month .fc-toolbar.fc-header-toolbar {
justify-content: start;
}
.c-calendar-view .fc-year__month .fc-toolbar.fc-header-toolbar .fc-center,
.c-calendar-quickcreate .fc-year__month .fc-toolbar.fc-header-toolbar .fc-center {
margin: 0;
cursor: pointer;
}
.c-calendar-view .fc-year__month .fc-toolbar.fc-header-toolbar h2,
.c-calendar-quickcreate .fc-year__month .fc-toolbar.fc-header-toolbar h2 {
font-size: 1rem;
}
.c-calendar-view .fc-year__month .fc-event,
.c-calendar-quickcreate .fc-year__month .fc-event {
background-color: inherit;
border: none;
margin: 0;
}
.c-calendar-view .fc-year__month .fc-event .fc-content,
.c-calendar-quickcreate .fc-year__month .fc-event .fc-content {
display: none;
}
.c-calendar-view .fc-year__month .fc-bgevent-skeleton .fc-bgevent,
.c-calendar-quickcreate .fc-year__month .fc-bgevent-skeleton .fc-bgevent {
font-size: 0.75rem;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.1;
}
.c-calendar-view .fc-year__month .fc-day-number,
.c-calendar-quickcreate .fc-year__month .fc-day-number {
padding: 0 2px;
height: 15px;
font-size: 0.75rem;
}
.c-calendar-view .fc-year__month .fc-basic-view .fc-body .fc-row,
.c-calendar-quickcreate .fc-year__month .fc-basic-view .fc-body .fc-row {
min-height: 2.5em;
}
.c-calendar-view .fc-year__month .fc-col-header-cell,
.c-calendar-quickcreate .fc-year__month .fc-col-header-cell {
padding: 0.125rem 0 !important;
font-size: 0.75rem;
background: #f3f3f3;
}
.c-calendar-view .fc-year__show-day-btn, .c-calendar-view .fc-year__show-week-btn,
.c-calendar-quickcreate .fc-year__show-day-btn,
.c-calendar-quickcreate .fc-year__show-week-btn {
color: #90caf9;
}
.c-calendar-view .fc-year__show-day-btn,
.c-calendar-quickcreate .fc-year__show-day-btn {
position: relative;
bottom: 0.0625rem;
height: 0;
color: #bbdefb;
}
.c-calendar-view .fc-year__show-day-btn__container,
.c-calendar-quickcreate .fc-year__show-day-btn__container {
text-align: center;
position: relative;
}
.c-calendar-view .fc-year__show-day-btn__text,
.c-calendar-quickcreate .fc-year__show-day-btn__text {
font-size: 0.75rem;
position: absolute;
top: 0.3125rem;
left: -0.0625rem;
width: 1.25rem;
text-align: center;
}
.c-calendar-view .fc-year__show-week-btn,
.c-calendar-quickcreate .fc-year__show-week-btn {
position: absolute;
font-size: 0.5625rem;
z-index: 148;
cursor: pointer;
line-height: 1.3;
background: #96dc96;
color: #fff;
border-radius: 0.625rem;
padding: 0.0625rem;
margin-top: 0.125rem;
}
.c-calendar-view .js-calendar-switch-container,
.c-calendar-quickcreate .js-calendar-switch-container {
margin-right: 0;
display: flex;
flex-wrap: wrap;
}
.c-calendar-view .c-calendar-switch,
.c-calendar-quickcreate .c-calendar-switch {
margin-top: 0.3125rem;
margin-bottom: 0;
}
.c-calendar-view .c-calendar-switch:first-child,
.c-calendar-quickcreate .c-calendar-switch:first-child {
margin-right: 0.3125rem;
}
.c-calendar-view .c-calendar-switch__button,
.c-calendar-quickcreate .c-calendar-switch__button {
font-size: 0.875rem;
border-radius: 0;
height: 1.875rem;
line-height: 1.3;
padding: 0.3125rem 0.5rem !important;
}
.c-calendar-view .js-css-element-queries[max-width~="1500px"] .o-calendar__view-btn .textHolder,
.c-calendar-quickcreate .js-css-element-queries[max-width~="1500px"] .o-calendar__view-btn .textHolder {
display: none;
}
.c-calendar-view .c-tab--small .nav-link, .c-calendar-view .detailViewInfo .dropdown.tabdrop .nav-link, .detailViewInfo .c-calendar-view .dropdown.tabdrop .nav-link,
.c-calendar-quickcreate .c-tab--small .nav-link,
.c-calendar-quickcreate .detailViewInfo .dropdown.tabdrop .nav-link,
.detailViewInfo .c-calendar-quickcreate .dropdown.tabdrop .nav-link {
padding: 0.3125rem 0.75rem;
}
.c-calendar-view .c-tab--small .nav-link.active, .c-calendar-view .detailViewInfo .dropdown.tabdrop .nav-link.active, .detailViewInfo .c-calendar-view .dropdown.tabdrop .nav-link.active,
.c-calendar-quickcreate .c-tab--small .nav-link.active,
.c-calendar-quickcreate .detailViewInfo .dropdown.tabdrop .nav-link.active,
.detailViewInfo .c-calendar-quickcreate .dropdown.tabdrop .nav-link.active {
color: #fff !important;
background: #4db6ac;
}
@media screen and (min-width: 992px) {
.c-calendar-view .o-calendar__form__actions,
.c-calendar-quickcreate .o-calendar__form__actions {
margin-top: auto;
text-align: center;
border-top: 1px solid #ddd;
width: 100%;
text-align: center;
border-top: 1px solid #ddd;
z-index: 5;
padding: 0.375rem 0 0.3125rem;
}
.c-calendar-quickcreate .c-calendar-view .o-calendar__form__actions, .c-calendar-quickcreate .o-calendar__form__actions {
padding: 0.625rem 0 0;
}
.c-calendar-view .o-calendar__form__actions .btn-group,
.c-calendar-quickcreate .o-calendar__form__actions .btn-group {
margin-right: 3px;
}
.c-calendar-view .o-calendar__form__actions .saveAndComplete,
.c-calendar-quickcreate .o-calendar__form__actions .saveAndComplete {
margin-right: 6px;
}
.c-calendar-view .tpl-Calendar-Extended-ActivityState .o-calendar__form__actions,
.c-calendar-quickcreate .tpl-Calendar-Extended-ActivityState .o-calendar__form__actions {
min-height: unset !important;
}
.c-calendar-view .hideSiteBar .qc-form .o-calendar__form__actions,
.c-calendar-quickcreate .hideSiteBar .qc-form .o-calendar__form__actions {
right: -25%;
}
.c-calendar-view .o-calendar__form, .c-calendar-view .o-calendar__tab--filters,
.c-calendar-quickcreate .o-calendar__form,
.c-calendar-quickcreate .o-calendar__tab--filters {
height: calc(100vh - (2rem + 3.125rem));
}
.limited-footer--active .c-calendar-view .o-calendar__form, .c-calendar-view .o-calendar__tab--filters, .c-calendar-quickcreate .o-calendar__form, .c-calendar-quickcreate .o-calendar__tab--filters {
height: calc(100vh - (1rem + 3.125rem));
}
.user-info--active.limited-footer--active .c-calendar-view .o-calendar__form, .c-calendar-view .o-calendar__tab--filters, .c-calendar-quickcreate .o-calendar__form, .c-calendar-quickcreate .o-calendar__tab--filters {
height: calc(100vh - (2rem + 3.125rem));
}
.c-calendar-view .o-calendar__form__wrapper,
.c-calendar-quickcreate .o-calendar__form__wrapper {
position: relative;
}
.c-calendar-quickcreate .c-calendar-view .o-calendar__form__wrapper, .c-calendar-quickcreate .o-calendar__form__wrapper {
height: calc(100vh - 2rem - 3.125rem - 3.0625rem - 3.4375rem - 2rem);
overflow-y: auto;
overflow-x: hidden;
margin-top: 1rem;
}
.c-calendar-view .o-calendar__form__wrapper label,
.c-calendar-quickcreate .o-calendar__form__wrapper label {
font-weight: 500;
color: #6c757d;
}
.c-calendar-view .o-calendar__form__wrapper .ps__rail-y,
.c-calendar-quickcreate .o-calendar__form__wrapper .ps__rail-y {
z-index: 100;
}
.c-calendar-view .o-calendar__panel__tabs,
.c-calendar-quickcreate .o-calendar__panel__tabs {
display: flex;
height: 3rem;
background: #f8f9fa;
position: fixed;
top: 3.125rem;
right: calc(25% - 1px);
z-index: 100;
font-size: 0.8125rem;
}
.c-menu--open .c-calendar-view .o-calendar__panel__tabs,
.c-menu--open .c-calendar-quickcreate .o-calendar__panel__tabs {
right: calc(25% - 51px);
}
.c-calendar-view .o-calendar__panel__tabs .toggleSiteBarRightButton,
.c-calendar-quickcreate .o-calendar__panel__tabs .toggleSiteBarRightButton {
padding: 0.6875rem 0;
height: 100%;
margin-left: 0.0625rem;
margin-bottom: 0.0625rem;
cursor: pointer;
width: 1.375rem;
z-index: 100;
border: 0;
display: inline-block;
border-radius: 25px 0 0 25px;
background: #546e7a;
color: #eceff1;
}
.c-calendar-view .o-calendar__panel__tabs .toggleSiteBarRightButton:hover,
.c-calendar-quickcreate .o-calendar__panel__tabs .toggleSiteBarRightButton:hover {
background: #90a4ae;
}
.c-calendar-view .o-calendar__panel__tabs .nav,
.c-calendar-quickcreate .o-calendar__panel__tabs .nav {
display: block;
}
.c-calendar-view .o-calendar__panel__tabs .nav-item,
.c-calendar-quickcreate .o-calendar__panel__tabs .nav-item {
height: 50%;
}
.c-calendar-view .o-calendar__panel__tabs .nav-link,
.c-calendar-quickcreate .o-calendar__panel__tabs .nav-link {
text-align: center;
height: 100%;
padding: 0.0625rem 1.25rem;
background: #eceff1;
border: 1px solid #ccc;
border-top: 0;
border-radius: 0;
}
.c-calendar-view .o-calendar__panel__tabs .nav-link.active,
.c-calendar-quickcreate .o-calendar__panel__tabs .nav-link.active {
background: transparent;
color: #6c757d !important;
border-right: 0;
}
.c-calendar-view .user-info--active .c-calendar-quickcreate .o-calendar__form__wrapper,
.c-calendar-quickcreate .user-info--active .c-calendar-quickcreate .o-calendar__form__wrapper {
height: calc(100vh - calc(2rem + 1rem) - 3.125rem - 3.0625rem - 3.4375rem - 2rem);
}
.c-calendar-view .limited-footer--active .c-calendar-quickcreate .o-calendar__form__wrapper,
.c-calendar-quickcreate .limited-footer--active .c-calendar-quickcreate .o-calendar__form__wrapper {
height: calc(100vh - 1rem - 3.125rem - 3.0625rem - 3.4375rem - 2rem);
}
.c-calendar-view .o-calendar__form__actions[min-height~="70px"],
.c-calendar-quickcreate .o-calendar__form__actions[min-height~="70px"] {
padding-bottom: 0;
}
.c-calendar-view .o-calendar__form__actions[min-height~="70px"] .btn,
.c-calendar-quickcreate .o-calendar__form__actions[min-height~="70px"] .btn {
margin-bottom: 0.25rem;
}
.c-calendar-view .hideSiteBar .o-calendar__panel__tabs,
.c-calendar-quickcreate .hideSiteBar .o-calendar__panel__tabs {
right: 0;
}
}
@media only screen and (max-width: 480px) {
.c-calendar-view .fieldRow .col-12, .c-calendar-view .fieldRow .js-css-element-queries .col-ceq-xsm-6, .js-css-element-queries .c-calendar-view .fieldRow .col-ceq-xsm-6,
.c-calendar-quickcreate .fieldRow .col-12,
.c-calendar-quickcreate .fieldRow .js-css-element-queries .col-ceq-xsm-6,
.js-css-element-queries .c-calendar-quickcreate .fieldRow .col-ceq-xsm-6 {
padding-right: 8px;
padding-left: 0;
}
.c-calendar-view .fieldRow .col-12 label, .c-calendar-view .fieldRow .js-css-element-queries .col-ceq-xsm-6 label, .js-css-element-queries .c-calendar-view .fieldRow .col-ceq-xsm-6 label,
.c-calendar-quickcreate .fieldRow .col-12 label,
.c-calendar-quickcreate .fieldRow .js-css-element-queries .col-ceq-xsm-6 label,
.js-css-element-queries .c-calendar-quickcreate .fieldRow .col-ceq-xsm-6 label {
margin-bottom: 0;
}
}
.user-info--active .o-calendar__tab--filters, .user-info--active .o-calendar__form {
height: calc(100vh - calc(2rem + 1rem) - 3.125rem);
}
.limited-footer--active .o-calendar__tab--filters, .limited-footer--active .o-calendar__form {
height: calc(100vh - 1rem - 3.125rem);
}
.limited-footer--active .o-calendar__tab--filters, .limited-footer--active .o-calendar__form {
height: calc(100vh - (1rem + 3.125rem));
}
.c-calendar-quickcreate .o-calendar__form {
height: auto !important;
}
.fc-day-grid-event.fc-event {
z-index: 2;
}
.fc-content-skeleton .fc-day-number {
z-index: 1;
position: relative;
right: 0;
}
.fc-daygrid-top.fc-mon {
position: relative;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
@media (max-width: 767.98px) {
.o-view-detail {
font-size: 90%;
}
}
.o-detail__icon {
font-size: 3rem;
margin-right: 0.625rem;
}
.o-detail__icon.fa {
display: inline;
}
.o-detail__record-img img {
height: 5rem;
width: 5rem;
}
.moduleIcon:not(.o-detail__record-img) {
display: none;
}
@media (min-width: 768px) {
.moduleIcon:not(.o-detail__record-img) {
display: inline-block;
}
}
@media (min-width: 992px) {
.detailViewTable .fieldLabel {
height: inherit;
}
}
.detailViewTable .fieldsLabelValue:last-child::after {
content: "";
float: left;
position: absolute;
top: 0;
left: 0;
height: 100%;
border-right: 1px solid #ddd;
}
.timeline {
position: relative;
margin: 0;
padding: 0;
list-style: none;
font-size: 0.8125rem;
}
.timeline:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 0.25rem;
background: #ddd;
left: 0.8125rem;
margin: 0;
border-radius: 2px;
}
@media (max-width: 575.98px) {
.timeline:before {
display: none;
}
}
.timeline > li {
position: relative;
padding-bottom: 0.625rem;
}
.timeline > li:before {
content: " ";
display: table;
}
.timeline > li:after {
content: " ";
display: table;
clear: both;
}
.timeline > li .timeline-item {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: 0;
background: #fbfbfb;
color: #444;
padding: 0;
position: relative;
min-width: 0;
}
.timeline > li .timeline-item > .imageContainer {
width: 1.875rem;
}
.timeline > li .timeline-item > .imageContainer > .userImage {
margin: 0 auto;
width: 1.875rem;
height: 1.875rem;
padding: 0.25rem;
border: 2px solid #d2d6de;
font-size: 1.8125rem;
border-radius: 50%;
}
@media (min-width: 576px) {
.timeline > li .timeline-item > .imageContainer > .userImage {
width: 2.5rem;
height: 2.5rem;
}
}
.timeline > li .timeline-item > .timeline-body {
padding-left: 0;
font-size: 0.75em;
}
@media (min-width: 576px) {
.timeline > li .timeline-item > .imageContainer {
width: 2.5rem;
}
.timeline > li .timeline-item > .timeline-body {
padding-left: 2.75rem;
font-size: 1em;
}
}
.c-detail-widget {
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
.c-detail-widget {
margin-bottom: 0.25rem;
}
}
.c-detail-widget__header {
background: inherit;
}
.c-detail-widget__header__container {
position: relative;
padding-right: 1rem;
}
.c-detail-widget__header__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.c-detail-widget__header__title h5 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.c-detail-widget__content {
padding: 0.5rem 0.5rem 0 0.5rem;
}
.c-detail-widget__toggle {
font-size: 1.4375rem;
margin: -0.3125rem 0.0625rem -0.3125rem -0.25rem;
cursor: pointer;
}
.c-detail-widget--general-info label {
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.o-detail-widgets > .col-md-4 .c-detail-widget__actions {
position: absolute;
right: 0.9375rem;
bottom: 0;
}
}
@media (max-width: 991.98px) {
.o-detail-widgets > .col-md-6 .c-detail-widget__actions {
position: absolute;
right: 0.9375rem;
bottom: 0;
}
}
@media (max-width: 767.98px) {
.o-detail-widgets > .col-md-12 .c-detail-widget__actions, .o-detail-widgets > .c-panel__body .c-detail-widget__actions {
position: absolute;
right: 0.9375rem;
bottom: 0;
}
}
.c-table__row--hover td {
vertical-align: middle !important;
}
.c-table__row--hover .c-table__action--hover {
opacity: 0;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
@media (max-width: 767.98px) {
.c-table__row--hover .c-table__action--hover {
opacity: 1;
}
}
.c-table__row--hover:hover .c-table__action--hover {
opacity: 1;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.summaryView {
border: 1px solid #eaeaea;
-webkit-box-shadow: 1px 1px 3px #ddd;
-moz-box-shadow: 1px 1px 3px #ddd;
box-shadow: 1px 1px 3px #ddd;
border-radius: 2px;
background: #fff;
margin-bottom: 0.625rem;
padding: 1.5625rem 1.25rem 0.3125rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.summaryView .c-detail-widget__table tr.summaryViewEntries:last-child .fieldValue,
.summaryView .c-detail-widget__table tr.summaryViewEntries:last-child .fieldLabel {
border-bottom: 1px solid #ddd;
}
.summaryView .summaryViewEntries .fieldLabel {
vertical-align: top;
padding: 0.3125rem 0 0.3125rem 5%;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
width: 35%;
}
.summaryView .summaryViewEntries .fieldValue {
vertical-align: top;
padding: 0.3125rem 0 0.3125rem 0.3125rem;
/*ie fix from 5px 0 5px 5%*/
border-top: 1px solid #ddd;
width: 65%;
}
.summaryView .toggleViewByMode {
margin: 0.5rem 0;
padding-right: 0;
}
.summaryView .toggleViewByMode .changeDetailViewMode {
white-space: normal !important;
}
.summaryWidgetContainer {
border-radius: 2px;
-webkit-box-shadow: 1px 1px 3px #ddd;
-moz-box-shadow: 1px 1px 3px #ddd;
box-shadow: 1px 1px 3px #ddd;
border: 1px solid #eaeaea;
background: #fff;
margin-bottom: 0.625rem;
padding: 0.9375rem;
}
.commentContainer .commentTitle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
margin-bottom: 0.625rem;
}
.commentContainer .commentTitle textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.recordEditView .contentHeader {
padding: 0.3125rem 0;
}
.recordEditView .table .fieldLabel, .recordEditView .c-detail-widget__table .fieldLabel,
.recordEditView .table .fieldValue,
.recordEditView .c-detail-widget__table .fieldValue {
vertical-align: middle;
}
.recordEditView .table tbody tr:hover td, .recordEditView .c-detail-widget__table tbody tr:hover td,
.recordEditView .table tbody tr:hover th,
.recordEditView .c-detail-widget__table tbody tr:hover th {
background: #f7f7f9;
}
.singleComment .commentActions {
visibility: hidden;
transition: 0s visibility;
transition-delay: 0.3s;
}
.singleComment:hover .commentActions {
visibility: visible;
}
.commentContainer {
border-radius: 2px;
}
.commentContainer hr {
margin: 0 !important;
}
.commentContainer .commentsList > .liStyleNone > .commentDetails .comment-div {
width: 100%;
}
.commentContainer .commentDetails {
background: #fff;
width: 100%;
margin-bottom: 0;
border-radius: 2px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.commentContainer .commentorInfo p {
margin-bottom: 0;
}
.commentContainer .addCommentBlock .commentcontent {
min-height: 3.5rem !important;
overflow-x: hidden;
overflow-y: hidden;
padding: 0.4375rem !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
resize: none;
}
.commentContainer .commentInfoContent {
padding: 0.0625rem 0;
word-wrap: break-word;
}
.commentTitle .col-md-1 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.commentTitle .col-md-1 img {
width: 2rem;
height: 2rem;
}
.commentsList > ul {
margin-left: 0;
padding-left: 0;
}
.singleComment .edited-status {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.singleComment .edited-status p {
margin-bottom: 0;
}
.singleComment .commentActionsDiv p {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.singleComment .q-message-sent .q-message-text:last-child:before {
display: none;
}
.singleComment .q-message-received .q-message-text:last-child:before {
display: none;
}
.singleComment .q-message-text {
border-radius: 4px;
}
.singleComment .q-message-text:last-child {
min-height: unset;
}
}
.recentComments {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.recentComments .comment-div {
min-width: 100%;
}
.recentComments .addCommentBlock {
border: 0;
margin-top: 0;
display: block;
}
.recentComments .commentDetails {
display: block;
}
.commentActionsContainer a:hover {
text-decoration: none;
}
.commentActionsContainer .editStatus {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
height: 0.9375rem;
}
.commentActionsContainer .editStatus p {
margin-bottom: 0;
}
.tpl-Detail-HeaderFields a {
color: #74bdff;
}
@media (min-width: 768px) {
.o-summary-category__row :not(:first-child) {
padding-left: 0;
}
}
.o-summary-category__card__body {
min-height: 6.5625rem;
}
.o-summary-category__card__label {
font-weight: normal;
min-height: 2.5rem;
}
.detailViewInfo {
margin-top: 0.3125rem;
}
.detailViewInfo .details {
padding-bottom: 0.625rem;
padding-top: 0.625rem;
}
@media (max-width: 767.98px) {
.detailViewInfo .details {
padding-bottom: 0.25rem;
padding-top: 0.25rem;
}
}
@media only screen and (min-width: 1200px) {
.detailViewTable .fieldValue .js-detail-quick-edit {
display: none;
}
.detailViewTable .fieldValue:hover .js-detail-quick-edit {
display: inline-block;
}
}
.detailViewTitle {
padding: 0 0.9375rem 0 0.9375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.detailViewTitle .hierarchy {
position: absolute;
margin-left: -1.25rem;
margin-top: -0.3125rem;
}
.detailViewTitle .popover {
min-width: 8.125rem;
text-align: center;
}
.detailViewTitle .spanModuleIcon {
height: 100%;
}
@media (min-width: 768px) {
.detailViewTitle .spanModuleIcon {
margin-right: 0.625rem;
}
}
.detailViewTitle .moduleIcon {
float: left;
}
.detailViewTitle .moduleIcon.o-detail__record-img {
position: relative;
}
.detailViewTitle .moduleIcon.o-detail__record-img .hierarchy {
position: absolute;
top: -0.4375rem;
right: 0;
left: unset;
}
.detailViewTitle .btn-toolbar,
.detailViewTitle .btn-toolbar .btn-group:first-child {
margin: 0;
}
.c-progress__container {
display: flex;
position: relative;
}
.c-progress__icon {
color: var(--white);
font-size: 1rem;
}
.c-progress__icon__dot {
width: calc(100% - 0.375rem);
height: calc(100% - 0.375rem);
background: white;
border-radius: 50%;
}
.c-progress__icon.fa-check, .c-progress__icon.fa-lock {
font-size: 0.75rem;
}
.c-progress__icon__container {
z-index: 1;
height: 1.375rem;
width: 1.375rem;
display: flex;
background: #ff5722;
border-radius: 50%;
justify-content: center;
align-items: center;
}
.c-progress__item {
width: 100%;
min-width: 5.625rem;
font-size: 0.75rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.c-progress__item:after, .c-progress__item:before {
content: "";
position: absolute;
top: 0.625rem;
width: 50%;
background: #ff5722;
left: 0;
height: 0.1875rem;
}
.c-progress__item:after {
right: 0;
left: unset;
z-index: 0;
}
.c-progress__item.after:before, .c-progress__item.after:after {
background: #b0bec5;
}
.c-progress__item.after .c-progress__icon__container {
background: #b0bec5;
}
.c-progress__item:hover .c-progress__link {
font-weight: bold;
}
.c-progress__item.active:after {
background: #b0bec5;
}
.c-progress__item.first:before {
background: #b0bec5;
}
.c-progress__link {
display: flex;
width: 100%;
justify-content: center;
}
.c-progress__icon-info {
cursor: pointer;
font-size: 80%;
align-self: center;
margin-right: 0.125rem;
}
.process-content .c-panel__body {
padding: 0 0.25rem 0.25rem 0.25rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.paginationDiv .listViewBasicAction.dropdown-menu {
width: 35%;
}
.paginationDiv .pageInfo {
border: 1px solid #ddd;
color: #337ab7;
float: right;
margin-left: 5px;
margin-bottom: 0;
list-style: none;
padding: 8px 5px;
}
.paginationDiv .pageNumbersText {
white-space: nowrap;
}
.pageNumber.active.disabled a {
background-color: #337ab7;
border-color: #337ab7;
color: #fff;
}
.listViewEntries .listViewEntriesCheckBox,
.listViewEntriesTable .entryCheckBox {
margin: 0;
vertical-align: middle;
width: 16px;
height: 16px;
}
.customFilterMainSpan .select2-container {
width: 100% !important;
}
@media (min-width: 992px) {
.customFilterMainSpan {
max-width: 400px;
}
}
.nav-tabs .active {
border-color: #dee2e6 !important;
background-color: #f8f9fa !important;
}
.listViewAll .leftRecordActions {
border-left: 5px solid #ddd;
}
.o-filter-actions {
display: none;
}
.select2-results__option--highlighted .o-filter-actions {
display: block !important;
}
.c-list__user-img {
width: auto;
height: 2.5rem;
}
.table-bordered {
border-radius: 1px;
}
.table th, .c-detail-widget__table th {
background-color: #f8f9fa;
background-image: -moz-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: -ms-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
background-image: -webkit-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: -o-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: linear-gradient(to top, #f6f6f6, #f3f3f4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#f3f3f4", GradientType=0);
}
.equalSplit td:nth-child(odd) {
width: 20%;
}
.equalSplit td:nth-child(even) {
width: 30%;
}
td.fieldValue input,
td.fieldValue .input-group {
margin-bottom: 0;
}
.listViewHeaders a {
color: #444;
}
.listViewEntriesDiv {
position: relative;
}
.listViewEntriesDiv .listViewHeaders th {
background-color: #f8f9fa;
background-image: -moz-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: -ms-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
background-image: -webkit-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: -o-linear-gradient(to top, #f6f6f6, #f3f3f4);
background-image: linear-gradient(to top, #f6f6f6, #f3f3f4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#f3f3f4", GradientType=0);
border-color: #f3f3f4 #f3f3f4 #cbcbcf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd !important;
}
.listViewEntriesDiv .c-tab--border-active.listViewHeaders th {
border-top: 1px solid transparent !important;
}
.listViewEntriesDiv td {
overflow: visible;
position: relative;
}
.listViewEntriesDiv .js-tree-container input,
.listViewEntriesDiv .js-tree-container .input-group-prepend,
.listViewEntriesDiv .js-tree-container .input-group-append {
height: calc(1.25em + 1rem + 2px) !important;
}
.listViewEntriesDiv .js-tree-container span,
.listViewEntriesDiv .js-tree-container input {
font-size: 1rem !important;
}
.listViewEntriesDiv .js-tree-container input {
padding: 0 0.75rem;
}
.listViewEntriesTable .listViewHeaders a.listViewHeaderValues {
color: #444;
}
.listViewEntriesTable .listViewHeaders a.listViewHeaderValues:hover {
text-decoration: none;
}
.listViewEntriesTable .listViewEntries td > a {
color: inherit !important;
}
.activityEntries .summaryViewEntries a {
color: inherit !important;
}
.listViewEntriesTable .listViewEntries .unreviewed .badge {
margin-left: 4px;
}
.listViewEntriesTable .listViewEntries .c-badge__icon {
padding: 2px;
text-align: center;
vertical-align: middle;
}
.listViewEntriesTable td.listViewEntryValue {
vertical-align: middle;
cursor: pointer;
overflow: visible;
padding: 5px;
}
.listViewEntries td:not(.listButtons) {
vertical-align: middle;
cursor: pointer;
overflow: visible;
padding: 5px;
}
.listViewEntriesTable td.listViewEntryValue:hover .actionImages,
.listViewEntries td:hover .actionImages,
.listViewEntriesTable td.listViewEntryValue:hover .actions,
.listViewEntries td:hover .actions {
opacity: 1;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
#selectAllMsgDiv,
#deSelectAllMsgDiv {
display: none;
background-color: #fafad2;
text-align: center;
}
#selectAllMsgDiv div,
#deSelectAllMsgDiv div {
width: 100%;
top: 0;
left: 0;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
@media (min-width: 992px) {
.c-list-preview {
float: left;
position: relative;
min-height: 600px;
padding-left: 0;
overflow: hidden;
}
}
.c-list-preview__content {
position: relative;
height: max-content;
}
.c-list-preview__content #recordsList {
padding-left: 0;
padding-right: 0;
float: none;
}
.c-list-preview__content .listViewSummation td {
padding: 0;
}
.c-list-preview [class^=modCT] {
pointer-events: none;
}
.c-detail-preview {
float: right;
position: relative;
min-height: 1px;
}
.listPreviewframe {
width: 100%;
height: 100%;
margin-bottom: 6px;
}
.gutter {
background-color: #4979aa;
background-repeat: no-repeat;
background-position: 50%;
position: relative;
z-index: 300;
border-right: 8px solid white;
border-left: 8px solid white;
}
.gutter:active:before {
content: "";
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: transparent;
}
.gutter:hover {
transition: 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: 0.2s linear, height 0.2s ease-in-out;
border-right: 4px solid white;
border-left: 4px solid white;
border-radius: 30px;
background-repeat: repeat-x;
}
.gutter.gutter-horizontal {
cursor: ew-resize;
background-image: url("../images/vertical.png");
float: left;
}
.gutter.js-gutter-corr-left {
left: 7px;
}
.gutter.js-gutter-corr-right {
right: 7px;
}
.mainBody .js-gutter-corr-left {
left: 0;
}
.mainBody .js-gutter-corr-right {
right: 0;
}
.c-side-block {
display: none;
cursor: pointer;
width: 20px;
position: absolute;
background: #f8f9fa;
font-weight: bold;
}
.c-side-block--left {
left: -8px;
}
.c-side-block--left.d-block + .floatThead-wrapper .floatThead-container {
display: none;
}
.c-side-block--right {
right: -8px;
background: #0072da;
color: #fff;
}
.relatedContents .c-side-block--left {
left: 7px;
}
.relatedContents .c-side-block--right {
right: 7px;
}
@media (max-width: 991.98px) {
.c-detail-preview {
padding-left: 0;
padding-right: 0;
width: 100%;
height: 100%;
}
.c-list-preview {
overflow: scroll;
-webkit-overflow-scrolling: touch;
max-height: 200px;
padding-left: 0;
padding-right: 0;
}
.c-list-preview__content {
margin-right: 0;
margin-bottom: 10px;
}
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.c-kanban__tabdrop .tabdrop .dropdown-toggle {
padding: 0.3rem 1rem !important;
}
.c-kanban__container {
overflow: auto;
position: relative;
}
.c-kanban__columns {
display: inline-flex;
min-width: 100%;
}
.c-kanban__highlight {
margin-top: 0.5rem;
border: 2px dotted #fff700;
background: rgba(255, 249, 144, 0.5019607843);
height: 3rem;
line-height: 3rem;
}
.c-kanban__column {
min-width: 250px;
}
.c-kanban__header, .c-kanban__sum {
background: #f0f0f0;
cursor: auto;
padding: 0.375rem 0.75rem;
border-radius: 0 !important;
}
.c-kanban__sum {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
border-top-width: 0;
}
.c-kanban__color-bar {
background: #dae0e5;
padding: 3px;
display: block;
border-radius: 0;
}
.c-kanban__records {
min-height: 5rem;
}
.c-kanban__record {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
border: 1px solid rgba(0, 0, 0, 0.125);
border-left-width: 0;
}
.c-kanban__record__user {
display: flex;
flex-flow: row-reverse;
align-items: center;
}
.c-kanban__record .card, .c-kanban__record .c-panel, .c-kanban__record .c-detail-widget {
border-radius: 0;
border-width: 0;
border-left-width: 2px;
font-size: 14px;
}
.c-kanban__record .card .picklistValue, .c-kanban__record .c-panel .picklistValue, .c-kanban__record .c-detail-widget .picklistValue {
line-height: 1.75rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.c-tiles-container .c-tile-record-container:hover {
z-index: 1;
}
.c-tiles-container .c-tiles-actions-container .toolsAction {
line-height: 0;
}
.c-tiles-container .c-tile-body .c-multi-image__preview-img {
transition: transform 0.2s;
}
.c-tiles-container .c-tile-body .c-tile-image .c-multi-image__preview-img,
.c-tiles-container .c-tile-body .c-tile-image .carousel-image {
height: 12em;
}
.c-tiles-container .c-tile-body .c-tile-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-tiles-container .c-tile-body .c-tile-value .carousel-item.active {
display: flex;
justify-content: center;
}
.c-tiles-container .c-tile-body .carousel-control-next,
.c-tiles-container .c-tile-body .carousel-control-prev {
filter: invert(100%);
}
.c-tiles-container .c-tile-body .c-tile-image {
transition: transform 0.2s;
}
.c-tiles-container_very_small .c-tile-image .c-multi-image__preview-img,
.c-tiles-container_very_small .carousel.slide {
width: 100% !important;
}
.c-tiles-container_small .c-tile-image .c-multi-image__preview-img,
.c-tiles-container_small .carousel.slide {
width: 63% !important;
}
.c-tiles-container_medium .c-tile-image .c-multi-image__preview-img,
.c-tiles-container_medium .carousel.slide {
width: 46% !important;
}
.c-tiles-container_big .c-tile-image .c-multi-image__preview-img,
.c-tiles-container_big .carousel.slide {
width: 30% !important;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.c-menu-shortcut .close {
display: none;
}
.c-menu-shortcut:hover .close {
display: inline-block;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
.o-small-product {
height: 100%;
cursor: pointer;
}
.o-small-product__container {
min-height: 8.125rem;
height: 100%;
}
.o-small-product__img {
max-width: 30%;
min-width: 5rem;
}
.o-small-product__partner-img img {
max-width: 57%;
min-width: 5rem;
}
.o-buy-modal__img {
max-height: 11.25rem;
}
.o-shop__nav__item {
display: flex;
align-items: center;
justify-content: center;
}
.o-shop__nav__item .yfi {
font-size: 1.5625rem;
margin-right: 0.25rem;
}
.o-shop__nav__item .yfi.yfi-for-partners {
font-size: 1.1875rem;
}
/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
@media (max-width: 991.98px) {
.c-module-table-row {
width: calc(100vw - 4.125rem);
}
}
@media (max-width: 767.98px) {
.c-module-table-row {
width: calc(100vw - 0.5rem);
}
}
/*# sourceMappingURL=Main.css.map */