html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-ms-overflow-style: scrollbar
}
body {
margin: 0;
font-family: Helvetica Neue, Arial, -apple-system, BlinkMacSystemFont, PingFang SC, microsoft yahei, STXihei, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #222
}
*,
:after,
:before {
box-sizing: inherit
}
h1 {
font-size: 2em;
margin: 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
outline: none
}
input::placeholder {
color: #ccc
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
li,
ul {
margin: 0;
padding: 0;
list-style: none
}
a,
a.link-default {
color: #f89800;
text-decoration: none
}
a .fa,
a .glyphicon,
a.link-default .fa,
a.link-default .glyphicon {
font-style: normal
}
a.link-default:hover,
a:hover {
color: #fc3;
text-decoration: none
}
a.link-with-icon .fa,
a.link-with-icon .glyphicon {
margin-right: 5px;
text-decoration: none
}
@keyframes a {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.ani-spin:before {
animation: a 1s infinite linear
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
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: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.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 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-sm-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-sm-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-sm-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.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 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-md-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.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 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-lg-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.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 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-xl-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-xl-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-xl-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-xl-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.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%
}
}
.col,
.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-auto,
.col-grid-24,
.col-grid-24-1,
.col-grid-24-2,
.col-grid-24-3,
.col-grid-24-4,
.col-grid-24-5,
.col-grid-24-6,
.col-grid-24-7,
.col-grid-24-8,
.col-grid-24-9,
.col-grid-24-10,
.col-grid-24-11,
.col-grid-24-12,
.col-grid-24-13,
.col-grid-24-14,
.col-grid-24-15,
.col-grid-24-16,
.col-grid-24-17,
.col-grid-24-18,
.col-grid-24-19,
.col-grid-24-20,
.col-grid-24-21,
.col-grid-24-22,
.col-grid-24-23,
.col-grid-24-24,
.col-grid-24-auto,
.col-lg,
.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-auto,
.col-lg-grid-24,
.col-lg-grid-24-1,
.col-lg-grid-24-2,
.col-lg-grid-24-3,
.col-lg-grid-24-4,
.col-lg-grid-24-5,
.col-lg-grid-24-6,
.col-lg-grid-24-7,
.col-lg-grid-24-8,
.col-lg-grid-24-9,
.col-lg-grid-24-10,
.col-lg-grid-24-11,
.col-lg-grid-24-12,
.col-lg-grid-24-13,
.col-lg-grid-24-14,
.col-lg-grid-24-15,
.col-lg-grid-24-16,
.col-lg-grid-24-17,
.col-lg-grid-24-18,
.col-lg-grid-24-19,
.col-lg-grid-24-20,
.col-lg-grid-24-21,
.col-lg-grid-24-22,
.col-lg-grid-24-23,
.col-lg-grid-24-24,
.col-lg-grid-24-auto,
.col-md,
.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-auto,
.col-md-grid-24,
.col-md-grid-24-1,
.col-md-grid-24-2,
.col-md-grid-24-3,
.col-md-grid-24-4,
.col-md-grid-24-5,
.col-md-grid-24-6,
.col-md-grid-24-7,
.col-md-grid-24-8,
.col-md-grid-24-9,
.col-md-grid-24-10,
.col-md-grid-24-11,
.col-md-grid-24-12,
.col-md-grid-24-13,
.col-md-grid-24-14,
.col-md-grid-24-15,
.col-md-grid-24-16,
.col-md-grid-24-17,
.col-md-grid-24-18,
.col-md-grid-24-19,
.col-md-grid-24-20,
.col-md-grid-24-21,
.col-md-grid-24-22,
.col-md-grid-24-23,
.col-md-grid-24-24,
.col-md-grid-24-auto,
.col-sm,
.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-auto,
.col-sm-grid-24,
.col-sm-grid-24-1,
.col-sm-grid-24-2,
.col-sm-grid-24-3,
.col-sm-grid-24-4,
.col-sm-grid-24-5,
.col-sm-grid-24-6,
.col-sm-grid-24-7,
.col-sm-grid-24-8,
.col-sm-grid-24-9,
.col-sm-grid-24-10,
.col-sm-grid-24-11,
.col-sm-grid-24-12,
.col-sm-grid-24-13,
.col-sm-grid-24-14,
.col-sm-grid-24-15,
.col-sm-grid-24-16,
.col-sm-grid-24-17,
.col-sm-grid-24-18,
.col-sm-grid-24-19,
.col-sm-grid-24-20,
.col-sm-grid-24-21,
.col-sm-grid-24-22,
.col-sm-grid-24-23,
.col-sm-grid-24-24,
.col-sm-grid-24-auto,
.col-xl,
.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-auto,
.col-xl-grid-24,
.col-xl-grid-24-1,
.col-xl-grid-24-2,
.col-xl-grid-24-3,
.col-xl-grid-24-4,
.col-xl-grid-24-5,
.col-xl-grid-24-6,
.col-xl-grid-24-7,
.col-xl-grid-24-8,
.col-xl-grid-24-9,
.col-xl-grid-24-10,
.col-xl-grid-24-11,
.col-xl-grid-24-12,
.col-xl-grid-24-13,
.col-xl-grid-24-14,
.col-xl-grid-24-15,
.col-xl-grid-24-16,
.col-xl-grid-24-17,
.col-xl-grid-24-18,
.col-xl-grid-24-19,
.col-xl-grid-24-20,
.col-xl-grid-24-21,
.col-xl-grid-24-22,
.col-xl-grid-24-23,
.col-xl-grid-24-24,
.col-xl-grid-24-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 16px;
padding-left: 16px
}
.col-grid-24 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-grid-24-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-grid-24-1 {
-ms-flex: 0 0 4.16667%;
flex: 0 0 4.16667%;
max-width: 4.16667%
}
.col-grid-24-2 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-grid-24-3 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-grid-24-4 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-grid-24-5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%
}
.col-grid-24-6 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-grid-24-7 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%
}
.col-grid-24-8 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-grid-24-9 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-grid-24-10 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-grid-24-11 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%
}
.col-grid-24-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-grid-24-13 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%
}
.col-grid-24-14 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-grid-24-15 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-grid-24-16 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-grid-24-17 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%
}
.col-grid-24-18 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-grid-24-19 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%
}
.col-grid-24-20 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-grid-24-21 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-grid-24-22 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-grid-24-23 {
-ms-flex: 0 0 95.83333%;
flex: 0 0 95.83333%;
max-width: 95.83333%
}
.col-grid-24-24 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-grid-24-first {
-ms-flex-order: -1;
order: -1
}
.order-grid-24-last {
-ms-flex-order: 25;
order: 25
}
.offset-grid-24-0 {
margin-left: 0
}
.offset-grid-24-1 {
margin-left: 4.16667%
}
.offset-grid-24-2 {
margin-left: 8.33333%
}
.offset-grid-24-3 {
margin-left: 12.5%
}
.offset-grid-24-4 {
margin-left: 16.66667%
}
.offset-grid-24-5 {
margin-left: 20.83333%
}
.offset-grid-24-6 {
margin-left: 25%
}
.offset-grid-24-7 {
margin-left: 29.16667%
}
.offset-grid-24-8 {
margin-left: 33.33333%
}
.offset-grid-24-9 {
margin-left: 37.5%
}
.offset-grid-24-10 {
margin-left: 41.66667%
}
.offset-grid-24-11 {
margin-left: 45.83333%
}
.offset-grid-24-12 {
margin-left: 50%
}
.offset-grid-24-13 {
margin-left: 54.16667%
}
.offset-grid-24-14 {
margin-left: 58.33333%
}
.offset-grid-24-15 {
margin-left: 62.5%
}
.offset-grid-24-16 {
margin-left: 66.66667%
}
.offset-grid-24-17 {
margin-left: 70.83333%
}
.offset-grid-24-18 {
margin-left: 75%
}
.offset-grid-24-19 {
margin-left: 79.16667%
}
.offset-grid-24-20 {
margin-left: 83.33333%
}
.offset-grid-24-21 {
margin-left: 87.5%
}
.offset-grid-24-22 {
margin-left: 91.66667%
}
.offset-grid-24-23 {
margin-left: 95.83333%
}
@media (min-width:576px) {
.col-sm-grid-24 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-grid-24-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-grid-24-1 {
-ms-flex: 0 0 4.16667%;
flex: 0 0 4.16667%;
max-width: 4.16667%
}
.col-sm-grid-24-2 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-sm-grid-24-3 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-sm-grid-24-4 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-grid-24-5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%
}
.col-sm-grid-24-6 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-grid-24-7 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%
}
.col-sm-grid-24-8 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-sm-grid-24-9 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-sm-grid-24-10 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-sm-grid-24-11 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%
}
.col-sm-grid-24-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-grid-24-13 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%
}
.col-sm-grid-24-14 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-sm-grid-24-15 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-sm-grid-24-16 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-sm-grid-24-17 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%
}
.col-sm-grid-24-18 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-grid-24-19 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%
}
.col-sm-grid-24-20 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-sm-grid-24-21 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-sm-grid-24-22 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-sm-grid-24-23 {
-ms-flex: 0 0 95.83333%;
flex: 0 0 95.83333%;
max-width: 95.83333%
}
.col-sm-grid-24-24 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-grid-24-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-grid-24-last {
-ms-flex-order: 25;
order: 25
}
.offset-sm-grid-24-0 {
margin-left: 0
}
.offset-sm-grid-24-1 {
margin-left: 4.16667%
}
.offset-sm-grid-24-2 {
margin-left: 8.33333%
}
.offset-sm-grid-24-3 {
margin-left: 12.5%
}
.offset-sm-grid-24-4 {
margin-left: 16.66667%
}
.offset-sm-grid-24-5 {
margin-left: 20.83333%
}
.offset-sm-grid-24-6 {
margin-left: 25%
}
.offset-sm-grid-24-7 {
margin-left: 29.16667%
}
.offset-sm-grid-24-8 {
margin-left: 33.33333%
}
.offset-sm-grid-24-9 {
margin-left: 37.5%
}
.offset-sm-grid-24-10 {
margin-left: 41.66667%
}
.offset-sm-grid-24-11 {
margin-left: 45.83333%
}
.offset-sm-grid-24-12 {
margin-left: 50%
}
.offset-sm-grid-24-13 {
margin-left: 54.16667%
}
.offset-sm-grid-24-14 {
margin-left: 58.33333%
}
.offset-sm-grid-24-15 {
margin-left: 62.5%
}
.offset-sm-grid-24-16 {
margin-left: 66.66667%
}
.offset-sm-grid-24-17 {
margin-left: 70.83333%
}
.offset-sm-grid-24-18 {
margin-left: 75%
}
.offset-sm-grid-24-19 {
margin-left: 79.16667%
}
.offset-sm-grid-24-20 {
margin-left: 83.33333%
}
.offset-sm-grid-24-21 {
margin-left: 87.5%
}
.offset-sm-grid-24-22 {
margin-left: 91.66667%
}
.offset-sm-grid-24-23 {
margin-left: 95.83333%
}
}
@media (min-width:768px) {
.col-md-grid-24 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-grid-24-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-grid-24-1 {
-ms-flex: 0 0 4.16667%;
flex: 0 0 4.16667%;
max-width: 4.16667%
}
.col-md-grid-24-2 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-md-grid-24-3 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-md-grid-24-4 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-grid-24-5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%
}
.col-md-grid-24-6 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-grid-24-7 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%
}
.col-md-grid-24-8 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-grid-24-9 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-md-grid-24-10 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-md-grid-24-11 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%
}
.col-md-grid-24-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-grid-24-13 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%
}
.col-md-grid-24-14 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-md-grid-24-15 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-md-grid-24-16 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-md-grid-24-17 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%
}
.col-md-grid-24-18 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-grid-24-19 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%
}
.col-md-grid-24-20 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-md-grid-24-21 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-md-grid-24-22 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-md-grid-24-23 {
-ms-flex: 0 0 95.83333%;
flex: 0 0 95.83333%;
max-width: 95.83333%
}
.col-md-grid-24-24 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-grid-24-first {
-ms-flex-order: -1;
order: -1
}
.order-md-grid-24-last {
-ms-flex-order: 25;
order: 25
}
.offset-md-grid-24-0 {
margin-left: 0
}
.offset-md-grid-24-1 {
margin-left: 4.16667%
}
.offset-md-grid-24-2 {
margin-left: 8.33333%
}
.offset-md-grid-24-3 {
margin-left: 12.5%
}
.offset-md-grid-24-4 {
margin-left: 16.66667%
}
.offset-md-grid-24-5 {
margin-left: 20.83333%
}
.offset-md-grid-24-6 {
margin-left: 25%
}
.offset-md-grid-24-7 {
margin-left: 29.16667%
}
.offset-md-grid-24-8 {
margin-left: 33.33333%
}
.offset-md-grid-24-9 {
margin-left: 37.5%
}
.offset-md-grid-24-10 {
margin-left: 41.66667%
}
.offset-md-grid-24-11 {
margin-left: 45.83333%
}
.offset-md-grid-24-12 {
margin-left: 50%
}
.offset-md-grid-24-13 {
margin-left: 54.16667%
}
.offset-md-grid-24-14 {
margin-left: 58.33333%
}
.offset-md-grid-24-15 {
margin-left: 62.5%
}
.offset-md-grid-24-16 {
margin-left: 66.66667%
}
.offset-md-grid-24-17 {
margin-left: 70.83333%
}
.offset-md-grid-24-18 {
margin-left: 75%
}
.offset-md-grid-24-19 {
margin-left: 79.16667%
}
.offset-md-grid-24-20 {
margin-left: 83.33333%
}
.offset-md-grid-24-21 {
margin-left: 87.5%
}
.offset-md-grid-24-22 {
margin-left: 91.66667%
}
.offset-md-grid-24-23 {
margin-left: 95.83333%
}
}
@media (min-width:992px) {
.col-lg-grid-24 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-grid-24-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-grid-24-1 {
-ms-flex: 0 0 4.16667%;
flex: 0 0 4.16667%;
max-width: 4.16667%
}
.col-lg-grid-24-2 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-lg-grid-24-3 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-lg-grid-24-4 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-grid-24-5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%
}
.col-lg-grid-24-6 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-grid-24-7 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%
}
.col-lg-grid-24-8 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-grid-24-9 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-lg-grid-24-10 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-lg-grid-24-11 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%
}
.col-lg-grid-24-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-grid-24-13 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%
}
.col-lg-grid-24-14 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-lg-grid-24-15 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-lg-grid-24-16 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-grid-24-17 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%
}
.col-lg-grid-24-18 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-grid-24-19 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%
}
.col-lg-grid-24-20 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-lg-grid-24-21 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-lg-grid-24-22 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-lg-grid-24-23 {
-ms-flex: 0 0 95.83333%;
flex: 0 0 95.83333%;
max-width: 95.83333%
}
.col-lg-grid-24-24 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-grid-24-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-grid-24-last {
-ms-flex-order: 25;
order: 25
}
.offset-lg-grid-24-0 {
margin-left: 0
}
.offset-lg-grid-24-1 {
margin-left: 4.16667%
}
.offset-lg-grid-24-2 {
margin-left: 8.33333%
}
.offset-lg-grid-24-3 {
margin-left: 12.5%
}
.offset-lg-grid-24-4 {
margin-left: 16.66667%
}
.offset-lg-grid-24-5 {
margin-left: 20.83333%
}
.offset-lg-grid-24-6 {
margin-left: 25%
}
.offset-lg-grid-24-7 {
margin-left: 29.16667%
}
.offset-lg-grid-24-8 {
margin-left: 33.33333%
}
.offset-lg-grid-24-9 {
margin-left: 37.5%
}
.offset-lg-grid-24-10 {
margin-left: 41.66667%
}
.offset-lg-grid-24-11 {
margin-left: 45.83333%
}
.offset-lg-grid-24-12 {
margin-left: 50%
}
.offset-lg-grid-24-13 {
margin-left: 54.16667%
}
.offset-lg-grid-24-14 {
margin-left: 58.33333%
}
.offset-lg-grid-24-15 {
margin-left: 62.5%
}
.offset-lg-grid-24-16 {
margin-left: 66.66667%
}
.offset-lg-grid-24-17 {
margin-left: 70.83333%
}
.offset-lg-grid-24-18 {
margin-left: 75%
}
.offset-lg-grid-24-19 {
margin-left: 79.16667%
}
.offset-lg-grid-24-20 {
margin-left: 83.33333%
}
.offset-lg-grid-24-21 {
margin-left: 87.5%
}
.offset-lg-grid-24-22 {
margin-left: 91.66667%
}
.offset-lg-grid-24-23 {
margin-left: 95.83333%
}
}
@media (min-width:1200px) {
.col-xl-grid-24 {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-grid-24-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-grid-24-1 {
-ms-flex: 0 0 4.16667%;
flex: 0 0 4.16667%;
max-width: 4.16667%
}
.col-xl-grid-24-2 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-xl-grid-24-3 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-xl-grid-24-4 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-grid-24-5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%
}
.col-xl-grid-24-6 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-grid-24-7 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%
}
.col-xl-grid-24-8 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-xl-grid-24-9 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-xl-grid-24-10 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-xl-grid-24-11 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%
}
.col-xl-grid-24-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-grid-24-13 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%
}
.col-xl-grid-24-14 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-xl-grid-24-15 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-xl-grid-24-16 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-xl-grid-24-17 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%
}
.col-xl-grid-24-18 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-grid-24-19 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%
}
.col-xl-grid-24-20 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-xl-grid-24-21 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-xl-grid-24-22 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-xl-grid-24-23 {
-ms-flex: 0 0 95.83333%;
flex: 0 0 95.83333%;
max-width: 95.83333%
}
.col-xl-grid-24-24 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-grid-24-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-grid-24-last {
-ms-flex-order: 25;
order: 25
}
.offset-xl-grid-24-0 {
margin-left: 0
}
.offset-xl-grid-24-1 {
margin-left: 4.16667%
}
.offset-xl-grid-24-2 {
margin-left: 8.33333%
}
.offset-xl-grid-24-3 {
margin-left: 12.5%
}
.offset-xl-grid-24-4 {
margin-left: 16.66667%
}
.offset-xl-grid-24-5 {
margin-left: 20.83333%
}
.offset-xl-grid-24-6 {
margin-left: 25%
}
.offset-xl-grid-24-7 {
margin-left: 29.16667%
}
.offset-xl-grid-24-8 {
margin-left: 33.33333%
}
.offset-xl-grid-24-9 {
margin-left: 37.5%
}
.offset-xl-grid-24-10 {
margin-left: 41.66667%
}
.offset-xl-grid-24-11 {
margin-left: 45.83333%
}
.offset-xl-grid-24-12 {
margin-left: 50%
}
.offset-xl-grid-24-13 {
margin-left: 54.16667%
}
.offset-xl-grid-24-14 {
margin-left: 58.33333%
}
.offset-xl-grid-24-15 {
margin-left: 62.5%
}
.offset-xl-grid-24-16 {
margin-left: 66.66667%
}
.offset-xl-grid-24-17 {
margin-left: 70.83333%
}
.offset-xl-grid-24-18 {
margin-left: 75%
}
.offset-xl-grid-24-19 {
margin-left: 79.16667%
}
.offset-xl-grid-24-20 {
margin-left: 83.33333%
}
.offset-xl-grid-24-21 {
margin-left: 87.5%
}
.offset-xl-grid-24-22 {
margin-left: 91.66667%
}
.offset-xl-grid-24-23 {
margin-left: 95.83333%
}
}
@font-face {
font-family: roo-icon;
src: url(fonts/mtdicon.adaabbda.ttf);
/* src: url(fonts/roo-icon.eot?#iefix) format("eot"),
url(fonts/roo-icon.woff2) format("woff2"),
url(fonts/roo-icon.woff) format("woff"),
url(fonts/roo-icon.ttf) format("truetype"),
url(fonts/roo-icon.svg#roo-icon) format("svg"); */
font-weight: 400;
font-style: normal
}
.roo-icon {
line-height: 1;
vertical-align: middle
}
.roo-icon,
.roo-icon:before {
display: inline-block;
width: 1em;
height: 1em
}
.roo-icon:before {
font-family: roo-icon;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
.roo-icon-arrow-down:before {
content: "\EA01"
}
.roo-icon-arrow-left:before {
content: "\EA02"
}
.roo-icon-arrow-right:before {
content: "\EA03"
}
.roo-icon-arrow-up:before {
content: "\EA04"
}
.roo-icon-calendar:before {
content: "\EA05"
}
.roo-icon-car:before {
content: "\EA06"
}
.roo-icon-check-circle-o:before {
content: "\EA07"
}
.roo-icon-check-circle:before {
content: "\EA08"
}
.roo-icon-check-square:before {
content: "\EA09"
}
.roo-icon-check:before {
content: "\EA0A"
}
.roo-icon-chevron-down:before {
content: "\EA0B"
}
.roo-icon-chevron-left:before {
content: "\EA0C"
}
.roo-icon-chevron-right:before {
content: "\EA0D"
}
.roo-icon-chevron-up:before {
content: "\EA0E"
}
.roo-icon-circle-o:before {
content: "\EA0F"
}
.roo-icon-close:before {
content: "\EA10"
}
.roo-icon-count:before {
content: "\EA11"
}
.roo-icon-countdown:before {
content: "\EA12"
}
.roo-icon-dispraise-fill:before {
content: "\EA13"
}
.roo-icon-dispraise:before {
content: "\EA14"
}
.roo-icon-dot-circle-o:before {
content: "\EA15"
}
.roo-icon-double-left:before {
content: "\EA16"
}
.roo-icon-double-right:before {
content: "\EA17"
}
.roo-icon-down:before {
content: "\EA18"
}
.roo-icon-download:before {
content: "\EA19"
}
.roo-icon-edit:before {
content: "\EA1A"
}
.roo-icon-ellipsis:before {
content: "\EA1B"
}
.roo-icon-emotion:before {
content: "\EA1C"
}
.roo-icon-exclamation-circle:before {
content: "\EA1D"
}
.roo-icon-export:before {
content: "\EA1E"
}
.roo-icon-expression:before {
content: "\EA1F"
}
.roo-icon-file-text:before {
content: "\EA20"
}
.roo-icon-file:before {
content: "\EA21"
}
.roo-icon-flag:before {
content: "\EA22"
}
.roo-icon-gear:before {
content: "\EA23"
}
.roo-icon-home:before {
content: "\EA24"
}
.roo-icon-info-circle-o:before {
content: "\EA25"
}
.roo-icon-info-circle:before {
content: "\EA26"
}
.roo-icon-info:before {
content: "\EA27"
}
.roo-icon-left:before {
content: "\EA28"
}
.roo-icon-loading:before {
content: "\EA29"
}
.roo-icon-lock:before {
content: "\EA2A"
}
.roo-icon-minus-square-o:before {
content: "\EA2B"
}
.roo-icon-minus:before {
content: "\EA2C"
}
.roo-icon-msg-fill:before {
content: "\EA2D"
}
.roo-icon-ok:before {
content: "\EA2E"
}
.roo-icon-percentage:before {
content: "\EA2F"
}
.roo-icon-play-circle:before {
content: "\EA30"
}
.roo-icon-plus-circle:before {
content: "\EA31"
}
.roo-icon-plus:before {
content: "\EA32"
}
.roo-icon-praise-fill:before {
content: "\EA33"
}
.roo-icon-praise:before {
content: "\EA34"
}
.roo-icon-question-o:before {
content: "\EA35"
}
.roo-icon-question:before {
content: "\EA36"
}
.roo-icon-question2:before {
content: "\EA37"
}
.roo-icon-reset:before {
content: "\EA38"
}
.roo-icon-right:before {
content: "\EA39"
}
.roo-icon-rotate-left:before {
content: "\EA3A"
}
.roo-icon-sad:before {
content: "\EA3B"
}
.roo-icon-safeguard:before {
content: "\EA3C"
}
.roo-icon-save:before {
content: "\EA3D"
}
.roo-icon-search:before {
content: "\EA3E"
}
.roo-icon-smile:before {
content: "\EA3F"
}
.roo-icon-sort-toggle:before {
content: "\EA40"
}
.roo-icon-square:before {
content: "\EA41"
}
.roo-icon-star-fill:before {
content: "\EA42"
}
.roo-icon-star:before {
content: "\EA43"
}
.roo-icon-time:before {
content: "\EA44"
}
.roo-icon-times-circle-o:before {
content: "\EA45"
}
.roo-icon-times-circle:before {
content: "\EA46"
}
.roo-icon-times:before {
content: "\EA47"
}
.roo-icon-trash-o:before {
content: "\EA48"
}
.roo-icon-up:before {
content: "\EA49"
}
.roo-icon-upload:before {
content: "\EA4A"
}
.roo-icon-user:before {
content: "\EA4B"
}
.roo-icon-volume-up:before {
content: "\EA4C"
}
.roo-icon-warning:before {
content: "\EA4D"
}
.roo-icon-zoom-in:before {
content: "\EA4E"
}
.roo-icon-zoom-out:before {
content: "\EA4F"
}
.roo-btn {
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0 20px;
font-size: 14px;
line-height: 34px;
border-radius: 2px;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.roo-btn:focus,
.roo-btn:hover {
text-decoration: none
}
.roo-btn.focus,
.roo-btn:focus {
outline: 0
}
.roo-btn.disabled,
.roo-btn:disabled {
color: #ccc !important;
background-color: #eee !important;
border-color: #eee !important;
cursor: not-allowed
}
.roo-btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.roo-btn a.roo-btn.disabled,
.roo-btn fieldset:disabled a.roo-btn {
pointer-events: none
}
.roo-btn.roo-btn-stable {
width: 100px
}
.roo-btn.roo-btn-round {
border-radius: 40px
}
.roo-btn.roo-btn-circle {
width: 38px;
height: 38px;
padding: 0;
border-radius: 50%
}
.roo-btn.roo-btn-circle .roo-icon {
margin-right: 0
}
.roo-btn.roo-btn-primary {
color: #fff;
background-color: #222;
border-color: #222
}
.roo-btn.roo-btn-primary:hover {
color: #fff;
background-color: rgba(34, 34, 34, .8);
border-color: transparent
}
.roo-btn.roo-btn-primary:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-primary:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-primary.dropdown-toggle {
color: #fff;
background-color: rgba(34, 34, 34, .9);
border-color: transparent
}
.roo-btn.roo-btn-secondary {
color: #fff;
background-color: #f89800;
border-color: #f89800
}
.roo-btn.roo-btn-secondary:hover {
color: #fff;
background-color: rgba(248, 152, 0, .8);
border-color: transparent
}
.roo-btn.roo-btn-secondary:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-secondary:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-secondary.dropdown-toggle {
color: #fff;
background-color: rgba(248, 152, 0, .9);
border-color: transparent
}
.roo-btn.roo-btn-brand {
color: #222;
background-color: #fc3;
border-color: #fc3
}
.roo-btn.roo-btn-brand:not(.disabled),
.roo-btn.roo-btn-brand:not(:disabled) {
background-image: linear-gradient(90deg, #ffe14d, #ffc34d);
border: none
}
.roo-btn.roo-btn-brand:hover {
color: #222;
background-color: rgba(255, 204, 51, .8);
border-color: transparent
}
.roo-btn.roo-btn-brand:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-brand:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-brand.dropdown-toggle {
color: #222;
background-color: rgba(255, 204, 51, .9);
border-color: transparent
}
.roo-btn.roo-btn-success {
color: #fff;
background-color: #00bf7f;
border-color: #00bf7f
}
.roo-btn.roo-btn-success:hover {
color: #fff;
background-color: rgba(0, 191, 127, .8);
border-color: transparent
}
.roo-btn.roo-btn-success:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-success:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-success.dropdown-toggle {
color: #fff;
background-color: rgba(0, 191, 127, .9);
border-color: transparent
}
.roo-btn.roo-btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.roo-btn.roo-btn-info:hover {
color: #fff;
background-color: rgba(23, 162, 184, .8);
border-color: transparent
}
.roo-btn.roo-btn-info:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-info:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-info.dropdown-toggle {
color: #fff;
background-color: rgba(23, 162, 184, .9);
border-color: transparent
}
.roo-btn.roo-btn-warning {
color: #fff;
background-color: #f8b500;
border-color: #f8b500
}
.roo-btn.roo-btn-warning:hover {
color: #222;
background-color: rgba(248, 181, 0, .8);
border-color: transparent;
color: #fff
}
.roo-btn.roo-btn-warning:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-warning:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-warning.dropdown-toggle {
color: #222;
background-color: rgba(248, 181, 0, .9);
border-color: transparent
}
.roo-btn.roo-btn-danger {
color: #fff;
background-color: #ff192d;
border-color: #ff192d
}
.roo-btn.roo-btn-danger:hover {
color: #fff;
background-color: rgba(255, 25, 45, .8);
border-color: transparent
}
.roo-btn.roo-btn-danger:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-danger:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-danger.dropdown-toggle {
color: #fff;
background-color: rgba(255, 25, 45, .9);
border-color: transparent
}
.roo-btn.roo-btn-light {
color: #222;
background-color: #fff;
border-color: #fff
}
.roo-btn.roo-btn-light:hover {
color: #222;
background-color: hsla(0, 0%, 100%, .8);
border-color: transparent
}
.roo-btn.roo-btn-light:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-light:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-light.dropdown-toggle {
color: #222;
background-color: hsla(0, 0%, 100%, .9);
border-color: transparent
}
.roo-btn.roo-btn-dark {
color: #fff;
background-color: #222;
border-color: #222
}
.roo-btn.roo-btn-dark:hover {
color: #fff;
background-color: rgba(34, 34, 34, .8);
border-color: transparent
}
.roo-btn.roo-btn-dark:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-dark:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-dark.dropdown-toggle {
color: #fff;
background-color: rgba(34, 34, 34, .9);
border-color: transparent
}
.roo-btn.roo-btn-outline-primary {
color: #222;
background-color: #fff;
background-image: none;
border-color: rgba(34, 34, 34, .3)
}
.roo-btn.roo-btn-outline-primary:hover {
border-color: #222
}
.roo-btn.roo-btn-outline-primary:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-primary.dropdown-toggle {
border-color: rgba(34, 34, 34, .8)
}
.roo-btn.roo-btn-outline-secondary {
color: #f89800;
background-color: #fff;
background-image: none;
border-color: rgba(248, 152, 0, .3)
}
.roo-btn.roo-btn-outline-secondary:hover {
border-color: #f89800
}
.roo-btn.roo-btn-outline-secondary:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-secondary.dropdown-toggle {
border-color: rgba(248, 152, 0, .8)
}
.roo-btn.roo-btn-outline-brand {
background-color: #fff;
background-image: none;
border-color: #fc3;
color: #fc3
}
.roo-btn.roo-btn-outline-brand:hover {
border-color: rgba(255, 204, 51, .8);
color: rgba(255, 204, 51, .8)
}
.roo-btn.roo-btn-outline-brand:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-brand:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-brand.dropdown-toggle {
border-color: rgba(255, 204, 51, .8)
}
.roo-btn.roo-btn-outline-success {
color: #00bf7f;
background-color: #fff;
background-image: none;
border-color: rgba(0, 191, 127, .3)
}
.roo-btn.roo-btn-outline-success:hover {
border-color: #00bf7f
}
.roo-btn.roo-btn-outline-success:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-success:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-success.dropdown-toggle {
border-color: rgba(0, 191, 127, .8)
}
.roo-btn.roo-btn-outline-info {
color: #17a2b8;
background-color: #fff;
background-image: none;
border-color: rgba(23, 162, 184, .3)
}
.roo-btn.roo-btn-outline-info:hover {
border-color: #17a2b8
}
.roo-btn.roo-btn-outline-info:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-info:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-info.dropdown-toggle {
border-color: rgba(23, 162, 184, .8)
}
.roo-btn.roo-btn-outline-warning {
color: #f8b500;
background-color: #fff;
background-image: none;
border-color: rgba(248, 181, 0, .3)
}
.roo-btn.roo-btn-outline-warning:hover {
border-color: #f8b500
}
.roo-btn.roo-btn-outline-warning:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-warning.dropdown-toggle {
border-color: rgba(248, 181, 0, .8)
}
.roo-btn.roo-btn-outline-danger {
color: #ff192d;
background-color: #fff;
background-image: none;
border-color: rgba(255, 25, 45, .3)
}
.roo-btn.roo-btn-outline-danger:hover {
border-color: #ff192d
}
.roo-btn.roo-btn-outline-danger:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-danger.dropdown-toggle {
border-color: rgba(255, 25, 45, .8)
}
.roo-btn.roo-btn-outline-light {
color: #fff;
background-color: #fff;
background-image: none;
border-color: hsla(0, 0%, 100%, .3)
}
.roo-btn.roo-btn-outline-light:hover {
border-color: #fff
}
.roo-btn.roo-btn-outline-light:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-light:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-light.dropdown-toggle {
border-color: hsla(0, 0%, 100%, .8)
}
.roo-btn.roo-btn-outline-dark {
color: #222;
background-color: #fff;
background-image: none;
border-color: rgba(34, 34, 34, .3)
}
.roo-btn.roo-btn-outline-dark:hover {
border-color: #222
}
.roo-btn.roo-btn-outline-dark:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-outline-dark.dropdown-toggle {
border-color: rgba(34, 34, 34, .8)
}
.roo-btn.roo-btn-default {
color: #222;
background-color: #fff;
background-image: none;
border-color: rgba(34, 34, 34, .3)
}
.roo-btn.roo-btn-default:hover {
background: none;
border-color: #222
}
.roo-btn.roo-btn-default:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.dropdown-toggle {
border-color: rgba(34, 34, 34, .8)
}
.roo-btn.roo-btn-default.roo-btn-primary {
color: #222;
background-color: #fff;
background-image: none;
border-color: rgba(34, 34, 34, .3)
}
.roo-btn.roo-btn-default.roo-btn-primary:hover {
border-color: #222
}
.roo-btn.roo-btn-default.roo-btn-primary:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-primary:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-primary.dropdown-toggle {
border-color: rgba(34, 34, 34, .8)
}
.roo-btn.roo-btn-default.roo-btn-secondary {
color: #f89800;
background-color: #fff;
background-image: none;
border-color: rgba(248, 152, 0, .3)
}
.roo-btn.roo-btn-default.roo-btn-secondary:hover {
border-color: #f89800
}
.roo-btn.roo-btn-default.roo-btn-secondary:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-secondary:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-secondary.dropdown-toggle {
border-color: rgba(248, 152, 0, .8)
}
.roo-btn.roo-btn-default.roo-btn-brand {
background-color: #fff;
background-image: none;
border-color: #fc3;
color: #fc3
}
.roo-btn.roo-btn-default.roo-btn-brand:hover {
border-color: rgba(255, 204, 51, .8);
color: rgba(255, 204, 51, .8)
}
.roo-btn.roo-btn-default.roo-btn-brand:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-brand:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-brand.dropdown-toggle {
border-color: rgba(255, 204, 51, .8)
}
.roo-btn.roo-btn-default.roo-btn-success {
color: #00bf7f;
background-color: #fff;
background-image: none;
border-color: rgba(0, 191, 127, .3)
}
.roo-btn.roo-btn-default.roo-btn-success:hover {
border-color: #00bf7f
}
.roo-btn.roo-btn-default.roo-btn-success:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-success:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-success.dropdown-toggle {
border-color: rgba(0, 191, 127, .8)
}
.roo-btn.roo-btn-default.roo-btn-info {
color: #17a2b8;
background-color: #fff;
background-image: none;
border-color: rgba(23, 162, 184, .3)
}
.roo-btn.roo-btn-default.roo-btn-info:hover {
border-color: #17a2b8
}
.roo-btn.roo-btn-default.roo-btn-info:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-info:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-info.dropdown-toggle {
border-color: rgba(23, 162, 184, .8)
}
.roo-btn.roo-btn-default.roo-btn-warning {
color: #f8b500;
background-color: #fff;
background-image: none;
border-color: rgba(248, 181, 0, .3)
}
.roo-btn.roo-btn-default.roo-btn-warning:hover {
border-color: #f8b500
}
.roo-btn.roo-btn-default.roo-btn-warning:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-warning:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-warning.dropdown-toggle {
border-color: rgba(248, 181, 0, .8)
}
.roo-btn.roo-btn-default.roo-btn-danger {
color: #ff192d;
background-color: #fff;
background-image: none;
border-color: rgba(255, 25, 45, .3)
}
.roo-btn.roo-btn-default.roo-btn-danger:hover {
border-color: #ff192d
}
.roo-btn.roo-btn-default.roo-btn-danger:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-danger:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-danger.dropdown-toggle {
border-color: rgba(255, 25, 45, .8)
}
.roo-btn.roo-btn-default.roo-btn-light {
color: #fff;
background-color: #fff;
background-image: none;
border-color: hsla(0, 0%, 100%, .3)
}
.roo-btn.roo-btn-default.roo-btn-light:hover {
border-color: #fff
}
.roo-btn.roo-btn-default.roo-btn-light:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-light:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-light.dropdown-toggle {
border-color: hsla(0, 0%, 100%, .8)
}
.roo-btn.roo-btn-default.roo-btn-dark {
color: #222;
background-color: #fff;
background-image: none;
border-color: rgba(34, 34, 34, .3)
}
.roo-btn.roo-btn-default.roo-btn-dark:hover {
border-color: #222
}
.roo-btn.roo-btn-default.roo-btn-dark:not(:disabled):not(.disabled).active,
.roo-btn.roo-btn-default.roo-btn-dark:not(:disabled):not(.disabled):active,
.show>.roo-btn.roo-btn-default.roo-btn-dark.dropdown-toggle {
border-color: rgba(34, 34, 34, .8)
}
.roo-btn.roo-btn-dropdown {
width: 100%;
text-align-last: left;
border-color: #a2a4b3;
color: #222
}
.roo-btn.roo-btn-link {
font-weight: 400;
color: #222;
background-color: transparent
}
.roo-btn.roo-btn-link:hover {
color: rgba(34, 34, 34, .7);
text-decoration: none;
background-color: transparent;
border-color: transparent
}
.roo-btn.roo-btn-link.focus,
.roo-btn.roo-btn-link:focus {
text-decoration: none;
border-color: transparent;
box-shadow: none
}
.roo-btn.roo-btn-link.disabled,
.roo-btn.roo-btn-link:disabled {
color: #eee;
pointer-events: none;
border-color: transparent !important;
background-color: transparent !important
}
.roo-btn.roo-btn-link-brand {
color: #ff6a00
}
.roo-btn.roo-btn-dashed {
border-style: dashed
}
.roo-btn.roo-btn-lg {
padding: 0 24px;
font-size: 14px;
line-height: 38px;
border-radius: 2px
}
.roo-btn.roo-btn-lg.roo-btn-stable {
width: 120px
}
.roo-btn.roo-btn-lg.roo-btn-circle {
width: 38px;
height: 38px;
padding: 0;
border-radius: 50%
}
.roo-btn.roo-btn-lg.roo-btn-round {
border-radius: 40px
}
.roo-btn.roo-btn-sm {
padding: 0 16px;
font-size: 12px;
line-height: 30px;
border-radius: 2px
}
.roo-btn.roo-btn-sm.roo-btn-stable {
width: 80px
}
.roo-btn.roo-btn-sm.roo-btn-circle {
width: 30px;
height: 30px;
padding: 0;
border-radius: 50%
}
.roo-btn.roo-btn-sm.roo-btn-round {
border-radius: 40px
}
.roo-btn.roo-btn-xs {
padding: 0 12px;
font-size: 12px;
line-height: 26px;
border-radius: 2px
}
.roo-btn.roo-btn-xs.roo-btn-stable {
width: 80px
}
.roo-btn.roo-btn-xs.roo-btn-circle {
width: 26px;
height: 26px;
padding: 0;
border-radius: 50%
}
.roo-btn.roo-btn-xs.roo-btn-round {
border-radius: 40px
}
.roo-btn.roo-btn-block {
display: block;
width: 100%
}
.roo-btn.roo-btn-block+.roo-btn-block {
margin-top: 8px
}
.roo-btn.roo-btn-weaken {
border-color: rgba(34, 34, 34, .1)
}
.roo-btn input[type=button].roo-btn-block,
.roo-btn input[type=reset].roo-btn-block,
.roo-btn input[type=submit].roo-btn-block {
width: 100%
}
.roo-btn .roo-icon {
display: inline-block;
margin: -3px 4px 0 0;
font-style: normal;
font-size: 1.2em
}
.roo-btn .roo-icon.roo-icon-loading {
font-size: 1em
}
.roo-btn .roo-icon:only-child {
margin: 0
}
.roo-btn-upload {
position: relative;
overflow: hidden
}
.roo-btn-upload input[type=file] {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
text-indent: -400px;
cursor: pointer
}
.roo-btn-radio-group .roo-btn {
transition: color .15s ease-in-out, border-color .15s ease-in-out
}
.roo-btn-radio-group.roo-btn-group .roo-btn:first-child {
margin-left: 0
}
.roo-btn-radio-group .roo-btn.disabled,
.roo-btn-radio-group .roo-btn:disabled {
z-index: 1
}
.roo-btn-radio-group .roo-btn-radio-active {
z-index: 3;
margin-left: -1px
}
.roo-btn-radio-group .roo-btn-radio-normal.roo-btn.disabled,
.roo-btn-radio-group .roo-btn-radio-normal .roo-btn:disabled {
background-color: #fff !important
}
.roo-input {
display: inline-block;
vertical-align: middle
}
.form-control {
display: block
}
.roo-input-noborder,
.roo-input-noborder:focus:not([readonly]):not([disabled]),
.roo-input-noborder:hover:not([readonly]):not([disabled]),
.roo-input-noborder[readonly] {
border: none !important
}
.form-control,
.roo-input {
width: 100%;
padding: 6px 8px;
font-size: 14px;
line-height: 1.5;
color: #222;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eee;
height: 36px;
border-radius: 2px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control.noresize,
.roo-input.noresize {
resize: none
}
@media screen and (prefers-reduced-motion:reduce) {
.form-control,
.roo-input {
transition: none
}
}
.form-control::-ms-expand,
.roo-input::-ms-expand {
background-color: transparent;
border: 0
}
.form-control.focus,
.form-control:focus:not([readonly]),
.roo-input.focus,
.roo-input:focus:not([readonly]) {
border-color: #999;
outline: 0
}
.form-control::placeholder,
.roo-input::placeholder {
color: #ccc;
opacity: 1
}
.form-control[readonly],
.roo-input[readonly] {
border-color: #eee;
color: #222;
opacity: 1
}
.form-control.disabled,
.form-control:disabled,
.roo-input.disabled,
.roo-input:disabled {
border-color: #eee;
color: #ccc;
background-color: #f5f6fa;
cursor: not-allowed
}
.form-control:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled),
.roo-input:hover:not([readonly]):not(.readonly):not(.readOnly):not([disabled]):not(.disabled) {
border-color: #999
}
.select-input-wrapper .form-control,
.select-input-wrapper .roo-input {
color: #222
}
.select-input-wrapper .form-control:disabled,
.select-input-wrapper .roo-input:disabled {
color: #ccc
}
.select-input-wrapper .form-control:disabled+.roo-icon,
.select-input-wrapper .form-control:disabled+.roo-icon:hover,
.select-input-wrapper .roo-input:disabled+.roo-icon,
.select-input-wrapper .roo-input:disabled+.roo-icon:hover {
color: #ccc;
cursor: not-allowed
}
.select-input-wrapper .form-control:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):-moz-read-only,
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):-moz-read-only {
border-color: #eee
}
.select-input-wrapper .form-control:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only,
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only {
border-color: #eee
}
.select-input-wrapper .form-control:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):-moz-read-only:hover,
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):-moz-read-only:hover {
border-color: #999
}
.select-input-wrapper .form-control:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only:hover,
.select-input-wrapper .roo-input:not(.roo-input-plaintext):not(.roo-input-line):not(.roo-input-noborder):read-only:hover {
border-color: #999
}
.select-input-wrapper .form-control:focus,
.select-input-wrapper .roo-input:focus {
border-color: #999 !important
}
.select-input-wrapper .form-control.roo-input-plaintext:hover,
.select-input-wrapper .roo-input.roo-input-plaintext:hover {
border-color: #999
}
.select-input-wrapper .form-control.roo-input-line:hover,
.select-input-wrapper .roo-input.roo-input-line:hover {
border-bottom-color: #999
}
.select-input-wrapper .form-control.roo-input-line:focus,
.select-input-wrapper .roo-input.roo-input-line:focus {
border-color: transparent transparent #999 !important
}
.select-input-wrapper .form-control.roo-input-noborder:focus,
.select-input-wrapper .form-control.roo-input-noborder:hover,
.select-input-wrapper .roo-input.roo-input-noborder:focus,
.select-input-wrapper .roo-input.roo-input-noborder:hover {
border: none !important
}
textarea.roo-input {
height: auto
}
.statistics {
font-size: "12px";
color: #ccc;
margin: 0;
text-align: "right"
}
.roo-input-error {
border-color: #ff192d
}
.has-error .form-control,
.has-error .roo-input,
.has-error .select-input-wrapper .form-control,
.has-error .select-input-wrapper .roo-input {
border-color: #ff192d !important
}
.has-error .help-block,
.has-error .select-input-wrapper .help-block {
color: #ff192d;
margin: 4px 0
}
.has-error .roo-input-group-append,
.has-error .roo-input-group-prepend,
.has-error .select-input-wrapper .roo-input-group-append,
.has-error .select-input-wrapper .roo-input-group-prepend {
border-color: #ff192d
}
.has-error+.help-block {
color: #ff192d;
margin: 4px 0
}
.has-success-hook {
position: relative
}
.has-success-hook:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
display: inline-block;
content: "\EA08";
font-family: roo-icon;
font-size: 20px;
color: #00bf7f
}
.has-success-hook .form-control:not([readonly]):not([disabled]):not(.disabled),
.has-success-hook .roo-input:not([readonly]):not([disabled]):not(.disabled) {
border-color: #00bf7f;
padding-right: 36px
}
.has-success-hook .help-block {
color: #00bf7f
}
.has-success-color .form-control:not([readonly]):not([disabled]):not(.disabled),
.has-success-color .roo-input:not([readonly]):not([disabled]):not(.disabled) {
border-color: #00bf7f !important
}
.has-success-color .roo-input-group-append,
.has-success-color .roo-input-group-prepend {
border-color: #00bf7f
}
.has-success-hook+.help-block {
color: #00bf7f
}
select.roo-input:not([size]):not([multiple]) {
height: 36px
}
select.roo-input:focus::-ms-value {
color: #222;
background-color: #f5f6fa
}
.roo-input-file,
.roo-input-range {
display: block;
width: 100%
}
.col-form-label,
.control-label {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg,
.control-label-lg {
padding-top: 9px;
padding-bottom: 9px;
font-size: 14px;
line-height: 1.5
}
.col-form-label-sm,
.control-label-sm {
padding-top: 7px;
padding-bottom: 7px;
font-size: 12px;
line-height: 1.5
}
.col-form-label-xs,
.control-label-xs {
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
line-height: 1.5
}
.roo-input-required:before {
display: inline-block;
margin-right: 5px;
content: "*";
line-height: 1.5;
vertical-align: middle;
font-size: inherit;
color: #ff192d
}
.roo-input-inline {
display: inline-block;
width: auto
}
.roo-input-plaintext,
.roo-input-plaintext[readonly] {
background-color: #f5f6fa;
border-color: #f5f6fa
}
.roo-input-line,
.roo-input-line:focus:not([readonly]):not([disabled]),
.roo-input-line:hover:not([readonly]):not([disabled]),
.roo-input-line[readonly] {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent
}
.roo-input-line[readonly] {
border-bottom-color: #a2a4b3
}
.form-control-xs,
.roo-input-xs {
padding: 4px 8px;
font-size: 12px;
line-height: 1.5;
height: 28px
}
select.roo-input-xs:not([size]):not([multiple]) {
height: 28px
}
.form-control-sm,
.roo-input-sm {
padding: 6px 8px;
font-size: 12px;
line-height: 1.5;
height: 32px
}
select.roo-input-sm:not([size]):not([multiple]) {
height: 32px
}
.form-control-lg,
.roo-input-lg {
padding: 8px;
font-size: 14px;
line-height: 1.5;
height: 40px
}
select.roo-input-lg:not([size]):not([multiple]) {
height: 40px
}
.form-group-content {
margin-top: 0
}
.form-group {
margin-bottom: 16px
}
.form-group .help-block {
margin-top: 4px;
margin-bottom: 0;
font-size: 14px
}
.form-group .col-form-label,
.form-group .control-label {
text-align: right;
color: #222
}
.form-group .col-form-label+.form-group-content .roo-checkbox,
.form-group .col-form-label+.form-group-content .roo-radio,
.form-group .control-label+.form-group-content .roo-checkbox,
.form-group .control-label+.form-group-content .roo-radio {
margin-top: 7px
}
.form-group .col-form-label+.form-group-content .roo-switch,
.form-group .control-label+.form-group-content .roo-switch {
top: 4px
}
.form-group .col-form-label+.form-group-content .roo-mark,
.form-group .control-label+.form-group-content .roo-mark {
display: inline-block;
width: 100%;
padding: 7px 0;
vertical-align: middle;
line-height: 1.5
}
.form-group .roo-btn+.roo-btn {
margin-left: 20px
}
.form-group .roo-btn-radio-group .roo-btn+.roo-btn {
margin-left: -1px
}
.form-group.roo-form-vertical .form-group-content {
margin-top: 10px
}
.form-group.roo-form-inline {
display: inline-block;
-ms-flex-align: center;
align-items: center;
vertical-align: top
}
.form-group.roo-form-inline input {
display: inline-block;
width: auto
}
.form-group.roo-form-inline .control-label {
line-height: 36px;
vertical-align: top
}
.form-group.roo-form-inline .form-group-content {
display: inline-block;
margin-left: 8px;
margin-right: 8px
}
.form-group.roo-form-inline .form-group-content .roo-checkbox,
.form-group.roo-form-inline .form-group-content .roo-radio {
line-height: 36px;
vertical-align: top
}
.form-group.roo-form-inline .form-group-content .roo-switch {
line-height: 36px;
display: -ms-inline-flexbox;
display: inline-flex
}
.form-text {
display: block;
margin-top: 4px
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
.roo-input-number {
position: relative;
display: inline-block;
width: auto;
padding: 0;
vertical-align: middle
}
.roo-input-number input {
padding: 0 8px;
border: none;
outline: none;
height: 100%;
width: 64px;
margin: 0 32px;
text-align: center;
color: #222
}
.roo-input-number.disabled {
background-color: #f5f6fa;
border-color: #eee !important;
color: #eee
}
.roo-input-number.disabled input {
background-color: #f5f6fa;
color: #ccc;
cursor: not-allowed !important
}
.roo-input-number.disabled .input-number-operator {
border-color: #eee !important;
color: #eee !important;
cursor: not-allowed !important
}
.roo-input-number .input-number-operator {
position: absolute;
display: table;
width: 36px;
height: 100%;
text-align: center;
font-size: 12px;
color: #a2a4b3
}
.roo-input-number .input-number-operator:hover {
cursor: pointer;
color: #666
}
.roo-input-number .input-number-operator:after {
display: table-cell;
vertical-align: middle;
font-family: roo-icon
}
.roo-input-number .input-number-operator.decrease {
left: 0;
top: 0;
border-right: 1px solid #eee
}
.roo-input-number .input-number-operator.decrease:after {
content: "\EA2C"
}
.roo-input-number .input-number-operator.increase {
right: 0;
top: 0;
border-left: 1px solid #eee
}
.roo-input-number .input-number-operator.increase:after {
content: "\EA32"
}
.roo-input-number .input-number-operator.disabled {
background-color: #f5f6fa;
border-color: #eee !important;
color: #eee !important;
cursor: not-allowed
}
.roo-input-number:hover .input-number-operator {
border-color: #999
}
.roo-input-number-vertical input {
width: 64px;
margin: 0 32px 0 0;
color: #222
}
.roo-input-number-vertical .input-number-operator {
display: block;
width: 28px;
height: 50%
}
.roo-input-number-vertical .input-number-operator:after {
position: absolute;
display: inline-block;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
font-size: 12px
}
.roo-input-number-vertical .input-number-operator.decrease {
left: auto;
top: auto;
right: 0;
bottom: 0;
border-left: 1px solid #eee;
border-right: none
}
.roo-input-number-vertical .input-number-operator.decrease:after {
content: "\EA0B"
}
.roo-input-number-vertical .input-number-operator.increase {
left: auto;
right: 0;
top: 0;
border-bottom: 1px solid #eee
}
.roo-input-number-vertical .input-number-operator.increase.disabled {
border-bottom: 1px solid #eee !important
}
.roo-input-number-vertical .input-number-operator.increase:after {
content: "\EA0E"
}
.roo-input-number-vertical:hover .input-number-operator {
border-color: #eee
}
.roo-input-number-no-operator input {
margin: 0
}
.roo-input-tag {
height: auto;
padding: 5px 8px;
overflow: hidden
}
.roo-input-tag .roo-tag {
margin-bottom: 8px;
margin-right: 8px;
white-space: unset;
text-align: left
}
.roo-input-tag input {
height: 24px;
margin-bottom: 7px;
outline: none;
border: none;
color: #222;
-ms-flex-positive: 1;
flex-grow: 1
}
.roo-input-tag .tags-box {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -7px
}
.roo-input-tag.disabled .roo-tag i {
display: none
}
.roo-input-tag.disabled input {
background: transparent;
cursor: not-allowed
}
.roo-input-tag .form-control-lg,
.roo-input-tag.roo-input-lg {
min-height: 40px;
padding-top: 6px;
padding-bottom: 6px
}
.roo-input-tag .form-control-sm,
.roo-input-tag.roo-input-sm {
min-height: 32px;
padding-top: 3px;
padding-bottom: 3px
}
.roo-input-tag .form-control-xs,
.roo-input-tag.roo-input-xs {
min-height: 28px;
padding-top: 1px;
padding-bottom: 1px
}
.roo-radio {
position: relative;
display: inline-block;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.roo-radio.inline-label {
max-width: 200px
}
.roo-radio.block-label {
display: block;
margin-bottom: 10px
}
.roo-radio:hover {
cursor: pointer
}
.roo-radio:hover .custom-radio:not(.half-checked) {
border-color: #a2a4b3
}
.roo-radio:hover input:disabled~.custom-radio,
.roo-radio:hover input:disabled~.custom-radio-label {
cursor: not-allowed
}
.roo-radio:hover input:disabled+.custom-radio:not(.half-checked) {
border-color: #eee
}
.roo-radio input[type=radio] {
position: absolute;
display: none
}
.roo-radio .custom-radio {
position: relative;
display: inline-block;
margin-right: 8px;
width: 16px;
height: 16px;
border: 1px solid #999;
background-color: #fff;
vertical-align: sub;
border-radius: 50%
}
.roo-radio .custom-radio:before {
position: absolute;
display: inline-block;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
background-color: transparent;
border-radius: 50%
}
.roo-radio .custom-radio-label {
vertical-align: middle;
color: #222
}
.roo-radio input:checked+.custom-radio {
background-color: #222;
border-color: #222 !important
}
.roo-radio input:checked+.custom-radio:before {
background-color: #fff
}
.roo-radio input:checked+.custom-radio.brand {
background-color: #fc3;
border-color: #fc3 !important
}
.roo-radio input:disabled+.custom-radio {
border-color: #eee;
background-color: #f5f6fa
}
.roo-radio input:disabled:checked+.custom-radio {
border-color: #222 !important;
background-color: #222;
opacity: .3
}
.roo-radio input:disabled~.custom-radio-label {
opacity: .5
}
.roo-radio-group .roo-radio,
.roo-radio-group .roo-radio+.roo-radio:not(.block-label) {
margin-left: 0;
margin-right: 32px
}
.roo-radio+.roo-radio:not(.block-label) {
margin-left: 32px;
margin-right: 0
}
.roo-checkbox {
position: relative;
display: inline-block;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.roo-checkbox.inline-label {
max-width: 200px
}
.roo-checkbox.block-label {
display: block;
margin-bottom: 10px
}
.roo-checkbox:hover {
cursor: pointer
}
.roo-checkbox:hover .custom-checkbox:not(.half-checked) {
border-color: #a2a4b3
}
.roo-checkbox:hover input:disabled~.custom-checkbox,
.roo-checkbox:hover input:disabled~.custom-checkbox-label {
cursor: not-allowed
}
.roo-checkbox:hover input:disabled+.custom-checkbox:not(.half-checked) {
border-color: #eee
}
.roo-checkbox input[type=checkbox] {
position: absolute;
display: none
}
.roo-checkbox .custom-checkbox {
position: relative;
display: inline-block;
margin-right: 8px;
width: 16px;
height: 16px;
border: 1px solid #999;
background-color: #fff;
vertical-align: sub;
border-radius: 2px
}
.roo-checkbox .custom-checkbox:before {
position: absolute;
display: inline-block;
content: ""
}
.roo-checkbox .custom-checkbox-label {
vertical-align: middle;
color: #222
}
.roo-checkbox input:checked+.custom-checkbox {
background-color: #222;
border-color: #222 !important
}
.roo-checkbox input:checked+.custom-checkbox:before {
left: 50%;
top: 30%;
transform: translate(-50%, -35%) rotate(45deg);
width: 6px;
height: 10px;
border: 2px solid #fff;
border-top: 0;
border-left: 0
}
.roo-checkbox input:checked+.custom-checkbox.brand {
background-color: #fc3;
border-color: #fc3 !important
}
.roo-checkbox input:checked+.custom-checkbox.brand:before {
left: 50%;
top: 30%;
transform: translate(-50%, -35%) rotate(45deg);
width: 6px;
height: 10px;
border: 2px solid #222;
border-top: 0;
border-left: 0
}
.roo-checkbox input:disabled+.custom-checkbox {
border-color: #eee;
background-color: #f5f6fa
}
.roo-checkbox input:disabled:checked+.custom-checkbox {
border-color: #222 !important;
background-color: #222;
opacity: .3
}
.roo-checkbox input:disabled:checked+.custom-checkbox.brand:before {
left: 50%;
top: 30%;
transform: translate(-50%, -35%) rotate(45deg);
width: 6px;
height: 10px;
border: 2px solid #fff;
border-top: 0;
border-left: 0
}
.roo-checkbox input:disabled~.custom-checkbox-label {
opacity: .5
}
.roo-checkbox .half-checked {
border-color: #222;
background-color: #222
}
.roo-checkbox .half-checked:before {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 10px;
border-bottom: 2px solid #fff
}
.roo-checkbox .half-checked.brand {
border-color: #fc3;
background-color: #fc3
}
.roo-checkbox .half-checked.brand:before {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 10px;
border-bottom: 2px solid #222
}
.roo-checkbox input:disabled+.half-checked {
border-color: #222;
background-color: #222;
opacity: .3
}
.roo-checkbox input:disabled+.half-checked.brand:before {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 10px;
border-bottom: 2px solid #fff
}
.roo-checkbox-group .roo-checkbox,
.roo-checkbox-group .roo-checkbox+.roo-checkbox:not(.block-label) {
margin-left: 0;
margin-right: 32px
}
.roo-checkbox+.roo-checkbox:not(.block-label) {
margin-left: 32px;
margin-right: 0
}
.roo-panel-motion {
transition: height .3s, opacity .3s
}
.roo-panel {
position: relative;
background-color: #fff
}
.roo-panel.roo-panel-default {
box-shadow: 0 0 6px 0 #e9eaf2
}
.roo-panel.roo-panel-default .roo-panel-heading {
padding: 20px 40px 0
}
.roo-panel.roo-panel-default .roo-panel-heading-padding {
padding-bottom: 20px
}
.roo-panel.roo-panel-default .roo-panel-body,
.roo-panel.roo-panel-default .roo-panel-footer {
padding: 20px 40px
}
.roo-panel .roo-panel-heading {
padding: 20px 40px 0 20px;
color: #222;
font-size: 14px
}
.roo-panel .roo-panel-heading:after {
display: block;
clear: both;
content: ""
}
.roo-panel .roo-panel-heading .roo-panel-title {
margin: 0;
padding: 0;
font-size: 14px
}
.roo-panel .roo-panel-heading .roo-panel-heading-items {
margin-left: 10px;
font-weight: 400
}
.roo-panel .roo-panel-heading .roo-panel-heading-items .roo-btn {
margin: -5px 0
}
.roo-panel .roo-panel-heading .roo-panel-collapse-flag {
color: #222;
cursor: pointer
}
.roo-panel .roo-panel-heading .roo-panel-close {
position: absolute;
right: 20px;
top: 20px;
color: #a2a4b3
}
.roo-panel .roo-panel-heading .roo-panel-close:hover {
color: #222
}
.roo-panel .roo-panel-body {
padding: 20px
}
.roo-panel .roo-panel-footer {
padding: 20px;
border-top: 1px solid #eee
}
.roo-panel .roo-panel-footer:after {
display: block;
clear: both;
content: ""
}
.roo-panel .roo-panel-footer .roo-btn {
margin-left: 10px
}
.roo-panel-bordered .roo-panel-heading {
padding-bottom: 20px;
border: 1px solid #eee;
border-bottom: none;
background-color: #f5f6fa
}
.roo-panel-bordered .roo-panel-body {
border: 1px solid #eee
}
.roo-panel-bordered .roo-panel-footer {
border: 1px solid #eee;
border-top: none
}
.roo-steps {
display: -ms-flexbox;
display: flex;
margin-bottom: -20px
}
.roo-steps:after,
.roo-steps:before {
display: table;
line-height: 0;
content: ""
}
.roo-steps:after {
clear: both
}
.roo-steps li.roo-steps-item {
float: left;
position: relative;
margin-bottom: 20px;
margin-right: 8px;
padding: 0;
color: #222;
overflow: hidden
}
.roo-steps li.roo-steps-item .roo-steps-icon {
display: inline-block;
margin-right: 8px;
text-align: center;
color: #222
}
.roo-steps li.roo-steps-item .roo-steps-icon .roo-steps-icon-content {
width: 32px;
height: 32px;
line-height: 30px;
border-radius: 1000px;
border: 1px solid #222
}
.roo-steps li.roo-steps-item.roo-steps-error .roo-steps-icon .roo-steps-icon-content {
color: #fff;
border-color: #ff192d;
background-color: #ff192d
}
.roo-steps li.roo-steps-item.roo-steps-error .roo-steps-item-content .roo-steps-desc,
.roo-steps li.roo-steps-item.roo-steps-error .roo-steps-item-content .roo-steps-title {
color: #ff192d
}
.roo-steps li.roo-steps-item .roo-steps-item-content .roo-steps-desc {
font-size: 12px;
color: #666;
max-width: 140px
}
.roo-steps li.roo-steps-item .roo-steps-title {
font-size: 14px;
line-height: 30px
}
.roo-steps li[role=button]:hover {
cursor: pointer
}
.roo-steps li[role=button]:hover .roo-steps-icon .roo-steps-icon-content {
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-steps li[role=button]:hover .roo-steps-title {
color: #ff6a00
}
.roo-steps.vertical li.roo-steps-item {
-ms-flex: 1;
flex: 1;
overflow: inherit
}
.roo-steps.vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content,
.roo-steps.vertical li.roo-steps-item.roo-steps-finish .roo-steps-icon .roo-steps-icon-content {
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-steps.vertical li.roo-steps-item.roo-steps-finish .roo-steps-tail:after {
border-top: 1px dashed #ff6a00
}
.roo-steps.vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content {
color: #fff;
background-color: #ff6a00
}
.roo-steps.vertical li.roo-steps-item.roo-steps-active .roo-steps-title {
color: #ff6a00
}
.roo-steps.vertical li.roo-steps-item .roo-steps-tail {
position: absolute;
left: 0;
height: 1px;
width: 100%;
margin-left: 92px;
padding: 0
}
.roo-steps.vertical li.roo-steps-item .roo-steps-tail:after {
display: inline-block;
width: calc(100% - 35px);
height: 1px;
border-top: 1px dashed #222;
content: ""
}
.roo-steps.vertical li.roo-steps-item .roo-steps-icon {
margin-left: 55px
}
.roo-steps.vertical li.roo-steps-item .roo-steps-item-content .roo-steps-desc,
.roo-steps.vertical li.roo-steps-item .roo-steps-item-content .roo-steps-title {
width: 140px;
text-align: center
}
.roo-steps.vertical li.roo-steps-item .roo-steps-item-content .roo-steps-title {
display: block;
margin-top: 4px;
height: auto
}
.roo-steps.vertical li.roo-steps-item:last-child {
-ms-flex: none;
flex: none
}
.roo-steps.vertical li.roo-steps-item:last-child .roo-steps-tail:after {
display: none
}
.roo-steps.roo-steps-align {
display: -ms-flexbox;
display: flex
}
.roo-steps.roo-steps-align li.roo-steps-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1
}
.roo-steps.roo-steps-align li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content,
.roo-steps.roo-steps-align li.roo-steps-item.roo-steps-finish .roo-steps-icon .roo-steps-icon-content {
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-steps.roo-steps-align li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content {
color: #fff;
background-color: #ff6a00
}
.roo-steps.roo-steps-align li.roo-steps-item.roo-steps-active,
.roo-steps.roo-steps-align li.roo-steps-item.roo-steps-active .roo-steps-title {
color: #ff6a00
}
.roo-steps.roo-steps-align li.roo-steps-item.roo-steps-finish .roo-steps-item-content .roo-steps-title:after {
border-bottom-color: #ff6a00
}
.roo-steps.roo-steps-align li.roo-steps-item:last-child {
-ms-flex: none;
flex: none
}
.roo-steps.roo-steps-align li.roo-steps-item:last-child .roo-steps-item-content .roo-steps-title:after,
.roo-steps.roo-steps-align li.roo-steps-item:last-child:after,
.roo-steps.roo-steps-align li.roo-steps-item:last-child:before {
display: none
}
.roo-steps.roo-steps-align li.roo-steps-item .roo-steps-icon {
vertical-align: text-bottom;
-ms-flex-negative: 0;
flex-shrink: 0
}
.roo-steps.roo-steps-align li.roo-steps-item .roo-steps-item-content {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column
}
.roo-steps.roo-steps-align li.roo-steps-item .roo-steps-item-content .roo-steps-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
white-space: nowrap
}
.roo-steps.roo-steps-align li.roo-steps-item .roo-steps-item-content .roo-steps-title:after {
content: "";
-ms-flex: 1;
flex: 1;
display: inline-block;
margin-left: 5px;
vertical-align: text-top;
color: #222;
border-bottom: 1px dashed #222
}
.roo-steps-vertical {
overflow: hidden;
padding: 15px 0
}
.roo-steps-vertical li.roo-steps-item {
position: relative;
vertical-align: top
}
.roo-steps-vertical li.roo-steps-item .roo-steps-tail {
position: absolute;
left: 15px;
top: 0;
width: 1px;
height: 100%;
padding: 38px 0 6px
}
.roo-steps-vertical li.roo-steps-item .roo-steps-tail:after {
display: inline-block;
height: 100%;
width: 1px;
border-left: 1px dashed #222;
content: ""
}
.roo-steps-vertical li.roo-steps-item.roo-steps-finish .roo-steps-tail:after {
border-color: #ff6a00
}
.roo-steps-vertical li.roo-steps-item.roo-steps-error .roo-steps-icon .roo-steps-icon-content {
color: #fff;
border-color: #ff192d;
background-color: #ff192d
}
.roo-steps-vertical li.roo-steps-item.roo-steps-error .roo-steps-item-content .roo-steps-desc,
.roo-steps-vertical li.roo-steps-item.roo-steps-error .roo-steps-item-content .roo-steps-title {
color: #ff192d
}
.roo-steps-vertical li.roo-steps-item:last-child .roo-steps-tail {
display: none
}
.roo-steps-vertical li.roo-steps-item .roo-steps-icon {
float: left;
margin-right: 8px;
text-align: center;
font-size: 14px;
color: #222;
z-index: 1
}
.roo-steps-vertical li.roo-steps-item .roo-steps-icon .roo-steps-icon-content {
width: 32px;
height: 32px;
line-height: 30px;
border-radius: 1000px;
border: 1px solid #222
}
.roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content,
.roo-steps-vertical li.roo-steps-item.roo-steps-finish .roo-steps-icon .roo-steps-icon-content {
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-icon .roo-steps-icon-content {
color: #fff;
background-color: #ff6a00
}
.roo-steps-vertical li.roo-steps-item.roo-steps-active .roo-steps-item-content .roo-steps-title {
color: #ff6a00
}
.roo-steps-vertical li.roo-steps-item .roo-steps-item-content {
vertical-align: top;
overflow: hidden;
min-height: 80px
}
.roo-steps-vertical li.roo-steps-item .roo-steps-item-content .roo-steps-title {
height: 32px;
line-height: 30px;
font-size: 14px
}
.roo-steps-vertical li.roo-steps-item .roo-steps-item-content .roo-steps-desc {
font-size: 12px;
color: #666
}
.roo-steps-vertical li[role=button]:hover {
cursor: pointer
}
.roo-steps-vertical li[role=button]:hover .roo-steps-icon .roo-steps-icon-content {
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-steps-vertical li[role=button].roo-steps-active:hover {
cursor: pointer
}
.roo-steps-vertical li[role=button].roo-steps-active:hover .roo-steps-icon .roo-steps-icon-content {
color: #fff;
border: 1px solid #ff6a00
}
table {
background-color: transparent;
border-collapse: collapse
}
caption {
padding-top: 16px;
padding-bottom: 16px;
color: #222
}
caption,
th {
text-align: left
}
th {
font-weight: 400
}
.roo-table {
width: 100%;
max-width: 100%;
color: #222;
font-size: 14px
}
.roo-table>tbody>tr>td,
.roo-table>tbody>tr>th,
.roo-table>tfoot>tr>td,
.roo-table>tfoot>tr>th,
.roo-table>thead>tr>td,
.roo-table>thead>tr>th {
height: 40px;
padding: 16px;
line-height: 1.2;
vertical-align: middle;
border-top: 1px solid #eee;
word-break: break-all;
word-break: break-word
}
.roo-table thead {
background: #f5f6fa
}
.roo-table th {
font-weight: 400;
color: #666
}
.roo-table>caption+thead>tr:first-child>td,
.roo-table>caption+thead>tr:first-child>th,
.roo-table>colgroup+thead>tr:first-child>td,
.roo-table>colgroup+thead>tr:first-child>th,
.roo-table>thead:first-child>tr:first-child>td,
.roo-table>thead:first-child>tr:first-child>th {
border-top: 0
}
.roo-table>tbody+tbody {
border-top: 2px solid #eee
}
.roo-table .table {
background-color: #fff
}
.roo-table .active {
background-color: #eee
}
.roo-table .success {
background-color: #40ffbf
}
.roo-table .info {
background-color: #63d9ec
}
.roo-table .warning {
background-color: #ffdb79
}
.roo-table .danger {
background-color: #ff99a1
}
.roo-table .cursor-pointer {
cursor: pointer
}
.roo-table .cursor-pointer:hover {
background-color: #eee
}
.roo-table .column-sorter {
display: inline-block;
width: 16px;
margin-top: 1px;
vertical-align: top;
font-size: 0;
white-space: pre-wrap
}
.roo-table .column-sorter .roo-icon {
height: 8px;
line-height: 8px;
font-size: 16px;
color: #ccc
}
.roo-table .column-sorter .roo-icon.off {
color: #ccc
}
.roo-table .column-sorter .roo-icon.on {
color: #222
}
.roo-table .column-sorter .roo-icon:last-child {
margin-top: -2px
}
.roo-table-condensed>tbody>tr>td,
.roo-table-condensed>tbody>tr>th,
.roo-table-condensed>tfoot>tr>td,
.roo-table-condensed>tfoot>tr>th,
.roo-table-condensed>thead>tr>td,
.roo-table-condensed>thead>tr>th {
padding: 5px
}
.roo-table-expanded>tbody>tr>td,
.roo-table-expanded>tbody>tr>th,
.roo-table-expanded>tfoot>tr>td,
.roo-table-expanded>tfoot>tr>th,
.roo-table-expanded>thead>tr>td,
.roo-table-expanded>thead>tr>th {
height: 60px;
padding: 0 20px;
vertical-align: middle
}
.roo-table-bordered {
border: 1px solid #eee
}
.roo-table-bordered>tbody>tr>td,
.roo-table-bordered>tbody>tr>th,
.roo-table-bordered>tfoot>tr>td,
.roo-table-bordered>tfoot>tr>th,
.roo-table-bordered>thead>tr>td,
.roo-table-bordered>thead>tr>th {
border-left: 1px solid #eee;
border-right: 1px solid #eee
}
.roo-table-bordered>thead>tr>td,
.roo-table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.roo-table-striped-expandable>tbody>tr:nth-of-type(4n - 1),
.roo-table-striped>tbody>tr:nth-of-type(2n) {
background-color: #f5f6fa
}
.roo-table-hover>tbody>tr:hover {
background-color: #eee
}
table col[class*=col-] {
position: static;
float: none;
display: table-column
}
table td[class*=col-],
table th[class*=col-] {
position: static;
float: none;
display: table-cell
}
.roo-table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width:1024px) {
.roo-table-responsive {
width: 100%;
margin-bottom: .75;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #eee
}
.roo-table-responsive>.roo-table {
margin-bottom: 0
}
.roo-table-responsive>.roo-table>tbody>tr>td,
.roo-table-responsive>.roo-table>tbody>tr>th,
.roo-table-responsive>.roo-table>tfoot>tr>td,
.roo-table-responsive>.roo-table>tfoot>tr>th,
.roo-table-responsive>.roo-table>thead>tr>td,
.roo-table-responsive>.roo-table>thead>tr>th {
white-space: nowrap
}
.roo-table-responsive>.roo-table-bordered {
border: 0
}
.roo-table-responsive>.roo-table-bordered>tbody>tr>td:first-child,
.roo-table-responsive>.roo-table-bordered>tbody>tr>th:first-child,
.roo-table-responsive>.roo-table-bordered>tfoot>tr>td:first-child,
.roo-table-responsive>.roo-table-bordered>tfoot>tr>th:first-child,
.roo-table-responsive>.roo-table-bordered>thead>tr>td:first-child,
.roo-table-responsive>.roo-table-bordered>thead>tr>th:first-child {
border-left: 0
}
.roo-table-responsive>.roo-table-bordered>tbody>tr>td:last-child,
.roo-table-responsive>.roo-table-bordered>tbody>tr>th:last-child,
.roo-table-responsive>.roo-table-bordered>tfoot>tr>td:last-child,
.roo-table-responsive>.roo-table-bordered>tfoot>tr>th:last-child,
.roo-table-responsive>.roo-table-bordered>thead>tr>td:last-child,
.roo-table-responsive>.roo-table-bordered>thead>tr>th:last-child {
border-right: 0
}
.roo-table-responsive>.roo-table-bordered>tbody>tr:last-child>td,
.roo-table-responsive>.roo-table-bordered>tbody>tr:last-child>th,
.roo-table-responsive>.roo-table-bordered>tfoot>tr:last-child>td,
.roo-table-responsive>.roo-table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
.roo-table-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all
}
.roo-table-scrollable {
position: relative
}
.roo-table-scrollable .roo-table-header+.roo-table-body .roo-table {
margin-top: -1px
}
.roo-table-scrollable .roo-table-header {
margin-bottom: -20px;
padding-bottom: 20px;
overflow: scroll
}
.roo-table-scrollable .roo-table-body {
background: #fff;
position: relative
}
.roo-table-scrollable .roo-table-fixed-left {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
box-shadow: 8px 0 8px rgba(233, 234, 242, .6)
}
.roo-table-scrollable .roo-table-fixed-left .roo-table-body {
margin-right: -20px;
padding-right: 20px
}
.roo-table-scrollable .roo-table-fixed-right {
position: absolute;
right: 0;
top: 0;
box-shadow: -8px 0 8px rgba(233, 234, 242, .6)
}
.roo-table-scrollable.scroll-position-left .roo-table-fixed-left,
.roo-table-scrollable.scroll-position-right .roo-table-fixed-right {
box-shadow: none
}
.roo-tag {
display: inline-block;
padding: 0 8px;
font-size: 12px;
line-height: 22px;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 2px
}
.roo-tag.roo-tag-primary {
background-color: #222;
border: 1px solid #222
}
.roo-tag.roo-tag-secondary {
background-color: #f89800;
border: 1px solid #f89800
}
.roo-tag.roo-tag-brand {
background-color: #fc3;
border: 1px solid #fc3
}
.roo-tag.roo-tag-success {
background-color: #00bf7f;
border: 1px solid #00bf7f
}
.roo-tag.roo-tag-info {
background-color: #17a2b8;
border: 1px solid #17a2b8
}
.roo-tag.roo-tag-warning {
background-color: #f8b500;
border: 1px solid #f8b500;
background-color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-tag.roo-tag-danger {
background-color: #ff192d;
border: 1px solid #ff192d
}
.roo-tag.roo-tag-light {
background-color: #fff;
border: 1px solid #fff
}
.roo-tag.roo-tag-dark,
.roo-tag.roo-tag-default {
background-color: #222;
border: 1px solid #222
}
.roo-tag.roo-tag-gray {
background-color: #eee;
border: 1px solid #eee;
color: #222
}
.roo-tag.roo-tag-gray>i {
color: #ccc
}
.roo-tag>i {
margin-left: 4px;
cursor: pointer
}
.roo-tag.roo-tag-reverse.roo-tag-primary {
background-color: #fff;
color: #222;
border: 1px solid #222
}
.roo-tag.roo-tag-reverse.roo-tag-secondary {
background-color: #fff;
color: #f89800;
border: 1px solid #f89800
}
.roo-tag.roo-tag-reverse.roo-tag-brand {
background-color: #fff;
color: #fc3;
border: 1px solid #fc3
}
.roo-tag.roo-tag-reverse.roo-tag-success {
background-color: #fff;
color: #00bf7f;
border: 1px solid #00bf7f
}
.roo-tag.roo-tag-reverse.roo-tag-info {
background-color: #fff;
color: #17a2b8;
border: 1px solid #17a2b8
}
.roo-tag.roo-tag-reverse.roo-tag-warning {
color: #f8b500;
border: 1px solid #f8b500;
background-color: #fff;
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-tag.roo-tag-reverse.roo-tag-danger {
background-color: #fff;
color: #ff192d;
border: 1px solid #ff192d
}
.roo-tag.roo-tag-reverse.roo-tag-light {
background-color: #fff;
color: #fff;
border: 1px solid #fff
}
.roo-tag.roo-tag-reverse.roo-tag-dark,
.roo-tag.roo-tag-reverse.roo-tag-default {
background-color: #fff;
color: #222;
border: 1px solid #222
}
.roo-tag .roo-tag-icon {
margin-right: 5px;
vertical-align: middle
}
.roo-tag .roo-tag-icon-close {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
margin-top: -3px
}
.roo-tooltip-inner .roo-tag {
margin-left: 3.5px;
margin-right: 3.5px;
margin-bottom: 7px
}
.roo-badge {
display: inline-block;
min-width: 20px;
padding: 0 8px;
font-size: 12px;
color: #fff;
line-height: 22px;
vertical-align: middle;
white-space: nowrap;
text-align: center;
border-radius: 1000px
}
.roo-badge.roo-badge-primary {
background-color: #222;
border: 1px solid #222
}
.roo-badge.roo-badge-secondary {
background-color: #f89800;
border: 1px solid #f89800
}
.roo-badge.roo-badge-brand {
background-color: #fc3;
border: 1px solid #fc3
}
.roo-badge.roo-badge-success {
background-color: #00bf7f;
border: 1px solid #00bf7f
}
.roo-badge.roo-badge-info {
background-color: #17a2b8;
border: 1px solid #17a2b8
}
.roo-badge.roo-badge-warning {
background-color: #f8b500;
border: 1px solid #f8b500;
background-color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-badge.roo-badge-danger {
background-color: #ff192d;
border: 1px solid #ff192d
}
.roo-badge.roo-badge-light {
background-color: #fff;
border: 1px solid #fff
}
.roo-badge.roo-badge-dark {
background-color: #222;
border: 1px solid #222
}
.roo-badge.roo-badge-status-dot {
position: relative;
top: -1px;
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
min-width: 0;
padding: 0
}
.roo-badge.roo-badge-default {
background-color: #222;
border: 1px solid #222
}
.roo-badge.roo-badge-gray {
background-color: #f5f6fa;
border: 1px solid #f5f6fa;
color: #222
}
.roo-badge.roo-badge-reverse {
background: #fff;
padding: 0 8px;
line-height: 22px
}
.roo-badge.roo-badge-reverse.roo-badge-primary {
color: #222;
border: 1px solid #222
}
.roo-badge.roo-badge-reverse.roo-badge-secondary {
color: #f89800;
border: 1px solid #f89800
}
.roo-badge.roo-badge-reverse.roo-badge-brand {
color: #fc3;
border: 1px solid #fc3
}
.roo-badge.roo-badge-reverse.roo-badge-success {
color: #00bf7f;
border: 1px solid #00bf7f
}
.roo-badge.roo-badge-reverse.roo-badge-info {
color: #17a2b8;
border: 1px solid #17a2b8
}
.roo-badge.roo-badge-reverse.roo-badge-warning {
color: #f8b500;
border: 1px solid #f8b500;
color: #ff6a00;
border: 1px solid #ff6a00
}
.roo-badge.roo-badge-reverse.roo-badge-danger {
color: #ff192d;
border: 1px solid #ff192d
}
.roo-badge.roo-badge-reverse.roo-badge-light {
color: #fff;
border: 1px solid #fff
}
.roo-badge.roo-badge-reverse.roo-badge-dark,
.roo-badge.roo-badge-reverse.roo-badge-default {
color: #222;
border: 1px solid #222
}
.roo-badge-wrap {
position: relative;
display: inline-block;
line-height: 1
}
.roo-badge-status-text {
margin-left: 8px;
color: #222;
font-size: 14px
}
.roo-badge.roo-badge-fixed {
position: absolute;
right: 0;
top: 0;
transform: translate(50%, -50%);
border: 1px solid #fff;
z-index: 1
}
.roo-badge.roo-badge-fixed.roo-badge {
padding: 0 4px;
line-height: 18px
}
.roo-badge.roo-badge-fixed.roo-badge-dot {
z-index: 10;
width: 8px;
min-width: 8px;
height: 8px;
border-radius: 100%;
padding: 0
}
.roo-badge.roo-badge-fixed.roo-badge-sm {
min-width: 16px;
line-height: 14px;
padding: 0 3px
}
.roo-badge.roo-badge-fixed .roo-icon {
display: inline
}
.roo-alert-motion {
overflow: hidden;
opacity: 1;
transition: max-height .3s, opacity .3s, padding-top .3s, padding-bottom .3s, margin-bottom .3s
}
.roo-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0
}
.roo-alert {
position: relative;
margin: 0 10px;
margin-bottom: 10px;
padding: 9px 16px;
border: 1px solid transparent;
font-size: 14px;
color: #222;
line-height: normal;
border-radius: 2px
}
.roo-alert>i {
font-size: 16px;
margin-right: 8px;
vertical-align: text-bottom
}
.roo-alert .close,
.roo-alert .extra {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%)
}
.roo-alert .close {
display: block;
width: 16px;
height: 16px;
font-size: 16px;
color: #a2a4b3 !important
}
.roo-alert .close i {
vertical-align: top
}
.roo-alert .close:hover {
color: #222 !important
}
.roo-alert .description {
margin-left: 24px
}
.roo-alert.roo-alert-banner {
margin: 0;
border: 0;
border-radius: 0
}
.roo-alert.roo-alert-primary {
background-color: rgba(34, 34, 34, .1);
border-color: rgba(34, 34, 34, .2)
}
.roo-alert.roo-alert-primary>i,
.roo-alert.roo-alert-primary a {
color: #222
}
.roo-alert.roo-alert-secondary {
background-color: rgba(248, 152, 0, .1);
border-color: rgba(248, 152, 0, .2)
}
.roo-alert.roo-alert-secondary>i,
.roo-alert.roo-alert-secondary a {
color: #f89800
}
.roo-alert.roo-alert-brand {
background-color: rgba(255, 204, 51, .1);
border-color: rgba(255, 204, 51, .2)
}
.roo-alert.roo-alert-brand>i,
.roo-alert.roo-alert-brand a {
color: #fc3
}
.roo-alert.roo-alert-success {
background-color: rgba(0, 191, 127, .1);
border-color: rgba(0, 191, 127, .2)
}
.roo-alert.roo-alert-success>i,
.roo-alert.roo-alert-success a {
color: #00bf7f
}
.roo-alert.roo-alert-info {
background-color: rgba(23, 162, 184, .1);
border-color: rgba(23, 162, 184, .2);
background-color: #fff;
border-color: #eee
}
.roo-alert.roo-alert-info>i,
.roo-alert.roo-alert-info a {
color: #17a2b8;
color: #fc3
}
.roo-alert.roo-alert-warning {
background-color: rgba(248, 181, 0, .1);
border-color: rgba(248, 181, 0, .2);
background-color: rgba(255, 106, 0, .1);
border-color: rgba(255, 106, 0, .2)
}
.roo-alert.roo-alert-warning>i,
.roo-alert.roo-alert-warning a {
color: #f8b500;
color: #ff6a00
}
.roo-alert.roo-alert-danger {
background-color: rgba(255, 25, 45, .1);
border-color: rgba(255, 25, 45, .2)
}
.roo-alert.roo-alert-danger>i,
.roo-alert.roo-alert-danger a {
color: #ff192d
}
.roo-alert.roo-alert-light {
background-color: hsla(0, 0%, 100%, .1);
border-color: hsla(0, 0%, 100%, .2)
}
.roo-alert.roo-alert-light>i,
.roo-alert.roo-alert-light a {
color: #fff
}
.roo-alert.roo-alert-dark {
background-color: rgba(34, 34, 34, .1);
border-color: rgba(34, 34, 34, .2)
}
.roo-alert.roo-alert-dark>i,
.roo-alert.roo-alert-dark a {
color: #222
}
.roo-alert.roo-alert-dismissible {
padding: 9px 20px
}
/*!
* name: Tooltip
*
* class: tooltip
*/
.roo-tooltip {
position: relative;
display: inline-block;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
z-index: 1060;
max-width: 300px;
filter: drop-shadow(0 1px 3px rgba(52, 88, 124, .23))
}
.roo-tooltip.roo-tooltip-sm {
font-size: 12px
}
.roo-tooltip.roo-tooltip-sm .roo-tooltip-inner {
padding: 4px 10px
}
.roo-tooltip .roo-tooltip-inner {
padding: 8px 12px;
word-break: break-all;
color: #fff;
background-color: #222;
border-radius: 2px
}
.roo-tooltip.bottom,
.roo-tooltip.roo-tooltip-bottom {
padding-top: 7px
}
.roo-tooltip.bottom .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-bottom .roo-tooltip-arrow {
left: 50%;
top: 2px;
transform: translate(-50%);
border-width: 0 5px 5px;
border-bottom-color: #222
}
.roo-tooltip.bottom .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-bottom .roo-tooltip-arrow:after {
top: 1px;
margin-left: -5px;
content: " ";
border-top-width: 0;
border-bottom-color: #222
}
.roo-tooltip.bottom-left,
.roo-tooltip.roo-tooltip-bottom-left {
padding-top: 7px
}
.roo-tooltip.bottom-left .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-bottom-left .roo-tooltip-arrow {
left: 14px;
top: 2px;
border-width: 0 5px 5px;
border-bottom-color: #222
}
.roo-tooltip.bottom-left .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-bottom-left .roo-tooltip-arrow:after {
top: 1px;
margin-left: -5px;
content: " ";
border-top-width: 0;
border-bottom-color: #222
}
.roo-tooltip.bottom-right,
.roo-tooltip.roo-tooltip-bottom-right {
padding-top: 7px
}
.roo-tooltip.bottom-right .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-bottom-right .roo-tooltip-arrow {
right: 14px;
top: 2px;
border-width: 0 5px 5px;
border-bottom-color: #222
}
.roo-tooltip.bottom-right .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-bottom-right .roo-tooltip-arrow:after {
top: 1px;
margin-left: -5px;
content: " ";
border-top-width: 0;
border-bottom-color: #222
}
.roo-tooltip.roo-tooltip-top,
.roo-tooltip.top {
padding-bottom: 7px
}
.roo-tooltip.roo-tooltip-top .roo-tooltip-arrow,
.roo-tooltip.top .roo-tooltip-arrow {
bottom: 2px;
left: 50%;
transform: translate(-50%);
border-width: 5px 5px 0;
border-top-color: #222;
border-style: solid
}
.roo-tooltip.roo-tooltip-top .roo-tooltip-arrow:after,
.roo-tooltip.top .roo-tooltip-arrow:after {
bottom: 1px;
margin-left: -5px;
content: " ";
border-bottom-width: 0;
border-top-color: #222
}
.roo-tooltip.roo-tooltip-top-left,
.roo-tooltip.top-left {
padding-bottom: 7px
}
.roo-tooltip.roo-tooltip-top-left .roo-tooltip-arrow,
.roo-tooltip.top-left .roo-tooltip-arrow {
bottom: 2px;
left: 14px;
border-width: 5px 5px 0;
border-top-color: #222;
border-style: solid
}
.roo-tooltip.roo-tooltip-top-left .roo-tooltip-arrow:after,
.roo-tooltip.top-left .roo-tooltip-arrow:after {
bottom: 1px;
margin-left: -5px;
content: " ";
border-bottom-width: 0;
border-top-color: #222
}
.roo-tooltip.roo-tooltip-top-right,
.roo-tooltip.top-right {
padding-bottom: 7px
}
.roo-tooltip.roo-tooltip-top-right .roo-tooltip-arrow,
.roo-tooltip.top-right .roo-tooltip-arrow {
bottom: 2px;
right: 14px;
border-width: 5px 5px 0;
border-top-color: #222;
border-style: solid
}
.roo-tooltip.roo-tooltip-top-right .roo-tooltip-arrow:after,
.roo-tooltip.top-right .roo-tooltip-arrow:after {
bottom: 1px;
margin-left: -5px;
content: " ";
border-bottom-width: 0;
border-top-color: #222
}
.roo-tooltip.left,
.roo-tooltip.roo-tooltip-left {
padding-right: 7px
}
.roo-tooltip.left .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-left .roo-tooltip-arrow {
top: 50%;
right: 2px;
transform: translateY(-50%);
border-width: 5px 0 5px 5px;
border-left-color: #222
}
.roo-tooltip.left .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-left .roo-tooltip-arrow:after {
right: 1px;
bottom: -5px;
content: " ";
border-right-width: 0;
border-left-color: #222
}
.roo-tooltip.left-top,
.roo-tooltip.roo-tooltip-left-top {
padding-right: 7px
}
.roo-tooltip.left-top .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-left-top .roo-tooltip-arrow {
top: 14px;
right: 2px;
border-width: 5px 0 5px 5px;
border-left-color: #222
}
.roo-tooltip.left-top .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-left-top .roo-tooltip-arrow:after {
right: 1px;
bottom: -5px;
content: " ";
border-right-width: 0;
border-left-color: #222
}
.roo-tooltip.left-bottom,
.roo-tooltip.roo-tooltip-left-bottom {
padding-right: 7px
}
.roo-tooltip.left-bottom .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-left-bottom .roo-tooltip-arrow {
bottom: 14px;
right: 2px;
border-width: 5px 0 5px 5px;
border-left-color: #222
}
.roo-tooltip.left-bottom .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-left-bottom .roo-tooltip-arrow:after {
right: 1px;
bottom: -5px;
content: " ";
border-right-width: 0;
border-left-color: #222
}
.roo-tooltip.right,
.roo-tooltip.roo-tooltip-right {
padding-left: 7px
}
.roo-tooltip.right .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-right .roo-tooltip-arrow {
border-width: 5px 5px 5px 0;
border-right-color: #222;
left: 2px;
top: 50%;
transform: translateY(-50%)
}
.roo-tooltip.right .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-right .roo-tooltip-arrow:after {
left: 1px;
bottom: -5px;
content: " ";
border-left-width: 0;
border-right-color: #222
}
.roo-tooltip.right-top,
.roo-tooltip.roo-tooltip-right-top {
padding-left: 7px
}
.roo-tooltip.right-top .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-right-top .roo-tooltip-arrow {
border-width: 5px 5px 5px 0;
border-right-color: #222;
left: 2px;
top: 14px
}
.roo-tooltip.right-top .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-right-top .roo-tooltip-arrow:after {
left: 1px;
bottom: -5px;
content: " ";
border-left-width: 0;
border-right-color: #222
}
.roo-tooltip.right-bottom,
.roo-tooltip.roo-tooltip-right-bottom {
padding-left: 7px
}
.roo-tooltip.right-bottom .roo-tooltip-arrow,
.roo-tooltip.roo-tooltip-right-bottom .roo-tooltip-arrow {
border-width: 5px 5px 5px 0;
border-right-color: #222;
left: 2px;
bottom: 14px
}
.roo-tooltip.right-bottom .roo-tooltip-arrow:after,
.roo-tooltip.roo-tooltip-right-bottom .roo-tooltip-arrow:after {
left: 1px;
bottom: -5px;
content: " ";
border-left-width: 0;
border-right-color: #222
}
.roo-tooltip .roo-tooltip-arrow {
position: absolute;
border-color: transparent;
border-style: solid
}
.roo-tooltip .roo-tooltip-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border: 5px solid transparent;
content: " "
}
.roo-tooltip-light {
position: relative;
display: inline-block;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
z-index: 1060;
max-width: 300px;
filter: drop-shadow(0 1px 3px rgba(52, 88, 124, .23))
}
.roo-tooltip-light.roo-tooltip-sm {
font-size: 12px
}
.roo-tooltip-light.roo-tooltip-sm .roo-tooltip-inner {
padding: 4px 10px
}
.roo-tooltip-light .roo-tooltip-inner {
padding: 8px 12px;
word-break: break-all;
color: #222;
background-color: #fff;
border-radius: 2px
}
.roo-tooltip-light.bottom,
.roo-tooltip-light.roo-tooltip-bottom {
padding-top: 7px
}
.roo-tooltip-light.bottom .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-bottom .roo-tooltip-arrow {
left: 50%;
top: 2px;
transform: translate(-50%);
border-width: 0 5px 5px;
border-bottom-color: #fff
}
.roo-tooltip-light.bottom .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-bottom .roo-tooltip-arrow:after {
top: 1px;
margin-left: -5px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff
}
.roo-tooltip-light.bottom-left,
.roo-tooltip-light.roo-tooltip-bottom-left {
padding-top: 7px
}
.roo-tooltip-light.bottom-left .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-bottom-left .roo-tooltip-arrow {
left: 14px;
top: 2px;
border-width: 0 5px 5px;
border-bottom-color: #fff
}
.roo-tooltip-light.bottom-left .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-bottom-left .roo-tooltip-arrow:after {
top: 1px;
margin-left: -5px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff
}
.roo-tooltip-light.bottom-right,
.roo-tooltip-light.roo-tooltip-bottom-right {
padding-top: 7px
}
.roo-tooltip-light.bottom-right .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-bottom-right .roo-tooltip-arrow {
right: 14px;
top: 2px;
border-width: 0 5px 5px;
border-bottom-color: #fff
}
.roo-tooltip-light.bottom-right .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-bottom-right .roo-tooltip-arrow:after {
top: 1px;
margin-left: -5px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff
}
.roo-tooltip-light.roo-tooltip-top,
.roo-tooltip-light.top {
padding-bottom: 7px
}
.roo-tooltip-light.roo-tooltip-top .roo-tooltip-arrow,
.roo-tooltip-light.top .roo-tooltip-arrow {
bottom: 2px;
left: 50%;
transform: translate(-50%);
border-width: 5px 5px 0;
border-top-color: #fff;
border-style: solid
}
.roo-tooltip-light.roo-tooltip-top .roo-tooltip-arrow:after,
.roo-tooltip-light.top .roo-tooltip-arrow:after {
bottom: 1px;
margin-left: -5px;
content: " ";
border-bottom-width: 0;
border-top-color: #fff
}
.roo-tooltip-light.roo-tooltip-top-left,
.roo-tooltip-light.top-left {
padding-bottom: 7px
}
.roo-tooltip-light.roo-tooltip-top-left .roo-tooltip-arrow,
.roo-tooltip-light.top-left .roo-tooltip-arrow {
bottom: 2px;
left: 14px;
border-width: 5px 5px 0;
border-top-color: #fff;
border-style: solid
}
.roo-tooltip-light.roo-tooltip-top-left .roo-tooltip-arrow:after,
.roo-tooltip-light.top-left .roo-tooltip-arrow:after {
bottom: 1px;
margin-left: -5px;
content: " ";
border-bottom-width: 0;
border-top-color: #fff
}
.roo-tooltip-light.roo-tooltip-top-right,
.roo-tooltip-light.top-right {
padding-bottom: 7px
}
.roo-tooltip-light.roo-tooltip-top-right .roo-tooltip-arrow,
.roo-tooltip-light.top-right .roo-tooltip-arrow {
bottom: 2px;
right: 14px;
border-width: 5px 5px 0;
border-top-color: #fff;
border-style: solid
}
.roo-tooltip-light.roo-tooltip-top-right .roo-tooltip-arrow:after,
.roo-tooltip-light.top-right .roo-tooltip-arrow:after {
bottom: 1px;
margin-left: -5px;
content: " ";
border-bottom-width: 0;
border-top-color: #fff
}
.roo-tooltip-light.left,
.roo-tooltip-light.roo-tooltip-left {
padding-right: 7px
}
.roo-tooltip-light.left .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-left .roo-tooltip-arrow {
top: 50%;
right: 2px;
transform: translateY(-50%);
border-width: 5px 0 5px 5px;
border-left-color: #fff
}
.roo-tooltip-light.left .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-left .roo-tooltip-arrow:after {
right: 1px;
bottom: -5px;
content: " ";
border-right-width: 0;
border-left-color: #fff
}
.roo-tooltip-light.left-top,
.roo-tooltip-light.roo-tooltip-left-top {
padding-right: 7px
}
.roo-tooltip-light.left-top .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-left-top .roo-tooltip-arrow {
top: 14px;
right: 2px;
border-width: 5px 0 5px 5px;
border-left-color: #fff
}
.roo-tooltip-light.left-top .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-left-top .roo-tooltip-arrow:after {
right: 1px;
bottom: -5px;
content: " ";
border-right-width: 0;
border-left-color: #fff
}
.roo-tooltip-light.left-bottom,
.roo-tooltip-light.roo-tooltip-left-bottom {
padding-right: 7px
}
.roo-tooltip-light.left-bottom .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-left-bottom .roo-tooltip-arrow {
bottom: 14px;
right: 2px;
border-width: 5px 0 5px 5px;
border-left-color: #fff
}
.roo-tooltip-light.left-bottom .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-left-bottom .roo-tooltip-arrow:after {
right: 1px;
bottom: -5px;
content: " ";
border-right-width: 0;
border-left-color: #fff
}
.roo-tooltip-light.right,
.roo-tooltip-light.roo-tooltip-right {
padding-left: 7px
}
.roo-tooltip-light.right .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-right .roo-tooltip-arrow {
border-width: 5px 5px 5px 0;
border-right-color: #fff;
left: 2px;
top: 50%;
transform: translateY(-50%)
}
.roo-tooltip-light.right .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-right .roo-tooltip-arrow:after {
left: 1px;
bottom: -5px;
content: " ";
border-left-width: 0;
border-right-color: #fff
}
.roo-tooltip-light.right-top,
.roo-tooltip-light.roo-tooltip-right-top {
padding-left: 7px
}
.roo-tooltip-light.right-top .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-right-top .roo-tooltip-arrow {
border-width: 5px 5px 5px 0;
border-right-color: #fff;
left: 2px;
top: 14px
}
.roo-tooltip-light.right-top .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-right-top .roo-tooltip-arrow:after {
left: 1px;
bottom: -5px;
content: " ";
border-left-width: 0;
border-right-color: #fff
}
.roo-tooltip-light.right-bottom,
.roo-tooltip-light.roo-tooltip-right-bottom {
padding-left: 7px
}
.roo-tooltip-light.right-bottom .roo-tooltip-arrow,
.roo-tooltip-light.roo-tooltip-right-bottom .roo-tooltip-arrow {
border-width: 5px 5px 5px 0;
border-right-color: #fff;
left: 2px;
bottom: 14px
}
.roo-tooltip-light.right-bottom .roo-tooltip-arrow:after,
.roo-tooltip-light.roo-tooltip-right-bottom .roo-tooltip-arrow:after {
left: 1px;
bottom: -5px;
content: " ";
border-left-width: 0;
border-right-color: #fff
}
.roo-tooltip-light .roo-tooltip-arrow {
position: absolute;
border-color: transparent;
border-style: solid
}
.roo-tooltip-light .roo-tooltip-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border: 5px solid transparent;
content: " "
}
.roo-popconfirm .roo-tooltip-inner {
padding: 12px 16px
}
.roo-pagination {
display: inline-block;
padding-left: 0;
font-size: 14px;
margin: 10px 0
}
.roo-pagination>span {
display: inline-block;
padding: 6px 12px
}
.roo-pagination .roo-icon {
vertical-align: middle
}
.roo-pagination.no-border a,
.roo-pagination.no-border span {
border: 0
}
.roo-pagination>li {
display: inline-block;
vertical-align: middle
}
.roo-pagination>li>a,
.roo-pagination>li>span {
display: inline-block;
min-width: 32px;
height: 32px;
line-height: 30px;
padding: 0 6px;
vertical-align: middle;
text-align: center;
text-decoration: none;
color: #222;
border: 1px solid #eee;
border-radius: 2px;
margin-left: 8px;
background-color: #fff;
cursor: pointer
}
.roo-pagination>li>a:focus,
.roo-pagination>li>a:hover,
.roo-pagination>li>span:focus,
.roo-pagination>li>span:hover {
color: #fff;
background-color: #222;
border-color: #222
}
.roo-pagination>li input {
display: inline-block;
width: 40px;
height: 32px;
color: #222;
text-align: center;
vertical-align: middle;
border: 1px solid #eee;
border-radius: 2px;
padding: 6px 12px;
margin-left: 10px;
outline: 0;
-webkit-border-image: none
}
.roo-pagination>li input:focus,
.roo-pagination>li input:hover {
border-color: #666
}
.roo-pagination>.active>a,
.roo-pagination>.active>a:focus,
.roo-pagination>.active>a:hover,
.roo-pagination>.active>span,
.roo-pagination>.active>span:focus,
.roo-pagination>.active>span:hover {
color: #fff;
background-color: #222;
border-color: #222;
cursor: default
}
.roo-pagination>.arrow>a,
.roo-pagination>.arrow>span {
color: #ccc;
font-size: 18px;
line-height: 28px
}
.roo-pagination>.light>a:focus,
.roo-pagination>.light>a:hover,
.roo-pagination>.light>span:focus,
.roo-pagination>.light>span:hover {
color: #222;
background-color: #fff;
border-color: #666;
cursor: pointer
}
.roo-pagination>.ellipsis-left>a,
.roo-pagination>.ellipsis-left>span {
display: inline-block;
width: 32px;
text-align: center;
border: 0
}
.roo-pagination>.ellipsis-left>a:after,
.roo-pagination>.ellipsis-left>span:after {
content: "\EA1B";
font-family: roo-icon;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
.roo-pagination>.ellipsis-left>a:focus,
.roo-pagination>.ellipsis-left>a:hover,
.roo-pagination>.ellipsis-left>span:focus,
.roo-pagination>.ellipsis-left>span:hover {
background: transparent;
cursor: pointer
}
.roo-pagination>.ellipsis-left>a:focus:after,
.roo-pagination>.ellipsis-left>a:hover:after,
.roo-pagination>.ellipsis-left>span:focus:after,
.roo-pagination>.ellipsis-left>span:hover:after {
content: "\EA16";
color: #222
}
.roo-pagination>.ellipsis-right>a,
.roo-pagination>.ellipsis-right>span {
display: inline-block;
width: 32px;
text-align: center;
border: 0
}
.roo-pagination>.ellipsis-right>a:after,
.roo-pagination>.ellipsis-right>span:after {
content: "\EA1B";
font-family: roo-icon;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
.roo-pagination>.ellipsis-right>a:focus,
.roo-pagination>.ellipsis-right>a:hover,
.roo-pagination>.ellipsis-right>span:focus,
.roo-pagination>.ellipsis-right>span:hover {
background: transparent;
cursor: pointer
}
.roo-pagination>.ellipsis-right>a:focus:after,
.roo-pagination>.ellipsis-right>a:hover:after,
.roo-pagination>.ellipsis-right>span:focus:after,
.roo-pagination>.ellipsis-right>span:hover:after {
content: "\EA17";
color: #222
}
.roo-pagination>.disabled>a,
.roo-pagination>.disabled>a:focus,
.roo-pagination>.disabled>a:hover,
.roo-pagination>.disabled>span,
.roo-pagination>.disabled>span:focus,
.roo-pagination>.disabled>span:hover {
color: #a2a4b3;
background-color: #f5f6fa;
border-color: #eee;
cursor: not-allowed
}
.roo-pagination .roo-input-number input {
width: 36px
}
.roo-pagination .roo-pagination-jump {
display: inline-block;
margin-left: 10px
}
.roo-pagination .roo-pagination-jump>span {
line-height: 36px;
padding: 0 10px;
vertical-align: middle
}
.roo-pagination-sm {
display: inline-block;
padding-left: 0;
font-size: 12px;
margin: 8px 0
}
.roo-pagination-sm>span {
display: inline-block;
padding: 6px 12px
}
.roo-pagination-sm .roo-icon {
vertical-align: middle
}
.roo-pagination-sm.no-border a,
.roo-pagination-sm.no-border span {
border: 0
}
.roo-pagination-sm>li {
display: inline-block;
vertical-align: middle
}
.roo-pagination-sm>li>a,
.roo-pagination-sm>li>span {
display: inline-block;
min-width: 26px;
height: 26px;
line-height: 24px;
padding: 0 6px;
vertical-align: middle;
text-align: center;
text-decoration: none;
color: #222;
border: 1px solid #eee;
border-radius: 2px;
margin-left: 8px;
background-color: #fff;
cursor: pointer
}
.roo-pagination-sm>li>a:focus,
.roo-pagination-sm>li>a:hover,
.roo-pagination-sm>li>span:focus,
.roo-pagination-sm>li>span:hover {
color: #fff;
background-color: #222;
border-color: #222
}
.roo-pagination-sm>li input {
display: inline-block;
width: 40px;
height: 26px;
color: #222;
text-align: center;
vertical-align: middle;
border: 1px solid #eee;
border-radius: 2px;
padding: 6px 12px;
margin-left: 8px;
outline: 0;
-webkit-border-image: none
}
.roo-pagination-sm>li input:focus,
.roo-pagination-sm>li input:hover {
border-color: #666
}
.roo-pagination-sm>.active>a,
.roo-pagination-sm>.active>a:focus,
.roo-pagination-sm>.active>a:hover,
.roo-pagination-sm>.active>span,
.roo-pagination-sm>.active>span:focus,
.roo-pagination-sm>.active>span:hover {
color: #fff;
background-color: #222;
border-color: #222;
cursor: default
}
.roo-pagination-sm>.arrow>a,
.roo-pagination-sm>.arrow>span {
color: #ccc;
font-size: 18px;
line-height: 22px
}
.roo-pagination-sm>.light>a:focus,
.roo-pagination-sm>.light>a:hover,
.roo-pagination-sm>.light>span:focus,
.roo-pagination-sm>.light>span:hover {
color: #222;
background-color: #fff;
border-color: #666;
cursor: pointer
}
.roo-pagination-sm>.ellipsis-left>a,
.roo-pagination-sm>.ellipsis-left>span {
display: inline-block;
width: 26px;
text-align: center;
border: 0
}
.roo-pagination-sm>.ellipsis-left>a:after,
.roo-pagination-sm>.ellipsis-left>span:after {
content: "\EA1B";
font-family: roo-icon;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
.roo-pagination-sm>.ellipsis-left>a:focus,
.roo-pagination-sm>.ellipsis-left>a:hover,
.roo-pagination-sm>.ellipsis-left>span:focus,
.roo-pagination-sm>.ellipsis-left>span:hover {
background: transparent;
cursor: pointer
}
.roo-pagination-sm>.ellipsis-left>a:focus:after,
.roo-pagination-sm>.ellipsis-left>a:hover:after,
.roo-pagination-sm>.ellipsis-left>span:focus:after,
.roo-pagination-sm>.ellipsis-left>span:hover:after {
content: "\EA16";
color: #222
}
.roo-pagination-sm>.ellipsis-right>a,
.roo-pagination-sm>.ellipsis-right>span {
display: inline-block;
width: 26px;
text-align: center;
border: 0
}
.roo-pagination-sm>.ellipsis-right>a:after,
.roo-pagination-sm>.ellipsis-right>span:after {
content: "\EA1B";
font-family: roo-icon;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
.roo-pagination-sm>.ellipsis-right>a:focus,
.roo-pagination-sm>.ellipsis-right>a:hover,
.roo-pagination-sm>.ellipsis-right>span:focus,
.roo-pagination-sm>.ellipsis-right>span:hover {
background: transparent;
cursor: pointer
}
.roo-pagination-sm>.ellipsis-right>a:focus:after,
.roo-pagination-sm>.ellipsis-right>a:hover:after,
.roo-pagination-sm>.ellipsis-right>span:focus:after,
.roo-pagination-sm>.ellipsis-right>span:hover:after {
content: "\EA17";
color: #222
}
.roo-pagination-sm>.disabled>a,
.roo-pagination-sm>.disabled>a:focus,
.roo-pagination-sm>.disabled>a:hover,
.roo-pagination-sm>.disabled>span,
.roo-pagination-sm>.disabled>span:focus,
.roo-pagination-sm>.disabled>span:hover {
color: #a2a4b3;
background-color: #f5f6fa;
border-color: #eee;
cursor: not-allowed
}
.roo-pagination-sm .roo-input-number input {
width: 32px
}
.roo-pagination-sm .roo-pagination-jump {
display: inline-block;
margin-left: 8px
}
.roo-pagination-sm .roo-pagination-jump>span {
line-height: 32px;
padding: 0 8px;
vertical-align: middle
}
.roo-switch {
display: inline-block;
position: relative;
min-width: 48px;
height: 28px;
font-size: 12px
}
.roo-switch input[type=checkbox] {
display: none
}
.roo-switch input[type=checkbox]:checked~.roo-switch-checkbox {
background: #fc3
}
.roo-switch input[type=checkbox]:checked~.roo-switch-checkbox>span {
margin-right: 30px;
margin-left: 6px
}
.roo-switch input[type=checkbox]:checked~.roo-switch-checkbox:before {
left: 100%;
transform: translateX(-100%);
margin-left: -2px
}
.roo-switch input[type=checkbox]:checked~.roo-switch-checkbox:after {
left: 100%;
color: #fc3;
animation: b 1s infinite linear;
margin-left: -6px
}
.roo-switch.disabled {
opacity: .5
}
.roo-switch.disabled .roo-switch-checkbox {
cursor: not-allowed
}
.roo-switch .roo-switch-checkbox {
position: relative;
display: inline-block;
width: 100%;
height: 28px;
line-height: 28px;
vertical-align: middle;
border-radius: 1000px;
background: #999;
transition: background .5s ease;
cursor: pointer;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.roo-switch .roo-switch-checkbox>span {
color: #fff;
margin-left: 30px;
margin-right: 6px
}
.roo-switch .roo-switch-checkbox:before {
content: "";
width: 26px;
height: 26px;
line-height: 26px;
position: absolute;
border: 1px solid #e6e9f3;
border-radius: 1000px;
top: 1px;
left: 1px;
z-index: 10;
background-color: #fff;
color: #fff;
font-size: 12px;
transition: all .3s ease
}
.roo-switch .roo-switch-checkbox:after {
position: absolute;
top: 6px;
left: 6px;
z-index: 10;
transition: all .3s ease
}
.roo-switch.roo-switch-loading .roo-switch-checkbox:after {
content: "\EA29";
font-family: roo-icon;
font-size: 16px;
line-height: 16px;
font-style: normal;
font-weight: 700;
color: #999;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
animation: a 1s infinite linear
}
.roo-switch-mini {
min-width: 36px;
height: 20px
}
.roo-switch-mini input[type=checkbox]:checked~.roo-switch-checkbox>span {
margin-right: 22px;
margin-left: 4px
}
.roo-switch-mini input[type=checkbox]:checked~.roo-switch-checkbox:before {
margin-left: -2px
}
.roo-switch-mini input[type=checkbox]:checked~.roo-switch-checkbox:after {
margin-left: -4px
}
.roo-switch-mini .roo-switch-checkbox {
height: 20px;
line-height: 20px
}
.roo-switch-mini .roo-switch-checkbox>span {
margin-left: 22px;
margin-right: 4px
}
.roo-switch-mini .roo-switch-checkbox:before {
width: 18px;
height: 18px;
line-height: 18px
}
.roo-switch-mini .roo-switch-checkbox:after {
top: 3px;
left: 3px
}
.roo-switch-mini.roo-switch-loading .roo-switch-checkbox:after {
font-size: 14px;
line-height: 14px
}
@keyframes b {
0% {
transform: translateX(-100%) rotate(0deg);
transform-origin: center
}
to {
transform: translateX(-100%) rotate(1turn);
transform-origin: center
}
}
.slick-list,
.slick-slider {
position: relative
}
.slick-list {
overflow: hidden
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0)
}
.slick-slide {
float: left;
height: 100%
}
.slick-dots,
.slick-slide>img {
display: block
}
.slick-dots {
position: absolute;
list-style: none;
width: 100%;
margin: 0;
padding: 0;
text-align: center
}
.slick-dots-bottom {
bottom: 15px
}
.slick-dots-top {
top: 15px
}
.slick-dots>li {
position: relative;
display: inline-block;
text-align: center;
vertical-align: bottom;
margin: 0 2px;
padding: 0;
cursor: pointer
}
.slick-dots>li>button {
display: block;
font-size: 8px;
color: red;
height: 3px;
width: 16px;
border-radius: 1px;
border: none;
outline: none;
background: #fc3;
opacity: .3;
transition: all .5s;
padding: 0;
color: transparent;
cursor: pointer
}
.slick-dots>li>button:hover {
opacity: .75
}
.slick-dots>li.slick-active button {
width: 24px;
background: #fc3;
opacity: 1
}
.slick-vertical .slick-slide {
display: block;
height: auto
}
.slick-thumb {
position: relative
}
.slick-thumb>li {
display: inline-block;
margin-top: 7px;
margin-right: 7px;
cursor: pointer;
width: 60px;
height: 45px
}
.slick-thumb>li:last-child {
margin-right: 0
}
.slick-thumb>li img {
width: 60px;
height: 45px;
filter: grayscale(100%)
}
.slick-thumb>li.slick-active img {
filter: grayscale(0)
}
.roo-carousel-arrow.roo-carousel-prev {
left: 0
}
.roo-carousel-arrow.roo-carousel-next,
.roo-carousel-arrow.roo-carousel-prev {
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
z-index: 100
}
.roo-carousel-arrow.roo-carousel-next {
right: 0
}
.roo-carousel {
position: relative
}
.roo-carousel-vertical .slick-dots {
top: 50%;
bottom: auto;
width: 3px;
height: auto;
transform: translateY(-50%)
}
.roo-carousel-vertical .slick-dots-left {
left: 12px
}
.roo-carousel-vertical .slick-dots-right {
right: 12px
}
.roo-carousel-vertical .slick-dots li {
margin: 0 2px;
vertical-align: baseline
}
.roo-carousel-vertical .slick-dots li button {
display: block;
width: 3px;
height: 16px
}
.roo-carousel-vertical .slick-dots li.slick-active button {
display: block;
width: 3px;
height: 24px
}
.roo-breadcrumb {
height: 28px;
margin-bottom: 10px;
list-style: none;
line-height: 28px
}
.roo-breadcrumb>li {
display: inline-block;
padding-left: 2px;
color: #666
}
.roo-breadcrumb>li a,
.roo-breadcrumb>li a:visited,
.roo-breadcrumb>li span {
vertical-align: middle;
color: #666
}
.roo-breadcrumb>li i.roo-icon {
font-size: 1.4em;
vertical-align: middle
}
.roo-breadcrumb>li:not(.active)>i {
color: #666;
margin-right: 4px
}
.roo-breadcrumb>li:hover a {
color: #f89800;
cursor: pointer
}
.roo-breadcrumb>li a,
.roo-breadcrumb>li i.roo-icon,
.roo-breadcrumb>li span {
text-decoration: none
}
.roo-breadcrumb>li+li {
padding-left: 2px
}
.roo-breadcrumb>li+li:hover:before {
text-decoration: none
}
.roo-breadcrumb>li.active {
color: #222
}
.roo-breadcrumb>li.active>i {
margin-right: 4px
}
.roo-breadcrumb>li.active a,
.roo-breadcrumb>li.active span {
color: #222
}
.roo-breadcrumb-item-action:hover .roo-icon,
.roo-breadcrumb-item-action:hover a,
.roo-breadcrumb-item-action:hover i,
.roo-breadcrumb-item-action:hover span {
color: #f89800;
cursor: pointer
}
.roo-breadcrumb-separator {
padding: 0 5px
}
.roo-breadcrumb-default>li+li:before {
display: inline-block;
padding-right: 2px;
font-family: roo-icon;
font-weight: 300;
line-height: 1;
font-size: 18px;
vertical-align: middle;
color: #a2a4b3;
content: "\EA0D"
}
.roo-breadcrumb-line>li+li:before {
content: "|"
}
.roo-breadcrumb-line>li+li:before,
.roo-breadcrumb-oblique-line>li+li:before {
font-family: Helvetica Neue, Arial, -apple-system, BlinkMacSystemFont, PingFang SC, microsoft yahei, STXihei, sans-serif;
padding: 0 10px;
font-size: 14px;
vertical-align: middle
}
.roo-breadcrumb-oblique-line>li+li:before {
content: "/"
}
.roo-breadcrumb-double-arrow>li+li:before {
content: "\EA17";
font-family: roo-icon;
padding: 0 10px;
font-size: 14px;
vertical-align: middle
}
.roo-breadcrumb-bg-gray>li {
position: relative;
padding-right: 28px;
background-color: #f5f6fa
}
.roo-breadcrumb-bg-gray>li:after,
.roo-breadcrumb-bg-gray>li:before {
position: absolute;
right: -14px;
top: 0;
display: inline-block;
padding-right: 0 !important;
content: "" !important;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 14px solid transparent
}
.roo-breadcrumb-bg-gray>li+li {
padding-left: 10px
}
.roo-breadcrumb-bg-gray>li:after {
border-left-color: #f5f6fa;
right: -12px
}
.roo-breadcrumb-bg-gray>li:last-child {
padding-right: 2px
}
.roo-breadcrumb-bg-gray>li:last-child:before {
display: none
}
.roo-breadcrumb-bg-gray>li:last-child:after {
right: -2em;
top: 0;
border-left-color: #f5f6fa
}
.roo-tabs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
text-align: center
}
.roo-tabs-vertical {
-ms-flex-direction: row;
flex-direction: row;
overflow: hidden
}
.roo-tabs-container {
display: -ms-flexbox;
display: flex
}
.roo-tabs-container .roo-tabs-extra-content {
position: relative
}
.roo-tabs-container .scroll-Table-extra-content-right {
right: -24px
}
.roo-tabs-container .scroll-Table-extra-content-left {
left: -24px
}
.roo-tabs-container .left-extra {
-ms-flex-order: -2;
order: -2
}
.roo-tabs-container .right-extra {
-ms-flex-order: 2;
order: 2
}
.roo-tabs-container .roo-tabs-next,
.roo-tabs-container .roo-tabs-pre {
position: relative;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
font-size: 1.2em;
color: #a2a4b3;
cursor: pointer
}
.roo-tabs-container .roo-tabs-next:hover,
.roo-tabs-container .roo-tabs-pre:hover {
color: #222
}
.roo-tabs-container .roo-tabs-next.disabled,
.roo-tabs-container .roo-tabs-pre.disabled {
color: #ccc !important;
cursor: not-allowed
}
.roo-tabs-container .roo-tabs-next .roo-icon,
.roo-tabs-container .roo-tabs-pre .roo-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.roo-tabs-container .roo-tabs-pre {
-ms-flex-order: -1;
order: -1
}
.roo-tabs-container .roo-tabs-next {
-ms-flex-order: 1;
order: 1
}
.roo-tabs-content {
-ms-flex: 1;
flex: 1;
padding: 10px;
text-align: left;
color: #666
}
.roo-tabs-bottom .roo-tabs-content,
.roo-tabs-vertical-right>.roo-tabs-content {
-ms-flex-order: -1;
order: -1
}
.roo-tabs-nav-wrap {
position: relative;
-ms-flex: 1;
flex: 1;
-ms-flex-order: 0;
order: 0;
overflow: hidden
}
.roo-tabs-nav {
display: -ms-flexbox;
display: flex
}
.roo-tabs-nav>li>a {
display: block;
height: 100%;
cursor: pointer;
max-width: 140px;
padding: 0 20px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.roo-tabs-nav>li>a .roo-icon {
font-size: 16px;
vertical-align: sub
}
.roo-tabs-nav>li>a>span {
display: inline-block;
text-align: left;
font-size: 14px
}
.roo-tabs-nav>li>a>span>em {
display: block;
font-size: 14px;
color: #222;
font-style: normal;
white-space: normal
}
.roo-tabs-nav>li>a>span>em:first-child {
display: block;
margin-bottom: 4px;
font-weight: 400;
color: #666
}
.roo-tabs-nav>li>a:hover {
color: #222;
text-decoration: none
}
.roo-tabs-nav>li>a:hover em,
.roo-tabs-nav>li>a:hover em:first-child {
color: #222
}
.roo-tabs-nav.roo-tabs-nav-small>li>a>span {
line-height: 30px
}
.roo-tabs-nav.roo-tabs-nav-large>li>a>span {
font-size: 16px
}
.roo-tabs-nav.centered {
-ms-flex-pack: center;
justify-content: center
}
.roo-tabs-nav .disabled a {
color: #ccc !important;
cursor: not-allowed !important
}
.roo-tabs-nav .disabled a * {
color: #ccc !important
}
.roo-tabs-card .roo-tabs-container .tab-item {
position: relative;
line-height: 34px
}
.roo-tabs-card .roo-tabs-container .tab-item a {
border: 1px solid #eee;
color: #666;
background-color: #f5f6fa;
cursor: pointer
}
.roo-tabs-card .roo-tabs-container .tab-item.active a {
background-color: #fff;
color: #222;
border-color: #eee
}
.roo-tabs-card .roo-tabs-container .tab-item:not(:first-child):not(.whole-border) a {
border-top-left-radius: 0;
border-left-color: transparent
}
.roo-tabs-card .roo-tabs-container .tab-item:not(:last-child) a {
border-top-right-radius: 0
}
.roo-tabs-card .roo-tabs-container-small .tab-item {
line-height: 30px
}
.roo-tabs-card .roo-tabs-extra-content {
line-height: 34px
}
.roo-tabs-line .roo-tabs-container {
height: 50px
}
.roo-tabs-line .roo-tabs-container.roo-tabs-container-small {
height: 30px
}
.roo-tabs-line .roo-tabs-pre {
margin-left: -20px
}
.roo-tabs-line .roo-tabs-next {
margin-right: -20px
}
.roo-tabs-line .roo-tabs-container .tab-item {
position: relative;
line-height: 48px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.roo-tabs-line .roo-tabs-container .tab-item a {
color: #666;
cursor: pointer
}
.roo-tabs-line .roo-tabs-container .tab-item.active a {
color: #222
}
.roo-tabs-line .roo-tabs-extra-content {
line-height: 48px
}
.roo-tabs-noborder .roo-tabs-container {
border-bottom: none !important
}
.roo-tabs-fill {
line-height: 34px
}
.roo-tabs-fill .roo-tabs-container .tab-item a {
border: 1px solid #eee;
color: #666;
cursor: pointer;
background-color: #f5f6fa
}
.roo-tabs-fill .roo-tabs-container .tab-item.active a {
color: #fff;
background-color: #222;
border-color: #222
}
.roo-tabs-fill .roo-tabs-container .tab-item:not(:first-child):not(.whole-border) a {
border-top-left-radius: 0;
border-left-color: transparent
}
.roo-tabs-fill .roo-tabs-container .tab-item:not(:last-child) a {
border-top-right-radius: 0
}
.roo-tabs-flexable .tab-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%
}
.roo-tabs-flexable .tab-item a {
max-width: unset
}
.roo-tabs-multiline .roo-tabs-container {
height: auto
}
.roo-tabs-multiline .roo-tabs-nav-wrap {
margin-bottom: -1px
}
.roo-tabs-multiline .roo-tabs-nav {
margin-bottom: 1px
}
.roo-tabs-multiline .tab-item {
line-height: normal
}
.roo-tabs-multiline .tab-item a {
max-width: unset;
border-bottom: none;
padding: 10px 20px
}
.roo-tabs-multiline .tab-item a em {
font-size: 14px
}
.roo-tabs-multiline .tab-item a em:first-child {
font-size: 12px
}
.roo-tabs-multiline .tab-item.active {
position: relative
}
.roo-tabs-multiline .tab-item.active a,
.roo-tabs-multiline .tab-item.active a em {
color: #222
}
.roo-tabs-multiline .tab-item.active:after {
display: block;
content: "";
position: absolute;
left: 1px;
right: 1px;
bottom: -1px;
height: 1px;
background: #fff
}
.roo-tabs-container-small .tab-item {
line-height: 30px
}
.roo-tabs-pointer {
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
overflow: hidden;
background-image: linear-gradient(90deg, #ffe14d, #ffc34d);
z-index: 1
}
.roo-tabs-bottom .roo-tabs-pointer {
top: 0;
bottom: auto;
left: 0;
right: auto
}
.roo-tabs-border-line {
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
width: 200%;
height: 1px;
overflow: hidden;
background-color: #e9eaf2
}
.roo-tabs-bottom .roo-tabs-border-line {
top: 0;
bottom: auto;
left: 0;
right: 0
}
.roo-tabs-vertical>.roo-tabs-container,
.roo-tabs-vertical>div>.roo-tabs-container {
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-direction: column;
flex-direction: column
}
.roo-tabs-vertical>.roo-tabs-container .roo-tabs-nav,
.roo-tabs-vertical>div>.roo-tabs-container .roo-tabs-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.roo-tabs-vertical>.roo-tabs-container .roo-tabs-pointer,
.roo-tabs-vertical>div>.roo-tabs-container .roo-tabs-pointer {
right: 0;
left: auto;
top: 0;
bottom: auto;
width: 2px;
height: 30px
}
.roo-tabs-vertical>.roo-tabs-container .roo-tabs-border-line,
.roo-tabs-vertical>div>.roo-tabs-container .roo-tabs-border-line {
right: 0;
left: auto;
top: 0;
bottom: auto;
width: 1px;
height: 200%
}
.roo-tabs-vertical.roo-tabs-vertical-right>.roo-tabs-container .roo-tabs-border-line,
.roo-tabs-vertical.roo-tabs-vertical-right>div>.roo-tabs-container .roo-tabs-border-line {
left: 0;
right: auto;
top: 0;
bottom: auto
}
.roo-tabs-vertical.roo-tabs-vertical-right>.roo-tabs-container .roo-tabs-pointer,
.roo-tabs-vertical.roo-tabs-vertical-right>div>.roo-tabs-container .roo-tabs-pointer {
left: 0;
right: auto
}
.roo-tabs-vertical.roo-tabs-line .roo-tabs-container .roo-tabs-pre {
margin-left: unset;
border-right: 1px solid #e9eaf2
}
.roo-tabs-vertical.roo-tabs-line .roo-tabs-container .roo-tabs-next {
margin-right: unset;
border-right: 1px solid #e9eaf2
}
.roo-tabs-vertical-right.roo-tabs-line>.roo-tabs-container .roo-tabs-next,
.roo-tabs-vertical-right.roo-tabs-line>.roo-tabs-container .roo-tabs-pre,
.roo-tabs-vertical-right.roo-tabs-line>div>.roo-tabs-container .roo-tabs-next,
.roo-tabs-vertical-right.roo-tabs-line>div>.roo-tabs-container .roo-tabs-pre {
border-right: unset;
border-left: 1px solid #e9eaf2
}
.drop-menu-for-tabs {
overflow: scroll !important
}
.dropdown,
.dropleft,
.dropright,
.dropup {
position: relative
}
.roo-dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1050;
max-height: 242px;
overflow-y: auto;
padding: 4px 0;
font-size: 14px;
color: #222;
text-align: left;
list-style: none;
border: 1px solid #eee;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
box-shadow: 0 10px 16px 0 rgba(88, 90, 110, .15)
}
.roo-dropdown-menu+.roo-dropdown-menu {
box-shadow: 5px 10px 16px 0 rgba(88, 90, 110, .15)
}
.roo-dropdown-menu li.roo-hover {
background-color: #fc3
}
.roo-dropdown-menu.loading {
text-align: center;
padding: 20px
}
.roo-dropdown-menu.other-info {
text-align: center;
padding: 10px 20px;
color: #a2a4b3;
font-size: 12px;
font-weight: 300
}
.roo-dropdown-menu-cascader {
position: absolute;
top: 100%;
left: 0;
z-index: 1050;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
box-shadow: 0 10px 16px 0 rgba(88, 90, 110, .15)
}
.roo-dropdown-menu-cascader .withoutAfter:after {
display: none !important
}
.roo-dropdown-menu-cascader .roo-dropdown-menu {
position: static;
min-width: 100px;
height: 180px;
box-shadow: unset
}
.roo-dropdown-menu-cascader .roo-dropdown-menu+.roo-dropdown-menu {
margin-left: -1px
}
.roo-dropdown-menu-cascader .roo-dropdown-menu:not(:last-child) a.active-highlight:after,
.roo-dropdown-menu-cascader .roo-dropdown-menu a:active:after {
display: none
}
.roo-dropdown-menu:first-child:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.roo-dropdown-menu:not(:first-child):not(:last-child) {
border-radius: 0
}
.roo-dropdown-menu:not(:first-child):last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.roo-popup.bottom-end .roo-dropdown-menu,
.roo-popup.bottom-start .roo-dropdown-menu,
.roo-popup.bottom .roo-dropdown-menu {
border-top: 0
}
.popup.top-left.roo-dropdown-menu,
.popup.top-right.roo-dropdown-menu,
.popup.top.roo-dropdown-menu {
margin-bottom: 4px
}
.popup.bottom-left.roo-dropdown-menu,
.popup.bottom-right.roo-dropdown-menu,
.popup.bottom.roo-dropdown-menu {
margin-top: 4px
}
.popup.left.roo-dropdown-menu {
margin-right: 4px
}
.popup.right.roo-dropdown-menu {
margin-left: 4px
}
.roo-dropdown-menu-autowidth {
width: auto
}
.dropdown-divider,
.roo-dropdown-menu .divider,
.roo-dropdown-menu li:not(:first-child) .dropdown-classify:before {
height: 0;
margin: 4px 10px;
overflow: hidden;
border-top: 1px solid #eee
}
.dropdown-item,
.roo-dropdown-menu a {
position: relative;
display: block;
width: 100%;
padding: 0 36px 0 8px;
font-size: 1em;
clear: both;
font-weight: 400;
color: #222;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
line-height: 36px;
border: 0;
cursor: pointer
}
.dropdown-item b,
.roo-dropdown-menu a b {
color: #222
}
.dropdown-item:hover,
.roo-dropdown-menu a:hover {
color: #090909;
background-color: #f5f6fa;
text-decoration: none
}
.dropdown-item.active,
.dropdown-item:active,
.roo-dropdown-menu a.active,
.roo-dropdown-menu a:active {
text-decoration: none
}
.dropdown-item.active.multiple:after,
.dropdown-item:active.multiple:after,
.roo-dropdown-menu a.active.multiple:after,
.roo-dropdown-menu a:active.multiple:after {
display: none
}
.dropdown-item.active.multiple>i,
.dropdown-item:active.multiple>i,
.roo-dropdown-menu a.active.multiple>i,
.roo-dropdown-menu a:active.multiple>i {
color: #ff6a00
}
.dropdown-item.active:after,
.dropdown-item:active:after,
.roo-dropdown-menu a.active:after,
.roo-dropdown-menu a:active:after {
content: "\EA0A";
position: absolute;
top: 0;
right: 10px;
font-family: roo-icon;
font-style: normal;
font-weight: 400;
color: #ccc
}
.dropdown-item.active-highlight,
.roo-dropdown-menu a.active-highlight {
color: #ff6a00;
text-decoration: none
}
.dropdown-item.active-highlight:after,
.roo-dropdown-menu a.active-highlight:after {
content: "\EA0A";
position: absolute;
top: 0;
right: 10px;
font-family: roo-icon;
font-style: normal;
font-weight: 400;
color: #ff6a00
}
.dropdown-item.disabled,
.dropdown-item:disabled,
.roo-dropdown-menu a.disabled,
.roo-dropdown-menu a:disabled {
color: #ccc;
background-color: transparent;
cursor: not-allowed
}
.dropdown-item>i,
.roo-dropdown-menu a>i {
position: absolute;
right: 10px;
top: 11px;
display: inline-block;
color: #ccc
}
.roo-dropdown-menu.show,
.show .roo-dropdown-menu {
display: block
}
.dropdown-header {
display: block;
padding: 4px 10px;
margin-bottom: 0;
font-size: 12px;
color: #e6e6e6;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: 0 10px;
color: #222
}
.dropdown-classify h6 {
margin: 0;
padding: 4px 10px;
color: #ccc;
font-weight: 400;
font-size: 12px;
transform: scale(.85);
transform-origin: left
}
.roo-dropdown-menu li:not(:first-child) .dropdown-classify:before {
content: "";
display: block
}
@keyframes c {
0% {
transform: scaleY(.8);
transform-origin: 0 0;
opacity: 0
}
to {
transform: scaleY(1);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes d {
0% {
transform: scaleY(1);
transform-origin: 0 0;
opacity: 1
}
to {
transform: scaleY(.8);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes e {
0% {
transform: scaleY(.8);
transform-origin: 100% 100%;
opacity: 0
}
to {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1
}
}
@keyframes f {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1
}
to {
transform: scaleY(.8);
transform-origin: 100% 100%;
opacity: 0
}
}
@keyframes g {
0% {
transform: scaleX(.8);
transform-origin: 0 0;
opacity: 0
}
to {
transform: scaleX(1);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes h {
0% {
transform: scaleX(1);
transform-origin: 0 0;
opacity: 1
}
to {
transform: scaleX(.8);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes i {
0% {
transform: scaleX(.8);
transform-origin: 100% 0;
opacity: 0
}
to {
transform: scaleX(1);
transform-origin: 100% 0;
opacity: 1
}
}
@keyframes j {
0% {
transform: scaleX(1);
transform-origin: 100% 0;
opacity: 1
}
to {
transform: scaleX(.8);
transform-origin: 100% 0;
opacity: 0
}
}
.roo-popup-motion-appear,
.roo-popup-motion-enter {
animation-timing-function: cubic-bezier(.23, 1, .32, 1);
animation-duration: .3s
}
.roo-popup-motion-leave {
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-duration: .2s
}
.bottom-end.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.bottom-end.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.bottom-start.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.bottom-start.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.bottom.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.bottom.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.bottomLeft.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.bottomLeft.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.bottomRight.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.bottomRight.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active {
animation-name: c
}
.bottom-end.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.bottom-start.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.bottom.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.bottomLeft.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.bottomRight.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active {
animation-name: d
}
.top-end.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.top-end.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.top-start.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.top-start.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.top.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.top.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.topLeft.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.topLeft.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.topRight.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.topRight.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active {
animation-name: e
}
.top-end.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.top-start.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.top.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.topLeft.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.topRight.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active {
animation-name: f
}
.left-end.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.left-end.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.left-start.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.left-start.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.left.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.left.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.leftBottom.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.leftBottom.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.leftTop.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.leftTop.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active {
animation-name: i
}
.left-end.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.left-start.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.left.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.leftBottom.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.leftTop.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active {
animation-name: j
}
.right-end.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.right-end.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.right-start.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.right-start.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.right.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.right.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.rightBottom.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.rightBottom.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active,
.rightTop.roo-popup-motion.roo-popup-motion-appear.roo-popup-motion-appear-active,
.rightTop.roo-popup-motion.roo-popup-motion-enter.roo-popup-motion-enter-active {
animation-name: g
}
.right-end.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.right-start.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.right.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.rightBottom.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active,
.rightTop.roo-popup-motion.roo-popup-motion-leave.roo-popup-motion-leave-active {
animation-name: h
}
.hidden {
display: none
}
@keyframes k {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes l {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.roo-mask-motion-appear,
.roo-mask-motion-enter {
opacity: 0
}
.roo-mask-motion-appear,
.roo-mask-motion-enter,
.roo-mask-motion-leave {
animation-play-state: paused;
animation-duration: .3s;
animation-fill-mode: both
}
.roo-mask-motion-leave {
animation-timing-function: cubic-bezier(.55, 0, .55, .2)
}
.roo-mask-motion-appear-active,
.roo-mask-motion-enter-active {
animation-name: k;
animation-play-state: running
}
.roo-mask-motion-leave-active {
animation-name: l;
animation-play-state: running
}
@keyframes m {
0% {
transform: scale(0)
}
to {
transform: scale(1)
}
}
@keyframes n {
0% {
transform: scale(1)
}
to {
transform: scale(0)
}
}
.roo-zoom-motion-appear,
.roo-zoom-motion-enter {
animation-duration: .3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(.08, .82, .17, 1);
animation-play-state: paused
}
.roo-zoom-motion-leave {
animation-duration: .3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(.6, .04, .98, .34);
animation-play-state: paused
}
.roo-zoom-motion-appear.roo-zoom-motion-appear-active,
.roo-zoom-motion-enter.roo-zoom-motion-enter-active {
animation-name: m;
animation-play-state: running
}
.roo-zoom-motion-leave.roo-zoom-motion-leave-active {
animation-name: n;
animation-play-state: running
}
@keyframes o {
0% {
transform: scale(.8);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
@keyframes p {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(.8);
opacity: 0
}
}
.roo-popup-fast-motion-appear,
.roo-popup-fast-motion-enter {
animation-duration: .2s;
animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.roo-popup-fast-motion-leave {
animation-duration: .2s;
animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.roo-popup-fast-motion.roo-popup-fast-motion-appear.roo-popup-fast-motion-appear-active,
.roo-popup-fast-motion.roo-popup-fast-motion-enter.roo-popup-fast-motion-enter-active {
animation-name: o
}
.roo-popup-fast-motion.roo-popup-fast-motion-leave.roo-popup-fast-motion-leave-active {
animation-name: p
}
.top.roo-popup-fast-motion {
transform-origin: 50% 100%
}
.top-start.roo-popup-fast-motion {
transform-origin: 0 100%
}
.top-end.roo-popup-fast-motion {
transform-origin: 100% 100%
}
.bottom.roo-popup-fast-motion {
transform-origin: 50% 0
}
.bottom-start.roo-popup-fast-motion {
transform-origin: 0 0
}
.bottom-end.roo-popup-fast-motion {
transform-origin: 100% 0
}
.left.roo-popup-fast-motion {
transform-origin: 100% 50%
}
.left-start.roo-popup-fast-motion {
transform-origin: 100% 0
}
.left-end.roo-popup-fast-motion {
transform-origin: 100% 100%
}
.right.roo-popup-fast-motion {
transform-origin: 0 50%
}
.right-start.roo-popup-fast-motion {
transform-origin: 0 0
}
.right-end.roo-popup-fast-motion {
transform-origin: 0 100%
}
@keyframes q {
0%,
39%,
to {
opacity: 0
}
40% {
opacity: 1
}
}
@keyframes r {
0% {
width: 0
}
to {
width: 15px
}
}
.backdrop {
z-index: 996;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, .4)
}
.full-screen .backdrop,
.full-screen .loading-box {
position: fixed
}
.loading-box {
z-index: 997;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
height: auto;
display: inline-block;
text-align: center
}
.loading-box .loading-tip {
position: relative;
margin-top: 4px;
padding: 0 15px;
font-size: 12px;
color: #d2d2d2;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.loading-box .loading-tip:after {
display: inline-block;
position: absolute;
right: 0;
left: 100%;
content: "...";
margin-left: -15px;
width: 0;
overflow: hidden;
animation: r 1.6s infinite steps(4)
}
.loading-pt {
position: relative;
display: inline-block;
min-width: 20px;
min-height: 20px
}
.loading-pt .loading-item {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.loading-pt .loading-item:before {
content: "";
display: block;
margin: 0 auto;
min-width: 4px;
min-height: 4px;
width: 15%;
height: 15%;
background-color: #222;
border-radius: 100%;
animation: q 1.2s infinite ease-in-out both
}
.loading-pt.vline .loading-item:before {
width: 6%;
height: 24%;
min-width: 1px;
min-height: 5px;
border-radius: 0
}
.loading-pt.hline .loading-item:before {
width: 12%;
height: 3%;
min-width: 3px;
min-height: 1px;
border-radius: 0
}
.loading-pt .loading-item0 {
transform: rotate(0deg)
}
.loading-pt .loading-item0:before {
animation-delay: -1.2s
}
.loading-pt .loading-item1 {
transform: rotate(30deg)
}
.loading-pt .loading-item1:before {
animation-delay: -1.1s
}
.loading-pt .loading-item2 {
transform: rotate(60deg)
}
.loading-pt .loading-item2:before {
animation-delay: -1s
}
.loading-pt .loading-item3 {
transform: rotate(90deg)
}
.loading-pt .loading-item3:before {
animation-delay: -.9s
}
.loading-pt .loading-item4 {
transform: rotate(120deg)
}
.loading-pt .loading-item4:before {
animation-delay: -.8s
}
.loading-pt .loading-item5 {
transform: rotate(150deg)
}
.loading-pt .loading-item5:before {
animation-delay: -.7s
}
.loading-pt .loading-item6 {
transform: rotate(180deg)
}
.loading-pt .loading-item6:before {
animation-delay: -.6s
}
.loading-pt .loading-item7 {
transform: rotate(210deg)
}
.loading-pt .loading-item7:before {
animation-delay: -.5s
}
.loading-pt .loading-item8 {
transform: rotate(240deg)
}
.loading-pt .loading-item8:before {
animation-delay: -.4s
}
.loading-pt .loading-item9 {
transform: rotate(270deg)
}
.loading-pt .loading-item9:before {
animation-delay: -.3s
}
.loading-pt .loading-item10 {
transform: rotate(300deg)
}
.loading-pt .loading-item10:before {
animation-delay: -.2s
}
.loading-pt .loading-item11 {
transform: rotate(330deg)
}
.loading-pt .loading-item11:before {
animation-delay: -.1s
}
.loading-icon {
position: relative;
display: inline-block;
min-width: 38px;
min-height: 38px;
margin: 0 auto;
animation: a .8s infinite steps(8)
}
.loading-icon .loading-item {
position: absolute;
width: 50%;
height: 100%;
top: 0;
left: 50%;
overflow: hidden;
transform-origin: 0 50%
}
.loading-icon .loading-item:after {
content: " ";
position: absolute;
width: 38px;
height: 100%;
top: 0;
left: -100%;
border-style: solid;
border-width: 3px;
border-color: #d2d2d2 transparent transparent;
border-radius: 38px;
transform: rotate(-6deg)
}
.loading-icon .loading-item0 {
transform: rotate(3deg)
}
.loading-icon .loading-item1 {
transform: rotate(48deg)
}
.loading-icon .loading-item2 {
transform: rotate(93deg)
}
.loading-icon .loading-item3 {
transform: rotate(138deg)
}
.loading-icon .loading-item4 {
transform: rotate(183deg)
}
.loading-icon .loading-item5 {
transform: rotate(228deg)
}
.loading-icon .loading-item6 {
transform: rotate(273deg)
}
.loading-icon .loading-item7 {
transform: rotate(318deg)
}
.loading-icon .loading-item0:after,
.loading-icon .loading-item1:after {
border-top-color: #222
}
.inform {
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 190px;
font-size: 16px;
background-color: rgba(0, 0, 0, .7);
color: #fff;
border-radius: 6px;
z-index: 2000
}
.inform p {
text-align: center;
padding: 45px 40px 50px;
margin: 0
}
.roo-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
text-align: center;
-webkit-overflow-scrolling: touch;
outline: 0;
overflow-y: auto
}
.roo-modal.backdrop {
position: fixed;
background: hsla(0, 0%, 98%, .9)
}
.roo-modal.fade .roo-modal-dialog {
transform: translateY(-25%);
transition: transform .3s ease-out
}
.roo-modal.in .roo-modal-dialog {
transform: tanslate(0, 0)
}
.roo-modal p {
margin: 0;
line-height: 1.5
}
.roo-modal:after {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle
}
.roo-modal .roo-modal-dialog {
position: relative;
display: inline-block;
width: 420px;
margin: 10px;
text-align: left;
vertical-align: middle
}
.roo-modal .roo-modal-dialog .close {
position: absolute;
top: 25px;
right: 20px;
z-index: 10;
padding: 0;
color: #a2a4b3;
font-size: 15.96px;
background: transparent;
border: 0;
cursor: pointer;
-webkit-appearance: none
}
.roo-modal .roo-modal-dialog .close:hover {
color: #222
}
.roo-modal .roo-modal-dialog .roo-modal-content {
position: relative;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
background-clip: padding-box;
outline: 0
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header {
padding: 24px 24px 8px
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header:before {
content: " ";
display: table
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header:after {
clear: both
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header .roo-modal-title {
margin: 0;
color: #222;
font-size: 17.5px;
font-weight: 400
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-header+.roo-modal-body {
padding: 0 24px 24px
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body {
position: relative;
color: #222;
padding: 24px;
font-size: 14px;
overflow: auto
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body .title {
margin: 0;
font-size: 17.5px;
padding-bottom: 8px;
font-weight: 400
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon {
padding: 24px 24px 32px 68px
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon:before {
position: absolute;
top: 24px;
left: 24px;
font-size: 32px;
line-height: 1;
font-family: roo-icon
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.info:before {
content: "\EA27";
color: #17a2b8
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.danger:before {
content: "\EA46";
color: #ff192d
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.success:before {
content: "\EA08";
color: #00bf7f
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-body.has-icon.question:before {
content: "\EA36";
color: #f8b500
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer {
position: relative;
text-align: right;
padding: 0 24px 24px
}
.roo-modal .roo-modal-dialog .roo-modal-content .roo-modal-footer .roo-btn+.roo-btn {
margin-left: 8px
}
.roo-modal .roo-modal-dialog.roo-modal-sm {
width: 300px
}
.roo-modal .roo-modal-dialog.roo-modal-lg {
width: 630px
}
.roo-toast-motion-bottomCenter,
.roo-toast-motion-bottomLeft,
.roo-toast-motion-bottomRight,
.roo-toast-motion-center,
.roo-toast-motion-topCenter,
.roo-toast-motion-topLeft,
.roo-toast-motion-topRight {
transition: all .3s
}
.roo-toast-motion-appear-center {
opacity: 0;
transform: scale(0)
}
.roo-toast-motion-appear-active-center {
opacity: 1;
transform: scale(1)
}
.roo-toast-motion-appear-bottomRight,
.roo-toast-motion-appear-topRight {
transform: translateX(100%);
opacity: 0
}
.roo-toast-motion-center {
opacity: 0
}
.roo-toast-motion-appear-topCenter {
transform: translateY(-100%);
opacity: 0
}
.roo-toast-motion-appear-bottomCenter {
transform: translateY(100%);
opacity: 0
}
.roo-toast-motion-appear-bottomLeft,
.roo-toast-motion-appear-topLeft {
transform: translateX(-100%);
opacity: 0
}
.roo-toast-motion-appear-active-bottomCenter,
.roo-toast-motion-appear-active-topCenter {
transform: translateY(0);
opacity: 1
}
.roo-toast-motion-appear-center {
opacity: 1
}
.roo-toast-motion-appear-active-bottomLeft,
.roo-toast-motion-appear-active-bottomRight,
.roo-toast-motion-appear-active-topLeft,
.roo-toast-motion-appear-active-topRight {
transform: translateX(0);
opacity: 1
}
.roo-toast {
position: fixed;
top: 70px;
background-color: #222;
display: inline-block;
box-shadow: 0 2px 4px 0 #a2a4b3;
z-index: 1010;
border-radius: 2px
}
.roo-toast,
.roo-toast.top {
left: 50%;
transform: translate(-50%)
}
.roo-toast.top {
top: 20px
}
.roo-toast.right {
top: 50%;
right: 20px;
transform: translateY(-50%)
}
.roo-toast.bottom {
bottom: 20px;
left: 50%;
transform: translate(-50%)
}
.roo-toast.left {
top: 50%;
left: 20px;
transform: translateY(-50%)
}
.roo-toast.top-left {
top: 20px;
left: 20px
}
.roo-toast.top-right {
top: 20px;
right: 20px
}
.roo-toast.bottom-right {
bottom: 20px;
right: 20px
}
.roo-toast.bottom-left {
bottom: 0;
left: 0
}
.roo-toast .roo-toast-content {
position: relative;
padding: 12px 16px
}
.roo-toast .roo-toast-content .roo-toast-header {
margin-bottom: 5px
}
.roo-toast .roo-toast-content .roo-toast-header .title {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #fff
}
.roo-toast .roo-toast-content .roo-toast-header .close {
position: absolute;
right: 16px;
top: 15px;
padding: 0;
color: #fff;
font-size: 12px;
background: transparent;
border: 0;
opacity: .6;
cursor: pointer;
-webkit-appearance: none
}
.roo-toast .roo-toast-content .roo-toast-header .close:hover {
opacity: 1
}
.roo-toast .roo-toast-content .roo-toast-icon-contaner {
position: absolute;
display: block;
top: 4px;
left: 10px;
overflow: hidden;
font-size: 20px
}
.roo-toast .roo-toast-content .roo-toast-body {
margin-bottom: 5px
}
.roo-toast .roo-toast-content .roo-toast-body .content {
font-size: 12px;
line-height: 1.5;
color: #fff
}
.roo-toast .roo-toast-content .roo-toast-body .link {
display: block;
font-size: 12px;
text-decoration: underline
}
.roo-toast .roo-toast-content .roo-toast-footer {
position: relative;
text-align: right;
padding-top: 5px
}
.roo-toast .roo-toast-content.has-icon:before {
position: absolute;
display: block;
top: 12px;
left: 10px;
font-size: 14px;
font-family: roo-icon
}
.roo-toast .roo-toast-content.has-icon.success:before {
color: #00bf7f;
content: "\EA08"
}
.roo-toast .roo-toast-content.has-icon.warning:before {
color: #f8b500;
content: "\EA4D"
}
.roo-toast .roo-toast-content.has-icon.info:before {
color: #fff;
content: "\EA27"
}
.roo-toast .roo-toast-content.has-icon.fail:before {
color: #ff192d;
content: "\EA46"
}
.roo-toast .roo-toast-content.has-icon.loading:before {
color: #fff;
content: "\EA29";
line-height: 14px;
top: 15px
}
.roo-toast.roo-toast-light {
background-color: #fff;
box-shadow: none;
filter: drop-shadow(0 1px 3px rgba(52, 88, 124, .23))
}
.roo-toast.roo-toast-light .roo-toast-content .roo-toast-header .close,
.roo-toast.roo-toast-light .roo-toast-content .roo-toast-header .title {
color: #222
}
.roo-toast.roo-toast-light .roo-toast-content.has-icon.info:before {
color: #222;
content: "\EA27"
}
.roo-toast.roo-toast-light .roo-toast-body .content,
.roo-toast.roo-toast-light .roo-toast-content.has-icon.loading:before {
color: #222
}
.roo-toast-tip {
min-width: 150px;
max-width: 300px
}
.roo-toast-tip .roo-toast-content .roo-toast-header {
margin: 0
}
.roo-toast-tip .roo-toast-content .roo-toast-body {
margin: 0;
line-height: 1.5;
color: #222
}
.roo-toast-tip .roo-toast-content .roo-toast-body .content {
font-size: 14px
}
.roo-toast-tip .roo-toast-content.has-icon .roo-toast-body {
margin-left: 15px
}
.roo-toast-tip .roo-toast-content.has-icon:before {
font-size: 14px
}
.roo-toast-tip .roo-toast-content.has-close {
padding-right: 30px
}
.roo-toast-notice {
max-width: 430px;
min-width: 340px
}
.roo-toast-notice .roo-toast-content {
padding-right: 16px
}
.roo-toast-notice .roo-toast-content.has-icon .roo-toast-body,
.roo-toast-notice .roo-toast-content.has-icon .roo-toast-header {
margin-left: 25px
}
.roo-toast-notice .roo-toast-content.has-icon:before {
top: 7px;
font-size: 20px
}
.roo-toast-notice .roo-toast-content.custom-icon .roo-toast-body,
.roo-toast-notice .roo-toast-content.custom-icon .roo-toast-header {
margin-left: 25px
}
.roo-mark {
line-height: 1
}
.roo-mark .roo-mark-item {
display: inline-block;
vertical-align: middle;
font-size: 0
}
.roo-mark .roo-mark-item .roo-mark-icon {
font-size: 17.5px;
position: relative
}
.roo-mark .roo-mark-item .roo-mark-icon.icon {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 4px;
font-family: roo-icon;
font-style: normal;
text-align: center;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill:before {
content: "\EA43"
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star-fill.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-star:before {
content: "\EA42"
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh:before {
content: "\EA1F"
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-meh.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown:before {
content: "\EA3B"
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-frown.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile:before {
content: "\EA3F"
}
.roo-mark .roo-mark-item .roo-mark-icon.icon.icon-smile.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-halficon {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 50%
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 4px;
font-family: roo-icon;
font-style: normal;
text-align: center;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill:before {
content: "\EA43"
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star-fill.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-star:before {
content: "\EA42"
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh:before {
content: "\EA1F"
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-meh.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown:before {
content: "\EA3B"
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-frown.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile {
color: #a2a4b3
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile:before {
content: "\EA3F"
}
.roo-mark .roo-mark-item .roo-mark-halficon.icon.icon-smile.hover {
transform: scale(1.15)
}
.roo-mark .roo-mark-text {
display: inline-block;
vertical-align: middle
}
.roo-btn-group {
display: inline-block
}
.roo-btn-group .roo-btn {
position: relative
}
.roo-btn-group .roo-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.roo-btn-group .roo-btn:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.roo-btn-group .roo-btn:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.roo-btn-group .roo-btn-outline-brand:hover {
z-index: 2
}
.roo-btn-group .roo-btn-default:not(:first-child) {
margin-left: -1px
}
.roo-btn-group .roo-btn-default:hover {
z-index: 2
}
.roo-input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
font-size: 14px
}
.roo-input-group.has-icon .addon-icon,
.roo-input-group .has-icon .addon-icon,
.roo-input-group.has-icon .prefix-icon,
.roo-input-group .has-icon .prefix-icon {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 1.4em;
color: #ccc;
z-index: 4
}
.roo-input-group.has-icon .prefix-icon,
.roo-input-group .has-icon .prefix-icon {
right: auto;
left: 8px
}
.roo-input-group.has-icon .prefix-icon+.form-control,
.roo-input-group .has-icon .prefix-icon+.form-control,
.roo-input-group.has-icon .prefix-icon+.roo-input,
.roo-input-group .has-icon .prefix-icon+.roo-input {
padding-left: 35.6px
}
.roo-input-group.has-icon .addon-icon.has-click,
.roo-input-group .has-icon .addon-icon.has-click {
height: 20px;
width: 20px
}
.roo-input-group.has-icon .addon-icon.has-click:hover,
.roo-input-group .has-icon .addon-icon.has-click:hover {
color: #222;
cursor: pointer
}
.roo-input-group.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .form-control,
.roo-input-group .has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .form-control,
.roo-input-group.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input,
.roo-input-group .has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input {
padding-right: 35.6px
}
.roo-input-group.has-icon .form-control:only-of-type,
.roo-input-group .has-icon .form-control:only-of-type,
.roo-input-group.has-icon .roo-input:only-of-type,
.roo-input-group .has-icon .roo-input:only-of-type {
border-radius: 2px
}
.roo-input-group.has-icon .roo-input:hover[readonly]:not([disabled]),
.roo-input-group .has-icon .roo-input:hover[readonly]:not([disabled]) {
border-color: #999 !important
}
.roo-input-group.is-count-check.has-icon:not(.roo-input-group-outline):not(.roo-input-group-no-outline) .roo-input {
padding-right: 52px
}
.roo-input-group.is-count-check .roo-input-value-count {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
color: #999;
z-index: 4
}
.roo-input-group>.custom-file,
.roo-input-group>.custom-select,
.roo-input-group>.form-control,
.roo-input-group>.roo-input {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 0
}
.roo-input-group>.custom-file+.custom-file,
.roo-input-group>.custom-file+.custom-select,
.roo-input-group>.custom-file+.form-control,
.roo-input-group>.custom-file+.roo-input,
.roo-input-group>.custom-select+.custom-file,
.roo-input-group>.custom-select+.custom-select,
.roo-input-group>.custom-select+.form-control,
.roo-input-group>.custom-select+.roo-input,
.roo-input-group>.form-control+.custom-file,
.roo-input-group>.form-control+.custom-select,
.roo-input-group>.form-control+.form-control,
.roo-input-group>.form-control+.roo-input,
.roo-input-group>.roo-input+.custom-file,
.roo-input-group>.roo-input+.custom-select,
.roo-input-group>.roo-input+.form-control,
.roo-input-group>.roo-input+.roo-input {
margin-left: -1px
}
.roo-input-group>.form-control,
.roo-input-group>.roo-input {
width: 1%
}
.roo-input-group>.custom-select:not(:last-child),
.roo-input-group>.form-control:not(:last-child),
.roo-input-group>.roo-input:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.roo-input-group>.custom-select:not(:first-child),
.roo-input-group>.form-control:not(:first-child),
.roo-input-group>.roo-input:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.roo-input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.roo-input-group>.custom-file:not(:last-child) .custom-file-label,
.roo-input-group>.custom-file:not(:last-child) .custom-file-label:after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.roo-input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.roo-input-group-compact {
display: -ms-flexbox;
display: flex;
width: 100%
}
.roo-input-group-compact .row {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.roo-input-group-append,
.roo-input-group-middle,
.roo-input-group-prepend {
display: -ms-flexbox;
display: flex
}
.roo-input-group-append .roo-btn,
.roo-input-group-middle .roo-btn,
.roo-input-group-prepend .roo-btn {
position: relative;
padding: 0 12px
}
.roo-input-group-append .roo-btn+.roo-btn,
.roo-input-group-append .roo-btn+.roo-input-group-text,
.roo-input-group-append .roo-input-group-text+.roo-btn,
.roo-input-group-append .roo-input-group-text+.roo-input-group-text,
.roo-input-group-middle .roo-btn+.roo-btn,
.roo-input-group-middle .roo-btn+.roo-input-group-text,
.roo-input-group-middle .roo-input-group-text+.roo-btn,
.roo-input-group-middle .roo-input-group-text+.roo-input-group-text,
.roo-input-group-prepend .roo-btn+.roo-btn,
.roo-input-group-prepend .roo-btn+.roo-input-group-text,
.roo-input-group-prepend .roo-input-group-text+.roo-btn,
.roo-input-group-prepend .roo-input-group-text+.roo-input-group-text {
margin-left: -1px
}
.roo-input-group-append,
.roo-input-group-prepend {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: -1px;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #222;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #eee;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.roo-input-group-append input[type=checkbox],
.roo-input-group-append input[type=radio],
.roo-input-group-prepend input[type=checkbox],
.roo-input-group-prepend input[type=radio] {
margin-top: 0
}
.roo-input-group-append>.roo-btn,
.roo-input-group-append>.roo-input-group,
.roo-input-group-append>.select-input-wrapper,
.roo-input-group-prepend>.roo-btn,
.roo-input-group-prepend>.roo-input-group,
.roo-input-group-prepend>.select-input-wrapper {
margin: -7px -11px
}
.roo-input-group-append>.roo-btn:not(:first-child),
.roo-input-group-append>.roo-input-group:not(:first-child),
.roo-input-group-append>.select-input-wrapper:not(:first-child),
.roo-input-group-prepend>.roo-btn:not(:first-child),
.roo-input-group-prepend>.roo-input-group:not(:first-child),
.roo-input-group-prepend>.select-input-wrapper:not(:first-child) {
margin-left: -1px
}
.roo-input-group-append>.roo-btn:not(:last-child),
.roo-input-group-append>.roo-input-group:not(:last-child),
.roo-input-group-append>.select-input-wrapper:not(:last-child),
.roo-input-group-prepend>.roo-btn:not(:last-child),
.roo-input-group-prepend>.roo-input-group:not(:last-child),
.roo-input-group-prepend>.select-input-wrapper:not(:last-child) {
margin-right: 0
}
.roo-input-group-append {
margin-left: -1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.roo-input-group-append .form-control,
.roo-input-group-append .roo-input {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.roo-input-group-append .dropdown-menu {
left: auto;
right: 0
}
.roo-input-group-lg .form-control,
.roo-input-group-lg .roo-input,
.roo-input-group-lg .roo-input-group-append,
.roo-input-group-lg .roo-input-group-append>.roo-btn,
.roo-input-group-lg .roo-input-group-prepend,
.roo-input-group-lg .roo-input-group-prepend>.roo-btn {
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 0 12px
}
.roo-input-group-sm .form-control,
.roo-input-group-sm .roo-input,
.roo-input-group-sm .roo-input-group-append,
.roo-input-group-sm .roo-input-group-append>.roo-btn,
.roo-input-group-sm .roo-input-group-prepend,
.roo-input-group-sm .roo-input-group-prepend>.roo-btn {
height: 32px;
font-size: 12px;
line-height: 32px;
padding: 0 12px
}
.roo-input-group>.roo-input-group-append:last-child>.roo-btn:not(:last-child):not(.dropdown-toggle),
.roo-input-group>.roo-input-group-append:last-child>.roo-input-group-text:not(:last-child),
.roo-input-group>.roo-input-group-append:not(:last-child)>.roo-btn,
.roo-input-group>.roo-input-group-append:not(:last-child)>.roo-input-group-text,
.roo-input-group>.roo-input-group-prepend>.roo-btn,
.roo-input-group>.roo-input-group-prepend>.roo-input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.roo-input-group>.roo-input-group-append>.roo-btn,
.roo-input-group>.roo-input-group-append>.roo-input-group-text,
.roo-input-group>.roo-input-group-prepend:first-child>.roo-btn:not(:first-child),
.roo-input-group>.roo-input-group-prepend:first-child>.roo-input-group-text:not(:first-child),
.roo-input-group>.roo-input-group-prepend:not(:first-child)>.roo-btn,
.roo-input-group>.roo-input-group-prepend:not(:first-child)>.roo-input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.roo-input-group-no-outline,
.roo-input-group-outline {
border: 1px solid #eee;
border-radius: 2px;
overflow: hidden;
-ms-flex-align: center;
align-items: center
}
.roo-input-group-no-outline input[type=text],
.roo-input-group-outline input[type=text] {
margin: -1px 0 !important;
border: none;
text-align: center
}
.has-icon.roo-input-group-no-outline,
.roo-input-group-outline.has-icon {
padding-right: 36px
}
.roo-input-group-no-outline .input-separator,
.roo-input-group-outline .input-separator {
color: #ccc
}
.focus.roo-input-group-no-outline,
.roo-input-group-no-outline:hover,
.roo-input-group-outline.focus,
.roo-input-group-outline:hover {
border-color: #a2a4b3
}
.readonly.roo-input-group-no-outline,
.roo-input-group-outline.readonly {
border-color: #eee;
color: #a2a4b3
}
.disabled.roo-input-group-no-outline,
.roo-input-group-outline.disabled {
border-color: #f5f6fa;
color: #eee;
cursor: not-allowed
}
.roo-input-group-no-outline {
border: none
}
.roo-input-group-outline-success {
border: 1px solid #00bf7f
}
.roo-input-group-outline-success.focus,
.roo-input-group-outline-success:hover {
border-color: #00bf7f
}
.roo-input-group-outline-error {
border: 1px solid #ff192d
}
.roo-input-group-outline-error.focus,
.roo-input-group-outline-error:hover {
border-color: #ff192d
}
.roo-input-group-disabled {
background-color: #f5f6fa
}
.roo-slider {
position: relative;
padding: 16px 0
}
.roo-slider.has-labels {
padding-bottom: 36px
}
.roo-slider-bar {
position: relative;
display: block;
height: 4px;
border-radius: 2px;
background: #e5e5e5;
z-index: 2;
cursor: pointer
}
.roo-slider-value-bar {
position: absolute;
height: 4px;
border-radius: 2px;
background: #222
}
.roo-slider-button {
position: absolute;
top: 12px;
left: 12px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #222;
transition: .3s
}
.roo-slider-button-wrap {
position: absolute;
top: 0;
bottom: 0;
width: 36px;
height: 36px;
margin: auto;
transform: translate3d(-50%, 0, 0);
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: grab
}
.roo-slider-button-wrap:hover .slider-button {
transform: scale(1.5)
}
.roo-slider-button-wrap:active {
cursor: grabbing
}
.roo-slider-bar-stop {
position: absolute;
top: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #bbb;
transform: translate3d(-50%, 0, 0);
z-index: 1
}
.roo-slider-labels {
position: relative;
top: 15px;
font-size: 14px;
line-height: 1.5;
color: #222
}
.roo-slider-label {
position: absolute;
top: 0;
transform: translate3d(-50%, 0, 0)
}
.roo-slider.primary .roo-slider-button,
.roo-slider.primary .roo-slider-value-bar {
background: #222
}
.roo-slider.secondary .roo-slider-button,
.roo-slider.secondary .roo-slider-value-bar {
background: #f89800
}
.roo-slider.brand .roo-slider-button,
.roo-slider.brand .roo-slider-value-bar {
background: #fc3
}
.roo-slider.success .roo-slider-button,
.roo-slider.success .roo-slider-value-bar {
background: #00bf7f
}
.roo-slider.info .roo-slider-button,
.roo-slider.info .roo-slider-value-bar {
background: #17a2b8
}
.roo-slider.warning .roo-slider-button,
.roo-slider.warning .roo-slider-value-bar {
background: #f8b500
}
.roo-slider.danger .roo-slider-button,
.roo-slider.danger .roo-slider-value-bar {
background: #ff192d
}
.roo-slider.light .roo-slider-button,
.roo-slider.light .roo-slider-value-bar {
background: #fff
}
.roo-slider.dark .roo-slider-button,
.roo-slider.dark .roo-slider-value-bar {
background: #222
}
.roo-slider.disabled .roo-slider-bar {
background: #efefef !important;
cursor: not-allowed !important
}
.roo-slider.disabled .roo-slider-button,
.roo-slider.disabled .roo-slider-value-bar {
background: #ddd !important
}
.roo-slider.disabled .roo-slider-bar-stop {
background: #bbb !important
}
.roo-slider.disabled .roo-slider-button-wrap {
cursor: not-allowed !important
}
.roo-slider.disabled .roo-slider-button-wrap:hover .roo-slider-button {
transform: none !important
}
.roo-progress-bar {
display: inline-block;
width: 100%;
padding-right: 50px;
margin-right: -50px;
vertical-align: middle;
line-height: 1
}
.roo-progress-bar-outer {
height: 6px;
border-radius: 1px;
background: #eee;
overflow: hidden
}
.roo-progress-bar-inner {
height: 100%;
border-radius: 1px;
background: #222;
text-align: right
}
.roo-progress-text {
display: inline-block;
margin-left: 4px;
vertical-align: middle
}
.roo-progress-inner-text {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
color: #fff;
font-size: 12px;
line-height: 18px
}
.roo-progress.is-success .roo-progress-bar-inner {
background-color: #00bf7f
}
.roo-progress.is-success .roo-progress-text {
color: #00bf7f
}
.roo-progress.is-error .roo-progress-bar-inner {
background-color: #ff192d
}
.roo-progress.is-error .roo-progress-text {
color: #ff192d
}
.roo-progress.is-brand .roo-progress-bar-inner {
background-color: #fc3
}
.roo-progress.is-brand .roo-progress-text {
color: #fc3
}
.roo-progress.text-inside {
padding-right: 0;
margin-right: 0
}
.roo-progress.text-inside .roo-progress-bar-outer {
height: 18px
}
.roo-tree {
background: #fff
}
.roo-tree,
.roo-tree-node {
position: relative
}
.roo-tree-node-label {
color: #222
}
.roo-tree-node-expand-icon,
.roo-tree-node-loading-icon {
display: block;
width: 21px;
margin-left: -21px;
font-size: 0;
color: #ccc;
text-align: center
}
.roo-tree-node-expand-icon:before,
.roo-tree-node-loading-icon:before {
display: inline-block;
font-size: 14px;
font-family: roo-icon;
content: "\EA03";
line-height: 1;
vertical-align: middle
}
.roo-tree-node-expand-icon:before {
content: "\EA03"
}
.roo-tree-node-loading-icon:before {
content: "\EA29";
animation: a 1s infinite linear
}
.custom-tree-node-icon {
transform: rotate(-90edg)
}
.roo-tree-node-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 28px;
padding-left: 21px;
cursor: pointer
}
.roo-tree-node-content.is-focused,
.roo-tree-node-content:hover {
background: #f5f6fa
}
.roo-tree-node-children {
padding-left: 21px
}
.roo-tree-node-children>.roo-tree-node:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 1px dashed #ccc;
z-index: 1
}
.roo-tree-node-children>.roo-tree-node:last-child:before {
height: 14px
}
.roo-tree-node-children>.roo-tree-node.is-leaf:after {
content: "";
position: absolute;
top: 14px;
left: 0;
width: 14px;
border-top: 1px dashed #ccc;
z-index: 1
}
.roo-tree-node.is-leaf .roo-tree-node-expand-icon {
display: none
}
.roo-tree-node.is-expanded>.roo-tree-node-content .custom-tree-node-icon,
.roo-tree-node.is-expanded>.roo-tree-node-content .roo-tree-node-expand-icon {
transform: rotate(90deg)
}
.roo-tree-node-children {
display: none
}
.roo-tree-node.is-expanded>.roo-tree-node-children {
display: block
}
.roo-tree-node .disabled {
opacity: .5
}
.roo-tree-is-selected>.roo-tree-node-label {
color: #ff6a00
}
.roo-datepicker {
position: relative;
background-color: #fff;
border: 1px solid #eee;
white-space: nowrap;
box-shadow: 0 10px 16px 0 rgba(88, 90, 110, .15);
z-index: 1050;
border-radius: 0
}
.roo-datepicker .roo-datepicker-header {
margin-bottom: 5px
}
.roo-datepicker .roo-datepicker-body {
width: 280px;
height: 240px;
padding: 0 10px
}
.roo-datepicker .roo-datepicker-footer {
padding: 5px 10px;
border-top: 1px solid #eee
}
.roo-datepicker .action-group a,
.roo-datepicker tbody a {
display: inline-block;
min-width: 24px;
padding: 0 4px;
line-height: 22px;
border: 1px solid transparent;
color: #222;
border-radius: 0
}
.roo-datepicker .action-group a:hover,
.roo-datepicker tbody a:hover {
background-color: #eee;
border-color: #eee;
text-decoration: none
}
.roo-datepicker .roo-datepicker-inputs {
text-align: center;
padding: 5px 0;
border-bottom: 1px solid #eee
}
.roo-datepicker .roo-datepicker-inputs .roo-input {
width: 105px
}
.roo-datepicker .roo-datepicker-inputs .roo-input:not(:focus) {
border-color: #eee
}
.roo-datepicker .roo-datepicker-inputs .roo-input+.roo-input {
margin-left: 14px
}
.roo-datepicker .action-group {
display: -ms-flexbox;
display: flex;
padding: 5px 0;
border-bottom: 1px solid #eee;
text-align: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-datepicker .action-group .action-next i,
.roo-datepicker .action-group .action-pre i {
vertical-align: middle;
cursor: pointer
}
.roo-datepicker .action-group .action-next i:hover,
.roo-datepicker .action-group .action-pre i:hover {
color: #222
}
.roo-datepicker .action-group .action-pre {
padding-left: 10px
}
.roo-datepicker .action-group .action-next {
padding-right: 10px
}
.roo-datepicker .action-group .action-select {
padding: 0 10px
}
.roo-datepicker .action-group .action-select span {
display: inline-block;
line-height: 24px
}
.roo-datepicker .action-group a {
cursor: pointer
}
.roo-datepicker table {
width: 100%;
height: 100%;
border-collapse: separate;
border-spacing: 0 5px
}
.roo-datepicker table td,
.roo-datepicker table th {
font-size: 12px;
text-align: center
}
.roo-datepicker table td {
padding: 0 4px
}
.roo-datepicker tbody td.active a,
.roo-datepicker tbody td a:active {
background-color: #222;
border-color: #222;
color: #fff
}
.roo-datepicker tbody td.today a {
position: relative
}
.roo-datepicker tbody td.today a:after {
content: "";
position: absolute;
width: 4px;
height: 4px;
background: red;
border-radius: 100px;
right: 0;
top: 0
}
.roo-datepicker tbody td.old a {
color: #a2a4b3
}
.roo-datepicker tbody td.disabled a,
.roo-datepicker tbody td.disabled a:hover {
color: #eee;
cursor: not-allowed;
background-color: transparent;
border-color: transparent
}
.roo-datepicker tbody td.in-range {
background-color: #eee;
border-color: #eee
}
.roo-datepicker.has-footer .roo-datepicker-months .roo-datepicker-body,
.roo-datepicker.has-footer .roo-datepicker-years .roo-datepicker-body {
height: 278px
}
.roo-datepicker-data-panel {
display: inline-block
}
.roo-datepicker-months table,
.roo-datepicker-years table {
border-spacing: 0 35px
}
.picker-select-wrap {
position: relative;
background-color: #fff;
background-clip: padding-box;
border-radius: 0;
box-shadow: 0 10px 16px 0 rgba(88, 90, 110, .15)
}
.picker-select-wrap>ul {
display: inline-block;
height: 168px;
overflow-y: auto;
font-size: 12px
}
.picker-select-wrap>ul+ul {
border-left: 1px solid #eee
}
.picker-select-wrap>ul>li {
padding: 0 21px;
line-height: 28px;
color: #222
}
.picker-select-wrap>ul>li:hover {
background-color: #f5f6fa;
cursor: pointer
}
.picker-select-wrap>ul>li.active {
background-color: hsla(0, 0%, 93%, .6);
color: #ff6a00
}
.picker-select-wrap>ul>li.disabled {
color: #eee;
cursor: not-allowed;
background-color: transparent;
border-color: transparent
}
.roo-datepicker-preset-btn {
margin: 5px 0 5px 5px
}
.roo-divider {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.5;
box-sizing: border-box;
list-style: none;
background: #eee
}
.roo-divider,
.roo-divider-vertical {
display: inline-block;
height: .9em;
width: 1px;
margin: 0 10px;
vertical-align: middle;
position: relative;
top: -.06em
}
.roo-divider-horizontal {
display: block;
height: 1px;
width: 100%;
min-width: 100%;
margin: 20px 0;
clear: both
}
.roo-divider-horizontal.roo-divider-with-text,
.roo-divider-horizontal.roo-divider-with-text-left,
.roo-divider-horizontal.roo-divider-with-text-right {
display: table;
white-space: nowrap;
text-align: center;
font-size: 15.96px;
margin: 20px 0;
background: transparent
}
.roo-divider-horizontal.roo-divider-with-text-left:after,
.roo-divider-horizontal.roo-divider-with-text-left:before,
.roo-divider-horizontal.roo-divider-with-text-right:after,
.roo-divider-horizontal.roo-divider-with-text-right:before,
.roo-divider-horizontal.roo-divider-with-text:after,
.roo-divider-horizontal.roo-divider-with-text:before {
content: "";
position: relative;
top: 50%;
width: 50%;
display: table-cell;
border-top: 1px solid #eee;
transform: translateY(50%)
}
.roo-divider-horizontal.roo-divider-with-text-left .roo-divider-text,
.roo-divider-horizontal.roo-divider-with-text-right .roo-divider-text,
.roo-divider-horizontal.roo-divider-with-text .roo-divider-text {
display: inline-block;
padding: 0 10px
}
.roo-divider-horizontal.roo-divider-with-text-left:before,
.roo-divider-horizontal.roo-divider-with-text-right:after {
top: 50%;
width: 5%
}
.roo-divider-horizontal.roo-divider-with-text-left:after,
.roo-divider-horizontal.roo-divider-with-text-right:before {
top: 50%;
width: 95%
}
.roo-divider-dashed {
background: none;
border-top: 1px dashed #eee
}
.roo-drawer-portal {
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.roo-drawer {
position: fixed;
outline: none;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
transition: transform .3s cubic-bezier(.7, 0, .3, 1) 0ms;
transform: none;
visibility: unset;
z-index: 1000;
overflow-y: auto;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.roo-drawer,
.roo-drawer-header {
display: -ms-flexbox;
display: flex
}
.roo-drawer-header {
position: relative;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 16px 24px;
color: #222;
border-bottom: 1px solid rgba(0, 0, 0, .06);
border-radius: 2px 2px 0 0
}
.roo-drawer-header.roo-drawer-header-close-only {
padding-bottom: 0;
border: none
}
.roo-drawer-header .roo-drawer-header-title {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.roo-drawer-header .roo-drawer-header-title .roo-drawer-title {
-ms-flex: 1;
flex: 1;
margin: 0;
color: #222;
font-size: 16px;
line-height: 22px
}
.roo-drawer-header .roo-drawer-header-title .roo-drawer-close {
display: inline-block;
margin-right: 12px;
color: #a2a4b3;
z-index: 10;
padding: 0;
font-size: 16px;
background: transparent;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1
}
.roo-drawer-header .roo-drawer-header-title .roo-drawer-close:hover {
color: #222
}
.roo-drawer-body {
-ms-flex-positive: 1;
flex-grow: 1;
padding: 24px;
overflow: auto;
font-size: 14px;
word-wrap: break-word
}
.roo-drawer-footer {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 10px 16px;
border-top: 1px solid rgba(0, 0, 0, .06)
}
.roo-upload-list-container {
margin: 5px 0
}
.roo-upload-motion {
transition: all .3s
}
.roo-upload-list-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 1px 3px 1px 0;
margin-top: 6px
}
.roo-upload-list-load {
margin-bottom: 5px
}
.roo-upload-list-icon {
margin-right: 5px
}
.roo-upload-list-item:hover {
background: #f3f3f3;
cursor: pointer
}
.roo-upload-card-item-error {
color: #ff192d
}
.roo-upload-card-file-loading,
.roo-upload-card-file-success {
color: #222
}
.roo-upload-list-item>span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.roo-upload-list-item:hover {
color: #222
}
.roo-upload-list-item-error {
color: #ff192d;
fill: #ff192d
}
.roo-upload-list-item-error:hover {
color: #ff192d
}
.roo-upload-list-trash {
display: none;
margin-left: auto
}
.roo-upload-list-item:hover .roo-upload-list-trash,
.roo-upload-list-trash-error {
display: inline
}
.roo-upload-list-uploading-bar {
margin-left: 22px
}
.roo-upload-list-item-loading {
display: block
}
.roo-upload-list-item-name {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.roo-upload-card-container {
display: -ms-flexbox;
display: flex;
margin: 10px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.roo-upload-card-item {
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: 100px;
height: 100px;
border: 1px solid #eee;
border-radius: 3px
}
.roo-upload-card-item-canDrop {
border: none
}
.roo-upload-card-img {
object-fit: cover;
width: 100%;
height: 100%
}
.roo-upload-card-item .roo-upload-card-mask {
visibility: hidden;
background: transparent
}
.roo-upload-card-item:hover .roo-upload-card-mask {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
-ms-flex-pack: center;
justify-content: center;
visibility: visible;
cursor: pointer;
background-color: rgba(0, 0, 0, .6);
transition: background-color .5s
}
.roo-upload-card-file,
.roo-upload-card-item:hover .roo-upload-card-mask {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.roo-upload-card-file {
-ms-flex-direction: column;
flex-direction: column;
padding: 5px;
height: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
color: #222;
fill: #222
}
.roo-upload-card-file>span {
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 80px;
overflow: hidden
}
.roo-upload-card-file-error {
color: #ff192d;
fill: #ff192d
}
.roo-upload-card-item {
position: relative
}
.roo-upload-card-item .roo-progress-bar {
padding-right: 0
}
.roo-upload-card-item .roo-progress {
width: 100%
}
.roo-upload-card-item-load {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-upload-load-canDrop {
fill: #222;
border: 1px dashed #ccc
}
.roo-upload-load-canDrop:hover,
.roo-upload-load-dropover {
color: #f8b500;
fill: #f8b500;
border: 1px dashed #f8b500
}
.roo-upload-load-drop {
border: 1px dashed #ccc
}
.roo-upload-load {
height: 100%;
-ms-flex: 1;
flex: 1
}
.roo-accordion-motion {
transition: height .3s, opacity .3s
}
.roo-accordion {
border: 1px solid #eee
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header {
border-top: 1px solid #eee;
background-color: #f5f6fa;
color: #222;
height: 38px;
line-height: 38px;
padding: 0 20px;
font-weight: 700;
cursor: pointer;
position: relative
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon {
margin-right: 15px
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-header .roo-accordion-panel-header-icon-right {
position: absolute;
right: 0;
top: 50%;
margin-top: -7px
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-content {
border-top: 1px solid #eee;
font-size: 12px;
display: none
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-active {
display: block;
color: #666
}
.roo-accordion .roo-accordion-panel .roo-accordion-panel-box {
padding: 15px 20px
}
.roo-accordion>.roo-accordion-panel:first-child>.roo-accordion-panel-header {
border-top: none
}
.roo-accordion .roo-accordion-panel-disabled>.roo-accordion-panel-header {
color: #ccc;
background-color: #f5f6fa;
cursor: not-allowed
}
.roo-transfer .roo-transfer-panel {
position: relative;
display: inline-block;
width: 300px;
border: 1px solid #eee;
border-radius: 2px;
overflow: hidden;
vertical-align: middle
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title {
height: 37px;
line-height: 35px;
background-color: #f5f6fa;
border-bottom: 1px solid #eee;
border-radius: 2px
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-all {
margin-left: 12px
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-title .roo-transfer-panel-title-count {
float: right;
line-height: 36px;
margin-right: 12px
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-empty {
text-align: center;
padding-top: 6px
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-filter {
padding: 0 12px;
margin-top: 12px
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-body {
height: 240px;
overflow: auto
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox {
display: block;
height: 36px;
padding: 6px 12px;
margin-right: 0
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-body .roo-checkbox:hover {
background-color: #f5f6fa
}
.roo-transfer .roo-transfer-panel .roo-transfer-panel-footer {
border-top: 1px solid #eee
}
.roo-transfer .roo-transfer-operations {
display: inline-block;
padding: 0 16px;
vertical-align: middle
}
.roo-transfer .roo-transfer-operations .roo-btn {
display: block;
margin-bottom: 16px
}
.roo-timeline {
list-style: none;
padding: 0;
margin-bottom: 0;
direction: ltr
}
.roo-timeline-item {
position: relative;
text-align: left
}
.roo-timeline-item-content,
.roo-timeline-item-time {
color: #666
}
.roo-timeline-item:not(:last-child) .roo-timeline-item-content {
padding-bottom: 20px
}
.roo-timeline-item-dot {
position: absolute;
top: 6px
}
.roo-timeline-item-dot:before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #eee;
border-radius: 50%
}
.roo-timeline-item-custom-dot {
text-align: center
}
.roo-timeline-item-custom-dot:before {
display: none
}
.roo-timeline-item-last .roo-timeline-item-dot:before {
background-color: #222
}
.roo-timeline-item-tail {
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background-color: #eee
}
.roo-timeline-item:first-child .roo-timeline-item-tail {
top: 6px
}
.roo-timeline-item:last-child .roo-timeline-item-tail {
bottom: auto;
height: 14px
}
.roo-timeline-align-left .roo-timeline-item-dot {
left: 0
}
.roo-timeline-align-left .roo-timeline-item-tail {
left: 3px;
left: 5
}
.roo-timeline-align-left .roo-timeline-item {
padding-left: 20px
}
.roo-timeline-align-right .roo-timeline-item-dot {
right: 0
}
.roo-timeline-align-right .roo-timeline-item-tail {
right: 3px;
left: 5
}
.roo-timeline-align-right .roo-timeline-item {
padding-right: 20px
}
.roo-timeline-align-right .roo-timeline-item-content {
text-align: right
}
.roo-timeline-align-alternate .roo-timeline-item-dot {
left: calc(50% - 4px)
}
.roo-timeline-align-alternate .roo-timeline-item-tail {
left: calc(50% - 1px)
}
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-content {
text-align: right;
width: calc(50% - 16px)
}
.roo-timeline-align-alternate .roo-timeline-item:nth-child(odd) {
text-align: right
}
.roo-timeline-align-alternate .roo-timeline-item:nth-child(odd) .roo-timeline-item-content {
display: inline-block;
text-align: left;
width: calc(50% - 16px)
}
.roo-timeline-with-time .roo-timeline-item {
display: -ms-flexbox;
display: flex;
padding-left: 0
}
.roo-timeline-with-time .roo-timeline-item-dot {
left: calc(50% - 4px)
}
.roo-timeline-with-time .roo-timeline-item-tail {
left: calc(50% - 1px)
}
.roo-timeline-with-time .roo-timeline-item-content,
.roo-timeline-with-time .roo-timeline-item-time {
-ms-flex: 1 0 50%;
flex: 1 0 50%
}
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n),
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item {
padding-right: 0
}
.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-time {
text-align: right
}
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-time {
text-align: left
}
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-content,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(odd) .roo-timeline-item-time,
.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-time,
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-content {
padding-right: 16px
}
.roo-timeline-align-alternate .roo-timeline-item:nth-child(2n) .roo-timeline-item-time,
.roo-timeline-align-alternate .roo-timeline-item:nth-child(odd) .roo-timeline-item-content,
.roo-timeline-with-time.roo-timeline-align-left .roo-timeline-item-content,
.roo-timeline-with-time.roo-timeline-align-right .roo-timeline-item-time {
padding-left: 16px
}
.roo-picker-menu:last-child {
border-right: none
}
.roo-picker-inline .roo-picker-menu,
.roo-picker-multi-cascader-menu.roo-picker-inline {
box-shadow: none
}
.roo-picker-menu {
min-width: 180px;
max-width: 300px;
-ms-flex: 1;
flex: 1;
height: 236px;
max-height: 242px;
overflow: auto;
padding: 4px 0;
font-size: 14px;
color: #222;
text-align: left;
list-style: none;
border-right: 1px solid #eee;
background-color: #fff;
border-radius: 2px
}
.roo-picker-menu-cascader {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.roo-picker-value-count {
display: inline-block;
min-width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 100px;
font-size: 12px;
margin: 2px;
background: #f5f6fa
}
.roo-picker-menu-item {
display: -ms-flexbox;
display: flex;
padding: 0 10px;
outline: none;
font-size: 14px;
height: 36px;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.roo-picker-menu-item:hover {
background-color: #f5f6fa
}
.roo-picker-multi-cascader-menu {
box-shadow: 0 10px 16px 0 rgba(88, 90, 110, .15)
}
.roo-picker-menu-item .roo-checkbox {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.roo-picker-menu-item .roo-checkbox .custom-checkbox {
-ms-flex-negative: 0;
flex-shrink: 0
}
.roo-picker-menu-item .roo-checkbox span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: middle
}
.roo-picker-menu-item.roo-checkbox .roo-checkbox-uncheckable {
opacity: unset
}
.roo-picker-menu-item-focus {
background-color: #f5f6fa
}
.roo-picker-cascader-search-panel {
height: 236px;
padding: 0 10px;
overflow: auto
}
.roo-picker-search-bar {
padding: 10px
}
.roo-picker-search-result {
border: none
}
.roo-picker-cascader-col .roo-checkbox {
width: 100%;
line-height: 36px;
height: 36px
}
.roo-picker-cascader-col:after {
content: "\00a0/\00a0"
}
.roo-picker-none {
padding: 0 10px
}
.roo-picker-cascader-col:last-child:after {
content: none
}
.roo-multi-cascader-toggle {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 36px;
border: 1px solid #eee;
border-radius: 2px;
padding: 6px 10px;
cursor: pointer
}
.roo-multi-cascader-toggle-large {
height: 40px
}
.roo-multi-cascader-toggle-small {
height: 32px
}
.roo-multi-cascader-toggle-mini {
height: 28px
}
.roo-multi-cascader-toggle .roo-tag {
margin-right: 8px
}
.roo-multi-cascader-toggle:hover {
border-color: #ccc
}
.roo-multi-cascader-toggle .roo-icon {
cursor: pointer;
color: #ccc
}
.roo-multi-cascader-toggle-placeholder,
.roo-multi-cascader-toggle .roo-icon:hover {
color: #ccc
}
.roo-multi-cascader-disabled {
opacity: .5;
cursor: not-allowed
}
.roo-multi-cascader-selected {
display: -ms-flexbox;
display: flex
}
.roo-multi-cascader-selected,
.roo-picker-value-list {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.roo-picker-value-list {
display: block
}
.roo-image-viewer-inline {
position: relative;
width: 100%;
height: 100%;
min-height: 400px
}
.roo-image-viewer-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .6);
height: 100%;
filter: alpha(opacity=60);
z-index: 2000
}
.roo-image-viewer-close-btn {
position: fixed;
top: 16px;
right: 16px;
overflow: hidden;
width: 44px;
height: 44px;
cursor: pointer;
z-index: 2010;
background-color: #313131;
border-radius: 2px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 17.7px
}
.roo-image-viewer-close-btn:hover {
background-color: #161616
}
.roo-image-viewer-totel-number-box {
position: fixed;
top: 16px;
left: 16px;
font-size: 14px;
font-size: var(--font-size-base);
color: #fff;
color: var(--text-light)
}
.roo-image-viewer-prev-btn-wrapper {
box-sizing: content-box;
position: fixed;
display: block;
height: calc(100% - 70px);
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 16px
}
.roo-image-viewer-prev-btn-box,
.roo-image-viewer-prev-btn-wrapper {
width: 44px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-image-viewer-prev-btn-box {
height: 88px;
box-sizing: border-box;
background-color: #313131;
border-radius: 2px;
display: -ms-flexbox;
display: flex;
opacity: 0;
cursor: pointer
}
.roo-image-viewer-prev-btn-box:hover {
opacity: 1
}
.roo-image-viewer-next-btn-wrapper {
box-sizing: content-box;
position: fixed;
display: block;
height: calc(100% - 70px);
top: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 16px
}
.roo-image-viewer-next-btn-box,
.roo-image-viewer-next-btn-wrapper {
width: 44px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-image-viewer-next-btn-box {
height: 88px;
box-sizing: border-box;
background-color: #313131;
border-radius: 2px;
display: -ms-flexbox;
display: flex;
opacity: 0;
cursor: pointer
}
.roo-image-viewer-next-btn-box:hover {
opacity: 1
}
.roo-image-viewer-change-box {
width: 40px;
height: 40px
}
.roo-image-viewer-image-box {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
z-index: 2005;
padding: 16px 44px
}
.roo-image-viewer-image-box>img {
display: block;
width: auto;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.roo-image-viewer-image-box>img.drag {
cursor: move
}
.roo-image-viewer-no-images-tip {
position: fixed;
color: #fff;
text-align: center;
width: 100%;
margin-top: 20%;
top: 0
}
.roo-image-viewer-toolbar-container {
box-sizing: border-box;
min-height: 44px;
position: fixed;
bottom: 82px;
width: 100%;
height: 44px;
-ms-flex-pack: center;
justify-content: center
}
.roo-image-viewer-toolbar-container,
.roo-image-viewer-toolbar-ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.roo-image-viewer-toolbar-ul {
background-color: #333;
border-radius: 2px;
height: 100%;
-ms-flex-pack: distribute;
justify-content: space-around
}
.roo-image-viewer-toolbar-btn {
box-sizing: border-box;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
padding: 10px
}
.roo-image-viewer-toolbar-tooltips {
display: none;
position: absolute;
top: -47px
}
.roo-image-viewer-toolbar-tooltips .corner {
width: 52px;
height: 35px;
background-color: #161616;
border-radius: 4px;
overflow: hidden;
text-align: center;
line-height: 35px
}
.roo-image-viewer-toolbar-tooltips .triangle {
width: 0;
height: 0;
border: 6px solid #161616;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
position: absolute;
left: 20px
}
.roo-image-viewer-toolbar-icon-box {
box-sizing: border-box;
width: 24px;
height: 24px;
line-height: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-image-viewer-toolbar-icon-box .toolbar-icon-btn {
font-size: 24px
}
.roo-image-viewer-toolbar-btn:first-child:hover {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px
}
.roo-image-viewer-toolbar-btn:last-child:hover {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px
}
.roo-image-viewer-toolbar-btn:hover {
background-color: #161616
}
.roo-image-viewer-toolbar-btn:hover .toolbar-tooltips {
display: block;
color: #fff;
color: var(--light)
}
.roo-image-viewer-navbar-container {
box-sizing: border-box;
width: 100%;
background-color: #333;
position: fixed;
bottom: 0;
overflow: hidden;
padding-top: 12px
}
.roo-image-viewer-navbar-box {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-image-viewer-navbar-change-btn-box {
color: #fff
}
.roo-image-viewer-navbar-change-btn-box .navbar-icon-btn {
opacity: .4;
cursor: pointer
}
.roo-image-viewer-navbar-change-btn-box:hover .navbar-icon-btn {
opacity: 1
}
.roo-image-viewer-navbar-list {
box-sizing: border-box;
height: 46px;
margin-top: 0;
margin-bottom: 0;
overflow: hidden
}
.roo-image-viewer-navbar-list li {
box-sizing: border-box;
width: 46px;
height: 46px;
display: inline-block;
cursor: pointer;
overflow: hidden;
margin-right: 6px;
background-color: #fff;
background-color: var(--light);
border: 2px solid #333;
border-radius: 2px;
position: relative
}
.roo-image-viewer-navbar-list>li>.navbar-img-box {
box-sizing: border-box;
width: 42px;
height: 42px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.roo-image-viewer-navbar-list>li>.img-mask {
position: absolute;
width: 46px;
height: 46px;
background-color: #000;
opacity: .5
}
.roo-image-viewer-navbar-list>li>.navbar-img-box>img {
max-width: 100%;
max-height: 100%;
display: block;
margin: auto
}
.roo-image-viewer-navbar-list>li.navbar-img-active {
opacity: 1;
border-color: #f89800;
border-color: var(--link-color)
}
.roo-image-viewer-navbar-list>li.navbar-img-active>img {
opacity: 1
}
.roo-image-viewer-inline>.roo-image-viewer-close-btn,
.roo-image-viewer-inline>.roo-image-viewer-image-box,
.roo-image-viewer-inline>.roo-image-viewer-mask,
.roo-image-viewer-inline>.roo-image-viewer-navbar-container,
.roo-image-viewer-inline>.roo-image-viewer-next-btn-wrapper,
.roo-image-viewer-inline>.roo-image-viewer-no-images-tip,
.roo-image-viewer-inline>.roo-image-viewer-prev-btn-wrapper,
.roo-image-viewer-inline>.roo-image-viewer-toolbar-container,
.roo-image-viewer-inline>.roo-image-viewer-totel-number-box {
position: absolute
}
.roo-image-viewer-image-transition {
transition-property: width, height, margin, transform;
transition-duration: .4s;
transition-timing-function: ease-out
}
@keyframes s {
to {
transform: rotate(1turn)
}
}
.roo-image-viewer-loading {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.roo-image-viewer-loading-image-box {
margin-bottom: 10px;
width: 25px;
height: 25px;
overflow: hidden
}
.roo-image-viewer-loading-image-box img {
width: 25px;
height: 25px;
animation: s .8s linear infinite
}
.roo-image-viewer-icon,
.roo-image-viewer-loading-image-text {
color: #fff;
color: var(--light)
}
.roo-image-viewer-icon {
display: block;
width: 24px;
height: 24px;
cursor: pointer
}
.roo-image-viewer-img {
position: relative;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px
}
.roo-image-viewer-image-img {
width: 100%;
height: auto;
vertical-align: middle
}
.roo-image-viewer-image-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: rgba(0, 0, 0, .5);
cursor: pointer;
opacity: 0;
transition: opacity .3s
}
.roo-image-viewer-image-mask:hover {
opacity: 1
}
.roo-image-viewer-image-mask-info {
padding: 0 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.roo-tableNew-wrapper {
clear: both;
max-width: 100%
}
.roo-tableNew-wrapper:before {
display: table;
content: ""
}
.roo-tableNew-wrapper:after {
display: table;
clear: both;
content: ""
}
.roo-tableNew {
position: relative;
font-size: 14px;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #222;
line-height: 1.2;
list-style: none
}
.roo-tableNew table {
width: 100%;
text-align: left;
border-collapse: separate;
border-spacing: 0;
background-color: transparent
}
.roo-tableNew-tbody>tr>td,
.roo-tableNew-thead>tr>th,
.roo-tableNew tfoot>tr>td,
.roo-tableNew tfoot>tr>th {
position: relative;
padding: 16px;
word-wrap: break-word
}
.roo-tableNew-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all
}
.roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-left-last,
.roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-right-first {
overflow: visible
}
.roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-left-last .roo-tableNew-cell-content,
.roo-tableNew-cell-ellipsis.roo-tableNew-cell-fix-right-first .roo-tableNew-cell-content {
display: block;
overflow: hidden;
text-overflow: ellipsis
}
.roo-tableNew-cell-ellipsis .roo-tableNew-column-title {
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all
}
.roo-tableNew-title {
padding: 16px
}
.roo-tableNew-footer {
padding: 16px;
color: #222;
background: #f5f6fa
}
.roo-tableNew-thead>tr>th {
position: relative;
color: #666;
text-align: left;
background: #f5f6fa;
border-bottom: 1px solid #eee;
transition: background .3s ease
}
.roo-tableNew-thead>tr>th[colspan]:not([colspan="1"]) {
text-align: center
}
.roo-tableNew-thead>tr:not(:last-child)>th[colspan] {
border-bottom: 0
}
.roo-tableNew-tbody>tr>td {
border-bottom: 1px solid #eee;
transition: background .3s
}
.roo-tableNew-tbody>tr>td>.roo-tableNew-expanded-row-fixed>.roo-tableNew-wrapper:only-child .roo-tableNew,
.roo-tableNew-tbody>tr>td>.roo-tableNew-wrapper:only-child .roo-tableNew {
margin: 10px
}
.roo-tableNew-tbody>tr>td>.roo-tableNew-expanded-row-fixed>.roo-tableNew-wrapper:only-child .roo-tableNew-tbody>tr:last-child>td,
.roo-tableNew-tbody>tr>td>.roo-tableNew-wrapper:only-child .roo-tableNew-tbody>tr:last-child>td {
border-bottom: 0
}
.roo-tableNew-tbody>tr>td>.roo-tableNew-expanded-row-fixed>.roo-tableNew-wrapper:only-child .roo-tableNew-tbody>tr:last-child>td:first-child,
.roo-tableNew-tbody>tr>td>.roo-tableNew-expanded-row-fixed>.roo-tableNew-wrapper:only-child .roo-tableNew-tbody>tr:last-child>td:last-child,
.roo-tableNew-tbody>tr>td>.roo-tableNew-wrapper:only-child .roo-tableNew-tbody>tr:last-child>td:first-child,
.roo-tableNew-tbody>tr>td>.roo-tableNew-wrapper:only-child .roo-tableNew-tbody>tr:last-child>td:last-child {
border-radius: 0
}
.roo-tableNew-tbody>tr.roo-tableNew-row-selected>td {
background: #eee;
border-color: rgba(0, 0, 0, .03)
}
.roo-tableNew-tbody>tr.roo-tableNew-row-selected:hover>td,
.roo-tableNew.roo-tableNew-hover>.roo-tableNew-container>.roo-tableNew-content>table>tbody>tr.roo-tableNew-row:hover>td,
.roo-tableNew.roo-tableNew-hover>.roo-tableNew-container>.roo-tableNew-content>table>tbody>tr>td.roo-tableNew-cell-row-hover {
background: #eee
}
.roo-tableNew-tbody>.roo-tableNew-placeholder {
text-align: center
}
.roo-tableNew-empty .roo-tableNew-tbody>.roo-tableNew-placeholder {
color: #222
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-title {
border: 1px solid #eee;
border-bottom: 0
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container {
border-left: 1px solid #eee
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tbody>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tfoot>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tfoot>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>thead>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tbody>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tfoot>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tfoot>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>thead>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tbody>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tfoot>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tfoot>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>thead>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tbody>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tfoot>tr>td,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tfoot>tr>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>thead>tr>th {
border-right: 1px solid #eee
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>thead>tr:not(:last-child)>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>thead>tr:not(:last-child)>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>thead>tr:not(:last-child)>th,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>thead>tr:not(:last-child)>th {
border-bottom: 1px solid #eee
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>thead>tr>th:before,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>thead>tr>th:before,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>thead>tr>th:before,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>thead>tr>th:before {
background-color: transparent !important
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tbody>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tfoot>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>thead>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tbody>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tfoot>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>thead>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tbody>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tfoot>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>thead>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tbody>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tfoot>tr>.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>thead>tr>.roo-tableNew-cell-fix-right-first:after {
border-right: 1px solid #eee
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed {
margin: 2px
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-body>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed:after,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-summary>table>tbody>tr>td>.roo-tableNew-expanded-row-fixed:after {
position: absolute;
top: 0;
right: 1px;
bottom: 0;
border-right: 1px solid #eee;
content: ""
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-content>table,
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-container>.roo-tableNew-header>table {
border-top: 1px solid #eee
}
.roo-tableNew.roo-tableNew-bordered.roo-tableNew-scroll-horizontal>.roo-tableNew-container>.roo-tableNew-body>table>tbody>tr.roo-tableNew-expanded-row>td,
.roo-tableNew.roo-tableNew-bordered.roo-tableNew-scroll-horizontal>.roo-tableNew-container>.roo-tableNew-body>table>tbody>tr.roo-tableNew-placeholder>td {
border-right: 0
}
.roo-tableNew.roo-tableNew-bordered>.roo-tableNew-footer {
border: 1px solid #eee;
border-top: 0
}
.roo-tableNew .roo-tableNew-cell .roo-tableNew-container:first-child {
border-top: 0
}
.roo-tableNew .roo-tableNew-cell-scrollbar:not([rowspan]) {
box-shadow: 8px 0 8px rgba(233, 234, 242, .6)
}
.roo-tableNew-cell-fix-left,
.roo-tableNew-cell-fix-right {
position: sticky !important;
z-index: 2;
background: #fff
}
.roo-tableNew-cell-fix-left-first:after,
.roo-tableNew-cell-fix-left-last:after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
transform: translateX(100%);
transition: box-shadow .3s;
content: "";
pointer-events: none
}
.roo-tableNew-cell-fix-left-all:after {
display: none
}
.roo-tableNew-cell-fix-right-first:after,
.roo-tableNew-cell-fix-right-last:after {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
width: 30px;
transform: translateX(-100%);
transition: box-shadow .3s;
content: "";
pointer-events: none
}
.roo-tableNew .roo-tableNew-container:after,
.roo-tableNew .roo-tableNew-container:before {
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
width: 30px;
transition: box-shadow .3s;
content: "";
pointer-events: none
}
.roo-tableNew .roo-tableNew-container:before {
left: 0
}
.roo-tableNew .roo-tableNew-container:after {
right: 0
}
.roo-tableNew-ping-left:not(.roo-tableNew-has-fix-left)>.roo-tableNew-container {
position: relative
}
.roo-tableNew-ping-left .roo-tableNew-cell-fix-left-first:after,
.roo-tableNew-ping-left .roo-tableNew-cell-fix-left-last:after,
.roo-tableNew-ping-left:not(.roo-tableNew-has-fix-left)>.roo-tableNew-container:before {
box-shadow: inset 10px 0 8px -8px rgba(233, 234, 242, .6)
}
.roo-tableNew-ping-left .roo-tableNew-cell-fix-left-last:before {
background-color: transparent !important
}
.roo-tableNew-ping-right:not(.roo-tableNew-has-fix-right)>.roo-tableNew-container {
position: relative
}
.roo-tableNew-ping-right .roo-tableNew-cell-fix-right-first:after,
.roo-tableNew-ping-right .roo-tableNew-cell-fix-right-last:after,
.roo-tableNew-ping-right:not(.roo-tableNew-has-fix-right)>.roo-tableNew-container:after {
box-shadow: inset -10px 0 8px -8px rgba(233, 234, 242, .6)
}
.roo-tableNew-sticky-holder {
position: sticky;
z-index: 3;
background: #fff
}
.roo-tableNew-sticky-scroll {
position: sticky;
bottom: 0;
z-index: 3;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: rgba(233, 234, 242, .6);
border-top: 1px solid #eee;
opacity: .6
}
.roo-tableNew-sticky-scroll:hover {
transform-origin: center bottom
}
.roo-tableNew-sticky-scroll-bar {
height: 8px;
background-color: fade(#000, 35%);
border-radius: 4px
}
.roo-tableNew-sticky-scroll-bar-active,
.roo-tableNew-sticky-scroll-bar:hover {
background-color: fade(fade(#000, 35%), 80%)
}
.roo-tableNew-bordered .roo-tableNew-selection-col,
.roo-tableNew-selection-col {
width: 60px
}
.roo-tableNew table tr td.roo-tableNew-selection-column,
.roo-tableNew table tr th.roo-tableNew-selection-column {
padding-right: 16px;
padding-left: 16px;
text-align: center
}
.roo-tableNew table tr td.roo-tableNew-selection-column .roo-tableNew-radio-wrapper,
.roo-tableNew table tr th.roo-tableNew-selection-column .roo-tableNew-radio-wrapper {
margin-right: 0
}
.roo-tableNew table tr th.roo-tableNew-selection-column.roo-tableNew-cell-fix-left {
z-index: 3
}
.roo-tableNew table tr th.roo-tableNew-selection-column:after {
background-color: transparent !important
}
.roo-tableNew-selection {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column
}
.roo-tableNew-selection-extra {
position: absolute;
top: 0;
z-index: 1;
cursor: pointer;
transition: all .3s;
[dir=ltr] & {
margin-left: 100%
}
[dir=rtl] & {
margin-right: 100%
}
[dir=ltr] & {
padding-left: 2px
}
[dir=rtl] & {
padding-right: 2px
}
}
.roo-tableNew-thead th.roo-tableNew-column-has-sorters {
outline: none;
cursor: pointer;
transition: all .3s
}
.roo-tableNew-thead th.roo-tableNew-column-has-sorters:hover {
background: #eee
}
.roo-tableNew-thead th.roo-tableNew-column-has-sorters:hover:before {
background-color: transparent !important
}
.roo-tableNew-thead th.roo-tableNew-column-has-sorters.roo-tableNew-cell-fix-left:hover,
.roo-tableNew-thead th.roo-tableNew-column-has-sorters.roo-tableNew-cell-fix-right:hover {
background: #eee
}
.roo-tableNew-column-sorters:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: ""
}
.roo-tableNew-column-sorter {
margin-left: 4px;
font-size: 0;
transition: color .3s
}
.roo-tableNew-column-sorter-inner {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.roo-tableNew-column-sorter .roo-icon {
height: 8px;
line-height: 8px;
font-size: 16px;
color: #ccc
}
.roo-tableNew-column-sorter .roo-icon.off {
color: #ccc
}
.roo-tableNew-column-sorter .roo-icon.on {
color: #222
}
.roo-tableNew-column-sorter .roo-icon:last-child {
margin-top: -2px
}
.roo-tableNew-expand-icon-col {
width: 48px
}
.roo-tableNew-row-expand-icon-cell {
text-align: center
}
.roo-tableNew-row-expand-icon-cell .roo-tableNew-row-expand-icon {
display: -ms-inline-flexbox;
display: inline-flex;
float: none;
vertical-align: sub
}
.roo-tableNew-row-indent {
float: left;
height: 1px
}
.roo-tableNew-row-expand-icon {
color: #222;
outline: none;
cursor: pointer;
transition: color .3s;
position: relative;
float: left;
box-sizing: border-box;
width: 17px;
height: 17px;
padding: 0;
color: inherit;
line-height: 17px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
transition: all .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.roo-tableNew-row-expand-icon.focus-visible,
.roo-tableNew-row-expand-icon:active,
.roo-tableNew-row-expand-icon:focus-visible,
.roo-tableNew-row-expand-icon:hover {
color: #222
}
.roo-tableNew-row-expand-icon:active,
.roo-tableNew-row-expand-icon:focus,
.roo-tableNew-row-expand-icon:hover {
border-color: currentcolor
}
.roo-tableNew-row-expand-icon:after,
.roo-tableNew-row-expand-icon:before {
position: absolute;
background: currentcolor;
transition: transform .3s ease-out;
content: ""
}
.roo-tableNew-row-expand-icon:before {
top: 7px;
right: 3px;
left: 3px;
height: 1px
}
.roo-tableNew-row-expand-icon:after {
top: 3px;
bottom: 3px;
left: 7px;
width: 1px;
transform: rotate(90deg)
}
.roo-tableNew-row-expand-icon-collapsed:before {
transform: rotate(-180deg)
}
.roo-tableNew-row-expand-icon-collapsed:after {
transform: rotate(0deg)
}
.roo-tableNew-row-expand-icon-spaced {
background: transparent;
border: 0;
visibility: hidden
}
.roo-tableNew-row-expand-icon-spaced:after,
.roo-tableNew-row-expand-icon-spaced:before {
display: none;
content: none
}
.roo-tableNew-row-indent+.roo-tableNew-row-expand-icon {
margin-top: 2.5px;
margin-right: 8px
}
.roo-tableNew .roo-tableNew-expanded-row-fixed {
position: relative;
margin: -16px;
padding: 16px
}
.c-city {
position: relative;
height: 35px;
width: 250px
}
.c-city .svg-group {
display: none
}
.c-city,
.c-city *,
.c-city-pane,
.c-city-pane * {
box-sizing: border-box
}
.c-city-pane ul,
.c-city li {
list-style: none;
margin: 0;
padding: 0
}
.c-city-pane .c-active,
.c-city .c-active {
color: #222
}
.c-city-pane .clear-float:after,
.c-city .clear-float:after {
content: "";
display: block;
clear: both
}
.c-city-pane .border-transition,
.c-city .border-transition {
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.c-city-pane .border-transition.focus,
.c-city-pane .border-transition:focus,
.c-city .border-transition.focus,
.c-city .border-transition:focus {
border-color: #a2a4b3
}
.c-city-pane .col-2 {
width: 16.66666667%
}
.c-city-pane .col-4 {
width: 33.33333333%
}
.c-city-pane .col-6 {
width: 50%
}
.c-city .city-text,
.c-city .city-text-wrapper {
width: 100%;
height: 100%
}
.c-city .city-text {
border: 1px solid #d2d2d2;
border-radius: 2px;
padding: 0 24px 0 10px;
font-size: 14px;
background: #fff;
outline: none;
text-overflow: ellipsis
}
.c-city .dropdown-arrow {
display: inline-block;
width: 0;
height: 0;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
position: absolute;
right: 10px;
top: 16px
}
.c-city-pane {
position: absolute;
z-index: 1052;
width: 527px;
height: 488px;
border: 1px solid #d2d2d2;
border-radius: 0 4px 4px;
background: #fff;
overflow: hidden
}
.c-city-pane.top {
top: 0;
transform: translateY(-100%)
}
.c-city-pane-mask {
position: fixed;
z-index: 1051;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .4)
}
.c-city-pane.fixed {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.c-city-pane .city-header {
width: 100%;
height: 30px;
line-height: 30px;
background: #f7f7f7;
padding: 0 10px;
border-top-right-radius: 4px
}
.c-city-pane .show-selected {
height: 100%;
float: right;
cursor: pointer;
padding-right: 16px;
position: relative
}
.c-city-pane .show-selected:after,
.c-city-pane .show-selected:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
position: absolute;
right: 0;
top: 13px
}
.c-city-pane .show-selected:after {
border-top-color: #f7f7f7;
top: 11px
}
.c-city-pane .show-selected.expand:before {
border-bottom: 5px solid;
top: 12px
}
.c-city-pane .show-selected.expand:after,
.c-city-pane .show-selected.expand:before {
border-top: none;
border-right: 5px solid transparent;
border-left: 5px solid transparent
}
.c-city-pane .show-selected.expand:after {
border-bottom: 5px solid #f7f7f7;
top: 14px
}
.c-city-pane .city-selected-wrapper {
height: 0;
overflow: hidden;
transition: all .2s;
background-color: #fafafa;
border-radius: 0 0 4px 4px
}
.c-city-pane .city-selected-wrapper.expand {
height: 290px;
border-bottom: 1px solid #d2d2d2
}
.c-city-pane .city-selected {
padding-top: 25px
}
.c-city-pane .city-clear-wrapper {
color: #6a6a6a;
padding: 0 10px 15px
}
.c-city-pane .city-clear {
cursor: pointer;
position: relative;
display: inline
}
.c-city-pane .clear-icon {
margin-right: 8px
}
.c-city-pane .delete-icon {
font-size: 15px;
height: 100%;
vertical-align: top;
color: #a3a3a3;
margin-left: 10px;
cursor: pointer
}
.c-city-pane .city-selected-list {
padding: 0 10px 5px;
height: 235px;
box-shadow: inset 0 -5px 10px -5px rgba(0, 0, 0, .1);
border-radius: 0 0 4px 4px;
overflow-y: auto
}
.c-city-pane .city-selected-item {
float: left;
padding: 0 4px;
font-size: 12px;
border-radius: 4px;
border: 1px solid #d2d2d2;
height: 24px;
line-height: 22px;
margin: 5px 8px 5px 0
}
.c-city-pane .city-selected-item:hover {
border-color: #a2a4b3
}
.c-city-pane .city-selected-item:hover .delete-icon {
color: #222
}
.c-city-pane .city-toolbar {
padding: 0 5px;
border-bottom: 1px solid #d2d2d2;
color: #222
}
.c-city-pane .city-tab {
float: left
}
.c-city-pane .city-tab-item {
line-height: 46px;
display: inline-block;
padding: 0 5px;
position: relative;
cursor: pointer
}
.c-city-pane .city-tab-item.active {
color: #222;
border-bottom: 4px solid
}
.c-city-pane .city-tab-item:not(:last-child) {
margin-right: 20px
}
.c-city-pane .city-tab-item:not(:last-child):after {
content: "|";
position: absolute;
padding: 0 5px;
color: #2a2a2a;
right: -17px
}
.c-city-pane .city-query {
float: right;
margin-top: 10px;
margin-right: 6px;
position: relative
}
.c-city-pane .city-query-input {
width: 212px;
border: 1px solid #d2d2d2;
border-radius: 4px;
outline: 0;
padding: 0 10px;
line-height: 28px
}
.c-city-pane .filtered-list {
position: absolute;
top: 28px;
left: 0;
width: 100%;
padding: 0 0 5px;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #d2d2d2;
border-radius: 0 0 4px 4px;
box-shadow: 0 6px 12px #d2d2d2;
z-index: 1
}
.c-city-pane .filtered-item {
padding: 3px 10px;
clear: both;
font-weight: 200;
color: #6a6a6a;
line-height: 30px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer
}
.c-city-pane .filtered-item.selected {
color: #6a6a6a;
background-color: #f0f0f0
}
.c-city-pane .city-char-list {
padding: 20px 10px;
height: 94px;
position: relative;
overflow: hidden
}
.c-city-pane .city-char-list:after {
content: "";
display: block;
clear: left;
border-bottom: 1px solid #d2d2d2;
position: absolute;
width: 100%;
bottom: 0
}
.c-city-pane .city-char-item {
text-align: center;
width: 20px;
height: 22px;
margin-right: 17px;
margin-bottom: 10px;
background: #f7f7f7;
color: #2a2a2a;
border-radius: 5px;
font-size: 12px;
line-height: 22px;
float: left;
cursor: pointer
}
.c-city-pane .city-char-item:hover {
color: #fff;
background-color: #222
}
.c-city-pane .city-list {
height: 250px;
padding: 24px 10px 0;
overflow-y: auto;
font-size: 12px;
position: relative
}
.c-city-pane .city-char-group {
margin-bottom: 12px
}
.c-city-pane .city-item-label {
line-height: 32px;
width: 24px;
color: #222;
text-align: center;
float: left
}
.c-city-pane .city-item-list {
margin-left: 44px
}
.c-city-pane .city-item-wrapper {
float: left
}
.c-city-pane .city-item {
padding: 0 8px;
line-height: 22px;
height: 24px;
display: inline-block;
margin: 4px 0;
cursor: pointer;
border-radius: 4px;
border: 1px solid transparent;
color: #2a2a2a;
text-decoration: none;
white-space: nowrap
}
.c-city-pane .city-item.selected {
color: #222;
border-color: #a2a4b3
}
.c-city-pane .city-item:hover {
color: #222
}
.c-city-pane .city-group-list {
padding-top: 20px
}
.c-city-pane .city-group-item {
float: left;
height: 24px;
line-height: 22px;
margin: 10px 20px;
padding: 0 8px
}
.c-city-pane .city-group-item:hover {
color: #222;
cursor: pointer
}
.c-city-pane .city-footer {
text-align: center;
height: 60px;
background: #fafafa;
line-height: 60px;
position: absolute;
width: 100%;
border-radius: 0 0 4px 4px;
bottom: 0;
box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, .1)
}
.c-city-pane .city-footer-btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
line-height: 1.3333333;
border-radius: 6px;
outline: none;
color: #222;
background-color: #fff;
border: 1px solid #a2a4b3;
font-size: 14px;
width: 100px;
height: 40px;
padding: 10px 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.c-city-pane .city-footer-btn:not(:last-child) {
margin-right: 20px
}
.c-city-pane .city-footer-btn:hover {
background-color: #e5f6fc
}
.c-city-pane .city-footer-btn:active {
color: #fff;
background-color: #222;
border-color: #222
}
.c-city-pane .city-footer-btn.primary {
color: #fff;
background-color: #222
}
.c-city-pane .city-footer-btn.primary:hover {
background-color: rgba(34, 34, 34, .8);
border-color: rgba(34, 34, 34, .8)
}
.c-city-pane .city-footer-btn.primary:active {
background-color: #222;
border-color: #222
}
.kui-cropper .cropper-container {
font-size: 0;
line-height: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
direction: ltr;
-ms-touch-action: none;
touch-action: none
}
.kui-cropper .cropper-container img {
display: block;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
width: 100%;
height: 100%;
image-orientation: 0deg
}
.kui-cropper .cropper-canvas,
.kui-cropper .cropper-crop-box,
.kui-cropper .cropper-drag-box,
.kui-cropper .cropper-modal,
.kui-cropper .cropper-wrap-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.kui-cropper .cropper-wrap-box {
overflow: hidden
}
.kui-cropper .cropper-drag-box {
opacity: 0;
background-color: #fff
}
.kui-cropper .cropper-modal {
opacity: .5;
background-color: #000
}
.kui-cropper .cropper-view-box {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, .75)
}
.kui-cropper .cropper-dashed {
position: absolute;
display: block;
opacity: .5;
border: 0 dashed #eee
}
.kui-cropper .cropper-dashed.dashed-h {
top: 33.33333%;
left: 0;
width: 100%;
height: 33.33333%;
border-top-width: 1px;
border-bottom-width: 1px
}
.kui-cropper .cropper-dashed.dashed-v {
top: 0;
left: 33.33333%;
width: 33.33333%;
height: 100%;
border-right-width: 1px;
border-left-width: 1px
}
.kui-cropper .cropper-center {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0;
height: 0;
opacity: .75
}
.kui-cropper .cropper-center:after,
.kui-cropper .cropper-center:before {
position: absolute;
display: block;
content: " ";
background-color: #eee
}
.kui-cropper .cropper-center:before {
top: 0;
left: -3px;
width: 7px;
height: 1px
}
.kui-cropper .cropper-center:after {
top: -3px;
left: 0;
width: 1px;
height: 7px
}
.kui-cropper .cropper-face,
.kui-cropper .cropper-line,
.kui-cropper .cropper-point {
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: .1
}
.kui-cropper .cropper-face {
top: 0;
left: 0;
background-color: #fff
}
.kui-cropper .cropper-line {
background-color: #39f
}
.kui-cropper .cropper-line.line-e {
top: 0;
right: -3px;
width: 5px;
cursor: e-resize
}
.kui-cropper .cropper-line.line-n {
top: -3px;
left: 0;
height: 5px;
cursor: n-resize
}
.kui-cropper .cropper-line.line-w {
top: 0;
left: -3px;
width: 5px;
cursor: w-resize
}
.kui-cropper .cropper-line.line-s {
bottom: -3px;
left: 0;
height: 5px;
cursor: s-resize
}
.kui-cropper .cropper-point {
width: 5px;
height: 5px;
opacity: .75;
background-color: #39f
}
.kui-cropper .cropper-point.point-e {
top: 50%;
right: -3px;
margin-top: -3px;
cursor: e-resize
}
.kui-cropper .cropper-point.point-n {
top: -3px;
left: 50%;
margin-left: -3px;
cursor: n-resize
}
.kui-cropper .cropper-point.point-w {
top: 50%;
left: -3px;
margin-top: -3px;
cursor: w-resize
}
.kui-cropper .cropper-point.point-s {
bottom: -3px;
left: 50%;
margin-left: -3px;
cursor: s-resize
}
.kui-cropper .cropper-point.point-ne {
top: -3px;
right: -3px;
cursor: ne-resize
}
.kui-cropper .cropper-point.point-nw {
top: -3px;
left: -3px;
cursor: nw-resize
}
.kui-cropper .cropper-point.point-sw {
bottom: -3px;
left: -3px;
cursor: sw-resize
}
.kui-cropper .cropper-point.point-se {
right: -3px;
bottom: -3px;
width: 20px;
height: 20px;
cursor: se-resize;
opacity: 1
}
@media (min-width:768px) {
.kui-cropper .cropper-point.point-se {
width: 15px;
height: 15px
}
}
@media (min-width:992px) {
.kui-cropper .cropper-point.point-se {
width: 10px;
height: 10px
}
}
@media (min-width:1200px) {
.kui-cropper .cropper-point.point-se {
width: 5px;
height: 5px;
opacity: .75
}
}
.kui-cropper .cropper-point.point-se:before {
position: absolute;
right: -50%;
bottom: -50%;
display: block;
width: 200%;
height: 200%;
content: " ";
opacity: 0;
background-color: #39f
}
.kui-cropper .cropper-invisible {
opacity: 0
}
.kui-cropper .cropper-bg {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}
.kui-cropper .cropper-hide {
position: absolute;
display: block;
width: 0;
height: 0
}
.kui-cropper .cropper-hidden {
display: none !important
}
.kui-cropper .cropper-move {
cursor: move
}
.kui-cropper .cropper-crop {
cursor: crosshair
}
.kui-cropper .cropper-disabled .cropper-drag-box,
.kui-cropper .cropper-disabled .cropper-face,
.kui-cropper .cropper-disabled .cropper-line,
.kui-cropper .cropper-disabled .cropper-point {
cursor: not-allowed
}
.roo-evaluation .roo-evaluation-title {
font-weight: 700
}
.roo-evaluation .roo-evaluation-body {
padding: 15px 0
}
.roo-evaluation .icon-wrapper {
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 38px;
border-radius: 50%;
cursor: pointer
}
.roo-evaluation .icon-wrapper.thumbs-up {
border: 1px solid #00bf7f
}
.roo-evaluation .icon-wrapper.thumbs-up i {
color: #00bf7f
}
.roo-evaluation .icon-wrapper.thumbs-down {
border: 1px solid #ff192d
}
.roo-evaluation .icon-wrapper.thumbs-down i {
color: #ff192d
}
.roo-evaluation .icon-wrapper.commenting {
border: 1px solid #222
}
.roo-evaluation .icon-wrapper.commenting i {
color: #222
}
.roo-evaluation .icon-wrapper.evaluated.thumbs-up,
.roo-evaluation .icon-wrapper:hover.thumbs-up {
background: #00bf7f
}
.roo-evaluation .icon-wrapper.evaluated.thumbs-up i,
.roo-evaluation .icon-wrapper:hover.thumbs-up i {
color: #fff
}
.roo-evaluation .icon-wrapper.evaluated.thumbs-down,
.roo-evaluation .icon-wrapper:hover.thumbs-down {
background: #ff192d
}
.roo-evaluation .icon-wrapper.evaluated.thumbs-down i,
.roo-evaluation .icon-wrapper:hover.thumbs-down i {
color: #fff
}
.roo-evaluation .icon-wrapper.evaluated.commenting,
.roo-evaluation .icon-wrapper:hover.commenting {
background: #222
}
.roo-evaluation .icon-wrapper.evaluated.commenting i,
.roo-evaluation .icon-wrapper:hover.commenting i {
color: #fff
}
.roo-evaluation .icon-wrapper i {
font-size: 20px
}
.roo-evaluation .description {
margin-top: 15px
}
.roo-evaluation .count {
margin-top: 5px;
display: inline-block
}
.roo-evaluation .disabled-item,
.roo-evaluation .disabled-item .count {
color: #eee
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-up {
border: 1px solid #eee;
background: #eee
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-up i {
color: #fff
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-down {
border: 1px solid #eee;
background: #eee
}
.roo-evaluation .disabled-item .icon-wrapper.thumbs-down i {
color: #fff
}
.kui-img-browser li {
width: 66px;
height: 66px;
background-size: cover;
background-repeat: no-repeat;
background-color: #ebeef2;
background-position: center 0;
border-radius: 4px;
cursor: pointer
}
.kui-img-browser-popup {
position: fixed;
background: rgba(0, 0, 0, .6);
z-index: 999;
left: 0;
top: 0;
bottom: 0;
margin: auto;
right: 0
}
.kui-img-browser-popup .content {
position: absolute;
width: 685px;
color: #fff;
left: 50%;
top: 10%;
margin-left: -342px
}
.kui-img-browser-popup .arrows {
margin-top: 215px;
cursor: pointer
}
.kui-img-browser-popup .arrows i {
font-size: 70px
}
.kui-img-browser-popup .arrows i.disable {
color: #999;
cursor: not-allowed
}
.kui-img-browser-popup .main {
width: 505px;
margin-left: 20px
}
.kui-img-browser-popup .main .img {
width: 505px;
height: 505px;
text-align: center
}
.kui-img-browser-popup .main .img img {
max-height: 505px;
max-width: 505px
}
.kui-img-browser-popup .main .img-des {
max-height: 100px;
overflow-y: scroll
}
.kui-img-browser-popup .main .show-origin {
position: absolute;
right: 0;
border-bottom: 1px solid;
text-decoration: none;
color: #fff
}
.kui-img-browser-popup .main .show-origin:hover {
color: #222
}
.kui-img-browser-popup .close {
position: absolute;
right: -80px;
top: 0;
color: #fff;
opacity: 1;
font-weight: 400;
text-shadow: none
}
.kui-img-browser-popup .close:hover {
transform: scale(1.2)
}
.kui-img-crop-box {
padding: 0 30px;
min-width: 840px
}
.kui-img-crop-box .upload-cropper {
display: inline-block;
vertical-align: top;
width: 440px;
height: 330px;
border: 1px solid #d2d2d2
}
.kui-img-crop-box .upload-cropper-preview {
display: inline-block;
vertical-align: top;
margin-left: 100px
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-wrapper {
position: relative;
display: inline-block
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-box {
position: relative;
overflow: hidden;
width: 240px;
height: 180px;
border: 1px solid #d2d2d2
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-box.background {
background-image: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-slot {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.kui-img-crop-box .upload-cropper-preview .upload-cropper-preview-label {
margin-top: 20px;
color: #99a2aa
}
.kui-img-crop-box .upload-cropper-preview .crop-message {
margin-top: 20px;
color: #ff5a5a
}
.kui-img-crop-box .img-select-input {
position: absolute;
width: 100%;
height: 50px;
bottom: 0;
right: 0;
z-index: -1
}
.kui-img-crop-box .img-select-link {
position: relative;
display: inline-block;
margin-top: 16px;
overflow: hidden
}
.kui-img-crop-box .cursor-pointer {
cursor: pointer
}
.kui-img-crop-uploader {
line-height: 1.42857143;
width: 160px;
position: relative
}
.kui-img-crop-uploader .confirm-btn {
margin-right: 20px
}
.roo-img-uploader {
position: relative;
width: 160px;
height: 120px;
border-radius: 2px
}
.roo-img-uploader .uploader-border {
position: absolute;
width: 100%;
height: 100%;
border: 1.5px dashed #eee;
background-color: #f5f6fa;
border-radius: 2px
}
.roo-img-uploader .uploader-file-input {
display: none
}
.roo-img-uploader .uploader-box {
display: block;
background-color: #f5f6fa
}
.roo-img-uploader .uploader-box.fill {
background-color: #eee
}
.roo-img-uploader .uploader-thumbnail-img {
max-width: 100%;
max-height: 100%
}
.roo-img-uploader .uploader-thumbnail {
display: table-cell;
width: 160px;
height: 100px;
text-align: center;
vertical-align: middle
}
.roo-img-uploader .uploader-replace-tip {
position: absolute;
bottom: 0;
width: 100%
}
.roo-img-uploader .uploader-replace-tip .btn {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.roo-img-uploader .uploader-thumbnail-info {
position: absolute;
top: 0;
left: 0;
display: table;
width: 100%;
height: 100%
}
.roo-img-uploader .uploader-thumbnail-info .roo-btn {
display: table-cell;
line-height: normal;
vertical-align: middle
}
.roo-img-uploader .uploader-thumbnail-info .roo-btn i {
font-size: 38px
}
.roo-img-uploader .uploader-thumbnail-info .roo-btn span {
display: block
}
.roo-img-uploader .clear-icon {
position: absolute;
right: 0;
top: 0;
width: 24px;
height: 24px;
transform: translate(30%, -30%);
overflow: hidden;
font-size: 24px;
color: #222;
cursor: pointer
}
.roo-img-uploader .clear-icon i {
vertical-align: top
}
.roo-img-uploader .clear-icon:hover {
color: #222
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
.popup {
position: absolute
}
.popup.top {
transform: translate(-50%, -100%)
}
.popup.right {
transform: translateY(-50%)
}
.popup.bottom {
transform: translate(-50%)
}
.popup.left {
transform: translate(-100%, -50%)
}
.popup.top-left {
transform: translateY(-100%)
}
.popup.top-right {
transform: translate(-100%, -100%)
}
.popup.bottom-left {
transform: none
}
.popup.bottom-right,
.popup.left-top {
transform: translate(-100%)
}
.popup.left-bottom {
transform: translate(-100%, -100%)
}
.popup.right-bottom {
transform: translateY(-100%)
}
.popup.right-top {
transform: none
}
.text-nowrap {
white-space: nowrap !important
}
.bg-white {
background-color: #fff !important
}
.pull-left {
float: left !important
}
.pull-right {
float: right !important
}
.block {
display: block !important
}
.inline {
display: inline !important
}
.inline-block {
display: inline-block !important
}
.hidden,
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.border {
border: 1px solid #a2a4b3
}
.no-boder {
border: none !important
}
.circle {
border-radius: 100%
}
.border-top {
border-top: 1px solid #a2a4b3
}
.m-top-lg {
margin-top: 40px
}
.m-top-md {
margin-top: 20px
}
.m-top-sm {
margin-top: 10px
}
.m-top-xs {
margin-top: 5px
}
.m-top-none {
margin-top: 0
}
.border-right {
border-right: 1px solid #a2a4b3
}
.m-right-lg {
margin-right: 40px
}
.m-right-md {
margin-right: 20px
}
.m-right-sm {
margin-right: 10px
}
.m-right-xs {
margin-right: 5px
}
.m-right-none {
margin-right: 0
}
.border-bottom {
border-bottom: 1px solid #a2a4b3
}
.m-bottom-lg {
margin-bottom: 40px
}
.m-bottom-md {
margin-bottom: 20px
}
.m-bottom-sm {
margin-bottom: 10px
}
.m-bottom-xs {
margin-bottom: 5px
}
.m-bottom-none {
margin-bottom: 0
}
.border-left {
border-left: 1px solid #a2a4b3
}
.m-left-lg {
margin-left: 40px
}
.m-left-md {
margin-left: 20px
}
.m-left-sm {
margin-left: 10px
}
.m-left-xs {
margin-left: 5px
}
.m-left-none {
margin-left: 0
}
.margin-lg {
margin: 40px !important
}
.margin-md {
margin: 20px !important
}
.margin-sm {
margin: 10px !important
}
.margin-xs {
margin: 5px !important
}
.no-margin {
margin: 0 !important
}
.padding-lg {
padding: 40px !important
}
.padding-md {
padding: 20px !important
}
.padding-sm {
padding: 10px !important
}
.padding-xs {
padding: 5px !important
}
.no-padding {
padding: 0 !important
}
.paddingLR-lg {
padding: 0 40px
}
.paddingLR-md {
padding: 0 20px
}
.paddingLR-sm {
padding: 0 10px
}
.paddingLR-xs {
padding: 0 5px
}
.paddingTB-lg {
padding: 40px 0
}
.paddingTB-md {
padding: 20px 0
}
.paddingTB-sm {
padding: 10px 0
}
.paddingTB-xs {
padding: 5px 0
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.font-normal {
font-weight: 400 !important
}
.middle {
vertical-align: middle
}
.relative {
position: relative
}
.scrollable {
overflow-y: auto
}
.text-shadow-white {
text-shadow: 0 1px 0 #fff
}
.text-white {
color: #fff
}
.text-center {
text-align: center
}
.roo-text-left {
text-align: left
}
.roo-text-right {
text-align: right
}
.width-100 {
width: 100%
}
.clearfix:after {
display: block;
clear: both;
content: ""
}
.overflow-hidden {
overflow: hidden !important
}
.cursor-pointer {
cursor: pointer
}
.roo-backdrop {
background: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
transition: opacity .3s ease 0s
}
.roo-no-scrollbar::-webkit-scrollbar {
background-color: transparent;
width: 0;
height: 0
}
.roo-no-scrollbar {
scrollbar-width: none
}
:root {
--primary: #222;
--secondary: #f89800;
--brand: #fc3;
--success: #00bf7f;
--info: #17a2b8;
--warning: #f8b500;
--danger: #ff192d;
--light: #fff;
--dark: #222;
--active: #ff6a00;
--gray-100: #222;
--gray-200: #666;
--gray-300: #a2a4b3;
--gray-400: #ccc;
--gray-500: #eee;
--gray-600: #f5f6fa;
--font-family-base: Helvetica Neue, Arial, -apple-system, BlinkMacSystemFont, PingFang SC, microsoft yahei, STXihei, sans-serif;
--font-size-sm: 12px;
--font-size-base: 14px;
--font-size-heading: 20px;
--font-size-lg: 24px;
--font-size-xl: 38px;
--text-color-base: #222;
--text-color-secondary: #666;
--text-color-weak: #a2a4b3;
--text-color-lighten: #ccc;
--border-color: #a2a4b3;
--line-color: #eee;
--disabled-color: #eee;
--page-background: #f5f6fa;
--card-background: #f5f6fa;
--text-dark: #222;
--text-light: #fff;
--link-color: #f89800;
--link-decoration: none;
--link-hover-color: #fc3;
--link-hover-decoration: none;
--border-radius: 2px;
--default-height: 36px
}
.roo-primary-text {
color: #222 !important
}
.roo-primary-bg {
background-color: #222 !important
}
.roo-primary-bc {
border-color: #222 !important
}
.roo-secondary-text {
color: #f89800 !important
}
.roo-secondary-bg {
background-color: #f89800 !important
}
.roo-secondary-bc {
border-color: #f89800 !important
}
.roo-brand-text {
color: #fc3 !important
}
.roo-brand-bg {
background-color: #fc3 !important
}
.roo-brand-bc {
border-color: #fc3 !important
}
.roo-success-text {
color: #00bf7f !important
}
.roo-success-bg {
background-color: #00bf7f !important
}
.roo-success-bc {
border-color: #00bf7f !important
}
.roo-info-text {
color: #17a2b8 !important
}
.roo-info-bg {
background-color: #17a2b8 !important
}
.roo-info-bc {
border-color: #17a2b8 !important
}
.roo-warning-text {
color: #f8b500 !important
}
.roo-warning-bg {
background-color: #f8b500 !important
}
.roo-warning-bc {
border-color: #f8b500 !important
}
.roo-danger-text {
color: #ff192d !important
}
.roo-danger-bg {
background-color: #ff192d !important
}
.roo-danger-bc {
border-color: #ff192d !important
}
.roo-light-text {
color: #fff !important
}
.roo-light-bg {
background-color: #fff !important
}
.roo-light-bc {
border-color: #fff !important
}
.roo-dark-text {
color: #222 !important
}
.roo-dark-bg {
background-color: #222 !important
}
.roo-dark-bc {
border-color: #222 !important
}
.roo-active-text {
color: #ff6a00 !important
}
.roo-active-bg {
background-color: #ff6a00 !important
}
.roo-active-bc {
border-color: #ff6a00 !important
}
.roo-font-family {
font-family: Helvetica Neue, Arial, -apple-system, BlinkMacSystemFont, PingFang SC, microsoft yahei, STXihei, sans-serif !important
}
.roo-font-size-sm {
font-size: 12px !important
}
.roo-font-size {
font-size: 14px !important
}
.roo-font-size-heading {
font-size: 20px !important
}
.roo-font-size-lg {
font-size: 24px !important
}
.roo-font-size-xl {
font-size: 38px !important
}
.roo-font-color {
color: #222 !important
}
.roo-font-color-secondary {
color: #666 !important
}
.roo-font-color-weak {
color: #a2a4b3 !important
}
.roo-font-color-lighten {
color: #ccc !important
}
.roo-font-color-dark {
color: #222 !important
}
.roo-font-color-light {
color: #fff !important
}
.roo-border-color {
border-color: #a2a4b3 !important
}
.roo-ling-color {
border-color: #eee !important
}
.roo-disabled-color {
background-color: #eee !important
}
.roo-card-bg,
.roo-page-bg {
background-color: #f5f6fa !important
}
.roo-border-radius {
border-radius: 2px !important
}
.roo-default-height {
height: 36px !important
}
/*# sourceMappingURL=index.min.css.map */