Files
galaxy/static/style/blue/base.css
T
2018-09-07 14:53:19 -04:00

15232 lines
441 KiB
CSS

@charset "UTF-8";
/*!
* Bootstrap v4.1.1 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #25537b;
--secondary: #dee2e6;
--success: #66CC66;
--info: #2077B3;
--warning: #FE7F02;
--danger: #E31A1E;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace; }
*,
*::before,
*::after {
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent; }
@-ms-viewport {
width: device-width; }
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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.8rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, .upload-view-default .upload-box .upload-helper, .upload-view-composite .upload-box .upload-helper, 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; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
dfn {
font-style: italic; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #25537b;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #132b40;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: Monaco, Menlo, Consolas, "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:not(:root) {
overflow: hidden; }
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; }
label {
display: inline-block;
margin-bottom: 0.5rem; }
button {
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
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; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
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-cancel-button,
[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, .upload-view-default .upload-box .upload-helper, .upload-view-composite .upload-box .upload-helper, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit; }
h1, .h1 {
font-size: 1.6rem; }
h2, .h2 {
font-size: 1.4rem; }
h3, .upload-view-default .upload-box .upload-helper, .upload-view-composite .upload-box .upload-helper, .h3 {
font-size: 1.2rem; }
h4, .h4 {
font-size: 1rem; }
h5, .h5 {
font-size: 0.8rem; }
h6, .h6 {
font-size: 0.68rem; }
.lead {
font-size: 1rem;
font-weight: 300; }
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2; }
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2; }
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2; }
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2; }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small,
.small {
font-size: 80%;
font-weight: 400; }
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 90%;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 1rem; }
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014 \00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #6c757d; }
code {
font-size: 87.5%;
color: #e83e8c;
word-break: 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 {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-first {
order: -1; }
.order-last {
order: 13; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-6 {
order: 6; }
.order-7 {
order: 7; }
.order-8 {
order: 8; }
.order-9 {
order: 9; }
.order-10 {
order: 10; }
.order-11 {
order: 11; }
.order-12 {
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
order: -1; }
.order-sm-last {
order: 13; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-6 {
order: 6; }
.order-sm-7 {
order: 7; }
.order-sm-8 {
order: 8; }
.order-sm-9 {
order: 9; }
.order-sm-10 {
order: 10; }
.order-sm-11 {
order: 11; }
.order-sm-12 {
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
order: -1; }
.order-md-last {
order: 13; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-6 {
order: 6; }
.order-md-7 {
order: 7; }
.order-md-8 {
order: 8; }
.order-md-9 {
order: 9; }
.order-md-10 {
order: 10; }
.order-md-11 {
order: 11; }
.order-md-12 {
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.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.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.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.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.table, .upload-table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent; }
.table th, .upload-table th,
.table td, .upload-table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #bdc6d0; }
.table thead th, .upload-table thead th {
vertical-align: bottom;
border-bottom: 2px solid #bdc6d0; }
.table tbody + tbody, .upload-table tbody + tbody {
border-top: 2px solid #bdc6d0; }
.table .table, .upload-table .table, .table .upload-table, .upload-table .upload-table {
background-color: #fff; }
.table-sm th,
.table-sm td {
padding: 0.3rem; }
.table-bordered {
border: 1px solid #bdc6d0; }
.table-bordered th,
.table-bordered td {
border: 1px solid #bdc6d0; }
.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), .upload-table tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #87a0b6; }
.table-hover .table-primary:hover {
background-color: #7793ac; }
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #7793ac; }
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #edeff1; }
.table-hover .table-secondary:hover {
background-color: #dfe2e6; }
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #dfe2e6; }
.table-success,
.table-success > th,
.table-success > td {
background-color: #abe3ab; }
.table-hover .table-success:hover {
background-color: #98dd98; }
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #98dd98; }
.table-info,
.table-info > th,
.table-info > td {
background-color: #84b4d5; }
.table-hover .table-info:hover {
background-color: #71a8cf; }
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #71a8cf; }
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #feb974; }
.table-hover .table-warning:hover {
background-color: #feac5b; }
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #feac5b; }
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f08183; }
.table-hover .table-danger:hover {
background-color: #ed6a6d; }
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #ed6a6d; }
.table-light,
.table-light > th,
.table-light > td {
background-color: #fbfcfc; }
.table-hover .table-light:hover {
background-color: #ecf1f1; }
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ecf1f1; }
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #8f9396; }
.table-hover .table-dark:hover {
background-color: #82868a; }
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #82868a; }
.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, .upload-table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e; }
.table .thead-light th, .upload-table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #bdc6d0; }
.table-dark {
color: #fff;
background-color: #212529; }
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e; }
.table-dark.table-bordered {
border: 0; }
.table-dark.table-striped tbody tr:nth-of-type(odd), .table-dark.upload-table tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.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;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.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;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.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;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-xl > .table-bordered {
border: 0; } }
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive > .table-bordered {
border: 0; }
.form-control, .ui-input, .ui-form-element .ui-form-preview, .ui-form-element-disabled .ui-form-preview, .ui-textarea, .ui-options .ui-options-list, .ui-select select, .ui-select .select2-container .select2-choice, .ui-select .select2-container-multi .select2-choices {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 0.8rem;
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 screen and (prefers-reduced-motion: reduce) {
.form-control, .ui-input, .ui-form-element .ui-form-preview, .ui-form-element-disabled .ui-form-preview, .ui-textarea, .ui-options .ui-options-list, .ui-select select, .ui-select .select2-container .select2-choice, .ui-select .select2-container-multi .select2-choices {
transition: none; } }
.form-control::-ms-expand, .ui-input::-ms-expand, .ui-form-element .ui-form-preview::-ms-expand, .ui-form-element-disabled .ui-form-preview::-ms-expand, .ui-textarea::-ms-expand, .ui-options .ui-options-list::-ms-expand, .ui-select select::-ms-expand, .ui-select .select2-container .select2-choice::-ms-expand, .ui-select .select2-container-multi .select2-choices::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus, .ui-input:focus, .ui-form-element .ui-form-preview:focus, .ui-form-element-disabled .ui-form-preview:focus, .ui-textarea:focus, .ui-options .ui-options-list:focus, .ui-select select:focus, .ui-select .select2-container .select2-choice:focus, .ui-select .select2-container-multi .select2-choices:focus {
color: #495057;
background-color: #fff;
border-color: #5494cc;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.form-control::placeholder, .ui-input::placeholder, .ui-form-element .ui-form-preview::placeholder, .ui-form-element-disabled .ui-form-preview::placeholder, .ui-textarea::placeholder, .ui-options .ui-options-list::placeholder, .ui-select select::placeholder, .ui-select .select2-container .select2-choice::placeholder, .ui-select .select2-container-multi .select2-choices::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled, .ui-input:disabled, .ui-form-element .ui-form-preview:disabled, .ui-form-element-disabled .ui-form-preview:disabled, .ui-textarea:disabled, .ui-options .ui-options-list:disabled, .ui-select select:disabled, .ui-select .select2-container .select2-choice:disabled, .ui-select .select2-container-multi .select2-choices:disabled, .form-control[readonly], [readonly].ui-input, .ui-form-element [readonly].ui-form-preview, .ui-form-element-disabled [readonly].ui-form-preview, [readonly].ui-textarea, .ui-options [readonly].ui-options-list, .ui-select select[readonly], .ui-select .select2-container [readonly].select2-choice, .ui-select .select2-container-multi [readonly].select2-choices {
background-color: #e9ecef;
opacity: 1; }
select.form-control:not([size]):not([multiple]), select.ui-input:not([size]):not([multiple]), .ui-form-element select.ui-form-preview:not([size]):not([multiple]), .ui-form-element-disabled select.ui-form-preview:not([size]):not([multiple]), select.ui-textarea:not([size]):not([multiple]), .ui-options select.ui-options-list:not([size]):not([multiple]), .ui-select select:not([size]):not([multiple]) {
height: calc(1.95rem + 2px); }
select.form-control:focus::-ms-value, select.ui-input:focus::-ms-value, .ui-form-element select.ui-form-preview:focus::-ms-value, .ui-form-element-disabled select.ui-form-preview:focus::-ms-value, select.ui-textarea:focus::-ms-value, .ui-options select.ui-options-list:focus::-ms-value, .ui-select select:focus::-ms-value, .ui-select .select2-container select.select2-choice:focus::-ms-value, .ui-select .select2-container-multi select.select2-choices: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: 1rem;
line-height: 1.5; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.7rem;
line-height: 1.5; }
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
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, .input-group-sm > .form-control-plaintext.ui-input, .ui-form-element .input-group-sm > .form-control-plaintext.ui-form-preview, .ui-form-element-disabled .input-group-sm > .form-control-plaintext.ui-form-preview, .input-group-sm > .form-control-plaintext.ui-textarea, .ui-options .input-group-sm > .form-control-plaintext.ui-options-list, .ui-select .input-group-sm > select.form-control-plaintext, .ui-select .select2-container .input-group-sm > .form-control-plaintext.select2-choice, .ui-select .select2-container-multi .input-group-sm > .form-control-plaintext.select2-choices,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-prepend > input.form-control-plaintext[type="submit"],
.input-group-sm > .input-group-prepend >
button.form-control-plaintext,
.input-group-sm > .input-group-prepend > .form-control-plaintext.action-button,
.input-group-sm > .input-group-prepend > .form-control-plaintext.menubutton,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > input.form-control-plaintext[type="submit"],
.input-group-sm > .input-group-append >
button.form-control-plaintext,
.input-group-sm > .input-group-append > .form-control-plaintext.action-button,
.input-group-sm > .input-group-append > .form-control-plaintext.menubutton, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .form-control-plaintext.ui-input, .ui-form-element .input-group-lg > .form-control-plaintext.ui-form-preview, .ui-form-element-disabled .input-group-lg > .form-control-plaintext.ui-form-preview, .input-group-lg > .form-control-plaintext.ui-textarea, .ui-options .input-group-lg > .form-control-plaintext.ui-options-list, .ui-select .input-group-lg > select.form-control-plaintext, .ui-select .select2-container .input-group-lg > .form-control-plaintext.select2-choice, .ui-select .select2-container-multi .input-group-lg > .form-control-plaintext.select2-choices,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-prepend > input.form-control-plaintext[type="submit"],
.input-group-lg > .input-group-prepend >
button.form-control-plaintext,
.input-group-lg > .input-group-prepend > .form-control-plaintext.action-button,
.input-group-lg > .input-group-prepend > .form-control-plaintext.menubutton,
.input-group-lg > .input-group-append > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > input.form-control-plaintext[type="submit"],
.input-group-lg > .input-group-append >
button.form-control-plaintext,
.input-group-lg > .input-group-append > .form-control-plaintext.action-button,
.input-group-lg > .input-group-append > .form-control-plaintext.menubutton {
padding-right: 0;
padding-left: 0; }
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .ui-input, .ui-form-element .input-group-sm > .ui-form-preview, .ui-form-element-disabled .input-group-sm > .ui-form-preview, .input-group-sm > .ui-textarea, .ui-options .input-group-sm > .ui-options-list, .ui-select .input-group-sm > select, .ui-select .select2-container .input-group-sm > .select2-choice, .ui-select .select2-container-multi .input-group-sm > .select2-choices,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > input[type="submit"],
.input-group-sm > .input-group-prepend >
button,
.input-group-sm > .input-group-prepend > .action-button,
.input-group-sm > .input-group-prepend > .menubutton,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > input[type="submit"],
.input-group-sm > .input-group-append >
button,
.input-group-sm > .input-group-append > .action-button,
.input-group-sm > .input-group-append > .menubutton {
padding: 0.25rem 0.5rem;
font-size: 0.7rem;
line-height: 1.5;
border-radius: 0.2rem; }
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.ui-input:not([size]):not([multiple]), .ui-form-element .input-group-sm > select.ui-form-preview:not([size]):not([multiple]), .ui-form-element-disabled .input-group-sm > select.ui-form-preview:not([size]):not([multiple]), .input-group-sm > select.ui-textarea:not([size]):not([multiple]), .ui-options .input-group-sm > select.ui-options-list:not([size]):not([multiple]), .ui-select .input-group-sm > select:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.action-button:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.menubutton:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.action-button:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.menubutton:not([size]):not([multiple]) {
height: calc(1.55rem + 2px); }
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .ui-input, .ui-form-element .input-group-lg > .ui-form-preview, .ui-form-element-disabled .input-group-lg > .ui-form-preview, .input-group-lg > .ui-textarea, .ui-options .input-group-lg > .ui-options-list, .ui-select .input-group-lg > select, .ui-select .select2-container .input-group-lg > .select2-choice, .ui-select .select2-container-multi .input-group-lg > .select2-choices,
.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-prepend > input[type="submit"],
.input-group-lg > .input-group-prepend >
button,
.input-group-lg > .input-group-prepend > .action-button,
.input-group-lg > .input-group-prepend > .menubutton,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > input[type="submit"],
.input-group-lg > .input-group-append >
button,
.input-group-lg > .input-group-append > .action-button,
.input-group-lg > .input-group-append > .menubutton {
padding: 0.5rem 1rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.3rem; }
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.ui-input:not([size]):not([multiple]), .ui-form-element .input-group-lg > select.ui-form-preview:not([size]):not([multiple]), .ui-form-element-disabled .input-group-lg > select.ui-form-preview:not([size]):not([multiple]), .input-group-lg > select.ui-textarea:not([size]):not([multiple]), .ui-options .input-group-lg > select.ui-options-list:not([size]):not([multiple]), .ui-select .input-group-lg > select:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.action-button:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.menubutton:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.action-button:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.menubutton:not([size]):not([multiple]) {
height: calc(2.5rem + 2px); }
.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 {
color: #6c757d; }
.form-check-label {
margin-bottom: 0; }
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #66CC66; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(102, 204, 102, 0.8);
border-radius: .2rem; }
.was-validated .form-control:valid, .was-validated .ui-input:valid, .was-validated .ui-form-element .ui-form-preview:valid, .ui-form-element .was-validated .ui-form-preview:valid, .was-validated .ui-form-element-disabled .ui-form-preview:valid, .ui-form-element-disabled .was-validated .ui-form-preview:valid, .was-validated .ui-textarea:valid, .was-validated .ui-options .ui-options-list:valid, .ui-options .was-validated .ui-options-list:valid, .was-validated .ui-select select:valid, .ui-select .was-validated select:valid, .was-validated .ui-select .select2-container .select2-choice:valid, .ui-select .select2-container .was-validated .select2-choice:valid, .was-validated .ui-select .select2-container-multi .select2-choices:valid, .ui-select .select2-container-multi .was-validated .select2-choices:valid, .form-control.is-valid, .is-valid.ui-input, .ui-form-element .is-valid.ui-form-preview, .ui-form-element-disabled .is-valid.ui-form-preview, .is-valid.ui-textarea, .ui-options .is-valid.ui-options-list, .ui-select select.is-valid, .ui-select .select2-container .is-valid.select2-choice, .ui-select .select2-container-multi .is-valid.select2-choices, .was-validated
.custom-select:valid,
.custom-select.is-valid {
border-color: #66CC66; }
.was-validated .form-control:valid:focus, .was-validated .ui-input:valid:focus, .was-validated .ui-form-element .ui-form-preview:valid:focus, .ui-form-element .was-validated .ui-form-preview:valid:focus, .was-validated .ui-form-element-disabled .ui-form-preview:valid:focus, .ui-form-element-disabled .was-validated .ui-form-preview:valid:focus, .was-validated .ui-textarea:valid:focus, .was-validated .ui-options .ui-options-list:valid:focus, .ui-options .was-validated .ui-options-list:valid:focus, .was-validated .ui-select select:valid:focus, .ui-select .was-validated select:valid:focus, .was-validated .ui-select .select2-container .select2-choice:valid:focus, .ui-select .select2-container .was-validated .select2-choice:valid:focus, .was-validated .ui-select .select2-container-multi .select2-choices:valid:focus, .ui-select .select2-container-multi .was-validated .select2-choices:valid:focus, .form-control.is-valid:focus, .is-valid.ui-input:focus, .ui-form-element .is-valid.ui-form-preview:focus, .ui-form-element-disabled .is-valid.ui-form-preview:focus, .is-valid.ui-textarea:focus, .ui-options .is-valid.ui-options-list:focus, .ui-select select.is-valid:focus, .ui-select .select2-container .is-valid.select2-choice:focus, .ui-select .select2-container-multi .is-valid.select2-choices:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #66CC66;
box-shadow: 0 0 0 0.2rem rgba(102, 204, 102, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .ui-input:valid ~ .valid-feedback, .was-validated .ui-form-element .ui-form-preview:valid ~ .valid-feedback, .ui-form-element .was-validated .ui-form-preview:valid ~ .valid-feedback, .was-validated .ui-form-element-disabled .ui-form-preview:valid ~ .valid-feedback, .ui-form-element-disabled .was-validated .ui-form-preview:valid ~ .valid-feedback, .was-validated .ui-textarea:valid ~ .valid-feedback, .was-validated .ui-options .ui-options-list:valid ~ .valid-feedback, .ui-options .was-validated .ui-options-list:valid ~ .valid-feedback, .was-validated .ui-select select:valid ~ .valid-feedback, .ui-select .was-validated select:valid ~ .valid-feedback, .was-validated .ui-select .select2-container .select2-choice:valid ~ .valid-feedback, .ui-select .select2-container .was-validated .select2-choice:valid ~ .valid-feedback, .was-validated .ui-select .select2-container-multi .select2-choices:valid ~ .valid-feedback, .ui-select .select2-container-multi .was-validated .select2-choices:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.was-validated .ui-input:valid ~ .valid-tooltip,
.was-validated .ui-form-element .ui-form-preview:valid ~ .valid-tooltip, .ui-form-element
.was-validated .ui-form-preview:valid ~ .valid-tooltip,
.was-validated .ui-form-element-disabled .ui-form-preview:valid ~ .valid-tooltip, .ui-form-element-disabled
.was-validated .ui-form-preview:valid ~ .valid-tooltip,
.was-validated .ui-textarea:valid ~ .valid-tooltip,
.was-validated .ui-options .ui-options-list:valid ~ .valid-tooltip, .ui-options
.was-validated .ui-options-list:valid ~ .valid-tooltip,
.was-validated .ui-select select:valid ~ .valid-tooltip, .ui-select
.was-validated select:valid ~ .valid-tooltip,
.was-validated .ui-select .select2-container .select2-choice:valid ~ .valid-tooltip, .ui-select .select2-container
.was-validated .select2-choice:valid ~ .valid-tooltip,
.was-validated .ui-select .select2-container-multi .select2-choices:valid ~ .valid-tooltip, .ui-select .select2-container-multi
.was-validated .select2-choices:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.ui-input ~ .valid-feedback, .ui-form-element .is-valid.ui-form-preview ~ .valid-feedback, .ui-form-element-disabled .is-valid.ui-form-preview ~ .valid-feedback, .is-valid.ui-textarea ~ .valid-feedback, .ui-options .is-valid.ui-options-list ~ .valid-feedback, .ui-select select.is-valid ~ .valid-feedback, .ui-select .select2-container .is-valid.select2-choice ~ .valid-feedback, .ui-select .select2-container-multi .is-valid.select2-choices ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .is-valid.ui-input ~ .valid-tooltip, .ui-form-element .is-valid.ui-form-preview ~ .valid-tooltip, .ui-form-element-disabled .is-valid.ui-form-preview ~ .valid-tooltip, .is-valid.ui-textarea ~ .valid-tooltip, .ui-options .is-valid.ui-options-list ~ .valid-tooltip, .ui-select select.is-valid ~ .valid-tooltip, .ui-select .select2-container .is-valid.select2-choice ~ .valid-tooltip, .ui-select .select2-container-multi .is-valid.select2-choices ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #66CC66; }
.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: #66CC66; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #c6ecc6; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #8cd98c; }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(102, 204, 102, 0.25); }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #66CC66; }
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
border-color: inherit; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0.2rem rgba(102, 204, 102, 0.25); }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #E31A1E; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(227, 26, 30, 0.8);
border-radius: .2rem; }
.was-validated .form-control:invalid, .was-validated .ui-input:invalid, .was-validated .ui-form-element .ui-form-preview:invalid, .ui-form-element .was-validated .ui-form-preview:invalid, .was-validated .ui-form-element-disabled .ui-form-preview:invalid, .ui-form-element-disabled .was-validated .ui-form-preview:invalid, .was-validated .ui-textarea:invalid, .was-validated .ui-options .ui-options-list:invalid, .ui-options .was-validated .ui-options-list:invalid, .was-validated .ui-select select:invalid, .ui-select .was-validated select:invalid, .was-validated .ui-select .select2-container .select2-choice:invalid, .ui-select .select2-container .was-validated .select2-choice:invalid, .was-validated .ui-select .select2-container-multi .select2-choices:invalid, .ui-select .select2-container-multi .was-validated .select2-choices:invalid, .form-control.is-invalid, .is-invalid.ui-input, .ui-form-element .is-invalid.ui-form-preview, .ui-form-element-disabled .is-invalid.ui-form-preview, .is-invalid.ui-textarea, .ui-options .is-invalid.ui-options-list, .ui-select select.is-invalid, .ui-select .select2-container .is-invalid.select2-choice, .ui-select .select2-container-multi .is-invalid.select2-choices, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
border-color: #E31A1E; }
.was-validated .form-control:invalid:focus, .was-validated .ui-input:invalid:focus, .was-validated .ui-form-element .ui-form-preview:invalid:focus, .ui-form-element .was-validated .ui-form-preview:invalid:focus, .was-validated .ui-form-element-disabled .ui-form-preview:invalid:focus, .ui-form-element-disabled .was-validated .ui-form-preview:invalid:focus, .was-validated .ui-textarea:invalid:focus, .was-validated .ui-options .ui-options-list:invalid:focus, .ui-options .was-validated .ui-options-list:invalid:focus, .was-validated .ui-select select:invalid:focus, .ui-select .was-validated select:invalid:focus, .was-validated .ui-select .select2-container .select2-choice:invalid:focus, .ui-select .select2-container .was-validated .select2-choice:invalid:focus, .was-validated .ui-select .select2-container-multi .select2-choices:invalid:focus, .ui-select .select2-container-multi .was-validated .select2-choices:invalid:focus, .form-control.is-invalid:focus, .is-invalid.ui-input:focus, .ui-form-element .is-invalid.ui-form-preview:focus, .ui-form-element-disabled .is-invalid.ui-form-preview:focus, .is-invalid.ui-textarea:focus, .ui-options .is-invalid.ui-options-list:focus, .ui-select select.is-invalid:focus, .ui-select .select2-container .is-invalid.select2-choice:focus, .ui-select .select2-container-multi .is-invalid.select2-choices:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #E31A1E;
box-shadow: 0 0 0 0.2rem rgba(227, 26, 30, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .ui-input:invalid ~ .invalid-feedback, .was-validated .ui-form-element .ui-form-preview:invalid ~ .invalid-feedback, .ui-form-element .was-validated .ui-form-preview:invalid ~ .invalid-feedback, .was-validated .ui-form-element-disabled .ui-form-preview:invalid ~ .invalid-feedback, .ui-form-element-disabled .was-validated .ui-form-preview:invalid ~ .invalid-feedback, .was-validated .ui-textarea:invalid ~ .invalid-feedback, .was-validated .ui-options .ui-options-list:invalid ~ .invalid-feedback, .ui-options .was-validated .ui-options-list:invalid ~ .invalid-feedback, .was-validated .ui-select select:invalid ~ .invalid-feedback, .ui-select .was-validated select:invalid ~ .invalid-feedback, .was-validated .ui-select .select2-container .select2-choice:invalid ~ .invalid-feedback, .ui-select .select2-container .was-validated .select2-choice:invalid ~ .invalid-feedback, .was-validated .ui-select .select2-container-multi .select2-choices:invalid ~ .invalid-feedback, .ui-select .select2-container-multi .was-validated .select2-choices:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.was-validated .ui-input:invalid ~ .invalid-tooltip,
.was-validated .ui-form-element .ui-form-preview:invalid ~ .invalid-tooltip, .ui-form-element
.was-validated .ui-form-preview:invalid ~ .invalid-tooltip,
.was-validated .ui-form-element-disabled .ui-form-preview:invalid ~ .invalid-tooltip, .ui-form-element-disabled
.was-validated .ui-form-preview:invalid ~ .invalid-tooltip,
.was-validated .ui-textarea:invalid ~ .invalid-tooltip,
.was-validated .ui-options .ui-options-list:invalid ~ .invalid-tooltip, .ui-options
.was-validated .ui-options-list:invalid ~ .invalid-tooltip,
.was-validated .ui-select select:invalid ~ .invalid-tooltip, .ui-select
.was-validated select:invalid ~ .invalid-tooltip,
.was-validated .ui-select .select2-container .select2-choice:invalid ~ .invalid-tooltip, .ui-select .select2-container
.was-validated .select2-choice:invalid ~ .invalid-tooltip,
.was-validated .ui-select .select2-container-multi .select2-choices:invalid ~ .invalid-tooltip, .ui-select .select2-container-multi
.was-validated .select2-choices:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .is-invalid.ui-input ~ .invalid-feedback, .ui-form-element .is-invalid.ui-form-preview ~ .invalid-feedback, .ui-form-element-disabled .is-invalid.ui-form-preview ~ .invalid-feedback, .is-invalid.ui-textarea ~ .invalid-feedback, .ui-options .is-invalid.ui-options-list ~ .invalid-feedback, .ui-select select.is-invalid ~ .invalid-feedback, .ui-select .select2-container .is-invalid.select2-choice ~ .invalid-feedback, .ui-select .select2-container-multi .is-invalid.select2-choices ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .is-invalid.ui-input ~ .invalid-tooltip, .ui-form-element .is-invalid.ui-form-preview ~ .invalid-tooltip, .ui-form-element-disabled .is-invalid.ui-form-preview ~ .invalid-tooltip, .is-invalid.ui-textarea ~ .invalid-tooltip, .ui-options .is-invalid.ui-options-list ~ .invalid-tooltip, .ui-select select.is-invalid ~ .invalid-tooltip, .ui-select .select2-container .is-invalid.select2-choice ~ .invalid-tooltip, .ui-select .select2-container-multi .is-invalid.select2-choices ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #E31A1E; }
.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: #E31A1E; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #f28b8d; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #ea4649; }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(227, 26, 30, 0.25); }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #E31A1E; }
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
border-color: inherit; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0.2rem rgba(227, 26, 30, 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, .form-inline .ui-input, .form-inline .ui-form-element .ui-form-preview, .ui-form-element .form-inline .ui-form-preview, .form-inline .ui-form-element-disabled .ui-form-preview, .ui-form-element-disabled .form-inline .ui-form-preview, .form-inline .ui-textarea, .form-inline .ui-options .ui-options-list, .ui-options .form-inline .ui-options-list, .form-inline .ui-select select, .ui-select .form-inline select, .form-inline .ui-select .select2-container .select2-choice, .ui-select .select2-container .form-inline .select2-choice, .form-inline .ui-select .select2-container-multi .select2-choices, .ui-select .select2-container-multi .form-inline .select2-choices {
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;
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, input[type="submit"],
button, .action-button, .menubutton {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 0.8rem;
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 screen and (prefers-reduced-motion: reduce) {
.btn, input[type="submit"],
button, .action-button, .menubutton {
transition: none; } }
.btn:hover, input[type="submit"]:hover,
button:hover, .action-button:hover, .menubutton:hover, .btn:focus, input[type="submit"]:focus,
button:focus, .action-button:focus, .menubutton:focus {
text-decoration: none; }
.btn:focus, input[type="submit"]:focus,
button:focus, .action-button:focus, .menubutton:focus, .btn.focus, input.focus[type="submit"],
button.focus, .focus.action-button, .focus.menubutton {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.btn.disabled, input.disabled[type="submit"],
button.disabled, .disabled.action-button, .disabled.menubutton, .btn:disabled, input[type="submit"]:disabled,
button:disabled, .action-button:disabled, .menubutton:disabled {
opacity: 0.65; }
.btn:not(:disabled):not(.disabled), input[type="submit"]:not(:disabled):not(.disabled),
button:not(:disabled):not(.disabled), .action-button:not(:disabled):not(.disabled), .menubutton:not(:disabled):not(.disabled) {
cursor: pointer; }
.btn:not(:disabled):not(.disabled):active, input[type="submit"]:not(:disabled):not(.disabled):active,
button:not(:disabled):not(.disabled):active, .action-button:not(:disabled):not(.disabled):active, .menubutton:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, input[type="submit"]:not(:disabled):not(.disabled).active,
button:not(:disabled):not(.disabled).active, .action-button:not(:disabled):not(.disabled).active, .action-button:not(:disabled):not(.disabled):active, .menubutton:not(:disabled):not(.disabled).active, .menubutton:not(:disabled):not(.disabled):active {
background-image: none; }
a.btn.disabled, a.disabled.action-button, a.disabled.menubutton,
fieldset:disabled a.btn,
fieldset:disabled a.action-button,
fieldset:disabled a.menubutton {
pointer-events: none; }
.btn-primary, input[type="submit"].btn-primary,
button.btn-primary {
color: #fff;
background-color: #25537b;
border-color: #25537b; }
.btn-primary:hover, input[type="submit"].btn-primary:hover {
color: #fff;
background-color: #1c3f5e;
border-color: #193954; }
.btn-primary:focus, input[type="submit"].btn-primary:focus, .btn-primary.focus, input.focus[type="submit"].btn-primary {
box-shadow: 0 0 0 0.2rem rgba(37, 83, 123, 0.5); }
.btn-primary.disabled, input.disabled[type="submit"].btn-primary, .btn-primary:disabled, input[type="submit"].btn-primary:disabled {
color: #fff;
background-color: #25537b;
border-color: #25537b; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #193954;
border-color: #16324a; }
.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(37, 83, 123, 0.5); }
.btn-secondary, input[type="submit"],
button, .action-button, .btn-default, .menubutton {
color: #212529;
background-color: #dee2e6;
border-color: #dee2e6; }
.btn-secondary:hover, input[type="submit"]:hover,
button:hover, .action-button:hover, .btn-default:hover, .menubutton:hover {
color: #212529;
background-color: #c8cfd6;
border-color: #c1c9d0; }
.btn-secondary:focus, input[type="submit"]:focus,
button:focus, .action-button:focus, .btn-default:focus, .menubutton:focus, .btn-secondary.focus, input.focus[type="submit"],
button.focus, .focus.action-button, .focus.btn-default, .focus.menubutton {
box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); }
.btn-secondary.disabled, input.disabled[type="submit"],
button.disabled, .disabled.action-button, .disabled.btn-default, .disabled.menubutton, .btn-secondary:disabled, input[type="submit"]:disabled,
button:disabled, .action-button:disabled, .btn-default:disabled, .menubutton:disabled {
color: #212529;
background-color: #dee2e6;
border-color: #dee2e6; }
.btn-secondary:not(:disabled):not(.disabled):active, input[type="submit"]:not(:disabled):not(.disabled):active,
button:not(:disabled):not(.disabled):active, .action-button:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .menubutton:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, input[type="submit"]:not(:disabled):not(.disabled).active,
button:not(:disabled):not(.disabled).active, .action-button:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled).active, .menubutton:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.show > input.dropdown-toggle[type="submit"],
.show >
button.dropdown-toggle,
.show > .dropdown-toggle.action-button,
.show > .dropdown-toggle.btn-default,
.show > .dropdown-toggle.menubutton {
color: #212529;
background-color: #c1c9d0;
border-color: #bac2cb; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, input[type="submit"]:not(:disabled):not(.disabled):active:focus,
button:not(:disabled):not(.disabled):active:focus, .action-button:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .menubutton:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, input[type="submit"]:not(:disabled):not(.disabled).active:focus,
button:not(:disabled):not(.disabled).active:focus, .action-button:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .menubutton:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.show > input.dropdown-toggle[type="submit"]:focus,
.show >
button.dropdown-toggle:focus,
.show > .dropdown-toggle.action-button:focus,
.show > .dropdown-toggle.btn-default:focus,
.show > .dropdown-toggle.menubutton:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); }
.btn-success {
color: #212529;
background-color: #66CC66;
border-color: #66CC66; }
.btn-success:hover {
color: #fff;
background-color: #49c249;
border-color: #40bf40; }
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(102, 204, 102, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #212529;
background-color: #66CC66;
border-color: #66CC66; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #40bf40;
border-color: #3db63d; }
.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(102, 204, 102, 0.5); }
.btn-info {
color: #fff;
background-color: #2077B3;
border-color: #2077B3; }
.btn-info:hover {
color: #fff;
background-color: #1a6193;
border-color: #185a88; }
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(32, 119, 179, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #2077B3;
border-color: #2077B3; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #185a88;
border-color: #16537d; }
.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(32, 119, 179, 0.5); }
.btn-warning {
color: #212529;
background-color: #FE7F02;
border-color: #FE7F02; }
.btn-warning:hover {
color: #fff;
background-color: #d96c01;
border-color: #cc6601; }
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(254, 127, 2, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #FE7F02;
border-color: #FE7F02; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #cc6601;
border-color: #bf5f01; }
.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(254, 127, 2, 0.5); }
.btn-danger {
color: #fff;
background-color: #E31A1E;
border-color: #E31A1E; }
.btn-danger:hover {
color: #fff;
background-color: #c11619;
border-color: #b51518; }
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(227, 26, 30, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #E31A1E;
border-color: #E31A1E; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #b51518;
border-color: #aa1316; }
.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(227, 26, 30, 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 {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 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(248, 249, 250, 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 {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 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(52, 58, 64, 0.5); }
.btn-outline-primary {
color: #25537b;
background-color: transparent;
background-image: none;
border-color: #25537b; }
.btn-outline-primary:hover {
color: #fff;
background-color: #25537b;
border-color: #25537b; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(37, 83, 123, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #25537b;
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: #25537b;
border-color: #25537b; }
.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(37, 83, 123, 0.5); }
.btn-outline-secondary {
color: #dee2e6;
background-color: transparent;
background-image: none;
border-color: #dee2e6; }
.btn-outline-secondary:hover {
color: #212529;
background-color: #dee2e6;
border-color: #dee2e6; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #dee2e6;
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: #212529;
background-color: #dee2e6;
border-color: #dee2e6; }
.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(222, 226, 230, 0.5); }
.btn-outline-success {
color: #66CC66;
background-color: transparent;
background-image: none;
border-color: #66CC66; }
.btn-outline-success:hover {
color: #212529;
background-color: #66CC66;
border-color: #66CC66; }
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(102, 204, 102, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #66CC66;
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: #212529;
background-color: #66CC66;
border-color: #66CC66; }
.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(102, 204, 102, 0.5); }
.btn-outline-info {
color: #2077B3;
background-color: transparent;
background-image: none;
border-color: #2077B3; }
.btn-outline-info:hover {
color: #fff;
background-color: #2077B3;
border-color: #2077B3; }
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(32, 119, 179, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #2077B3;
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: #2077B3;
border-color: #2077B3; }
.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(32, 119, 179, 0.5); }
.btn-outline-warning {
color: #FE7F02;
background-color: transparent;
background-image: none;
border-color: #FE7F02; }
.btn-outline-warning:hover {
color: #212529;
background-color: #FE7F02;
border-color: #FE7F02; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(254, 127, 2, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #FE7F02;
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: #FE7F02;
border-color: #FE7F02; }
.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(254, 127, 2, 0.5); }
.btn-outline-danger {
color: #E31A1E;
background-color: transparent;
background-image: none;
border-color: #E31A1E; }
.btn-outline-danger:hover {
color: #fff;
background-color: #E31A1E;
border-color: #E31A1E; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(227, 26, 30, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #E31A1E;
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: #E31A1E;
border-color: #E31A1E; }
.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(227, 26, 30, 0.5); }
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
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;
background-color: transparent;
background-image: none;
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: #25537b;
background-color: transparent; }
.btn-link:hover {
color: #132b40;
text-decoration: underline;
background-color: transparent;
border-color: transparent; }
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none; }
.btn-lg, .btn-group-lg > .btn, .btn-group-lg > input[type="submit"], .btn-group-lg >
button, .btn-group-lg > .action-button, .btn-group-lg > .menubutton {
padding: 0.5rem 1rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.3rem; }
.btn-sm, .btn-group-sm > .btn, .btn-group-sm > input[type="submit"], .btn-group-sm >
button, .btn-group-sm > .action-button, .btn-group-sm > .menubutton, .btn-xs, .multi-panel-history .control-column .btn, .multi-panel-history .control-column input[type="submit"], .multi-panel-history .control-column
button, .multi-panel-history .control-column .action-button, .multi-panel-history .control-column .menubutton, .multi-panel-history .history-column .panel-controls .btn, .multi-panel-history .history-column .panel-controls input[type="submit"], .multi-panel-history .history-column .panel-controls
button, .multi-panel-history .history-column .panel-controls .action-button, .multi-panel-history .history-column .panel-controls .menubutton {
padding: 0.25rem 0.5rem;
font-size: 0.7rem;
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 screen and (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 screen and (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; }
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
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: 0.8rem;
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-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;
width: 0;
height: 0;
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;
width: 0;
height: 0;
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;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropleft .dropdown-toggle::after {
display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
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, ul.dropdown-menu li > a {
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, ul.dropdown-menu li > a:hover, .dropdown-item:focus, ul.dropdown-menu li > a:focus {
color: white;
text-decoration: none;
background-color: #25537b; }
.dropdown-item.active, ul.dropdown-menu li > a.active, .dropdown-item:active, ul.dropdown-menu li > a:active {
color: gold;
text-decoration: none;
background-color: #25537b; }
.dropdown-item.disabled, ul.dropdown-menu li > a.disabled, .dropdown-item:disabled, ul.dropdown-menu li > a:disabled {
color: #6c757d;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.7rem;
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 > input[type="submit"], .btn-group >
button, .btn-group > .action-button, .btn-group > .menubutton,
.btn-group-vertical > .btn,
.btn-group-vertical > input[type="submit"],
.btn-group-vertical >
button,
.btn-group-vertical > .action-button,
.btn-group-vertical > .menubutton {
position: relative;
flex: 0 1 auto; }
.btn-group > .btn:hover, .btn-group > input[type="submit"]:hover, .btn-group >
button:hover, .btn-group > .action-button:hover, .btn-group > .menubutton:hover,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > input[type="submit"]:hover,
.btn-group-vertical >
button:hover,
.btn-group-vertical > .action-button:hover,
.btn-group-vertical > .menubutton:hover {
z-index: 1; }
.btn-group > .btn:focus, .btn-group > input[type="submit"]:focus, .btn-group >
button:focus, .btn-group > .action-button:focus, .btn-group > .menubutton:focus, .btn-group > .btn:active, .btn-group > input[type="submit"]:active, .btn-group >
button:active, .btn-group > .action-button:active, .btn-group > .menubutton:active, .btn-group > .btn.active, .btn-group > input.active[type="submit"], .btn-group >
button.active, .btn-group > .active.action-button, .btn-group > .action-button:active, .btn-group > .active.menubutton, .btn-group > .menubutton:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > input[type="submit"]:focus,
.btn-group-vertical >
button:focus,
.btn-group-vertical > .action-button:focus,
.btn-group-vertical > .menubutton:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > input[type="submit"]:active,
.btn-group-vertical >
button:active,
.btn-group-vertical > .action-button:active,
.btn-group-vertical > .menubutton:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > input.active[type="submit"],
.btn-group-vertical >
button.active,
.btn-group-vertical > .active.action-button,
.btn-group-vertical > .action-button:active,
.btn-group-vertical > .active.menubutton,
.btn-group-vertical > .menubutton:active {
z-index: 1; }
.btn-group .btn + .btn, .btn-group input[type="submit"] + .btn, .btn-group
button + .btn, .btn-group .action-button + .btn, .btn-group .menubutton + .btn, .btn-group .btn + input[type="submit"], .btn-group input[type="submit"] + input[type="submit"], .btn-group
button + input[type="submit"], .btn-group .action-button + input[type="submit"], .btn-group .menubutton + input[type="submit"], .btn-group .btn +
button, .btn-group input[type="submit"] +
button, .btn-group
button +
button, .btn-group .action-button +
button, .btn-group .menubutton +
button, .btn-group .btn + .action-button, .btn-group input[type="submit"] + .action-button, .btn-group
button + .action-button, .btn-group .action-button + .action-button, .btn-group .menubutton + .action-button, .btn-group .btn + .menubutton, .btn-group input[type="submit"] + .menubutton, .btn-group
button + .menubutton, .btn-group .action-button + .menubutton, .btn-group .menubutton + .menubutton,
.btn-group .btn + .btn-group,
.btn-group input[type="submit"] + .btn-group,
.btn-group
button + .btn-group,
.btn-group .action-button + .btn-group,
.btn-group .menubutton + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + input[type="submit"],
.btn-group .btn-group +
button,
.btn-group .btn-group + .action-button,
.btn-group .btn-group + .menubutton,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical input[type="submit"] + .btn,
.btn-group-vertical
button + .btn,
.btn-group-vertical .action-button + .btn,
.btn-group-vertical .menubutton + .btn,
.btn-group-vertical .btn + input[type="submit"],
.btn-group-vertical input[type="submit"] + input[type="submit"],
.btn-group-vertical
button + input[type="submit"],
.btn-group-vertical .action-button + input[type="submit"],
.btn-group-vertical .menubutton + input[type="submit"],
.btn-group-vertical .btn +
button,
.btn-group-vertical input[type="submit"] +
button,
.btn-group-vertical
button +
button,
.btn-group-vertical .action-button +
button,
.btn-group-vertical .menubutton +
button,
.btn-group-vertical .btn + .action-button,
.btn-group-vertical input[type="submit"] + .action-button,
.btn-group-vertical
button + .action-button,
.btn-group-vertical .action-button + .action-button,
.btn-group-vertical .menubutton + .action-button,
.btn-group-vertical .btn + .menubutton,
.btn-group-vertical input[type="submit"] + .menubutton,
.btn-group-vertical
button + .menubutton,
.btn-group-vertical .action-button + .menubutton,
.btn-group-vertical .menubutton + .menubutton,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical input[type="submit"] + .btn-group,
.btn-group-vertical
button + .btn-group,
.btn-group-vertical .action-button + .btn-group,
.btn-group-vertical .menubutton + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + input[type="submit"],
.btn-group-vertical .btn-group +
button,
.btn-group-vertical .btn-group + .action-button,
.btn-group-vertical .btn-group + .menubutton,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:first-child, .btn-group > input[type="submit"]:first-child, .btn-group >
button:first-child, .btn-group > .action-button:first-child, .btn-group > .menubutton:first-child {
margin-left: 0; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > input[type="submit"]:not(:last-child):not(.dropdown-toggle), .btn-group >
button:not(:last-child):not(.dropdown-toggle), .btn-group > .action-button:not(:last-child):not(.dropdown-toggle), .btn-group > .menubutton:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > input[type="submit"],
.btn-group > .btn-group:not(:last-child) >
button,
.btn-group > .btn-group:not(:last-child) > .action-button,
.btn-group > .btn-group:not(:last-child) > .menubutton {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:not(:first-child), .btn-group > input[type="submit"]:not(:first-child), .btn-group >
button:not(:first-child), .btn-group > .action-button:not(:first-child), .btn-group > .menubutton:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn-group:not(:first-child) > input[type="submit"],
.btn-group > .btn-group:not(:first-child) >
button,
.btn-group > .btn-group:not(:first-child) > .action-button,
.btn-group > .btn-group:not(:first-child) > .menubutton {
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, .btn-group-sm > input[type="submit"] + .dropdown-toggle-split, .btn-group-sm >
button + .dropdown-toggle-split, .btn-group-sm > .action-button + .dropdown-toggle-split, .btn-group-sm > .menubutton + .dropdown-toggle-split, .btn-xs + .dropdown-toggle-split, .multi-panel-history .control-column .btn + .dropdown-toggle-split, .multi-panel-history .control-column input[type="submit"] + .dropdown-toggle-split, .multi-panel-history .control-column
button + .dropdown-toggle-split, .multi-panel-history .control-column .action-button + .dropdown-toggle-split, .multi-panel-history .control-column .menubutton + .dropdown-toggle-split, .multi-panel-history .history-column .panel-controls .btn + .dropdown-toggle-split, .multi-panel-history .history-column .panel-controls input[type="submit"] + .dropdown-toggle-split, .multi-panel-history .history-column .panel-controls
button + .dropdown-toggle-split, .multi-panel-history .history-column .panel-controls .action-button + .dropdown-toggle-split, .multi-panel-history .history-column .panel-controls .menubutton + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > input[type="submit"] + .dropdown-toggle-split, .btn-group-lg >
button + .dropdown-toggle-split, .btn-group-lg > .action-button + .dropdown-toggle-split, .btn-group-lg > .menubutton + .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 input[type="submit"], .btn-group-vertical
button, .btn-group-vertical .action-button, .btn-group-vertical .menubutton,
.btn-group-vertical .btn-group {
width: 100%; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > input[type="submit"] + .btn, .btn-group-vertical >
button + .btn, .btn-group-vertical > .action-button + .btn, .btn-group-vertical > .menubutton + .btn, .btn-group-vertical > .btn + input[type="submit"], .btn-group-vertical > input[type="submit"] + input[type="submit"], .btn-group-vertical >
button + input[type="submit"], .btn-group-vertical > .action-button + input[type="submit"], .btn-group-vertical > .menubutton + input[type="submit"], .btn-group-vertical > .btn +
button, .btn-group-vertical > input[type="submit"] +
button, .btn-group-vertical >
button +
button, .btn-group-vertical > .action-button +
button, .btn-group-vertical > .menubutton +
button, .btn-group-vertical > .btn + .action-button, .btn-group-vertical > input[type="submit"] + .action-button, .btn-group-vertical >
button + .action-button, .btn-group-vertical > .action-button + .action-button, .btn-group-vertical > .menubutton + .action-button, .btn-group-vertical > .btn + .menubutton, .btn-group-vertical > input[type="submit"] + .menubutton, .btn-group-vertical >
button + .menubutton, .btn-group-vertical > .action-button + .menubutton, .btn-group-vertical > .menubutton + .menubutton,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > input[type="submit"] + .btn-group,
.btn-group-vertical >
button + .btn-group,
.btn-group-vertical > .action-button + .btn-group,
.btn-group-vertical > .menubutton + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + input[type="submit"],
.btn-group-vertical > .btn-group +
button,
.btn-group-vertical > .btn-group + .action-button,
.btn-group-vertical > .btn-group + .menubutton,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > input[type="submit"]:not(:last-child):not(.dropdown-toggle), .btn-group-vertical >
button:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .action-button:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .menubutton:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn-group:not(:last-child) > input[type="submit"],
.btn-group-vertical > .btn-group:not(:last-child) >
button,
.btn-group-vertical > .btn-group:not(:last-child) > .action-button,
.btn-group-vertical > .btn-group:not(:last-child) > .menubutton {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > input[type="submit"]:not(:first-child), .btn-group-vertical >
button:not(:first-child), .btn-group-vertical > .action-button:not(:first-child), .btn-group-vertical > .menubutton:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn-group:not(:first-child) > input[type="submit"],
.btn-group-vertical > .btn-group:not(:first-child) >
button,
.btn-group-vertical > .btn-group:not(:first-child) > .action-button,
.btn-group-vertical > .btn-group:not(:first-child) > .menubutton {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.btn-group-toggle > .btn, .btn-group-toggle > input[type="submit"], .btn-group-toggle >
button, .btn-group-toggle > .action-button, .btn-group-toggle > .menubutton,
.btn-group-toggle > .btn-group > .btn,
.btn-group-toggle > .btn-group > input[type="submit"],
.btn-group-toggle > .btn-group >
button,
.btn-group-toggle > .btn-group > .action-button,
.btn-group-toggle > .btn-group > .menubutton {
margin-bottom: 0; }
.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > input[type="submit"] input[type="radio"], .btn-group-toggle >
button input[type="radio"], .btn-group-toggle > .action-button input[type="radio"], .btn-group-toggle > .menubutton input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > input[type="submit"] input[type="checkbox"],
.btn-group-toggle >
button input[type="checkbox"],
.btn-group-toggle > .action-button input[type="checkbox"],
.btn-group-toggle > .menubutton input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > input[type="submit"] input[type="radio"],
.btn-group-toggle > .btn-group >
button input[type="radio"],
.btn-group-toggle > .btn-group > .action-button input[type="radio"],
.btn-group-toggle > .btn-group > .menubutton input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > input[type="submit"] input[type="checkbox"],
.btn-group-toggle > .btn-group >
button input[type="checkbox"],
.btn-group-toggle > .btn-group > .action-button input[type="checkbox"],
.btn-group-toggle > .btn-group > .menubutton 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 > .ui-input, .ui-form-element .input-group > .ui-form-preview, .ui-form-element-disabled .input-group > .ui-form-preview, .input-group > .ui-textarea, .ui-options .input-group > .ui-options-list, .ui-select .input-group > select, .ui-select .select2-container .input-group > .select2-choice, .ui-select .select2-container-multi .input-group > .select2-choices,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0; }
.input-group > .form-control:focus, .input-group > .ui-input:focus, .ui-form-element .input-group > .ui-form-preview:focus, .ui-form-element-disabled .input-group > .ui-form-preview:focus, .input-group > .ui-textarea:focus, .ui-options .input-group > .ui-options-list:focus, .ui-select .input-group > select:focus, .ui-select .select2-container .input-group > .select2-choice:focus, .ui-select .select2-container-multi .input-group > .select2-choices:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
z-index: 3; }
.input-group > .form-control + .form-control, .input-group > .ui-input + .form-control, .ui-form-element .input-group > .ui-form-preview + .form-control, .ui-form-element-disabled .input-group > .ui-form-preview + .form-control, .input-group > .ui-textarea + .form-control, .ui-options .input-group > .ui-options-list + .form-control, .ui-select .input-group > select + .form-control, .ui-select .select2-container .input-group > .select2-choice + .form-control, .ui-select .select2-container-multi .input-group > .select2-choices + .form-control, .input-group > .form-control + .ui-input, .input-group > .ui-input + .ui-input, .ui-form-element .input-group > .ui-form-preview + .ui-input, .ui-form-element-disabled .input-group > .ui-form-preview + .ui-input, .input-group > .ui-textarea + .ui-input, .ui-options .input-group > .ui-options-list + .ui-input, .ui-select .input-group > select + .ui-input, .ui-select .select2-container .input-group > .select2-choice + .ui-input, .ui-select .select2-container-multi .input-group > .select2-choices + .ui-input, .ui-form-element .input-group > .form-control + .ui-form-preview, .ui-form-element .input-group > .ui-input + .ui-form-preview, .ui-form-element .input-group > .ui-form-preview + .ui-form-preview, .ui-form-element .input-group > .ui-textarea + .ui-form-preview, .ui-options .ui-form-element .input-group > .ui-options-list + .ui-form-preview, .ui-form-element .ui-options .input-group > .ui-options-list + .ui-form-preview, .ui-select .ui-form-element .input-group > select + .ui-form-preview, .ui-form-element .ui-select .input-group > select + .ui-form-preview, .ui-select .select2-container .ui-form-element .input-group > .select2-choice + .ui-form-preview, .ui-form-element .ui-select .select2-container .input-group > .select2-choice + .ui-form-preview, .ui-select .select2-container-multi .ui-form-element .input-group > .select2-choices + .ui-form-preview, .ui-form-element .ui-select .select2-container-multi .input-group > .select2-choices + .ui-form-preview, .ui-form-element-disabled .input-group > .form-control + .ui-form-preview, .ui-form-element-disabled .input-group > .ui-input + .ui-form-preview, .ui-form-element-disabled .input-group > .ui-form-preview + .ui-form-preview, .ui-form-element-disabled .input-group > .ui-textarea + .ui-form-preview, .ui-options .ui-form-element-disabled .input-group > .ui-options-list + .ui-form-preview, .ui-form-element-disabled .ui-options .input-group > .ui-options-list + .ui-form-preview, .ui-select .ui-form-element-disabled .input-group > select + .ui-form-preview, .ui-form-element-disabled .ui-select .input-group > select + .ui-form-preview, .ui-select .select2-container .ui-form-element-disabled .input-group > .select2-choice + .ui-form-preview, .ui-form-element-disabled .ui-select .select2-container .input-group > .select2-choice + .ui-form-preview, .ui-select .select2-container-multi .ui-form-element-disabled .input-group > .select2-choices + .ui-form-preview, .ui-form-element-disabled .ui-select .select2-container-multi .input-group > .select2-choices + .ui-form-preview, .input-group > .form-control + .ui-textarea, .input-group > .ui-input + .ui-textarea, .ui-form-element .input-group > .ui-form-preview + .ui-textarea, .ui-form-element-disabled .input-group > .ui-form-preview + .ui-textarea, .input-group > .ui-textarea + .ui-textarea, .ui-options .input-group > .ui-options-list + .ui-textarea, .ui-select .input-group > select + .ui-textarea, .ui-select .select2-container .input-group > .select2-choice + .ui-textarea, .ui-select .select2-container-multi .input-group > .select2-choices + .ui-textarea, .ui-options .input-group > .form-control + .ui-options-list, .ui-options .input-group > .ui-input + .ui-options-list, .ui-form-element .ui-options .input-group > .ui-form-preview + .ui-options-list, .ui-options .ui-form-element .input-group > .ui-form-preview + .ui-options-list, .ui-form-element-disabled .ui-options .input-group > .ui-form-preview + .ui-options-list, .ui-options .ui-form-element-disabled .input-group > .ui-form-preview + .ui-options-list, .ui-options .input-group > .ui-textarea + .ui-options-list, .ui-options .input-group > .ui-options-list + .ui-options-list, .ui-select .ui-options .input-group > select + .ui-options-list, .ui-options .ui-select .input-group > select + .ui-options-list, .ui-select .select2-container .ui-options .input-group > .select2-choice + .ui-options-list, .ui-options .ui-select .select2-container .input-group > .select2-choice + .ui-options-list, .ui-select .select2-container-multi .ui-options .input-group > .select2-choices + .ui-options-list, .ui-options .ui-select .select2-container-multi .input-group > .select2-choices + .ui-options-list, .ui-select .input-group > .form-control + select, .ui-select .input-group > .ui-input + select, .ui-form-element .ui-select .input-group > .ui-form-preview + select, .ui-select .ui-form-element .input-group > .ui-form-preview + select, .ui-form-element-disabled .ui-select .input-group > .ui-form-preview + select, .ui-select .ui-form-element-disabled .input-group > .ui-form-preview + select, .ui-select .input-group > .ui-textarea + select, .ui-options .ui-select .input-group > .ui-options-list + select, .ui-select .ui-options .input-group > .ui-options-list + select, .ui-select .input-group > select + select, .ui-select .select2-container .input-group > .select2-choice + select, .ui-select .select2-container-multi .input-group > .select2-choices + select, .ui-select .select2-container .input-group > .form-control + .select2-choice, .ui-select .select2-container .input-group > .ui-input + .select2-choice, .ui-form-element .ui-select .select2-container .input-group > .ui-form-preview + .select2-choice, .ui-select .select2-container .ui-form-element .input-group > .ui-form-preview + .select2-choice, .ui-form-element-disabled .ui-select .select2-container .input-group > .ui-form-preview + .select2-choice, .ui-select .select2-container .ui-form-element-disabled .input-group > .ui-form-preview + .select2-choice, .ui-select .select2-container .input-group > .ui-textarea + .select2-choice, .ui-options .ui-select .select2-container .input-group > .ui-options-list + .select2-choice, .ui-select .select2-container .ui-options .input-group > .ui-options-list + .select2-choice, .ui-select .select2-container .input-group > select + .select2-choice, .ui-select .select2-container .input-group > .select2-choice + .select2-choice, .ui-select .select2-container-multi .select2-container .input-group > .select2-choices + .select2-choice, .ui-select .select2-container .select2-container-multi .input-group > .select2-choices + .select2-choice, .ui-select .select2-container-multi .input-group > .form-control + .select2-choices, .ui-select .select2-container-multi .input-group > .ui-input + .select2-choices, .ui-form-element .ui-select .select2-container-multi .input-group > .ui-form-preview + .select2-choices, .ui-select .select2-container-multi .ui-form-element .input-group > .ui-form-preview + .select2-choices, .ui-form-element-disabled .ui-select .select2-container-multi .input-group > .ui-form-preview + .select2-choices, .ui-select .select2-container-multi .ui-form-element-disabled .input-group > .ui-form-preview + .select2-choices, .ui-select .select2-container-multi .input-group > .ui-textarea + .select2-choices, .ui-options .ui-select .select2-container-multi .input-group > .ui-options-list + .select2-choices, .ui-select .select2-container-multi .ui-options .input-group > .ui-options-list + .select2-choices, .ui-select .select2-container-multi .input-group > select + .select2-choices, .ui-select .select2-container .select2-container-multi .input-group > .select2-choice + .select2-choices, .ui-select .select2-container-multi .select2-container .input-group > .select2-choice + .select2-choices, .ui-select .select2-container-multi .input-group > .select2-choices + .select2-choices,
.input-group > .form-control + .custom-select,
.input-group > .ui-input + .custom-select, .ui-form-element
.input-group > .ui-form-preview + .custom-select, .ui-form-element-disabled
.input-group > .ui-form-preview + .custom-select,
.input-group > .ui-textarea + .custom-select, .ui-options
.input-group > .ui-options-list + .custom-select, .ui-select
.input-group > select + .custom-select, .ui-select .select2-container
.input-group > .select2-choice + .custom-select, .ui-select .select2-container-multi
.input-group > .select2-choices + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .ui-input + .custom-file, .ui-form-element
.input-group > .ui-form-preview + .custom-file, .ui-form-element-disabled
.input-group > .ui-form-preview + .custom-file,
.input-group > .ui-textarea + .custom-file, .ui-options
.input-group > .ui-options-list + .custom-file, .ui-select
.input-group > select + .custom-file, .ui-select .select2-container
.input-group > .select2-choice + .custom-file, .ui-select .select2-container-multi
.input-group > .select2-choices + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .ui-input, .ui-form-element
.input-group > .custom-select + .ui-form-preview, .ui-form-element-disabled
.input-group > .custom-select + .ui-form-preview,
.input-group > .custom-select + .ui-textarea, .ui-options
.input-group > .custom-select + .ui-options-list, .ui-select
.input-group > .custom-select + select, .ui-select .select2-container
.input-group > .custom-select + .select2-choice, .ui-select .select2-container-multi
.input-group > .custom-select + .select2-choices,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .ui-input, .ui-form-element
.input-group > .custom-file + .ui-form-preview, .ui-form-element-disabled
.input-group > .custom-file + .ui-form-preview,
.input-group > .custom-file + .ui-textarea, .ui-options
.input-group > .custom-file + .ui-options-list, .ui-select
.input-group > .custom-file + select, .ui-select .select2-container
.input-group > .custom-file + .select2-choice, .ui-select .select2-container-multi
.input-group > .custom-file + .select2-choices,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:not(:last-child), .input-group > .ui-input:not(:last-child), .ui-form-element .input-group > .ui-form-preview:not(:last-child), .ui-form-element-disabled .input-group > .ui-form-preview:not(:last-child), .input-group > .ui-textarea:not(:last-child), .ui-options .input-group > .ui-options-list:not(:last-child), .ui-select .input-group > select:not(:last-child), .ui-select .select2-container .input-group > .select2-choice:not(:last-child), .ui-select .select2-container-multi .input-group > .select2-choices:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child), .input-group > .ui-input:not(:first-child), .ui-form-element .input-group > .ui-form-preview:not(:first-child), .ui-form-element-disabled .input-group > .ui-form-preview:not(:first-child), .input-group > .ui-textarea:not(:first-child), .ui-options .input-group > .ui-options-list:not(:first-child), .ui-select .input-group > select:not(:first-child), .ui-select .select2-container .input-group > .select2-choice:not(:first-child), .ui-select .select2-container-multi .input-group > .select2-choices: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-prepend,
.input-group-append {
display: flex; }
.input-group-prepend .btn, .input-group-prepend input[type="submit"], .input-group-prepend
button, .input-group-prepend .action-button, .input-group-prepend .menubutton,
.input-group-append .btn,
.input-group-append input[type="submit"],
.input-group-append
button,
.input-group-append .action-button,
.input-group-append .menubutton {
position: relative;
z-index: 2; }
.input-group-prepend .btn + .btn, .input-group-prepend input[type="submit"] + .btn, .input-group-prepend
button + .btn, .input-group-prepend .action-button + .btn, .input-group-prepend .menubutton + .btn, .input-group-prepend .btn + input[type="submit"], .input-group-prepend input[type="submit"] + input[type="submit"], .input-group-prepend
button + input[type="submit"], .input-group-prepend .action-button + input[type="submit"], .input-group-prepend .menubutton + input[type="submit"], .input-group-prepend .btn +
button, .input-group-prepend input[type="submit"] +
button, .input-group-prepend
button +
button, .input-group-prepend .action-button +
button, .input-group-prepend .menubutton +
button, .input-group-prepend .btn + .action-button, .input-group-prepend input[type="submit"] + .action-button, .input-group-prepend
button + .action-button, .input-group-prepend .action-button + .action-button, .input-group-prepend .menubutton + .action-button, .input-group-prepend .btn + .menubutton, .input-group-prepend input[type="submit"] + .menubutton, .input-group-prepend
button + .menubutton, .input-group-prepend .action-button + .menubutton, .input-group-prepend .menubutton + .menubutton,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend input[type="submit"] + .input-group-text,
.input-group-prepend
button + .input-group-text,
.input-group-prepend .action-button + .input-group-text,
.input-group-prepend .menubutton + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + input[type="submit"],
.input-group-prepend .input-group-text +
button,
.input-group-prepend .input-group-text + .action-button,
.input-group-prepend .input-group-text + .menubutton,
.input-group-append .btn + .btn,
.input-group-append input[type="submit"] + .btn,
.input-group-append
button + .btn,
.input-group-append .action-button + .btn,
.input-group-append .menubutton + .btn,
.input-group-append .btn + input[type="submit"],
.input-group-append input[type="submit"] + input[type="submit"],
.input-group-append
button + input[type="submit"],
.input-group-append .action-button + input[type="submit"],
.input-group-append .menubutton + input[type="submit"],
.input-group-append .btn +
button,
.input-group-append input[type="submit"] +
button,
.input-group-append
button +
button,
.input-group-append .action-button +
button,
.input-group-append .menubutton +
button,
.input-group-append .btn + .action-button,
.input-group-append input[type="submit"] + .action-button,
.input-group-append
button + .action-button,
.input-group-append .action-button + .action-button,
.input-group-append .menubutton + .action-button,
.input-group-append .btn + .menubutton,
.input-group-append input[type="submit"] + .menubutton,
.input-group-append
button + .menubutton,
.input-group-append .action-button + .menubutton,
.input-group-append .menubutton + .menubutton,
.input-group-append .btn + .input-group-text,
.input-group-append input[type="submit"] + .input-group-text,
.input-group-append
button + .input-group-text,
.input-group-append .action-button + .input-group-text,
.input-group-append .menubutton + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + input[type="submit"],
.input-group-append .input-group-text +
button,
.input-group-append .input-group-text + .action-button,
.input-group-append .input-group-text + .menubutton {
margin-left: -1px; }
.input-group-prepend {
margin-right: -1px; }
.input-group-append {
margin-left: -1px; }
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 0.8rem;
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 > .input-group-prepend > .btn, .input-group > .input-group-prepend > input[type="submit"], .input-group > .input-group-prepend >
button, .input-group > .input-group-prepend > .action-button, .input-group > .input-group-prepend > .menubutton,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > input[type="submit"],
.input-group > .input-group-append:not(:last-child) >
button,
.input-group > .input-group-append:not(:last-child) > .action-button,
.input-group > .input-group-append:not(:last-child) > .menubutton,
.input-group > .input-group-append:not(:last-child) > .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[type="submit"]:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child >
button:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .action-button:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .menubutton: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[type="submit"], .input-group > .input-group-append >
button, .input-group > .input-group-append > .action-button, .input-group > .input-group-append > .menubutton,
.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[type="submit"],
.input-group > .input-group-prepend:not(:first-child) >
button,
.input-group > .input-group-prepend:not(:first-child) > .action-button,
.input-group > .input-group-prepend:not(:first-child) > .menubutton,
.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[type="submit"]:not(:first-child),
.input-group > .input-group-prepend:first-child >
button:not(:first-child),
.input-group > .input-group-prepend:first-child > .action-button:not(:first-child),
.input-group > .input-group-prepend:first-child > .menubutton: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;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem; }
.custom-control-inline {
display: inline-flex;
margin-right: 1rem; }
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #25537b; }
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #7bacd7; }
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef; }
.custom-control-label {
position: relative;
margin-bottom: 0; }
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
user-select: none;
background-color: #dee2e6; }
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%; }
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #25537b; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #25537b; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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(37, 83, 123, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(37, 83, 123, 0.5); }
.custom-radio .custom-control-label::before {
border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #25537b; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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(37, 83, 123, 0.5); }
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.95rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
appearance: none; }
.custom-select:focus {
border-color: #5494cc;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(84, 148, 204, 0.5); }
.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 {
opacity: 0; }
.custom-select-sm {
height: calc(1.55rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%; }
.custom-select-lg {
height: calc(2.5rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 125%; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.95rem + 2px);
margin-bottom: 0; }
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.95rem + 2px);
margin: 0;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-label {
border-color: #5494cc;
box-shadow: 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.custom-file-input:focus ~ .custom-file-label::after {
border-color: #5494cc; }
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"; }
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.95rem + 2px);
padding: 0.375rem 0.75rem;
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: 1.95rem;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: 1px solid #ced4da;
border-radius: 0 0.25rem 0.25rem 0; }
.custom-range {
width: 100%;
padding-left: 0;
background-color: transparent;
appearance: none; }
.custom-range:focus {
outline: none; }
.custom-range::-moz-focus-outer {
border: 0; }
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #25537b;
border: 0;
border-radius: 1rem;
appearance: none; }
.custom-range::-webkit-slider-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.custom-range::-webkit-slider-thumb:active {
background-color: #7bacd7; }
.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: #25537b;
border: 0;
border-radius: 1rem;
appearance: none; }
.custom-range::-moz-range-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.custom-range::-moz-range-thumb:active {
background-color: #7bacd7; }
.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;
background-color: #25537b;
border: 0;
border-radius: 1rem;
appearance: none; }
.custom-range::-ms-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.custom-range::-ms-thumb:active {
background-color: #7bacd7; }
.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; }
.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; }
.nav-tabs {
border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-item {
margin-bottom: -1px; }
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-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 {
border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #25537b; }
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center; }
.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 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.navbar-brand {
display: inline-block;
padding-top: 0.35rem;
padding-bottom: 0.35rem;
margin-right: 1rem;
font-size: 1rem;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0; }
.navbar-nav .dropdown-menu {
position: static;
float: none; }
.navbar-text {
display: inline-block;
padding-top: 0.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: 1rem;
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:not(:disabled):not(.disabled) {
cursor: pointer; }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%; }
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
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 {
flex-wrap: nowrap; }
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; } }
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
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 {
flex-wrap: nowrap; }
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; } }
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
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 {
flex-wrap: nowrap; }
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; } }
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
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 {
flex-wrap: nowrap; }
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; } }
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
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 {
flex-wrap: nowrap; }
.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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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, .ui-portlet, .ui-portlet-section {
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, .ui-portlet > hr, .ui-portlet-section > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child, .ui-portlet > .list-group:first-child .list-group-item:first-child, .ui-portlet-section > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child, .ui-portlet > .list-group:last-child .list-group-item:last-child, .ui-portlet-section > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-body, .ui-portlet > .portlet-content, .ui-portlet-section > .portlet-content {
flex: 1 1 auto;
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, .ui-portlet .portlet-header:first-child, .ui-portlet-section .portlet-header:first-child {
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, .ui-portlet .portlet-header:first-child, .ui-portlet-section .portlet-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header + .list-group .list-group-item:first-child, .ui-portlet .portlet-header:first-child + .list-group .list-group-item:first-child, .ui-portlet-section .portlet-header:first-child + .list-group .list-group-item:first-child {
border-top: 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; }
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px); }
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card-deck {
display: flex;
flex-direction: column; }
.card-deck .card, .card-deck .ui-portlet, .card-deck .ui-portlet-section {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; }
.card-deck .card, .card-deck .ui-portlet, .card-deck .ui-portlet-section {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } }
.card-group {
display: flex;
flex-direction: column; }
.card-group > .card, .card-group > .ui-portlet, .card-group > .ui-portlet-section {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-group {
flex-flow: row wrap; }
.card-group > .card, .card-group > .ui-portlet, .card-group > .ui-portlet-section {
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card, .card-group > .ui-portlet + .card, .card-group > .ui-portlet-section + .card, .card-group > .card + .ui-portlet, .card-group > .ui-portlet + .ui-portlet, .card-group > .ui-portlet-section + .ui-portlet, .card-group > .card + .ui-portlet-section, .card-group > .ui-portlet + .ui-portlet-section, .card-group > .ui-portlet-section + .ui-portlet-section {
margin-left: 0;
border-left: 0; }
.card-group > .card:first-child, .card-group > .ui-portlet:first-child, .card-group > .ui-portlet-section:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:first-child .card-img-top, .card-group > .ui-portlet:first-child .card-img-top, .card-group > .ui-portlet-section:first-child .card-img-top,
.card-group > .card:first-child .card-header,
.card-group > .ui-portlet:first-child .card-header,
.card-group > .ui-portlet-section:first-child .card-header,
.card-group > .card:first-child .ui-portlet .portlet-header:first-child, .ui-portlet
.card-group > .card:first-child .portlet-header:first-child, .card-group > .ui-portlet:first-child .portlet-header:first-child, .ui-portlet
.card-group > .ui-portlet-section:first-child .portlet-header:first-child,
.card-group > .card:first-child .ui-portlet-section .portlet-header:first-child, .ui-portlet-section
.card-group > .card:first-child .portlet-header:first-child, .ui-portlet-section
.card-group > .ui-portlet:first-child .portlet-header:first-child, .card-group > .ui-portlet-section:first-child .portlet-header:first-child {
border-top-right-radius: 0; }
.card-group > .card:first-child .card-img-bottom, .card-group > .ui-portlet:first-child .card-img-bottom, .card-group > .ui-portlet-section:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer,
.card-group > .ui-portlet:first-child .card-footer,
.card-group > .ui-portlet-section:first-child .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:last-child, .card-group > .ui-portlet:last-child, .card-group > .ui-portlet-section:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:last-child .card-img-top, .card-group > .ui-portlet:last-child .card-img-top, .card-group > .ui-portlet-section:last-child .card-img-top,
.card-group > .card:last-child .card-header,
.card-group > .ui-portlet:last-child .card-header,
.card-group > .ui-portlet-section:last-child .card-header,
.card-group > .card:last-child .ui-portlet .portlet-header:first-child, .ui-portlet
.card-group > .card:last-child .portlet-header:first-child, .card-group > .ui-portlet:last-child .portlet-header:first-child, .ui-portlet
.card-group > .ui-portlet-section:last-child .portlet-header:first-child,
.card-group > .card:last-child .ui-portlet-section .portlet-header:first-child, .ui-portlet-section
.card-group > .card:last-child .portlet-header:first-child, .ui-portlet-section
.card-group > .ui-portlet:last-child .portlet-header:first-child, .card-group > .ui-portlet-section:last-child .portlet-header:first-child {
border-top-left-radius: 0; }
.card-group > .card:last-child .card-img-bottom, .card-group > .ui-portlet:last-child .card-img-bottom, .card-group > .ui-portlet-section:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer,
.card-group > .ui-portlet:last-child .card-footer,
.card-group > .ui-portlet-section:last-child .card-footer {
border-bottom-left-radius: 0; }
.card-group > .card:only-child, .card-group > .ui-portlet:only-child, .card-group > .ui-portlet-section:only-child {
border-radius: 0.25rem; }
.card-group > .card:only-child .card-img-top, .card-group > .ui-portlet:only-child .card-img-top, .card-group > .ui-portlet-section:only-child .card-img-top,
.card-group > .card:only-child .card-header,
.card-group > .ui-portlet:only-child .card-header,
.card-group > .ui-portlet-section:only-child .card-header,
.card-group > .card:only-child .ui-portlet .portlet-header:first-child, .ui-portlet
.card-group > .card:only-child .portlet-header:first-child, .card-group > .ui-portlet:only-child .portlet-header:first-child, .ui-portlet
.card-group > .ui-portlet-section:only-child .portlet-header:first-child,
.card-group > .card:only-child .ui-portlet-section .portlet-header:first-child, .ui-portlet-section
.card-group > .card:only-child .portlet-header:first-child, .ui-portlet-section
.card-group > .ui-portlet:only-child .portlet-header:first-child, .card-group > .ui-portlet-section:only-child .portlet-header:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card-group > .card:only-child .card-img-bottom, .card-group > .ui-portlet:only-child .card-img-bottom, .card-group > .ui-portlet-section:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer,
.card-group > .ui-portlet:only-child .card-footer,
.card-group > .ui-portlet-section:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-group > .card:not(:first-child):not(:last-child):not(:only-child), .card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child), .card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0; }
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .ui-portlet .portlet-header:first-child, .ui-portlet
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .portlet-header:first-child, .card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child) .portlet-header:first-child, .ui-portlet
.card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) .portlet-header:first-child,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .ui-portlet-section .portlet-header:first-child, .ui-portlet-section
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .portlet-header:first-child, .ui-portlet-section
.card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child) .portlet-header:first-child, .card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) .portlet-header:first-child,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
.card-group > .ui-portlet:not(:first-child):not(:last-child):not(:only-child) .card-footer,
.card-group > .ui-portlet-section:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0; } }
.card-columns .card, .card-columns .ui-portlet, .card-columns .ui-portlet-section {
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 .ui-portlet, .card-columns .ui-portlet-section {
display: inline-block;
width: 100%; } }
.accordion .card:not(:first-of-type):not(:last-of-type), .accordion .ui-portlet:not(:first-of-type):not(:last-of-type), .accordion .ui-portlet-section:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0; }
.accordion .card:not(:first-of-type) .card-header:first-child, .accordion .ui-portlet:not(:first-of-type) .card-header:first-child, .accordion .ui-portlet-section:not(:first-of-type) .card-header:first-child, .accordion .card:not(:first-of-type) .ui-portlet .portlet-header:first-child, .ui-portlet .accordion .card:not(:first-of-type) .portlet-header:first-child, .accordion .ui-portlet:not(:first-of-type) .portlet-header:first-child, .accordion .card:not(:first-of-type) .ui-portlet-section .portlet-header:first-child, .ui-portlet-section .accordion .card:not(:first-of-type) .portlet-header:first-child, .accordion .ui-portlet-section:not(:first-of-type) .portlet-header:first-child {
border-radius: 0; }
.accordion .card:first-of-type, .accordion .ui-portlet:first-of-type, .accordion .ui-portlet-section:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.accordion .card:last-of-type, .accordion .ui-portlet:last-of-type, .accordion .ui-portlet-section:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.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 {
display: inline-block;
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: #25537b;
background-color: #fff;
border: 1px solid #dee2e6; }
.page-link:hover {
z-index: 2;
color: #132b40;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6; }
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(37, 83, 123, 0.25); }
.page-link:not(:disabled):not(.disabled) {
cursor: pointer; }
.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: 1;
color: #fff;
background-color: #25537b;
border-color: #25537b; }
.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: 1rem;
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.7rem;
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; }
.badge:empty {
display: none; }
.btn .badge, input[type="submit"] .badge,
button .badge, .action-button .badge, .menubutton .badge {
position: relative;
top: -1px; }
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; }
.badge-primary {
color: #fff;
background-color: #25537b; }
.badge-primary[href]:hover, .badge-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #193954; }
.badge-secondary {
color: #212529;
background-color: #dee2e6; }
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
color: #212529;
text-decoration: none;
background-color: #c1c9d0; }
.badge-success {
color: #212529;
background-color: #66CC66; }
.badge-success[href]:hover, .badge-success[href]:focus {
color: #212529;
text-decoration: none;
background-color: #40bf40; }
.badge-info, .badge-new {
color: #fff;
background-color: #2077B3; }
.badge-info[href]:hover, [href].badge-new:hover, .badge-info[href]:focus, [href].badge-new:focus {
color: #fff;
text-decoration: none;
background-color: #185a88; }
.badge-warning, .badge-beta {
color: #212529;
background-color: #FE7F02; }
.badge-warning[href]:hover, [href].badge-beta:hover, .badge-warning[href]:focus, [href].badge-beta:focus {
color: #212529;
text-decoration: none;
background-color: #cc6601; }
.badge-danger {
color: #fff;
background-color: #E31A1E; }
.badge-danger[href]:hover, .badge-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #b51518; }
.badge-light {
color: #212529;
background-color: #f8f9fa; }
.badge-light[href]:hover, .badge-light[href]:focus {
color: #212529;
text-decoration: none;
background-color: #dae0e5; }
.badge-dark {
color: #fff;
background-color: #343a40; }
.badge-dark[href]:hover, .badge-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124; }
.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, .errormessagelarge, .error-modal .modal-content,
.warningmessagelarge,
.donemessagelarge,
.infomessagelarge,
.ui-form-help .error,
.ui-form-help .warning,
.ui-form-help .note, .errormessage,
.warningmessage,
.donemessage,
.infomessage,
.errormessagesmall,
.warningmessagesmall,
.donemessagesmall,
.infomessagesmall {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem; }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 3.7rem; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit; }
.alert-primary {
color: #16324a;
background-color: #a8baca;
border-color: #6687a3; }
.alert-primary hr {
border-top-color: #5a7a96; }
.alert-primary .alert-link {
color: #0a1723; }
.alert-secondary {
color: #85888a;
background-color: #f2f3f5;
border-color: #e8ebee; }
.alert-secondary hr {
border-top-color: #d9dee3; }
.alert-secondary .alert-link {
color: #6c6e70; }
.alert-success, .donemessagelarge, .donemessage,
.donemessagesmall {
color: #3d7a3d;
background-color: #c2ebc2;
border-color: #94db94; }
.alert-success hr, .donemessagelarge hr, .donemessage hr,
.donemessagesmall hr {
border-top-color: #81d581; }
.alert-success .alert-link, .donemessagelarge .alert-link, .donemessage .alert-link,
.donemessagesmall .alert-link {
color: #2c582c; }
.alert-info, .infomessagelarge, .infomessage,
.infomessagesmall,
.ui-form-help .note {
color: #13476b;
background-color: #a6c9e1;
border-color: #63a0ca; }
.alert-info hr, .infomessagelarge hr, .infomessage hr,
.infomessagesmall hr,
.ui-form-help .note hr {
border-top-color: #5094c4; }
.alert-info .alert-link, .infomessagelarge .alert-link, .infomessage .alert-link,
.infomessagesmall .alert-link,
.ui-form-help .note .alert-link {
color: #0b2a40; }
.alert-warning, .warningmessagelarge, .warningmessage,
.warningmessagesmall,
.ui-form-help .warning {
color: #984c01;
background-color: #ffcc9a;
border-color: #fea54e; }
.alert-warning hr, .warningmessagelarge hr, .warningmessage hr,
.warningmessagesmall hr,
.ui-form-help .warning hr {
border-top-color: #fe9835; }
.alert-warning .alert-link, .warningmessagelarge .alert-link, .warningmessage .alert-link,
.warningmessagesmall .alert-link,
.ui-form-help .warning .alert-link {
color: #653301; }
.alert-danger, .errormessagelarge, .error-modal .modal-content, .errormessage,
.errormessagesmall,
.ui-form-help .error {
color: #881012;
background-color: #f4a3a5;
border-color: #eb5f62; }
.alert-danger hr, .errormessagelarge hr, .error-modal .modal-content hr, .errormessage hr,
.errormessagesmall hr,
.ui-form-help .error hr {
border-top-color: #e8484c; }
.alert-danger .alert-link, .errormessagelarge .alert-link, .error-modal .modal-content .alert-link, .errormessage .alert-link,
.errormessagesmall .alert-link,
.ui-form-help .error .alert-link {
color: #5a0b0c; }
.alert-light {
color: #959596;
background-color: #fcfdfd;
border-color: #fafbfc; }
.alert-light hr {
border-top-color: #eaeef2; }
.alert-light .alert-link {
color: #7b7b7d; }
.alert-dark {
color: #1f2326;
background-color: #aeb0b3;
border-color: #717579; }
.alert-dark hr {
border-top-color: #65686c; }
.alert-dark .alert-link {
color: #08090a; }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.6rem;
background-color: #e9ecef;
border-radius: 0.25rem; }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #25537b;
transition: width 0.6s ease; }
@media screen and (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: progress-bar-stripes 1s linear infinite; }
.media {
display: flex;
align-items: flex-start; }
.media-body {
flex: 1; }
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
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;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none; }
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff; }
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #25537b;
border-color: #25537b; }
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0; }
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0; }
.list-group-item-primary {
color: #1a3a56;
background-color: #87a0b6; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #1a3a56;
background-color: #7793ac; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #1a3a56;
border-color: #1a3a56; }
.list-group-item-secondary {
color: #9b9ea1;
background-color: #edeff1; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #9b9ea1;
background-color: #dfe2e6; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #9b9ea1;
border-color: #9b9ea1; }
.list-group-item-success {
color: #478f47;
background-color: #abe3ab; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #478f47;
background-color: #98dd98; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #478f47;
border-color: #478f47; }
.list-group-item-info {
color: #16537d;
background-color: #84b4d5; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #16537d;
background-color: #71a8cf; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #16537d;
border-color: #16537d; }
.list-group-item-warning {
color: #b25901;
background-color: #feb974; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #b25901;
background-color: #feac5b; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #b25901;
border-color: #b25901; }
.list-group-item-danger {
color: #9f1215;
background-color: #f08183; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #9f1215;
background-color: #ed6a6d; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #9f1215;
border-color: #9f1215; }
.list-group-item-light {
color: #aeaeaf;
background-color: #fbfcfc; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #aeaeaf;
background-color: #ecf1f1; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #aeaeaf;
border-color: #aeaeaf; }
.list-group-item-dark {
color: #24292d;
background-color: #8f9396; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #24292d;
background-color: #82868a; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #24292d;
border-color: #24292d; }
.close {
float: right;
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
opacity: .75; }
.close:not(:disabled):not(.disabled) {
cursor: pointer; }
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.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, -25%); }
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: translate(0, 0); }
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - (0.5rem * 2)); }
.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;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
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;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; }
.modal-header .close {
padding: 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;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef; }
.modal-footer > :not(:first-child) {
margin-left: .25rem; }
.modal-footer > :not(:last-child) {
margin-right: .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-centered {
min-height: calc(100% - (1.75rem * 2)); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
max-width: 800px; } }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.7rem;
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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.7rem;
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) * -1); }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.5rem 0; }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: 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-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) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 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-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) * -1); }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem; }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: 0;
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-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) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
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-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 0.8rem;
color: inherit;
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-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
transition: transform 0.6s ease;
backface-visibility: hidden;
perspective: 1000px; }
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none; } }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block; }
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0; }
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0); }
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translate3d(0, 0, 0); } }
.carousel-item-next,
.active.carousel-item-right {
transform: translateX(100%); }
@supports (transform-style: preserve-3d) {
.carousel-item-next,
.active.carousel-item-right {
transform: translate3d(100%, 0, 0); } }
.carousel-item-prev,
.active.carousel-item-left {
transform: translateX(-100%); }
@supports (transform-style: preserve-3d) {
.carousel-item-prev,
.active.carousel-item-left {
transform: translate3d(-100%, 0, 0); } }
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0; }
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0); }
@supports (transform-style: preserve-3d) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translate3d(0, 0, 0); } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5; }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .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: transparent no-repeat center center;
background-size: 100% 100%; }
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
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 {
position: relative;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5); }
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators .active {
background-color: #fff; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center; }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.bg-primary {
background-color: #25537b !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #193954 !important; }
.bg-secondary {
background-color: #dee2e6 !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #c1c9d0 !important; }
.bg-success {
background-color: #66CC66 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #40bf40 !important; }
.bg-info {
background-color: #2077B3 !important; }
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #185a88 !important; }
.bg-warning {
background-color: #FE7F02 !important; }
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #cc6601 !important; }
.bg-danger {
background-color: #E31A1E !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #b51518 !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 {
border: 1px solid #dee2e6 !important; }
.border-top {
border-top: 1px solid #dee2e6 !important; }
.border-right {
border-right: 1px solid #dee2e6 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-left {
border-left: 1px solid #dee2e6 !important; }
.border-0 {
border: 0 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-right-0 {
border-right: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-left-0 {
border-left: 0 !important; }
.border-primary {
border-color: #25537b !important; }
.border-secondary {
border-color: #dee2e6 !important; }
.border-success {
border-color: #66CC66 !important; }
.border-info {
border-color: #2077B3 !important; }
.border-warning {
border-color: #FE7F02 !important; }
.border-danger {
border-color: #E31A1E !important; }
.border-light {
border-color: #f8f9fa !important; }
.border-dark {
border-color: #343a40 !important; }
.border-white {
border-color: #fff !important; }
.rounded, .ui-portlet .portlet-header:first-child, .ui-portlet-section .portlet-header:first-child {
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-circle {
border-radius: 50% !important; }
.rounded-0, .ui-portlet-section .portlet-header:first-child {
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
flex-direction: row !important; }
.flex-column, .history-panel > .list-items, .dataset-collection-panel > .list-items {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
.float-left, .ui-portlet .portlet-buttons button, .ui-portlet-section .portlet-buttons button, .ui-select-content .ui-options {
float: left !important; }
.float-right, .popover .popover-header i, .charts-client .charts-buttons, .collection-creator.list-collection-creator .collection-elements-controls .clear-selected, .collection-creator.list-collection-creator .collection-element .discard, .collection-creator.pair-collection-creator .collection-elements-controls .clear-selected {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.mt-1,
.my-1 {
margin-top: 0.25rem !important; }
.mr-1, .ui-portlet .portlet-buttons button, .ui-portlet-section .portlet-buttons button,
.mx-1 {
margin-right: 0.25rem !important; }
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }
.ml-1, .ui-portlet .portlet-header:first-child .portlet-operations button, .ui-portlet-section .portlet-header:first-child .portlet-operations button,
.mx-1 {
margin-left: 0.25rem !important; }
.m-2, .charts-client .charts-right .alert, .charts-client .charts-right .errormessagelarge, .charts-client .charts-right .error-modal .modal-content, .error-modal .charts-client .charts-right .modal-content, .charts-client .charts-right
.warningmessagelarge, .charts-client .charts-right
.donemessagelarge, .charts-client .charts-right
.infomessagelarge, .charts-client .charts-right
.ui-form-help .error,
.ui-form-help .charts-client .charts-right .error, .charts-client .charts-right
.ui-form-help .warning,
.ui-form-help .charts-client .charts-right .warning, .charts-client .charts-right
.ui-form-help .note,
.ui-form-help .charts-client .charts-right .note, .charts-client .charts-right .errormessage, .charts-client .charts-right
.warningmessage, .charts-client .charts-right
.donemessage, .charts-client .charts-right
.infomessage, .charts-client .charts-right
.errormessagesmall, .charts-client .charts-right
.warningmessagesmall, .charts-client .charts-right
.donemessagesmall, .charts-client .charts-right
.infomessagesmall {
margin: 0.5rem !important; }
.mt-2,
.my-2 {
margin-top: 0.5rem !important; }
.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }
.mb-2, .ui-portlet-section,
.my-2 {
margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.mt-3,
.my-3 {
margin-top: 1rem !important; }
.mr-3,
.mx-3 {
margin-right: 1rem !important; }
.mb-3,
.my-3 {
margin-bottom: 1rem !important; }
.ml-3,
.mx-3 {
margin-left: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.mt-4,
.my-4 {
margin-top: 1.5rem !important; }
.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important; }
.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.mt-5,
.my-5 {
margin-top: 3rem !important; }
.mr-5,
.mx-5 {
margin-right: 3rem !important; }
.mb-5,
.my-5 {
margin-bottom: 3rem !important; }
.ml-5,
.mx-5 {
margin-left: 3rem !important; }
.p-0, .ui-button-icon-plain, .ui-portlet > .portlet-content, .ui-portlet-section > .portlet-content {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0, .ui-portlet-section > .portlet-content,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.pt-1, .ui-input, .ui-form-element .ui-form-preview, .ui-form-element-disabled .ui-form-preview, .ui-textarea, .ui-options .ui-options-list, .ui-select select, .ui-select .select2-container .select2-choice, .ui-select .select2-container-multi .select2-choices, .select2-drop-active .select2-search,
.select2-drop-above.select2-drop-active .select2-search,
.py-1 {
padding-top: 0.25rem !important; }
.pr-1,
.px-1 {
padding-right: 0.25rem !important; }
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 {
padding-left: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.pt-2,
.py-2 {
padding-top: 0.5rem !important; }
.pr-2,
.px-2 {
padding-right: 0.5rem !important; }
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }
.pl-2, .ui-portlet-section > .portlet-content, .ui-input, .ui-form-element .ui-form-preview, .ui-form-element-disabled .ui-form-preview, .ui-textarea, .ui-options .ui-options-list, .ui-select select, .ui-select .select2-container .select2-choice, .ui-select .select2-container-multi .select2-choices,
.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, .popover .popover-header i,
.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-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important; }
.m-sm-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-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-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-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
.text-monospace {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
.text-justify {
text-align: justify !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-light {
font-weight: 300 !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary, .upload-view-default .upload-box .upload-row .upload-text-column .upload-text .upload-text-info, .upload-view-composite .upload-box .upload-row .upload-text-column .upload-text .upload-text-info {
color: #25537b !important; }
a.text-primary:hover, .upload-view-default .upload-box .upload-row .upload-text-column .upload-text a.upload-text-info:hover, .upload-view-composite .upload-box .upload-row .upload-text-column .upload-text a.upload-text-info:hover, a.text-primary:focus, .upload-view-default .upload-box .upload-row .upload-text-column .upload-text a.upload-text-info:focus, .upload-view-composite .upload-box .upload-row .upload-text-column .upload-text a.upload-text-info:focus {
color: #193954 !important; }
.text-secondary {
color: #dee2e6 !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #c1c9d0 !important; }
.text-success {
color: #66CC66 !important; }
a.text-success:hover, a.text-success:focus {
color: #40bf40 !important; }
.text-info {
color: #2077B3 !important; }
a.text-info:hover, a.text-info:focus {
color: #185a88 !important; }
.text-warning {
color: #FE7F02 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #cc6601 !important; }
.text-danger {
color: #E31A1E !important; }
a.text-danger:hover, a.text-danger:focus {
color: #b51518 !important; }
.text-light, .quota-meter-text {
color: #f8f9fa !important; }
a.text-light:hover, a.quota-meter-text:hover, a.text-light:focus, a.quota-meter-text:focus {
color: #dae0e5 !important; }
.text-dark, .quota-meter-text a {
color: #343a40 !important; }
a.text-dark:hover, .quota-meter-text a:hover, a.text-dark:focus, .quota-meter-text a:focus {
color: #1d2124 !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; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important; }
a:not(.btn):not(input[type="submit"]):not(
button):not(.action-button):not(.menubutton) {
text-decoration: underline; }
abbr[title]::after {
content: " (" attr(title) ")"; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3,
.upload-view-default .upload-box .upload-helper,
.upload-view-composite .upload-box .upload-helper {
orphans: 3;
widows: 3; }
h2,
h3,
.upload-view-default .upload-box .upload-helper,
.upload-view-composite .upload-box .upload-helper {
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, .upload-table {
border-collapse: collapse !important; }
.table td, .upload-table td,
.table th, .upload-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: #bdc6d0; }
.table .thead-dark th, .upload-table .thead-dark th {
color: inherit;
border-color: #bdc6d0; } }
.navbar-fixed-top .navbar-brand {
font-family: Verdana;
font-weight: bold;
font-size: 160%; }
pre {
overflow: auto;
word-wrap: normal;
white-space: pre; }
.alert, .errormessagelarge, .error-modal .modal-content,
.warningmessagelarge,
.donemessagelarge,
.infomessagelarge,
.ui-form-help .error,
.ui-form-help .warning,
.ui-form-help .note, .errormessage,
.warningmessage,
.donemessage,
.infomessage,
.errormessagesmall,
.warningmessagesmall,
.donemessagesmall,
.infomessagesmall {
word-wrap: break-word; }
.btn, input[type="submit"],
button, .action-button, .menubutton {
white-space: normal; }
.btn-secondary, input[type="submit"],
button, .action-button, .btn-default, .menubutton {
border: 1px solid #bfbfbf; }
.dropdown-menu {
max-width: auto; }
.dropdown-menu .dropdown-item, ul.dropdown-menu li > a {
text-decoration: none; }
input[type="checkbox"],
input[type="radio"] {
margin-left: 0.5ex;
margin-right: 0.5ex;
float: left; }
.badge-tags {
background-color: #3189a3;
padding: 0.2em 0.6em 0.3em;
border-radius: 0.15rem; }
.modal-dialog {
width: 690px;
max-width: 900px; }
.pagination > .active > a {
background-color: #ebd9b2;
color: black; }
.pagination > .active > a:hover {
color: black;
background-color: #ebd9b2; }
.modal-body {
overflow: auto; }
.nav-tabs {
margin-bottom: 15px; }
div.ui-form-help blockquote p {
font-size: inherit;
font-weight: inherit;
line-height: inherit; }
pre.code {
white-space: pre-wrap;
background: #1d1f21;
color: white;
padding: 1em; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../images/fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../images/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../images/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../images/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa, .fa-icon, .panel-collapse, #tool-search #search-clear-btn, .state-icon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg, .dataset-collection-panel > .controls .navigation .back span {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.fa-li.fa-lg, .dataset-collection-panel > .controls .navigation .back span.fa-li {
left: -1.85714em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left, .fa-pull-left.fa-icon, .fa-pull-left.panel-collapse, #tool-search .fa-pull-left#search-clear-btn, .fa-pull-left.state-icon {
margin-right: .3em; }
.fa.fa-pull-right, .fa-pull-right.fa-icon, .fa-pull-right.panel-collapse, #tool-search .fa-pull-right#search-clear-btn, .fa-pull-right.state-icon {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left, .pull-left.fa-icon, .pull-left.panel-collapse, #tool-search .pull-left#search-clear-btn, .pull-left.state-icon {
margin-right: .3em; }
.fa.pull-right, .pull-right.fa-icon, .pull-right.panel-collapse, #tool-search .pull-right#search-clear-btn, .pull-right.state-icon {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.fa-handshake-o:before {
content: ""; }
.fa-envelope-open:before {
content: ""; }
.fa-envelope-open-o:before {
content: ""; }
.fa-linode:before {
content: ""; }
.fa-address-book:before {
content: ""; }
.fa-address-book-o:before {
content: ""; }
.fa-vcard:before,
.fa-address-card:before {
content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""; }
.fa-user-circle:before {
content: ""; }
.fa-user-circle-o:before {
content: ""; }
.fa-user-o:before {
content: ""; }
.fa-id-badge:before {
content: ""; }
.fa-drivers-license:before,
.fa-id-card:before {
content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""; }
.fa-quora:before {
content: ""; }
.fa-free-code-camp:before {
content: ""; }
.fa-telegram:before {
content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: ""; }
.fa-shower:before {
content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: ""; }
.fa-podcast:before {
content: ""; }
.fa-window-maximize:before {
content: ""; }
.fa-window-minimize:before {
content: ""; }
.fa-window-restore:before {
content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: ""; }
.fa-bandcamp:before {
content: ""; }
.fa-grav:before {
content: ""; }
.fa-etsy:before {
content: ""; }
.fa-imdb:before {
content: ""; }
.fa-ravelry:before {
content: ""; }
.fa-eercast:before {
content: ""; }
.fa-microchip:before {
content: ""; }
.fa-snowflake-o:before {
content: ""; }
.fa-superpowers:before {
content: ""; }
.fa-wpexplorer:before {
content: ""; }
.fa-meetup:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
margin: 0;
position: relative;
display: inline-block;
/* inline-block for ie7 */
zoom: 1;
*display: inline;
vertical-align: middle; }
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
/*
Force border-box so that % widths fit the parent
container without overlap because of margin/padding.
More Info : http://www.quirksmode.org/css/box.html
*/
-webkit-box-sizing: border-box;
/* webkit */
-moz-box-sizing: border-box;
/* firefox */
box-sizing: border-box;
/* css3 */ }
.select2-container .select2-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
background-image: linear-gradient(to top, #eee 0%, #fff 50%); }
html[dir="rtl"] .select2-container .select2-choice {
padding: 0 8px 0 0; }
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); }
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px; }
.select2-container .select2-choice > .select2-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: none;
width: auto; }
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
margin-left: 26px;
margin-right: 0; }
.select2-container .select2-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url("../images/select2.png") right top no-repeat;
cursor: pointer;
outline: 0; }
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block; }
.select2-container .select2-choice abbr:hover {
background-position: right -11px;
cursor: pointer; }
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
/* styles required for IE to work */
background-color: #fff;
filter: alpha(opacity=0); }
.select2-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #aaa;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.select2-drop.select2-drop-above {
margin-top: 1px;
border-top: 1px solid #aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }
.select2-drop-active {
border: 1px solid #5897fb;
border-top: none; }
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #5897fb; }
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto; }
.select2-drop-auto-width .select2-search {
padding-top: 4px; }
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
background-image: linear-gradient(to top, #ccc 0%, #eee 60%); }
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
left: 0;
right: auto;
border-left: none;
border-right: 1px solid #aaa;
border-radius: 4px 0 0 4px; }
.select2-container .select2-choice .select2-arrow b {
display: block;
width: 100%;
height: 100%;
background: url("../images/select2.png") no-repeat 0 1px; }
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
background-position: 2px 1px; }
.select2-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap; }
.select2-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url("../images/select2.png") no-repeat 100% -22px;
background: url("../images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url("../images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }
html[dir="rtl"] .select2-search input {
padding: 4px 5px 4px 20px;
background: #fff url("../images/select2.png") no-repeat -37px -22px;
background: url("../images/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url("../images/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }
.select2-drop.select2-drop-above .select2-search input {
margin-top: 4px; }
.select2-search input.select2-active {
background: #fff url("../images/select2-spinner.gif") no-repeat 100%;
background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.select2-dropdown-open .select2-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to top, #fff 0%, #eee 50%); }
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #5897fb;
border-top-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); }
.select2-dropdown-open .select2-choice .select2-arrow {
background: transparent;
border-left: none;
filter: none; }
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
border-right: none; }
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px; }
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -16px 1px; }
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
/* results */
.select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: transparent; }
html[dir="rtl"] .select2-results {
padding: 0 4px 0 0;
margin: 4px 0 4px 4px; }
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 0; }
.select2-results li {
list-style: none;
display: list-item;
background-image: none; }
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold; }
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.select2-results-dept-1 .select2-result-label {
padding-left: 20px; }
.select2-results-dept-2 .select2-result-label {
padding-left: 40px; }
.select2-results-dept-3 .select2-result-label {
padding-left: 60px; }
.select2-results-dept-4 .select2-result-label {
padding-left: 80px; }
.select2-results-dept-5 .select2-result-label {
padding-left: 100px; }
.select2-results-dept-6 .select2-result-label {
padding-left: 110px; }
.select2-results-dept-7 .select2-result-label {
padding-left: 120px; }
.select2-results .select2-highlighted {
background: #3875d7;
color: #fff; }
.select2-results li em {
background: #feffde;
font-style: normal; }
.select2-results .select2-highlighted em {
background: transparent; }
.select2-results .select2-highlighted ul {
background: #fff;
color: #000; }
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
background: #f4f4f4;
display: list-item;
padding-left: 5px; }
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default; }
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default; }
.select2-results .select2-selected {
display: none; }
.select2-more-results.select2-active {
background: #f4f4f4 url("../images/select2-spinner.gif") no-repeat 100%; }
.select2-results .select2-ajax-error {
background: rgba(255, 50, 50, 0.2); }
.select2-more-results {
background: #f4f4f4;
display: list-item; }
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default; }
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0; }
.select2-container.select2-container-disabled .select2-choice abbr {
display: none; }
/* multiselect */
.select2-container-multi .select2-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0 5px 0 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); }
html[dir="rtl"] .select2-container-multi .select2-choices {
padding: 0 0 0 5px; }
.select2-locked {
padding: 3px 5px 3px 5px !important; }
.select2-container-multi .select2-choices {
min-height: 26px; }
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.select2-container-multi .select2-choices li {
float: left;
list-style: none; }
html[dir="rtl"] .select2-container-multi .select2-choices li {
float: right; }
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap; }
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: #666;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: #fff url("../images/select2-spinner.gif") no-repeat 100% !important; }
.select2-default {
color: #999 !important; }
.select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); }
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
margin: 3px 5px 3px 0;
padding: 3px 18px 3px 5px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default; }
.select2-container-multi .select2-choices .select2-search-choice-focus {
background: #d4d4d4; }
.select2-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url("../images/select2.png") right top no-repeat; }
html[dir="rtl"] .select2-search-choice-close {
right: auto;
left: 3px; }
.select2-container-multi .select2-search-choice-close {
left: 3px; }
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
left: auto;
right: 2px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
background-position: right -11px; }
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
background-position: right -11px; }
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
display: none;
background: none; }
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
text-decoration: underline; }
.select2-offscreen,
.select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important; }
.select2-display-none {
display: none; }
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll; }
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
background-image: url("../images/select2x2.png") !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important; }
.select2-search input {
background-position: 100% -21px !important; } }
/* fix for zero width select2 - remove when fixed there */
.select2-minwidth {
min-width: 256px; }
.reports-panel-container {
position: absolute;
/*From base.scss, top should be $panel_header_height*/
top: 30px;
bottom: 10px;
overflow: scroll;
width: 100%;
padding: 10px; }
#reports_home {
position: relative;
top: -7px;
float: right; }
#spark_time_select {
display: inline-block; }
#spark_select {
height: 23px;
width: 30px;
padding: 0;
border-radius: 2px; }
.jqstooltip {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.dir_arrow {
visibility: hidden; }
.chart {
cursor: zoom-in;
position: relative;
z-index: 2; }
.chart rect {
fill: steelblue;
shape-rendering: preserveAspectRatio; }
.chart text {
fill: black;
font: 7px sans-serif;
text-anchor: end; }
.tick text {
fill: black;
font-family: Arial, sans-serif;
font-size: 7px;
text-anchor: end; }
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: preserveAspectRatio; }
.x_path {
stroke: #000;
stroke-width: 1; }
.chart .title {
fill: black;
font-size: 15px;
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
font-weight: 800;
line-height: 1.1; }
.chart .ax_title {
fill: black; }
.hr_container,
.dy_container {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top; }
.charts {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
text-align: center;
position: relative;
display: block;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap; }
.trim {
position: relative;
height: 10px;
top: 50px;
background: #ebd9b2;
color: #000;
border-top: solid #d6b161 1px;
border-bottom: solid #d6b161 1px; }
.tool_tip text {
fill: white; }
#back_button,
#next_button,
#curr_button,
.miss_pages,
.page_button {
position: relative;
float: left;
height: 24px;
width: 23px;
margin: 0 -1px 0 0;
padding-top: 2.5px;
border: 1px solid #bfbfbf;
z-index: 0; }
#back_button {
cursor: pointer;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
#curr_button {
background: #ebd9b2;
border: 1px solid #5f6990;
z-index: 1; }
#formHeader > tbody > tr {
vertical-align: middle; }
#next_button {
cursor: pointer;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
#page_selector {
cursor: default;
position: relative;
text-align: center;
min-width: 132px; }
.page_button > a {
text-decoration: none;
padding: 8px;
margin: -8px;
height: 100%;
width: 100%; }
#entries_edit {
position: relative;
padding: 0;
width: 36px;
height: 20px;
text-align: center;
border: 1px solid black;
border-radius: 3px;
z-index: 6; }
#entry_form {
min-width: 123px; }
#entry_submit {
cursor: default;
position: relative;
display: inline-block;
border: 1px solid black;
padding: 0;
width: 22px;
height: 22px;
border-radius: 11px;
background-color: #ebd9b2;
text-align: center;
opacity: 0;
z-index: 0; }
.half_width {
width: 50%; }
.third_width {
width: 30%; }
.quarter_width {
width: 25%; }
.reportBody {
text-align: center;
text-align: -moz-center; }
#systemForm {
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 5px;
border-spacing: 5px;
border-collapse: separate; }
.lastAccessForm,
.diskUsageForm {
width: 70%;
margin-left: auto;
margin-right: auto;
padding: 5px;
border-spacing: 5px; }
.galaxy-frame {
/*
panel menu button
*/
/*
frame components
*/ }
.galaxy-frame .corner {
-moz-border-radius: 0.3125rem;
border-radius: 0.3125rem; }
.galaxy-frame .toggle {
color: gold; }
.galaxy-frame .frame-background {
z-index: 1000;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0.6;
background: #000;
overflow: auto; }
.galaxy-frame .frame-shadow {
z-index: 1001;
position: absolute;
display: none;
top: 0px;
left: 0px;
opacity: 0.5;
background: #2c3143;
border: 1px solid #dee2e6; }
.galaxy-frame .frame-menu {
z-index: 1005;
position: absolute;
cursor: pointer;
color: gold;
right: 10px; }
.galaxy-frame .frame-scroll-up {
top: 50px; }
.galaxy-frame .frame-scroll-down {
bottom: 20px; }
.galaxy-frame .frame {
z-index: 1002;
overflow: hidden;
position: absolute;
background: #fff;
border: 1px solid #dee2e6;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
/*
frame icons
*/ }
.galaxy-frame .frame .f-content {
position: absolute;
overflow: hidden;
background: #fff;
border: none;
top: 24px;
bottom: 3px;
left: 3px;
right: 3px; }
.galaxy-frame .frame .f-cover {
position: absolute;
display: none;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0;
background: #fff; }
.galaxy-frame .frame .f-iframe {
border: none;
width: 100%;
height: 100%; }
.galaxy-frame .frame .f-header {
height: 17px;
margin: 2px;
cursor: pointer;
border: 1px solid #000;
background: #2c3143;
color: #fff; }
.galaxy-frame .frame .f-header .f-icon-left {
cursor: pointer;
font-size: 15px;
margin-left: 3px;
float: left; }
.galaxy-frame .frame .f-header .f-icon-left[disabled] {
opacity: 0.25; }
.galaxy-frame .frame .f-title {
position: absolute;
top: 2px;
left: 32px;
right: 32px;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-align: center; }
.galaxy-frame .frame .f-not-allowed {
cursor: not-allowed; }
.galaxy-frame .frame .f-close {
cursor: pointer;
position: absolute;
font-size: 15px;
right: 5px;
top: 2px; }
.galaxy-frame .frame .f-resize {
cursor: pointer;
position: absolute;
font-size: 15px;
right: 0px;
bottom: 0px;
background: #fff;
width: 16px;
height: 16px;
color: #2c3143;
right: 0px;
bottom: 0px;
text-align: center;
line-height: 16px;
border: 0px; }
.upload-button {
position: relative;
width: 31px;
height: 21px;
cursor: pointer;
-moz-border-radius: 0.1875rem;
border-radius: 0.1875rem; }
.upload-button .progress {
height: 21px;
margin: 0px;
font-size: 0.75rem;
background-color: #f5f5f5; }
.upload-button .progress-bar-danger {
background: #f4a3a5; }
.upload-button .progress-bar-success {
background: #c2ebc2; }
.upload-button .progress-bar-info {
background: #ffffcc; }
.upload-button .progress-bar-notransition {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.upload-button .panel-header-button {
position: absolute;
width: 31px !important;
text-align: center;
font-size: 1.2em;
padding: 0px; }
.upload-view-default .highlight, .upload-view-composite .highlight {
border-color: #bdc6d0 !important;
border-width: 2px !important;
padding: 9px !important; }
.upload-view-default .highlight .upload-helper, .upload-view-composite .highlight .upload-helper {
color: #bdc6d0 !important; }
.upload-view-default .upload-box, .upload-view-composite .upload-box {
width: 100%;
height: 310px;
text-align: center;
overflow: scroll;
font-size: 0.8rem;
-moz-border-radius: 0.3125rem;
border-radius: 0.3125rem;
border: 1px dashed #bfbfbf;
padding: 10px;
overflow-x: hidden;
-ms-overflow-style: none; }
.upload-view-default .upload-box .upload-helper, .upload-view-composite .upload-box .upload-helper {
padding: 120px;
color: #bfbfbf; }
.upload-view-default .upload-box .upload-helper i, .upload-view-composite .upload-box .upload-helper i {
margin-right: 10px;
font-size: inherit; }
.upload-view-default .upload-box .upload-row, .upload-view-composite .upload-box .upload-row {
/* Add back in lenght of extension, genome, and settings. */ }
.upload-view-default .upload-box .upload-row .select2-arrow b, .upload-view-composite .upload-box .upload-row .select2-arrow b {
background-position: 0 -3px; }
.upload-view-default .upload-box .upload-row .select2-choice, .upload-view-composite .upload-box .upload-row .select2-choice {
max-height: 20px;
line-height: 18px;
background: transparent; }
.upload-view-default .upload-box .upload-row .select2-container-disabled .select2-arrow, .upload-view-composite .upload-box .upload-row .select2-container-disabled .select2-arrow {
background: transparent; }
.upload-view-default .upload-box .upload-row .upload-title, .upload-view-composite .upload-box .upload-row .upload-title {
width: 130px;
word-wrap: break-word;
font-size: 0.7rem;
float: left; }
.upload-view-default .upload-box .upload-row .upload-title-extended, .upload-view-composite .upload-box .upload-row .upload-title-extended {
width: 380px;
word-wrap: break-word;
font-size: 0.7rem;
float: left; }
.upload-view-default .upload-box .upload-row .upload-size, .upload-view-composite .upload-box .upload-row .upload-size {
width: 60px;
white-space: nowrap; }
.upload-view-default .upload-box .upload-row .upload-extension, .upload-view-composite .upload-box .upload-row .upload-extension {
width: 100px;
min-width: 100px;
font-size: 0.7rem; }
.upload-view-default .upload-box .upload-row .upload-genome, .upload-view-composite .upload-box .upload-row .upload-genome {
width: 150px;
min-width: 150px;
font-size: 0.7rem; }
.upload-view-default .upload-box .upload-row .upload-mode, .upload-view-composite .upload-box .upload-row .upload-mode {
font-size: 1.2em;
width: 1.2em;
float: left;
position: relative;
top: 2px; }
.upload-view-default .upload-box .upload-row .upload-text-column, .upload-view-composite .upload-box .upload-row .upload-text-column {
position: relative; }
.upload-view-default .upload-box .upload-row .upload-text-column .upload-text, .upload-view-composite .upload-box .upload-row .upload-text-column .upload-text {
position: absolute;
display: none; }
.upload-view-default .upload-box .upload-row .upload-text-column .upload-text .upload-text-content, .upload-view-composite .upload-box .upload-row .upload-text-column .upload-text .upload-text-content {
font-size: 0.7rem;
width: 100%;
height: 80px;
resize: none;
background: inherit;
color: #000;
white-space: pre;
overflow: auto; }
.upload-view-default .upload-box .upload-row .upload-text-column .upload-text .upload-text-info, .upload-view-composite .upload-box .upload-row .upload-text-column .upload-text .upload-text-info {
font-size: 0.7rem; }
.upload-view-default .upload-box .upload-row .upload-info, .upload-view-composite .upload-box .upload-row .upload-info {
width: 130px;
font-size: 0.7rem;
line-height: 1.2em; }
.upload-view-default .upload-box .upload-row .upload-info .progress, .upload-view-composite .upload-box .upload-row .upload-info .progress {
top: 1px;
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
line-height: 1.55em; }
.upload-view-default .upload-box .upload-row .upload-info .progress .progress-bar, .upload-view-composite .upload-box .upload-row .upload-info .progress .progress-bar {
border-radius: inherit;
-moz-border-radius: inherit; }
.upload-view-default .upload-box .upload-row .upload-info .progress .upload-percentage, .upload-view-composite .upload-box .upload-row .upload-info .progress .upload-percentage {
position: absolute;
text-align: center;
width: 100%;
color: #fff; }
.upload-view-default .upload-rule-option, .upload-view-composite .upload-rule-option {
padding-top: 20px; }
.upload-view-default .upload-rule-option .upload-rule-option-title, .upload-view-composite .upload-rule-option .upload-rule-option-title {
font-weight: bold;
padding-bottom: 5px; }
.upload-view-default .upload-box-solid, .upload-view-composite .upload-box-solid {
border: 1px solid #bfbfbf; }
.upload-view-default .upload-buttons, .upload-view-composite .upload-buttons {
padding-top: 30px; }
.upload-view-default .upload-buttons button, .upload-view-composite .upload-buttons button {
margin-left: 5px; }
.upload-view-default .upload-icon, .upload-view-composite .upload-icon {
font-size: 1.2em;
width: 1.2em; }
.upload-view-default .upload-icon-button, .upload-view-composite .upload-icon-button {
font-size: 1.2em;
width: 1.2em;
cursor: pointer;
position: relative;
top: 1px; }
.upload-view-composite .upload-box .upload-row .upload-title {
width: 175px; }
.upload-view-composite .upload-box .upload-row .upload-source {
width: 80px; }
.upload-view-composite .upload-box .upload-row .upload-source .btn, .upload-view-composite .upload-box .upload-row .upload-source input[type="submit"], .upload-view-composite .upload-box .upload-row .upload-source
button, .upload-view-composite .upload-box .upload-row .upload-source .action-button, .upload-view-composite .upload-box .upload-row .upload-source .menubutton {
padding: 0px 10px; }
.upload-ftp-base, .upload-ftp, .upload-ftp-full {
position: relative; }
.upload-ftp-base .upload-ftp-wait, .upload-ftp .upload-ftp-wait, .upload-ftp-full .upload-ftp-wait {
font-size: 1.2em;
position: absolute;
bottom: 10px;
right: 10px; }
.upload-ftp-base .upload-ftp-help, .upload-ftp .upload-ftp-help, .upload-ftp-full .upload-ftp-help {
margin-bottom: 10px; }
.upload-ftp-base .upload-ftp-warning, .upload-ftp .upload-ftp-warning, .upload-ftp-full .upload-ftp-warning {
text-align: center;
margin-top: 50px; }
.upload-ftp-base .upload-ftp-row, .upload-ftp .upload-ftp-row, .upload-ftp-full .upload-ftp-row {
cursor: pointer; }
.upload-ftp-base .upload-ftp-row .ftp-name, .upload-ftp .upload-ftp-row .ftp-name, .upload-ftp-full .upload-ftp-row .ftp-name {
position: relative;
word-wrap: break-word; }
.upload-ftp-base .upload-ftp-row .ftp-size, .upload-ftp .upload-ftp-row .ftp-size, .upload-ftp-full .upload-ftp-row .ftp-size {
white-space: nowrap; }
.upload-ftp-base .upload-ftp-row .ftp-time, .upload-ftp .upload-ftp-row .ftp-time, .upload-ftp-full .upload-ftp-row .ftp-time {
white-space: nowrap; }
.upload-ftp-base th, .upload-ftp th, .upload-ftp-full th {
padding: 5px !important; }
.upload-ftp-base td, .upload-ftp td, .upload-ftp-full td {
padding: 8px 5px !important; }
.upload-ftp {
height: 250px;
width: 500px;
overflow-y: auto;
overflow-x: hidden; }
.upload-ftp .upload-ftp-row {
cursor: pointer; }
.upload-ftp .upload-ftp-row .ftp-name {
width: 240px; }
.upload-ftp .upload-ftp-row .ftp-size {
width: 60px; }
.upload-ftp .upload-ftp-row .ftp-time {
width: 165px; }
.upload-ftp-full .upload-ftp-content {
line-height: 2em !important; }
.upload-ftp-full th {
text-align: center !important; }
.upload-table td {
padding: 0.5rem; }
.upload-settings {
position: relative; }
.upload-settings .upload-settings-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
opacity: 0.4;
cursor: no-drop; }
.upload-settings tr {
cursor: pointer; }
.upload-footer {
height: 20px;
text-align: left;
max-height: 20px;
line-height: 18px;
margin-top: 10px; }
.upload-footer .upload-footer-title {
font-weight: bold;
padding-left: 60px;
padding-right: 20px; }
.upload-footer .upload-footer-title-compressed {
font-weight: bold;
padding-left: 20px;
padding-right: 10px; }
.upload-footer .upload-footer-selection {
width: 200px;
min-width: 200px;
font-size: 11px;
padding-right: 10px; }
.upload-footer .upload-footer-selection-compressed {
width: 120px;
min-width: 120px;
font-size: 11px;
padding-right: 10px; }
.upload-footer .select2-choice {
max-height: 20px;
line-height: 18px;
background: transparent;
text-align: center;
font-weight: normal; }
.upload-footer .select2-choice .select2-arrow b {
background-position: 0 -3px; }
.upload-top {
height: 20px;
text-align: center; }
.upload-top .upload-top-info {
margin-top: 0px;
font-weight: normal;
text-align: center; }
.no-highlight {
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-khtml-user-select: none;
/* webkit (konqueror) browsers */
-ms-user-select: none;
/* IE10+ */ }
.no-transition, .ui-button-default .progress .progress-bar {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important; }
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.ui-modal {
display: none;
overflow: auto; }
.ui-modal .modal-header.no-separator {
border: none !important;
padding-bottom: 0px !important; }
.ui-modal .modal-backdrop {
z-index: -1;
opacity: 0.5; }
.ui-modal .modal-body {
position: static; }
.ui-modal .modal-footer .buttons {
float: right; }
.ui-button-default {
float: right; }
.ui-button-default .progress .progress-bar {
background: #4fc54f; }
.ui-button-icon-plain {
border: none !important;
background: none !important;
float: right; }
.ui-button-check {
cursor: pointer; }
.ui-button-check .icon {
font-size: 1.2em;
width: 1em; }
.tabbable .nav-item {
cursor: pointer; }
.ui-thumbnails .ui-thumbnails-item {
cursor: pointer; }
.ui-thumbnails .ui-thumbnails-item .ui-thumbnails-image {
padding: 10px;
width: 100px;
height: 86px; }
.ui-thumbnails .ui-thumbnails-item .ui-thumbnails-icon {
width: 100px;
height: 86px;
font-size: 4em;
padding: 20px 26px;
color: #316da2; }
.ui-thumbnails .ui-thumbnails-item .ui-thumbnails-text {
word-wrap: break-word; }
.ui-thumbnails .ui-thumbnails-item:hover .ui-thumbnails-title {
text-decoration: underline; }
.ui-thumbnails .ui-thumbnails-item:hover .ui-thumbnails-text {
text-decoration: underline; }
.ui-form-element, .ui-form-element-disabled {
margin-top: 0.375rem;
margin-bottom: 0.375rem;
overflow: visible;
clear: both; }
.ui-form-element .ui-form-title, .ui-form-element-disabled .ui-form-title {
word-wrap: break-word;
font-weight: bold; }
.ui-form-element .ui-form-title .ui-form-collapsible, .ui-form-element-disabled .ui-form-title .ui-form-collapsible {
cursor: pointer; }
.ui-form-element .ui-form-title .ui-form-collapsible .icon, .ui-form-element-disabled .ui-form-title .ui-form-collapsible .icon {
font-size: 1.2em;
width: 20px;
position: relative;
top: 1px; }
.ui-form-element .ui-form-field, .ui-form-element-disabled .ui-form-field {
position: relative;
margin-top: 0.375rem; }
.ui-form-element .ui-form-field .ui-form-wp-source, .ui-form-element-disabled .ui-form-field .ui-form-wp-source {
border-left-width: 10px; }
.ui-form-element .ui-form-field .ui-form-wp-target, .ui-form-element-disabled .ui-form-field .ui-form-wp-target {
box-shadow: none;
border-top: none;
border-bottom: none;
border-right: none;
border-left-width: 5px;
font-style: italic; }
.ui-form-element .ui-form-field .ui-form-backdrop, .ui-form-element-disabled .ui-form-field .ui-form-backdrop {
display: none;
z-index: 10;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background: #fff;
display: block;
opacity: 0;
cursor: default; }
.ui-form-element .ui-form-preview, .ui-form-element-disabled .ui-form-preview {
margin-top: 0.375rem;
border-color: transparent !important;
box-shadow: none !important;
height: auto !important; }
.ui-form-element-disabled .ui-form-title {
font-weight: normal; }
.ui-form-composite {
height: 100%;
flex-direction: column;
display: flex; }
.ui-form-composite .ui-steps {
overflow: auto; }
.ui-portlet, .ui-portlet-section {
border: none;
height: 100%; }
.ui-portlet .portlet-header:first-child, .ui-portlet-section .portlet-header:first-child {
background: #e9ecef; }
.ui-portlet .portlet-header:first-child .portlet-title .portlet-title-text.collapsible, .ui-portlet-section .portlet-header:first-child .portlet-title .portlet-title-text.collapsible {
cursor: pointer;
text-decoration: underline; }
.ui-portlet .portlet-backdrop, .ui-portlet-section .portlet-backdrop {
display: none;
z-index: 10;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.2;
background: #fff;
cursor: not-allowed; }
.ui-portlet-section {
border: none;
border-left: solid 3px #e9ecef;
border-radius: 0.3125rem; }
.ui-portlet-section .portlet-header:first-child {
background: #e9ecef;
border-top-right-radius: 0.3125rem !important;
padding: 5px; }
.popover {
max-width: 700px; }
.popover .popover-header i {
font-size: 1.1em;
cursor: pointer; }
.ui-input, .ui-form-element .ui-form-preview, .ui-form-element-disabled .ui-form-preview, .ui-textarea, .ui-options .ui-options-list, .ui-select select, .ui-select .select2-container .select2-choice, .ui-select .select2-container-multi .select2-choices {
height: calc(1.95rem + 2px);
background: transparent; }
.ui-input[disabled], .ui-form-element [disabled].ui-form-preview, .ui-form-element-disabled [disabled].ui-form-preview, [disabled].ui-textarea, .ui-options [disabled].ui-options-list, .ui-select select[disabled], .ui-select .select2-container [disabled].select2-choice, .ui-select .select2-container-multi [disabled].select2-choices, .ui-input[readonly], .ui-form-element [readonly].ui-form-preview, .ui-form-element-disabled [readonly].ui-form-preview, [readonly].ui-textarea, .ui-options [readonly].ui-options-list, .ui-select select[readonly], .ui-select .select2-container [readonly].select2-choice, .ui-select .select2-container-multi [readonly].select2-choices,
fieldset[disabled] .ui-input,
fieldset[disabled] .ui-form-element .ui-form-preview, .ui-form-element
fieldset[disabled] .ui-form-preview,
fieldset[disabled] .ui-form-element-disabled .ui-form-preview, .ui-form-element-disabled
fieldset[disabled] .ui-form-preview,
fieldset[disabled] .ui-textarea,
fieldset[disabled] .ui-options .ui-options-list, .ui-options
fieldset[disabled] .ui-options-list,
fieldset[disabled] .ui-select select, .ui-select
fieldset[disabled] select,
fieldset[disabled] .ui-select .select2-container .select2-choice, .ui-select .select2-container
fieldset[disabled] .select2-choice,
fieldset[disabled] .ui-select .select2-container-multi .select2-choices, .ui-select .select2-container-multi
fieldset[disabled] .select2-choices {
cursor: not-allowed;
background-color: #e9ecef; }
.ui-textarea {
height: 100px !important; }
.ui-options .ui-options-list {
height: 100% !important; }
.ui-options .ui-options-list input[type="checkbox"],
.ui-options .ui-options-list input[type="radio"] {
display: none; }
.ui-options .ui-options-list label {
margin: 0px;
cursor: pointer; }
.ui-options .ui-options-list .ui-drilldown-button {
float: left;
cursor: pointer;
font-size: 1.2em;
margin-right: 5px;
margin-top: 3px; }
.ui-options .ui-options-list .ui-drilldown-subgroup {
display: none;
margin-left: 25px; }
.ui-options .ui-options-list input[type="checkbox"] + label:before {
font-family: FontAwesome;
display: inline-block;
font-style: normal;
font-size: 1.2em;
margin-right: 5px;
position: relative;
top: 1px;
width: 10px;
content: "\f096"; }
.ui-options .ui-options-list input[type="checkbox"]:checked + label:before {
content: "\f046"; }
.ui-options .ui-options-list input[type="radio"] + label:before {
font-family: FontAwesome;
display: inline-block;
font-style: normal;
font-size: 1.2em;
margin-right: 5px;
position: relative;
top: 1px;
width: 10px;
content: "\f1db"; }
.ui-options .ui-options-list input[type="radio"]:checked + label:before {
content: "\f192"; }
.ui-color-picker .ui-color-picker-header {
cursor: pointer; }
.ui-color-picker .ui-color-picker-value {
float: left;
border-radius: 3px;
border: solid 1px #000000;
width: 12px;
height: 12px;
margin-right: 5px; }
.ui-color-picker .ui-color-picker-label {
line-height: 1.2em;
margin-bottom: 5px; }
.ui-color-picker .ui-color-picker-view {
height: 100%;
overflow: auto;
display: none;
float: left;
margin-bottom: 5px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel {
width: 210px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel .ui-color-picker-content {
margin-bottom: 15px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel .ui-color-picker-content .badge {
padding-bottom: 2px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel .ui-color-picker-content .line .ui-color-picker-box {
cursor: pointer;
float: left;
margin-right: 5px;
border: solid 1px #c0c0c0;
width: 15px;
height: 15px;
border-radius: 2px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel .ui-color-picker-content .line .ui-color-picker-box .ui-color-picker-check {
color: black;
font-size: 1.2em;
position: relative;
left: 1px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel .ui-color-picker-content:first-child {
padding-top: 5px;
padding-bottom: 10px; }
.ui-color-picker .ui-color-picker-view .ui-color-picker-panel .ui-color-picker-content:last-child {
padding-top: 85px;
padding-bottom: 5px; }
.ui-select {
position: relative; }
.ui-select .icon-dropdown {
position: absolute;
top: 0.7rem;
right: 0.5rem;
cursor: pointer; }
.ui-select select {
cursor: pointer;
-webkit-appearance: none;
-moz-border-radius: 0.1875rem; }
.ui-select .select2-container {
width: 100%; }
.ui-select .select2-container .select2-choice {
background-image: none;
background: transparent;
-webkit-appearance: none;
-moz-border-radius: 0.1875rem;
line-height: 1.5rem; }
.ui-select .select2-container .select2-choice .select2-arrow {
display: none; }
.ui-select-multiple .icon-resize {
position: absolute;
right: 0rem;
cursor: row-resize; }
.ui-select-multiple .icon-resize i {
position: absolute;
right: 0.2rem;
bottom: 0.2rem; }
.ui-select-multiple select {
min-height: 8rem; }
.ui-dragover, .ui-dragover-danger, .ui-dragover-success {
border-radius: 3px;
border: 2px solid #bdc6d0;
background: white;
padding: 2px; }
.ui-dragover-danger {
border: 2px solid #f4a3a5;
background: #f9d1d2 !important; }
.ui-dragover-success {
border: 2px solid #c2ebc2;
background: #e8f8e8 !important; }
.select2-drop-active,
.select2-drop-above.select2-drop-active {
border: 1px solid #aaa; }
.library_style_container {
width: 95%;
margin: auto;
margin-top: 1em;
overflow: auto !important; }
.library_style_container .fa, .library_style_container .fa-icon, .library_style_container .panel-collapse, .library_style_container #tool-search #search-clear-btn, #tool-search .library_style_container #search-clear-btn, .library_style_container .state-icon {
font-size: 12px; }
.library_style_container .fa-globe,
.library_style_container .fa-shield,
.library_style_container .fa-key,
.library_style_container .fa-ban {
font-size: initial;
margin-left: 0.6em; }
.library_style_container .libraryRow {
background-color: #f8f9fa; }
.library_style_container .datasetHighlighted {
background-color: #f9f9f9; }
.library_style_container .libraryItemDeleted-True {
font-style: italic; }
.library_style_container div.libraryItemBody {
padding: 4px 4px 2px 4px; }
.library_style_container li.folderRow,
.library_style_container li.datasetRow {
border-top: solid 1px #bdc6d0; }
.library_style_container li.folderRow:hover,
.library_style_container li.datasetRow:hover {
background-color: #f9f9f9; }
.library_style_container td.right-center {
vertical-align: middle !important;
text-align: right; }
.library_style_container .library-genome-select {
max-width: 350px; }
.library_style_container .library-extension-select {
max-width: 140px; }
.library_style_container .library_table td {
border-top: 1px solid #5f6990 !important; }
.library_style_container .library_table th {
border-bottom: 2px solid #5f6990 !important; }
.library_style_container .library_table a {
color: #0a143d; }
.library_style_container .library_table a:hover {
color: maroon; }
.library_style_container tr.light td {
background-color: white;
color: black; }
.library_style_container tr.light:hover td {
background-color: #f5e8cc; }
.library_style_container tr.dark td {
background-color: #d6b161;
color: white; }
.library_style_container tr.dark:hover td {
background-color: #ebd4a4;
color: white; }
.library_style_container a.dark {
color: white; }
.library_style_container .dataset_table tr,
.library_style_container .dataset_table th,
.library_style_container .dataset_table td {
border: none; }
.library_style_container .dataset_table .dataset-first-column {
width: 30%; }
.library_style_container th.button_heading {
width: 2em; }
.library_style_container .bigdrop.select2-container .select2-results {
max-height: 300px; }
.library_style_container .bigdrop .select2-results {
max-height: 300px; }
.library_style_container .select2-container-multi {
width: 100%; }
.library_style_container .roles-selection {
width: 66%; }
.library_style_container #libraries_element button,
.library_style_container #folder_items_element button {
margin-left: 0.5em; }
.library_style_container .import-type-switch {
text-decoration: underline; }
.library_style_container .libimport-select-none,
.library_style_container .libimport-select-all {
margin-left: 0.5em; }
.library_style_container td,
.library_style_container thead {
vertical-align: middle; }
.library_style_container .mid {
vertical-align: middle;
text-align: center; }
.modal-content .library_selected_history_content ul {
list-style-type: none; }
.modal-content .library-collection-type-select,
.modal-content .library-collection-history-select {
margin-left: auto;
margin-right: auto;
width: 200px;
min-width: 200px; }
.modal-content .library-modal-item {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 1.5em; }
.libraryTitle th {
text-align: left; }
.libraryTitle .rowTitle {
padding: 2px; }
.toast-title {
font-weight: bold; }
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word; }
.toast-message a,
.toast-message label {
color: #ffffff; }
.toast-message a:hover {
color: #cccccc;
text-decoration: none; }
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
-webkit-text-shadow: 0 1px 0 white;
text-shadow: 0 1px 0 white;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${opacityPercent})";
filter: "alpha(opacity=${opacityPercent})"; }
.toast-close-button:hover, .toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${opacityPercent})";
filter: "alpha(opacity=${opacityPercent})"; }
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.toast-top-full-width {
top: 0;
right: 0;
width: 100%; }
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%; }
.toast-top-left {
top: 12px;
left: 12px; }
.toast-top-right {
top: 12px;
right: 12px; }
.toast-bottom-right {
right: 12px;
bottom: 12px; }
.toast-bottom-left {
bottom: 12px;
left: 12px; }
#toast-container {
position: fixed;
z-index: 999999;
/*overrides*/ }
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#toast-container > div {
margin: 4em 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #ffffff;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${opacityPercent})";
filter: "alpha(opacity=${opacityPercent})"; }
#toast-container > :hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${opacityPercent})";
filter: "alpha(opacity=${opacityPercent})";
cursor: pointer; }
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin: auto; }
.toast {
background-color: #030303; }
.toast-success {
background-color: #51a351; }
.toast-error {
background-color: #bd362f; }
.toast-info {
background-color: #2f96b4; }
.toast-warning {
background-color: #f89406; }
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em; }
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em; } }
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 18em; }
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em; } }
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em; } }
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none; }
.jstree-node {
white-space: nowrap; }
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top; }
.jstree-anchor:focus {
outline: 0; }
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit; }
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center; }
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center; }
.jstree-ocl {
cursor: pointer; }
.jstree-leaf > .jstree-ocl {
cursor: default; }
.jstree .jstree-open > .jstree-children {
display: block; }
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none; }
.jstree-anchor > .jstree-themeicon {
margin-right: 2px; }
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none; }
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px; }
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0; }
.jstree-rtl .jstree-node {
margin-left: 0; }
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0; }
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%; }
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer; }
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative; }
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.vakata-context {
display: none; }
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
-moz-box-shadow: 5px 5px 4px -4px #666666;
-webkit-box-shadow: 2px 2px 2px #999999;
box-shadow: 2px 2px 2px #999999; }
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px; }
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px; }
.vakata-context li {
list-style: none;
display: inline; }
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
-moz-text-shadow: 1px 1px 0 white;
-webkit-text-shadow: 1px 1px 0 white;
text-shadow: 1px 1px 0 white;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px; }
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
-moz-box-shadow: 0 0 2px #0a6aa1;
-webkit-box-shadow: 0 0 2px #0a6aa1;
box-shadow: 0 0 2px #0a6aa1; }
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat; }
.vakata-context li > a:focus {
outline: 0; }
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
-moz-box-shadow: 0 0 2px #0a6aa1;
-webkit-box-shadow: 0 0 2px #0a6aa1;
box-shadow: 0 0 2px #0a6aa1; }
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
-moz-text-shadow: 0 0 0 transparent;
-webkit-text-shadow: 0 0 0 transparent;
text-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0; }
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em; }
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em; }
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3; }
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none; }
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px; }
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat; }
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3; }
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto; }
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0; }
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3; }
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0; }
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px; }
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px; }
#jstree-dnd .jstree-ok {
background: green; }
#jstree-dnd .jstree-er {
background: red; }
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px; }
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent; }
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s; }
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #ccc; }
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999; }
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none; }
.jstree-default .jstree-disabled {
background: transparent;
color: #666; }
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none; }
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef; }
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */ }
.jstree-default .jstree-search {
font-style: italic;
color: #8b0000;
font-weight: bold; }
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
display: none !important; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
background: transparent;
box-shadow: none; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #e7f4f9; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
background: transparent; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #e7f4f9; }
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
background-image: url("../images/jstree/32px.png");
background-repeat: no-repeat;
background-color: transparent; }
#jstree-dnd.jstree-default i {
background: transparent;
width: 16px;
height: 16px; }
#jstree-dnd.jstree-default .jstree-ok {
background-position: -9px -71px; }
#jstree-dnd.jstree-default .jstree-er {
background-position: -39px -71px; }
.jstree-default > .jstree-striped {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; }
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
background: transparent;
box-shadow: none;
border-radius: 0; }
.jstree-default .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.jstree-default .jstree-wholerow-hovered {
background: #e7f4f9; }
.jstree-default .jstree-wholerow-clicked {
background: #beebff;
background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=0 );*/ }
.jstree-default .jstree-node {
min-height: 24px;
line-height: 24px;
margin-left: 24px;
min-width: 24px; }
.jstree-default .jstree-anchor {
line-height: 24px;
height: 24px; }
.jstree-default .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px; }
.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px; }
.jstree-default.jstree-rtl .jstree-node {
margin-right: 24px; }
.jstree-default .jstree-wholerow {
height: 24px; }
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-image: url("../images/jstree/32px.png"); }
.jstree-default .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y; }
.jstree-default .jstree-last {
background: transparent; }
.jstree-default .jstree-open > .jstree-ocl {
background-position: -132px -4px; }
.jstree-default .jstree-closed > .jstree-ocl {
background-position: -100px -4px; }
.jstree-default .jstree-leaf > .jstree-ocl {
background-position: -68px -4px; }
.jstree-default .jstree-themeicon {
background-position: -260px -4px; }
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -4px; }
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -4px; }
.jstree-default .jstree-disabled {
background: transparent; }
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent; }
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef; }
.jstree-default .jstree-checkbox {
background-position: -164px -4px; }
.jstree-default .jstree-checkbox:hover {
background-position: -164px -36px; }
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
background-position: -228px -4px; }
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
background-position: -228px -36px; }
.jstree-default .jstree-anchor > .jstree-undetermined {
background-position: -196px -4px; }
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
background-position: -196px -36px; }
.jstree-default > .jstree-striped {
background-size: auto 48px; }
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y; }
.jstree-default.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -132px -36px; }
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -100px -36px; }
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -68px -36px; }
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -36px; }
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -36px; }
.jstree-default .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0; }
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("../images/jstree/throbber.gif") center center no-repeat; }
.jstree-default .jstree-file {
background: url("../images/jstree/32px.png") -100px -68px no-repeat; }
.jstree-default .jstree-folder {
background: url("../images/jstree/32px.png") -260px -4px no-repeat; }
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); }
.jstree-default.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px; }
.jstree-default-small .jstree-anchor {
line-height: 18px;
height: 18px; }
.jstree-default-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px; }
.jstree-default-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px; }
.jstree-default-small.jstree-rtl .jstree-node {
margin-right: 18px; }
.jstree-default-small .jstree-wholerow {
height: 18px; }
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
background-image: url("../images/jstree/32px.png"); }
.jstree-default-small .jstree-node {
background-position: -295px -7px;
background-repeat: repeat-y; }
.jstree-default-small .jstree-last {
background: transparent; }
.jstree-default-small .jstree-open > .jstree-ocl {
background-position: -135px -7px; }
.jstree-default-small .jstree-closed > .jstree-ocl {
background-position: -103px -7px; }
.jstree-default-small .jstree-leaf > .jstree-ocl {
background-position: -71px -7px; }
.jstree-default-small .jstree-themeicon {
background-position: -263px -7px; }
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -7px; }
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -7px; }
.jstree-default-small .jstree-disabled {
background: transparent; }
.jstree-default-small .jstree-disabled.jstree-hovered {
background: transparent; }
.jstree-default-small .jstree-disabled.jstree-clicked {
background: #efefef; }
.jstree-default-small .jstree-checkbox {
background-position: -167px -7px; }
.jstree-default-small .jstree-checkbox:hover {
background-position: -167px -39px; }
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
background-position: -231px -7px; }
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
background-position: -231px -39px; }
.jstree-default-small .jstree-anchor > .jstree-undetermined {
background-position: -199px -7px; }
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
background-position: -199px -39px; }
.jstree-default-small > .jstree-striped {
background-size: auto 36px; }
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y; }
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -135px -39px; }
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -103px -39px; }
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -71px -39px; }
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -39px; }
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -39px; }
.jstree-default-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0; }
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("../images/jstree/throbber.gif") center center no-repeat; }
.jstree-default-small .jstree-file {
background: url("../images/jstree/32px.png") -103px -71px no-repeat; }
.jstree-default-small .jstree-folder {
background: url("../images/jstree/32px.png") -263px -7px no-repeat; }
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); }
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px; }
.jstree-default-large .jstree-anchor {
line-height: 32px;
height: 32px; }
.jstree-default-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px; }
.jstree-default-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px; }
.jstree-default-large.jstree-rtl .jstree-node {
margin-right: 32px; }
.jstree-default-large .jstree-wholerow {
height: 32px; }
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
background-image: url("../images/jstree/32px.png"); }
.jstree-default-large .jstree-node {
background-position: -288px 0px;
background-repeat: repeat-y; }
.jstree-default-large .jstree-last {
background: transparent; }
.jstree-default-large .jstree-open > .jstree-ocl {
background-position: -128px 0px; }
.jstree-default-large .jstree-closed > .jstree-ocl {
background-position: -96px 0px; }
.jstree-default-large .jstree-leaf > .jstree-ocl {
background-position: -64px 0px; }
.jstree-default-large .jstree-themeicon {
background-position: -256px 0px; }
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px 0px; }
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px 0px; }
.jstree-default-large .jstree-disabled {
background: transparent; }
.jstree-default-large .jstree-disabled.jstree-hovered {
background: transparent; }
.jstree-default-large .jstree-disabled.jstree-clicked {
background: #efefef; }
.jstree-default-large .jstree-checkbox {
background-position: -160px 0px; }
.jstree-default-large .jstree-checkbox:hover {
background-position: -160px -32px; }
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
background-position: -224px 0px; }
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
background-position: -224px -32px; }
.jstree-default-large .jstree-anchor > .jstree-undetermined {
background-position: -192px 0px; }
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
background-position: -192px -32px; }
.jstree-default-large > .jstree-striped {
background-size: auto 64px; }
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y; }
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -128px -32px; }
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -96px -32px; }
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -64px -32px; }
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px -32px; }
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px -32px; }
.jstree-default-large .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0; }
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("../images/jstree/throbber.gif") center center no-repeat; }
.jstree-default-large .jstree-file {
background: url("../images/jstree/32px.png") -96px -64px no-repeat; }
.jstree-default-large .jstree-folder {
background: url("../images/jstree/32px.png") -256px 0px no-repeat; }
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); }
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent; }
@media (max-width: 768px) {
#jstree-dnd.jstree-dnd-responsive {
line-height: 40px;
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white; }
#jstree-dnd.jstree-dnd-responsive > i {
background: transparent;
width: 40px;
height: 40px; }
#jstree-dnd.jstree-dnd-responsive > .jstree-ok {
background-image: url("../images/jstree/40px.png");
background-position: 0 -200px;
background-size: 120px 240px; }
#jstree-dnd.jstree-dnd-responsive > .jstree-er {
background-image: url("../images/jstree/40px.png");
background-position: -40px -200px;
background-size: 120px 240px; }
#jstree-marker.jstree-dnd-responsive {
border-left-width: 10px;
border-top-width: 10px;
border-bottom-width: 10px;
margin-top: -10px; } }
@media (max-width: 768px) {
.jstree-default-responsive {
/*
.jstree-open > .jstree-ocl,
.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
*/ }
.jstree-default-responsive .jstree-icon {
background-image: url("../images/jstree/40px.png"); }
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default-responsive .jstree-node {
min-height: 40px;
line-height: 40px;
margin-left: 40px;
min-width: 40px;
white-space: nowrap; }
.jstree-default-responsive .jstree-anchor {
line-height: 40px;
height: 40px; }
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
width: 40px;
height: 40px;
line-height: 40px; }
.jstree-default-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0; }
.jstree-default-responsive.jstree-rtl .jstree-node {
margin-left: 0;
margin-right: 40px; }
.jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0; }
.jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-size: 120px 240px; }
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background: transparent; }
.jstree-default-responsive .jstree-open > .jstree-ocl {
background-position: 0 0px !important; }
.jstree-default-responsive .jstree-closed > .jstree-ocl {
background-position: 0 -40px !important; }
.jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -40px 0px !important; }
.jstree-default-responsive .jstree-themeicon {
background-position: -40px -40px; }
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
background-position: -40px -80px; }
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-responsive .jstree-checked > .jstree-checkbox,
.jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
background-position: 0 -80px; }
.jstree-default-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
background-position: 0 -120px; }
.jstree-default-responsive .jstree-anchor {
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white; }
.jstree-default-responsive > .jstree-striped {
background: transparent; }
.jstree-default-responsive .jstree-wholerow {
border-top: 1px solid rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgba(64, 64, 64, 0.2);
background: #ebebeb;
height: 40px; }
.jstree-default-responsive .jstree-wholerow-hovered {
background: #e7f4f9; }
.jstree-default-responsive .jstree-wholerow-clicked {
background: #beebff; }
.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
box-shadow: inset 0 -6px 3px -5px #666666; }
.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
box-shadow: inset 0 6px 3px -5px #666666;
border-top: 0; }
.jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
box-shadow: none; }
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node > .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-image: url("../images/jstree/40px.png");
background-size: 120px 240px; }
.jstree-default-responsive .jstree-node {
background-position: -80px 0;
background-repeat: repeat-y; }
.jstree-default-responsive .jstree-last {
background: transparent; }
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background-position: -40px -120px; }
.jstree-default-responsive .jstree-last > .jstree-ocl {
background-position: -40px -160px; }
.jstree-default-responsive .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0; }
.jstree-default-responsive .jstree-file {
background: url("../images/jstree/40px.png") 0 -160px no-repeat;
background-size: 120px 240px; }
.jstree-default-responsive .jstree-folder {
background: url("../images/jstree/40px.png") -40px -40px no-repeat;
background-size: 120px 240px; } }
.jstree-default > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0; }
.tour-tour > .popover-title {
background-color: #2c3143;
color: #ffffff; }
.flex-vertical-container, .history-panel, .dataset-collection-panel,
.flex-horizontal-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* force ff to squish beyond content:
https://developer.mozilla.org/en-US/Firefox/Releases/34/Site_Compatibility#CSS */
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
property: wrap;
-webkit-align-items: stretch;
-ms-align-items: stretch;
property: stretch;
-ms-flex-align: stretch;
-webkit-align-content: stretch;
-ms-align-content: stretch;
property: stretch;
-ms-flex-line-pack: stretch;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
property: flex-start;
-ms-flex-pack: start; }
.flex-vertical-container, .history-panel, .dataset-collection-panel {
flex-flow: column nowrap; }
.flex-horizontal-container {
flex-flow: row nowrap; }
.flex-row,
.flex-column,
.history-panel > .list-items,
.dataset-collection-panel > .list-items {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
property: 1 1 auto;
-webkit-align-self: auto;
-ms-align-self: auto;
property: auto;
-ms-flex-item-align: auto; }
.charts-client .charts-buttons {
position: absolute;
right: 0px;
z-index: 1000;
width: 150px; }
.charts-client .charts-buttons .btn, .charts-client .charts-buttons input[type="submit"], .charts-client .charts-buttons
button, .charts-client .charts-buttons .action-button, .charts-client .charts-buttons .menubutton {
background: white;
color: #666;
border: none; }
.charts-client .charts-buttons .btn .icon, .charts-client .charts-buttons input[type="submit"] .icon, .charts-client .charts-buttons
button .icon, .charts-client .charts-buttons .action-button .icon, .charts-client .charts-buttons .menubutton .icon {
font-size: 1.5em; }
.charts-client .charts-buttons .btn .fa-check-square, .charts-client .charts-buttons input[type="submit"] .fa-check-square, .charts-client .charts-buttons
button .fa-check-square, .charts-client .charts-buttons .action-button .fa-check-square, .charts-client .charts-buttons .menubutton .fa-check-square {
color: #3d7a3d; }
.charts-client .charts-center {
float: left;
width: 70%;
overflow: hidden;
padding: 10px 5px 10px 10px; }
.charts-client .charts-center .charts-viewer {
height: inherit;
min-height: 50px; }
.charts-client .charts-center .charts-viewer .info {
position: absolute;
margin: 40px 20px 50px 10px;
width: 50%; }
.charts-client .charts-center .charts-viewer .text {
position: relative;
margin-left: 5px;
top: -1px;
font-size: 1em;
display: inline; }
.charts-client .charts-center .charts-viewer .icon {
font-size: 1.2em;
display: inline-block; }
.charts-client .charts-center .charts-viewer .charts-viewer-container {
float: left;
display: block;
height: 100%; }
.charts-client .charts-center .charts-viewer .charts-viewer-canvas {
display: block;
width: 100%;
min-height: 100px;
height: inherit; }
.charts-client .charts-right {
float: left;
width: 30%;
height: 100vh;
padding-bottom: 32px;
padding-top: 32px;
overflow: hidden;
display: flex;
flex-direction: column; }
.charts-client .charts-right .charts-editor {
display: block;
flex: 1;
overflow: auto;
padding: 5px 10px 30px 5px; }
.charts-client .charts-right .charts-editor .charts-description {
margin-bottom: 20px; }
.charts-client .charts-right .charts-editor .charts-description .charts-description-image-td {
vertical-align: top; }
.charts-client .charts-right .charts-editor .charts-description .charts-description-image {
width: 50px;
height: 43px;
margin-right: 10px; }
.charts-client .charts-right .charts-editor .charts-description .charts-description-title {
font-weight: bold; }
.charts-client .charts-right .charts-editor .charts-description .charts-description-text {
margin-top: 5px;
word-break: break-word; }
.charts-client.charts-fullscreen .charts-buttons {
position: absolute;
right: 0px; }
.charts-client.charts-fullscreen .charts-center {
width: 100%; }
.charts-client.charts-fullscreen .charts-right {
display: none; }
.unselectable, .unified-panel-header, .unified-panel-footer, .panel-collapse, .menubutton {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
user-select: none; }
.parent-width {
width: 100%;
*width: 90%; }
.clear::after, .list-panel .controls .list-actions::after {
display: block;
clear: both;
content: ""; }
body {
background: #fff;
color: #212529;
margin: 10px; }
body.full-content {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%; }
#everything {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%; }
#columns {
flex: 1;
position: relative; }
#background {
position: absolute;
background: #fff;
z-index: -1;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%; }
#messagebox {
width: 100%;
height: 2.5rem !important;
overflow: hidden;
border-bottom: solid #999 1px;
font-size: 90%;
display: none; }
#inactivebox {
width: 100%;
height: 2.5rem !important;
overflow: hidden;
border-bottom: solid #999 1px;
font-size: 90%;
display: none; }
#left,
#center,
#right {
position: absolute;
top: 0;
height: 100%;
overflow: hidden;
background: #fff; }
#left {
left: 0px;
width: 18rem;
z-index: 200;
border-right: none; }
#center {
left: 18rem;
right: 18rem;
overflow: hidden;
z-index: 1; }
#center .center-container {
position: absolute;
width: 100%;
height: 100%; }
#center .center-container .center-panel {
display: none;
position: absolute;
width: 100%;
height: 100%;
padding: 1rem 1.5rem;
overflow: auto; }
#center .center-container .center-frame {
position: absolute;
width: 100%;
height: 100%; }
#right {
width: 18rem;
right: 0px;
z-index: 200;
border-left: none; }
#left, #right, .unified-panel {
background: #f8f9fa;
display: flex;
flex-direction: column; }
#left,
#right,
.unified-panel {
background: #f8f9fa;
display: flex;
flex-direction: column; }
.unified-panel-header {
height: 2.5rem;
z-index: 1000;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
background: #f8f9fa;
border-bottom: none;
margin: 0;
padding: 0 1.5rem;
font-size: 1rem;
font-weight: bold;
display: flex;
align-items: center;
color: #555; }
.unified-panel-header a {
color: #555; }
.unified-panel-header .unified-panel-header-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between; }
.unified-panel-header .panel-header-buttons {
order: 9999; }
.unified-panel-header .panel-header-button {
text-decoration: none;
display: inline-block;
cursor: pointer;
width: 1.2rem;
text-align: center;
padding: 0px; }
.unified-panel-header .panel-header-button:not(:last-child) {
margin-right: 2px; }
.unified-panel-header .panel-header-button:hover {
color: maroon;
transition: color 0.25s linear; }
@media screen and (prefers-reduced-motion: reduce) {
.unified-panel-header .panel-header-button:hover {
transition: none; } }
.unified-panel-header .panel-header-button .caret {
margin-top: 7px; }
.unified-panel-header .panel-header-button.popup {
padding-right: 1.75em;
background: url(../images/dropdownarrow.png) no-repeat right 7px; }
.unified-panel-controls {
padding: 0 1.5rem; }
.unified-panel-footer, .panel-collapse {
position: relative;
height: 25px;
line-height: 25px;
width: 100%;
z-index: 1000;
border-top: none;
background: #f8f9fa;
color: #555; }
.unified-panel-footer a, .panel-collapse a {
color: #555; }
.unified-panel-footer .drag, .panel-collapse .drag {
position: absolute;
top: 0;
right: 0;
padding: 0 5px;
text-align: center;
height: 25px;
width: 20px;
background-image: url(../images/visualization/draggable_horizontal.png);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: w-resize; }
#right > .unified-panel-footer .drag, #right > .panel-collapse .drag {
left: 0; }
.panel-collapse {
font-size: 4/3em;
z-index: 201;
cursor: pointer;
display: block;
position: fixed;
left: 0;
top: inherit;
bottom: 0;
padding: 0 5px;
text-align: center;
height: 25px;
line-height: 25px;
width: 20px;
background: none;
border-right: none;
border-top: none;
background: #f8f9fa; }
.panel-collapse:before {
content: "\f053"; }
.panel-collapse.hidden:before {
content: "\f054"; }
.panel-collapse.right {
left: inherit;
right: 0;
border-right: none;
border-left: none; }
.panel-collapse.right.right:before {
content: "\f054"; }
.panel-collapse.right.right.hidden:before {
content: "\f053"; }
.menu-bg {
background: whiteSmoke top repeat-x; }
div.unified-panel-body {
width: 100%;
padding: 0px;
flex: 1; }
div.unified-panel-body-background {
background: none repeat scroll 0 0 #f8f9fa; }
#left > div.unified-panel-body,
#right > div.unified-panel-body {
bottom: 25px;
overflow: auto; }
#dd-helper {
background: white;
opacity: 0;
z-index: 900;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none; }
.panel-error-message,
.panel-warning-message,
.panel-done-message,
.panel-info-message {
height: 2.5rem;
line-height: 2.5rem;
padding: 0px;
padding-left: 2.5rem;
background-color: #f4a3a5;
background-image: url(error_small.png);
background-repeat: no-repeat;
background-position: .5rem 50%; }
.panel-warning-message {
background-image: url(warn_small.png);
background-color: #ffcc9a; }
.panel-done-message {
background-image: url(ok_small.png);
background-color: #c2ebc2; }
.panel-info-message {
background-image: url(info_icon.svg);
background-size: 1.5rem;
background-color: #a6c9e1; }
.panel-info-message svg:path {
fill: black; }
#masthead {
padding: 0;
margin-bottom: 0px;
background-color: #2c3143;
height: 3rem; }
#masthead .navbar-nav {
min-height: 100%; }
#masthead .navbar-nav > li {
min-height: 100%;
display: flex;
align-items: center; }
#masthead .navbar-nav > li.active {
background: black; }
#masthead .navbar-nav > li .nav-link {
cursor: pointer;
text-decoration: none; }
#masthead .navbar-nav > li .nav-link:hover {
color: gold; }
#masthead .navbar-nav > li .nav-link.nav-icon {
font-size: 1.7em; }
#masthead .navbar-nav > li .nav-link.toggle {
color: gold; }
#masthead .navbar-nav > li .nav-note {
font-weight: bold;
font-size: 10px;
position: relative;
right: 5px;
top: 10px;
color: gold;
width: 0px; }
#masthead .navbar-brand {
position: absolute;
left: 0;
font-family: verdana;
font-weight: bold;
font-size: 20px;
color: white;
padding: 5px 20px 12px;
margin-left: -15px;
text-decoration: none; }
#masthead .navbar-brand .navbar-brand-image {
display: inline;
width: 26px;
margin-left: 0.35em;
border: none; }
#masthead .navbar-brand .navbar-brand-title {
color: white; }
.quota-meter-container {
position: absolute;
right: 0;
height: 32px; }
.quota-meter {
position: absolute;
top: 8px;
right: 8px;
height: 16px;
width: 100px; }
.quota-meter-bar {
position: absolute;
top: 0;
left: 0;
height: 16px;
background-color: #25537b; }
.quota-meter-bar-warn {
background-color: #FE7F02; }
.quota-meter-bar-error {
background-color: #E31A1E; }
.quota-meter-text {
position: absolute;
top: 50%;
left: 0;
width: 100px;
height: 16px;
margin-top: -7px;
text-align: center;
z-index: 9001;
white-space: nowrap; }
.quota-meter-text a {
font-size: 12px;
text-decoration: none; }
div.metadataForm {
border: solid #aaaaaa 1px; }
div.metadataFormTitle {
font-weight: bold;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
background: #cccccc;
background-repeat: repeat-x;
background-position: top;
border-bottom: solid #aaaaaa 1px; }
div.metadataFormBody {
background: #ffffff;
padding: 5px 0; }
div.metadataFormBody div.metadataFormTitle {
background: transparent;
border: none;
font-weight: bold;
border-bottom: solid #dcb790 1px;
margin-bottom: 5px; }
div.metadataFormDisabled div.metadataFormTitle {
background: #eee;
border-color: #999; }
div.metadataFormDisabled {
border-color: #999; }
div.metadataHelpBody {
width: 100%;
overflow: auto; }
div.titleRow {
font-weight: bold;
border-bottom: dotted gray 1px;
margin-bottom: 0.5em;
padding-bottom: 0.25em; }
div.toolFormBody div.toolFormTitle {
background: transparent;
border: none;
font-weight: bold;
border-bottom: solid #d6b161 1px;
margin-bottom: 5px; }
div.toolFormDisabled div.toolFormTitle {
background: #f5f5f5;
border-color: #bfbfbf; }
div.toolFormDisabled {
border-color: #bfbfbf; }
div.toolHelp {
margin-top: 15px;
padding: 5px; }
div.toolHelpBody {
width: 100%; }
.toolForm.toolFormInCanvas {
border: solid #d6b161 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
margin: 0px; }
.toolForm.toolFormInCanvas.toolForm-active {
box-shadow: 0 0 0 3px #25537b;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px; }
.toolForm.toolFormInCanvas .toolFormTitle {
font-size: 0.8rem;
line-height: 1.5; }
div.form,
div.toolForm {
border: solid #d6b161 1px;
-webkit-border-radius: 0.1875rem;
-moz-border-radius: 0.1875rem;
border-radius: 0.1875rem; }
div.form-title,
div.toolFormTitle {
padding: 5px 10px;
background: #ebd9b2;
border-bottom: solid #d6b161 1px;
word-wrap: break-word; }
div.form-body {
padding: 5px 0; }
div.form-row {
padding: 5px 10px; }
div.form-title-row {
padding: 5px 10px; }
div.repeat-group-item {
border-left: solid #d6b161 5px;
margin-left: 10px;
margin-bottom: 10px; }
div.form-row-error {
background: #f4a3a5; }
div.form-row label {
font-weight: bold;
display: block;
margin-bottom: 0.2em; }
div.form-row label.inline {
display: inline; }
div.form-row-input {
width: 90%;
float: left; }
div.form-row-input label {
font-weight: normal;
display: inline; }
div.form-row-error-message {
width: 300px;
float: left;
color: red;
font-weight: bold;
padding: 3px 0; }
.form-row .help,
.toolParamHelp {
color: #666; }
.form-row .help a,
.toolParamHelp a {
color: #666; }
.form-row.form-actions {
background: whiteSmoke;
border-top: solid #ddd 1px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 5px; }
.workflow-right .right-content .section-row {
margin-bottom: 10px; }
select {
padding: 2px;
font-size: 0.8rem;
line-height: 1.5; }
select,
input,
textarea {
font: inherit; }
.form-row {
display: block; }
.form-row select,
.form-row textarea,
.form-row input[type="text"],
.form-row input[type="file"],
.form-row input[type="password"] {
max-width: 90%; }
textarea,
input[type="text"],
input[type="password"] {
font-size: 0.8rem;
line-height: 1.5;
border: 1px solid #aaa;
padding: 3px; }
.search-query {
display: inline-block;
padding: 4px;
font-size: 0.8rem;
line-height: 1.5;
color: #495057;
border: 1px solid #aaa;
padding-left: 14px !important;
padding-right: 14px;
margin-bottom: 0;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
max-width: auto; }
.search-query:focus {
border-color: rgba(24, 132, 218, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-8 */ }
.search-spinner {
position: absolute;
display: none;
right: 6px;
top: 5px;
font-size: 1.4em;
color: #888; }
#tool-search {
position: relative;
margin: 10px 0; }
#tool-search #search-clear-btn {
position: absolute;
right: 6px;
top: 5px;
display: block;
font-size: 1.4em !important;
text-decoration: none;
color: #888; }
#tool-search #search-clear-btn:before {
content: "\f057"; }
.errormessagelarge, .error-modal .modal-content,
.warningmessagelarge,
.donemessagelarge,
.infomessagelarge,
.ui-form-help .error,
.ui-form-help .warning,
.ui-form-help .note {
min-height: 36px;
padding-left: 52px;
background-image: url(error_large.png);
background-repeat: no-repeat;
background-position: 10px 5px; }
.errormessagelarge .messagerow, .error-modal .modal-content .messagerow,
.warningmessagelarge .messagerow,
.donemessagelarge .messagerow,
.infomessagelarge .messagerow,
.ui-form-help .error .messagerow,
.ui-form-help .warning .messagerow,
.ui-form-help .note .messagerow {
padding: 10px 20px; }
.errormessagelarge, .error-modal .modal-content {
padding-left: 52px; }
.warningmessagelarge {
padding-left: 52px;
background-image: url(warn_large.png); }
.donemessagelarge {
padding-left: 52px;
background-image: url(ok_large.png); }
.infomessagelarge {
background-image: url(info_large.png); }
.screencastBox {
padding-left: 10px;
border-color: #aaaa66;
background-color: #ffffcc;
background-image: none; }
.errormessage,
.warningmessage,
.donemessage,
.infomessage,
.errormessagesmall,
.warningmessagesmall,
.donemessagesmall,
.infomessagesmall,
.ui-form-help .error,
.ui-form-help .warning,
.ui-form-help .note {
padding: 5px;
padding-left: 25px;
min-height: 15px;
background-image: url(error_small.png);
background-repeat: no-repeat;
background-position: 5px 6px; }
.warningmessage,
.warningmessagesmall,
.ui-form-help .warning {
background-image: url(warn_small.png); }
.donemessage,
.donemessagesmall {
background-image: url(ok_small.png); }
.infomessage,
.infomessagesmall,
.ui-form-help .note {
background-image: url(info_small.png); }
.errormark,
.warningmark,
.donemark,
.infomark,
.ok_bgr,
.err_bgr {
padding-left: 20px;
min-height: 15px;
background: url(error_small.png) no-repeat; }
.warningmark {
background-image: url(warn_small.png); }
.donemark {
background-image: url(ok_small.png); }
.infomark,
.ok_bgr {
background-image: url(info_small.png); }
/* I think this is only used in view details */
table.simple {
font-size: 12px;
background: #fff;
margin: 1em;
border-collapse: collapse;
text-align: left; }
table.simple th {
font-size: 14px;
font-weight: normal;
padding: 10px 8px;
border-bottom: 2px solid #333; }
table.simple td {
padding: 10px 8px 0px 8px; }
table.simple tbody tr:hover td {
color: #333; }
table.tabletip {
width: 100%;
border-collapse: collapse;
text-align: left; }
table.tabletip th {
white-space: nowrap;
border-bottom: 1px solid #444;
padding-right: 3px; }
table.tabletip td {
border-bottom: 1px solid #ddd; }
table.tabletip tbody tr:hover td {
background-color: #eee; }
table.colored {
border-top: solid #bdc6d0 1px;
border-bottom: solid #bdc6d0 1px; }
table.colored td,
table.colored th {
text-align: left;
padding: 5px;
line-height: 1.5; }
table.colored tr.header {
background: #f8f9fa;
color: contrast(spin(#a8afc6, 180));
background-repeat: repeat-x;
background-position: top;
border-bottom: solid #bdc6d0 1px;
font-weight: bold; }
table.colored tr {
background: #ffffff; }
table.colored tr.odd_row {
background: #f9f9f9; }
div.debug {
margin: 10px;
padding: 5px;
background: #ffff99;
border: solid #ffff33 1px;
color: black; }
.grid-table {
width: 100%; }
.grid-header {
padding-bottom: 1em; }
.grid-header h2 {
margin: 0;
margin-bottom: 0.5em; }
.grid-header .title {
font-weight: bold; }
.grid {
padding-top: 1em;
border-collapse: collapse;
width: 100%; }
.grid tbody td {
line-height: 1.5;
border-top: solid #dddddd 1px;
border-bottom: solid #dddddd 1px;
padding: 5px; }
.grid tbody td:empty {
padding: 0; }
.grid thead tr {
height: 2em; }
.grid thead th {
line-height: 1.5;
background: #f8f9fa;
color: contrast(#f8f9fa);
border-top: solid #bdc6d0 1px;
border-bottom: solid #bdc6d0 1px;
padding: 5px;
text-align: left;
white-space: nowrap; }
.grid tfoot td {
background-color: #f8f8f8;
border-top: solid #dddddd 1px;
border-bottom: solid #dddddd 1px;
padding: 5px; }
.grid .current, .grid .upload-ftp-base .upload-ftp-row:hover, .upload-ftp-base .grid .upload-ftp-row:hover, .grid .upload-ftp .upload-ftp-row:hover, .upload-ftp .grid .upload-ftp-row:hover, .grid .upload-ftp-full .upload-ftp-row:hover, .upload-ftp-full .grid .upload-ftp-row:hover, .grid .upload-settings tr:hover, .upload-settings .grid tr:hover {
background-color: #eeeeff; }
.count-box {
min-width: 1.1em;
padding: 5px;
border-width: 1px;
border-style: solid;
text-align: center;
display: inline-block; }
.text-filter-val {
border: solid 1px #aaaaaa;
padding: 1px 2px 1px 3px;
margin-right: 5px;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
font-style: italic; }
.page-link-grid a,
.inactive-link {
padding: 0px 7px 0px 7px;
color: #555; }
.inactive-link,
.current-filter {
font-weight: bold;
color: #000; }
#advanced-search td {
padding: 3px; }
#advanced-search table {
border-collapse: separate; }
.delete-search-icon {
background: url(../images/delete_tag_icon_gray.png) center no-repeat;
display: inline-block;
width: 10px;
cursor: pointer;
height: 18px;
vertical-align: middle;
margin-left: 2px; }
.search-box-input {
border: 0;
float: left;
outline: medium none;
font-style: italic;
font-size: inherit; }
.search-box {
vertical-align: bottom;
display: inline-block;
padding: 0;
white-space: nowrap; }
.gray-background {
background-color: #dddddd; }
.loading-elt-overlay {
background-color: white;
opacity: 0.5;
width: 100%;
height: 100%;
z-index: 14000;
position: fixed;
display: none; }
div.odd_row {
background: #f9f9f9; }
#footer {
display: none; }
span.toolParameterExpandableCollapsable {
font-weight: bold;
cursor: pointer; }
ul.toolParameterExpandableCollapsable {
list-style: none; }
ul.manage-table-actions {
float: right;
margin-top: -2.5em; }
ul.manage-table-actions li {
display: block;
float: left;
margin-left: 0.5em; }
.state-progress {
border: 1px solid gray;
position: relative;
margin-top: 2px;
margin-bottom: 1px; }
.state-progress .info {
color: #000000;
background: #ffffff; }
.state-progress .new {
background: #e9ecef; }
.state-progress .running {
background: #ffffcc; }
.state-progress .ok {
background: #c2ebc2; }
.state-progress .note {
margin-left: 1em;
position: absolute; }
.state-color-new {
border-color: #bfbfbf;
background: #e9ecef; }
.state-color-upload {
border-color: #63a0ca;
background: #a6c9e1; }
.state-color-waiting {
border-color: #bfbfbf;
background: #e9ecef; }
.state-color-queued {
border-color: #bfbfbf;
background: #e9ecef; }
.state-color-running {
border-color: #aaaa66;
background: #ffffcc; }
.state-color-ok {
border-color: #94db94;
background: #c2ebc2; }
.state-color-error {
border-color: #eb5f62;
background: #f4a3a5; }
.state-color-deleted {
border-color: #737373;
border-style: dotted;
background: #90a0af; }
.state-color-hidden {
border-color: #bfbfbf;
border-style: dotted;
background: #e9ecef; }
.state-fg-new {
color: #ffb030; }
.state-fg-upload {
color: #d090d0; }
.state-fg-waiting {
color: #e8c060; }
.state-fg-queued {
color: #888888; }
.state-fg-running {
color: #aaaa66; }
.state-fg-ok {
color: #66aa66; }
.state-fg-error {
color: #aa6666; }
.state-fg-deleted {
color: #3399ff; }
a.btn, a.action-button, a.menubutton {
text-decoration: none; }
a.action-button {
color: #333;
text-decoration: none; }
.action-button > img {
vertical-align: middle; }
.menubutton {
display: inline-block;
cursor: pointer;
position: relative; }
.menubutton a {
text-decoration: none; }
.menubutton .menubutton-label,
.menubutton > label {
position: relative;
display: inline-block;
border-right: none;
text-decoration: none;
text-align: left;
max-height: 3;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis; }
.menubutton.popup .menubutton-label {
margin: -5px 0;
border-right: solid #bfbfbf 1px;
padding-right: 6px; }
.menubutton.popup, .menubutton.popup.split {
padding-right: 18px; }
.menubutton.popup::after, .menubutton.popup.split::after {
display: inline-block;
width: 0;
height: 0;
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; }
.menubutton.popup:empty::after, .menubutton.popup.split:empty::after {
margin-left: 0; }
.menubutton.popup:after, .menubutton.popup.split:after {
margin-left: 0.5rem; }
.menubutton.background-none {
background: none; }
/*
.overlay-border {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding: 1em;
margin: -1em;
background-color: rgba(0,0,0,0.5);
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
z-index: -1;
}
*/
div.popmenu-wrapper {
position: absolute;
top: 100%;
z-index: 20000; }
div.popmenu-wrapper ul.dropdown-menu {
display: block;
position: relative;
float: none; }
ul.dropdown-menu a {
text-decoration: none; }
ul.dropdown-menu li.head > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
font-size: 11px;
font-weight: bold;
line-height: 1.5;
color: #adb5bd;
text-transform: uppercase; }
ul.dropdown-menu li.head > a:hover {
background: inherit;
border-color: transparent; }
.popup-arrow {
cursor: pointer;
text-decoration: none;
color: #555; }
.popup-arrow:hover {
color: black; }
div.permissionContainer {
padding-left: 20px; }
.text-content hr {
display: block;
background: black;
color: black;
width: 100%;
height: 1px;
border: none;
background: #aaa;
color: #aaa; }
.text-content table {
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc; }
.text-content blockquote {
color: #666; }
.text-content fieldset {
border-color: #ccc;
border: 1px solid #ccc; }
.text-content th,
.text-content td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ccc; }
.text-content th,
.text-content td {
padding: 0.8em; }
.preserve-text-breaks {
white-space: pre-line; }
.icon-button {
width: 16px;
height: 16px;
display: block;
float: left;
margin-left: 2px;
text-indent: 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0; }
.fa-icon-button {
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
width: 16px;
height: 16px;
line-height: 8px; }
.fa-icon-button:hover {
color: maroon;
transition: color 0.25s linear; }
@media screen and (prefers-reduced-motion: reduce) {
.fa-icon-button:hover {
transition: none; } }
.editable-text {
cursor: pointer; }
.editable-text:hover {
cursor: text;
border: dotted #999999 1px; }
.icon-button.multiinput {
background: url(../images/documents-stack.png) no-repeat;
cursor: pointer;
float: none;
display: inline-block;
margin-left: 10px; }
.icon-button.multiinput.disabled {
background: url(../images/documents-stack-faded.png) no-repeat;
cursor: pointer; }
.icon-button.link {
background: url(../images/silk/link.png) no-repeat;
cursor: pointer;
float: none;
display: inline-block;
margin-left: 10px; }
.icon-button.link-broken {
background: url(../images/silk/link_break.png) no-repeat;
cursor: pointer;
float: none;
display: inline-block;
margin-left: 10px; }
.workflow-invocation-complete {
border: solid 1px #6a6;
border-left-width: 5px;
margin: 10px 0;
padding-left: 5px; }
.icon-btn, .ui-button-icon-plain {
display: inline-block;
height: 22px;
width: 22px;
font-size: 125%;
text-align: center;
line-height: 19px;
border-radius: 3px;
border: 1px solid #bfbfbf;
background-color: #f2f2f2;
color: #333;
cursor: pointer; }
.icon-btn:focus, .ui-button-icon-plain:focus, .icon-btn:hover, .ui-button-icon-plain:hover {
outline: 0;
background-color: white;
color: maroon; }
.icon-btn.disabled, .disabled.ui-button-icon-plain {
background-color: transparent;
color: #bbb;
border-color: #bbb; }
.icon-btn-group, .list-item .primary-actions, .list-panel .controls .actions, .dataset .details .actions .left, .dataset .details .actions .right {
display: inline-block; }
.icon-btn-group .icon-btn:not(:last-of-type), .list-item .primary-actions .icon-btn:not(:last-of-type), .list-panel .controls .actions .icon-btn:not(:last-of-type), .dataset .details .actions .left .icon-btn:not(:last-of-type), .dataset .details .actions .right .icon-btn:not(:last-of-type), .icon-btn-group .ui-button-icon-plain:not(:last-of-type), .list-item .primary-actions .ui-button-icon-plain:not(:last-of-type), .list-panel .controls .actions .ui-button-icon-plain:not(:last-of-type), .dataset .details .actions .left .ui-button-icon-plain:not(:last-of-type), .dataset .details .actions .right .ui-button-icon-plain:not(:last-of-type) {
margin: 0px;
border-radius: 0px;
border-right: none; }
.icon-btn-group .icon-btn:first-child, .list-item .primary-actions .icon-btn:first-child, .list-panel .controls .actions .icon-btn:first-child, .dataset .details .actions .left .icon-btn:first-child, .dataset .details .actions .right .icon-btn:first-child, .icon-btn-group .ui-button-icon-plain:first-child, .list-item .primary-actions .ui-button-icon-plain:first-child, .list-panel .controls .actions .ui-button-icon-plain:first-child, .dataset .details .actions .left .ui-button-icon-plain:first-child, .dataset .details .actions .right .ui-button-icon-plain:first-child {
margin-right: 0px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.icon-btn-group .icon-btn:last-child, .list-item .primary-actions .icon-btn:last-child, .list-panel .controls .actions .icon-btn:last-child, .dataset .details .actions .left .icon-btn:last-child, .dataset .details .actions .right .icon-btn:last-child, .icon-btn-group .ui-button-icon-plain:last-child, .list-item .primary-actions .ui-button-icon-plain:last-child, .list-panel .controls .actions .ui-button-icon-plain:last-child, .dataset .details .actions .left .ui-button-icon-plain:last-child, .dataset .details .actions .right .ui-button-icon-plain:last-child {
margin-left: 0px;
border-radius: 0px 3px 3px 0px; }
.icon-btn-group .icon-btn:only-child, .list-item .primary-actions .icon-btn:only-child, .list-panel .controls .actions .icon-btn:only-child, .dataset .details .actions .left .icon-btn:only-child, .dataset .details .actions .right .icon-btn:only-child, .icon-btn-group .ui-button-icon-plain:only-child, .list-item .primary-actions .ui-button-icon-plain:only-child, .list-panel .controls .actions .ui-button-icon-plain:only-child, .dataset .details .actions .left .ui-button-icon-plain:only-child, .dataset .details .actions .right .ui-button-icon-plain:only-child {
margin: 0px;
border-radius: 3px; }
.list-item .info-section, .dataset .details .summary .info, .dataset .details .summary .job-error-text, .dataset .details .annotation-display .annotation {
border-radius: 3px;
border: 1px solid rgba(33, 37, 41, 0.3);
padding: 4px; }
.list-item .vertical-spacing, .list-panel .vertical-spacing, .dataset .details .summary .dbkey:after, .dataset .details .summary, .dataset .details .actions:not(:last-child), .dataset .details .annotation-display, .dataset .details .display-applications .display-application:last-child, .dataset .details .dataset-peek, .tags-display {
margin-bottom: 8px; }
.list-item .help-text, .list-item .details .prompt, .dataset .details .summary .datatype .value:after {
font-weight: normal;
color: #555; }
.list-item {
border: 1px solid #bfbfbf; }
.list-item .padded, .list-item .title-bar {
padding: 6px 0.75rem 6px 0.75rem; }
.list-item .warnings:not(:empty) {
padding-top: 4px; }
.list-item .warnings [class$="messagesmall"] {
margin: 6px 0.75rem 2px 0.75rem;
font-size: 90%; }
.list-item .warnings [class$="messagesmall"]:first-child {
margin-top: 0px; }
.list-item .warnings [class$="messagesmall"]:last-child {
margin-bottom: 0px; }
.list-item .help-text, .list-item .details .prompt {
font-weight: normal;
color: #555; }
.list-item .selector {
float: left;
display: none;
width: 32px;
height: 32px;
margin: 0px -6px 0px;
padding: 8px 0px 2px -0.25rem;
font-size: 80%;
color: #333;
cursor: pointer;
vertical-align: middle;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
user-select: none; }
.list-item .selector:hover {
color: maroon; }
.list-item .title-bar {
cursor: pointer;
outline: none; }
.list-item .title-bar .title {
display: inline;
font-weight: bold;
text-decoration: underline;
word-wrap: break-word;
word-break: break-all;
line-height: 16px; }
.list-item .title-bar .subtitle {
color: #777;
font-size: 90%; }
.list-item .title-bar .subtitle a {
color: inherit; }
.list-item .title-bar .state-description {
color: #777;
font-size: 90%; }
.list-item .title-bar .state-description a {
color: inherit; }
.list-item .primary-actions {
float: right;
margin: 6px 0.75rem 0; }
.list-item .primary-actions .icon-btn, .list-item .primary-actions .ui-button-icon-plain {
margin-left: 2px; }
.list-item .details {
display: none;
padding: 0px 0.75rem 6px 0.75rem; }
.list-item .details label {
margin: 0px;
padding: 0px;
font-weight: normal; }
.list-item .details .prompt:after {
content: ":";
margin-right: 4px; }
.list-panel {
overflow: hidden; }
.list-panel .controls > *:not(:empty) {
margin-bottom: 8px; }
.list-panel .controls .name {
word-wrap: break-word;
font-weight: bold; }
.list-panel .controls .name input {
width: 100%;
margin: -3px 0px -3px -3px;
font-weight: bold; }
.list-panel .controls .subtitle {
color: #777;
font-size: 90%; }
.list-panel .controls .subtitle a {
color: inherit; }
.list-panel .controls .editable-text {
border: solid transparent 1px; }
.list-panel .controls .editable-text:hover {
cursor: pointer;
border: 1px dotted #999999; }
.list-panel .controls .actions {
float: right; }
.list-panel .controls .actions .icon-btn, .list-panel .controls .actions .ui-button-icon-plain {
margin-left: 2px; }
.list-panel .controls .messages::after {
display: block;
clear: both;
content: ""; }
.list-panel .controls .messages [class$="message"],
.list-panel .controls .messages [class$="messagesmall"] {
margin: 0px; }
.list-panel .controls .messages [class$="message"]:not(:last-child),
.list-panel .controls .messages [class$="messagesmall"]:not(:last-child) {
margin-bottom: 8px; }
.list-panel .controls .list-actions {
display: none; }
.list-panel .controls .list-actions .btn, .list-panel .controls .list-actions input[type="submit"], .list-panel .controls .list-actions
button, .list-panel .controls .list-actions .action-button, .list-panel .controls .list-actions .menubutton {
padding-top: 2px;
padding-bottom: 2px;
font-size: 90%; }
.list-panel .controls .list-actions .list-action-menu {
float: right; }
.list-panel .list-items {
margin: 0;
padding: 0; }
.list-panel .list-items .list-item {
border-width: 1px 0px 1px 0px; }
.list-panel .list-items .list-item:not(:last-child) {
border-bottom-width: 0px; }
.list-panel .empty-message {
display: none;
margin: 0px; }
.list-item .details .list-panel {
margin-top: 8px;
border-radius: 3px;
background: white;
padding: 4px; }
.list-item .details .list-panel .list-items {
border: 1px solid #bfbfbf;
border-radius: 3px; }
.list-item .details .list-panel .list-items .list-item:first-child {
border-top-width: 0px;
border-radius: 3px 3px 0px 0px; }
.list-item .details .list-panel .list-items .list-item:last-child {
border-bottom-width: 0px;
border-radius: 0px 0px 3px 3px; }
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of SCSS
@include sprites($spritesheet-sprites);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of SCSS
@include sprites($spritesheet-sprites);
*/
.state-icon {
display: inline-block;
margin-right: 4px;
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 16px; }
.state-icon-running, .has-job-state-mixin.state-running .state-icon, .state-running.dataset .state-icon, .state-running.dataset-collection-element .state-icon, .state-running.history-content.dataset-collection .state-icon, .has-job-state-mixin.state-setting_metadata .state-icon, .state-setting_metadata.dataset .state-icon, .state-setting_metadata.dataset-collection-element .state-icon, .state-setting_metadata.history-content.dataset-collection .state-icon, .has-job-state-mixin.state-loading .state-icon, .state-loading.dataset .state-icon, .state-loading.dataset-collection-element .state-icon, .state-loading.history-content.dataset-collection .state-icon {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg); }
100% {
-o-transform: rotate(359deg); } }
@-ms-keyframes spin {
.state-icon-running 0%, .has-job-state-mixin.state-running .state-icon 0%, .state-running.dataset .state-icon 0%, .state-running.dataset-collection-element .state-icon 0%, .state-running.history-content.dataset-collection .state-icon 0%, .has-job-state-mixin.state-setting_metadata .state-icon 0%, .state-setting_metadata.dataset .state-icon 0%, .state-setting_metadata.dataset-collection-element .state-icon 0%, .state-setting_metadata.history-content.dataset-collection .state-icon 0%, .has-job-state-mixin.state-loading .state-icon 0%, .state-loading.dataset .state-icon 0%, .state-loading.dataset-collection-element .state-icon 0%, .state-loading.history-content.dataset-collection .state-icon 0% {
-ms-transform: rotate(0deg); }
.state-icon-running 100%, .has-job-state-mixin.state-running .state-icon 100%, .state-running.dataset .state-icon 100%, .state-running.dataset-collection-element .state-icon 100%, .state-running.history-content.dataset-collection .state-icon 100%, .has-job-state-mixin.state-setting_metadata .state-icon 100%, .state-setting_metadata.dataset .state-icon 100%, .state-setting_metadata.dataset-collection-element .state-icon 100%, .state-setting_metadata.history-content.dataset-collection .state-icon 100%, .has-job-state-mixin.state-loading .state-icon 100%, .state-loading.dataset .state-icon 100%, .state-loading.dataset-collection-element .state-icon 100%, .state-loading.history-content.dataset-collection .state-icon 100% {
-ms-transform: rotate(359deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.state-icon-running:before, .has-job-state-mixin.state-running .state-icon:before, .state-running.dataset .state-icon:before, .state-running.dataset-collection-element .state-icon:before, .state-running.history-content.dataset-collection .state-icon:before, .has-job-state-mixin.state-setting_metadata .state-icon:before, .state-setting_metadata.dataset .state-icon:before, .state-setting_metadata.dataset-collection-element .state-icon:before, .state-setting_metadata.history-content.dataset-collection .state-icon:before, .has-job-state-mixin.state-loading .state-icon:before, .state-loading.dataset .state-icon:before, .state-loading.dataset-collection-element .state-icon:before, .state-loading.history-content.dataset-collection .state-icon:before {
content: ""; }
.state-icon-upload, .has-job-state-mixin.state-upload .state-icon, .state-upload.dataset .state-icon, .state-upload.dataset-collection-element .state-icon, .state-upload.history-content.dataset-collection .state-icon {
overflow: hidden; }
.state-icon-upload:before, .has-job-state-mixin.state-upload .state-icon:before, .state-upload.dataset .state-icon:before, .state-upload.dataset-collection-element .state-icon:before, .state-upload.history-content.dataset-collection .state-icon:before {
display: inline-block;
-webkit-animation: eclipse 2s infinite linear;
-moz-animation: eclipse 2s infinite linear;
-o-animation: eclipse 2s infinite linear;
animation: eclipse 2s infinite linear;
content: ""; }
@-moz-keyframes eclipse {
0% {
-moz-transform: translate(0px, 16px); }
100% {
-moz-transform: translate(0px, -16px); } }
@-webkit-keyframes eclipse {
0% {
-webkit-transform: translate(0px, 16px); }
100% {
-webkit-transform: translate(0px, -16px); } }
@-o-keyframes eclipse {
0% {
-o-transform: translate(0px, 16px); }
100% {
-o-transform: translate(0px, -16px); } }
@-ms-keyframes eclipse {
.state-icon-upload:before 0%, .has-job-state-mixin.state-upload .state-icon:before 0%, .state-upload.dataset .state-icon:before 0%, .state-upload.dataset-collection-element .state-icon:before 0%, .state-upload.history-content.dataset-collection .state-icon:before 0% {
-ms-transform: translate(0px, 16px); }
.state-icon-upload:before 100%, .has-job-state-mixin.state-upload .state-icon:before 100%, .state-upload.dataset .state-icon:before 100%, .state-upload.dataset-collection-element .state-icon:before 100%, .state-upload.history-content.dataset-collection .state-icon:before 100% {
-ms-transform: translate(0px, -16px); } }
@keyframes eclipse {
0% {
transform: translate(0px, 16px); }
100% {
transform: translate(0px, -16px); } }
.state-icon-error, .has-job-state-mixin.state-error .state-icon, .state-error.dataset .state-icon, .state-error.dataset-collection-element .state-icon, .state-error.history-content.dataset-collection .state-icon, .has-job-state-mixin.state-empty .state-icon, .state-empty.dataset .state-icon, .state-empty.dataset-collection-element .state-icon, .state-empty.history-content.dataset-collection .state-icon {
background-color: white;
border-radius: 8px; }
.state-icon-error:before, .has-job-state-mixin.state-error .state-icon:before, .state-error.dataset .state-icon:before, .state-error.dataset-collection-element .state-icon:before, .state-error.history-content.dataset-collection .state-icon:before, .has-job-state-mixin.state-empty .state-icon:before, .state-empty.dataset .state-icon:before, .state-empty.dataset-collection-element .state-icon:before, .state-empty.history-content.dataset-collection .state-icon:before {
font-size: 20px;
line-height: 16px;
color: red;
content: ""; }
.has-job-state-mixin.state-ok, .state-ok.dataset, .state-ok.dataset-collection-element, .state-ok.history-content.dataset-collection, .has-job-state-mixin.state-failed_metadata, .state-failed_metadata.dataset, .state-failed_metadata.dataset-collection-element, .state-failed_metadata.history-content.dataset-collection {
background: #c2ebc2; }
.has-job-state-mixin.state-ok .state-icon, .state-ok.dataset .state-icon, .state-ok.dataset-collection-element .state-icon, .state-ok.history-content.dataset-collection .state-icon, .has-job-state-mixin.state-failed_metadata .state-icon, .state-failed_metadata.dataset .state-icon, .state-failed_metadata.dataset-collection-element .state-icon, .state-failed_metadata.history-content.dataset-collection .state-icon {
display: none; }
.has-job-state-mixin.state-error, .state-error.dataset, .state-error.dataset-collection-element, .state-error.history-content.dataset-collection, .has-job-state-mixin.state-empty, .state-empty.dataset, .state-empty.dataset-collection-element, .state-empty.history-content.dataset-collection {
background: #f4a3a5; }
.has-job-state-mixin.state-upload, .state-upload.dataset, .state-upload.dataset-collection-element, .state-upload.history-content.dataset-collection {
background: #a6c9e1; }
.has-job-state-mixin.state-queued, .state-queued.dataset, .state-queued.dataset-collection-element, .state-queued.history-content.dataset-collection {
background: #e9ecef; }
.has-job-state-mixin.state-queued .state-icon:before, .state-queued.dataset .state-icon:before, .state-queued.dataset-collection-element .state-icon:before, .state-queued.history-content.dataset-collection .state-icon:before {
content: ""; }
.has-job-state-mixin.state-running, .state-running.dataset, .state-running.dataset-collection-element, .state-running.history-content.dataset-collection, .has-job-state-mixin.state-setting_metadata, .state-setting_metadata.dataset, .state-setting_metadata.dataset-collection-element, .state-setting_metadata.history-content.dataset-collection {
background: #ffffcc; }
.has-job-state-mixin.state-paused, .state-paused.dataset, .state-paused.dataset-collection-element, .state-paused.history-content.dataset-collection {
background: #d9edf7; }
.has-job-state-mixin.state-paused .state-icon:before, .state-paused.dataset .state-icon:before, .state-paused.dataset-collection-element .state-icon:before, .state-paused.history-content.dataset-collection .state-icon:before {
content: ""; }
.has-job-state-mixin.state-discarded, .state-discarded.dataset, .state-discarded.dataset-collection-element, .state-discarded.history-content.dataset-collection {
background: #e9ecef; }
.has-job-state-mixin.state-discarded .state-icon:before, .state-discarded.dataset .state-icon:before, .state-discarded.dataset-collection-element .state-icon:before, .state-discarded.history-content.dataset-collection .state-icon:before {
content: ""; }
.has-job-state-mixin.state-noPermission, .state-noPermission.dataset, .state-noPermission.dataset-collection-element, .state-noPermission.history-content.dataset-collection {
background: #e9ecef;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6; }
.has-job-state-mixin.state-noPermission .state-icon, .state-noPermission.dataset .state-icon, .state-noPermission.dataset-collection-element .state-icon, .state-noPermission.history-content.dataset-collection .state-icon {
font-size: 20px; }
.has-job-state-mixin.state-noPermission .state-icon:before, .state-noPermission.dataset .state-icon:before, .state-noPermission.dataset-collection-element .state-icon:before, .state-noPermission.history-content.dataset-collection .state-icon:before {
content: ""; }
.has-job-state-mixin.state-new, .state-new.dataset, .state-new.dataset-collection-element, .state-new.history-content.dataset-collection {
background: #e9ecef; }
.has-job-state-mixin.state-new .state-icon:before, .state-new.dataset .state-icon:before, .state-new.dataset-collection-element .state-icon:before, .state-new.history-content.dataset-collection .state-icon:before {
content: ""; }
.has-job-state-mixin.state-loading, .state-loading.dataset, .state-loading.dataset-collection-element, .state-loading.history-content.dataset-collection {
background: #e9ecef; }
.blinking {
animation: blinker 500ms linear infinite; }
@keyframes blinker {
50% {
opacity: 0; } }
.dataset .details .summary .blurb {
margin-bottom: 2px; }
.dataset .details .summary .datatype,
.dataset .details .summary .dbkey {
display: inline; }
.dataset .details .summary .datatype .value,
.dataset .details .summary .dbkey .value {
font-weight: bold; }
.dataset .details .summary .datatype .value:after {
content: ",";
margin-right: 4px; }
.dataset .details .summary .dbkey:after {
content: " ";
display: block; }
.dataset .details .summary .info {
overflow: auto; }
.dataset .details .summary .info .value {
white-space: pre-line; }
.dataset .details .summary .job-error-text {
overflow: auto;
white-space: pre; }
.dataset .details .actions .metafile-dropdown {
display: inline-block; }
.dataset .details .actions .visualizations-dropdown {
display: inline-block; }
.dataset .details .actions .left {
float: left; }
.dataset .details .actions .left .icon-btn, .dataset .details .actions .left .ui-button-icon-plain {
margin-right: 2px; }
.dataset .details .actions .right {
float: right; }
.dataset .details .actions .right .icon-btn, .dataset .details .actions .right .ui-button-icon-plain {
margin-left: 2px; }
.dataset .details .tags-display {
display: none; }
.dataset .details .annotation-display {
display: none; }
.dataset .details .annotation-display .annotation {
white-space: pre-wrap;
overflow: auto; }
.dataset .details .annotation-display .annotation:empty:after {
position: relative;
top: -4px;
font-size: 10px;
font-style: italic;
color: grey;
content: "Click here to edit annotation"; }
.dataset .details .annotation-display textarea {
margin: 0px 0px 2px 0px;
display: inline-block;
border-radius: 3px;
width: 100%; }
.dataset .details .toolhelp {
width: 100%;
background: #eee;
border-radius: 3px;
margin-top: 5px;
padding: 3px; }
.dataset .details .dataset-peek {
width: 100%;
margin: 0px;
border-radius: 3px;
background: white;
color: black;
font-size: 10px;
overflow: auto; }
.dataset .details .dataset-peek th {
color: white;
background: #25537b; }
.dataset .details .dataset-peek table,
.dataset .details .dataset-peek th,
.dataset .details .dataset-peek tr,
.dataset .details .dataset-peek td {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 10px; }
pre.peek {
background: white;
color: black;
width: 100%;
font-size: 10px;
overflow: auto; }
pre.peek th {
color: white;
background: #25537b; }
pre.peek table,
pre.peek th,
pre.peek tr,
pre.peek td {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 10px; }
.history-panel > .controls {
margin: 1rem 1.5rem;
padding: 0px;
flex: 0 0 auto; }
.history-panel > .controls .title {
margin-bottom: 4px; }
.history-panel > .controls .title input {
width: 100%;
margin: -3px 0px -3px -3px;
font-weight: bold; }
.history-panel > .controls .subtitle:not(:empty) {
min-height: 15px;
margin: -4px 0px 8px; }
.history-panel > .controls .subtitle:not(:empty) span + span:before {
content: ", "; }
.history-panel > .controls .history-size {
float: left;
margin: 4px 0 0; }
.history-panel > .controls .actions {
margin-bottom: 8px; }
.history-panel > .controls .actions:empty {
height: 22px; }
.history-panel > .controls .messages {
clear: both;
margin-bottom: 0px; }
.history-panel > .controls .messages > * {
cursor: pointer; }
.history-panel > .controls .messages > *:last-child {
margin-bottom: 8px; }
.history-panel > .controls .messages .quota-message {
display: none;
margin: 8px 0px 5px 0px; }
.history-panel > .controls .tags-display,
.history-panel > .controls .annotation-display {
display: none;
margin-bottom: 8px; }
.history-panel > .controls .tags-display .prompt,
.history-panel > .controls .annotation-display .prompt {
display: block;
margin: 0px;
padding: 0px;
font-size: 90%;
font-weight: normal;
color: #555; }
.history-panel > .controls .tags-display .prompt:after,
.history-panel > .controls .annotation-display .prompt:after {
content: ":"; }
.history-panel > .controls .annotation-display .annotation {
background: white;
border-radius: 3px;
border: 1px solid rgba(33, 37, 41, 0.5);
padding: 4px;
white-space: pre-wrap;
overflow: auto; }
.history-panel > .controls .annotation-display .annotation:empty:after {
position: relative;
top: -4px;
font-size: 10px;
font-style: italic;
color: grey;
content: "Click here to edit annotation"; }
.history-panel > .controls .annotation-display textarea {
margin: 0px 0px 2px 0px;
border-radius: 3px;
width: 100%; }
.history-panel > .controls .list-pagination {
width: 100%;
text-align: center;
margin: 0;
border-top: 1px solid #bfbfbf; }
.history-panel > .controls .list-pagination button {
margin: 0;
padding: 0;
width: 25%;
max-width: 128px;
height: 20px;
color: transparent;
overflow: hidden; }
.history-panel > .controls .list-pagination .pages {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
margin: 0;
padding: 0;
width: 48%;
max-width: 256px;
height: 20px;
box-shadow: none;
text-align: center;
text-align-last: center; }
.history-panel > .controls .list-pagination .pages:focus {
outline: none; }
.history-panel > .controls .list-pagination .pages:hover {
cursor: pointer; }
.history-panel > .controls .list-pagination:empty {
display: none; }
.history-panel > .controls .list-pagination > * {
border: none;
border-radius: 0px;
background: transparent; }
.history-panel > .controls .list-pagination > *.pages {
color: grey;
text-decoration: underline; }
.history-panel > .controls .list-pagination > *:hover, .history-panel > .controls .list-pagination > *:focus, .history-panel > .controls .list-pagination > *:active {
background: #f2f2f2;
color: #333;
box-shadow: none;
text-decoration: none; }
.history-panel > .controls .list-pagination:hover > *:not([disabled]) {
color: #333; }
.history-panel .history-drop-target-help {
margin: 10px 10px 4px 10px;
color: grey;
font-size: 80%;
font-style: italic;
text-align: center; }
.history-panel .history-drop-target {
min-height: 64px;
margin: 0px 10px 10px 10px;
border: 1px dashed black;
border-radius: 3px; }
.history-panel > .list-items {
overflow-x: hidden;
overflow-y: auto; }
.history-panel > .list-items:not(:empty) {
border-top: 1px solid #bfbfbf; }
.history-panel > .list-items:empty {
flex-grow: 0 !important; }
.history-panel > .list-items .list-item:first-child {
border-top-width: 0px; }
.history-panel > .empty-message {
margin: 0px 10px 0px 10px; }
.history-panel .loading-indicator,
.history-panel .contents-loading-indicator {
display: inline-block;
width: 100%;
padding: 16px;
text-align: center;
color: grey; }
.history-panel .history-content.dataset .title-bar .title .hid:after,
.history-panel .history-content.dataset-collection .title-bar .title .hid:after {
content: ":"; }
.history-panel .history-content.dataset div.nametags,
.history-panel .history-content.dataset-collection div.nametags {
max-height: 26px;
overflow-y: auto; }
.history-panel .history-content.dataset div.nametags span.badge,
.history-panel .history-content.dataset-collection div.nametags span.badge {
display: inline-block;
margin-right: 2px;
text-decoration: none; }
.history-panel > .controls.collapsed {
margin: 0px;
padding: 4px 8px 4px;
flex-basis: 32px; }
.history-panel > .controls.collapsed .messages,
.history-panel > .controls.collapsed .title,
.history-panel > .controls.collapsed .subtitle,
.history-panel > .controls.collapsed .history-size,
.history-panel > .controls.collapsed .tags-display .prompt,
.history-panel > .controls.collapsed .annotation-display .prompt {
display: none; }
.history-panel > .controls.collapsed .search {
margin-bottom: 4px; }
.history-panel > .controls.collapsed .actions {
margin-bottom: 0; }
.history-panel > .controls.collapsed .list-pagination .prev,
.history-panel > .controls.collapsed .list-pagination .next {
display: none; }
.history-panel > .controls.collapsed .list-pagination .pages {
float: left; }
.history-panel.wide > .controls .actions:empty {
height: auto; }
.history-panel .dataset-collection .subtitle {
margin-top: 2px; }
.annotated-history-panel > .controls {
margin: 0px; }
.annotated-history-panel > .controls .name {
font-size: 150%;
margin-bottom: 4px; }
.annotated-history-panel > .controls .subtitle {
display: block;
white-space: pre-wrap; }
.annotated-history-panel > .controls .subtitle:empty {
display: none; }
.annotated-history-panel > .controls .history-size {
float: none;
margin: 0; }
.annotated-history-panel .headers.contents-container {
margin-bottom: 0;
border-bottom: 2px solid grey;
cursor: unset; }
.annotated-history-panel .headers.contents-container > * {
vertical-align: middle;
padding: 8px;
font-weight: bold; }
.annotated-history-panel .headers.contents-container .additional-info {
text-align: right; }
.annotated-history-panel .contents-container {
display: table;
table-layout: fixed;
width: 100%;
cursor: pointer;
border-bottom: 1px solid rgba(128, 128, 128, 0.5); }
.annotated-history-panel .contents-container > * {
display: table-cell;
vertical-align: top;
width: 50%; }
.annotated-history-panel .contents-container .additional-info:not(.header) {
/* top and bottom should be == title-bar padding */
padding: 8px;
white-space: pre-wrap; }
.annotated-history-panel > .list-items {
width: 100%;
border-bottom: 1px solid lightgrey; }
.annotated-history-panel .empty-message {
margin-top: 8px; }
.embedded-item.display.history .annotated-history-panel > .controls .name {
display: none; }
.current-history-panel > .controls .list-pagination {
font-size: 90%; }
.current-history-panel > .controls .list-pagination > * {
font-size: inherit; }
.current-history-panel .list-item.history-content.current-content {
border-left: 5px solid #4e5777; }
#right.history-right-panel .unified-panel-body {
display: -webkit-flex; }
#right.history-right-panel .unified-panel-body .middle {
overflow: auto;
width: 100%;
display: -webkit-flex !important; }
.multi-panel-history {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/* ---------------------- header & footer */
/* ---------------------- middle */ }
.multi-panel-history .flex-row-container,
.multi-panel-history .flex-column-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* force ff to squish beyond content:
https://developer.mozilla.org/en-US/Firefox/Releases/34/Site_Compatibility#CSS */
min-width: 0px;
min-height: 0px;
-webkit-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-align-content: stretch;
align-content: stretch;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.multi-panel-history .flex-row-container {
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.multi-panel-history .flex-column-container {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.multi-panel-history .flex-row,
.multi-panel-history .flex-column,
.multi-panel-history .history-panel > .list-items,
.multi-panel-history .dataset-collection-panel > .list-items {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto; }
.multi-panel-history > .header,
.multi-panel-history > .footer {
width: 100%;
background-color: lightgrey; }
.multi-panel-history > .header .btn, .multi-panel-history > .header input[type="submit"], .multi-panel-history > .header
button, .multi-panel-history > .header .action-button, .multi-panel-history > .header .menubutton,
.multi-panel-history > .footer .btn,
.multi-panel-history > .footer input[type="submit"],
.multi-panel-history > .footer
button,
.multi-panel-history > .footer .action-button,
.multi-panel-history > .footer .menubutton {
height: 21px; }
.multi-panel-history > .header {
min-height: 29px;
max-height: 29px; }
.multi-panel-history > .header .more-options .btn, .multi-panel-history > .header .more-options input[type="submit"], .multi-panel-history > .header .more-options
button, .multi-panel-history > .header .more-options .action-button, .multi-panel-history > .header .more-options .menubutton {
width: 100%;
height: 26px; }
.multi-panel-history > .header .more-options input[type="checkbox"] {
margin-top: 1px; }
.multi-panel-history > .header .popover {
min-width: 290px; }
.multi-panel-history > .footer {
min-height: 0;
max-height: 0; }
.multi-panel-history .smaller-btn {
height: 20px;
line-height: normal;
font-size: 90%;
padding-top: 0px;
padding-bottom: 0px; }
.multi-panel-history .control-column {
margin-top: 4px; }
.multi-panel-history .control-column .search-control {
display: inline-block;
width: 40%; }
.multi-panel-history .control-column .search-control .search-clear,
.multi-panel-history .control-column .search-control .search-loading {
margin-top: -22px; }
.multi-panel-history .control-column input.search-query {
font-size: 90%;
height: 21px;
line-height: normal;
padding: 2px 2px 1px 2px; }
.multi-panel-history .control-column .open-more-options {
padding: 2px 6px 2px 6px;
font-size: 100%; }
.multi-panel-history .control-column .header-info {
display: inline-block;
padding: 2px 4px 2px 4px;
color: grey; }
.multi-panel-history .control-column.control-column-right, .multi-panel-history .control-column.control-column-left {
margin-right: 8px;
margin-left: 8px; }
.multi-panel-history .control-column.control-column-right > *, .multi-panel-history .control-column.control-column-left > * {
margin: 0px 4px 4px 0px; }
.multi-panel-history .control-column.control-column-center {
text-align: center;
max-height: 22px;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* truncate */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-height: 22px; }
.multi-panel-history .control-column.control-column-right {
text-align: right; }
.multi-panel-history .outer-middle {
overflow: auto; }
.multi-panel-history .middle {
min-width: 100%;
margin: 0px 0px 0px 0px;
background-color: white;
padding: 8px 0px; }
.multi-panel-history .history-column {
width: 312px;
margin: 0px 8px 0px 0px; }
.multi-panel-history .history-column:first-child {
position: fixed;
z-index: 10;
background-color: white;
width: 320px;
padding-left: 8px; }
.multi-panel-history .history-column:first-child .history-panel {
border: 1px solid black;
box-shadow: 4px 4px 4px rgba(96, 96, 96, 0.3); }
.multi-panel-history .history-column:nth-child(2) {
margin-left: 328px; }
.multi-panel-history .history-column:last-child {
margin-right: 0px; }
.multi-panel-history .history-column .panel-controls {
width: 100%;
height: 24px;
background-color: white; }
.multi-panel-history .history-column .panel-controls .panel-menu {
z-index: 1; }
.multi-panel-history .history-column .panel-controls .panel-menu .dropdown-menu a {
text-align: left; }
.multi-panel-history .history-column .panel-controls .current-label {
display: inline-block;
color: grey;
padding-left: 2px;
margin-top: 2px; }
.multi-panel-history .history-column .history-panel {
width: 100%;
border: 1px solid grey;
border-radius: 3px 3px 0px 0px;
background-color: #f8f9fa;
overflow: auto; }
.multi-panel-history .history-column .history-panel > .controls .subtitle {
min-height: 15px;
margin: -4px 0px 8px; }
.multi-panel-history .history-column .history-panel > .controls .subtitle span + span:before {
content: ", "; }
.multi-panel-history .history-column .history-panel > .controls .list-pagination {
font-size: 90%; }
.multi-panel-history .history-column .history-panel > .controls .list-pagination > * {
font-size: inherit; }
.multi-panel-history .histories-loading-indicator {
width: 8px;
transform: rotate(90deg);
transform-origin: left top 0;
margin-left: 16px;
white-space: nowrap;
color: grey; }
.multi-panel-history .histories-loading-indicator span {
margin-right: 8px; }
.dataset-collection-element .title-bar .subtitle {
margin-top: 2px; }
.dataset-collection-element .details {
display: none; }
.dataset-collection-panel .vertically-spaced {
margin-top: 4px; }
.dataset-collection-panel > .controls {
margin: 8px 8px 1px;
padding: 0px; }
.dataset-collection-panel > .controls .navigation {
margin-top: 4px; }
.dataset-collection-panel > .controls .navigation .back span {
margin-right: 4px;
font-weight: bold; }
.dataset-collection-panel > .controls .title {
margin-top: 12px; }
.dataset-collection-panel > .controls .title .name {
font-weight: bold; }
.dataset-collection-panel > .list-items {
overflow-x: hidden;
overflow-y: auto; }
.dataset-collection-panel > .list-items:not(:empty) {
border-top: 1px solid #bfbfbf; }
.dataset-collection-panel > .list-items .list-item {
border-width: 1px 0px 0px 0px; }
.dataset-collection-panel > .list-items .list-item:first-child {
border-top-width: 0px; }
.dataset-collection-panel > .list-items .list-item:last-child {
border-bottom-width: 1px; }
.job.list-item {
border: 1px solid #bfbfbf; }
.job.list-item .title-bar .subtitle {
color: grey;
font-size: 80%; }
.job.list-item > .details {
padding: 0px; }
.job.list-item > .details .params {
padding: 0px 8px 0px 8px; }
.job.list-item > .details .params .param .prompt,
.job.list-item > .details .params .input .prompt {
font-size: 80%;
color: grey; }
.job.list-item > .details .params .param .value,
.job.list-item > .details .params .input .value {
display: inline-block;
font-weight: bold; }
.job.list-item > .details .list-panel {
padding: 0px; }
.job.list-item > .details .list-panel .list-items {
border: 0px;
border-radius: 0px; }
.job.list-item > .details .list-panel .list-items .list-item {
border: 0px;
border-radius: 0px;
border-top: 1px solid #bfbfbf; }
.collection-creator {
height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.collection-creator ol,
.collection-creator li {
list-style: none;
padding: 0;
margin: 0; }
.collection-creator > *:not(.popover) {
padding: 0px 8px 0px 8px; }
.collection-creator .btn, .collection-creator input[type="submit"], .collection-creator
button, .collection-creator .action-button, .collection-creator .menubutton {
border-color: #bfbfbf; }
.collection-creator .vertically-spaced {
margin-top: 8px; }
.collection-creator .scroll-container {
overflow: auto; }
.collection-creator .truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.collection-creator .empty-message {
color: grey;
font-style: italic; }
.collection-creator.flex-row-container,
.collection-creator .flex-row-container,
.collection-creator .flex-column-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-align-content: stretch;
align-content: stretch; }
.collection-creator.flex-row-container,
.collection-creator .flex-row-container {
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.collection-creator .flex-row {
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 0 auto; }
.collection-creator .flex-row.no-flex {
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 0 auto; }
.collection-creator .flex-column-container {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.collection-creator .flex-column, .collection-creator .history-panel > .list-items, .collection-creator .dataset-collection-panel > .list-items {
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 1 auto; }
.collection-creator .flex-column.no-flex, .collection-creator .history-panel > .no-flex.list-items, .collection-creator .dataset-collection-panel > .no-flex.list-items {
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 0 auto; }
.collection-creator .choose-filters .help {
margin-bottom: 2px;
font-size: 90%;
color: grey; }
.collection-creator .choose-filters button {
width: 100%;
margin-top: 2px; }
.collection-creator .header .alert, .collection-creator .header .errormessagelarge, .collection-creator .header .error-modal .modal-content, .error-modal .collection-creator .header .modal-content, .collection-creator .header
.warningmessagelarge, .collection-creator .header
.donemessagelarge, .collection-creator .header
.infomessagelarge, .collection-creator .header
.ui-form-help .error,
.ui-form-help .collection-creator .header .error, .collection-creator .header
.ui-form-help .warning,
.ui-form-help .collection-creator .header .warning, .collection-creator .header
.ui-form-help .note,
.ui-form-help .collection-creator .header .note, .collection-creator .header .errormessage, .collection-creator .header
.warningmessage, .collection-creator .header
.donemessage, .collection-creator .header
.infomessage, .collection-creator .header
.errormessagesmall, .collection-creator .header
.warningmessagesmall, .collection-creator .header
.donemessagesmall, .collection-creator .header
.infomessagesmall {
display: none; }
.collection-creator .header .alert li, .collection-creator .header .errormessagelarge li, .collection-creator .header .error-modal .modal-content li, .error-modal .collection-creator .header .modal-content li, .collection-creator .header
.warningmessagelarge li, .collection-creator .header
.donemessagelarge li, .collection-creator .header
.infomessagelarge li, .collection-creator .header
.ui-form-help .error li,
.ui-form-help .collection-creator .header .error li, .collection-creator .header
.ui-form-help .warning li,
.ui-form-help .collection-creator .header .warning li, .collection-creator .header
.ui-form-help .note li,
.ui-form-help .collection-creator .header .note li, .collection-creator .header .errormessage li, .collection-creator .header
.warningmessage li, .collection-creator .header
.donemessage li, .collection-creator .header
.infomessage li, .collection-creator .header
.errormessagesmall li, .collection-creator .header
.warningmessagesmall li, .collection-creator .header
.donemessagesmall li, .collection-creator .header
.infomessagesmall li {
list-style: circle;
margin-left: 32px; }
.collection-creator .column {
width: 30%; }
.collection-creator .column-title {
height: 22px;
line-height: 22px;
overflow: hidden; }
.collection-creator .column-title:hover {
text-decoration: underline;
cursor: pointer; }
.collection-creator .column-title .title {
font-weight: bold; }
.collection-creator .column-title .title-info {
color: grey; }
.collection-creator .column-title .title-info:before {
content: " - "; }
.collection-creator .paired-column {
text-align: center;
width: 22%; }
.collection-creator .header .main-help {
margin-bottom: 17px;
overflow: hidden;
padding: 15px;
background: #f8f8f8; }
.collection-creator .header .main-help:not(.expanded) {
max-height: 49px; }
.collection-creator .header .main-help:not(.expanded) .help-content p:first-child {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.collection-creator .header .main-help:not(.expanded) .help-content > *:not(:first-child) {
display: none; }
.collection-creator .header .main-help.expanded {
max-height: none; }
.collection-creator .header .main-help .help-content i {
cursor: help;
border-bottom: 1px dotted grey;
font-style: normal; }
.collection-creator .header .main-help .help-content ul,
.collection-creator .header .main-help .help-content li {
list-style: circle;
margin-left: 16px; }
.collection-creator .header .main-help .help-content .scss-help {
display: inline-block;
width: 100%;
text-align: right; }
.collection-creator .header .main-help .more-help {
float: right; }
.collection-creator .header .column-headers .column-header .unpaired-filter {
width: 100%; }
.collection-creator .header .column-headers .column-header .unpaired-filter .search-query {
width: 100%;
height: 22px; }
.collection-creator .header .paired-column a:not(:last-child) {
margin-right: 8px; }
.collection-creator .header .reverse-column .column-title {
text-align: right; }
.collection-creator .flex-bordered-vertically, .collection-creator .unpaired-columns, .collection-creator .paired-columns {
height: 0;
border: 1px solid lightgrey;
border-width: 1px 0 1px 0; }
.collection-creator .column-datasets {
list-style: none;
overflow: hidden; }
.collection-creator .column-datasets .dataset {
height: 32px;
margin-top: 2px;
border: 1px solid lightgrey;
border-radius: 3px;
padding: 0 8px 0 8px;
line-height: 28px;
cursor: pointer; }
.collection-creator .column-datasets .dataset:last-of-type {
margin-bottom: 2px; }
.collection-creator .column-datasets .dataset.unpaired {
border-color: grey; }
.collection-creator .column-datasets .dataset.paired {
margin-left: 34px;
margin-right: 34px;
border: 2px solid grey;
background: #aff1af; }
.collection-creator .column-datasets .dataset.paired span {
display: inline-block;
overflow: hidden; }
.collection-creator .column-datasets .dataset.paired .forward-dataset-name {
text-align: right;
border-right: 1px solid grey;
padding-right: 8px; }
.collection-creator .column-datasets .dataset.paired .forward-dataset-name:after {
margin-left: 8px;
font-family: FontAwesome;
content: "\f061"; }
.collection-creator .column-datasets .dataset.paired .pair-name-column {
text-align: center; }
.collection-creator .column-datasets .dataset.paired .pair-name-column .pair-name:hover {
text-decoration: underline; }
.collection-creator .column-datasets .dataset.paired .reverse-dataset-name {
border-left: 1px solid grey;
padding-left: 8px; }
.collection-creator .column-datasets .dataset.paired .reverse-dataset-name:before {
margin-right: 8px;
font-family: FontAwesome;
content: "\f060"; }
.collection-creator .column-datasets .dataset:hover {
border-color: black; }
.collection-creator .column-datasets .dataset.selected {
border-color: black;
background: black;
color: white; }
.collection-creator .column-datasets .dataset.selected a {
color: white; }
.collection-creator .unpaired-columns .forward-column .dataset.unpaired {
margin-right: 32px; }
.collection-creator .unpaired-columns .paired-column .dataset.unpaired {
border-color: lightgrey;
color: lightgrey; }
.collection-creator .unpaired-columns .paired-column .dataset.unpaired:hover {
border-color: black;
color: black; }
.collection-creator .unpaired-columns .reverse-column .dataset.unpaired {
text-align: right;
margin-left: 32px; }
.collection-creator .flexible-partition .flexible-partition-drag {
width: 100%;
height: 8px;
cursor: ns-resize;
line-height: 2px;
text-align: center;
color: lightgrey; }
.collection-creator .flexible-partition .flexible-partition-drag:before {
content: "..."; }
.collection-creator .flexible-partition .flexible-partition-drag:hover {
background: lightgrey;
color: black; }
.collection-creator .flexible-partition .column-header {
width: 100%;
text-align: center; }
.collection-creator .flexible-partition .column-header .column-title {
display: inline; }
.collection-creator .flexible-partition .column-header > *:not(:last-child) {
margin-right: 8px; }
.collection-creator .flexible-partition .column-header .remove-extensions-link {
display: none; }
.collection-creator .paired-columns {
margin-bottom: 8px; }
.collection-creator .paired-columns .column-datasets {
width: 100%;
overflow: auto; }
.collection-creator .paired-columns .unpair-btn {
float: right;
margin-top: -32px;
width: 31px;
height: 32px;
border-color: transparent;
background: transparent;
font-size: 120%; }
.collection-creator .paired-columns .unpair-btn:hover {
border-color: #bfbfbf;
background: #dedede; }
.collection-creator .paired-columns .empty-message {
text-align: center; }
.collection-creator .element-drop-placeholder {
width: 60px;
height: 3px;
margin: 2px 0px 0px 14px;
background: black; }
.collection-creator .element-drop-placeholder:before {
float: left;
font-size: 120%;
margin: -9px 0px 0px -8px;
font-family: FontAwesome;
content: "\f0da"; }
.collection-creator .element-drop-placeholder:last-child {
margin-bottom: 8px; }
.collection-creator .footer {
padding-bottom: 8px; }
.collection-creator .footer .attributes .setting-prompt {
line-height: 32px;
padding-left: 10px; }
.collection-creator .footer .attributes .setting-prompt .remove-extensions {
display: inline-block;
width: 24px;
height: 24px; }
.collection-creator .footer .attributes .setting-prompt .hide-originals {
display: inline-block;
width: 24px;
height: 24px; }
.collection-creator .footer .attributes .collection-name-prompt {
margin: 5px 4px 0 0; }
.collection-creator .footer .attributes .collection-name-prompt.validation-warning:before {
content: "(required)";
margin-right: 4px;
color: red; }
.collection-creator .footer .attributes .collection-name {
width: 50%; }
.collection-creator .footer .attributes .collection-name.validation-warning {
border-color: red; }
.collection-creator .footer .actions .other-options > * {
display: none;
margin-left: 4px; }
.collection-creator.list-collection-creator .footer {
margin-top: 8px; }
.collection-creator.list-collection-creator .main-help {
cursor: pointer; }
.collection-creator.list-collection-creator .collection-elements-controls {
margin-bottom: 8px; }
.collection-creator.list-collection-creator .collection-elements-controls .clear-selected {
display: none; }
.collection-creator.list-collection-creator .collection-elements {
max-height: 400px;
border: 0px solid lightgrey;
overflow-y: auto;
overflow-x: hidden; }
.collection-creator.list-collection-creator .collection-element {
height: 32px;
margin: 2px 4px 0px 4px;
opacity: 1;
border: 1px solid lightgrey;
border-radius: 3px;
padding: 0 8px 0 8px;
line-height: 28px;
cursor: pointer;
overflow: hidden; }
.collection-creator.list-collection-creator .collection-element:last-of-type {
margin-bottom: 2px; }
.collection-creator.list-collection-creator .collection-element:hover {
border-color: black; }
.collection-creator.list-collection-creator .collection-element.selected {
border-color: black;
background: black;
color: white; }
.collection-creator.list-collection-creator .collection-element.selected a {
color: white; }
.collection-creator.list-collection-creator .collection-element.dragging {
opacity: 0.4; }
.collection-creator.list-collection-creator .collection-element.dragging button {
display: none; }
.collection-creator.list-collection-creator .collection-element .name:hover {
text-decoration: underline; }
.collection-creator.list-collection-creator .collection-element button {
margin-top: 3px; }
.collection-creator.list-collection-creator .element-drop-placeholder {
margin-left: 8px; }
.collection-creator.list-collection-creator .element-drop-placeholder:before {
margin: -8.5px 0px 0px -8px; }
.collection-creator.list-collection-creator .empty-message {
margin: 8px;
color: grey;
font-style: italic;
text-align: center; }
.collection-creator.list-collection-creator .no-elements-left-message {
text-align: left; }
.collection-creator.pair-collection-creator .footer {
margin-top: 8px; }
.collection-creator.pair-collection-creator .main-help {
cursor: pointer; }
.collection-creator.pair-collection-creator .collection-elements-controls {
margin-bottom: 8px; }
.collection-creator.pair-collection-creator .collection-elements-controls .clear-selected {
display: none; }
.collection-creator.pair-collection-creator .collection-elements {
max-height: 400px;
border: 0px solid lightgrey;
overflow-y: auto;
overflow-x: hidden; }
.collection-creator.pair-collection-creator .collection-element {
height: 32px;
margin: 2px 4px 0px 4px;
opacity: 1;
border: 1px solid lightgrey;
border-radius: 3px;
padding: 0 8px 0 8px;
line-height: 28px;
cursor: pointer;
overflow: hidden; }
.collection-creator.pair-collection-creator .collection-element:last-of-type {
margin-bottom: 2px; }
.collection-creator.pair-collection-creator .collection-element:hover {
border-color: black; }
.collection-creator.pair-collection-creator .collection-element button {
margin-top: 3px; }
.collection-creator.pair-collection-creator .collection-element .identifier:after {
content: ":";
margin-right: 6px; }
.collection-creator.pair-collection-creator .collection-element .name:hover {
text-decoration: none; }
.collection-creator.pair-collection-creator .empty-message {
margin: 8px;
color: grey;
font-style: italic;
text-align: center; }
.collection-creator.list-of-pairs-collection-creator .column-headers {
margin-bottom: 8px; }
.search-input .search-query {
width: 100%;
padding-right: 24px; }
.search-input .search-clear,
.search-input .search-loading {
position: relative;
display: inline-block;
float: right;
margin-top: -24px;
margin-right: 4px;
font-size: 1.4em;
line-height: 23px;
color: grey; }
.search-input .search-clear:hover {
color: #25537b;
cursor: pointer; }
.dataset-choice {
border: 1px solid lightgrey;
border-radius: 3px;
overflow: hidden;
padding: 10px 8px 8px 8px; }
.dataset-choice:hover {
border-color: black;
cursor: pointer; }
.dataset-choice:hover > * {
cursor: pointer; }
.dataset-choice .prompt {
margin-right: 8px; }
.dataset-choice .prompt:after {
content: ":"; }
.dataset-choice .prompt:empty {
display: none; }
.dataset-choice .none-selected-msg {
color: grey; }
.dataset-choice .selected {
display: inline-block; }
.dataset-choice .selected .title {
font-weight: bold; }
.dataset-choice .selected .subtitle {
color: grey; }
.dataset-choice .selected .subtitle:before {
content: "-";
margin: 0px 4px 0px 4px; }
.dataset-choice .selected .subtitle i {
font-style: normal; }
.dataset-choice .selected .subtitle i:not(:last-child):after {
content: ", "; }
.dataset-choice.multi .selected {
display: block;
font-weight: normal; }
.dataset-choice.multi table {
width: 100%;
margin-top: 8px;
cursor: pointer; }
.dataset-choice.multi table:hover {
border-color: black; }
.dataset-choice.multi table tr:nth-child(even) {
background-color: aliceblue; }
.dataset-choice.multi table th {
padding: 0px;
font-weight: normal;
font-size: 80%;
color: grey; }
.dataset-choice.multi table th:not(:last-child),
.dataset-choice.multi table td:not(:last-child) {
padding-right: 8px; }
.dataset-choice.multi table td.cell-name {
font-weight: bold; }
.dataset-choice-modal .list-panel .list-item.dataset {
border-left-width: 1px;
border-right-width: 1px; }
.dataset-choice-modal .list-panel .controls .title .name {
font-size: 120%; }
.peek-column-selector {
border-radius: 3px;
border: 1px solid #5f6990; }
.peek-column-selector td,
.peek-column-selector th {
padding: 4px 10px 4px 4px; }
.peek-column-selector th:last-child {
width: 100%; }
.peek-column-selector .top-left {
width: 10%;
white-space: normal;
vertical-align: top;
text-align: right;
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
font-weight: normal; }
.peek-column-selector .renamable-header:hover {
background-color: black; }
.peek-column-selector .control td.control-prompt {
background-color: #5f6990;
padding: 0px 4px 0px 8px;
text-align: right;
color: white; }
.peek-column-selector .control td {
padding: 1px;
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
color: grey; }
.peek-column-selector .control td .button {
min-width: 28px;
border: 1px solid grey;
border-radius: 3px;
padding: 4px;
color: grey; }
.peek-column-selector .control td:hover .button {
background-color: #eee;
border: 1px solid black;
cursor: pointer;
color: black; }
.peek-column-selector .control td.disabled .button,
.peek-column-selector .control td.disabled:hover .button {
background-color: transparent;
border: 1px solid #ccc;
cursor: not-allowed;
color: #ccc; }
.peek-column-selector .control td.selected .button {
background-color: black;
border: 1px solid black;
color: white; }
.pagination {
margin: 0px; }
.pagination-scroll-container {
display: inline-block;
background-color: #f8f8f8;
border-radius: 3px;
border: 1px solid #bfbfbf;
overflow: auto; }
.pagination-scroll-container .pagination-page-list {
margin: 3px 0px 3px 0px; }
.pagination-scroll-container .pagination-page-list > li:first-child > a,
.pagination-scroll-container .pagination-page-list > li:first-child > span {
border-radius: 0px;
border-left: 0px; }
.pagination-scroll-container .pagination-page-list > li:last-child > a,
.pagination-scroll-container .pagination-page-list > li:last-child > span {
border-radius: 0px; }
.pagination-scroll-container .pagination-page-list > li > a {
float: none;
position: static;
border: 1px solid #bfbfbf;
border-width: 0px 0px 0px 1px; }
.error-modal .modal-content > * {
padding: 0;
margin: 0;
border: none; }
.error-modal .modal-content .error-details {
display: none;
margin-top: 8px; }
.error-modal .modal-content .error-details pre {
border-radius: 3px;
background: white;
padding: 8px;
white-space: pre-wrap;
color: black; }
.error-modal .modal-content .modal-footer {
margin-top: 8px; }
.error-modal .modal-content .modal-footer .buttons {
width: 100%;
float: none; }
.error-modal .modal-content .modal-footer .buttons > * {
float: right; }
.toolMenuContainer {
color: #212529;
background: #f8f9fa;
min-height: 100%;
padding: 1rem 1.5rem; }
.toolMenuContainer a {
color: #212529; }
div.toolSectionPad {
margin: 0;
padding: 0;
height: 5px;
font-size: 0px; }
div.toolSectionWrapper {
margin-bottom: 5px; }
div.toolSectionDetailsInner {
margin-left: 5px;
margin-right: 5px; }
div.toolSectionTitle {
font-weight: 500;
font-size: 1rem; }
div.toolPanelLabel {
padding-top: 10px;
padding-bottom: 5px;
font-weight: bold;
color: gray;
text-transform: uppercase; }
div.toolTitle {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
display: block; }
div.toolTitle .labels {
float: right;
margin-left: 2px; }
div a.tool-link {
text-decoration: none;
display: block; }
div a.tool-link span.tool-old-link {
text-decoration: underline; }
div.toolSectionBody div.toolPanelLabel {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 16px;
margin-right: 10px;
display: list-item;
list-style: none outside; }
div.toolTitleNoSection {
padding-bottom: 5px;
font-weight: bold; }
#loading_indicator {
position: fixed;
right: 10px;
top: 10px;
height: 32px;
width: 32px;
display: none;
background: url(largespinner.gif); }
#content_table td {
text-align: right;
white-space: nowrap;
padding: 2px 10px; }
#content_table th {
white-space: nowrap;
padding: 2px 10px; }
#content_table td.stringalign {
text-align: left; }
#content_table .dark_row {
background-color: #ddd; }
#content_table th {
background-color: #aaa; }
.toolMenuAndView .toolForm {
float: left;
background-color: white;
margin: 10px; }
.text-and-autocomplete-select {
background: none;
position: relative;
padding-right: 18px; }
.text-and-autocomplete-select:after {
margin-top: 6px;
position: absolute;
top: 2px;
right: 6px;
width: 10px;
height: 10px;
opacity: 80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${opacityPercent})";
filter: "alpha(opacity=${opacityPercent})"; }
.text-and-autocomplete-select:after::after {
display: inline-block;
width: 0;
height: 0;
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; }
.text-and-autocomplete-select:after:empty::after {
margin-left: 0; }
.icon-button.general-question {
background: url(question-octagon-frame.png) no-repeat;
float: right;
margin-top: 3px;
margin-right: 4px; }
.icon-button.tag-question {
background: url(question-balloon.png) no-repeat;
float: right;
margin-top: 3px;
margin-right: 4px; }
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of SCSS
@include sprites($spritesheet-sprites);
*/
.icon-button.tag {
background-image: url(sprite-fugue.png);
background-position: -16px -112px;
width: 16px;
height: 16px; }
.icon-button.tags {
background-image: url(sprite-fugue.png);
background-position: -32px -112px;
width: 16px;
height: 16px; }
.icon-button.tag--plus {
background-image: url(sprite-fugue.png);
background-position: 0px -112px;
width: 16px;
height: 16px; }
.icon-button.toggle-expand {
background-image: url(sprite-fugue.png);
background-position: -80px -112px;
width: 16px;
height: 16px; }
.icon-button.toggle {
background-image: url(sprite-fugue.png);
background-position: -48px -112px;
width: 16px;
height: 16px; }
.icon-button.toggle:hover {
background-image: url(sprite-fugue.png);
background-position: -96px -112px;
width: 16px;
height: 16px; }
.icon-button.arrow-circle {
background-image: url(sprite-fugue.png);
background-position: -32px 0px;
width: 16px;
height: 16px; }
.icon-button.chevron {
background-image: url(sprite-fugue.png);
background-position: -32px -64px;
width: 16px;
height: 16px; }
.icon-button.bug {
background-image: url(sprite-fugue.png);
background-position: -64px -32px;
width: 16px;
height: 16px; }
.icon-button.disk {
background-image: url(sprite-fugue.png);
background-position: -16px -80px;
width: 16px;
height: 16px; }
.icon-button.information {
background-image: url(sprite-fugue.png);
background-position: -96px -80px;
width: 16px;
height: 16px; }
.icon-button.annotate {
background-image: url(sprite-fugue.png);
background-position: -112px -96px;
width: 16px;
height: 16px; }
.icon-button.go-to-full-screen {
background-image: url(sprite-fugue.png);
background-position: 0px 0px;
width: 16px;
height: 16px; }
.icon-button.import {
background-image: url(sprite-fugue.png);
background-position: -112px -80px;
width: 16px;
height: 16px; }
.icon-button.plus-button {
background-image: url(sprite-fugue.png);
background-position: -112px -48px;
width: 16px;
height: 16px; }
.icon-button.plus-button:hover {
background-image: url(sprite-fugue.png);
background-position: -112px -64px;
width: 16px;
height: 16px; }
.icon-button.gear {
background-image: url(sprite-fugue.png);
background-position: -96px 0px;
width: 16px;
height: 16px; }
.icon-button.chart_curve {
background-image: url(sprite-fugue.png);
background-position: -64px -48px;
width: 16px;
height: 16px; }
.icon-button.disk--arrow {
background-image: url(sprite-fugue.png);
background-position: -80px -64px;
width: 16px;
height: 16px; }
.icon-button.disk--arrow:hover {
background-image: url(sprite-fugue.png);
background-position: 0px -80px;
width: 16px;
height: 16px; }
.icon-button.cross-circle {
background-image: url(sprite-fugue.png);
background-position: -80px 0px;
width: 16px;
height: 16px; }
.icon-button.cross-circle:hover {
background-image: url(sprite-fugue.png);
background-position: -80px -16px;
width: 16px;
height: 16px; }
.icon-button.arrow-split {
background-image: url(sprite-fugue.png);
background-position: -16px -32px;
width: 16px;
height: 16px; }
.icon-button.arrow-split:hover {
background-image: url(sprite-fugue.png);
background-position: -32px -32px;
width: 16px;
height: 16px; }
.icon-button.chevron-expand:hover {
background-image: url(sprite-fugue.png);
background-position: -16px -64px;
width: 16px;
height: 16px; }
.icon-button.chevron-expand {
background-image: url(sprite-fugue.png);
background-position: 0px -64px;
width: 16px;
height: 16px; }
.noscript-overlay {
position: absolute;
width: 100%;
height: 100%;
background: white;
z-index: 10000; }
.noscript-overlay > div {
margin: 64px 0px 0px 64px; }
#for_bears {
display: none; }
.chat-modal {
overflow: hidden; }
.modal-header-body {
padding: 2px; }
.communication-iframe {
width: 100%;
height: 100%; }
.close-modal {
float: right;
cursor: pointer; }
.expand-compress-modal {
cursor: pointer;
font-size: 12px;
margin-left: 93.2%; }
#change_password .progress,
#registrationForm .progress {
width: 200px;
margin-left: 20px; }
#change_password .progress-bar,
#registrationForm .progress-bar {
color: black;
text-align: left; }
.wf {
overflow: auto; }
.wf th {
white-space: nowrap; }
.wf td:first-child {
white-space: nowrap; }
.wf-action span {
padding-left: 3px;
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }
.wf-nodata {
padding-left: 1%; }
.wf-back {
margin-left: 0.5%; }
.other-options {
margin-bottom: 2%; }
.hidden_description_layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(200, 200, 200, 0.6);
visibility: hidden;
opacity: 0;
font-size: 2em;
display: flex;
align-items: center;
justify-content: center;
/* transition effect. not necessary */
transition: opacity 0.2s, visibility 0.2s; }
.hidden_description_layer.dragover {
visibility: visible;
opacity: 1; }
/* Temporary tag editor display; will be moved to a scoped Vue SFC upon refactoring */
.tags-display .select2-container {
max-height: 80px;
overflow: auto;
min-width: 0px; }
.tags-display .select2-container .select2-choices {
border-radius: 3px; }
/* For Vue */
[v-cloak] {
display: none; }