@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
:root {
--basic : #5c6bc0;
--basic-hover : #4a5bb9;
--blue:#2196F3;
--blue-100:#e9f5fe;
--red:#ef5350;
--red-100:#fdeeee;
--orange:#f58646;
--orange-100:#fef3ed;
--green:#25b372;
--green-100:#e9f7f1;
--cyan:#2cbacc;
--cyan-100:#eaf8fa;
--gray:#999;
--gray-dark:#333;
--gray-200:#ddd;
--primary:#2196F3;
--primary-100:#e9f5fe;
--secondary:#45748a;
--secondary-100:#ecf1f3;
--success:#25b372;
--success-100:#e9f7f1;
--info:#2cbacc;
--info-100:#eaf8fa;
--warning:#f58646;
--warning-100:#fef3ed;
--danger:#ef5350;
--danger-100:#fdeeee;
--white:#fff;
--light:#f0f2f5;
--light-100:rgba(255, 255, 255, 0.1);
--dark:#252b36;
--dark-100:rgba(0, 0, 0, 0.1);
--teal:#26A69A;
--teal-100:#e9f6f5;
--indigo:#5C6BC0;
--indigo-100:#eff0f9;
--purple:#8e70c1;
--purple-100:#f4f1f9;
--pink:#f35c86;
--pink-100:#feeff3;
--yellow:#ffd648;
--yellow-100:#fffbed;
--black : #191919;
--btn-basic : #46674e;
--txt-hover : #1b1bdb;
--txt-gray : #787878;
--txt-green : #138731;
--container-pdl : 0.625rem;
--container-pdr : 0.625rem;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:769px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
--font-family : "Roboto", -apple-system, 'Noto Sans KR', sans-serif;"
--font-family-sans-serif:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--border :#ededed;
}
*, ::after, ::before {
box-sizing: border-box
}
html {
font-family: var(--font-family);
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block
}
body {
margin: 0;
font-size:.875rem;
font-weight: 400;
line-height: 1.5715;
color: #333;
text-align: left;
background-color: #f5f5f5;
font-family: var(--font-family);
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom:.625rem
}
p {
margin-top: 0;
margin-bottom:.625rem
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
dt {
font-weight: 500
}
dd {
margin-bottom:.5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b, strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #2196f3;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0a6ebd;
text-decoration: none
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse;
font-family:inherit!important;
}
caption {
padding-top:.75rem 1.25rem;
padding-bottom:.75rem 1.25rem;
color: #999;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom:.5rem;
font-size:13px;
}
input[type="radio"] + label,
input[type="checkbox"] + label {margin-bottom: 0; }
button {
border-radius: 0; border:none;
}
button:focus:not(:focus-visible) {
outline: 0
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[role=button] {
cursor:pointer
}
select {
word-wrap: normal
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border-style:none
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom:.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
outline-offset:-2px;
-webkit-appearance:none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display:none!important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom:.625rem;
font-weight: 400;
line-height: 1.5715
}
.h1, h1 {
font-size: 1.625rem
}
.h2, h2 {
font-size: 1.5rem
}
.h3, h3 {
font-size: 1.375rem
}
.h4, h4 {
font-size: 1.25rem
}
.h5, h5 {
font-size: 1.125rem
}
.h6, h6 {
font-size: 1rem
}
.lead {
font-size: 1.09375rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.5715
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.5715
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.5715
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.5715
}
hr {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border: 0;
border-top: 1px solid #ddd
}
.small, small {
font-size: 80%;
font-weight: 400
}
.mark, mark {
padding:.25rem .5rem;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: 1.25rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1.25rem;
font-size: 1rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #999
}
.blockquote-footer::before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding:.25rem;
background-color: #f5f5f5;
border: 1px solid rgba(0,0,0,.125);
border-radius:.25rem;
box-shadow: 0 1px 2px rgba(0,0,0,.075);
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom:.625rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #999
}
code {
font-size:.8125rem;
color: #c24a6b;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding:.2rem .4rem;
font-size:.8125rem;
color: #fff;
background-color: #333;
border-radius:.1875rem;
box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none
}
pre {
display: block;
font-size:.8125rem;
color: #333
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 450px;
overflow-y: scroll
}
/*간격*/
.pd_outer {padding: 0.625rem 1.25rem;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
width: 100%;
padding-right:.625rem;
padding-left:.625rem;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container, .container-sm {
max-width: 540px
}
}
@media (min-width:769px) {
.container, .container-md, .container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container, .container-lg, .container-md, .container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1140px
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right:-.625rem;
margin-left:-.625rem
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right:0;
padding-left:0
}
.input-btn-group input {
padding-left: 2px !important; padding-right: 2px !important;
}
/*컬럼 넓이*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto {
position: relative;
width: 100%;
padding-right:.625rem;
padding-left:.625rem
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.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%
}
.col-14 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.33333%
}
.offset-2 {
margin-left: 16.66667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333%
}
.offset-5 {
margin-left: 41.66667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333%
}
.offset-8 {
margin-left: 66.66667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333%
}
.offset-11 {
margin-left: 91.66667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-sm-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.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
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333%
}
.offset-sm-2 {
margin-left: 16.66667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333%
}
.offset-sm-5 {
margin-left: 41.66667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333%
}
.offset-sm-8 {
margin-left: 66.66667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333%
}
.offset-sm-11 {
margin-left: 91.66667%
}
}
@media (min-width:769px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.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
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333%
}
.offset-md-2 {
margin-left: 16.66667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333%
}
.offset-md-5 {
margin-left: 41.66667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333%
}
.offset-md-8 {
margin-left: 66.66667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333%
}
.offset-md-11 {
margin-left: 91.66667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-lg-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.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
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333%
}
.offset-lg-2 {
margin-left: 16.66667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333%
}
.offset-lg-5 {
margin-left: 41.66667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333%
}
.offset-lg-8 {
margin-left: 66.66667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333%
}
.offset-lg-11 {
margin-left: 91.66667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-xl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.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
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333%
}
.offset-xl-2 {
margin-left: 16.66667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333%
}
.offset-xl-5 {
margin-left: 41.66667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333%
}
.offset-xl-8 {
margin-left: 66.66667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333%
}
.offset-xl-11 {
margin-left: 91.66667%
}
}
.table {
width: 100%;
margin-bottom: 1.25rem;
color: #333
}
.table td, .table th {
padding:.75rem 1.25rem;
vertical-align: top;
border-top: 1px solid #ddd
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table tbody+tbody {
border-top: 2px solid #ddd
}
.table-sm td, .table-sm th {
padding:.625rem 1.25rem
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered td, .table-bordered th {
border: 1px solid #ddd
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.02)
}
.table-hover tbody tr:hover {
color: #333;
background-color: rgba(0,0,0,.03)
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #e4f2fe
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color: #afd9fb
}
.table-hover .table-primary:hover {
background-color: #cbe6fd
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #cbe6fd
}
.table-primary-100, .table-primary-100>td, .table-primary-100>th {
background-color: #fcfeff
}
.table-primary-100 tbody+tbody, .table-primary-100 td, .table-primary-100 th, .table-primary-100 thead th {
border-color: #f7fbff
}
.table-hover .table-primary-100:hover {
background-color: #e3f6ff
}
.table-hover .table-primary-100:hover>td, .table-hover .table-primary-100:hover>th {
background-color: #e3f6ff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #e9eef1
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color: #bccdd5
}
.table-hover .table-secondary:hover {
background-color: #d9e2e7
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #d9e2e7
}
.table-secondary-100, .table-secondary-100>td, .table-secondary-100>th {
background-color: #fdfdfe
}
.table-secondary-100 tbody+tbody, .table-secondary-100 td, .table-secondary-100 th, .table-secondary-100 thead th {
border-color: #f8fafb
}
.table-hover .table-secondary-100:hover {
background-color: #ececf6
}
.table-hover .table-secondary-100:hover>td, .table-hover .table-secondary-100:hover>th {
background-color: #ececf6
}
.table-success, .table-success>td, .table-success>th {
background-color: #e5f6ee
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
border-color: #b1e4cc
}
.table-hover .table-success:hover {
background-color: #d2efe2
}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #d2efe2
}
.table-success-100, .table-success-100>td, .table-success-100>th {
background-color: #fcfefd
}
.table-success-100 tbody+tbody, .table-success-100 td, .table-success-100 th, .table-success-100 thead th {
border-color: #f7fcfa
}
.table-hover .table-success-100:hover {
background-color: #e9f8f0
}
.table-hover .table-success-100:hover>td, .table-hover .table-success-100:hover>th {
background-color: #e9f8f0
}
.table-info, .table-info>td, .table-info>th {
background-color: #e6f7f9
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
border-color: #b3e6ed
}
.table-hover .table-info:hover {
background-color: #d1f0f4
}
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #d1f0f4
}
.table-info-100, .table-info-100>td, .table-info-100>th {
background-color: #fcfefe
}
.table-info-100 tbody+tbody, .table-info-100 td, .table-info-100 th, .table-info-100 thead th {
border-color: #f7fcfd
}
.table-hover .table-info-100:hover {
background-color: #e9f8f8
}
.table-hover .table-info-100:hover>td, .table-hover .table-info-100:hover>th {
background-color: #e9f8f8
}
.table-warning, .table-warning>td, .table-warning>th {
background-color: #fef0e9
}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color: #fbd3bc
}
.table-hover .table-warning:hover {
background-color: #fddfd1
}
.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #fddfd1
}
.table-warning-100, .table-warning-100>td, .table-warning-100>th {
background-color: #fffefd
}
.table-warning-100 tbody+tbody, .table-warning-100 td, .table-warning-100 th, .table-warning-100 thead th {
border-color: #fffbf9
}
.table-hover .table-warning-100:hover {
background-color: #fff1e4
}
.table-hover .table-warning-100:hover>td, .table-hover .table-warning-100:hover>th {
background-color: #fff1e4
}
.table-danger, .table-danger>td, .table-danger>th {
background-color: #fdeaea
}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color: #f9c1c0
}
.table-hover .table-danger:hover {
background-color: #fbd3d3
}
.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #fbd3d3
}
.table-danger-100, .table-danger-100>td, .table-danger-100>th {
background-color: #fffdfd
}
.table-danger-100 tbody+tbody, .table-danger-100 td, .table-danger-100 th, .table-danger-100 thead th {
border-color: #fef9f9
}
.table-hover .table-danger-100:hover {
background-color: #ffe4e4
}
.table-hover .table-danger-100:hover>td, .table-hover .table-danger-100:hover>th {
background-color: #ffe4e4
}
.table-white, .table-white>td, .table-white>th {
background-color: #fff
}
.table-white tbody+tbody, .table-white td, .table-white th, .table-white thead th {
border-color: #fff
}
.table-hover .table-white:hover {
background-color: #f2f2f2
}
.table-hover .table-white:hover>td, .table-hover .table-white:hover>th {
background-color: #f2f2f2
}
.table-light, .table-light>td, .table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
border-color: #fafafb
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-light-100, .table-light-100>td, .table-light-100>th {
background-color: rgba(255,255,255,.892)
}
.table-light-100 tbody+tbody, .table-light-100 td, .table-light-100 th, .table-light-100 thead th {
border-color: rgba(255,255,255,.676)
}
.table-hover .table-light-100:hover {
background-color: rgba(242,242,242,.892)
}
.table-hover .table-light-100:hover>td, .table-hover .table-light-100:hover>th {
background-color: rgba(242,242,242,.892)
}
.table-dark, .table-dark>td, .table-dark>th {
background-color: #e5e6e7
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #b1b3b7
}
.table-hover .table-dark:hover {
background-color: #d8d9db
}
.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
background-color: #d8d9db
}
.table-dark-100, .table-dark-100>td, .table-dark-100>th {
background-color: rgba(253,253,253,.892)
}
.table-dark-100 tbody+tbody, .table-dark-100 td, .table-dark-100 th, .table-dark-100 thead th {
border-color: rgba(248,248,248,.676)
}
.table-hover .table-dark-100:hover {
background-color: rgba(240,240,240,.892)
}
.table-hover .table-dark-100:hover>td, .table-hover .table-dark-100:hover>th {
background-color: rgba(240,240,240,.892)
}
.table-teal, .table-teal>td, .table-teal>th {
background-color: #e5f4f3
}
.table-teal tbody+tbody, .table-teal td, .table-teal th, .table-teal thead th {
border-color: #b1dfdb
}
.table-hover .table-teal:hover {
background-color: #d3eceb
}
.table-hover .table-teal:hover>td, .table-hover .table-teal:hover>th {
background-color: #d3eceb
}
.table-teal-100, .table-teal-100>td, .table-teal-100>th {
background-color: #fcfefe
}
.table-teal-100 tbody+tbody, .table-teal-100 td, .table-teal-100 th, .table-teal-100 thead th {
border-color: #f7fcfb
}
.table-hover .table-teal-100:hover {
background-color: #e9f8f8
}
.table-hover .table-teal-100:hover>td, .table-hover .table-teal-100:hover>th {
background-color: #e9f8f8
}
.table-indigo, .table-indigo>td, .table-indigo>th {
background-color: #ebedf7
}
.table-indigo tbody+tbody, .table-indigo td, .table-indigo th, .table-indigo thead th {
border-color: #c4cae8
}
.table-hover .table-indigo:hover {
background-color: #d9ddf0
}
.table-hover .table-indigo:hover>td, .table-hover .table-indigo:hover>th {
background-color: #d9ddf0
}
.table-indigo-100, .table-indigo-100>td, .table-indigo-100>th {
background-color: #fdfdfe
}
.table-indigo-100 tbody+tbody, .table-indigo-100 td, .table-indigo-100 th, .table-indigo-100 thead th {
border-color: #f9fafd
}
.table-hover .table-indigo-100:hover {
background-color: #ececf6
}
.table-hover .table-indigo-100:hover>td, .table-hover .table-indigo-100:hover>th {
background-color: #ececf6
}
.table-purple, .table-purple>td, .table-purple>th {
background-color: #f1eef8
}
.table-purple tbody+tbody, .table-purple td, .table-purple th, .table-purple thead th {
border-color: #d6cce9
}
.table-hover .table-purple:hover {
background-color: #e2dcf1
}
.table-hover .table-purple:hover>td, .table-hover .table-purple:hover>th {
background-color: #e2dcf1
}
.table-purple-100, .table-purple-100>td, .table-purple-100>th {
background-color: #fefdfe
}
.table-purple-100 tbody+tbody, .table-purple-100 td, .table-purple-100 th, .table-purple-100 thead th {
border-color: #fbfafd
}
.table-hover .table-purple-100:hover {
background-color: #f6ecf6
}
.table-hover .table-purple-100:hover>td, .table-hover .table-purple-100:hover>th {
background-color: #f6ecf6
}
.table-pink, .table-pink>td, .table-pink>th {
background-color: #feebf0
}
.table-pink tbody+tbody, .table-pink td, .table-pink th, .table-pink thead th {
border-color: #fbc4d3
}
.table-hover .table-pink:hover {
background-color: #fdd3de
}
.table-hover .table-pink:hover>td, .table-hover .table-pink:hover>th {
background-color: #fdd3de
}
.table-pink-100, .table-pink-100>td, .table-pink-100>th {
background-color: #fffdfe
}
.table-pink-100 tbody+tbody, .table-pink-100 td, .table-pink-100 th, .table-pink-100 thead th {
border-color: #fff9fb
}
.table-hover .table-pink-100:hover {
background-color: #ffe4f1
}
.table-hover .table-pink-100:hover>td, .table-hover .table-pink-100:hover>th {
background-color: #ffe4f1
}
.table-yellow, .table-yellow>td, .table-yellow>th {
background-color: #fffae9
}
.table-yellow tbody+tbody, .table-yellow td, .table-yellow th, .table-yellow thead th {
border-color: #fff0bd
}
.table-hover .table-yellow:hover {
background-color: #fff4d0
}
.table-hover .table-yellow:hover>td, .table-hover .table-yellow:hover>th {
background-color: #fff4d0
}
.table-yellow-100, .table-yellow-100>td, .table-yellow-100>th {
background-color: #fffffd
}
.table-yellow-100 tbody+tbody, .table-yellow-100 td, .table-yellow-100 th, .table-yellow-100 thead th {
border-color: #fffef9
}
.table-hover .table-yellow-100:hover {
background-color: #ffffe4
}
.table-hover .table-yellow-100:hover>td, .table-hover .table-yellow-100:hover>th {
background-color: #ffffe4
}
.table-active, .table-active>td, .table-active>th {
background-color: rgba(0,0,0,.015)
}
.table-hover .table-active:hover {
background-color: rgba(0,0,0,.015)
}
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
background-color: rgba(0,0,0,.015)
}
.table .thead-dark th {
color: #fff;
background-color: #333;
border-color: rgba(255,255,255,.35)
}
.table .thead-light th {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.table-dark {
color: #fff;
background-color: #333
}
.table-dark td, .table-dark th, .table-dark thead th {
border-color: rgba(255,255,255,.35)
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255,255,255,.05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255,255,255,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:768.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height:calc(1.5715em + .875rem + 2px);
padding:.4375rem .875rem;
font-size:.875rem;
font-weight: 400;
line-height: 1.5715;
color: #333;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ddd;
border-radius:.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #333
}
.form-control:focus {
color: #333;
border-color: #2196f3;
outline: 0
}
.form-control::-webkit-input-placeholder {
color:#999;
opacity:1
}
.form-control::-moz-placeholder {
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#999;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#999;
opacity:1
}
.form-control::placeholder {
color:#999;
opacity:1
}
.form-control:disabled, .form-control[readonly] {
background-color: #fafafa;
opacity: 1
}
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select.form-control:focus::-ms-value {
color:#333;
background-color:#fff
}
.form-control-file, .form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top:calc(.4375rem + 1px);
padding-bottom:calc(.4375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5715
}
.col-form-label-lg {
padding-top:calc(.5625rem + 1px);
padding-bottom:calc(.5625rem + 1px);
font-size:.9375rem;
line-height: 1.4667
}
.col-form-label-sm {
padding-top:calc(.3125rem + 1px);
padding-bottom:calc(.3125rem + 1px);
font-size:.8125rem;
line-height: 1.6924
}
.form-control-plaintext {
display: block;
width: 100%;
padding:.4375rem 0;
margin-bottom: 0;
font-size:.875rem;
line-height: 1.5715;
color: #333;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height:calc(1.6924em + .625rem + 2px);
padding:.3125rem .75rem;
font-size:.8125rem;
line-height: 1.6924;
border-radius:.1875rem
}
.form-control-lg {
height: calc(1.4667em + 1.125rem + 2px);
padding:.5625rem 1rem;
font-size:.9375rem;
line-height: 1.4667;
border-radius:.3125rem
}
select.form-control[multiple], select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
/*.form-group {*/
/* margin-bottom: 1.25rem*/
/*}*/
.form-text {
display: block;
margin-top:.5rem
}
.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-check {
position: relative;
display: block;
padding-left: 1.875rem
}
.form-check-input {
position: absolute;
margin-top:.3rem;
margin-left: -1.875rem
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
color: #999
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: 1.25rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right:.625rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top:.5rem;
font-size:.8125rem;
color: #25b372
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding:.375rem .75rem;
margin-top:.1rem;
font-size:.875rem;
line-height: 1.5715;
color: #fff;
background-color: #25b372;
border-radius:.25rem
}
.form-row>.col>.valid-tooltip, .form-row>[class*=col-]>.valid-tooltip {
left:5px
}
.is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip {
display:block
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color:#25b372;
padding-right:calc(1.5715em + .875rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2325b372' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.39287em + .21875rem) center;
background-size:calc(.78575em + .4375rem) calc(.78575em + .4375rem)
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
border-color:#25b372;
box-shadow:0 0 0 0 rgba(37,179,114,.25)
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right:calc(1.5715em + .875rem);
background-position:top calc(.39287em + .21875rem) right calc(.39287em + .21875rem)
}
.custom-select.is-valid, .was-validated .custom-select:valid {
border-color:#25b372;
padding-right:calc(.75em + 2.84375rem);
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2325b372' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 2.1875rem/calc(.78575em + .4375rem) calc(.78575em + .4375rem) no-repeat
}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
border-color:#25b372;
box-shadow:0 0 0 0 rgba(37,179,114,.25)
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color:#25b372
}
.form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip {
display:block
}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
color:#25b372
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
border-color:#25b372
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color:#36d58c;
background-color:#36d58c
}
.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow:0 0 0 0 rgba(37,179,114,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color:#25b372
}
.custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label {
border-color:#25b372
}
.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color:#25b372;
box-shadow:0 0 0 0 rgba(37,179,114,.25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top:.5rem;
font-size:.8125rem;
color: #ef5350
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding:.375rem .75rem;
margin-top:.1rem;
font-size:.875rem;
line-height: 1.5715;
color: #fff;
background-color: #ef5350;
border-radius:.25rem
}
.form-row>.col>.invalid-tooltip, .form-row>[class*=col-]>.invalid-tooltip {
left:5px
}
.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {
display:block
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color:#ef5350;
padding-right:calc(1.5715em + .875rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef5350' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef5350' stroke='none'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.39287em + .21875rem) center;
background-size:calc(.78575em + .4375rem) calc(.78575em + .4375rem)
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color:#ef5350;
box-shadow:0 0 0 0 rgba(239,83,80,.25)
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right:calc(1.5715em + .875rem);
background-position:top calc(.39287em + .21875rem) right calc(.39287em + .21875rem)
}
.custom-select.is-invalid, .was-validated .custom-select:invalid {
border-color:#ef5350;
padding-right:calc(.75em + 2.84375rem);
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef5350' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef5350' stroke='none'/%3e%3c/svg%3e") center right 2.1875rem/calc(.78575em + .4375rem) calc(.78575em + .4375rem) no-repeat
}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
border-color:#ef5350;
box-shadow:0 0 0 0 rgba(239,83,80,.25)
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color:#ef5350
}
.form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip {
display:block
}
.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
color:#ef5350
}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
border-color:#ef5350
}
.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color:#f3817f;
background-color:#f3817f
}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow:0 0 0 0 rgba(239,83,80,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color:#ef5350
}
.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label {
border-color:#ef5350
}
.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color:#ef5350;
box-shadow:0 0 0 0 rgba(239,83,80,.25)
}
.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%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select, .form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right:.25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
/*버튼*/
.btn {
display: inline-block; height:36px;;
font-weight: 400;
color: #333;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding:.3125rem .75rem /*.4375rem .875rem;*/;
font-size:.875rem;
line-height: 1.5715;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #333;
text-decoration: none
}
.btn.focus, .btn:focus {
outline: 0
}
.btn.disabled, .btn:disabled {
opacity: .65;
box-shadow: none
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none
}
.btn-group-sm>.btn,
.btn-sm {height:32px; padding: 2px 0.625rem;/*.3125rem .75rem;*/ font-size: 13px; line-height:1; border-radius:5px;}
.btn-primary {
color: #fff;
background-color:#5c6bc0;
border-color:#5c6bc0
}
.btn-primary:hover {
color: #fff;
background-color:#4a5bb9;
border-color:#4a5bb9
}
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color:#4a5bb9;
border-color:#4a5bb9;
outline: 0;
box-shadow: 0 0 0 0 rgba(66,166,245,.5)
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
/*
background-color: #2196f3;
border-color: #2196f3
*/
background-color: #4a5bb9;
border-color: #4a5bb9
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary {
color: #fff;
/*background-color: #0c7cd5;
border-color: #0c7cd5
*/
background-color: #4a5bb9;
border-color: #4a5bb9
}
.btn-primary-100 {
color: #333;
background-color: #e9f5fe;
border-color: #e9f5fe
}
.btn-primary-100:hover {
color: #333;
background-color: #d1eafd;
border-color: #d1eafd
}
.btn-primary-100.focus, .btn-primary-100:focus {
color: #333;
background-color: #d1eafd;
border-color: #d1eafd;
outline: 0;
box-shadow: 0 0 0 0 rgba(206,216,224,.5)
}
.btn-primary-100.disabled, .btn-primary-100:disabled {
color: #333;
background-color: #e9f5fe;
border-color: #e9f5fe
}
.btn-primary-100:not(:disabled):not(.disabled).active, .btn-primary-100:not(:disabled):not(.disabled):active, .show>.btn-primary-100 {
color: #333;
background-color: #b8dffc;
border-color: #b8dffc
}
.btn-secondary {
color: #fff;
background-color: #45748a;
border-color: #45748a
}
.btn-secondary:hover {
color: #fff;
background-color: #3d6679;
border-color: #3d6679
}
.btn-secondary.focus, .btn-secondary:focus {
color: #fff;
background-color: #3d6679;
border-color: #3d6679;
outline: 0;
box-shadow: 0 0 0 0 rgba(97,137,156,.5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #45748a;
border-color: #45748a
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary {
color: #fff;
background-color: #345768;
border-color: #345768
}
.btn-secondary-100 {
color: #333;
background-color: #ecf1f3;
border-color: #ecf1f3
}
.btn-secondary-100:hover {
color: #333;
background-color: #dce5e9;
border-color: #dce5e9
}
.btn-secondary-100.focus, .btn-secondary-100:focus {
color: #333;
background-color: #dce5e9;
border-color: #dce5e9;
outline: 0;
box-shadow: 0 0 0 0 rgba(208,213,214,.5)
}
.btn-secondary-100.disabled, .btn-secondary-100:disabled {
color: #333;
background-color: #ecf1f3;
border-color: #ecf1f3
}
.btn-secondary-100:not(:disabled):not(.disabled).active, .btn-secondary-100:not(:disabled):not(.disabled):active, .show>.btn-secondary-100 {
color: #333;
background-color: #cddadf;
border-color: #cddadf
}
.btn-success {
color: #fff;
background-color: #25b372;
border-color: #25b372
}
.btn-success:hover {
color: #fff;
background-color: #219e65;
border-color: #219e65
}
.btn-success.focus, .btn-success:focus {
color: #fff;
background-color: #219e65;
border-color: #219e65;
outline: 0;
box-shadow: 0 0 0 0 rgba(70,190,135,.5)
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #25b372;
border-color: #25b372
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success {
color: #fff;
background-color: #1c8957;
border-color: #1c8957
}
.btn-success-100 {
color: #333;
background-color: #e9f7f1;
border-color: #e9f7f1
}
.btn-success-100:hover {
color: #333;
background-color: #d6f0e5;
border-color: #d6f0e5
}
.btn-success-100.focus, .btn-success-100:focus {
color: #333;
background-color: #d6f0e5;
border-color: #d6f0e5;
outline: 0;
box-shadow: 0 0 0 0 rgba(206,218,213,.5)
}
.btn-success-100.disabled, .btn-success-100:disabled {
color: #333;
background-color: #e9f7f1;
border-color: #e9f7f1
}
.btn-success-100:not(:disabled):not(.disabled).active, .btn-success-100:not(:disabled):not(.disabled):active, .show>.btn-success-100 {
color: #333;
background-color: #c4e9d9;
border-color: #c4e9d9
}
.btn-info {
color: #fff;
background-color: #2cbacc;
border-color: #2cbacc
}
.btn-info:hover {
color: #fff;
background-color: #27a7b7;
border-color: #27a7b7
}
.btn-info.focus, .btn-info:focus {
color: #fff;
background-color: #27a7b7;
border-color: #27a7b7;
outline: 0;
box-shadow: 0 0 0 0 rgba(76,196,212,.5)
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #2cbacc;
border-color: #2cbacc
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info {
color: #fff;
background-color: #2394a2;
border-color: #2394a2
}
.btn-info-100 {
color: #333;
background-color: #eaf8fa;
border-color: #eaf8fa
}
.btn-info-100:hover {
color: #333;
background-color: #d5f1f5;
border-color: #d5f1f5
}
.btn-info-100.focus, .btn-info-100:focus {
color: #333;
background-color: #d5f1f5;
border-color: #d5f1f5;
outline: 0;
box-shadow: 0 0 0 0 rgba(207,218,220,.5)
}
.btn-info-100.disabled, .btn-info-100:disabled {
color: #333;
background-color: #eaf8fa;
border-color: #eaf8fa
}
.btn-info-100:not(:disabled):not(.disabled).active, .btn-info-100:not(:disabled):not(.disabled):active, .show>.btn-info-100 {
color: #333;
background-color: #c1eaf0;
border-color: #c1eaf0
}
.btn-warning {
color: #fff;
background-color: #f58646;
border-color: #f58646
}
.btn-warning:hover {
color: #fff;
background-color: #f4762e;
border-color: #f4762e
}
.btn-warning.focus, .btn-warning:focus {
color: #fff;
background-color: #f4762e;
border-color: #f4762e;
outline: 0;
box-shadow: 0 0 0 0 rgba(247,152,98,.5)
}
.btn-warning.disabled, .btn-warning:disabled {
color: #fff;
background-color: #f58646;
border-color: #f58646
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning {
color: #fff;
background-color: #f26616;
border-color: #f26616
}
.btn-warning-100 {
color: #333;
background-color: #fef3ed;
border-color: #fef3ed
}
.btn-warning-100:hover {
color: #333;
background-color: #fde3d5;
border-color: #fde3d5
}
.btn-warning-100.focus, .btn-warning-100:focus {
color: #333;
background-color: #fde3d5;
border-color: #fde3d5;
outline: 0;
box-shadow: 0 0 0 0 rgba(224,214,209,.5)
}
.btn-warning-100.disabled, .btn-warning-100:disabled {
color: #333;
background-color: #fef3ed;
border-color: #fef3ed
}
.btn-warning-100:not(:disabled):not(.disabled).active, .btn-warning-100:not(:disabled):not(.disabled):active, .show>.btn-warning-100 {
color: #333;
background-color: #fbd3bd;
border-color: #fbd3bd
}
.btn-danger {
color: #fff;
background-color: #ef5350;
border-color: #ef5350
}
.btn-danger:hover {
color: #fff;
background-color: #ed3c39;
border-color: #ed3c39
}
.btn-danger.focus, .btn-danger:focus {
color: #fff;
background-color: #ed3c39;
border-color: #ed3c39;
outline: 0;
box-shadow: 0 0 0 0 rgba(241,109,106,.5)
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #ef5350;
border-color: #ef5350
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger {
color: #fff;
background-color: #eb2521;
border-color: #eb2521
}
.btn-danger-100 {
color: #333;
background-color: #fdeeee;
border-color: #fdeeee
}
.btn-danger-100:hover {
color: #333;
background-color: #fad7d7;
border-color: #fad7d7
}
.btn-danger-100.focus, .btn-danger-100:focus {
color: #333;
background-color: #fad7d7;
border-color: #fad7d7;
outline: 0;
box-shadow: 0 0 0 0 rgba(223,210,210,.5)
}
.btn-danger-100.disabled, .btn-danger-100:disabled {
color: #333;
background-color: #fdeeee;
border-color: #fdeeee
}
.btn-danger-100:not(:disabled):not(.disabled).active, .btn-danger-100:not(:disabled):not(.disabled):active, .show>.btn-danger-100 {
color: #333;
background-color: #f8c0c0;
border-color: #f8c0c0
}
.btn-white {
color: #333;
background-color: #fff;
border-color: #fff
}
.btn-white:hover {
color: #333;
background-color: #f2f2f2;
border-color: #f2f2f2
}
.btn-white.focus, .btn-white:focus {
color: #333;
background-color: #f2f2f2;
border-color: #f2f2f2;
outline: 0;
box-shadow: 0 0 0 0 rgba(224,224,224,.5)
}
.btn-white.disabled, .btn-white:disabled {
color: #333;
background-color: #fff;
border-color: #fff
}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white {
color: #333;
background-color: #e6e6e6;
border-color: #e6e6e6
}
.btn-light {
color: #333;
background-color: #f0f2f5;
border-color: #f0f2f5
}
.btn-light:hover {
color: #333;
background-color: #e1e5eb;
border-color: #e1e5eb
}
.btn-light.focus, .btn-light:focus {
color: #333;
background-color: #e1e5eb;
border-color: #e1e5eb;
outline: 0;
box-shadow: 0 0 0 0 rgba(212,213,216,.5)
}
.btn-light.disabled, .btn-light:disabled {
color: #333;
background-color: #f0f2f5;
border-color: #f0f2f5
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light {
color: #333;
background-color: #d1d7e1;
border-color: #d1d7e1
}
.btn-light-100 {
color: #333;
background-color: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.1)
}
.btn-light-100:hover {
color: #333;
background-color: rgba(242,242,242,.1);
border-color: rgba(242,242,242,.1)
}
.btn-light-100.focus, .btn-light-100:focus {
color: #333;
background-color: rgba(242,242,242,.1);
border-color: rgba(242,242,242,.1);
outline: 0;
box-shadow: 0 0 0 0 rgba(98,98,98,.5)
}
.btn-light-100.disabled, .btn-light-100:disabled {
color: #333;
background-color: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.1)
}
.btn-light-100:not(:disabled):not(.disabled).active, .btn-light-100:not(:disabled):not(.disabled):active, .show>.btn-light-100 {
color: #333;
background-color: rgba(230,230,230,.1);
border-color: rgba(230,230,230,.1)
}
.btn-dark {
color: #fff;
background-color:#5c6bc0;
border-color:#5c6bc0
}
.btn-dark:hover {
color: #fff;
background-color: #4a5bb9;
border-color: #4a5bb9
}
.btn-dark.focus, .btn-dark:focus {
color: #fff;
background-color:#4a5bb9;
border-color:#4a5bb9;
outline: 0;
box-shadow: 0 0 0 0 rgba(70,75,84,.5)
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #252b36;
border-color: #252b36
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark {
color: #fff;
background-color: #101318;
border-color: #101318
}
.btn-dark-100 {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-dark-100:hover {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-dark-100.focus, .btn-dark-100:focus {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1);
outline: 0;
box-shadow: 0 0 0 0 rgba(196,196,196,.5)
}
.btn-dark-100.disabled, .btn-dark-100:disabled {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-dark-100:not(:disabled):not(.disabled).active, .btn-dark-100:not(:disabled):not(.disabled):active, .show>.btn-dark-100 {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-teal {
color: #fff;
background-color: #26a69a;
border-color: #26a69a
}
.btn-teal:hover {
color: #fff;
background-color: #219187;
border-color: #219187
}
.btn-teal.focus, .btn-teal:focus {
color: #fff;
background-color: #219187;
border-color: #219187;
outline: 0;
box-shadow: 0 0 0 0 rgba(71,179,169,.5)
}
.btn-teal.disabled, .btn-teal:disabled {
color: #fff;
background-color: #26a69a;
border-color: #26a69a
}
.btn-teal:not(:disabled):not(.disabled).active, .btn-teal:not(:disabled):not(.disabled):active, .show>.btn-teal {
color: #fff;
background-color: #1d7d74;
border-color: #1d7d74
}
.btn-teal-100 {
color: #333;
background-color: #e9f6f5;
border-color: #e9f6f5
}
.btn-teal-100:hover {
color: #333;
background-color: #d7efed;
border-color: #d7efed
}
.btn-teal-100.focus, .btn-teal-100:focus {
color: #333;
background-color: #d7efed;
border-color: #d7efed;
outline: 0;
box-shadow: 0 0 0 0 rgba(206,217,216,.5)
}
.btn-teal-100.disabled, .btn-teal-100:disabled {
color: #333;
background-color: #e9f6f5;
border-color: #e9f6f5
}
.btn-teal-100:not(:disabled):not(.disabled).active, .btn-teal-100:not(:disabled):not(.disabled):active, .show>.btn-teal-100 {
color: #333;
background-color: #c5e7e5;
border-color: #c5e7e5
}
.btn-gray {
color: #525252;
background-color: #f6f6f6;
border-color: #ccc
}
.btn-gray:hover {
color: #525252;
background-color: #eee;
border-color: #ccc
}
.btn-gray-200 {
color: #666;
background-color:var(--gray-200);
border-color: var(--gray-200);;
}
.btn-gray-200 :hover {
color: #525252;
background-color: #999;
border-color: #999
}
.btn-indigo {
color: #fff;
background-color: #5c6bc0;
border-color: #5c6bc0
}
.btn-indigo:hover {
color: #fff;
background-color: #4a5ab9;
border-color: #4a5ab9
}
.btn-indigo.focus, .btn-indigo:focus {
color: #fff;
background-color: #4a5ab9;
border-color: #4a5ab9;
outline: 0;
box-shadow: 0 0 0 0 rgba(116,129,201,.5)
}
.btn-indigo.disabled, .btn-indigo:disabled {
color: #fff;
background-color: #5c6bc0;
border-color: #5c6bc0
}
.btn-indigo:not(:disabled):not(.disabled).active, .btn-indigo:not(:disabled):not(.disabled):active, .show>.btn-indigo {
color: #fff;
background-color: #4150a8;
border-color: #4150a8
}
.btn-indigo-100 {
color: #333;
background-color: #eff0f9;
border-color: #eff0f9
}
.btn-indigo-100:hover {
color: #333;
background-color: #dcdff2;
border-color: #dcdff2
}
.btn-indigo-100.focus, .btn-indigo-100:focus {
color: #333;
background-color: #dcdff2;
border-color: #dcdff2;
outline: 0;
box-shadow: 0 0 0 0 rgba(211,212,219,.5)
}
.btn-indigo-100.disabled, .btn-indigo-100:disabled {
color: #333;
background-color: #eff0f9;
border-color: #eff0f9
}
.btn-indigo-100:not(:disabled):not(.disabled).active, .btn-indigo-100:not(:disabled):not(.disabled):active, .show>.btn-indigo-100 {
color: #333;
background-color: #cacdeb;
border-color: #cacdeb
}
.btn-purple {
color: #fff;
background-color: #8e70c1;
border-color: #8e70c1
}
.btn-purple:hover {
color: #fff;
background-color: #805eb9;
border-color: #805eb9
}
.btn-purple.focus, .btn-purple:focus {
color: #fff;
background-color: #805eb9;
border-color: #805eb9;
outline: 0;
box-shadow: 0 0 0 0 rgba(159,133,202,.5)
}
.btn-purple.disabled, .btn-purple:disabled {
color: #fff;
background-color: #8e70c1;
border-color: #8e70c1
}
.btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show>.btn-purple {
color: #fff;
background-color: #724db1;
border-color: #724db1
}
.btn-purple-100 {
color: #333;
background-color: #f4f1f9;
border-color: #f4f1f9
}
.btn-purple-100:hover {
color: #333;
background-color: #e6dff1;
border-color: #e6dff1
}
.btn-purple-100.focus, .btn-purple-100:focus {
color: #333;
background-color: #e6dff1;
border-color: #e6dff1;
outline: 0;
box-shadow: 0 0 0 0 rgba(215,213,219,.5)
}
.btn-purple-100.disabled, .btn-purple-100:disabled {
color: #333;
background-color: #f4f1f9;
border-color: #f4f1f9
}
.btn-purple-100:not(:disabled):not(.disabled).active, .btn-purple-100:not(:disabled):not(.disabled):active, .show>.btn-purple-100 {
color: #333;
background-color: #d8cdea;
border-color: #d8cdea
}
.btn-pink {
color: #fff;
background-color: #f35c86;
border-color: #f35c86
}
.btn-pink:hover {
color: #fff;
background-color: #f14474;
border-color: #f14474
}
.btn-pink.focus, .btn-pink:focus {
color: #fff;
background-color: #f14474;
border-color: #f14474;
outline: 0;
box-shadow: 0 0 0 0 rgba(245,116,152,.5)
}
.btn-pink.disabled, .btn-pink:disabled {
color: #fff;
background-color: #f35c86;
border-color: #f35c86
}
.btn-pink:not(:disabled):not(.disabled).active, .btn-pink:not(:disabled):not(.disabled):active, .show>.btn-pink {
color: #fff;
background-color: #f02c63;
border-color: #f02c63
}
.btn-pink-100 {
color: #333;
background-color: #feeff3;
border-color: #feeff3
}
.btn-pink-100:hover {
color: #333;
background-color: #fdd7e1;
border-color: #fdd7e1
}
.btn-pink-100.focus, .btn-pink-100:focus {
color: #333;
background-color: #fdd7e1;
border-color: #fdd7e1;
outline: 0;
box-shadow: 0 0 0 0 rgba(224,211,214,.5)
}
.btn-pink-100.disabled, .btn-pink-100:disabled {
color: #333;
background-color: #feeff3;
border-color: #feeff3
}
.btn-pink-100:not(:disabled):not(.disabled).active, .btn-pink-100:not(:disabled):not(.disabled):active, .show>.btn-pink-100 {
color: #333;
background-color: #fbbfcf;
border-color: #fbbfcf
}
.btn-yellow {
color: #333;
background-color: #ffd648;
border-color: #ffd648
}
.btn-yellow:hover {
color: #333;
background-color: #ffd02f;
border-color: #ffd02f
}
.btn-yellow.focus, .btn-yellow:focus {
color: #333;
background-color: #ffd02f;
border-color: #ffd02f;
outline: 0;
box-shadow: 0 0 0 0 rgba(224,190,69,.5)
}
.btn-yellow.disabled, .btn-yellow:disabled {
color: #333;
background-color: #ffd648;
border-color: #ffd648
}
.btn-yellow:not(:disabled):not(.disabled).active, .btn-yellow:not(:disabled):not(.disabled):active, .show>.btn-yellow {
color: #333;
background-color: #ffcb15;
border-color: #ffcb15
}
.btn-yellow-100 {
color: #333;
background-color: #fffbed;
border-color: #fffbed
}
.btn-yellow-100:hover {
color: #333;
background-color: #fff5d4;
border-color: #fff5d4
}
.btn-yellow-100.focus, .btn-yellow-100:focus {
color: #333;
background-color: #fff5d4;
border-color: #fff5d4;
outline: 0;
box-shadow: 0 0 0 0 rgba(224,221,209,.5)
}
.btn-yellow-100.disabled, .btn-yellow-100:disabled {
color: #333;
background-color: #fffbed;
border-color: #fffbed
}
.btn-yellow-100:not(:disabled):not(.disabled).active, .btn-yellow-100:not(:disabled):not(.disabled):active, .show>.btn-yellow-100 {
color: #333;
background-color: #fff0ba;
border-color: #fff0ba
}
.btn-outline-primary {
color: #2196f3;
border-color: #2196f3
}
.btn-outline-primary:hover {
color: #fff;
background-color: #2196f3;
border-color: #2196f3
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow: 0 0 0 0 rgba(33,150,243,.5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #2196f3;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary {
color: #fff;
background-color: #0c83e2;
border-color: #0c83e2
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary:focus {
box-shadow: 0 0 0 0 rgba(33,150,243,.5)
}
.btn-outline-primary-100 {
color: #e9f5fe;
border-color: #e9f5fe
}
.btn-outline-primary-100:hover {
color: #333;
background-color: #e9f5fe;
border-color: #e9f5fe
}
.btn-outline-primary-100.focus, .btn-outline-primary-100:focus {
box-shadow: 0 0 0 0 rgba(233,245,254,.5)
}
.btn-outline-primary-100.disabled, .btn-outline-primary-100:disabled {
color: #e9f5fe;
background-color: transparent
}
.btn-outline-primary-100:not(:disabled):not(.disabled).active, .btn-outline-primary-100:not(:disabled):not(.disabled):active, .show>.btn-outline-primary-100 {
color: #333;
background-color: #c4e4fc;
border-color: #c4e4fc
}
.btn-outline-primary-100:not(:disabled):not(.disabled).active:focus, .btn-outline-primary-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary-100:focus {
box-shadow: 0 0 0 0 rgba(233,245,254,.5)
}
.btn-outline-secondary {
color: #45748a;
border-color: #45748a
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #45748a;
border-color: #45748a
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
box-shadow: 0 0 0 0 rgba(69,116,138,.5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #45748a;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary {
color: #fff;
background-color: #385f71;
border-color: #385f71
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary:focus {
box-shadow: 0 0 0 0 rgba(69,116,138,.5)
}
.btn-outline-secondary-100 {
color: #ecf1f3;
border-color: #ecf1f3
}
.btn-outline-secondary-100:hover {
color: #333;
background-color: #ecf1f3;
border-color: #ecf1f3
}
.btn-outline-secondary-100.focus, .btn-outline-secondary-100:focus {
box-shadow: 0 0 0 0 rgba(236,241,243,.5)
}
.btn-outline-secondary-100.disabled, .btn-outline-secondary-100:disabled {
color: #ecf1f3;
background-color: transparent
}
.btn-outline-secondary-100:not(:disabled):not(.disabled).active, .btn-outline-secondary-100:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary-100 {
color: #333;
background-color: #d5e0e4;
border-color: #d5e0e4
}
.btn-outline-secondary-100:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary-100:focus {
box-shadow: 0 0 0 0 rgba(236,241,243,.5)
}
.btn-outline-success {
color: #25b372;
border-color: #25b372
}
.btn-outline-success:hover {
color: #fff;
background-color: #25b372;
border-color: #25b372
}
.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow: 0 0 0 0 rgba(37,179,114,.5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #25b372;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success {
color: #fff;
background-color: #1e935e;
border-color: #1e935e
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success:focus {
box-shadow: 0 0 0 0 rgba(37,179,114,.5)
}
.btn-outline-success-100 {
color: #e9f7f1;
border-color: #e9f7f1
}
.btn-outline-success-100:hover {
color: #333;
background-color: #e9f7f1;
border-color: #e9f7f1
}
.btn-outline-success-100.focus, .btn-outline-success-100:focus {
box-shadow: 0 0 0 0 rgba(233,247,241,.5)
}
.btn-outline-success-100.disabled, .btn-outline-success-100:disabled {
color: #e9f7f1;
background-color: transparent
}
.btn-outline-success-100:not(:disabled):not(.disabled).active, .btn-outline-success-100:not(:disabled):not(.disabled):active, .show>.btn-outline-success-100 {
color: #333;
background-color: #cdeddf;
border-color: #cdeddf
}
.btn-outline-success-100:not(:disabled):not(.disabled).active:focus, .btn-outline-success-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success-100:focus {
box-shadow: 0 0 0 0 rgba(233,247,241,.5)
}
.btn-outline-info {
color: #2cbacc;
border-color: #2cbacc
}
.btn-outline-info:hover {
color: #fff;
background-color: #2cbacc;
border-color: #2cbacc
}
.btn-outline-info.focus, .btn-outline-info:focus {
box-shadow: 0 0 0 0 rgba(44,186,204,.5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #2cbacc;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info {
color: #fff;
background-color: #259dad;
border-color: #259dad
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info:focus {
box-shadow: 0 0 0 0 rgba(44,186,204,.5)
}
.btn-outline-info-100 {
color: #eaf8fa;
border-color: #eaf8fa
}
.btn-outline-info-100:hover {
color: #333;
background-color: #eaf8fa;
border-color: #eaf8fa
}
.btn-outline-info-100.focus, .btn-outline-info-100:focus {
box-shadow: 0 0 0 0 rgba(234,248,250,.5)
}
.btn-outline-info-100.disabled, .btn-outline-info-100:disabled {
color: #eaf8fa;
background-color: transparent
}
.btn-outline-info-100:not(:disabled):not(.disabled).active, .btn-outline-info-100:not(:disabled):not(.disabled):active, .show>.btn-outline-info-100 {
color: #333;
background-color: #cbeef3;
border-color: #cbeef3
}
.btn-outline-info-100:not(:disabled):not(.disabled).active:focus, .btn-outline-info-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info-100:focus {
box-shadow: 0 0 0 0 rgba(234,248,250,.5)
}
.btn-outline-warning {
color: #f58646;
border-color: #f58646
}
.btn-outline-warning:hover {
color: #fff;
background-color: #f58646;
border-color: #f58646
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
box-shadow: 0 0 0 0 rgba(245,134,70,.5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #f58646;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning {
color: #fff;
background-color: #f36e22;
border-color: #f36e22
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning:focus {
box-shadow: 0 0 0 0 rgba(245,134,70,.5)
}
.btn-outline-warning-100 {
color: #fef3ed;
border-color: #fef3ed
}
.btn-outline-warning-100:hover {
color: #333;
background-color: #fef3ed;
border-color: #fef3ed
}
.btn-outline-warning-100.focus, .btn-outline-warning-100:focus {
box-shadow: 0 0 0 0 rgba(254,243,237,.5)
}
.btn-outline-warning-100.disabled, .btn-outline-warning-100:disabled {
color: #fef3ed;
background-color: transparent
}
.btn-outline-warning-100:not(:disabled):not(.disabled).active, .btn-outline-warning-100:not(:disabled):not(.disabled):active, .show>.btn-outline-warning-100 {
color: #333;
background-color: #fcdbc9;
border-color: #fcdbc9
}
.btn-outline-warning-100:not(:disabled):not(.disabled).active:focus, .btn-outline-warning-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning-100:focus {
box-shadow: 0 0 0 0 rgba(254,243,237,.5)
}
.btn-outline-danger {
color: #ef5350;
border-color: #ef5350
}
.btn-outline-danger:hover {
color: #fff;
background-color: #ef5350;
border-color: #ef5350
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow: 0 0 0 0 rgba(239,83,80,.5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #ef5350;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger {
color: #fff;
background-color: #ec312d;
border-color: #ec312d
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger:focus {
box-shadow: 0 0 0 0 rgba(239,83,80,.5)
}
.btn-outline-danger-100 {
color: #fdeeee;
border-color: #fdeeee
}
.btn-outline-danger-100:hover {
color: #333;
background-color: #fdeeee;
border-color: #fdeeee
}
.btn-outline-danger-100.focus, .btn-outline-danger-100:focus {
box-shadow: 0 0 0 0 rgba(253,238,238,.5)
}
.btn-outline-danger-100.disabled, .btn-outline-danger-100:disabled {
color: #fdeeee;
background-color: transparent
}
.btn-outline-danger-100:not(:disabled):not(.disabled).active, .btn-outline-danger-100:not(:disabled):not(.disabled):active, .show>.btn-outline-danger-100 {
color: #333;
background-color: #f9cccc;
border-color: #f9cccc
}
.btn-outline-danger-100:not(:disabled):not(.disabled).active:focus, .btn-outline-danger-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger-100:focus {
box-shadow: 0 0 0 0 rgba(253,238,238,.5)
}
.btn-outline-white {
color: #fff;
border-color: #fff
}
.btn-outline-white:hover {
color: #333;
background-color: #fff;
border-color: #fff
}
.btn-outline-white.focus, .btn-outline-white:focus {
box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
color: #fff;
background-color: transparent
}
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white {
color: #333;
background-color: #ececec;
border-color: #ececec
}
.btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-white:focus {
box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}
.btn-outline-light {
color: #f0f2f5;
border-color: #f0f2f5
}
.btn-outline-light:hover {
color: #333;
background-color: #f0f2f5;
border-color: #f0f2f5
}
.btn-outline-light.focus, .btn-outline-light:focus {
box-shadow: 0 0 0 0 rgba(240,242,245,.5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f0f2f5;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light {
color: #333;
background-color: #d9dee6;
border-color: #d9dee6
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light:focus {
box-shadow: 0 0 0 0 rgba(240,242,245,.5)
}
.btn-outline-light-100 {
color: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.1)
}
.btn-outline-light-100:hover {
color: #333;
background-color: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.1)
}
.btn-outline-light-100.focus, .btn-outline-light-100:focus {
box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}
.btn-outline-light-100.disabled, .btn-outline-light-100:disabled {
color: rgba(255,255,255,.1);
background-color: transparent
}
.btn-outline-light-100:not(:disabled):not(.disabled).active, .btn-outline-light-100:not(:disabled):not(.disabled):active, .show>.btn-outline-light-100 {
color: #333;
background-color: rgba(236,236,236,.1);
border-color: rgba(236,236,236,.1)
}
.btn-outline-light-100:not(:disabled):not(.disabled).active:focus, .btn-outline-light-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light-100:focus {
box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}
.btn-outline-dark {
color: #252b36;
border-color: #252b36
}
.btn-outline-dark:hover {
color: #fff;
background-color: #252b36;
border-color: #252b36
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
box-shadow: 0 0 0 0 rgba(37,43,54,.5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #252b36;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark {
color: #fff;
background-color: #15191f;
border-color: #15191f
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark:focus {
box-shadow: 0 0 0 0 rgba(37,43,54,.5)
}
.btn-outline-dark-100 {
color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-outline-dark-100:hover {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-outline-dark-100.focus, .btn-outline-dark-100:focus {
box-shadow: 0 0 0 0 rgba(0,0,0,.5)
}
.btn-outline-dark-100.disabled, .btn-outline-dark-100:disabled {
color: rgba(0,0,0,.1);
background-color: transparent
}
.btn-outline-dark-100:not(:disabled):not(.disabled).active, .btn-outline-dark-100:not(:disabled):not(.disabled):active, .show>.btn-outline-dark-100 {
color: #fff;
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.1)
}
.btn-outline-dark-100:not(:disabled):not(.disabled).active:focus, .btn-outline-dark-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark-100:focus {
box-shadow: 0 0 0 0 rgba(0,0,0,.5)
}
.btn-outline-teal {
color: #26a69a;
border-color: #26a69a
}
.btn-outline-teal:hover {
color: #fff;
background-color: #26a69a;
border-color: #26a69a
}
.btn-outline-teal.focus, .btn-outline-teal:focus {
box-shadow: 0 0 0 0 rgba(38,166,154,.5)
}
.btn-outline-teal.disabled, .btn-outline-teal:disabled {
color: #26a69a;
background-color: transparent
}
.btn-outline-teal:not(:disabled):not(.disabled).active, .btn-outline-teal:not(:disabled):not(.disabled):active, .show>.btn-outline-teal {
color: #fff;
background-color: #1f877d;
border-color: #1f877d
}
.btn-outline-teal:not(:disabled):not(.disabled).active:focus, .btn-outline-teal:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-teal:focus {
box-shadow: 0 0 0 0 rgba(38,166,154,.5)
}
.btn-outline-teal-100 {
color: #e9f6f5;
border-color: #e9f6f5
}
.btn-outline-teal-100:hover {
color: #333;
background-color: #e9f6f5;
border-color: #e9f6f5
}
.btn-outline-teal-100.focus, .btn-outline-teal-100:focus {
box-shadow: 0 0 0 0 rgba(233,246,245,.5)
}
.btn-outline-teal-100.disabled, .btn-outline-teal-100:disabled {
color: #e9f6f5;
background-color: transparent
}
.btn-outline-teal-100:not(:disabled):not(.disabled).active, .btn-outline-teal-100:not(:disabled):not(.disabled):active, .show>.btn-outline-teal-100 {
color: #333;
background-color: #ceebe9;
border-color: #ceebe9
}
.btn-outline-teal-100:not(:disabled):not(.disabled).active:focus, .btn-outline-teal-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-teal-100:focus {
box-shadow: 0 0 0 0 rgba(233,246,245,.5)
}
.btn-outline-indigo {
color: #5c6bc0;
border-color: #5c6bc0
}
.btn-outline-indigo:hover {
color: #fff;
background-color: #5c6bc0;
border-color: #5c6bc0
}
.btn-outline-indigo.focus, .btn-outline-indigo:focus {
box-shadow: 0 0 0 0 rgba(92,107,192,.5)
}
.btn-outline-indigo.disabled, .btn-outline-indigo:disabled {
color: #5c6bc0;
background-color: transparent
}
.btn-outline-indigo:not(:disabled):not(.disabled).active, .btn-outline-indigo:not(:disabled):not(.disabled):active, .show>.btn-outline-indigo {
color: #fff;
background-color: #4555b1;
border-color: #4555b1
}
.btn-outline-indigo:not(:disabled):not(.disabled).active:focus, .btn-outline-indigo:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-indigo:focus {
box-shadow: 0 0 0 0 rgba(92,107,192,.5)
}
.btn-outline-indigo-100 {
color: #eff0f9;
border-color: #eff0f9
}
.btn-outline-indigo-100:hover {
color: #333;
background-color: #eff0f9;
border-color: #eff0f9
}
.btn-outline-indigo-100.focus, .btn-outline-indigo-100:focus {
box-shadow: 0 0 0 0 rgba(239,240,249,.5)
}
.btn-outline-indigo-100.disabled, .btn-outline-indigo-100:disabled {
color: #eff0f9;
background-color: transparent
}
.btn-outline-indigo-100:not(:disabled):not(.disabled).active, .btn-outline-indigo-100:not(:disabled):not(.disabled):active, .show>.btn-outline-indigo-100 {
color: #333;
background-color: #d3d6ef;
border-color: #d3d6ef
}
.btn-outline-indigo-100:not(:disabled):not(.disabled).active:focus, .btn-outline-indigo-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-indigo-100:focus {
box-shadow: 0 0 0 0 rgba(239,240,249,.5)
}
.btn-outline-purple {
color: #8e70c1;
border-color: #8e70c1
}
.btn-outline-purple:hover {
color: #fff;
background-color: #8e70c1;
border-color: #8e70c1
}
.btn-outline-purple.focus, .btn-outline-purple:focus {
box-shadow: 0 0 0 0 rgba(142,112,193,.5)
}
.btn-outline-purple.disabled, .btn-outline-purple:disabled {
color: #8e70c1;
background-color: transparent
}
.btn-outline-purple:not(:disabled):not(.disabled).active, .btn-outline-purple:not(:disabled):not(.disabled):active, .show>.btn-outline-purple {
color: #fff;
background-color: #7955b5;
border-color: #7955b5
}
.btn-outline-purple:not(:disabled):not(.disabled).active:focus, .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-purple:focus {
box-shadow: 0 0 0 0 rgba(142,112,193,.5)
}
.btn-outline-purple-100 {
color: #f4f1f9;
border-color: #f4f1f9
}
.btn-outline-purple-100:hover {
color: #333;
background-color: #f4f1f9;
border-color: #f4f1f9
}
.btn-outline-purple-100.focus, .btn-outline-purple-100:focus {
box-shadow: 0 0 0 0 rgba(244,241,249,.5)
}
.btn-outline-purple-100.disabled, .btn-outline-purple-100:disabled {
color: #f4f1f9;
background-color: transparent
}
.btn-outline-purple-100:not(:disabled):not(.disabled).active, .btn-outline-purple-100:not(:disabled):not(.disabled):active, .show>.btn-outline-purple-100 {
color: #333;
background-color: #dfd6ee;
border-color: #dfd6ee
}
.btn-outline-purple-100:not(:disabled):not(.disabled).active:focus, .btn-outline-purple-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-purple-100:focus {
box-shadow: 0 0 0 0 rgba(244,241,249,.5)
}
.btn-outline-pink {
color: #f35c86;
border-color: #f35c86
}
.btn-outline-pink:hover {
color: #fff;
background-color: #f35c86;
border-color: #f35c86
}
.btn-outline-pink.focus, .btn-outline-pink:focus {
box-shadow: 0 0 0 0 rgba(243,92,134,.5)
}
.btn-outline-pink.disabled, .btn-outline-pink:disabled {
color: #f35c86;
background-color: transparent
}
.btn-outline-pink:not(:disabled):not(.disabled).active, .btn-outline-pink:not(:disabled):not(.disabled):active, .show>.btn-outline-pink {
color: #fff;
background-color: #f0386c;
border-color: #f0386c
}
.btn-outline-pink:not(:disabled):not(.disabled).active:focus, .btn-outline-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-pink:focus {
box-shadow: 0 0 0 0 rgba(243,92,134,.5)
}
.btn-outline-pink-100 {
color: #feeff3;
border-color: #feeff3
}
.btn-outline-pink-100:hover {
color: #333;
background-color: #feeff3;
border-color: #feeff3
}
.btn-outline-pink-100.focus, .btn-outline-pink-100:focus {
box-shadow: 0 0 0 0 rgba(254,239,243,.5)
}
.btn-outline-pink-100.disabled, .btn-outline-pink-100:disabled {
color: #feeff3;
background-color: transparent
}
.btn-outline-pink-100:not(:disabled):not(.disabled).active, .btn-outline-pink-100:not(:disabled):not(.disabled):active, .show>.btn-outline-pink-100 {
color: #333;
background-color: #fccbd8;
border-color: #fccbd8
}
.btn-outline-pink-100:not(:disabled):not(.disabled).active:focus, .btn-outline-pink-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-pink-100:focus {
box-shadow: 0 0 0 0 rgba(254,239,243,.5)
}
.btn-outline-yellow {
color: #ffd648;
border-color: #ffd648
}
.btn-outline-yellow:hover {
color: #333;
background-color: #ffd648;
border-color: #ffd648
}
.btn-outline-yellow.focus, .btn-outline-yellow:focus {
box-shadow: 0 0 0 0 rgba(255,214,72,.5)
}
.btn-outline-yellow.disabled, .btn-outline-yellow:disabled {
color: #ffd648;
background-color: transparent
}
.btn-outline-yellow:not(:disabled):not(.disabled).active, .btn-outline-yellow:not(:disabled):not(.disabled):active, .show>.btn-outline-yellow {
color: #333;
background-color: #ffcd22;
border-color: #ffcd22
}
.btn-outline-yellow:not(:disabled):not(.disabled).active:focus, .btn-outline-yellow:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-yellow:focus {
box-shadow: 0 0 0 0 rgba(255,214,72,.5)
}
.btn-outline-yellow-100 {
color: #fffbed;
border-color: #fffbed
}
.btn-outline-yellow-100:hover {
color: #333;
background-color: #fffbed;
border-color: #fffbed
}
.btn-outline-yellow-100.focus, .btn-outline-yellow-100:focus {
box-shadow: 0 0 0 0 rgba(255,251,237,.5)
}
.btn-outline-yellow-100.disabled, .btn-outline-yellow-100:disabled {
color: #fffbed;
background-color: transparent
}
.btn-outline-yellow-100:not(:disabled):not(.disabled).active, .btn-outline-yellow-100:not(:disabled):not(.disabled):active, .show>.btn-outline-yellow-100 {
color: #333;
background-color: #fff3c7;
border-color: #fff3c7
}
.btn-outline-yellow-100:not(:disabled):not(.disabled).active:focus, .btn-outline-yellow-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-yellow-100:focus {
box-shadow: 0 0 0 0 rgba(255,251,237,.5)
}
.btn-outline-gray {color: #787878; background:#fff; border-color: #ddd;}
.btn-outline-gray:hover {background-color: #f6f6f6;}
.btn-link {
font-weight: 400;
color: #2196f3;
text-decoration: none
}
.btn-link:hover {
color: #0a6ebd;
text-decoration: none
}
.btn-link.focus, .btn-link:focus {
text-decoration: none
}
.btn-link.disabled, .btn-link:disabled {
color: #999;
pointer-events: none
}
.btn-group-lg>.btn, .btn-lg {
padding:.5625rem 1rem;
font-size:.9375rem;
line-height: 1.4667;
border-radius:.3125rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top:.5rem
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
width: 100%
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .15s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown, .dropleft, .dropright, .dropup {
position: relative
}
.dropdown-toggle {
min-width:auto;
white-space: nowrap
}
.dropdown-toggle::after {
font-family: icomoon;
display: inline-block;
border: 0;
vertical-align: middle;
font-size: 1rem;
margin-left:.46875rem;
line-height: 1;
position: relative;
content: ""
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 12.5rem;
padding:0;
margin:.125rem 0 0;
font-size:.875rem;
color: #333;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width:769px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom:.125rem
}
.dropup .dropdown-toggle::after {
font-family: icomoon;
display: inline-block;
border: 0;
vertical-align: middle;
font-size: 1rem;
margin-left:.46875rem;
line-height: 1;
position: relative;
content: ""
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left:.125rem
}
.dropright .dropdown-toggle::after {
font-family: icomoon;
display: inline-block;
border: 0;
vertical-align: middle;
font-size: 1rem;
margin-left:.46875rem;
line-height: 1;
/* position: relative; */
content: ""
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right:.125rem
}
.dropleft .dropdown-toggle::after {
font-family: icomoon;
display: inline-block;
border: 0;
vertical-align: middle;
font-size: 1rem;
margin-left:.46875rem;
line-height: 1;
position: relative
}
.dropleft .dropdown-toggle::after {
content: none
}
.dropleft .dropdown-toggle::before {
font-family: icomoon;
display: inline-block;
border: 0;
font-size: 1rem;
margin-right:.46875rem;
line-height: 1;
position: relative;
content: ""
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin:0;
overflow: hidden;
border-top: 1px solid #ddd
}
.dropdown-item {
display: block;
width: 100%;
padding:.5rem 1rem;
clear: both;
font-weight: 400;
color: #333;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus, .dropdown-item:hover {
color: #333;
text-decoration: none;
background-color: #eee
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #2196f3
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #999;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding:.5rem 1rem;
margin-bottom: 0;
font-size:.8125rem;
color: #999;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding:.5rem 1rem;
color: #333
}
.btn-group, .btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn, .btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
z-index: 1
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right:.65625rem;
padding-left:.65625rem
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
padding-right:.5625rem;
padding-left:.5625rem
}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
padding-right:.75rem;
padding-left:.75rem
}
.btn-group.show .dropdown-toggle.btn-link {
box-shadow: none
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after, .input-group.has-validation>.custom-select:nth-last-child(n+3), .input-group.has-validation>.form-control:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append, .input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn, .input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus, .input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:.4375rem .875rem;
margin-bottom: 0;
font-size:.875rem;
font-weight: 400;
line-height: 1.5715;
color: #333;
text-align: center;
white-space: nowrap;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius:.25rem
}
.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) {
height: calc(1.4667em + 1.125rem + 2px)
}
.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
padding:.5625rem 1rem;
font-size:.9375rem;
line-height: 1.4667;
border-radius:.3125rem
}
.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) {
height:calc(1.6924em + .625rem + 2px)
}
.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
padding:.3125rem .75rem;
font-size:.8125rem;
line-height: 1.6924;
border-radius:.1875rem
}
.input-group-lg>.custom-select, .input-group-sm>.custom-select {
padding-right: 2.1875rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.37506rem;
padding-left: 2rem;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1.25rem;
height: 1.31253rem;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #2196f3;
background-color: #2196f3
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #c4c4c4
}
.custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label {
color: #999
}
.custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before {
background-color: #fff
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
cursor: pointer
}
.custom-control-label::before {
position: absolute;
top:.06253rem;
left: -2rem;
display: block;
width: 1.25rem;
height: 1.25rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #ddd solid 2px;
box-shadow: 0 0 0 0 transparent
}
.custom-control-label::after {
position: absolute;
top:.06253rem;
left: -2rem;
display: block;
width: 1.25rem;
height: 1.25rem;
content: "";
background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label::before {
border-radius:.1875rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #ddd;
background-color: #fff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #2196f3
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: #2196f3
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #2196f3
}
.custom-switch {
padding-left: 2.9375rem
}
.custom-switch .custom-control-label::before {
left: -2.9375rem;
width: 2.1875rem;
pointer-events: all;
border-radius:.625rem
}
.custom-switch .custom-control-label::after {
top:calc(.06253rem + 4px);
left: calc(-2.9375rem + 4px);
width: 1rem;
height: 1rem;
background-color: #ddd;
border-radius:.625rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform:translateX(.9375rem);
transform:translateX(.9375rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #2196f3
}
.custom-select {
display: inline-block;
width: 100%;
height: 28px /*calc(1.5715em + .875rem + 2px)*/;
padding:0 2.1875rem 0 10px /*.4375rem 2.1875rem .4375rem .875rem*/;
font-size:.875rem;
font-weight: 400;
line-height: 28px /*1.5715*/;
color: #333;
vertical-align: middle;
background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem center/8px 10px no-repeat;
border: 1px solid #ccc;
border-radius:.25rem;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #2196f3;
outline: 0
}
.custom-select:focus::-ms-value {
color:#333;
background-color:#fff
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right:.875rem;
background-image: none
}
.custom-select:disabled {
color: #999;
background-color: #f5f5f5
}
.custom-select::-ms-expand {
display:none
}
.custom-select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #333
}
.custom-select-sm {
height:calc(1.6924em + .625rem + 2px);
padding-top:.3125rem;
padding-bottom:.3125rem;
padding-left:.75rem;
font-size:.8125rem
}
.custom-select-lg {
height: calc(1.4667em + 1.125rem + 2px);
padding-top:.5625rem;
padding-bottom:.5625rem;
padding-left: 1rem;
font-size:.9375rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 28px !important;
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 28px !important;
margin: 0;
overflow: hidden;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #2196f3
}
.custom-file-input:disabled~.custom-file-label, .custom-file-input[disabled]~.custom-file-label {
background-color: #fafafa
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
height: 28px !important;
line-height: 14px;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
padding:.4375rem .875rem;
overflow: hidden;
font-weight: 400;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
border-radius:.25rem;
}
.custom-file-label::after {
height: 28px !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
padding:.4375rem .875rem;
color: #fff;
content: "Browse";
background-color: #039BE5;
border-left: inherit;
border-radius:0 .25rem .25rem 0;
}
.custom-file-label.disabled::after {
background-color: #e6e6e6;
color: #000;
}
.custom-range {
width: 100%;
height: 1rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow:0 0 0 1px #f5f5f5
}
.custom-range:focus::-moz-range-thumb {
box-shadow:0 0 0 1px #f5f5f5
}
.custom-range:focus::-ms-thumb {
box-shadow:0 0 0 1px #f5f5f5
}
.custom-range::-moz-focus-outer {
border:0
}
.custom-range::-webkit-slider-thumb {
width:1rem;
height:1rem;
margin-top:-.25rem;
background-color:#2196f3;
border:0;
border-radius:1rem;
box-shadow:0 .1rem .25rem rgba(0,0,0,.1);
-webkit-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance:none;
appearance:none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition:none;
transition:none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color:#cae6fc
}
.custom-range::-webkit-slider-runnable-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:#eee;
border-color:transparent;
border-radius:1rem;
box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)
}
.custom-range::-moz-range-thumb {
width:1rem;
height:1rem;
background-color:#2196f3;
border:0;
border-radius:1rem;
box-shadow:0 .1rem .25rem rgba(0,0,0,.1);
-moz-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance:none;
appearance:none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition:none;
transition:none
}
}
.custom-range::-moz-range-thumb:active {
background-color:#cae6fc
}
.custom-range::-moz-range-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:#eee;
border-color:transparent;
border-radius:1rem;
box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)
}
.custom-range::-ms-thumb {
width:1rem;
height:1rem;
margin-top:0;
margin-right:0;
margin-left:0;
background-color:#2196f3;
border:0;
border-radius:1rem;
box-shadow:0 .1rem .25rem rgba(0,0,0,.1);
-ms-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance:none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition:none;
transition:none
}
}
.custom-range::-ms-thumb:active {
background-color:#cae6fc
}
.custom-range::-ms-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:transparent;
border-color:transparent;
border-width:.5rem;
box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)
}
.custom-range::-ms-fill-lower {
background-color:#eee;
border-radius:1rem
}
.custom-range::-ms-fill-upper {
margin-right:15px;
background-color:#eee;
border-radius:1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color:#999
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor:default
}
.custom-range:disabled::-moz-range-thumb {
background-color:#999
}
.custom-range:disabled::-moz-range-track {
cursor:default
}
.custom-range:disabled::-ms-thumb {
background-color:#999
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before, .custom-file-label, .custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding:.75rem 1.875rem /*1.25rem*/
}
.nav-link:focus, .nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #999;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: transparent
}
.nav-tabs .nav-link.disabled {
color: #999;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #333;
background-color: #fff;
border-color: #ddd #ddd #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius:.25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #2196f3
}
.nav-fill .nav-item, .nav-fill>.nav-link {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item, .nav-justified>.nav-link {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
/*.tab-content .card-header {padding: 0.625rem 0;}*/
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1.25rem
}
#navbar-mobile .dropdown-user a {color:#5c6bc0;}
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;
width:18.75rem;
/*padding-left:1.25rem;*/
margin-right: 1.25rem;
font-size: 0;
line-height: inherit;
white-space: nowrap;
background-color:#1a2738;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none
}
.navbar .d-none {padding-right:1.25rem;}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top:.75rem;
padding-bottom:.75rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding:1rem .75rem;
font-size:.875rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 1.25rem;
padding-left: 1.25rem
}
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:768.98px) {
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:769px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 1.25rem;
padding-left: 1.25rem
}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.25rem;
padding-left: 1.25rem
}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 1.25rem;
padding-left: 1.25rem
}
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 1.25rem;
padding-left: 1.25rem
}
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: #333
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #333
}
.navbar-light .navbar-nav .nav-link {
color: rgba(51,51,51,.75)
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #333
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0,0,0,.5)
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #333
}
.navbar-light .navbar-toggler {
color: rgba(51,51,51,.75);
border-color: rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2851, 51, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(51,51,51,.75)
}
.navbar-light .navbar-text a {
color: #333
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color: #333
}
.navbar-dark {background:#fff; border-bottom:1px solid #f1f1f1;}
.navbar-dark .navbar-brand {
color: #fff;
background-color:#fff;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,.9)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255,255,255,.5)
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
/* color: rgba(255,255,255,.9); */
border-color: rgba(255,255,255,.1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255,255,255,.9)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius:.25rem
}
.card > #frm {border-bottom:1px solid #dfdfdf;}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius:calc(.25rem - 1px);
border-bottom-left-radius:calc(.25rem - 1px)
}
.card>.card-header+.list-group, .card>.list-group+.card-footer {
border-top: 0
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem
}
.card-title {
margin-bottom: 1.25rem
}
.card-subtitle {
margin-top:-.625rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: 0.625rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0,0,0,.02);
border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding: 1.25rem 1.25rem;
background-color: rgba(0,0,0,.02);
border-top: 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right:-.625rem;
margin-bottom: -1.25rem;
margin-left:-.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right:-.625rem;
margin-left:-.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius:calc(.25rem - 1px)
}
.card-img, .card-img-bottom, .card-img-top {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.card-img, .card-img-top {
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.card-img, .card-img-bottom {
border-bottom-right-radius:calc(.25rem - 1px);
border-bottom-left-radius:calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 1.25rem
}
@media (min-width:576px) {
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -1.25rem;
margin-left: -1.25rem
}
.card-deck .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 1.25rem;
margin-bottom: 0;
margin-left: 1.25rem
}
}
.card-group>.card {
margin-bottom: 1.25rem
}
@media (min-width:576px) {
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: 1.25rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion {
overflow-anchor: none
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding:.625rem 0;
margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 0
}
.breadcrumb-item+.breadcrumb-item {
padding-left:.625rem
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right:.625rem;
color: inherit;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #999
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius:.25rem
}
.page-link {
position: relative;
display: block;
padding:.4375rem .875rem;
margin-left: -1px;
line-height: 1.5715;
color: #333;
background-color: #fff;
border: 1px solid #cad1dc
}
.page-link:hover {
z-index: 2;
color: #333;
text-decoration: none;
background-color: #e1e5eb;
border-color: #bac4d1
}
.page-link:focus {
z-index: 3;
outline: 0
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.page-item:last-child .page-link {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #5c6bc0;
border-color: #5c6bc0
}
.page-item.disabled .page-link {
color: #ccc;
pointer-events: none;
cursor: auto;
background-color: #f0f2f5;
border-color: #cad1dc
}
.pagination-lg .page-link {
padding:.5625rem 1rem;
font-size:.9375rem;
line-height: 1.4667
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius:.3125rem;
border-bottom-left-radius:.3125rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius:.3125rem;
border-bottom-right-radius:.3125rem
}
.pagination-sm .page-link {
padding:.3125rem .75rem;
font-size:.8125rem;
line-height: 1.6924
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius:.1875rem;
border-bottom-left-radius:.1875rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius:.1875rem;
border-bottom-right-radius:.1875rem
}
.badge {
display: inline-block;
padding:.3125rem .4375rem;
font-size:.75rem;
font-weight: 500;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius:.1875rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
color:#fff;
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus, a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right:.5rem;
padding-left:.5rem;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #2196f3
}
a.badge-primary:focus, a.badge-primary:hover {
color: #fff;
background-color: #0c7cd5
}
a.badge-primary.focus, a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(33,150,243,.5)
}
.badge-primary-100 {
color: #333;
background-color: #e9f5fe
}
a.badge-primary-100:focus, a.badge-primary-100:hover {
color: #333;
background-color: #b8dffc
}
a.badge-primary-100.focus, a.badge-primary-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(233,245,254,.5)
}
.badge-secondary {
color: #fff;
background-color: #45748a
}
a.badge-secondary:focus, a.badge-secondary:hover {
color: #fff;
background-color: #345768
}
a.badge-secondary.focus, a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(69,116,138,.5)
}
.badge-secondary-100 {
color: #333;
background-color: #ecf1f3
}
a.badge-secondary-100:focus, a.badge-secondary-100:hover {
color: #333;
background-color: #cddadf
}
a.badge-secondary-100.focus, a.badge-secondary-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(236,241,243,.5)
}
.badge-success {
color: #fff;
background-color: #25b372
}
a.badge-success:focus, a.badge-success:hover {
color: #fff;
background-color: #1c8957
}
a.badge-success.focus, a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(37,179,114,.5)
}
.badge-success-100 {
color: #333;
background-color: #e9f7f1
}
a.badge-success-100:focus, a.badge-success-100:hover {
color: #333;
background-color: #c4e9d9
}
a.badge-success-100.focus, a.badge-success-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(233,247,241,.5)
}
.badge-info {
color: #fff;
background-color: #2cbacc
}
a.badge-info:focus, a.badge-info:hover {
color: #fff;
background-color: #2394a2
}
a.badge-info.focus, a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(44,186,204,.5)
}
.badge-info-100 {
color: #333;
background-color: #eaf8fa
}
a.badge-info-100:focus, a.badge-info-100:hover {
color: #333;
background-color: #c1eaf0
}
a.badge-info-100.focus, a.badge-info-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(234,248,250,.5)
}
.badge-warning {
color: #fff;
background-color: #f58646
}
a.badge-warning:focus, a.badge-warning:hover {
color: #fff;
background-color: #f26616
}
a.badge-warning.focus, a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(245,134,70,.5)
}
.badge-warning-100 {
color: #333;
background-color: #fef3ed
}
a.badge-warning-100:focus, a.badge-warning-100:hover {
color: #333;
background-color: #fbd3bd
}
a.badge-warning-100.focus, a.badge-warning-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(254,243,237,.5)
}
.badge-danger {
color: #fff;
background-color: #ef5350
}
a.badge-danger:focus, a.badge-danger:hover {
color: #fff;
background-color: #eb2521
}
a.badge-danger.focus, a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(239,83,80,.5)
}
.badge-danger-100 {
color: #333;
background-color: #fdeeee
}
a.badge-danger-100:focus, a.badge-danger-100:hover {
color: #333;
background-color: #f8c0c0
}
a.badge-danger-100.focus, a.badge-danger-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(253,238,238,.5)
}
.badge-white {
color: #333;
background-color: #fff
}
a.badge-white:focus, a.badge-white:hover {
color: #333;
background-color: #e6e6e6
}
a.badge-white.focus, a.badge-white:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}
.badge-light {
color: #333;
background-color: #f0f2f5
}
a.badge-light:focus, a.badge-light:hover {
color: #333;
background-color: #d1d7e1
}
a.badge-light.focus, a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(240,242,245,.5)
}
.badge-light-100 {
color: #333;
background-color: rgba(255,255,255,.1)
}
a.badge-light-100:focus, a.badge-light-100:hover {
color: #333;
background-color: rgba(230,230,230,.1)
}
a.badge-light-100.focus, a.badge-light-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}
.badge-dark {
color: #fff;
background-color: #252b36
}
a.badge-dark:focus, a.badge-dark:hover {
color: #fff;
background-color: #101318
}
a.badge-dark.focus, a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(37,43,54,.5)
}
.badge-dark-100 {
color: #fff;
background-color: rgba(0,0,0,.1)
}
a.badge-dark-100:focus, a.badge-dark-100:hover {
color: #fff;
background-color: rgba(0,0,0,.1)
}
a.badge-dark-100.focus, a.badge-dark-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(0,0,0,.5)
}
.badge-teal {
color: #fff;
background-color: #26a69a
}
a.badge-teal:focus, a.badge-teal:hover {
color: #fff;
background-color: #1d7d74
}
a.badge-teal.focus, a.badge-teal:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(38,166,154,.5)
}
.badge-teal-100 {
color: #333;
background-color: #e9f6f5
}
a.badge-teal-100:focus, a.badge-teal-100:hover {
color: #333;
background-color: #c5e7e5
}
a.badge-teal-100.focus, a.badge-teal-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(233,246,245,.5)
}
.badge-indigo {
color: #fff;
background-color: #5c6bc0
}
a.badge-indigo:focus, a.badge-indigo:hover {
color: #fff;
background-color: #4150a8
}
a.badge-indigo.focus, a.badge-indigo:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(92,107,192,.5)
}
.badge-indigo-100 {
color: #333;
background-color: #eff0f9
}
a.badge-indigo-100:focus, a.badge-indigo-100:hover {
color: #333;
background-color: #cacdeb
}
a.badge-indigo-100.focus, a.badge-indigo-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(239,240,249,.5)
}
.badge-purple {
color: #fff;
background-color: #8e70c1
}
a.badge-purple:focus, a.badge-purple:hover {
color: #fff;
background-color: #724db1
}
a.badge-purple.focus, a.badge-purple:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(142,112,193,.5)
}
.badge-purple-100 {
color: #333;
background-color: #f4f1f9
}
a.badge-purple-100:focus, a.badge-purple-100:hover {
color: #333;
background-color: #d8cdea
}
a.badge-purple-100.focus, a.badge-purple-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(244,241,249,.5)
}
.badge-pink {
color: #fff;
background-color: #f35c86
}
a.badge-pink:focus, a.badge-pink:hover {
color: #fff;
background-color: #f02c63
}
a.badge-pink.focus, a.badge-pink:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(243,92,134,.5)
}
.badge-pink-100 {
color: #333;
background-color: #feeff3
}
a.badge-pink-100:focus, a.badge-pink-100:hover {
color: #333;
background-color: #fbbfcf
}
a.badge-pink-100.focus, a.badge-pink-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(254,239,243,.5)
}
.badge-yellow {
color: #333;
background-color: #ffd648
}
a.badge-yellow:focus, a.badge-yellow:hover {
color: #333;
background-color: #ffcb15
}
a.badge-yellow.focus, a.badge-yellow:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(255,214,72,.5)
}
.badge-yellow-100 {
color: #333;
background-color: #fffbed
}
a.badge-yellow-100:focus, a.badge-yellow-100:hover {
color: #333;
background-color: #fff0ba
}
a.badge-yellow-100.focus, a.badge-yellow-100:focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(255,251,237,.5)
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #f5f5f5;
border-radius:.3125rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: 1rem 1.25rem;
margin-bottom: 1.25rem;
border: 1px solid transparent;
border-radius:.25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 500
}
.alert-dismissible {
padding-right: 3.87506rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1rem 1.25rem;
color: inherit
}
.alert-primary {
color: #114e7e;
background-color: #dbeefd;
border-color: #339ef4
}
.alert-primary hr {
border-top-color: #1b92f3
}
.alert-primary .alert-link {
color: #0b3251
}
.alert-primary-100 {
color: #797f84;
background-color: #fbfdff;
border-color: #ebf6fe
}
.alert-primary-100 hr {
border-top-color: #d3ebfd
}
.alert-primary-100 .alert-link {
color: #616569
}
.alert-secondary {
color: #243c48;
background-color: #e1e9ec;
border-color: #547f93
}
.alert-secondary hr {
border-top-color: #4b7183
}
.alert-secondary .alert-link {
color: #132026
}
.alert-secondary-100 {
color: #7b7d7e;
background-color: #fcfdfd;
border-color: #eef2f4
}
.alert-secondary-100 hr {
border-top-color: #dfe6ea
}
.alert-secondary-100 .alert-link {
color: #626364
}
.alert-success {
color: #135d3b;
background-color: #dcf3e8;
border-color: #36b97d
}
.alert-success hr {
border-top-color: #30a570
}
.alert-success .alert-link {
color: #0a3320
}
.alert-success-100 {
color: #79807d;
background-color: #fbfefd;
border-color: #ebf8f2
}
.alert-success-100 hr {
border-top-color: #d8f1e6
}
.alert-success-100 .alert-link {
color: #606663
}
.alert-info {
color: #17616a;
background-color: #ddf4f7;
border-color: #3dc0d0
}
.alert-info hr {
border-top-color: #2fb4c4
}
.alert-info .alert-link {
color: #0e3b40
}
.alert-info-100 {
color: #7a8182;
background-color: #fcfefe;
border-color: #ecf9fa
}
.alert-info-100 hr {
border-top-color: #d8f3f5
}
.alert-info-100 .alert-link {
color: #616768
}
.alert-warning {
color: #7f4624;
background-color: #fdece1;
border-color: #f69055
}
.alert-warning hr {
border-top-color: #f5803d
}
.alert-warning .alert-link {
color: #573019
}
.alert-warning-100 {
color: #847e7b;
background-color: #fffdfc;
border-color: #fef4ee
}
.alert-warning-100 hr {
border-top-color: #fde4d6
}
.alert-warning-100 .alert-link {
color: #6a6562
}
.alert-danger {
color: #7c2b2a;
background-color: #fce3e3;
border-color: #f0615e
}
.alert-danger hr {
border-top-color: #ee4a47
}
.alert-danger .alert-link {
color: #561e1d
}
.alert-danger-100 {
color: #847c7c;
background-color: #fffcfc;
border-color: #fdefef
}
.alert-danger-100 hr {
border-top-color: #fad8d8
}
.alert-danger-100 .alert-link {
color: #6a6363
}
.alert-white {
color: #858585;
background-color: #fff;
border-color: #fff
}
.alert-white hr {
border-top-color: #f2f2f2
}
.alert-white .alert-link {
color: #6c6c6c
}
.alert-light {
color: #7d7e7f;
background-color: #fdfdfd;
border-color: #f1f3f6
}
.alert-light hr {
border-top-color: #e1e6ec
}
.alert-light .alert-link {
color: #646565
}
.alert-light-100 {
color: rgba(14,14,14,.532);
background-color: rgba(255,255,255,.856);
border-color: rgba(255,255,255,.172)
}
.alert-light-100 hr {
border-top-color: rgba(242,242,242,.172)
}
.alert-light-100 .alert-link {
color: rgba(0,0,0,.532)
}
.alert-dark {
color: #13161c;
background-color: #dcdddf;
border-color: #363c46
}
.alert-dark hr {
border-top-color: #2b3038
}
.alert-dark .alert-link {
color: #000
}
.alert-dark-100 {
color: rgba(0,0,0,.532);
background-color: rgba(252,252,252,.856);
border-color: rgba(159,159,159,.172)
}
.alert-dark-100 hr {
border-top-color: rgba(146,146,146,.172)
}
.alert-dark-100 .alert-link {
color: rgba(0,0,0,.532)
}
.alert-teal {
color: #145650;
background-color: #dcf1ef;
border-color: #37ada2
}
.alert-teal hr {
border-top-color: #319a90
}
.alert-teal .alert-link {
color: #0a2d2a
}
.alert-teal-100 {
color: #79807f;
background-color: #fbfefd;
border-color: #ebf7f6
}
.alert-teal-100 hr {
border-top-color: #d9f0ee
}
.alert-teal-100 .alert-link {
color: #606665
}
.alert-indigo {
color: #303864;
background-color: #e5e7f5;
border-color: #6977c5
}
.alert-indigo hr {
border-top-color: #5766be
}
.alert-indigo .alert-link {
color: #1f2542
}
.alert-indigo-100 {
color: #7c7d81;
background-color: #fcfdfe;
border-color: #f0f1f9
}
.alert-indigo-100 hr {
border-top-color: #dee0f2
}
.alert-indigo-100 .alert-link {
color: #636467
}
.alert-purple {
color: #4a3a64;
background-color: #ede8f5;
border-color: #977bc6
}
.alert-purple hr {
border-top-color: #8969be
}
.alert-purple .alert-link {
color: #322744
}
.alert-purple-100 {
color: #7f7d81;
background-color: #fdfdfe;
border-color: #f5f2f9
}
.alert-purple-100 hr {
border-top-color: #e8e1f1
}
.alert-purple-100 .alert-link {
color: #666467
}
.alert-pink {
color: #7e3046;
background-color: #fde5ec;
border-color: #f46990
}
.alert-pink hr {
border-top-color: #f2517e
}
.alert-pink .alert-link {
color: #592231
}
.alert-pink-100 {
color: #847c7e;
background-color: #fffcfd;
border-color: #fef0f4
}
.alert-pink-100 hr {
border-top-color: #fcd8e2
}
.alert-pink-100 .alert-link {
color: #6a6365
}
.alert-yellow {
color: #856f25;
background-color: #fff8e2;
border-color: #ffd957
}
.alert-yellow hr {
border-top-color: #ffd33e
}
.alert-yellow .alert-link {
color: #5d4e1a
}
.alert-yellow-100 {
color: #85837b;
background-color: #fffefc;
border-color: #fffbee
}
.alert-yellow-100 hr {
border-top-color: #fff5d5
}
.alert-yellow-100 .alert-link {
color: #6b6962
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position:1.25rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:1.25rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1.25rem;
overflow: hidden;
line-height: 0;
font-size:.75rem;
background-color: #eee;
border-radius:.25rem;
box-shadow:inset 0 .0625rem .0625rem rgba(0,0,0,.1)
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #2196f3;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-size: 1.25rem 1.25rem
}
.progress-bar-animated {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius:.25rem
}
.list-group-item-action {
width: 100%;
color: rgba(51,51,51,.85);
text-align: inherit
}
.list-group-item-action:focus, .list-group-item-action:hover {
z-index: 1;
color: #333;
text-decoration: none;
background-color: #f5f5f5
}
.list-group-item-action:active {
color: #333;
background-color: #f5f5f5
}
.list-group-item {
position: relative;
display: block;
padding:.625rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled, .list-group-item:disabled {
color: #999;
pointer-events: none;
background-color: transparent
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #2196f3;
border-color: #2196f3
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius:.25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius:.25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius:.25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius:.25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:769px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius:.25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius:.25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius:.25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius:.25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius:.25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius:.25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #114e7e;
background-color: #c1e2fc
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color: #114e7e;
background-color: #a9d7fb
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #114e7e;
border-color: #114e7e
}
.list-group-item-primary-100 {
color: #797f84;
background-color: #f9fcff
}
.list-group-item-primary-100.list-group-item-action:focus, .list-group-item-primary-100.list-group-item-action:hover {
color: #797f84;
background-color: #e0efff
}
.list-group-item-primary-100.list-group-item-action.active {
color: #fff;
background-color: #797f84;
border-color: #797f84
}
.list-group-item-secondary {
color: #243c48;
background-color: #cbd8de
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color: #243c48;
background-color: #bbccd4
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #243c48;
border-color: #243c48
}
.list-group-item-secondary-100 {
color: #7b7d7e;
background-color: #fafbfc
}
.list-group-item-secondary-100.list-group-item-action:focus, .list-group-item-secondary-100.list-group-item-action:hover {
color: #7b7d7e;
background-color: #eaeef2
}
.list-group-item-secondary-100.list-group-item-action.active {
color: #fff;
background-color: #7b7d7e;
border-color: #7b7d7e
}
.list-group-item-success {
color: #135d3b;
background-color: #c2ead8
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #135d3b;
background-color: #afe3cc
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #135d3b;
border-color: #135d3b
}
.list-group-item-success-100 {
color: #79807d;
background-color: #f9fdfb
}
.list-group-item-success-100.list-group-item-action:focus, .list-group-item-success-100.list-group-item-action:hover {
color: #79807d;
background-color: #e6f7ee
}
.list-group-item-success-100.list-group-item-action.active {
color: #fff;
background-color: #79807d;
border-color: #79807d
}
.list-group-item-info {
color: #17616a;
background-color: #c4ecf1
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color: #17616a;
background-color: #afe5ec
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #17616a;
border-color: #17616a
}
.list-group-item-info-100 {
color: #7a8182;
background-color: #f9fdfe
}
.list-group-item-info-100.list-group-item-action:focus, .list-group-item-info-100.list-group-item-action:hover {
color: #7a8182;
background-color: #e3f6fa
}
.list-group-item-info-100.list-group-item-action.active {
color: #fff;
background-color: #7a8182;
border-color: #7a8182
}
.list-group-item-warning {
color: #7f4624;
background-color: #fcddcb
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color: #7f4624;
background-color: #fbcdb3
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #7f4624;
border-color: #7f4624
}
.list-group-item-warning-100 {
color: #847e7b;
background-color: #fffcfa
}
.list-group-item-warning-100.list-group-item-action:focus, .list-group-item-warning-100.list-group-item-action:hover {
color: #847e7b;
background-color: #ffede1
}
.list-group-item-warning-100.list-group-item-action.active {
color: #fff;
background-color: #847e7b;
border-color: #847e7b
}
.list-group-item-danger {
color: #7c2b2a;
background-color: #fbcfce
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color: #7c2b2a;
background-color: #f9b8b6
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #7c2b2a;
border-color: #7c2b2a
}
.list-group-item-danger-100 {
color: #847c7c;
background-color: #fefafa
}
.list-group-item-danger-100.list-group-item-action:focus, .list-group-item-danger-100.list-group-item-action:hover {
color: #847c7c;
background-color: #fae5e5
}
.list-group-item-danger-100.list-group-item-action.active {
color: #fff;
background-color: #847c7c;
border-color: #847c7c
}
.list-group-item-white {
color: #858585;
background-color: #fff
}
.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover {
color: #858585;
background-color: #f2f2f2
}
.list-group-item-white.list-group-item-action.active {
color: #fff;
background-color: #858585;
border-color: #858585
}
.list-group-item-light {
color: #7d7e7f;
background-color: #fbfbfc
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color: #7d7e7f;
background-color: #ececf1
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #7d7e7f;
border-color: #7d7e7f
}
.list-group-item-light-100 {
color: rgba(14,14,14,.532);
background-color: rgba(255,255,255,.748)
}
.list-group-item-light-100.list-group-item-action:focus, .list-group-item-light-100.list-group-item-action:hover {
color: rgba(14,14,14,.532);
background-color: rgba(242,242,242,.748)
}
.list-group-item-light-100.list-group-item-action.active {
color: #fff;
background-color: rgba(14,14,14,.532);
border-color: rgba(14,14,14,.532)
}
.list-group-item-dark {
color: #13161c;
background-color: #c2c4c7
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color: #13161c;
background-color: #b5b7bb
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #13161c;
border-color: #13161c
}
.list-group-item-dark-100 {
color: rgba(0,0,0,.532);
background-color: rgba(250,250,250,.748)
}
.list-group-item-dark-100.list-group-item-action:focus, .list-group-item-dark-100.list-group-item-action:hover {
color: rgba(0,0,0,.532);
background-color: rgba(237,237,237,.748)
}
.list-group-item-dark-100.list-group-item-action.active {
color: #fff;
background-color: rgba(0,0,0,.532);
border-color: rgba(0,0,0,.532)
}
.list-group-item-teal {
color: #145650;
background-color: #c2e6e3
}
.list-group-item-teal.list-group-item-action:focus, .list-group-item-teal.list-group-item-action:hover {
color: #145650;
background-color: #b0dfdb
}
.list-group-item-teal.list-group-item-action.active {
color: #fff;
background-color: #145650;
border-color: #145650
}
.list-group-item-teal-100 {
color: #79807f;
background-color: #f9fcfc
}
.list-group-item-teal-100.list-group-item-action:focus, .list-group-item-teal-100.list-group-item-action:hover {
color: #79807f;
background-color: #e8f4f4
}
.list-group-item-teal-100.list-group-item-action.active {
color: #fff;
background-color: #79807f;
border-color: #79807f
}
.list-group-item-indigo {
color: #303864;
background-color: #d1d6ed
}
.list-group-item-indigo.list-group-item-action:focus, .list-group-item-indigo.list-group-item-action:hover {
color: #303864;
background-color: #bfc6e6
}
.list-group-item-indigo.list-group-item-action.active {
color: #fff;
background-color: #303864;
border-color: #303864
}
.list-group-item-indigo-100 {
color: #7c7d81;
background-color: #fbfbfd
}
.list-group-item-indigo-100.list-group-item-action:focus, .list-group-item-indigo-100.list-group-item-action:hover {
color: #7c7d81;
background-color: #eaeaf5
}
.list-group-item-indigo-100.list-group-item-action.active {
color: #fff;
background-color: #7c7d81;
border-color: #7c7d81
}
.list-group-item-purple {
color: #4a3a64;
background-color: #dfd7ee
}
.list-group-item-purple.list-group-item-action:focus, .list-group-item-purple.list-group-item-action:hover {
color: #4a3a64;
background-color: #d1c5e6
}
.list-group-item-purple.list-group-item-action.active {
color: #fff;
background-color: #4a3a64;
border-color: #4a3a64
}
.list-group-item-purple-100 {
color: #7f7d81;
background-color: #fcfbfd
}
.list-group-item-purple-100.list-group-item-action:focus, .list-group-item-purple-100.list-group-item-action:hover {
color: #7f7d81;
background-color: #efeaf5
}
.list-group-item-purple-100.list-group-item-action.active {
color: #fff;
background-color: #7f7d81;
border-color: #7f7d81
}
.list-group-item-pink {
color: #7e3046;
background-color: #fcd1dd
}
.list-group-item-pink.list-group-item-action:focus, .list-group-item-pink.list-group-item-action:hover {
color: #7e3046;
background-color: #fab9cb
}
.list-group-item-pink.list-group-item-action.active {
color: #fff;
background-color: #7e3046;
border-color: #7e3046
}
.list-group-item-pink-100 {
color: #847c7e;
background-color: #fffbfc
}
.list-group-item-pink-100.list-group-item-action:focus, .list-group-item-pink-100.list-group-item-action:hover {
color: #847c7e;
background-color: #ffe2e9
}
.list-group-item-pink-100.list-group-item-action.active {
color: #fff;
background-color: #847c7e;
border-color: #847c7e
}
.list-group-item-yellow {
color: #856f25;
background-color: #fff4cc
}
.list-group-item-yellow.list-group-item-action:focus, .list-group-item-yellow.list-group-item-action:hover {
color: #856f25;
background-color: #ffefb3
}
.list-group-item-yellow.list-group-item-action.active {
color: #fff;
background-color: #856f25;
border-color: #856f25
}
.list-group-item-yellow-100 {
color: #85837b;
background-color: #fffefa
}
.list-group-item-yellow-100.list-group-item-action:focus, .list-group-item-yellow-100.list-group-item-action:hover {
color: #85837b;
background-color: #fff9e1
}
.list-group-item-yellow-100.list-group-item-action.active {
color: #fff;
background-color: #85837b;
border-color: #85837b
}
.close {
float: right;
font-size: 1.37506rem;
font-weight: 400;
line-height: 1;
color: #333;
text-shadow: none;
opacity: .5
}
.close:hover {
color: #333;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
a.close.disabled {
pointer-events: none
}
.toast {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
font-size:.875rem;
color: #fff;
background-color: #333;
background-clip: padding-box;
border: 1px solid transparent;
box-shadow: 0 1px 2px rgba(0,0,0,.05);
opacity: 0;
border-radius:.3125rem
}
.toast:not(:last-child) {
margin-bottom: 1.25rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:.75rem 1.25rem;
color: #fff;
background-color: #333;
background-clip: padding-box;
border-bottom: 1px solid rgba(255,255,255,.1);
border-top-left-radius:calc(.3125rem - 1px);
border-top-right-radius:calc(.3125rem - 1px)
}
.toast-body {
padding: 1.25rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin:.5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius:.3125rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1);
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
/*opacity: .35*/
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align:center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
height:38px;
padding: 0.3rem 0.938rem;
border-bottom: 1px solid rgba(0,0,0,.125);
border-top-left-radius:calc(.3125rem - 1px);
border-top-right-radius:calc(.3125rem - 1px);
}
/*.modal-header,*/
/*.modal-cyan .modal-header.bg-primary,*/
/*.modal-header.bg-grey-700 {background-color:#5b6cbe!important;}*/
.modal-header h4 {font-size:14px; font-weight:700;}
.modal-header .close {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
background: rgb(255 255 255 / 90%);
color:#586cc5;
border-radius: 50%;
width:26px;
height:26px;
font-size: 16px;
}
.tab-close {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
background: rgb(255 255 255 / 90%);
color: #f33030!important;
border-radius: 50%;
width: 20px;
height: 20px;
font-size: 16px;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5715;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.modal-content button {align-items: center; justify-content: center;}
.modal-content .border-grey-700 {background-color:var(--basic)!important; border:var(--basic)!important;}
.modal-content .border-grey-700:hover {background-color:var(--basic-hover)!important; border:var(--basic-hover)!important;}
.modal-content .nav-link {display: flex; align-items: center; justify-content: center; height: 34px; padding: 0.3rem 1.875rem;}
/*.modal-content .tab-content .card-header {padding: 0.625rem 0;}*/
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid rgba(0,0,0,.125);
border-bottom-right-radius:calc(.3125rem - 1px);
border-bottom-left-radius:calc(.3125rem - 1px)
}
.modal-footer>* {
margin:.25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.modal-content {
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.modal-sm {
max-width: 400px
}
}
@media (min-width:992px) {
.modal-lg, .modal-xl {
max-width: 900px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin:.3125rem;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5715;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size:.875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: 1
}
.tooltip .arrow {
position: absolute;
display: block;
width:.5rem;
height:.25rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
padding:.25rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
top: 0;
border-width:.25rem .25rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
padding:0 .25rem
}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
left: 0;
width:.25rem;
height:.5rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
right: 0;
border-width:.25rem .25rem .25rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
padding:.25rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width:0 .25rem .25rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
padding:0 .25rem
}
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
right: 0;
width:.25rem;
height:.5rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
left: 0;
border-width:.25rem 0 .25rem .25rem;
border-left-color: #000
}
.tooltip-inner {
/*max-width: 200px;*/
padding:.375rem .75rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius:.25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5715;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size:.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.popover .arrow {
position: absolute;
display: block;
width:.75rem;
height:.375rem;
margin:0 .25rem
}
.popover .arrow::after, .popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top], .bs-popover-top {
margin-bottom:.375rem
}
.bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow {
bottom:calc(-.375rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
bottom: 0;
border-width:.375rem .375rem 0;
border-top-color: rgba(0,0,0,.2)
}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
bottom: 1px;
border-width:.375rem .375rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right], .bs-popover-right {
margin-left:.375rem
}
.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
left:calc(-.375rem - 1px);
width:.375rem;
height:.75rem;
margin:.25rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before {
left: 0;
border-width:.375rem .375rem .375rem 0;
border-right-color: rgba(0,0,0,.2)
}
.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
left: 1px;
border-width:.375rem .375rem .375rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
margin-top:.375rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow {
top:calc(-.375rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before {
top: 0;
border-width:0 .375rem .375rem .375rem;
border-bottom-color: rgba(0,0,0,.2)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
top: 1px;
border-width:0 .375rem .375rem .375rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width:.75rem;
margin-left:-.375rem;
content: "";
border-bottom: 1px solid transparent
}
.bs-popover-auto[x-placement^=left], .bs-popover-left {
margin-right:.375rem
}
.bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow {
right:calc(-.375rem - 1px);
width:.375rem;
height:.75rem;
margin:.25rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
right: 0;
border-width:.375rem 0 .375rem .375rem;
border-left-color: rgba(0,0,0,.2)
}
.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
right: 1px;
border-width:.375rem 0 .375rem .375rem;
border-left-color: #fff
}
.popover-header {
padding:.9375rem .9375rem;
margin-bottom: 0;
font-size:.875rem;
background-color: transparent;
border-bottom: 1px solid transparent;
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding:.9375rem .9375rem;
color: #333
}
.carousel {
position: relative
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display: block
}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next, .carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes spinner-grow {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border, .spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s
}
}
.align-baseline {
vertical-align: baseline!important
}
.align-top {
vertical-align: top!important
}
.align-middle {
vertical-align: middle!important
}
.align-bottom {
vertical-align: bottom!important
}
.align-text-bottom {
vertical-align: text-bottom!important
}
.align-text-top {
vertical-align: text-top!important
}
.bg-primary {
background-color: #2196f3!important
}
a.bg-primary, button.bg-primary {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-primary, button.bg-primary {
transition: none
}
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color: #0c7cd5!important
}
.bg-primary-100 {
background-color: #e9f5fe!important
}
a.bg-primary-100, button.bg-primary-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-primary-100, button.bg-primary-100 {
transition: none
}
}
a.bg-primary-100:focus, a.bg-primary-100:hover, button.bg-primary-100:focus, button.bg-primary-100:hover {
background-color: #b8dffc!important
}
.bg-secondary {
background-color: #45748a!important
}
a.bg-secondary, button.bg-secondary {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-secondary, button.bg-secondary {
transition: none
}
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
background-color: #345768!important
}
.bg-secondary-100 {
background-color: #ecf1f3!important
}
a.bg-secondary-100, button.bg-secondary-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-secondary-100, button.bg-secondary-100 {
transition: none
}
}
a.bg-secondary-100:focus, a.bg-secondary-100:hover, button.bg-secondary-100:focus, button.bg-secondary-100:hover {
background-color: #cddadf!important
}
.bg-success {
background-color: #25b372!important;
color:#fff;
}
a.bg-success, button.bg-success {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-success, button.bg-success {
transition: none
}
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
background-color: #1c8957!important
}
.bg-success-100 {
background-color: #e9f7f1!important
}
a.bg-success-100, button.bg-success-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-success-100, button.bg-success-100 {
transition: none
}
}
a.bg-success-100:focus, a.bg-success-100:hover, button.bg-success-100:focus, button.bg-success-100:hover {
background-color: #c4e9d9!important
}
.bg-info {
background-color: #2cbacc!important
}
a.bg-info, button.bg-info {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-info, button.bg-info {
transition: none
}
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
background-color: #2394a2!important
}
.bg-info-100 {
background-color: #eaf8fa!important
}
a.bg-info-100, button.bg-info-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-info-100, button.bg-info-100 {
transition: none
}
}
a.bg-info-100:focus, a.bg-info-100:hover, button.bg-info-100:focus, button.bg-info-100:hover {
background-color: #c1eaf0!important
}
.bg-warning {
background-color: #f58646!important
}
a.bg-warning, button.bg-warning {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-warning, button.bg-warning {
transition: none
}
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
background-color: #f26616!important
}
.bg-warning-100 {
background-color: #fef3ed!important
}
a.bg-warning-100, button.bg-warning-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-warning-100, button.bg-warning-100 {
transition: none
}
}
a.bg-warning-100:focus, a.bg-warning-100:hover, button.bg-warning-100:focus, button.bg-warning-100:hover {
background-color: #fbd3bd!important
}
.bg-blue {
background-color: #03A9F4!important;
}
.bg-green {
background-color: #8BC34A!important;
}
.bg-danger {
background-color: #ef5350!important
}
a.bg-danger, button.bg-danger {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-danger, button.bg-danger {
transition: none
}
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
background-color: #eb2521!important
}
.bg-danger-100 {
background-color: #fdeeee!important
}
a.bg-danger-100, button.bg-danger-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-danger-100, button.bg-danger-100 {
transition: none
}
}
a.bg-danger-100:focus, a.bg-danger-100:hover, button.bg-danger-100:focus, button.bg-danger-100:hover {
background-color: #f8c0c0!important
}
.bg-white {
background-color: #fff!important
}
a.bg-white, button.bg-white {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-white, button.bg-white {
transition: none
}
}
a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover {
background-color: #e6e6e6!important
}
.bg-light {
background-color: #f0f2f5!important
}
a.bg-light, button.bg-light {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-light, button.bg-light {
transition: none
}
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
background-color: #d1d7e1!important
}
.bg-light-100 {
background-color: rgba(255,255,255,.1)!important
}
a.bg-light-100, button.bg-light-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-light-100, button.bg-light-100 {
transition: none
}
}
a.bg-light-100:focus, a.bg-light-100:hover, button.bg-light-100:focus, button.bg-light-100:hover {
background-color: rgba(230,230,230,.1)!important
}
.bg-dark {
background-color: #252b36!important
}
a.bg-dark, button.bg-dark {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-dark, button.bg-dark {
transition: none
}
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
background-color: #101318!important
}
.bg-dark-100 {
background-color: rgba(0,0,0,.1)!important
}
a.bg-dark-100, button.bg-dark-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-dark-100, button.bg-dark-100 {
transition: none
}
}
a.bg-dark-100:focus, a.bg-dark-100:hover, button.bg-dark-100:focus, button.bg-dark-100:hover {
background-color: rgba(0,0,0,.1)!important
}
.bg-teal {
background-color: #26a69a!important
}
a.bg-teal, button.bg-teal {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-teal, button.bg-teal {
transition: none
}
}
a.bg-teal:focus, a.bg-teal:hover, button.bg-teal:focus, button.bg-teal:hover {
background-color: #1d7d74!important
}
.bg-teal-100 {
background-color: #e9f6f5!important
}
a.bg-teal-100, button.bg-teal-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-teal-100, button.bg-teal-100 {
transition: none
}
}
a.bg-teal-100:focus, a.bg-teal-100:hover, button.bg-teal-100:focus, button.bg-teal-100:hover {
background-color: #c5e7e5!important
}
.bg-indigo {
background-color: #5c6bc0!important
}
a.bg-indigo, button.bg-indigo {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-indigo, button.bg-indigo {
transition: none
}
}
a.bg-indigo:focus, a.bg-indigo:hover, button.bg-indigo:focus, button.bg-indigo:hover {
background-color: #4150a8!important
}
.bg-indigo-100 {
background-color: #eff0f9!important
}
a.bg-indigo-100, button.bg-indigo-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-indigo-100, button.bg-indigo-100 {
transition: none
}
}
a.bg-indigo-100:focus, a.bg-indigo-100:hover, button.bg-indigo-100:focus, button.bg-indigo-100:hover {
background-color: #cacdeb!important
}
.bg-purple {
background-color: #8e70c1!important
}
a.bg-purple, button.bg-purple {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-purple, button.bg-purple {
transition: none
}
}
a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover {
background-color: #724db1!important
}
.bg-purple-100 {
background-color: #f4f1f9!important
}
a.bg-purple-100, button.bg-purple-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-purple-100, button.bg-purple-100 {
transition: none
}
}
a.bg-purple-100:focus, a.bg-purple-100:hover, button.bg-purple-100:focus, button.bg-purple-100:hover {
background-color: #d8cdea!important
}
.bg-pink {
background-color: #f35c86!important
}
a.bg-pink, button.bg-pink {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-pink, button.bg-pink {
transition: none
}
}
a.bg-pink:focus, a.bg-pink:hover, button.bg-pink:focus, button.bg-pink:hover {
background-color: #f02c63!important
}
.bg-pink-100 {
background-color: #feeff3!important
}
a.bg-pink-100, button.bg-pink-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-pink-100, button.bg-pink-100 {
transition: none
}
}
a.bg-pink-100:focus, a.bg-pink-100:hover, button.bg-pink-100:focus, button.bg-pink-100:hover {
background-color: #fbbfcf!important
}
.bg-yellow {
background-color: #ffd648!important
}
a.bg-yellow, button.bg-yellow {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-yellow, button.bg-yellow {
transition: none
}
}
a.bg-yellow:focus, a.bg-yellow:hover, button.bg-yellow:focus, button.bg-yellow:hover {
background-color: #ffcb15!important
}
.bg-yellow-100 {
background-color: #fffbed!important
}
a.bg-yellow-100, button.bg-yellow-100 {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
a.bg-yellow-100, button.bg-yellow-100 {
transition: none
}
}
a.bg-yellow-100:focus, a.bg-yellow-100:hover, button.bg-yellow-100:focus, button.bg-yellow-100:hover {
background-color: #fff0ba!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: transparent!important
}
.border {
border: 1px solid #ddd!important
}
.border-top {
border-top: 1px solid #ddd!important
}
.border-right {
border-right: 1px solid #ddd!important
}
.border-bottom {
border-bottom: 1px solid #ddd!important
}
.border-left {
border-left: 1px solid #ddd!important
}
.border-0 {
border: 0!important
}
.border-top-0 {
border-top: 0!important
}
.border-right-0 {
border-right: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.border-primary {
border-color: #5c6bc0!important
}
.border-primary-100 {
border-color: #e9f5fe!important
}
.border-secondary {
border-color: #45748a!important
}
.border-secondary-100 {
border-color: #ecf1f3!important
}
.border-success {
border-color: #25b372!important
}
.border-success-100 {
border-color: #e9f7f1!important
}
.border-info {
border-color: #2cbacc!important
}
.border-info-100 {
border-color: #eaf8fa!important
}
.border-warning {
border-color: #f58646!important
}
.border-warning-100 {
border-color: #fef3ed!important
}
.border-danger {
border-color: #ef5350!important
}
.border-danger-100 {
border-color: #fdeeee!important
}
.border-white {
border-color: #fff!important
}
.border-light {
border-color: #f0f2f5!important
}
.border-light-100 {
border-color: rgba(255,255,255,.1)!important
}
.border-dark {
border-color: #252b36!important
}
.border-dark-100 {
border-color: rgba(0,0,0,.1)!important
}
.border-teal {
border-color: #26a69a!important
}
.border-teal-100 {
border-color: #e9f6f5!important
}
.border-indigo {
border-color: #5c6bc0!important
}
.border-indigo-100 {
border-color: #eff0f9!important
}
.border-purple {
border-color: #8e70c1!important
}
.border-purple-100 {
border-color: #f4f1f9!important
}
.border-pink {
border-color: #f35c86!important
}
.border-pink-100 {
border-color: #feeff3!important
}
.border-yellow {
border-color: #ffd648!important
}
.border-yellow-100 {
border-color: #fffbed!important
}
.border-white {
border-color: #fff!important
}
.rounded-sm {
border-radius:.1875rem!important
}
.rounded {
border-radius:.25rem!important
}
.rounded-top {
border-top-left-radius:.25rem!important;
border-top-right-radius:.25rem!important
}
.rounded-right {
border-top-right-radius:.25rem!important;
border-bottom-right-radius:.25rem!important
}
.rounded-bottom {
border-bottom-right-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-left {
border-top-left-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-lg {
border-radius:.3125rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-pill {
border-radius: 50rem!important
}
.rounded-0 {
border-radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-block {
display: block!important
}
.d-table {
display: table!important
}
.d-table-row {
display: table-row!important
}
.d-table-cell {
display: table-cell!important
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display: none!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:769px) {
.d-md-none {
display: none!important
}
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media print {
.d-print-none {
display: none!important
}
.d-print-inline {
display: inline!important
}
.d-print-inline-block {
display: inline-block!important
}
.d-print-block {
display: block!important
}
.d-print-table {
display: table!important
}
.d-print-table-row {
display: table-row!important
}
.d-print-table-cell {
display: table-cell!important
}
.d-print-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.85714%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
/* 플렉스관련*/
.flex-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.flex-flow-column {flex-flow:column nowrap!important;}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:769px) {
.flex-md-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-md-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
@media (min-width:576px) {
.float-sm-left {
float: left!important
}
.float-sm-right {
float: right!important
}
.float-sm-none {
float: none!important
}
}
@media (min-width:769px) {
.float-md-left {
float: left!important
}
.float-md-right {
float: right!important
}
.float-md-none {
float: none!important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left!important
}
.float-lg-right {
float: right!important
}
.float-lg-none {
float: none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left!important
}
.float-xl-right {
float: right!important
}
.float-xl-none {
float: none!important
}
}
.user-select-all {
-webkit-user-select: all!important;
-moz-user-select: all!important;
user-select: all!important
}
.user-select-auto {
-webkit-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
user-select: auto!important
}
.user-select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.position-static {
position: static!important
}
.position-relative {
position: relative!important
}
.position-absolute {
position: absolute!important
}
.position-fixed {
position: fixed!important
}
.position-sticky {
position: -webkit-sticky!important;
position: sticky!important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
box-shadow: none!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-80 {
width: 80%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.min-vw-100 {
min-width: 100vw!important
}
.min-vh-100 {
min-height: 100vh!important
}
.vw-100 {
width: 100vw!important
}
.vh-100 {
height: 100vh!important
}
/*마진*/
.m-0 {
margin: 0!important
}
.mt-0, .my-0 {
margin-top: 0!important
}
.mr-0, .mx-0 {
margin-right: 0!important
}
.mb-0, .my-0 {
margin-bottom: 0!important
}
.ml-0, .mx-0 {
margin-left: 0!important
}
.m-1 {
margin:.3125rem!important
}
.mt-1, .my-1 {
margin-top:.3125rem!important
/*margin-top:0!important*/
}
.mr-1, .mx-1 {
margin-right:.3125rem!important
}
.mb-1, .my-1 {
margin-bottom:.3125rem!important
}
.ml-1, .mx-1 {
margin-left:.3125rem!important
}
.m-2 {
margin:.625rem!important
}
.mt-2, .my-2 {
margin-top:.625rem!important
}
.mr-2, .mx-2 {
margin-right:.625rem!important
}
.mb-2, .my-2 {
margin-bottom:.625rem!important
}
.ml-2, .mx-2 {
margin-left:.625rem!important
}
.m-3 {
margin: 1.25rem!important
}
.mt-3, .my-3 {
margin-top: 1.25rem!important
}
.mr-3, .mx-3 {
margin-right: 1.25rem!important
}
.mb-3, .my-3 {
margin-bottom: 1.25rem!important
}
.ml-3, .mx-3 {
margin-left: 1.25rem!important
}
.m-4 {
margin: 1.875rem!important
}
.mt-4, .my-4 {
margin-top: 1.875rem!important
}
.mr-4, .mx-4 {
margin-right: 1.875rem!important
}
.mb-4, .my-4 {
margin-bottom: 1.875rem!important
}
.ml-4, .mx-4 {
margin-left: 1.875rem!important
}
.m-5 {
margin: 3.75rem!important
}
.mt-5, .my-5 {
margin-top: 3.75rem!important
}
.mr-5, .mx-5 {
margin-right: 3.75rem!important
}
.mb-5, .my-5 {
margin-bottom: 3.75rem!important
}
.ml-5, .mx-5 {
margin-left: 3.75rem!important
}
.mb-1e {margin-bottom:1em!important;}
.mt-65 {margin-top:5em!important;}
.p-0 {
padding: 0!important
}
.pt-0, .py-0 {
padding-top: 0!important
}
.pr-0, .px-0 {
padding-right: 0!important
}
.pb-0, .py-0 {
padding-bottom: 0!important
}
.pl-0, .px-0 {
padding-left: 0!important
}
.p-1 {
padding:.3125rem!important
}
.pt-1, .py-1 {
padding-top:.3125rem!important
}
.pr-1, .px-1 {
padding-right:.3125rem!important
}
.pb-1, .py-1 {
padding-bottom:.3125rem!important
}
.pl-1, .px-1 {
padding-left:.3125rem!important
}
.p-2 {
padding:.625rem!important
}
.pt-2, .py-2 {
padding-top:.625rem!important
}
.pr-2, .px-2 {
padding-right:.625rem!important
}
.pb-2, .py-2 {
padding-bottom:.625rem!important
}
.pl-2, .px-2 {
padding-left:.625rem!important
}
.p-3 {
padding: 1.25rem!important
}
.pt-3, .py-3 {
padding-top: 1.25rem!important
}
.pr-3, .px-3 {
padding-right: 1.25rem!important
}
.pb-3, .py-3 {
padding-bottom: 1.25rem!important
}
.pl-3, .px-3 {
padding-left: 1.25rem!important
}
.p-4 {
padding: 1.875rem!important
}
.pt-4, .py-4 {
padding-top: 1.875rem!important
}
.pr-4, .px-4 {
padding-right: 1.875rem!important
}
.pb-4, .py-4 {
padding-bottom: 1.875rem!important
}
.pl-4, .px-4 {
padding-left: 1.875rem!important
}
.p-5 {
padding: 3.75rem!important
}
.pt-5, .py-5 {
padding-top: 3.75rem!important
}
.pr-5, .px-5 {
padding-right: 3.75rem!important
}
.pb-5, .py-5 {
padding-bottom: 3.75rem!important
}
.pl-5, .px-5 {
padding-left: 3.75rem!important
}
.m-n1 {
margin:-.3125rem!important
}
.mt-n1, .my-n1 {
margin-top:-.3125rem!important
}
.mr-n1, .mx-n1 {
margin-right:-.3125rem!important
}
.mb-n1, .my-n1 {
margin-bottom:-.3125rem!important
}
.ml-n1, .mx-n1 {
margin-left:-.3125rem!important
}
.m-n2 {
margin:-.625rem!important
}
.mt-n2, .my-n2 {
margin-top:-.625rem!important
}
.mr-n2, .mx-n2 {
margin-right:-.625rem!important
}
.mb-n2, .my-n2 {
margin-bottom:-.625rem!important
}
.ml-n2, .mx-n2 {
margin-left:-.625rem!important
}
.m-n3 {
margin: -1.25rem!important
}
.mt-n3, .my-n3 {
margin-top: -1.25rem!important
}
.mr-n3, .mx-n3 {
margin-right: -1.25rem!important
}
.mb-n3, .my-n3 {
margin-bottom: -1.25rem!important
}
.ml-n3, .mx-n3 {
margin-left: -1.25rem!important
}
.m-n4 {
margin: -1.875rem!important
}
.mt-n4, .my-n4 {
margin-top: -1.875rem!important
}
.mr-n4, .mx-n4 {
margin-right: -1.875rem!important
}
.mb-n4, .my-n4 {
margin-bottom: -1.875rem!important
}
.ml-n4, .mx-n4 {
margin-left: -1.875rem!important
}
.m-n5 {
margin: -3.75rem!important
}
.mt-n5, .my-n5 {
margin-top: -3.75rem!important
}
.mr-n5, .mx-n5 {
margin-right: -3.75rem!important
}
.mb-n5, .my-n5 {
margin-bottom: -3.75rem!important
}
.ml-n5, .mx-n5 {
margin-left: -3.75rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto, .my-auto {
margin-top: auto!important
}
.mr-auto, .mx-auto {
margin-right: auto!important
}
.mb-auto, .my-auto {
margin-bottom: auto!important
}
.ml-auto, .mx-auto {
margin-left: auto!important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0!important
}
.mt-sm-0, .my-sm-0 {
margin-top: 0!important
}
.mr-sm-0, .mx-sm-0 {
margin-right: 0!important
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0!important
}
.ml-sm-0, .mx-sm-0 {
margin-left: 0!important
}
.m-sm-1 {
margin:.3125rem!important
}
.mt-sm-1, .my-sm-1 {
margin-top:.3125rem!important
}
.mr-sm-1, .mx-sm-1 {
margin-right:.3125rem!important
}
.mb-sm-1, .my-sm-1 {
margin-bottom:.3125rem!important
}
.ml-sm-1, .mx-sm-1 {
margin-left:.3125rem!important
}
.m-sm-2 {
margin:.625rem!important
}
.mt-sm-2, .my-sm-2 {
margin-top:.625rem!important
}
.mr-sm-2, .mx-sm-2 {
margin-right:.625rem!important
}
.mb-sm-2, .my-sm-2 {
margin-bottom:.625rem!important
}
.ml-sm-2, .mx-sm-2 {
margin-left:.625rem!important
}
.m-sm-3 {
margin: 1.25rem!important
}
.mt-sm-3, .my-sm-3 {
margin-top: 1.25rem!important
}
.mr-sm-3, .mx-sm-3 {
margin-right: 1.25rem!important
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1.25rem!important
}
.ml-sm-3, .mx-sm-3 {
margin-left: 1.25rem!important
}
.m-sm-4 {
margin: 1.875rem!important
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.875rem!important
}
.mr-sm-4, .mx-sm-4 {
margin-right: 1.875rem!important
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.875rem!important
}
.ml-sm-4, .mx-sm-4 {
margin-left: 1.875rem!important
}
.m-sm-5 {
margin: 3.75rem!important
}
.mt-sm-5, .my-sm-5 {
margin-top: 3.75rem!important
}
.mr-sm-5, .mx-sm-5 {
margin-right: 3.75rem!important
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 3.75rem!important
}
.ml-sm-5, .mx-sm-5 {
margin-left: 3.75rem!important
}
.p-sm-0 {
padding: 0!important
}
.pt-sm-0, .py-sm-0 {
padding-top: 0!important
}
.pr-sm-0, .px-sm-0 {
padding-right: 0!important
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0!important
}
.pl-sm-0, .px-sm-0 {
padding-left: 0!important
}
.p-sm-1 {
padding:.3125rem!important
}
.pt-sm-1, .py-sm-1 {
padding-top:.3125rem!important
}
.pr-sm-1, .px-sm-1 {
padding-right:.3125rem!important
}
.pb-sm-1, .py-sm-1 {
padding-bottom:.3125rem!important
}
.pl-sm-1, .px-sm-1 {
padding-left:.3125rem!important
}
.p-sm-2 {
padding:.625rem!important
}
.pt-sm-2, .py-sm-2 {
padding-top:.625rem!important
}
.pr-sm-2, .px-sm-2 {
padding-right:.625rem!important
}
.pb-sm-2, .py-sm-2 {
padding-bottom:.625rem!important
}
.pl-sm-2, .px-sm-2 {
padding-left:.625rem!important
}
.p-sm-3 {
padding: 1.25rem!important
}
.pt-sm-3, .py-sm-3 {
padding-top: 1.25rem!important
}
.pr-sm-3, .px-sm-3 {
padding-right: 1.25rem!important
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1.25rem!important
}
.pl-sm-3, .px-sm-3 {
padding-left: 1.25rem!important
}
.p-sm-4 {
padding: 1.875rem!important
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.875rem!important
}
.pr-sm-4, .px-sm-4 {
padding-right: 1.875rem!important
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.875rem!important
}
.pl-sm-4, .px-sm-4 {
padding-left: 1.875rem!important
}
.p-sm-5 {
padding: 3.75rem!important
}
.pt-sm-5, .py-sm-5 {
padding-top: 3.75rem!important
}
.pr-sm-5, .px-sm-5 {
padding-right: 3.75rem!important
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 3.75rem!important
}
.pl-sm-5, .px-sm-5 {
padding-left: 3.75rem!important
}
.m-sm-n1 {
margin:-.3125rem!important
}
.mt-sm-n1, .my-sm-n1 {
margin-top:-.3125rem!important
}
.mr-sm-n1, .mx-sm-n1 {
margin-right:-.3125rem!important
}
.mb-sm-n1, .my-sm-n1 {
margin-bottom:-.3125rem!important
}
.ml-sm-n1, .mx-sm-n1 {
margin-left:-.3125rem!important
}
.m-sm-n2 {
margin:-.625rem!important
}
.mt-sm-n2, .my-sm-n2 {
margin-top:-.625rem!important
}
.mr-sm-n2, .mx-sm-n2 {
margin-right:-.625rem!important
}
.mb-sm-n2, .my-sm-n2 {
margin-bottom:-.625rem!important
}
.ml-sm-n2, .mx-sm-n2 {
margin-left:-.625rem!important
}
.m-sm-n3 {
margin: -1.25rem!important
}
.mt-sm-n3, .my-sm-n3 {
margin-top: -1.25rem!important
}
.mr-sm-n3, .mx-sm-n3 {
margin-right: -1.25rem!important
}
.mb-sm-n3, .my-sm-n3 {
margin-bottom: -1.25rem!important
}
.ml-sm-n3, .mx-sm-n3 {
margin-left: -1.25rem!important
}
.m-sm-n4 {
margin: -1.875rem!important
}
.mt-sm-n4, .my-sm-n4 {
margin-top: -1.875rem!important
}
.mr-sm-n4, .mx-sm-n4 {
margin-right: -1.875rem!important
}
.mb-sm-n4, .my-sm-n4 {
margin-bottom: -1.875rem!important
}
.ml-sm-n4, .mx-sm-n4 {
margin-left: -1.875rem!important
}
.m-sm-n5 {
margin: -3.75rem!important
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -3.75rem!important
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -3.75rem!important
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -3.75rem!important
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -3.75rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto, .mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto, .mx-sm-auto {
margin-left: auto!important
}
}
@media (min-width:769px) {
.m-md-0 {
margin: 0!important
}
.mt-md-0, .my-md-0 {
margin-top: 0!important
}
.mr-md-0, .mx-md-0 {
margin-right: 0!important
}
.mb-md-0, .my-md-0 {
margin-bottom: 0!important
}
.ml-md-0, .mx-md-0 {
margin-left: 0!important
}
.m-md-1 {
margin:.3125rem!important
}
.mt-md-1, .my-md-1 {
margin-top:.3125rem!important
}
.mr-md-1, .mx-md-1 {
margin-right:.3125rem!important
}
.mb-md-1, .my-md-1 {
margin-bottom:.3125rem!important
}
.ml-md-1, .mx-md-1 {
margin-left:.3125rem!important
}
.m-md-2 {
margin:.625rem!important
}
.mt-md-2, .my-md-2 {
margin-top:.625rem!important
}
.mr-md-2, .mx-md-2 {
margin-right:.625rem!important
}
.mb-md-2, .my-md-2 {
margin-bottom:.625rem!important
}
.ml-md-2, .mx-md-2 {
margin-left:.625rem!important
}
.m-md-3 {
margin: 1.25rem!important
}
.mt-md-3, .my-md-3 {
margin-top: 1.25rem!important
}
.mr-md-3, .mx-md-3 {
margin-right: 1.25rem!important
}
.mb-md-3, .my-md-3 {
margin-bottom: 1.25rem!important
}
.ml-md-3, .mx-md-3 {
margin-left: 1.25rem!important
}
.m-md-4 {
margin: 1.875rem!important
}
.mt-md-4, .my-md-4 {
margin-top: 1.875rem!important
}
.mr-md-4, .mx-md-4 {
margin-right: 1.875rem!important
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.875rem!important
}
.ml-md-4, .mx-md-4 {
margin-left: 1.875rem!important
}
.m-md-5 {
margin: 3.75rem!important
}
.mt-md-5, .my-md-5 {
margin-top: 3.75rem!important
}
.mr-md-5, .mx-md-5 {
margin-right: 3.75rem!important
}
.mb-md-5, .my-md-5 {
margin-bottom: 3.75rem!important
}
.ml-md-5, .mx-md-5 {
margin-left: 3.75rem!important
}
.p-md-0 {
padding: 0!important
}
.pt-md-0, .py-md-0 {
padding-top: 0!important
}
.pr-md-0, .px-md-0 {
padding-right: 0!important
}
.pb-md-0, .py-md-0 {
padding-bottom: 0!important
}
.pl-md-0, .px-md-0 {
padding-left: 0!important
}
.p-md-1 {
padding:.3125rem!important
}
.pt-md-1, .py-md-1 {
padding-top:.3125rem!important
}
.pr-md-1, .px-md-1 {
padding-right:.3125rem!important
}
.pb-md-1, .py-md-1 {
padding-bottom:.3125rem!important
}
.pl-md-1, .px-md-1 {
padding-left:.3125rem!important
}
.p-md-2 {
padding:.625rem!important
}
.pt-md-2, .py-md-2 {
padding-top:.625rem!important
}
.pr-md-2, .px-md-2 {
padding-right:.625rem!important
}
.pb-md-2, .py-md-2 {
padding-bottom:.625rem!important
}
.pl-md-2, .px-md-2 {
padding-left:.625rem!important
}
.p-md-3 {
padding: 1.25rem!important
}
.pt-md-3, .py-md-3 {
padding-top: 1.25rem!important
}
.pr-md-3, .px-md-3 {
padding-right: 1.25rem!important
}
.pb-md-3, .py-md-3 {
padding-bottom: 1.25rem!important
}
.pl-md-3, .px-md-3 {
padding-left: 1.25rem!important
}
.p-md-4 {
padding: 1.875rem!important
}
.pt-md-4, .py-md-4 {
padding-top: 1.875rem!important
}
.pr-md-4, .px-md-4 {
padding-right: 1.875rem!important
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.875rem!important
}
.pl-md-4, .px-md-4 {
padding-left: 1.875rem!important
}
.p-md-5 {
padding: 3.75rem!important
}
.pt-md-5, .py-md-5 {
padding-top: 3.75rem!important
}
.pr-md-5, .px-md-5 {
padding-right: 3.75rem!important
}
.pb-md-5, .py-md-5 {
padding-bottom: 3.75rem!important
}
.pl-md-5, .px-md-5 {
padding-left: 3.75rem!important
}
.m-md-n1 {
margin:-.3125rem!important
}
.mt-md-n1, .my-md-n1 {
margin-top:-.3125rem!important
}
.mr-md-n1, .mx-md-n1 {
margin-right:-.3125rem!important
}
.mb-md-n1, .my-md-n1 {
margin-bottom:-.3125rem!important
}
.ml-md-n1, .mx-md-n1 {
margin-left:-.3125rem!important
}
.m-md-n2 {
margin:-.625rem!important
}
.mt-md-n2, .my-md-n2 {
margin-top:-.625rem!important
}
.mr-md-n2, .mx-md-n2 {
margin-right:-.625rem!important
}
.mb-md-n2, .my-md-n2 {
margin-bottom:-.625rem!important
}
.ml-md-n2, .mx-md-n2 {
margin-left:-.625rem!important
}
.m-md-n3 {
margin: -1.25rem!important
}
.mt-md-n3, .my-md-n3 {
margin-top: -1.25rem!important
}
.mr-md-n3, .mx-md-n3 {
margin-right: -1.25rem!important
}
.mb-md-n3, .my-md-n3 {
margin-bottom: -1.25rem!important
}
.ml-md-n3, .mx-md-n3 {
margin-left: -1.25rem!important
}
.m-md-n4 {
margin: -1.875rem!important
}
.mt-md-n4, .my-md-n4 {
margin-top: -1.875rem!important
}
.mr-md-n4, .mx-md-n4 {
margin-right: -1.875rem!important
}
.mb-md-n4, .my-md-n4 {
margin-bottom: -1.875rem!important
}
.ml-md-n4, .mx-md-n4 {
margin-left: -1.875rem!important
}
.m-md-n5 {
margin: -3.75rem!important
}
.mt-md-n5, .my-md-n5 {
margin-top: -3.75rem!important
}
.mr-md-n5, .mx-md-n5 {
margin-right: -3.75rem!important
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -3.75rem!important
}
.ml-md-n5, .mx-md-n5 {
margin-left: -3.75rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto, .my-md-auto {
margin-top: auto!important
}
.mr-md-auto, .mx-md-auto {
margin-right: auto!important
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto, .mx-md-auto {
margin-left: auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0!important
}
.mt-lg-0, .my-lg-0 {
margin-top: 0!important
}
.mr-lg-0, .mx-lg-0 {
margin-right: 0!important
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0!important
}
.ml-lg-0, .mx-lg-0 {
margin-left: 0!important
}
.m-lg-1 {
margin:.3125rem!important
}
.mt-lg-1, .my-lg-1 {
margin-top:.3125rem!important
}
.mr-lg-1, .mx-lg-1 {
margin-right:.3125rem!important
}
.mb-lg-1, .my-lg-1 {
margin-bottom:.3125rem!important
}
.ml-lg-1, .mx-lg-1 {
margin-left:.3125rem!important
}
.m-lg-2 {
margin:.625rem!important
}
.mt-lg-2, .my-lg-2 {
margin-top:.625rem!important
}
.mr-lg-2, .mx-lg-2 {
margin-right:.625rem!important
}
.mb-lg-2, .my-lg-2 {
margin-bottom:.625rem!important
}
.ml-lg-2, .mx-lg-2 {
margin-left:.625rem!important
}
.m-lg-3 {
margin: 1.25rem!important
}
.mt-lg-3, .my-lg-3 {
margin-top: 1.25rem!important
}
.mr-lg-3, .mx-lg-3 {
margin-right: 1.25rem!important
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1.25rem!important
}
.ml-lg-3, .mx-lg-3 {
margin-left: 1.25rem!important
}
.m-lg-4 {
margin: 1.875rem!important
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.875rem!important
}
.mr-lg-4, .mx-lg-4 {
margin-right: 1.875rem!important
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.875rem!important
}
.ml-lg-4, .mx-lg-4 {
margin-left: 1.875rem!important
}
.m-lg-5 {
margin: 3.75rem!important
}
.mt-lg-5, .my-lg-5 {
margin-top: 3.75rem!important
}
.mr-lg-5, .mx-lg-5 {
margin-right: 3.75rem!important
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 3.75rem!important
}
.ml-lg-5, .mx-lg-5 {
margin-left: 3.75rem!important
}
.p-lg-0 {
padding: 0!important
}
.pt-lg-0, .py-lg-0 {
padding-top: 0!important
}
.pr-lg-0, .px-lg-0 {
padding-right: 0!important
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0!important
}
.pl-lg-0, .px-lg-0 {
padding-left: 0!important
}
.p-lg-1 {
padding:.3125rem!important
}
.pt-lg-1, .py-lg-1 {
padding-top:.3125rem!important
}
.pr-lg-1, .px-lg-1 {
padding-right:.3125rem!important
}
.pb-lg-1, .py-lg-1 {
padding-bottom:.3125rem!important
}
.pl-lg-1, .px-lg-1 {
padding-left:.3125rem!important
}
.p-lg-2 {
padding:.625rem!important
}
.pt-lg-2, .py-lg-2 {
padding-top:.625rem!important
}
.pr-lg-2, .px-lg-2 {
padding-right:.625rem!important
}
.pb-lg-2, .py-lg-2 {
padding-bottom:.625rem!important
}
.pl-lg-2, .px-lg-2 {
padding-left:.625rem!important
}
.p-lg-3 {
padding: 1.25rem!important
}
.pt-lg-3, .py-lg-3 {
padding-top: 1.25rem!important
}
.pr-lg-3, .px-lg-3 {
padding-right: 1.25rem!important
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1.25rem!important
}
.pl-lg-3, .px-lg-3 {
padding-left: 1.25rem!important
}
.p-lg-4 {
padding: 1.875rem!important
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.875rem!important
}
.pr-lg-4, .px-lg-4 {
padding-right: 1.875rem!important
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.875rem!important
}
.pl-lg-4, .px-lg-4 {
padding-left: 1.875rem!important
}
.p-lg-5 {
padding: 3.75rem!important
}
.pt-lg-5, .py-lg-5 {
padding-top: 3.75rem!important
}
.pr-lg-5, .px-lg-5 {
padding-right: 3.75rem!important
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 3.75rem!important
}
.pl-lg-5, .px-lg-5 {
padding-left: 3.75rem!important
}
.m-lg-n1 {
margin:-.3125rem!important
}
.mt-lg-n1, .my-lg-n1 {
margin-top:-.3125rem!important
}
.mr-lg-n1, .mx-lg-n1 {
margin-right:-.3125rem!important
}
.mb-lg-n1, .my-lg-n1 {
margin-bottom:-.3125rem!important
}
.ml-lg-n1, .mx-lg-n1 {
margin-left:-.3125rem!important
}
.m-lg-n2 {
margin:-.625rem!important
}
.mt-lg-n2, .my-lg-n2 {
margin-top:-.625rem!important
}
.mr-lg-n2, .mx-lg-n2 {
margin-right:-.625rem!important
}
.mb-lg-n2, .my-lg-n2 {
margin-bottom:-.625rem!important
}
.ml-lg-n2, .mx-lg-n2 {
margin-left:-.625rem!important
}
.m-lg-n3 {
margin: -1.25rem!important
}
.mt-lg-n3, .my-lg-n3 {
margin-top: -1.25rem!important
}
.mr-lg-n3, .mx-lg-n3 {
margin-right: -1.25rem!important
}
.mb-lg-n3, .my-lg-n3 {
margin-bottom: -1.25rem!important
}
.ml-lg-n3, .mx-lg-n3 {
margin-left: -1.25rem!important
}
.m-lg-n4 {
margin: -1.875rem!important
}
.mt-lg-n4, .my-lg-n4 {
margin-top: -1.875rem!important
}
.mr-lg-n4, .mx-lg-n4 {
margin-right: -1.875rem!important
}
.mb-lg-n4, .my-lg-n4 {
margin-bottom: -1.875rem!important
}
.ml-lg-n4, .mx-lg-n4 {
margin-left: -1.875rem!important
}
.m-lg-n5 {
margin: -3.75rem!important
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -3.75rem!important
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -3.75rem!important
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -3.75rem!important
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -3.75rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto, .mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto, .mx-lg-auto {
margin-left: auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0!important
}
.mt-xl-0, .my-xl-0 {
margin-top: 0!important
}
.mr-xl-0, .mx-xl-0 {
margin-right: 0!important
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0!important
}
.ml-xl-0, .mx-xl-0 {
margin-left: 0!important
}
.m-xl-1 {
margin:.3125rem!important
}
.mt-xl-1, .my-xl-1 {
margin-top:.3125rem!important
}
.mr-xl-1, .mx-xl-1 {
margin-right:.3125rem!important
}
.mb-xl-1, .my-xl-1 {
margin-bottom:.3125rem!important
}
.ml-xl-1, .mx-xl-1 {
margin-left:.3125rem!important
}
.m-xl-2 {
margin:.625rem!important
}
.mt-xl-2, .my-xl-2 {
margin-top:.625rem!important
}
.mr-xl-2, .mx-xl-2 {
margin-right:.625rem!important
}
.mb-xl-2, .my-xl-2 {
margin-bottom:.625rem!important
}
.ml-xl-2, .mx-xl-2 {
margin-left:.625rem!important
}
.m-xl-3 {
margin: 1.25rem!important
}
.mt-xl-3, .my-xl-3 {
margin-top: 1.25rem!important
}
.mr-xl-3, .mx-xl-3 {
margin-right: 1.25rem!important
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1.25rem!important
}
.ml-xl-3, .mx-xl-3 {
margin-left: 1.25rem!important
}
.m-xl-4 {
margin: 1.875rem!important
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.875rem!important
}
.mr-xl-4, .mx-xl-4 {
margin-right: 1.875rem!important
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.875rem!important
}
.ml-xl-4, .mx-xl-4 {
margin-left: 1.875rem!important
}
.m-xl-5 {
margin: 3.75rem!important
}
.mt-xl-5, .my-xl-5 {
margin-top: 3.75rem!important
}
.mr-xl-5, .mx-xl-5 {
margin-right: 3.75rem!important
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 3.75rem!important
}
.ml-xl-5, .mx-xl-5 {
margin-left: 3.75rem!important
}
.p-xl-0 {
padding: 0!important
}
.pt-xl-0, .py-xl-0 {
padding-top: 0!important
}
.pr-xl-0, .px-xl-0 {
padding-right: 0!important
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0!important
}
.pl-xl-0, .px-xl-0 {
padding-left: 0!important
}
.p-xl-1 {
padding:.3125rem!important
}
.pt-xl-1, .py-xl-1 {
padding-top:.3125rem!important
}
.pr-xl-1, .px-xl-1 {
padding-right:.3125rem!important
}
.pb-xl-1, .py-xl-1 {
padding-bottom:.3125rem!important
}
.pl-xl-1, .px-xl-1 {
padding-left:.3125rem!important
}
.p-xl-2 {
padding:.625rem!important
}
.pt-xl-2, .py-xl-2 {
padding-top:.625rem!important
}
.pr-xl-2, .px-xl-2 {
padding-right:.625rem!important
}
.pb-xl-2, .py-xl-2 {
padding-bottom:.625rem!important
}
.pl-xl-2, .px-xl-2 {
padding-left:.625rem!important
}
.p-xl-3 {
padding: 1.25rem!important
}
.pt-xl-3, .py-xl-3 {
padding-top: 1.25rem!important
}
.pr-xl-3, .px-xl-3 {
padding-right: 1.25rem!important
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1.25rem!important
}
.pl-xl-3, .px-xl-3 {
padding-left: 1.25rem!important
}
.p-xl-4 {
padding: 1.875rem!important
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.875rem!important
}
.pr-xl-4, .px-xl-4 {
padding-right: 1.875rem!important
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.875rem!important
}
.pl-xl-4, .px-xl-4 {
padding-left: 1.875rem!important
}
.p-xl-5 {
padding: 3.75rem!important
}
.pt-xl-5, .py-xl-5 {
padding-top: 3.75rem!important
}
.pr-xl-5, .px-xl-5 {
padding-right: 3.75rem!important
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 3.75rem!important
}
.pl-xl-5, .px-xl-5 {
padding-left: 3.75rem!important
}
.m-xl-n1 {
margin:-.3125rem!important
}
.mt-xl-n1, .my-xl-n1 {
margin-top:-.3125rem!important
}
.mr-xl-n1, .mx-xl-n1 {
margin-right:-.3125rem!important
}
.mb-xl-n1, .my-xl-n1 {
margin-bottom:-.3125rem!important
}
.ml-xl-n1, .mx-xl-n1 {
margin-left:-.3125rem!important
}
.m-xl-n2 {
margin:-.625rem!important
}
.mt-xl-n2, .my-xl-n2 {
margin-top:-.625rem!important
}
.mr-xl-n2, .mx-xl-n2 {
margin-right:-.625rem!important
}
.mb-xl-n2, .my-xl-n2 {
margin-bottom:-.625rem!important
}
.ml-xl-n2, .mx-xl-n2 {
margin-left:-.625rem!important
}
.m-xl-n3 {
margin: -1.25rem!important
}
.mt-xl-n3, .my-xl-n3 {
margin-top: -1.25rem!important
}
.mr-xl-n3, .mx-xl-n3 {
margin-right: -1.25rem!important
}
.mb-xl-n3, .my-xl-n3 {
margin-bottom: -1.25rem!important
}
.ml-xl-n3, .mx-xl-n3 {
margin-left: -1.25rem!important
}
.m-xl-n4 {
margin: -1.875rem!important
}
.mt-xl-n4, .my-xl-n4 {
margin-top: -1.875rem!important
}
.mr-xl-n4, .mx-xl-n4 {
margin-right: -1.875rem!important
}
.mb-xl-n4, .my-xl-n4 {
margin-bottom: -1.875rem!important
}
.ml-xl-n4, .mx-xl-n4 {
margin-left: -1.875rem!important
}
.m-xl-n5 {
margin: -3.75rem!important
}
.mt-xl-n5, .my-xl-n5 {
margin-top: -3.75rem!important
}
.mr-xl-n5, .mx-xl-n5 {
margin-right: -3.75rem!important
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom: -3.75rem!important
}
.ml-xl-n5, .mx-xl-n5 {
margin-left: -3.75rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto, .mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto!important
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0,0,0,0)
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}
.text-justify {
text-align: justify!important
}
.text-wrap {
white-space: normal!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width:769px) {
.text-md-left {
text-align: left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-light {
font-weight: 300!important
}
.font-weight-lighter {
font-weight: lighter!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-weight-bolder {
font-weight: bolder!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #2196f3!important
}
a.text-primary:focus, a.text-primary:hover {
color: #0a6ebd!important
}
.text-primary-100 {
color: #e9f5fe!important
}
a.text-primary-100:focus, a.text-primary-100:hover {
color: #a0d4fb!important
}
.text-secondary {
color: #45748a!important
}
a.text-secondary:focus, a.text-secondary:hover {
color: #2c4957!important
}
.text-secondary-100 {
color: #ecf1f3!important
}
a.text-secondary-100:focus, a.text-secondary-100:hover {
color: #bdced5!important
}
.text-success {
color: #25b372!important
}
a.text-success:focus, a.text-success:hover {
color: #18744a!important
}
.text-success-100 {
color: #e9f7f1!important
}
a.text-success-100:focus, a.text-success-100:hover {
color: #b1e3cd!important
}
.text-info {
color: #2cbacc!important
}
a.text-info:focus, a.text-info:hover {
color: #1e818d!important
}
.text-info-100 {
color: #eaf8fa!important
}
a.text-info-100:focus, a.text-info-100:hover {
color: #ace3eb!important
}
.text-warning {
color: #f58646!important
}
a.text-warning:focus, a.text-warning:hover {
color: #e25b0c!important
}
.text-warning-100 {
color: #fef3ed!important
}
a.text-warning-100:focus, a.text-warning-100:hover {
color: #fac3a5!important
}
.text-danger {
color: #ef5350!important
}
a.text-danger:focus, a.text-danger:hover {
color: #de1814!important
}
.text-danger-100 {
color: #fdeeee!important
}
a.text-danger-100:focus, a.text-danger-100:hover {
color: #f5aaaa!important
}
.text-white {
color: #fff!important
}
a.text-white:focus, a.text-white:hover {
color: #d9d9d9!important
}
.text-light {
color: #f0f2f5!important
}
a.text-light:focus, a.text-light:hover {
color: #c2cad6!important
}
.text-light-100 {
color: rgba(255,255,255,.1)!important
}
a.text-light-100:focus, a.text-light-100:hover {
color: rgba(217,217,217,.1)!important
}
.text-dark {
color: #252b36!important
}
a.text-dark:focus, a.text-dark:hover {
color: #060709!important
}
.text-dark-100 {
color: rgba(0,0,0,.1)!important
}
a.text-dark-100:focus, a.text-dark-100:hover {
color: rgba(0,0,0,.1)!important
}
.text-teal {
color: #26a69a!important
}
a.text-teal:focus, a.text-teal:hover {
color: #186860!important
}
.text-teal-100 {
color: #e9f6f5!important
}
a.text-teal-100:focus, a.text-teal-100:hover {
color: #b3e0dc!important
}
.text-indigo {
color: #5c6bc0!important
}
a.text-indigo:focus, a.text-indigo:hover {
color: #3a4896!important
}
.text-indigo-100 {
color: #eff0f9!important
}
a.text-indigo-100:focus, a.text-indigo-100:hover {
color: #b7bce4!important
}
.text-purple {
color: #8e70c1!important
}
a.text-purple:focus, a.text-purple:hover {
color: #67459f!important
}
.text-purple-100 {
color: #f4f1f9!important
}
a.text-purple-100:focus, a.text-purple-100:hover {
color: #cabbe2!important
}
.text-pink {
color: #f35c86!important
}
a.text-pink:focus, a.text-pink:hover {
color: #ee1551!important
}
.text-pink-100 {
color: #feeff3!important
}
a.text-pink-100:focus, a.text-pink-100:hover {
color: #faa7bd!important
}
.text-yellow {
color: #ffd648!important
}
a.text-yellow:focus, a.text-yellow:hover {
color: #fbc200!important
}
.text-yellow-100 {
color: #fffbed!important
}
a.text-yellow-100:focus, a.text-yellow-100:hover {
color: #ffeaa1!important
}
.text-body {
color: #333!important
}
.text-muted {
color: #999!important
}
.text-black-50 {
color: rgba(0,0,0,.5)!important
}
.text-white-50 {
color: rgba(255,255,255,.5)!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none!important
}
.text-break {
word-break: break-word!important;
word-wrap: break-word!important
}
.text-reset {
color: inherit!important
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
@media print {
*, ::after, ::before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap!important
}
blockquote, pre {
border: 1px solid #ccc;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
@page {
size:a3
}
body {
min-width: 992px!important
}
.container {
min-width: 992px!important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td, .table th {
background-color: #fff!important
}
.table-bordered td, .table-bordered th {
border: 1px solid #eee!important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #ddd
}
.table .thead-dark th {
color: inherit;
border-color: #ddd
}
}
@charset "UTF-8";
body {
position: relative
}
dt {
margin-bottom:.3125rem
}
dd {
margin-bottom: 1.25rem
}
dd:last-child {
margin-bottom: 0
}
dl:last-child {
margin-bottom: 0
}
pre {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
border: 1px solid #ddd;
padding: 1.25rem 1.25rem;
margin-bottom: 0;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none
}
svg {
display: block
}
.svg-inline svg {
display: inline-block
}
.svg-center svg {
margin: auto
}
input[type=file] {
display: block
}
@media (min-width:769px) {
.custom-scrollbars * {
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-width: thin;
scrollbar-color: #999 #eee
}
.custom-scrollbars ::-webkit-scrollbar {
height:.4rem;
width:.4rem
}
.custom-scrollbars ::-webkit-scrollbar-track {
background:transparent;
}
.custom-scrollbars ::-webkit-scrollbar-thumb {
background-color:#999;
border-radius:.4rem
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
letter-spacing: -.015em
}
.list>li, .list>li .list>li {
margin-top:.3125rem
}
.list>li:first-child {
margin-top: 0
}
.list-extended>li, .list-extended>li .list>li {
margin-top:.625rem
}
ul.list-square {
list-style-type: square
}
ul.list-circle {
list-style-type: circle
}
.list-inline-item {
position: relative
}
.list-inline-condensed .list-inline-item:not(:last-child) {
margin-right:.625rem
}
.list-inline-dotted .list-inline-item:not(:last-child) {
margin-right:.625rem
}
.list-inline-dotted .list-inline-item:not(:last-child):after {
content: "";
font-family: icomoon;
font-size:.5rem;
width:.4rem;
text-align: center;
display: inline-block;
margin-left:.825rem;
opacity: .25
}
.list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child) {
margin-right:.41667rem
}
.list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child):after {
margin-left:.54167rem
}
.list-scrollspy .nav-link {
color: #333
}
.list-scrollspy .nav-link:focus, .list-scrollspy .nav-link:hover {
color: #2196f3
}
.list-scrollspy .nav-link.active {
border-color: #2196f3;
color: #2196f3
}
.list-scrollspy .list-scrollspy {
padding-left: 1.25rem
}
.list-scrollspy .list-scrollspy .list-scrollspy {
padding-left: 1.25rem
}
.list-icons {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center
}
.list-icons>:not(:first-child) {
margin-left:.625rem
}
.list-icons-extended>:not(:first-child) {
margin-left: 1.25rem
}
a.list-icons-item {
display: inline-block;
transition: color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
a.list-icons-item {
transition: none
}
}
a.list-icons-item:not([class*=text-]) {
color: inherit
}
a.list-icons-item>i {
top: 0
}
.show>a.list-icons-item, a.list-icons-item:focus, a.list-icons-item:hover {
outline: 0;
opacity: .75
}
a.list-icons-item[data-toggle=collapse] i {
transition: -webkit-transform ease-in-out .15s;
transition: transform ease-in-out .15s;
transition: transform ease-in-out .15s, -webkit-transform ease-in-out .15s
}
a.list-icons-item.collapsed i {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.font-weight-black {
font-weight: 900
}
.font-weight-semibold {
font-weight: 500
}
.font-weight-thin {
font-weight: 100
}
.blockquote-bordered {
border-left: 5px solid #eee
}
.blockquote-bordered-reverse {
border-left: 0;
border-right: 5px solid #eee
}
.blockquote-footer {
font-size:.875rem
}
.blockquote-footer::before {
content: "\2014 \00A0 \00A0 \00A0"
}
.list-feed-item {
position: relative;
padding-bottom: 1.25rem;
padding-left: 1.75rem
}
.list-feed-item:before {
content: '';
position: absolute;
left: 0;
top:.375rem;
background-color: #fff;
display: inline-block;
border: 2px solid #45748a;
z-index: 3;
width:.5rem;
height:.5rem;
border-radius: 50%
}
.list-feed-item:after {
content: '';
position: absolute;
top:.375rem;
left:.1875rem;
bottom:-.5rem;
width: 0;
border-left: 1px solid #45748a;
border-right: 1px solid #45748a;
z-index: 2
}
.list-feed-item:first-child:after {
top:.5rem
}
.list-feed-item:last-child {
padding-bottom: 0
}
.list-feed-item:last-child:after {
content: none
}
.list-feed-item[class*=border-]:after, .list-feed-item[class*=border-]:before {
border-color: inherit
}
.list-feed-solid .list-feed-item:before {
content: '';
border-width:.25rem;
width: 0;
height: 0
}
.list-feed-square .list-feed-item:before {
content: '';
border-radius: 0
}
.list-feed-rhombus .list-feed-item:before {
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0
}
.list-feed-time .list-feed-item {
margin-left: 3.25rem
}
.list-feed-time .list-feed-item .feed-time {
position: absolute;
left: -3.25rem;
top: 0
}
.content-divider {
text-align: center;
position: relative;
z-index: 1
}
.content-divider>span {
background-color: #f5f5f5;
display: inline-block
}
.card .content-divider>span, .tab-content-bordered .content-divider>span {
background-color: #fff
}
.modal .content-divider>span {
background-color: #fff
}
.content-divider>span:before {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 1px;
background-color: #ddd;
width: 100%;
z-index: -1
}
.letter-icon {
width: 1rem;
height: 1.375rem;
display: block
}
.btn-lg .letter-icon {
height: 1.375rem
}
.btn-sm .letter-icon {
height: 1.375rem
}
code {
padding:.2rem .4rem;
background-color: #fafafa
}
pre {
white-space: pre-wrap;
text-align: left;
border-radius:.25rem
}
.table {
margin-bottom: 0
}
.table td, .table th {
vertical-align: middle
}
.table th {
font-weight: 500
}
.table thead th {
vertical-align: middle;
border-bottom: 1px solid #b7b7b7
}
.table tfoot th {
border-top-color: #b7b7b7
}
.table caption+thead tr:first-child td, .table caption+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th {
border-top-width: 0
}
.table td, .table th, .table tr {
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.table td, .table th, .table tr {
transition: none
}
}
.table-dark thead td, .table-dark thead th {
border-bottom-color: rgba(255,255,255,.5)
}
.table-dark tfoot td, .table-dark tfoot th {
border-top-color: rgba(255,255,255,.5)
}
@media (max-width:575.98px) {
.table-responsive-sm>.table-bordered {
border: 1px solid #ddd
}
}
@media (max-width:768.98px) {
.table-responsive-md>.table-bordered {
border: 1px solid #ddd
}
}
@media (max-width:991.98px) {
.table-responsive-lg>.table-bordered {
border: 1px solid #ddd
}
}
@media (max-width:1199.98px) {
.table-responsive-xl>.table-bordered {
border: 1px solid #ddd
}
}
.table-responsive>.table-bordered {
border: 1px solid #ddd
}
.table-scrollable {
max-height: 22.5rem;
overflow: auto
}
.table-columned tbody td, .table-columned tbody th, .table-columned tfoot td, .table-columned tfoot th {
border: 0;
border-left: 1px solid #ddd
}
.table-columned tbody td:first-child, .table-columned tbody th:first-child, .table-columned tfoot td:first-child, .table-columned tfoot th:first-child {
border-left: 0
}
.table-columned thead td, .table-columned thead th {
border-left: 1px solid #ddd
}
.table-columned thead td:first-child, .table-columned thead th:first-child {
border-left: 0
}
.table-xl td, .table-xl th {
padding: 1.25rem 1.25rem
}
.table-lg td, .table-lg th {
padding: 1rem 1.25rem
}
.table-xs td, .table-xs th {
padding:.5rem 1.25rem
}
thead .table-border-solid td, thead .table-border-solid th {
border-bottom-width: 2px
}
tbody .table-border-solid td, tbody .table-border-solid th, tfoot .table-border-solid td, tfoot .table-border-solid th {
border-top-width: 2px
}
thead .table-border-double td, thead .table-border-double th {
border-bottom-width: 3px;
border-bottom-style: double
}
.table-bordered thead .table-border-double:first-child td, .table-bordered thead .table-border-double:first-child th {
border-bottom-width: 3px;
border-bottom-style: double
}
tbody .table-border-double td, tbody .table-border-double th, tfoot .table-border-double td, tfoot .table-border-double th {
border-top-width: 3px;
border-top-style: double
}
.table-border-dashed td, .table-border-dashed th {
border-top-style: dashed
}
.table thead tr[class*=border-bottom-] td, .table thead tr[class*=border-bottom-] th {
border-bottom-color: inherit
}
.table tbody tr[class*=border-top-] td, .table tbody tr[class*=border-top-] th, .table tfoot tr[class*=border-top-] td, .table tfoot tr[class*=border-top-] th {
border-top-color: inherit
}
.card>.table:first-child caption+thead tr:first-child td, .card>.table:first-child caption+thead tr:first-child th, .card>.table:first-child colgroup+thead tr:first-child td, .card>.table:first-child colgroup+thead tr:first-child th, .card>.table:first-child thead:first-child tr:first-child td, .card>.table:first-child thead:first-child tr:first-child th, .card>[class*=table-responsive]:first-child>.table:first-child caption+thead tr:first-child td, .card>[class*=table-responsive]:first-child>.table:first-child caption+thead tr:first-child th, .card>[class*=table-responsive]:first-child>.table:first-child colgroup+thead tr:first-child td, .card>[class*=table-responsive]:first-child>.table:first-child colgroup+thead tr:first-child th, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th {
border-top-width: 0
}
.card.card-table {
border-width: 1px;
border-color: #ddd
}
.card>.table caption, .card>[class*=table-responsive]>.table caption {
padding-left:1.25rem;
padding-right:1.25rem
}
.card>.table:first-child, .card>[class*=table-responsive]:first-child>.table:first-child {
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.card>.table:first-child tbody:first-child tr:first-child, .card>.table:first-child thead:first-child tr:first-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child {
border-top-left-radius:calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px)
}
.card>.table:first-child tbody:first-child tr:first-child td:first-child, .card>.table:first-child tbody:first-child tr:first-child th:first-child, .card>.table:first-child thead:first-child tr:first-child td:first-child, .card>.table:first-child thead:first-child tr:first-child th:first-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child td:first-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child th:first-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td:first-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th:first-child {
border-top-left-radius:calc(.25rem - 1px)
}
.card>.table:first-child tbody:first-child tr:first-child td:last-child, .card>.table:first-child tbody:first-child tr:first-child th:last-child, .card>.table:first-child thead:first-child tr:first-child td:last-child, .card>.table:first-child thead:first-child tr:first-child th:last-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child td:last-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child th:last-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td:last-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th:last-child {
border-top-right-radius:calc(.25rem - 1px)
}
.card>.table:last-child, .card>[class*=table-responsive]:last-child>.table:last-child {
border-bottom-right-radius:calc(.25rem - 1px);
border-bottom-left-radius:calc(.25rem - 1px)
}
.card>.table:last-child tbody:last-child tr:last-child, .card>.table:last-child tfoot:last-child tr:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child {
border-bottom-left-radius:calc(.25rem - 1px);
border-bottom-right-radius:calc(.25rem - 1px)
}
.card>.table:last-child tbody:last-child tr:last-child td:first-child, .card>.table:last-child tbody:last-child tr:last-child th:first-child, .card>.table:last-child tfoot:last-child tr:last-child td:first-child, .card>.table:last-child tfoot:last-child tr:last-child th:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child td:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child th:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child td:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child th:first-child {
border-bottom-left-radius:calc(.25rem - 1px)
}
.card>.table:last-child tbody:last-child tr:last-child td:last-child, .card>.table:last-child tbody:last-child tr:last-child th:last-child, .card>.table:last-child tfoot:last-child tr:last-child td:last-child, .card>.table:last-child tfoot:last-child tr:last-child th:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child td:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child th:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child td:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child th:last-child {
border-bottom-right-radius:calc(.25rem - 1px)
}
.card>.table-bordered, .card>[class*=table-responsive]>.table-bordered {
border:0
}
.card>.table-bordered tbody td:first-child, .card>.table-bordered tbody th:first-child, .card>.table-bordered tfoot td:first-child, .card>.table-bordered tfoot th:first-child, .card>.table-bordered thead td:first-child, .card>.table-bordered thead th:first-child, .card>[class*=table-responsive]>.table-bordered tbody td:first-child, .card>[class*=table-responsive]>.table-bordered tbody th:first-child, .card>[class*=table-responsive]>.table-bordered tfoot td:first-child, .card>[class*=table-responsive]>.table-bordered tfoot th:first-child, .card>[class*=table-responsive]>.table-bordered thead td:first-child, .card>[class*=table-responsive]>.table-bordered thead th:first-child {
border-left:0
}
.card>.table-bordered tbody td:last-child, .card>.table-bordered tbody th:last-child, .card>.table-bordered tfoot td:last-child, .card>.table-bordered tfoot th:last-child, .card>.table-bordered thead td:last-child, .card>.table-bordered thead th:last-child, .card>[class*=table-responsive]>.table-bordered tbody td:last-child, .card>[class*=table-responsive]>.table-bordered tbody th:last-child, .card>[class*=table-responsive]>.table-bordered tfoot td:last-child, .card>[class*=table-responsive]>.table-bordered tfoot th:last-child, .card>[class*=table-responsive]>.table-bordered thead td:last-child, .card>[class*=table-responsive]>.table-bordered thead th:last-child {
border-right:0
}
.card-body+.table, .card-body+div[class*=table-responsive], .card-header:not([class*=bg-])+.table, .card-header:not([class*=bg-])+div[class*=table-responsive], .navbar-light+.table, .navbar-light+div[class*=table-responsive], .table+.card-body, div[class*=table-responsive]+.card-body {
border-top: 1px solid #ddd
}
.table tbody:first-child tr:first-child td, .table tbody:first-child tr:first-child th, div[class*=table-responsive]>.table tbody:first-child tr:first-child td, div[class*=table-responsive]>.table tbody:first-child tr:first-child th {
border-top: 0
}
.card-footer+.table, .card-footer+[class*=table-responsive] {
border-top:1px solid #ddd
}
legend {
padding-top:.625rem;
padding-bottom:.625rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid #ddd;
font-size:.875rem
}
fieldset:first-child legend:first-child {
padding-top: 0
}
select[multiple], select[size] {
/*height: 200px;*/
padding:.875rem
}
select[multiple] option, select[size] option {
padding:.5rem 1rem;
border-radius:.25rem
}
select[multiple] option+option, select[size] option+option {
margin-top: 1px
}
.form-control {
background-clip: border-box
}
.form-control:disabled {
color: #999
}
.form-group .form-group:last-child {
margin-bottom: 0
}
@media (max-width:768.98px) {
.form-group [class*=col-md-]:not([class*=col-form-label])+[class*=col-md-] {
margin-top:1.25rem
}
}
@media (max-width:991.98px) {
.form-group [class*=col-lg-]:not([class*=col-form-label])+[class*=col-lg-] {
margin-top:1.25rem
}
}
@media (max-width:1199.98px) {
.form-group [class*=col-xl-]:not([class*=col-form-label])+[class*=col-xl-] {
margin-top:1.25rem
}
}
@media (max-width:768.98px) {
[class*=col-form-label][class*=col-md-] {
padding-top:0
}
}
@media (max-width:991.98px) {
[class*=col-form-label][class*=col-lg-] {
padding-top:0
}
}
@media (max-width:1199.98px) {
[class*=col-form-label][class*=col-xl-] {
padding-top:0
}
}
.form-check.disabled {
color: #999
}
.form-check.disabled .form-check-label {
cursor: default
}
.form-check-horizontal {
margin-top:.5rem;
margin-bottom:.5rem
}
.form-check-input:disabled~.form-check-label {
cursor: default
}
.form-check-label {
cursor: pointer
}
.form-check-inline .form-check-label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center
}
.form-check-inline:last-child {
margin-right: 0
}
.form-check-right {
padding-left: 0;
padding-right: 1.875rem
}
.form-check-right .form-check-input, .form-check-right input {
left: auto;
right: 0
}
.form-check-right.form-check-inline {
padding: 0
}
.form-check-right.form-check-inline .form-check-input {
margin-right: 0;
margin-left:.625rem
}
.form-group-feedback {
position: relative
}
.form-group-feedback-left .form-control-feedback {
left: 0
}
.form-group-feedback-left .form-control {
padding-left: 2.75rem
}
.form-group-feedback-left .form-control-lg {
padding-left: 3rem
}
.form-group-feedback-left .form-control-sm {
padding-left: 2.5rem
}
.form-group-feedback-right .form-control-feedback {
right: 0
}
.form-group-feedback-right .form-control {
padding-right: 2.75rem
}
.form-group-feedback-right .form-control-lg {
padding-right: 3rem
}
.form-group-feedback-right .form-control-sm {
padding-right: 2.5rem
}
.form-control-feedback {
position: absolute;
top: 0;
color: #333;
padding-left:.875rem;
padding-right:.875rem;
line-height:calc(1.5715em + .875rem + 2px);
min-width: 1rem
}
.form-control-feedback-lg {
padding-left: 1rem;
padding-right: 1rem;
line-height: calc(1.4667em + 1.125rem + 2px)
}
.form-control-feedback-sm {
padding-left:.75rem;
padding-right:.75rem;
line-height:calc(1.6924em + .625rem + 2px)
}
/*.btn {*/
/* position: relative*/
/*}*/
.btn::-moz-focus-inner {
border:0
}
.btn.disabled, .btn:disabled {
cursor: default
}
.btn-light {
color: #333;
background-color: #f0f2f5;
border-color: #cad1dc
}
.btn-light:hover {
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.btn-light.focus, .btn-light:focus {
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1;
outline: 0;
box-shadow: 0 0 0 0 rgba(179,185,194,.5)
}
.btn-light.disabled, .btn-light:disabled {
color: #333;
background-color: #f0f2f5;
border-color: #cad1dc
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.show>.btn-link.dropdown-toggle {
color: #0a6ebd
}
.btn-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: calc(2.25rem + 2px);
height: calc(2.25rem + 2px)
}
.btn-icon>i {
position: static;
min-width: 1rem
}
.btn-icon input[type=checkbox], .btn-icon input[type=radio] {
display: block
}
.btn-icon.btn-sm {
width: calc(2rem + 2px);
height: calc(2rem + 2px)
}
.btn-icon.btn-lg {
width: calc(2.5rem + 2px);
height: calc(2.5rem + 2px)
}
.btn-float {
padding: 1rem;
border-radius:.25rem
}
.btn-float.btn-link {
padding:.8rem
}
.btn-float i {
display: block;
top: 0
}
.btn-float>span {
display: block;
padding-top:.625rem;
margin-bottom:-.4375rem;
overflow: hidden;
text-overflow: ellipsis
}
.btn.border-2 {
padding-top:.375rem;
padding-bottom:.375rem
}
.btn.border-2.btn-lg {
padding-top:.5rem;
padding-bottom:.5rem
}
.btn.border-2.btn-sm {
padding-top:.25rem;
padding-bottom:.25rem
}
.btn.border-2.btn-icon {
width: calc(2.25rem + 4px);
height: calc(2.25rem + 4px)
}
.btn.border-2.btn-icon.btn-sm {
width: calc(2rem + 4px);
height: calc(2rem + 4px)
}
.btn.border-2.btn-icon.btn-lg {
width: calc(2.5rem + 4px);
height: calc(2.5rem + 4px)
}
.btn.border-2.btn-float {
padding:.9375rem
}
.btn-active-indicator {
opacity: 0;
visibility: hidden;
transition: opacity ease-in-out .15s, visibility ease-in-out .15s
}
.btn.active>.btn-active-indicator {
opacity: 1;
visibility: visible
}
.btn-labeled>b {
position: absolute;
top: -1px;
background-color: rgba(0,0,0,.15);
display: block;
line-height: 1;
padding:.6875rem
}
.btn-labeled>b>i {
top: 0
}
.btn-labeled.rounded-pill>b {
border-radius: 50rem
}
.btn-labeled.btn-lg>b {
padding:.8125rem
}
.btn-labeled.btn-sm>b {
padding:.5625rem
}
.btn-labeled-left {
padding-left: 3.25rem
}
.btn-labeled-left>b {
left: -1px;
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.btn-labeled-left.btn-lg {
padding-left: 3.625rem
}
.btn-labeled-left.btn-lg>b {
border-top-left-radius:.3125rem;
border-bottom-left-radius:.3125rem
}
.btn-labeled-left.btn-sm {
padding-left: 2.875rem
}
.btn-labeled-left.btn-sm>b {
border-top-left-radius:.1875rem;
border-bottom-left-radius:.1875rem
}
.btn-labeled-right {
padding-right: 3.375rem
}
.btn-labeled-right>b {
right: -1px;
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.btn-labeled-right.btn-lg {
padding-right: 3.625rem
}
.btn-labeled-right.btn-lg>b {
border-top-right-radius:.3125rem;
border-bottom-right-radius:.3125rem
}
.btn-labeled-right.btn-sm {
padding-right: 2.875rem
}
.btn-labeled-right.btn-sm>b {
border-top-right-radius:.1875rem;
border-bottom-right-radius:.1875rem
}
.dropdown-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
outline: 0;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
margin-bottom: 0;
transition: background-color ease-in-out .15s, color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dropdown-item {
transition: none
}
}
.dropdown-item+.dropdown-item, .dropdown-item+.dropdown-submenu, .dropdown-submenu+.dropdown-item {
margin-top: 1px
}
.dropdown-item:active {
color: #333;
background-color: #eee
}
.dropdown-item.active {
color: #fff;
background-color: #2196f3
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #999;
background-color: transparent;
cursor: default
}
.dropdown-item.disabled>.badge, .dropdown-item.disabled>img, .dropdown-item:disabled>.badge, .dropdown-item:disabled>img {
opacity: .8
}
.dropdown-item-open {
background-color: #eee;
color: #333
}
.dropdown-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.6924
}
.dropdown-header-highlight {
background-color: #f8f8f8
}
.dropdown-header-highlight+.dropdown-item, .dropdown-item+.dropdown-header-highlight {
margin-top:.5rem
}
.dropdown-header>i, .dropdown-header>img, .dropdown-item>i, .dropdown-item>img {
margin-right: 1rem
}
.dropdown-header>i, .dropdown-item>i {
top: 0
}
.dropdown-header>img, .dropdown-item>img {
max-height: 1.375rem
}
@media (max-width:575.98px) {
.dropdown-scrollable-sm {
max-height: 340px;
overflow-y: auto
}
}
@media (max-width:768.98px) {
.dropdown-scrollable-md {
max-height: 340px;
overflow-y: auto
}
}
@media (max-width:991.98px) {
.dropdown-scrollable-lg {
max-height: 340px;
overflow-y: auto
}
}
@media (max-width:1199.98px) {
.dropdown-scrollable-xl {
max-height: 340px;
overflow-y: auto
}
}
.dropdown-scrollable {
max-height: 340px;
overflow-y: auto
}
.dropdown-menu>.dropdown-submenu {
position: relative
}
.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-right: 2.5rem
}
.dropdown-menu>.dropdown-submenu>.dropdown-item:after {
content: "";
font-family: icomoon;
position: absolute;
top: 50%;
margin-top:-.5rem;
right: 1rem;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .dropdown-menu>.dropdown-submenu>.dropdown-item:after {
content: ""
}
.dropdown-menu>.dropdown-submenu.show>.dropdown-item, .dropdown-menu>.dropdown-submenu:hover>.dropdown-item {
background-color: #eee;
color: #333
}
.dropdown-menu>.dropdown-submenu:focus>.dropdown-item:not(.dropdown-toggle)~.dropdown-menu, .dropdown-menu>.dropdown-submenu:hover>.dropdown-item:not(.dropdown-toggle)~.dropdown-menu {
display: block
}
.dropdown-menu>.dropdown-submenu.disabled>.dropdown-menu {
display: none
}
.dropdown-menu>.dropdown-submenu.disabled>.dropdown-item {
background-color: transparent;
color: #999;
cursor: default
}
.dropdown-menu>.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top:-.5625rem
}
.dropdown-menu>.dropdown-submenu.dropdown-submenu-left>.dropdown-menu {
left: auto;
right: 100%
}
@media (max-width:1199.98px) {
.dropdown-menu>.dropdown-submenu .dropdown-toggle:after {
content: ""
}
.dropdown-menu>.dropdown-submenu .dropdown-menu, .dropdown-menu>.dropdown-submenu.dropdown-submenu-left .dropdown-menu {
position: static;
margin: 0!important;
border-width: 0;
width: 100%;
box-shadow: none;
border-radius: 0
}
.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 2rem
}
.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 3rem
}
}
.dropdown-menu .dropup>.dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom:-.5625rem
}
.dropdown-menu .dropdown-submenu+.dropdown-submenu {
margin-top: 1px
}
.dropright .dropdown-toggle::after {
vertical-align: middle
}
.dropleft .dropdown-toggle::before {
vertical-align: middle
}
.dropleft .dropdown-submenu .dropdown-toggle::before {
content: none
}
[dir=rtl] .nav-item:not([class*=mega-menu]) .navbar-nav-link~.dropdown-menu, [dir=rtl] .navbar-nav>.nav-item:not([class*=mega-menu])>.dropdown-menu {
left: auto;
right: 0
}
[dir=rtl] .nav-item:not([class*=mega-menu]) .navbar-nav-link~.dropdown-menu-right, [dir=rtl] .navbar-nav>.nav-item:not([class*=mega-menu])>.dropdown-menu-right {
right: auto;
left: 0
}
.dropdown-menu-lg .dropdown-item {
padding-top:.5625rem;
padding-bottom:.5625rem;
font-size:.9375rem;
line-height: 1.4667
}
.dropdown-menu-sm .dropdown-item {
padding-top:.3125rem;
padding-bottom:.3125rem;
font-size:.8125rem;
line-height: 1.6924
}
.dropdown-menu-custom>.dropdown-item, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item {
color: #fff
}
.dropdown-menu-custom>.dropdown-item:focus, .dropdown-menu-custom>.dropdown-item:hover, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item:focus, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item:hover {
background-color: rgba(255,255,255,.1)
}
.dropdown-menu-custom>.dropdown-item.active, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item.active {
background-color: rgba(255,255,255,.2)
}
.dropdown-menu-custom>.dropdown-item.disabled, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item.disabled {
background-color: transparent;
color: rgba(255,255,255,.6)
}
.dropdown-menu-custom>.dropdown-submenu.show>.dropdown-item, .dropdown-menu-custom>.dropdown-submenu:hover>.dropdown-item {
background-color: rgba(255,255,255,.1);
color: #fff
}
.dropdown-menu-custom>.dropdown-submenu.disabled>.dropdown-item {
background-color: transparent;
color: rgba(255,255,255,.6)
}
.dropdown-menu-custom>.dropdown-header {
color: rgba(255,255,255,.6)
}
.dropdown-menu-custom>.dropdown-header-highlight {
background-color: rgba(0,0,0,.1)
}
.dropdown-menu-custom>.dropdown-divider {
border-top-color: rgba(255,255,255,.4)
}
.btn-group>.btn.border-2:not(:first-child) {
margin-left: -2px
}
.btn-group>.btn.border-3:not(:first-child) {
margin-left: -3px
}
.btn-group-justified {
display: -ms-flexbox;
display: flex
}
.btn-group-justified .btn, .btn-group-justified .btn-group {
-ms-flex: 1;
flex: 1
}
.input-group .form-group-feedback {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
z-index: 4
}
.input-group .form-group-feedback:not(:last-child) .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group .form-group-feedback:not(:first-child) .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.form-control-feedback+.input-group, .input-group .form-control-feedback, .input-group+.form-control-feedback {
z-index: 4
}
.input-group-text i {
display: block;
top: 0
}
.custom-control {
padding-left: 0
}
.custom-control.dropdown-item {
padding-left: 1rem
}
label.custom-control {
margin-bottom: 0
}
.custom-control-inline:last-child {
margin-right: 0
}
.custom-control-input:not(:checked):not(:disabled):active~.custom-control-label:before, .custom-control-input:not(:checked):not(:disabled)~.custom-control-label:active:before {
border-color: #b7b7b7
}
.dropdown-item .custom-control-input {
left: 1rem
}
.custom-control-input:disabled~.custom-control-label {
cursor: default
}
.custom-control-input:disabled~.custom-control-label:before {
opacity: .65
}
.custom-control-label {
display: -ms-inline-flexbox;
display: inline-flex;
padding-left: 2rem;
min-width: 1.25rem;
min-height: 1.25rem
}
.custom-control-label::after, .custom-control-label::before {
left: 0;
top:.0625rem
}
.dropdown-item .custom-control-label {
padding-left: 2.25rem
}
.custom-control.custom-control-right .custom-control-input {
left: auto;
right: 0
}
.custom-control.custom-control-right.dropdown-item .custom-control-input {
right: 1rem
}
.custom-control.custom-control-right .custom-control-label {
padding-left: 0;
padding-right: 2rem
}
.custom-control.custom-control-right .custom-control-label:after, .custom-control.custom-control-right .custom-control-label:before {
left: auto;
right: 0
}
.custom-checkbox-inverse .custom-control-input:checked~.custom-control-label::before, .custom-checkbox-inverse .custom-control-input:focus:not(:checked)~.custom-control-label::before, .custom-checkbox-inverse .custom-control-input:not(:checked):not(:disabled):active~.custom-control-label:before, .custom-checkbox-inverse .custom-control-input:not(:checked):not(:disabled)~.custom-control-label:active:before, .custom-checkbox-inverse .custom-control-label::before, .custom-radio-inverse .custom-control-input:checked~.custom-control-label::before, .custom-radio-inverse .custom-control-input:focus:not(:checked)~.custom-control-label::before, .custom-radio-inverse .custom-control-input:not(:checked):not(:disabled):active~.custom-control-label:before, .custom-radio-inverse .custom-control-input:not(:checked):not(:disabled)~.custom-control-label:active:before, .custom-radio-inverse .custom-control-label::before {
border-color: #fff
}
.custom-checkbox-inverse .custom-control-input:checked~.custom-control-label::before, .custom-checkbox-inverse .custom-control-input:disabled:checked~.custom-control-label::before, .custom-radio-inverse .custom-control-input:checked~.custom-control-label::before, .custom-radio-inverse .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #fff
}
.custom-checkbox-inverse .custom-control-input:disabled~.custom-control-label::before, .custom-checkbox-inverse .custom-control-label::before, .custom-radio-inverse .custom-control-input:disabled~.custom-control-label::before, .custom-radio-inverse .custom-control-label::before {
background-color: transparent
}
.custom-checkbox-inverse .custom-control-input:disabled~.custom-control-label, .custom-radio-inverse .custom-control-input:disabled~.custom-control-label {
color: rgba(255,255,255,.75)
}
.custom-checkbox-inverse .custom-control-input:checked~.custom-control-label:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23000' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e")
}
.custom-radio-inverse .custom-control-input:checked~.custom-control-label:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e")
}
.custom-switch .custom-control-label {
display: inline-block;
min-width: 2.1875rem;
padding-left: 2.9375rem
}
.custom-switch .custom-control-label::before {
border: 0;
left: 0;
background-color: #999
}
.custom-switch .custom-control-label::after {
top:calc(.0625rem + 2px);
left: 2px;
background-color: #fff;
box-shadow:0 .0625rem .125rem rgba(0,0,0,.25)
}
.dropdown-item .custom-switch .custom-control-label {
padding-left: 3.1875rem
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff
}
.custom-switch .custom-control-input:checked~.custom-control-label::before, .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #2196f3
}
.custom-switch .custom-control-input:disabled~.custom-control-label::before, .custom-switch .custom-control-input:not(:checked):active~.custom-control-label::before, .custom-switch .custom-control-input[disabled]~.custom-control-label::before {
background-color: #999
}
.custom-switch .custom-control-input:disabled~.custom-control-label:after {
opacity: .9
}
.custom-switch.custom-control-right .custom-control-label {
padding-right: 2.9375rem
}
.custom-switch.custom-control-right .custom-control-label:after {
right: calc(1.1875rem - 2px)
}
.custom-switch-square .custom-control-label::before {
border-radius:.25rem
}
.custom-switch-square .custom-control-label::after {
border-radius:calc(.25rem - 1px)
}
.custom-switch-inverse .custom-control-input:checked~.custom-control-label::before, .custom-switch-inverse .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(255,255,255,.5)
}
.custom-switch-inverse .custom-control-input:disabled~.custom-control-label::before, .custom-switch-inverse .custom-control-input:not(:checked):active~.custom-control-label::before, .custom-switch-inverse .custom-control-input[disabled]~.custom-control-label::before, .custom-switch-inverse .custom-control-label::before {
background-color: rgba(255,255,255,.5)
}
.custom-control-secondary .custom-control-input:checked~.custom-control-label::before, .custom-control-secondary .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #45748a;
border-color: #45748a
}
.custom-control-dark .custom-control-input:checked~.custom-control-label::before, .custom-control-dark .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #252b36;
border-color: #252b36
}
.custom-control-success .custom-control-input:checked~.custom-control-label::before, .custom-control-success .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #25b372;
border-color: #25b372
}
.custom-control-danger .custom-control-input:checked~.custom-control-label::before, .custom-control-danger .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #ef5350;
border-color: #ef5350
}
.custom-control-warning .custom-control-input:checked~.custom-control-label::before, .custom-control-warning .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #f58646;
border-color: #f58646
}
.custom-control-info .custom-control-input:checked~.custom-control-label::before, .custom-control-info .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #2cbacc;
border-color: #2cbacc
}
.custom-select {
cursor: pointer
}
.custom-select:disabled {
cursor: default
}
.custom-file-label {
margin-bottom: 0
}
.custom-file-label:after {
border-top-right-radius:calc(.25rem - 1px);
border-bottom-right-radius:calc(.25rem - 1px)
}
.custom-file-label.border-transparent:after {
border-left-color: #ddd
}
.nav-link {
position: relative;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.nav-link {
transition: none
}
}
.nav-link:focus {
outline: 0
}
.nav-link::-moz-focus-inner {
border:0
}
.nav-link.disabled {
cursor: default
}
.nav-tabs {
margin-bottom: 1.25rem
}
.nav-tabs .nav-link {
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #777
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
color: #333
}
.nav-tabs .nav-link.disabled {
color: #999
}
.nav-tabs .nav-item.show .nav-link:not(.active) {
border-color: transparent;
background-color: transparent
}
.nav-tabs.border-top-1 {
border-top-color: #ddd
}
.nav-tabs-responsive {
overflow-x: auto;
box-shadow: 0 -1px 0 #ddd inset
}
.nav-tabs-responsive .nav-tabs {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
margin-bottom: 0
}
.nav-tabs-bottom .nav-link, .nav-tabs-highlight .nav-link, .nav-tabs-top .nav-link {
position: relative
}
.nav-tabs-bottom .nav-link:before, .nav-tabs-highlight .nav-link:before, .nav-tabs-top .nav-link:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.nav-tabs-bottom .nav-link:before, .nav-tabs-highlight .nav-link:before, .nav-tabs-top .nav-link:before {
transition: none
}
}
.nav-tabs-highlight .nav-link {
border-top-color: transparent;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-tabs-highlight .nav-link:before {
height: 2px;
top: -1px;
left: -1px;
right: -1px
}
.nav-tabs-highlight .nav-link.active:before {
background-color: #2196f3
}
.nav-tabs-top .nav-item {
margin-bottom: 0
}
.nav-tabs-top .nav-link {
border-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-tabs-top .nav-link:focus:before, .nav-tabs-top .nav-link:hover:before {
background-color: #ddd
}
.nav-tabs-top .nav-link:before {
height: 2px
}
.nav-tabs-top .nav-link.disabled:before {
content: none
}
.nav-tabs-top .nav-item.show .nav-link:not(.active):before {
background-color: #ddd
}
.nav-tabs-top .nav-link.active:before {
background-color: #f35c86
}
.nav-tabs-top .nav-item.show .nav-link, .nav-tabs-top .nav-link.active {
background-color: transparent
}
.nav-tabs-top .dropdown-menu {
margin-top: 0
}
.nav-tabs-top.border-top-1 .nav-link {
margin-top: -1px
}
.nav-tabs-bottom .nav-link {
border-width: 0
}
.nav-tabs-bottom .nav-link:before {
height: 2px;
top: auto;
bottom: 0
}
.nav-tabs-bottom .nav-link.active:before {
background-color: #f35c86
}
.nav-tabs-bottom .nav-item.show .nav-link, .nav-tabs-bottom .nav-link.active {
background-color: transparent
}
.nav-tabs-bottom .dropdown-menu {
margin-top: 0
}
.nav-tabs-solid {
background-color: #f5f5f5;
border-bottom: 0;
overflow:hidden;
}
.nav-tabs-solid .nav-link {display:flex; align-items:center; height: 34px; padding: 0.3rem 1.875rem;
border-width: 0;
margin-bottom: 0
}
.nav-tabs-solid .nav-item.show .nav-link {
background-color: transparent
}
/*.nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active {
color: #fff;
background-color: #2196f3
}
*/
.nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active {
color: #fff;
background-color: #5c6bc0
}
.nav-tabs-solid.border .nav-item.show .nav-link.active, .nav-tabs-solid.border .nav-link.active {
box-shadow: 0 0 0 1px #2196f3
}
.nav-tabs-solid.rounded-top .nav-item:first-child>.nav-link {
border-top-left-radius:.25rem
}
.nav-tabs-solid.rounded-top .nav-item:last-child>.nav-link {
border-top-right-radius:.25rem
}
.nav-tabs-solid.rounded-bottom .nav-item:first-child>.nav-link {
border-bottom-left-radius:.25rem
}
.nav-tabs-solid.rounded-bottom .nav-item:last-child>.nav-link {
border-bottom-right-radius:.25rem
}
.nav-tabs-solid-custom .nav-link {
color: rgba(255,255,255,.85)
}
.nav-tabs-solid-custom .nav-link:focus, .nav-tabs-solid-custom .nav-link:hover {
color: #fff
}
.nav-tabs-solid-custom .nav-link.disabled {
color: rgba(255,255,255,.6)
}
.nav-tabs-solid-custom .nav-item.show .nav-link {
color: #fff
}
.nav-tabs-solid-custom .nav-item.show .nav-link.active, .nav-tabs-solid-custom .nav-link.active {
color: #fff;
background-color: rgba(255,255,255,.15)
}
.nav-tabs-solid-custom+.tab-content-dark {
border-top-color: rgba(255,255,255,.5)
}
.nav-tabs-vertical .nav-link {
-ms-flex-pack: start;
justify-content: flex-start
}
.nav-tabs-vertical .nav-link, .nav-tabs-vertical .nav-link.disabled, .nav-tabs-vertical .nav-link:focus, .nav-tabs-vertical .nav-link:hover {
border-color: transparent #ddd transparent transparent
}
.nav-tabs-vertical .nav-link:before {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
width: 2px;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.nav-tabs-vertical .nav-link:before {
transition: none
}
}
.nav-tabs-vertical .nav-item.show .nav-link:not(.active) {
border-right-color: #ddd;
border-bottom-color: transparent
}
.nav-tabs-vertical-right .nav-link, .nav-tabs-vertical-right .nav-link.disabled, .nav-tabs-vertical-right .nav-link:focus, .nav-tabs-vertical-right .nav-link:hover {
border-color: transparent transparent transparent #ddd
}
.nav-tabs-vertical-right .nav-link:before {
left: auto;
right: -1px
}
.nav-tabs-vertical-right .nav-item.show .nav-link:not(.active) {
border-right-color: transparent;
border-left-color: #ddd
}
.nav-tabs-vertical .nav-link.active:before {
background-color: #2196f3
}
.nav-tabs-vertical .nav-item.show .nav-link, .nav-tabs-vertical .nav-link.active {
background-color: transparent;
border-color: #ddd transparent
}
.nav-pills {
margin-bottom: 1.25rem
}
.nav-pills .nav-link {
color: #777
}
.nav-pills .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover {
color: #333
}
.nav-pills .nav-link.disabled, .nav-pills .nav-link.disabled:focus, .nav-pills .nav-link.disabled:hover {
color: #999
}
.nav-pills .nav-item.show .nav-link:not(.active) {
color: #333;
background-color: transparent
}
.nav-pills.flex-column .nav-link {
-ms-flex-pack: start;
justify-content: flex-start
}
.nav-pills-bordered .nav-item+.nav-item {
margin-left:.625rem
}
.nav-pills-bordered .nav-link {
border: 1px solid #ddd
}
.nav-pills-bordered .nav-item.show .nav-link:not(.active), .nav-pills-bordered .nav-link:not(.active):focus, .nav-pills-bordered .nav-link:not(.active):hover {
background-color: #f5f5f5
}
.nav-pills-bordered .nav-link.active {
border-color: #2196f3
}
.nav-pills-bordered .nav-link.disabled, .nav-pills-bordered .nav-link.disabled:focus, .nav-pills-bordered .nav-link.disabled:hover {
background-color: #fafafa
}
.nav-pills-bordered.flex-column .nav-item+.nav-item {
margin-left: 0;
margin-top:.625rem
}
.nav-pills-toolbar .nav-item+.nav-item {
margin-left: -1px
}
.nav-pills-toolbar .nav-link {
border-radius: 0
}
.nav-pills-toolbar .nav-link.active {
z-index: 3
}
.nav-pills-toolbar .nav-item:first-child .nav-link {
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.nav-pills-toolbar .nav-item:last-child .nav-link {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.nav-pills-toolbar.flex-column .nav-item:first-child .nav-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.nav-pills-toolbar.flex-column .nav-item:last-child .nav-link {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem
}
.nav-pills-toolbar.flex-column .nav-item+.nav-item {
margin-left: 0;
margin-top: -1px
}
.navbar {
/*border-bottom: 1px solid transparent;*/
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-negative: 0;
flex-shrink: 0
}
.navbar-brand {
margin: 0; text-align:center;
}
.navbar-brand img {
/*height: 1.125rem*/
}
.navbar-text {
padding-top: 1rem;
padding-bottom: 1rem
}
.navbar-search {
position: relative;
width: 100%
}
.navbar-search .form-control {
border: 0;
border-radius: 50rem;
transition: background-color ease-in-out .15s
}
.navbar-dark .navbar-search .form-control {
color: #fff;
background-color:background-color:rgba(0,0,0,.25);
}
.navbar-dark .navbar-search .form-control:focus {
background-color: rgba(0,0,0,.3)
}
.navbar-dark .navbar-search .form-control::-webkit-input-placeholder {
color:rgba(255,255,255,.5)
}
.navbar-dark .navbar-search .form-control::-moz-placeholder {
color:rgba(255,255,255,.5)
}
.navbar-dark .navbar-search .form-control:-ms-input-placeholder {
color:rgba(255,255,255,.5)
}
.navbar-dark .navbar-search .form-control::-ms-input-placeholder {
color:rgba(255,255,255,.5)
}
.navbar-dark .navbar-search .form-control::placeholder {
color:rgba(255,255,255,.5)
}
.navbar-light .navbar-search .form-control {
background-color: #eee
}
.navbar-light .navbar-search .form-control:focus {
background-color: #ddd
}
.navbar-nav .nav-link {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.navbar-nav-link {
position: relative;
display: block;
cursor: pointer;
padding: 0.625rem 1.25rem;
outline: 0;
transition: color ease-in-out .15s, background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.navbar-nav-link {
transition: none
}
}
.navbar-nav-link.disabled {
cursor: default
}
.navbar-nav-link.disabled .badge, .navbar-nav-link.disabled img {
opacity: .5
}
.navbar-nav-link>.badge {
position: absolute;
top: 0;
right: 0
}
.navbar-nav-link>.badge-mark {
top:.5rem;
right:.625rem
}
.navbar-nav-underline .navbar-nav-link, .navbar-nav-underline .navbar-nav-link.active, .navbar-nav-underline .navbar-nav-link:focus, .navbar-nav-underline .navbar-nav-link:hover {
background-color: transparent!important
}
.navbar-nav-underline .navbar-nav-link:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
height: 2px
}
.navbar-light .navbar-nav-underline .navbar-nav-link.active:before {
background-color: #f57d9e
}
.navbar-dark .navbar-nav-underline .navbar-nav-link.active:before {
background-color: #fff
}
.navbar-toggler {
position: relative;
border: 0;
line-height: 1.5715;
padding-left:.625rem;
padding-right:.625rem;
cursor: pointer;
transition: color ease-in-out .15s, background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.navbar-toggler {
transition: none
}
}
.navbar-toggler:focus, .navbar-toggler:hover {
outline: 0
}
.navbar-toggler .badge {
position: absolute;
top: 0;
right:-.3125rem
}
.navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:hover {
color: #fff
}
.navbar-light .navbar-toggler {
color: rgba(51,51,51,.75)
}
.navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler[aria-expanded=true] {
color: #333
}
@media (max-width:575.98px) {
.navbar-expand-sm:not(.navbar-expand) {
padding-left:.625rem;
padding-right:.625rem
}
.navbar-expand-sm .navbar-nav-link-toggler {
padding-left:.75rem;
padding-right:.75rem
}
.navbar-expand-sm .navbar-nav-link-toggler .badge-mark {
right:.25rem
}
.navbar-expand-sm .navbar-nav-link-toggler.dropdown-toggle:after {
content: none
}
.navbar-expand-sm .navbar-collapse {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left:-.625rem;
margin-right:-.625rem
}
.navbar-expand-sm .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child {
margin-top:.625rem
}
.navbar-expand-sm .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child {
margin-bottom:.625rem
}
.navbar-expand-sm .navbar-collapse .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding:.75rem 1.25rem
}
.navbar-expand-sm .navbar-collapse .navbar-nav-link>.badge:not(.position-static) {
position: static
}
.navbar-expand-sm .navbar-collapse .navbar-nav-link.dropdown-toggle {
padding-right: 2.5rem
}
.navbar-expand-sm .navbar-collapse .navbar-nav-link.dropdown-toggle:after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.navbar-expand-sm .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.navbar-expand-sm .navbar-collapse .navbar-nav-underline .navbar-nav-link:before {
right: auto;
top: 0;
height: auto;
width: 2px
}
.navbar-expand-sm .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
content: ""
}
.navbar-expand-sm .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-sm .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0
}
.navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 2rem
}
.navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 3rem
}
.navbar-expand-sm.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255,255,255,.1)
}
.navbar-expand-sm.navbar-light .navbar-collapse {
border-top: 1px solid #ddd
}
}
@media (min-width:576px) {
.navbar-expand-sm .navbar-brand {
min-width: 17.5rem
}
.navbar-expand-sm .navbar-search {
max-width: 30rem
}
}
@media (max-width:768.98px) {
.navbar-expand-md:not(.navbar-expand) {
padding-left:.625rem;
padding-right:.625rem
}
.navbar-expand-md .navbar-nav-link-toggler {
padding-left:.75rem;
padding-right:.75rem
}
.navbar-expand-md .navbar-nav-link-toggler .badge-mark {
right:.25rem
}
.navbar-expand-md .navbar-nav-link-toggler.dropdown-toggle:after {
content: none
}
.navbar-expand-md .navbar-collapse {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left:-.625rem;
margin-right:-.625rem
}
.navbar-expand-md .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child {
margin-top:.625rem
}
.navbar-expand-md .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child {
margin-bottom:.625rem
}
.navbar-expand-md .navbar-collapse .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding:.75rem 1.25rem
}
.navbar-expand-md .navbar-collapse .navbar-nav-link>.badge:not(.position-static) {
position: static
}
.navbar-expand-md .navbar-collapse .navbar-nav-link.dropdown-toggle {
padding-right: 2.5rem
}
.navbar-expand-md .navbar-collapse .navbar-nav-link.dropdown-toggle:after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.navbar-expand-md .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.navbar-expand-md .navbar-collapse .navbar-nav-underline .navbar-nav-link:before {
right: auto;
top: 0;
height: auto;
width: 2px
}
.navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
content: ""
}
.navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-md .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0
}
.navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 2rem
}
.navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 3rem
}
.navbar-expand-md.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(0,0,0,.2)
}
.navbar-expand-md.navbar-light .navbar-collapse {
border-top: 1px solid #ddd
}
}
@media (min-width:769px) {
.navbar-expand-md .navbar-brand {
min-width: 17.5rem
}
.navbar-expand-md .navbar-search {
max-width: 30rem
}
}
@media (max-width:991.98px) {
.navbar-expand-lg:not(.navbar-expand) {
padding-left:.625rem;
padding-right:.625rem
}
.navbar-expand-lg .navbar-nav-link-toggler {
padding-left:.75rem;
padding-right:.75rem
}
.navbar-expand-lg .navbar-nav-link-toggler .badge-mark {
right:.25rem
}
.navbar-expand-lg .navbar-nav-link-toggler.dropdown-toggle:after {
content: none
}
.navbar-expand-lg .navbar-collapse {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left:-.625rem;
margin-right:-.625rem
}
.navbar-expand-lg .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child {
margin-top:.625rem
}
.navbar-expand-lg .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child {
margin-bottom:.625rem
}
.navbar-expand-lg .navbar-collapse .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding:.75rem 1.25rem
}
.navbar-expand-lg .navbar-collapse .navbar-nav-link>.badge:not(.position-static) {
position: static
}
.navbar-expand-lg .navbar-collapse .navbar-nav-link.dropdown-toggle {
padding-right: 2.5rem
}
.navbar-expand-lg .navbar-collapse .navbar-nav-link.dropdown-toggle:after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.navbar-expand-lg .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.navbar-expand-lg .navbar-collapse .navbar-nav-underline .navbar-nav-link:before {
right: auto;
top: 0;
height: auto;
width: 2px
}
.navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
content: ""
}
.navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-lg .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0
}
.navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 2rem
}
.navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 3rem
}
.navbar-expand-lg.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255,255,255,.1)
}
.navbar-expand-lg.navbar-light .navbar-collapse {
border-top: 1px solid #ddd
}
}
@media (min-width:992px) {
.navbar-expand-lg .navbar-brand {
min-width: 17.5rem
}
.navbar-expand-lg .navbar-search {
max-width: 30rem
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl:not(.navbar-expand) {
padding-left:.625rem;
padding-right:.625rem
}
.navbar-expand-xl .navbar-nav-link-toggler {
padding-left:.75rem;
padding-right:.75rem
}
.navbar-expand-xl .navbar-nav-link-toggler .badge-mark {
right:.25rem
}
.navbar-expand-xl .navbar-nav-link-toggler.dropdown-toggle:after {
content: none
}
.navbar-expand-xl .navbar-collapse {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left:-.625rem;
margin-right:-.625rem
}
.navbar-expand-xl .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child {
margin-top:.625rem
}
.navbar-expand-xl .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child {
margin-bottom:.625rem
}
.navbar-expand-xl .navbar-collapse .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding:.75rem 1.25rem
}
.navbar-expand-xl .navbar-collapse .navbar-nav-link>.badge:not(.position-static) {
position: static
}
.navbar-expand-xl .navbar-collapse .navbar-nav-link.dropdown-toggle {
padding-right: 2.5rem
}
.navbar-expand-xl .navbar-collapse .navbar-nav-link.dropdown-toggle:after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.navbar-expand-xl .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.navbar-expand-xl .navbar-collapse .navbar-nav-underline .navbar-nav-link:before {
right: auto;
top: 0;
height: auto;
width: 2px
}
.navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
content: ""
}
.navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-xl .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0
}
.navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 2rem
}
.navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 3rem
}
.navbar-expand-xl.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255,255,255,.1)
}
.navbar-expand-xl.navbar-light .navbar-collapse {
border-top: 1px solid #ddd
}
}
@media (min-width:1200px) {
.navbar-expand-xl .navbar-brand {
min-width: 17.5rem
}
.navbar-expand-xl .navbar-search {
max-width: 30rem
}
}
.navbar-expand:not(.navbar-expand) {
padding-left:.625rem;
padding-right:.625rem
}
.navbar-expand .navbar-nav-link-toggler {
padding-left:.75rem;
padding-right:.75rem
}
.navbar-expand .navbar-nav-link-toggler .badge-mark {
right:.25rem
}
.navbar-expand .navbar-nav-link-toggler.dropdown-toggle:after {
content: none
}
.navbar-expand .navbar-collapse {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left:-.625rem;
margin-right:-.625rem
}
.navbar-expand .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child {
margin-top:.625rem
}
.navbar-expand .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child {
margin-bottom:.625rem
}
.navbar-expand .navbar-collapse .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding:.75rem 1.25rem
}
.navbar-expand .navbar-collapse .navbar-nav-link>.badge:not(.position-static) {
position: static
}
.navbar-expand .navbar-collapse .navbar-nav-link.dropdown-toggle {
padding-right: 2.5rem
}
.navbar-expand .navbar-collapse .navbar-nav-link.dropdown-toggle:after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.navbar-expand .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.navbar-expand .navbar-collapse .navbar-nav-underline .navbar-nav-link:before {
right: auto;
top: 0;
height: auto;
width: 2px
}
.navbar-expand .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
content: ""
}
.navbar-expand .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0
}
.navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 2rem
}
.navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
padding-left: 3rem
}
.navbar-expand.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255,255,255,.1)
}
.navbar-expand.navbar-light .navbar-collapse {
border-top: 1px solid #ddd
}
.navbar-expand .navbar-brand {
min-width: 17.5rem
}
.navbar-expand .navbar-search {
max-width: 30rem
}
@media (max-width:575.98px) {
.nav-item-dropdown-sm {
position: static
}
.nav-item-dropdown-sm>.dropdown-menu {
position: absolute;
left: 1.25rem!important;
right: 1.25rem!important
}
}
@media (max-width:768.98px) {
.nav-item-dropdown-md {
position: static
}
.nav-item-dropdown-md>.dropdown-menu {
position: absolute;
left: 1.25rem!important;
right: 1.25rem!important
}
}
@media (max-width:991.98px) {
.nav-item-dropdown-lg {
position: static
}
.nav-item-dropdown-lg>.dropdown-menu {
position: absolute;
left: 1.25rem!important;
right: 1.25rem!important
}
}
@media (max-width:1199.98px) {
.nav-item-dropdown-xl {
position: static
}
.nav-item-dropdown-xl>.dropdown-menu {
position: absolute;
left: 1.25rem!important;
right: 1.25rem!important
}
}
.nav-item-dropdown {
position: static
}
.nav-item-dropdown>.dropdown-menu {
position: absolute;
left: 1.25rem!important;
right: 1.25rem!important
}
.navbar-light {
color: rgba(51,51,51,.75);
background-color: #fff;
border-bottom-color: rgba(0,0,0,.125)
}
.navbar-light .navbar-nav .nav-link {
color: #333
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #333
}
.navbar-light .navbar-nav .nav-link.disabled {
color: #999
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #333
}
.navbar-light .navbar-nav-link {
color: rgba(51,51,51,.75)
}
.navbar-light .navbar-nav-link:focus, .navbar-light .navbar-nav-link:hover {
color: #333;
background-color: rgba(0,0,0,.04)
}
.navbar-light .navbar-nav-link.disabled {
color: rgba(0,0,0,.5);
background-color: transparent
}
.navbar-light .active>.navbar-nav-link, .navbar-light .navbar-nav-link.active, .navbar-light .navbar-nav-link.show, .navbar-light .show>.navbar-nav-link {
color: #333;
background-color: rgba(0,0,0,.04)
}
.navbar-light .navbar-text a {
color: #2196f3
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color: #0a6ebd
}
.navbar-dark {
padding-left:0;
color: rgba(255,255,255,.9);
background-color: #fff;
border-bottom-color: rgba(255,255,255,.1);
border-bottom:1px solid #f1f1f1;
}
.navbar-dark .navbar-nav .nav-link {
color: #333
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #333
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: #999
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #333
}
.navbar-dark .navbar-nav-link {
color:#252b36;
}
.navbar-dark .navbar-nav-link:focus, .navbar-dark .navbar-nav-link:hover {
color: #252b36;
background-color: rgba(255,255,255,.1)
}
.navbar-dark .navbar-nav-link.disabled {
color: rgba(255,255,255,.5);
background-color: transparent
}
.navbar-dark .active>.navbar-nav-link, .navbar-dark .navbar-nav-link.active, .navbar-dark .navbar-nav-link.show, .navbar-dark .show>.navbar-nav-link {
color: #fff;
background-color: rgba(255,255,255,.1)
}
.navbar-nav .nav-tabs .nav-link {
color: #777
}
.navbar-nav .nav-tabs .nav-link:focus, .navbar-nav .nav-tabs .nav-link:hover {
color: #333
}
.navbar-nav .nav-tabs .nav-link.disabled {
color: #999
}
.navbar-nav .nav-tabs .active>.nav-link, .navbar-nav .nav-tabs .nav-link.active, .navbar-nav .nav-tabs .nav-link.show, .navbar-nav .nav-tabs .show>.nav-link {
color: #333
}
.navbar-nav .nav-pills .nav-link {
color: #777
}
.navbar-nav .nav-pills .nav-link:not(.active):focus, .navbar-nav .nav-pills .nav-link:not(.active):hover {
color: #333
}
.navbar-nav .nav-pills .nav-link.active, .show:not(.navbar-collapse)>.navbar-nav .nav-pills .nav-link {
color: #fff
}
.navbar-nav .nav-pills .nav-link.disabled:focus, .navbar-nav .nav-pills .nav-link.disabled:hover {
color: #999
}
.navbar .btn-group .dropdown-menu-right {
right: 0;
left: auto
}
.dropdown-user .navbar-nav-link, .dropdown-user .navbar-nav-link>span {
padding-top:.5rem;
padding-bottom:.5rem
}
.img-flag {
height:.9375rem;
margin-top:.21875rem;
vertical-align: top;
-ms-flex-item-align: start;
align-self: flex-start
}
.mega-menu-left>.dropdown-menu {
left: auto
}
.mega-menu-right>.dropdown-menu {
left: auto;
right: 0
}
.mega-menu-full>.dropdown-menu {
left: 1.25rem;
right: 1.25rem
}
.navbar-component .mega-menu-full>.dropdown-menu {
left: 0;
right: 0
}
.dropdown-content-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 1.25rem;
padding-right: 1.25rem;
border-top-left-radius:.1875rem;
border-top-right-radius:.1875rem
}
.dropdown-content-header:not([class*=bg-]) {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.dropdown-content-header[class*=bg-] {
padding-top: 1rem;
padding-bottom: 1rem
}
.dropdown-content-header+.table, .dropdown-content-header+.table-responsive {
border-top: 1px solid #ddd
}
.dropdown-content:not(ul) {
padding-top: 0;
padding-bottom: 0
}
.dropdown-content-body {
padding: 1.25rem 1.25rem
}
.dropdown-content-header:not([class*=bg-])+.dropdown-content-body {
padding-top: 0
}
.dropdown-content-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:.75rem 1.25rem;
border-top: 1px solid #ddd;
border-bottom-right-radius:.1875rem;
border-bottom-left-radius:.1875rem
}
.navbar-top {
padding-top: calc(3.375rem + 1px)
}
.navbar-lg-top {
padding-top: calc(3.875rem + 1px)
}
.navbar-sm-top {
padding-top: calc(2.875rem + 1px)
}
.navbar-lg-lg-top {
padding-top: calc(7.75rem + 2px)
}
.navbar-lg-md-top {
padding-top: calc(7.25rem + 2px)
}
.navbar-md-md-top {
padding-top: calc(6.75rem + 2px)
}
.navbar-md-sm-top {
padding-top: calc(6.25rem + 2px)
}
.navbar-bottom {
padding-bottom: calc(3.375rem + 1px)
}
.navbar-lg-bottom {
padding-bottom: calc(3.875rem + 1px)
}
.navbar-sm-bottom {
padding-bottom: calc(2.875rem + 1px)
}
.navbar-lg-lg-bottom {
padding-bottom: calc(7.75rem + 2px)
}
.navbar-lg-md-bottom {
padding-bottom: calc(7.25rem + 2px)
}
.navbar-md-md-bottom {
padding-bottom: calc(6.75rem + 2px)
}
.navbar-md-sm-bottom {
padding-bottom: calc(6.25rem + 2px)
}
.navbar-lg .navbar-brand {
padding-top: 1.375rem;
padding-bottom: 1.375rem
}
.navbar-lg .navbar-toggler {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.navbar-lg .navbar-nav-link {
padding: 1.25rem 1.5rem
}
.navbar-lg .navbar-nav-link .badge-mark {
top:.625rem;
right:.75rem
}
.navbar-lg .navbar-text {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.navbar-lg .dropdown-user>.navbar-nav-link, .navbar-lg .dropdown-user>.navbar-nav-link>span {
padding-top:.625rem;
padding-bottom:.625rem
}
.navbar-lg .dropdown-user>.navbar-nav-link>img {
max-height: 2.62506rem
}
.navbar-sm .navbar-brand {
padding-top:.875rem;
padding-bottom:.875rem
}
.navbar-sm .navbar-toggler {
padding-top:.75rem;
padding-bottom:.75rem
}
.navbar-sm .navbar-nav-link {
padding:.75rem .875rem
}
.navbar-sm .navbar-nav-link .badge-mark {
top:.375rem;
right:.4375rem
}
.navbar-sm .navbar-text {
padding-top:.75rem;
padding-bottom:.75rem
}
.navbar-sm .dropdown-user>.navbar-nav-link, .navbar-sm .dropdown-user>.navbar-nav-link>span {
padding-top:.375rem;
padding-bottom:.375rem
}
.navbar-sm .dropdown-user>.navbar-nav-link>img {
max-height: 2.12506rem
}
.navbar-static {
z-index: 1024
}
.navbar-static+.navbar-static {
z-index: 1023
}
.content-wrapper .navbar-static {
z-index: 1021
}
.card {
margin-bottom: 1.25rem;
box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.card.fixed-top {
overflow: auto;
max-height: 100%
}
.card-body:not(.card)+.card-body:not(.card) {
border-top: 1px solid rgba(0,0,0,.125)
}
.card-title {
position: relative;
margin-bottom: 1rem
}
.card-header .card-title {
margin-bottom: 0
}
.card-header[class*=bg-] {
padding-top: 1rem;
padding-bottom: 1rem
}
.card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .card-header {
border-bottom-color: rgba(255,255,255,.1)
}
.card-header:not([class*=bg-]) {
background-color: transparent;
border-bottom-width: 0
}
.card-header:not([class*=bg-])+*>.card-body:first-child, .card-header:not([class*=bg-])+.card-body {
padding-top: 0
}
.card-footer {
padding-top: 1rem;
padding-bottom: 1rem
}
.card-footer:first-child, .card-header+*>.card-footer:first-child, .card-header+.card-footer {
border-top: 0;
border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-footer.border-bottom-1 {
border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header-tabs {
margin-bottom: 0
}
.card-header-tabs .nav-link {
border-top-width: 0
}
.card-body .card-img {
border-radius:.25rem
}
.card-img-actions {
position: relative
}
.card-img-actions:focus .card-img-actions-overlay, .card-img-actions:hover .card-img-actions-overlay {
opacity: 1;
visibility: visible
}
.card-img-actions-overlay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,.75);
color: #fff;
opacity: 0;
visibility: hidden;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.card-img-actions-overlay {
transition: none
}
}
[data-action] {
cursor:pointer
}
[data-action]:after {
font-family: icomoon;
font-size: 1rem;
min-width: 1rem;
text-align: center;
display: inline-block;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[data-action=collapse]:after {
content: "";
transition: -webkit-transform ease-in-out .15s;
transition: transform ease-in-out .15s;
transition: transform ease-in-out .15s, -webkit-transform ease-in-out .15s
}
.card-collapsed [data-action=collapse]:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
[data-action=reload]:after {
content: ""
}
[data-action=remove]:after {
content: "";
font-size:.875rem
}
[data-action=move] {
cursor:move
}
[data-action=move]:after {
content: ""
}
[data-action=fullscreen]:after {
content: ""
}
[data-action=fullscreen][data-fullscreen=active]:after {
content: ""
}
[data-action=modal]:after {
content: ""
}
.card-group-control .card-title>a {
display: inline-block
}
.card-group-control .card-title>a:before {
content: "";
font-family: icomoon;
position: absolute;
top: 50%;
margin-top:-.5rem;
font-size: 1rem;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.card-group-control .card-title>a.collapsed:before {
content: ""
}
.card-group-control-left .card-title>a {
padding-left: 1.625rem
}
.card-group-control-left .card-title>a:before {
left: 0
}
.card-group-control-right .card-title>a {
padding-right: 1.625rem
}
.card-group-control-right .card-title>a:before {
right: 0
}
.card-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(255,255,255,.85);
z-index: 1001;
border-radius:.25rem;
-webkit-animation: cardOverlayEnter .15s ease;
animation: cardOverlayEnter .15s ease
}
.card-overlay-fadeout {
-webkit-animation: cardOverlayExit .15s ease;
animation: cardOverlayExit .15s ease
}
.card-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
border-radius: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch
}
@-webkit-keyframes cardOverlayEnter {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes cardOverlayEnter {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes cardOverlayExit {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes cardOverlayExit {
0% {
opacity:1
}
100% {
opacity:0
}
}
.breadcrumb {
padding: 0
}
.breadcrumb-item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding:.625rem 0;
color: inherit
}
.breadcrumb-item i {
font-size:.8125rem;
top: 0
}
a.breadcrumb-elements-item, a.breadcrumb-item {
color: inherit;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
a.breadcrumb-elements-item, a.breadcrumb-item {
transition: none
}
}
.show>a.breadcrumb-elements-item, .show>a.breadcrumb-item, a.breadcrumb-elements-item:focus, a.breadcrumb-elements-item:hover, a.breadcrumb-item:focus, a.breadcrumb-item:hover {
opacity: .75
}
.page-header-content>.breadcrumb {
padding-top: 0;
padding-bottom: 1.25rem
}
.page-header-content>.breadcrumb:first-child {
padding-bottom: 0;
padding-top: 1.25rem
}
.breadcrumb-dash>.breadcrumb-item+.breadcrumb-item:before {
content: '\2013\00a0'
}
.breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before {
content: '\2192\00a0'
}
[dir=rtl] .breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before {
content: '\2190\00a0'
}
.breadcrumb-arrows>.breadcrumb-item+.breadcrumb-item:before {
content: '\00bb\00a0'
}
.breadcrumb-caret>.breadcrumb-item+.breadcrumb-item:before {
content: '\203A\00a0'
}
.breadcrumb-line {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.breadcrumb-line-light {
background-color: #fafafa;
color: #333
}
.page-header-light .breadcrumb-line-light:last-child {
border-top: 1px solid #ddd
}
.breadcrumb-line-dark {
background-color: #273246;
color: #fff
}
.page-header-dark .breadcrumb-line-dark:last-child {
border-top: 1px solid rgba(255,255,255,.25)
}
.breadcrumb-line-dark .breadcrumb-item.active {
color: inherit
}
.breadcrumb-elements-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:.625rem 0
}
.breadcrumb-elements-item+.breadcrumb-elements-item {
margin-left: 1.25rem
}
.breadcrumb-elements-item i {
top: 0
}
.pagination {
margin-bottom: 0
}
.page-link {
text-align: center;
min-width: 2.37506rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.page-link {
transition: none
}
}
.pagination-lg .page-link {
min-width: 2.62503rem
}
.pagination-sm .page-link {
min-width: 2.12507rem
}
.pagination-rounded .page-item:first-child .page-link {
border-top-left-radius: 50rem;
border-bottom-left-radius: 50rem
}
.pagination-rounded .page-item:last-child .page-link {
border-top-right-radius: 50rem;
border-bottom-right-radius: 50rem
}
.pagination-flat .page-item.active .page-link {
background-color: #2196f3
}
.pagination-flat .page-item.disabled .page-link {
border-color: transparent;
background-color: transparent
}
.pagination-flat .page-link {
background-color: transparent;
border-color: transparent;
margin-left: 2px;
border-radius:.25rem
}
.pagination-flat .page-link:focus, .pagination-flat .page-link:hover {
background-color: #e1e5eb
}
.pagination-flat.pagination-rounded .page-link {
border-radius: 50rem
}
.pagination-separated .page-link {
margin-left:.625rem;
border-radius:.25rem
}
.pagination-separated.pagination-rounded .page-link {
border-radius: 50rem
}
.pagination-pager .page-item {
border-radius:.25rem
}
.pagination-pager .page-link {
margin-left: 1.25rem;
border-radius:.25rem
}
.pagination-pager.pagination-rounded .page-link {
border-radius: 50rem
}
.pagination-pager-linked .page-item.disabled .page-link {
background-color: transparent;
border-color: transparent
}
.pagination-pager-linked .page-link {
color: #2196f3;
background-color: transparent;
border-color: transparent
}
.pagination-pager-linked .page-link:focus, .pagination-pager-linked .page-link:hover {
color: #fff;
background-color: #2196f3;
border-color: #2196f3
}
.pagination-pager:not(.pagination-rounded).pagination-lg .page-link {
border-radius:.3125rem
}
.pagination-pager:not(.pagination-rounded).pagination-sm .page-link {
border-radius:.1875rem
}
.badge.dropdown-toggle:after {
font-size: 85%
}
.btn .badge {
top: 0
}
.badge-flat {
background-color: transparent;
border: 1px solid transparent;
padding:calc(.3125rem - 1px) calc(.4375rem - 1px)
}
.badge-flat[href]:focus, .badge-flat[href]:hover {
background-color: transparent;
box-shadow: none
}
.badge-flat.badge-pill {
padding-left:calc(.5rem - 1px);
padding-right:calc(.5rem - 1px)
}
.badge-striped {
padding:.4375rem .5rem;
position: relative
}
.badge-striped:before {
content: '';
width: 0;
position: absolute;
top: 0;
bottom: 0
}
.badge-striped-left {
padding-left:calc(.4375rem + 2px);
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.badge-striped-left:before {
left: 0;
border-left: 2px solid;
border-left-color: inherit
}
.badge-striped-right {
padding-right:calc(.4375rem + 2px);
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.badge-striped-right:before {
right: 0;
border-right: 2px solid;
border-right-color: inherit
}
.badge-float {
position: absolute;
right:-.5rem;
top:-.5rem
}
.badge-mark {
padding: 0;
border: 2px solid;
width:.5rem;
height:.5rem;
border-radius: 50rem
}
.badge-mark:empty {
display: inline-block
}
[class*=icon-]>.badge-mark {
position:absolute;
top:-.5rem;
right:-.5rem
}
.alert-dismissible .close:focus, .alert-dismissible .close:hover {
color: inherit
}
.alert[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .alert-link {
color: inherit;
border-bottom-color: rgba(255,255,255,.85)
}
.alert-rounded {
padding-left: 1.875rem;
padding-right: 1.875rem;
border-radius: 50rem
}
.alert-rounded.alert-dismissible .close {
border-top-right-radius: 50rem;
border-bottom-right-radius: 50rem
}
.alert[class*=alert-styled-]:after {
content: "";
font-family: icomoon;
color: #fff;
width: 3rem;
left: -3rem;
text-align: center;
position: absolute;
top: 50%;
margin-top:-.5rem;
font-size: 1rem;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after {
content: ""
}
.alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after {
content: ""
}
.alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after {
content: ""
}
.alert[class*=alert-styled-].alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after {
content: ""
}
.alert.alert-styled-left {
border-left-width: 3rem
}
.alert.alert-styled-left[class*=bg-]:not(.bg-white):not(.bg-light) {
border-left-color: rgba(0,0,0,.15)!important
}
.alert.alert-styled-right {
border-right-width: 3rem
}
.alert.alert-styled-right:after {
left: auto;
right: -3rem
}
.alert.alert-styled-right[class*=bg-]:not(.bg-white):not(.bg-light) {
border-right-color: rgba(0,0,0,.15)!important
}
.alert.alert-styled-custom:after {
content: ""
}
.alert.ui-pnotify[class*=alert-arrow-]>.brighttheme:before, .alert:not(.ui-pnotify)[class*=alert-arrow-]:before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 0;
border-left: 5px solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left-color: inherit;
margin-top: -5px
}
.alert.ui-pnotify.alert-arrow-right>.brighttheme:before, .alert:not(.ui-pnotify).alert-arrow-right:before {
left: auto;
right: 0;
border-left: 0;
border-right: 5px solid;
border-right-color: inherit
}
.progress {
position: relative
}
.progress-bar {
width: 0;
white-space: nowrap
}
.progress .progressbar-back-text, .progress .progressbar-front-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
font-size:.75rem
}
.progress .progressbar-back-text {
-ms-flex-item-align: center;
align-self: center
}
.progress.right {
-ms-flex-pack: end;
justify-content: flex-end
}
.progress.vertical {
width: 3rem;
height: 100%;
display: inline-block
}
.progress.vertical+.progress.vertical {
margin-left:.625rem
}
.progress.vertical .progress-bar {
width: 100%;
height: 0;
transition: height .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress.vertical .progress-bar {
transition: none
}
}
.progress.vertical.bottom .progressbar-back-text, .progress.vertical.bottom .progressbar-front-text {
top: auto;
bottom: 0
}
.progress.vertical.bottom .progress-bar {
position: absolute;
bottom: 0
}
.media {
margin-top: 1.25rem
}
.media.card-body, .media:first-child {
margin-top: 0
}
.media-list {
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.media-title {
margin-bottom:.125rem
}
.img-preview {
max-height: 5rem
}
.media-list-bordered .media {
margin-top: 0;
padding: 1rem 1.25rem;
border-top: 1px solid #ddd
}
.media-list-linked .media {
padding: 1rem 1.25rem
}
.media-list-linked li.media {
margin-top: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.media-list-linked.media-list-bordered li.media {
border-bottom: 0
}
.media-list-linked a.media {
color: inherit;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.media-list-linked a.media {
transition: none
}
}
.media-list-linked a.media:hover {
background-color: rgba(0,0,0,.04)
}
.list-group {
background-color: #fff;
border: 1px solid rgba(0,0,0,.125);
padding:.5rem 0;
background-clip: padding-box;
border-radius:.25rem
}
.list-group-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-width: 0;
background-color: transparent;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.list-group-item {
transition: none
}
}
.list-group:not([class*=list-group-horizontal]) .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.list-group:not([class*=list-group-horizontal]) .list-group-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.list-group-item+.list-group-item {
margin-top: 1px
}
.list-group-item+.list-group-item.active {
margin-top: 1px;
border-top-width: 0
}
.list-group .list-group-item+.list-group-item, .list-group .list-group-item+.list-group-item.active {
margin-top: 0
}
.list-group-item.disabled, .list-group-item:disabled {
cursor: default
}
.list-group-item-active-indicator {
opacity: 0;
visibility: hidden;
transition: opacity ease-in-out .15s, visibility ease-in-out .15s
}
.list-group-item.active>.list-group-item-active-indicator {
opacity: 1;
visibility: visible
}
.list-group-horizontal {
border: 0
}
.list-group-horizontal .list-group-item-action {
width: auto
}
.list-group-horizontal .list-group-item {
border: 1px solid rgba(0,0,0,.125)
}
@media (min-width:576px) {
.list-group-horizontal-sm {
border: 0
}
.list-group-horizontal-sm .list-group-item-action {
width: auto
}
.list-group-horizontal-sm .list-group-item {
border: 1px solid rgba(0,0,0,.125)
}
}
@media (min-width:769px) {
.list-group-horizontal-md {
border: 0
}
.list-group-horizontal-md .list-group-item-action {
width: auto
}
.list-group-horizontal-md .list-group-item {
border: 1px solid rgba(0,0,0,.125)
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
border: 0
}
.list-group-horizontal-lg .list-group-item-action {
width: auto
}
.list-group-horizontal-lg .list-group-item {
border: 1px solid rgba(0,0,0,.125)
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
border: 0
}
.list-group-horizontal-xl .list-group-item-action {
width: auto
}
.list-group-horizontal-xl .list-group-item {
border: 1px solid rgba(0,0,0,.125)
}
}
.list-group-flush>.list-group-item {
border-width: 0
}
.list-group-divider {
padding: 0;
margin:.5rem 0;
height: 1px;
background-color: rgba(0,0,0,.125);
border: 0
}
.list-group-bordered {
padding: 0
}
.list-group-bordered .list-group-item {
border-top-width: 1px;
border-bottom-width: 1px;
margin-bottom: -1px
}
.list-group-bordered .list-group-item:first-child {
border-top-width: 0;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.list-group-bordered .list-group-item:last-child {
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem
}
.list-group-custom {
border-radius:.25rem
}
.list-group-custom .list-group-item-action:not(.active):not(.disabled) {
color: rgba(255,255,255,.9)
}
.list-group-custom .list-group-item-action:not(.active):not(.disabled):focus, .list-group-custom .list-group-item-action:not(.active):not(.disabled):hover {
background-color: rgba(255,255,255,.1);
color: #fff
}
.list-group-custom .list-group-item {
color: #fff
}
.list-group-custom .list-group-item.active {
background-color: rgba(255,255,255,.2);
border-color: transparent
}
.list-group-custom .list-group-item.disabled, .list-group-custom .list-group-item:disabled {
color: rgba(255,255,255,.6);
background-color: transparent
}
.list-group-custom .list-group-divider {
background-color: rgba(255,255,255,.4)
}
.list-group-custom.list-group-bordered .list-group-item {
border-top-color: rgba(255,255,255,.1);
border-bottom-color: rgba(255,255,255,.1)
}
.list-group-item-primary {
color: #114e7e;
background-color: #c1e2fc
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color: #114e7e;
background-color: #a9d7fb
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #114e7e;
border-color: #114e7e
}
.list-group-item-primary-100 {
color: #797f84;
background-color: #f9fcff
}
.list-group-item-primary-100.list-group-item-action:focus, .list-group-item-primary-100.list-group-item-action:hover {
color: #797f84;
background-color: #e0efff
}
.list-group-item-primary-100.list-group-item-action.active {
color: #fff;
background-color: #797f84;
border-color: #797f84
}
.list-group-item-secondary {
color: #243c48;
background-color: #cbd8de
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color: #243c48;
background-color: #bbccd4
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #243c48;
border-color: #243c48
}
.list-group-item-secondary-100 {
color: #7b7d7e;
background-color: #fafbfc
}
.list-group-item-secondary-100.list-group-item-action:focus, .list-group-item-secondary-100.list-group-item-action:hover {
color: #7b7d7e;
background-color: #eaeef2
}
.list-group-item-secondary-100.list-group-item-action.active {
color: #fff;
background-color: #7b7d7e;
border-color: #7b7d7e
}
.list-group-item-success {
color: #135d3b;
background-color: #c2ead8
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #135d3b;
background-color: #afe3cc
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #135d3b;
border-color: #135d3b
}
.list-group-item-success-100 {
color: #79807d;
background-color: #f9fdfb
}
.list-group-item-success-100.list-group-item-action:focus, .list-group-item-success-100.list-group-item-action:hover {
color: #79807d;
background-color: #e6f7ee
}
.list-group-item-success-100.list-group-item-action.active {
color: #fff;
background-color: #79807d;
border-color: #79807d
}
.list-group-item-info {
color: #17616a;
background-color: #c4ecf1
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color: #17616a;
background-color: #afe5ec
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #17616a;
border-color: #17616a
}
.list-group-item-info-100 {
color: #7a8182;
background-color: #f9fdfe
}
.list-group-item-info-100.list-group-item-action:focus, .list-group-item-info-100.list-group-item-action:hover {
color: #7a8182;
background-color: #e3f6fa
}
.list-group-item-info-100.list-group-item-action.active {
color: #fff;
background-color: #7a8182;
border-color: #7a8182
}
.list-group-item-warning {
color: #7f4624;
background-color: #fcddcb
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color: #7f4624;
background-color: #fbcdb3
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #7f4624;
border-color: #7f4624
}
.list-group-item-warning-100 {
color: #847e7b;
background-color: #fffcfa
}
.list-group-item-warning-100.list-group-item-action:focus, .list-group-item-warning-100.list-group-item-action:hover {
color: #847e7b;
background-color: #ffede1
}
.list-group-item-warning-100.list-group-item-action.active {
color: #fff;
background-color: #847e7b;
border-color: #847e7b
}
.list-group-item-danger {
color: #7c2b2a;
background-color: #fbcfce
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color: #7c2b2a;
background-color: #f9b8b6
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #7c2b2a;
border-color: #7c2b2a
}
.list-group-item-danger-100 {
color: #847c7c;
background-color: #fefafa
}
.list-group-item-danger-100.list-group-item-action:focus, .list-group-item-danger-100.list-group-item-action:hover {
color: #847c7c;
background-color: #fae5e5
}
.list-group-item-danger-100.list-group-item-action.active {
color: #fff;
background-color: #847c7c;
border-color: #847c7c
}
.list-group-item-white {
color: #858585;
background-color: #fff
}
.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover {
color: #858585;
background-color: #f2f2f2
}
.list-group-item-white.list-group-item-action.active {
color: #fff;
background-color: #858585;
border-color: #858585
}
.list-group-item-light {
color: #7d7e7f;
background-color: #fbfbfc
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color: #7d7e7f;
background-color: #ececf1
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #7d7e7f;
border-color: #7d7e7f
}
.list-group-item-light-100 {
color: rgba(14,14,14,.532);
background-color: rgba(255,255,255,.748)
}
.list-group-item-light-100.list-group-item-action:focus, .list-group-item-light-100.list-group-item-action:hover {
color: rgba(14,14,14,.532);
background-color: rgba(242,242,242,.748)
}
.list-group-item-light-100.list-group-item-action.active {
color: #fff;
background-color: rgba(14,14,14,.532);
border-color: rgba(14,14,14,.532)
}
.list-group-item-dark {
color: #13161c;
background-color: #c2c4c7
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color: #13161c;
background-color: #b5b7bb
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #13161c;
border-color: #13161c
}
.list-group-item-dark-100 {
color: rgba(0,0,0,.532);
background-color: rgba(250,250,250,.748)
}
.list-group-item-dark-100.list-group-item-action:focus, .list-group-item-dark-100.list-group-item-action:hover {
color: rgba(0,0,0,.532);
background-color: rgba(237,237,237,.748)
}
.list-group-item-dark-100.list-group-item-action.active {
color: #fff;
background-color: rgba(0,0,0,.532);
border-color: rgba(0,0,0,.532)
}
.list-group-item-teal {
color: #145650;
background-color: #c2e6e3
}
.list-group-item-teal.list-group-item-action:focus, .list-group-item-teal.list-group-item-action:hover {
color: #145650;
background-color: #b0dfdb
}
.list-group-item-teal.list-group-item-action.active {
color: #fff;
background-color: #145650;
border-color: #145650
}
.list-group-item-teal-100 {
color: #79807f;
background-color: #f9fcfc
}
.list-group-item-teal-100.list-group-item-action:focus, .list-group-item-teal-100.list-group-item-action:hover {
color: #79807f;
background-color: #e8f4f4
}
.list-group-item-teal-100.list-group-item-action.active {
color: #fff;
background-color: #79807f;
border-color: #79807f
}
.list-group-item-indigo {
color: #303864;
background-color: #d1d6ed
}
.list-group-item-indigo.list-group-item-action:focus, .list-group-item-indigo.list-group-item-action:hover {
color: #303864;
background-color: #bfc6e6
}
.list-group-item-indigo.list-group-item-action.active {
color: #fff;
background-color: #303864;
border-color: #303864
}
.list-group-item-indigo-100 {
color: #7c7d81;
background-color: #fbfbfd
}
.list-group-item-indigo-100.list-group-item-action:focus, .list-group-item-indigo-100.list-group-item-action:hover {
color: #7c7d81;
background-color: #eaeaf5
}
.list-group-item-indigo-100.list-group-item-action.active {
color: #fff;
background-color: #7c7d81;
border-color: #7c7d81
}
.list-group-item-purple {
color: #4a3a64;
background-color: #dfd7ee
}
.list-group-item-purple.list-group-item-action:focus, .list-group-item-purple.list-group-item-action:hover {
color: #4a3a64;
background-color: #d1c5e6
}
.list-group-item-purple.list-group-item-action.active {
color: #fff;
background-color: #4a3a64;
border-color: #4a3a64
}
.list-group-item-purple-100 {
color: #7f7d81;
background-color: #fcfbfd
}
.list-group-item-purple-100.list-group-item-action:focus, .list-group-item-purple-100.list-group-item-action:hover {
color: #7f7d81;
background-color: #efeaf5
}
.list-group-item-purple-100.list-group-item-action.active {
color: #fff;
background-color: #7f7d81;
border-color: #7f7d81
}
.list-group-item-pink {
color: #7e3046;
background-color: #fcd1dd
}
.list-group-item-pink.list-group-item-action:focus, .list-group-item-pink.list-group-item-action:hover {
color: #7e3046;
background-color: #fab9cb
}
.list-group-item-pink.list-group-item-action.active {
color: #fff;
background-color: #7e3046;
border-color: #7e3046
}
.list-group-item-pink-100 {
color: #847c7e;
background-color: #fffbfc
}
.list-group-item-pink-100.list-group-item-action:focus, .list-group-item-pink-100.list-group-item-action:hover {
color: #847c7e;
background-color: #ffe2e9
}
.list-group-item-pink-100.list-group-item-action.active {
color: #fff;
background-color: #847c7e;
border-color: #847c7e
}
.list-group-item-yellow {
color: #856f25;
background-color: #fff4cc
}
.list-group-item-yellow.list-group-item-action:focus, .list-group-item-yellow.list-group-item-action:hover {
color: #856f25;
background-color: #ffefb3
}
.list-group-item-yellow.list-group-item-action.active {
color: #fff;
background-color: #856f25;
border-color: #856f25
}
.list-group-item-yellow-100 {
color: #85837b;
background-color: #fffefa
}
.list-group-item-yellow-100.list-group-item-action:focus, .list-group-item-yellow-100.list-group-item-action:hover {
color: #85837b;
background-color: #fff9e1
}
.list-group-item-yellow-100.list-group-item-action.active {
color: #fff;
background-color: #85837b;
border-color: #85837b
}
.close {
opacity: .75;
transition: color ease-in-out .15s, opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.close {
transition: none
}
}
.close:focus, .close:hover {
outline: 0
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
opacity: 1
}
.toast-header {
background-clip: border-box
}
.toast-header .close {
color: inherit
}
.modal-header {
position: relative
}
.modal-header .close {
/*color: inherit;*/
-ms-flex-item-align: stretch;
align-self: stretch
}
.modal-header:not([class*=bg-]) {
padding-bottom: 0;
border-bottom-width: 0
}
.modal-footer:not([class*=bg-]) {
padding-top: 0;
border-top-width: 0
}
.table+.modal-footer, [class*=table-responsive]+.modal-footer {
border-top-width:1px;
border-top-color:#ddd
}
.modal-footer>* {
margin: 0
}
.modal-footer>.btn+.btn {
margin-left: 1.25rem
}
@media (min-width:576px) {
.modal-xs {
max-width: 300px
}
.modal-full {
max-width: 94%;
margin-left: 3%;
margin-right: 3%
}
}
.modal-bottom .modal-dialog, .modal-left .modal-dialog, .modal-right .modal-dialog, .modal-top .modal-dialog {
margin: 0
}
.modal-bottom .modal-content, .modal-left .modal-content, .modal-right .modal-content, .modal-top .modal-content {
border: 0
}
.modal-bottom .modal-content, .modal-bottom .modal-footer, .modal-bottom .modal-header, .modal-left .modal-content, .modal-left .modal-footer, .modal-left .modal-header, .modal-right .modal-content, .modal-right .modal-footer, .modal-right .modal-header, .modal-top .modal-content, .modal-top .modal-footer, .modal-top .modal-header {
border-radius: 0
}
.modal-left .modal-dialog, .modal-right .modal-dialog {
width: 320px;
height: 100%
}
.modal-left.fade .modal-dialog, .modal-right.fade .modal-dialog {
transition: -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out;
transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.modal-left.fade .modal-dialog, .modal-right.fade .modal-dialog {
transition: none
}
}
.modal-left .modal-dialog-scrollable, .modal-left .modal-dialog-scrollable .modal-content, .modal-right .modal-dialog-scrollable, .modal-right .modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-left .modal-content, .modal-right .modal-content {
height: 100%
}
.modal-left .modal-xs, .modal-right .modal-xs {
width: 56px
}
.modal-left .modal-sm, .modal-right .modal-sm {
width: 156px
}
@media (min-width:576px) {
.modal-left .modal-lg, .modal-right .modal-lg {
width: 400px
}
}
.modal-left.modal .modal-dialog {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.modal-left.show .modal-dialog {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.modal-right .modal-dialog {
margin-left: auto
}
.modal-right.modal .modal-dialog {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.modal-right.show .modal-dialog {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.modal-bottom .modal-dialog, .modal-top .modal-dialog {
width: 100%;
max-width: none
}
.modal-bottom.modal .modal-dialog, .modal-top.modal .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal-bottom.fade .modal-content, .modal-top.fade .modal-content {
transition: -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out;
transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.modal-bottom.fade .modal-content, .modal-top.fade .modal-content {
transition: none
}
}
.modal-top.modal .modal-content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.modal-top.show .modal-content {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.modal-bottom.modal .modal-content {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.modal-bottom.show .modal-content {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.bs-tooltip-top .arrow[class*=border-]:before {
border-top-color: inherit
}
.bs-tooltip-right .arrow[class*=border-]:before {
border-right-color: inherit
}
.bs-tooltip-bottom .arrow[class*=border-]:before {
border-bottom-color: inherit
}
.bs-tooltip-left .arrow[class*=border-]:before {
border-left-color: inherit
}
.popover-header {
font-weight: 500;
padding-bottom: 0;
border-bottom-width: 0
}
.popover-header[class*=bg-] {
padding-top:.75rem;
padding-bottom:.75rem;
border-bottom-width: 1px
}
.bs-popover-top[class*=bg-] .arrow, .bs-popover-top[class*=bg-] .arrow:after, .bs-popover-top[class*=bg-] .arrow:before, .bs-popover-top[class*=border-] .arrow, .bs-popover-top[class*=border-] .arrow:after, .bs-popover-top[class*=border-] .arrow:before {
border-top-color: inherit
}
.bs-popover-right[class*=bg-] .arrow, .bs-popover-right[class*=bg-] .arrow:after, .bs-popover-right[class*=bg-] .arrow:before, .bs-popover-right[class*=border-] .arrow, .bs-popover-right[class*=border-] .arrow:after, .bs-popover-right[class*=border-] .arrow:before {
border-right-color: inherit
}
.bs-popover-bottom[class*=bg-] .arrow, .bs-popover-bottom[class*=bg-] .arrow:after, .bs-popover-bottom[class*=bg-] .arrow:before, .bs-popover-bottom[class*=border-] .arrow, .bs-popover-bottom[class*=border-] .arrow:after, .bs-popover-bottom[class*=border-] .arrow:before {
border-bottom-color: inherit
}
.bs-popover-left[class*=bg-] .arrow, .bs-popover-left[class*=bg-] .arrow:after, .bs-popover-left[class*=bg-] .arrow:before, .bs-popover-left[class*=border-] .arrow, .bs-popover-left[class*=border-] .arrow:after, .bs-popover-left[class*=border-] .arrow:before {
border-left-color: inherit
}
.border-top-primary {
border-top-color: #2196f3!important
}
.border-bottom-primary {
border-bottom-color: #2196f3!important
}
.border-left-primary {
border-left-color: #2196f3!important
}
.border-right-primary {
border-right-color: #2196f3!important
}
.border-top-primary-100 {
border-top-color: #e9f5fe!important
}
.border-bottom-primary-100 {
border-bottom-color: #e9f5fe!important
}
.border-left-primary-100 {
border-left-color: #e9f5fe!important
}
.border-right-primary-100 {
border-right-color: #e9f5fe!important
}
.border-top-secondary {
border-top-color: #45748a!important
}
.border-bottom-secondary {
border-bottom-color: #45748a!important
}
.border-left-secondary {
border-left-color: #45748a!important
}
.border-right-secondary {
border-right-color: #45748a!important
}
.border-top-secondary-100 {
border-top-color: #ecf1f3!important
}
.border-bottom-secondary-100 {
border-bottom-color: #ecf1f3!important
}
.border-left-secondary-100 {
border-left-color: #ecf1f3!important
}
.border-right-secondary-100 {
border-right-color: #ecf1f3!important
}
.border-top-success {
border-top-color: #25b372!important
}
.border-bottom-success {
border-bottom-color: #25b372!important
}
.border-left-success {
border-left-color: #25b372!important
}
.border-right-success {
border-right-color: #25b372!important
}
.border-top-success-100 {
border-top-color: #e9f7f1!important
}
.border-bottom-success-100 {
border-bottom-color: #e9f7f1!important
}
.border-left-success-100 {
border-left-color: #e9f7f1!important
}
.border-right-success-100 {
border-right-color: #e9f7f1!important
}
.border-top-info {
border-top-color: #2cbacc!important
}
.border-bottom-info {
border-bottom-color: #2cbacc!important
}
.border-left-info {
border-left-color: #2cbacc!important
}
.border-right-info {
border-right-color: #2cbacc!important
}
.border-top-info-100 {
border-top-color: #eaf8fa!important
}
.border-bottom-info-100 {
border-bottom-color: #eaf8fa!important
}
.border-left-info-100 {
border-left-color: #eaf8fa!important
}
.border-right-info-100 {
border-right-color: #eaf8fa!important
}
.border-top-warning {
border-top-color: #f58646!important
}
.border-bottom-warning {
border-bottom-color: #f58646!important
}
.border-left-warning {
border-left-color: #f58646!important
}
.border-right-warning {
border-right-color: #f58646!important
}
.border-top-warning-100 {
border-top-color: #fef3ed!important
}
.border-bottom-warning-100 {
border-bottom-color: #fef3ed!important
}
.border-left-warning-100 {
border-left-color: #fef3ed!important
}
.border-right-warning-100 {
border-right-color: #fef3ed!important
}
.border-top-danger {
border-top-color: #ef5350!important
}
.border-bottom-danger {
border-bottom-color: #ef5350!important
}
.border-left-danger {
border-left-color: #ef5350!important
}
.border-right-danger {
border-right-color: #ef5350!important
}
.border-top-danger-100 {
border-top-color: #fdeeee!important
}
.border-bottom-danger-100 {
border-bottom-color: #fdeeee!important
}
.border-left-danger-100 {
border-left-color: #fdeeee!important
}
.border-right-danger-100 {
border-right-color: #fdeeee!important
}
.border-top-white {
border-top-color: #fff!important
}
.border-bottom-white {
border-bottom-color: #fff!important
}
.border-left-white {
border-left-color: #fff!important
}
.border-right-white {
border-right-color: #fff!important
}
.border-top-light {
border-top-color: #f0f2f5!important
}
.border-bottom-light {
border-bottom-color: #f0f2f5!important
}
.border-left-light {
border-left-color: #f0f2f5!important
}
.border-right-light {
border-right-color: #f0f2f5!important
}
.border-top-light-100 {
border-top-color: rgba(255,255,255,.1)!important
}
.border-bottom-light-100 {
border-bottom-color: rgba(255,255,255,.1)!important
}
.border-left-light-100 {
border-left-color: rgba(255,255,255,.1)!important
}
.border-right-light-100 {
border-right-color: rgba(255,255,255,.1)!important
}
.border-top-dark {
border-top-color: #252b36!important
}
.border-bottom-dark {
border-bottom-color: #252b36!important
}
.border-left-dark {
border-left-color: #252b36!important
}
.border-right-dark {
border-right-color: #252b36!important
}
.border-top-dark-100 {
border-top-color: rgba(0,0,0,.1)!important
}
.border-bottom-dark-100 {
border-bottom-color: rgba(0,0,0,.1)!important
}
.border-left-dark-100 {
border-left-color: rgba(0,0,0,.1)!important
}
.border-right-dark-100 {
border-right-color: rgba(0,0,0,.1)!important
}
.border-top-teal {
border-top-color: #26a69a!important
}
.border-bottom-teal {
border-bottom-color: #26a69a!important
}
.border-left-teal {
border-left-color: #26a69a!important
}
.border-right-teal {
border-right-color: #26a69a!important
}
.border-top-teal-100 {
border-top-color: #e9f6f5!important
}
.border-bottom-teal-100 {
border-bottom-color: #e9f6f5!important
}
.border-left-teal-100 {
border-left-color: #e9f6f5!important
}
.border-right-teal-100 {
border-right-color: #e9f6f5!important
}
.border-top-indigo {
border-top-color: #5c6bc0!important
}
.border-bottom-indigo {
border-bottom-color: #5c6bc0!important
}
.border-left-indigo {
border-left-color: #5c6bc0!important
}
.border-right-indigo {
border-right-color: #5c6bc0!important
}
.border-top-indigo-100 {
border-top-color: #eff0f9!important
}
.border-bottom-indigo-100 {
border-bottom-color: #eff0f9!important
}
.border-left-indigo-100 {
border-left-color: #eff0f9!important
}
.border-right-indigo-100 {
border-right-color: #eff0f9!important
}
.border-top-purple {
border-top-color: #8e70c1!important
}
.border-bottom-purple {
border-bottom-color: #8e70c1!important
}
.border-left-purple {
border-left-color: #8e70c1!important
}
.border-right-purple {
border-right-color: #8e70c1!important
}
.border-top-purple-100 {
border-top-color: #f4f1f9!important
}
.border-bottom-purple-100 {
border-bottom-color: #f4f1f9!important
}
.border-left-purple-100 {
border-left-color: #f4f1f9!important
}
.border-right-purple-100 {
border-right-color: #f4f1f9!important
}
.border-top-pink {
border-top-color: #f35c86!important
}
.border-bottom-pink {
border-bottom-color: #f35c86!important
}
.border-left-pink {
border-left-color: #f35c86!important
}
.border-right-pink {
border-right-color: #f35c86!important
}
.border-top-pink-100 {
border-top-color: #feeff3!important
}
.border-bottom-pink-100 {
border-bottom-color: #feeff3!important
}
.border-left-pink-100 {
border-left-color: #feeff3!important
}
.border-right-pink-100 {
border-right-color: #feeff3!important
}
.border-top-yellow {
border-top-color: #ffd648!important
}
.border-bottom-yellow {
border-bottom-color: #ffd648!important
}
.border-left-yellow {
border-left-color: #ffd648!important
}
.border-right-yellow {
border-right-color: #ffd648!important
}
.border-top-yellow-100 {
border-top-color: #fffbed!important
}
.border-bottom-yellow-100 {
border-bottom-color: #fffbed!important
}
.border-left-yellow-100 {
border-left-color: #fffbed!important
}
.border-right-yellow-100 {
border-right-color: #fffbed!important
}
@charset "UTF-8";
input[type=text][data-fouc] {
height:calc(1.5715em + .875rem + 2px);
opacity: 0
}
input[type=text].form-control-lg[data-fouc] {
height: calc(1.4667em + 1.125rem + 2px)
}
input[type=text].form-control-sm[data-fouc] {
height:calc(1.6924em + .625rem + 2px)
}
select[data-fouc]:not([aria-hidden=false]) {
height:calc(1.5715em + .875rem + 2px);
opacity: 0
}
select.form-control-lg[data-fouc]:not([aria-hidden=false]) {
height: calc(1.4667em + 1.125rem + 2px)
}
select.form-control-sm[data-fouc]:not([aria-hidden=false]) {
height:calc(1.6924em + .625rem + 2px)
}
.wizard-form[data-fouc] {
opacity: 0
}
.wizard-form[data-fouc].wizard {
opacity: 1
}
.wizard-form[data-fouc]:not(.wizard) {
padding-top: 6.875rem;
padding-bottom: 3.625rem
}
.wizard-form[data-fouc]:not(.wizard) fieldset:not(:first-of-type), .wizard-form[data-fouc]:not(.wizard) h6 {
display: none
}
input[type=text].colorpicker-flat-full[data-fouc] {
height: 285px
}
pre[data-fouc]:not(.ace_editor) {
height: 450px
}
pre[data-fouc].ace_editor {
visibility: visible
}
.noui-pips-height-helper:not(.noUi-target)[data-fouc] {
height: 2.75rem
}
.noui-pips-height-helper.noui-slider-lg:not(.noUi-target)[data-fouc] {
height: 2.875rem
}
.noui-pips-height-helper.noui-slider-sm:not(.noUi-target)[data-fouc] {
height: 2.625rem
}
.noui-vertical-height-helper:not(.noUi-target)[data-fouc] {
display: inline-block;
height: 10rem
}
input[type=text].ion-height-helper[data-fouc] {
height: 3.25rem
}
input[type=text].ion-pips-height-helper[data-fouc] {
height: 5.375rem
}
input[type=text].noui-height-helper:not(.noUi-target)[data-fouc] {
height:.375rem
}
.pace {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pace .pace-progress {
background: #7ac0f8;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
width: 0;
height:.125rem
}
.pace-inactive {
display: none
}
.pace-demo {
display: inline-block;
background-color: #1c2e37;
vertical-align: middle;
position: relative;
line-height: 1;
border-radius:.25rem;
width: 88px;
height: 88px
}
.pace-demo .pace_progress {
display: none;
white-space: nowrap
}
.theme_xbox, .theme_xbox_lg, .theme_xbox_sm {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -24px
}
.theme_xbox .pace_activity, .theme_xbox_lg .pace_activity, .theme_xbox_sm .pace_activity {
-webkit-animation: rotation 1.5s ease-in-out infinite;
animation: rotation 1.5s ease-in-out infinite;
margin: auto;
width: 48px;
height: 48px
}
.theme_xbox .pace_activity, .theme_xbox .pace_activity:after, .theme_xbox .pace_activity:before, .theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:after, .theme_xbox_lg .pace_activity:before, .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:after, .theme_xbox_sm .pace_activity:before {
border: 2px solid transparent;
border-top-color: #fff;
border-radius: 50%
}
.theme_xbox .pace_activity:before, .theme_xbox_lg .pace_activity:before, .theme_xbox_sm .pace_activity:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
-webkit-animation: rotation ease-in-out 2s infinite;
animation: rotation ease-in-out 2s infinite
}
.theme_xbox .pace_activity:after, .theme_xbox_lg .pace_activity:after, .theme_xbox_sm .pace_activity:after {
content: "";
position: absolute;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
-webkit-animation: rotation ease-in-out 1s infinite;
animation: rotation ease-in-out 1s infinite
}
.theme_xbox_with_text .pace_activity {
margin-top: -10px
}
.theme_xbox_with_text span {
display: block;
margin-top: 10px;
color: #fff;
white-space: nowrap
}
.theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:after, .theme_xbox_sm .pace_activity:before {
border-width: 1px
}
.theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:after, .theme_xbox_lg .pace_activity:before {
border-width: 3px
}
.theme_perspective {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px
}
.theme_perspective .pace_activity {
display: inline-block;
background-color: #fff;
-webkit-animation: perspective ease-in-out 1.2s infinite;
animation: perspective ease-in-out 1.2s infinite;
width: 30px;
height: 30px
}
@-webkit-keyframes perspective {
0% {
-webkit-transform:perspective(120px);
transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg);
transform:perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);
transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes perspective {
0% {
-webkit-transform:perspective(120px);
transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg);
transform:perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);
transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
.theme_perspective_with_text .pace_activity {
margin-top: -12px
}
.theme_perspective_with_text span {
display: block;
margin-top: 15px;
color: #fff;
white-space: nowrap
}
.theme_squares {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px
}
.theme_squares .pace_activity {
width: 30px;
height: 30px;
margin: auto
}
.theme_squares .pace_activity:after, .theme_squares .pace_activity:before {
position: absolute;
content: "";
border: 2px solid #fff
}
.theme_squares .pace_activity:before {
width: 30px;
height: 30px;
margin-left: -15px;
-webkit-animation: rotation_reverse linear 2s infinite;
animation: rotation_reverse linear 2s infinite
}
.theme_squares .pace_activity:after {
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: 5px;
-webkit-animation: rotation linear 2s infinite;
animation: rotation linear 2s infinite
}
.theme_squares_with_text .pace_activity {
margin-top: -12px
}
.theme_squares_with_text span {
display: block;
margin-top: 15px;
color: #fff;
white-space: nowrap
}
.theme_tail {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px
}
.theme_tail .pace_activity {
margin: auto;
width: 30px;
height: 30px;
border: 3px solid transparent;
border-left-color: #fff;
border-radius: 50%;
-webkit-animation: rotation linear 1.1s infinite;
animation: rotation linear 1.1s infinite
}
.theme_tail_circle .pace_activity {
border-color: rgba(0,0,0,.15);
border-left-color: #fff
}
.theme_tail_with_text .pace_activity {
margin-top: -12px
}
.theme_tail_with_text span {
display: block;
margin-top: 15px;
color: #fff;
white-space: nowrap
}
.theme_corners {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -7px
}
.theme_corners .pace_activity {
display: inline-block;
background-color: #fff;
vertical-align: middle;
border-radius: 50%;
-webkit-animation: corners ease 1.5s infinite;
animation: corners ease 1.5s infinite;
width: 14px;
height: 14px
}
@-webkit-keyframes corners {
0% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
50% {
border-radius:0;
-webkit-transform:scale(2) rotate(-180deg);
transform:scale(2) rotate(-180deg)
}
100% {
-webkit-transform:scale(1) rotate(-360deg);
transform:scale(1) rotate(-360deg)
}
}
@keyframes corners {
0% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
50% {
border-radius:0;
-webkit-transform:scale(2) rotate(-180deg);
transform:scale(2) rotate(-180deg)
}
100% {
-webkit-transform:scale(1) rotate(-360deg);
transform:scale(1) rotate(-360deg)
}
}
.theme_corners_with_text .pace_activity {
margin-top: -28px
}
.theme_corners_with_text span {
display: block;
margin-top: 15px;
color: #fff;
white-space: nowrap
}
.theme_radar {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px
}
.theme_radar .pace_activity {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid transparent;
border-top-color: #fff;
border-bottom-color: #fff;
-webkit-animation: rotation linear 1.1s infinite;
animation: rotation linear 1.1s infinite
}
.theme_radar_with_text .pace_activity {
margin-top: -12px
}
.theme_radar_with_text span {
display: block;
margin-top: 15px;
color: #fff;
white-space: nowrap
}
.theme_bar, .theme_bar_lg, .theme_bar_sm {
position: relative;
width: 200px;
height: 5px;
background-color: rgba(0,0,0,.4);
border-radius: 100px;
box-shadow: 0 0 5px rgba(255,255,255,.1)
}
.theme_bar .pace_progress, .theme_bar_lg .pace_progress, .theme_bar_sm .pace_progress {
max-width: 198px;
display: block;
position: absolute;
left: 1px;
top: 1px;
height: 3px;
background: #3fcf96;
color: #fff;
line-height: 36px;
border-radius: 100px
}
.theme_bar_lg {
height: 6px
}
.theme_bar_lg .pace_progress {
height: 4px
}
.theme_bar_sm {
height: 4px
}
.theme_bar_sm .pace_progress {
height: 2px
}
.select2-container {
outline: 0;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left
}
.select2-selection--single {
cursor: pointer;
outline: 0;
display: block;
padding:.125rem 0;
line-height: 1.5715;
color: #333;
background-color: #fff;
position: relative;
border: 1px solid #ddd;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius:.25rem
}
.select2-container--focus:not(.select2-container--disabled) .select2-selection--single, .select2-container--open .select2-selection--single {
border-color: #2196f3
}
.select2-selection--single .select2-selection__rendered {
display: block;
padding-left:.875rem;
padding-right: 2.375rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-selection--single .select2-selection__rendered>i {
margin-right:.625rem
}
.select2-selection--single .select2-selection__clear {
position: relative;
cursor: pointer;
float: right;
font-size: 0;
line-height: 1;
margin-top:.1875rem;
margin-left:.625rem;
opacity: .75;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.select2-selection--single .select2-selection__clear {
transition: none
}
}
.select2-selection--single .select2-selection__clear:hover {
opacity: 1
}
.select2-selection--single .select2-selection__clear:after {
content: "";
font-family: icomoon;
display: inline-block;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-selection--single .select2-selection__arrow:after {
content: "";
font-family: icomoon;
display: inline-block;
position: absolute;
top: 50%;
right:.875rem;
margin-top:-.5rem;
font-size: 1rem;
line-height: 1;
color: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.select2-selection--single .select2-selection__arrow b {
display: none
}
.select2-container--disabled .select2-selection--single {
cursor: default;
color: #999;
background-color: #fafafa;
border-color: #ddd
}
.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-selection--multiple {
display: block;
border: 1px solid #ddd;
cursor: text;
background-color: #fff;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius:.25rem
}
.select2-container--focus:not(.select2-container--disabled) .select2-selection--multiple, .select2-container--open .select2-selection--multiple {
border-color: #2196f3
}
.select2-selection--multiple .select2-selection__rendered {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
list-style: none;
margin: 0;
padding:0 .125rem .125rem .125rem;
width: 100%
}
.select2-selection--multiple .select2-selection__placeholder {
color: #999
}
.select2-container--disabled .select2-selection--multiple {
background-color: #fafafa;
border-color: #ddd
}
.select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-search__field, .select2-container--disabled .select2-selection--multiple .select2-selection__choice {
cursor: default
}
.select2-selection--multiple .select2-selection__choice {
background-color: #294653;
color: #fff;
cursor: default;
float: left;
margin-right:.125rem;
margin-top:.125rem;
padding:.3125rem .875rem;
white-space: normal;
word-break: break-all;
border-radius:.25rem;
transition: color ease-in-out .15s, background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.select2-selection--multiple .select2-selection__choice {
transition: none
}
}
.select2-selection--multiple .select2-selection__choice:focus, .select2-selection--multiple .select2-selection__choice:hover {
background-color: #294653;
color: #fff
}
.select2-selection--multiple .select2-selection__choice>i {
margin-right:.625rem
}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
cursor: pointer;
float: right;
font-size: 1.25rem;
margin-top:.0625rem;
line-height: 1;
margin-left:.625rem;
opacity: .75;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
transition: none
}
}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
opacity: 1
}
.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
opacity: .6
}
.select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus, .select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover {
background-color: #294653;
color: #fff
}
.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
display: none
}
.select2-selection--multiple .select2-search--inline {
float: left
}
.select2-selection--multiple .select2-search--inline .select2-search__field {
font-size: 100%;
margin-top:.125rem;
padding:.3125rem 0;
background-color: transparent;
border-width: 0;
outline: 0;
color: inherit;
margin-left:.25rem;
-webkit-appearance: textfield
}
.select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance:none
}
.select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color:#999
}
.select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
color:#999
}
.select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder {
color:#999
}
.select2-selection--multiple .select2-search--inline .select2-search__field::-ms-input-placeholder {
color:#999
}
.select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
color:#999
}
.select2-selection--multiple .select2-search--inline:first-child .select2-search__field {
margin-left: 0;
padding-left:.75rem
}
.select2-dropdown {
background-color: #fff;
color: #333;
border: 1px solid rgba(0,0,0,.15);
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1070;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results>.select2-results__options {
padding-bottom:.5rem;
max-height: 280px;
overflow-y: auto
}
.select2-search--hide+.select2-results>.select2-results__options {
padding-top:0; padding-bottom:0;
}
.select2-results:first-child>.select2-results__options {
padding-top:.5rem
}
.select2-results__option {
padding:.5rem 1rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.select2-results__option {
transition: none
}
}
.select2-results__option+.select2-results__option {
margin-top: 1px
}
.select2-results__option i {
margin-right:.625rem
}
.select2-results__option i.icon-undefined {
display: none
}
.select2-results__option[role=group] {
padding: 0
}
.select2-results__option.select2-results__option--highlighted {
background-color: #eee;
color: #333
}
.select2-results__option[aria-disabled=true] {
color: #999;
cursor: default
}
.select2-results__option[aria-selected=true] {
color: #fff;
background-color: #2196f3
}
.select2-results__options--nested>.select2-results__option {
padding-left: 2rem;
padding-right: 2rem
}
.select2-results__group {
display: block;
padding:.5rem 1rem;
cursor: default;
font-weight: 500;
margin-top:.5rem;
margin-bottom:.5rem
}
.select2-results__option:first-child>.select2-results__group {
margin-top: 0
}
.select2-results__message {
color: #999;
cursor: default
}
.select2-results__option.loading-results {
padding-top: 0
}
.select2-results__option.loading-results+.select2-results__option {
margin-top:.5rem
}
.select2-results__option--load-more {
text-align: center;
margin-top:.5rem;
cursor: default
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--open.select2-container--below .select2-selection--single {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.select2-search--dropdown {
display: block;
position: relative;
padding: 1rem
}
.select2-search--dropdown:after {
content: "";
font-family: icomoon;
position: absolute;
top: 50%;
left: 1.875rem;
color: inherit;
display: block;
font-size:.875rem;
margin-top:-.4375rem;
line-height: 1;
opacity: .6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.select2-search--dropdown+.select2-results .select2-results__message:first-child {
padding-top: 0
}
.select2-search--dropdown .select2-search__field {
padding:.4375rem .875rem;
padding-left: 2.625rem;
background-color: #fff;
color: #333;
border: 1px solid #ddd;
outline: 0;
width: 100%;
border-radius:.25rem
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance:none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select-lg.select2-selection--single {
padding:.5625rem 0;
font-size:.9375rem;
line-height: 1.4667
}
.select-lg.select2-selection--single .select2-selection__rendered {
padding-left: 1rem;
padding-right: 2.5rem
}
.select-lg.select2-selection--single .select2-selection__arrow:after {
right: 1rem
}
.select-lg.select2-selection--multiple .select2-selection__choice {
padding:.4375rem 1rem;
font-size:.9375rem;
line-height: 1.4667
}
.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
padding:.4375rem 0;
font-size:.9375rem;
line-height: 1.4667
}
.select-sm.select2-selection--single {
padding:.3125rem 0;
font-size:.8125rem;
line-height: 1.6924
}
.select-sm.select2-selection--single .select2-selection__rendered {
padding-left:.75rem;
padding-right: 2.375rem
}
.select-sm.select2-selection--single .select2-selection__arrow:after {
right:.75rem
}
.select-sm.select2-selection--multiple .select2-selection__choice {
padding:.1875rem .75rem;
font-size:.8125rem;
line-height: 1.6924
}
.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
padding:.1875rem 0;
font-size:.8125rem;
line-height: 1.6924
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
z-index: 99;
background-color: #fff;
opacity: 0
}
.select2-hidden-accessible {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: fixed!important;
width: 1px!important
}
.select2-result-repository {
padding-top:.4375rem;
padding-bottom:.4375rem
}
.select2-result-repository__avatar {
float: left;
width: 60px;
margin-right:.9375rem
}
.select2-result-repository__avatar img {
width: 100%;
height: auto;
border-radius: 50rem
}
.select2-result-repository__meta {
margin-left: 70px
}
.select2-result-repository__title {
font-weight: 500;
word-wrap: break-word;
margin-bottom: 2px
}
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
display: inline-block;
font-size:.8125rem
}
.select2-result-repository__description {
font-size:.8125rem
}
.select2-result-repository__forks, .select2-result-repository__stargazers {
margin-right:.9375rem
}
.multiselect-native-select {
position: relative;
display: block
}
.multiselect-native-select select {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 0!important;
margin: 0!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 0!important;
left: 0;
top: 0;
display: none
}
.multiselect {
text-align: left;
padding-left:.875rem;
padding-right: 2.375rem;
text-transform: none;
background-color: #fff;
border-color: #ddd;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.multiselect:after {
position: absolute;
top: 50%;
/* right:.875rem; */
margin-top:-.5rem
}
.multiselect:not([class*=font-weight-]) {
font-weight: 400
}
.multiselect:focus, .show>.multiselect.dropdown-toggle {
border-color: #2196f3
}
.multiselect.disabled {
background-color: #fafafa;
color: #999
}
.multiselect.btn-lg {
padding-left: 1rem;
padding-right: 2.5rem
}
.multiselect.btn-lg:after {
right: 1rem
}
.multiselect.btn-sm {
padding-left:.75rem;
padding-right: 2.25rem
}
.multiselect.btn-sm:after {
right:.75rem
}
.multiselect-container {
max-height: 280px;
overflow-y: auto;
width: 100%
}
.multiselect-group {
font-weight: 500
}
.multiselect-item+.multiselect-group {
margin-top:.5rem
}
.multiselect-group.disabled {
color: #999;
cursor: default
}
.multiselect-all {
font-weight: 500
}
.multiselect-filter {
position: relative;
padding:.5rem 1rem;
margin-bottom:.5rem
}
.multiselect-group-option-indented .dropdown-item {
padding-left: 2rem
}
.input-group .multiselect-native-select {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.input-group .multiselect-native-select:not(:first-child) .multiselect {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group .multiselect-native-select:not(:last-child) .multiselect {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group .multiselect:focus, .input-group .show>.multiselect {
z-index: 3
}
.badge-indicator-absolute {
position: relative
}
.badge-indicator-absolute .password-indicator-badge-absolute {
position: absolute;
top: 50%;
margin-top:-.6875rem;
right:.875rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.badge-indicator-absolute .password-indicator-badge-absolute {
transition: none
}
}
.twitter-typeahead {
width: 100%
}
.tt-hint {
color: #999
}
.tt-menu {
width: 100%;
margin-top:.125rem;
min-width: 12.5rem;
padding:.5rem 0;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
max-height: 350px;
overflow-y: auto;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.typeahead-scrollable .tt-menu {
max-height: 250px
}
.tt-suggestion {
color: #333;
padding:.5rem 1rem;
cursor: pointer;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.tt-suggestion {
transition: none
}
}
.tt-suggestion.tt-cursor, .tt-suggestion:focus, .tt-suggestion:hover {
color: #333;
background-color: #eee
}
.tt-heading {
padding:.5rem 1rem;
display: block;
font-weight: 700;
margin-top:.5rem;
margin-bottom:.5rem
}
.tt-dataset-group:first-child .tt-heading:first-child {
margin-top: 0
}
.typeahead-template .empty-message {
padding:.5rem 1rem;
text-align: center
}
.validation-invalid-label, .validation-valid-label {
margin-top:.5rem;
margin-bottom:.5rem;
display: block;
color: #ef5350;
position: relative;
padding-left: 1.625rem
}
.validation-valid-label {
color: #25b372
}
.validation-invalid-label:before, .validation-valid-label:before {
font-family: icomoon;
font-size: 1rem;
position: absolute;
top:.1875rem;
left: 0;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.validation-invalid-label:empty, .validation-valid-label:empty {
display: none
}
.validation-invalid-label:before {
content: ""
}
.validation-valid-label:before {
content: ""
}
.form-group-float-label {
position: relative;
top:.4375rem;
opacity: 0
}
.form-group-float-label.is-visible {
top: 0;
opacity: 1
}
.form-group-float-label.animate {
transition: all linear .15s
}
@media (prefers-reduced-motion:reduce) {
.form-group-float-label.animate {
transition: none
}
}
.alpaca-hidden {
display: none
}
.alpaca-field .alpaca-field-text-max-length-indicator, .alpaca-field .help-block {
color: #999;
margin-top:.5rem;
margin-bottom:.5rem
}
.has-error .multiselect-container>.active .form-check {
color: #fff
}
.has-error .btn-group.show .multiselect.btn, .has-error .multiselect.btn-light:active {
color: #ef5350;
border-color: #ef5350
}
.alpaca-disabled .form-check .switchery, .alpaca-disabled .form-check label {
cursor: default;
color: #999
}
.alpaca-invalid .alpaca-control-label, .alpaca-invalid .alpaca-message {
color: #ef5350
}
.alpaca-invalid .form-control {
color: #ef5350
}
.alpaca-invalid .form-control, .alpaca-invalid .form-control:focus, .alpaca-invalid .form-control:hover {
border-color: #ef5350
}
.alpaca-clear {
clear: both
}
.alpaca-float-right {
float: right
}
.alpaca-field .glyphicon {
font-family: icomoon;
font-size: 1rem;
vertical-align: middle;
margin-top:-.0625rem;
font-style: normal;
line-height: 1;
display: inline-block;
margin-right:.625rem
}
.alpaca-field .glyphicon-info-sign {
display: none
}
.alpaca-field .glyphicon-exclamation-sign:before {
content: ""
}
.alpaca-icon-required {
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
float: right;
margin-right: 0;
margin-left:.625rem
}
.alpaca-icon-required:before {
content: '*'
}
.alpaca-controlfield-editor {
position: relative;
width: 100%;
height: 300px;
border: 1px solid #ddd
}
.alpaca-controlfield-editor .control-field-editor-el {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.ace_editor {
border: 1px solid rgba(0,0,0,.125)
}
.alpaca-field-ckeditor.alpaca-invalid>.cke {
border-color: #602120
}
.alpaca-field-optiontree .optiontree+.form-control {
margin-left:.625rem
}
.alpaca-field-optiontree.optiontree-horizontal .optiontree {
display: inline-block
}
.alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector {
display: inline-block;
margin-top:.3125rem;
margin-bottom:.3125rem
}
.alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty {
display: none
}
.alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector+.optiontree-selector {
margin-left:.625rem
}
.alpaca-field-optiontree.optiontree-horizontal input {
display: inline-block;
width: auto
}
.alpaca-field-optiontree.optiontree-horizontal label {
display: block
}
.has-error .multiselect {
border-color: #ef5350;
color: #ef5350
}
.alpaca-container-label:not(legend) {
margin-top: 1.25rem
}
.alpaca-array-toolbar {
margin-bottom:.625rem
}
.alpaca-array-actionbar {
overflow: hidden
}
.alpaca-array-actionbar.alpaca-array-actionbar-top {
padding-bottom:.625rem
}
.alpaca-array-actionbar.alpaca-array-actionbar-bottom {
padding-top:.625rem
}
.alpaca-array-actionbar, .alpaca-array-actionbar.btn-group {
width: 100%
}
.alpaca-field-array .alpaca-top, .alpaca-field-array .alpaca-top .alpaca-container, .alpaca-field-object .alpaca-top, .alpaca-field-object .alpaca-top .alpaca-container {
border: 0
}
.alpaca-container {
border: 0
}
.alpaca-control-buttons-container {
margin-top:.625rem
}
.alpaca-container-item>.alpaca-container>.alpaca-field-object {
border: 0
}
.alpaca-form-buttons-container {
margin-top: 1.25rem;
text-align: right
}
.alpaca-container>.form-group {
margin-left: 0;
margin-right: 0
}
.alpaca-field-hidden {
display: none
}
.alpaca-container-item:not(:first-child) {
margin-top:.625rem
}
.alpaca-container .alpaca-container-item:last-child {
margin-bottom: 0
}
.alpaca-field-select .btn-group {
width: 100%
}
.alpaca-field.alpaca-field-upload .fileupload-active-zone {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.alpaca-field.alpaca-field-upload .template-download td.error, .alpaca-field.alpaca-field-upload .template-upload td.error {
color: #602120;
word-break: break-all
}
.alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas {
height: 250px
}
.alpaca-field.alpaca-field-image .alpaca-image-display {
margin-top: 1.25rem
}
.tokenfield {
height: auto
}
.tokenfield::after {
display: block;
clear: both;
content: ""
}
.tokenfield.form-control:not(input) {
padding:0 0 .125rem 0
}
.tokenfield.focus {
border-color: #2196f3
}
.tokenfield .token {
margin:.125rem 0 0 .125rem;
cursor: default;
float: left;
position: relative;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.tokenfield .token {
transition: none
}
}
.tokenfield .token:not([class*=bg-]) {
background-color: #ddd;
color: #333
}
.tokenfield .token:not([class*=bg-]):focus, .tokenfield .token:not([class*=bg-]):hover {
background-color: #2196f3;
color: #fff
}
.tokenfield .token .token-label {
display: block;
max-width: none!important;
padding:.3125rem .875rem;
padding-right: 2.375rem
}
.tokenfield .token>.close {
font-size: 0;
cursor: pointer;
position: absolute;
top: 50%;
color: inherit;
right:.875rem;
line-height: 1;
margin-top:-.375rem;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.tokenfield .token>.close {
transition: none
}
}
.tokenfield .token>.close:after {
content: "";
font-family: icomoon;
display: block;
font-size:.75rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.tokenfield .token>.close:hover {
opacity: 1
}
.tokenfield .twitter-typeahead {
width: auto
}
.tokenfield .token-input {
direction: ltr;
background: 0 0;
color: #333;
width: 5.625rem!important;
max-width: 50%;
min-width: 4rem;
padding:.3125rem .875rem;
margin-top:.125rem;
margin-left:.125rem;
border: 0;
outline: 0
}
.tokenfield.readonly .token .token-label {
padding-right:.875rem
}
.tokenfield.readonly .token .close {
display: none
}
.tokenfield.disabled {
cursor: default
}
.tokenfield.disabled .token, .tokenfield.disabled .token .close {
opacity: .5
}
.tokenfield.disabled .token:focus, .tokenfield.disabled .token:hover {
background-color: #ddd;
color: #333
}
.tokenfield.disabled, .tokenfield.disabled .token, .tokenfield.disabled .token .close, .tokenfield.disabled .token-input {
cursor: default
}
.input-group-lg .token>.token-label, .input-group-lg .token>span, .tokenfield.form-control-lg .token>.token-label, .tokenfield.form-control-lg .token>span {
padding:.4375rem 1rem;
padding-right: 2.125rem
}
.input-group-lg .token-input, .tokenfield.form-control-lg .token-input {
padding:.4375rem 1rem
}
.input-group-lg .token>.close, .tokenfield.form-control-lg .token>.close {
right: 1rem
}
.input-group-lg.readonly .token>.token-label, .tokenfield.form-control-lg.readonly .token>.token-label {
padding-right: 1rem
}
.input-group-sm .token>.token-label, .input-group-sm .token>span, .tokenfield.form-control-sm .token>.token-label, .tokenfield.form-control-sm .token>span {
padding:.1875rem .75rem;
padding-right: 1.875rem
}
.input-group-sm .token-input, .tokenfield.form-control-sm .token-input {
padding:.1875rem .75rem
}
.input-group-sm .token>.close, .tokenfield.form-control-sm .token>.close {
right:.75rem
}
.input-group-sm.readonly .token>.token-label, .tokenfield.form-control-sm.readonly .token>.token-label {
padding-right:.75rem
}
.bootstrap-tagsinput {
background-color: #fff;
border: 1px solid #ddd;
display: inline-block;
padding:0 0 .125rem 0;
vertical-align: middle;
width: 100%;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius:.25rem
}
.bootstrap-tagsinput.focus {
border-color: #2196f3
}
.bootstrap-tagsinput input {
direction: ltr;
border: 0;
outline: 0;
background-color: transparent;
padding:.3125rem .875rem;
margin-top:.125rem;
margin-left:.125rem;
color: #333;
width: auto!important;
max-width: 50%;
min-width: 4rem;
box-shadow: none
}
.input-group .bootstrap-tagsinput {
width: 1%;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.bootstrap-tagsinput .twitter-typeahead {
width: auto
}
.bootstrap-tagsinput .tt-dropdown-menu {
margin-top:.25rem;
min-width: 12.5rem
}
.bootstrap-tagsinput .tag {
margin:.125rem 0 0 .125rem;
padding:.3125rem .875rem;
padding-right: 2.375rem;
float: left;
position: relative;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.bootstrap-tagsinput .tag {
transition: none
}
}
.bootstrap-tagsinput .tag:not([class*=bg-]) {
background-color: #ddd;
color: #333
}
.bootstrap-tagsinput .tag:not([class*=bg-]):focus, .bootstrap-tagsinput .tag:not([class*=bg-]):hover {
background-color: #2196f3;
color: #fff
}
.bootstrap-tagsinput .tag [data-role=remove] {
cursor: pointer;
position: absolute;
top: 50%;
right:.875rem;
line-height: 1;
margin-top:-.375rem;
opacity: .7;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.bootstrap-tagsinput .tag [data-role=remove] {
transition: none
}
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
opacity: 1
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
content: "";
font-family: icomoon;
display: block;
font-size:.75rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.bootstrap-touchspin .input-group-btn-vertical {
white-space: nowrap
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
width: 2.125rem;
margin-left: -1px;
border-radius: 0
}
.bootstrap-touchspin .input-group-btn-vertical i {
position: absolute;
top: 50%;
left: 50%;
margin-left:-.5rem;
margin-top:-.5rem;
font-weight: 400
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border: 1px solid #ddd;
border-radius: 0
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border: 1px solid #ddd;
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.bootstrap-touchspin.input-group-lg .input-group-btn-vertical>.btn {
width: 2.375rem
}
.bootstrap-touchspin.input-group-lg .input-group-btn-vertical .bootstrap-touchspin-down {
border-top-right-radius:.3125rem;
border-bottom-right-radius:.3125rem
}
.bootstrap-touchspin.input-group-sm .input-group-btn-vertical>.btn {
width: 1.875rem
}
.bootstrap-touchspin.input-group-sm .input-group-btn-vertical .bootstrap-touchspin-down {
border-top-right-radius:.1875rem;
border-bottom-right-radius:.1875rem
}
.input-group .input-group-prepend.d-none:first-child+.form-control {
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.input-group-lg .input-group-prepend.d-none:first-child+.form-control {
border-top-left-radius:.3125rem;
border-bottom-left-radius:.3125rem
}
.input-group-sm .input-group-prepend.d-none:first-child+.form-control {
border-top-left-radius:.1875rem;
border-bottom-left-radius:.1875rem
}
.bootstrap-duallistbox-container .box1 {
margin-bottom: 1.25rem
}
.bootstrap-duallistbox-container select.form-control {
padding:.4375rem;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.bootstrap-duallistbox-container option {
display: block;
padding:.4375rem .875rem;
border-radius:.25rem
}
.bootstrap-duallistbox-container.moveonselect .move, .bootstrap-duallistbox-container.moveonselect .remove {
display: none
}
.bootstrap-duallistbox-container.moveonselect .btn-group .moveall, .bootstrap-duallistbox-container.moveonselect .btn-group .removeall {
width: 100%;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.bootstrap-duallistbox-container.moveonselect .btn-group .btn+.btn {
border-left-width: 1px
}
.bootstrap-duallistbox-container .buttons {
width: 100%;
margin-bottom: -1px
}
.bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 {
display: none;
margin-top: 1.25rem
}
.bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear1:focus, .bootstrap-duallistbox-container .clear1:hover, .bootstrap-duallistbox-container .clear2, .bootstrap-duallistbox-container .clear2:focus, .bootstrap-duallistbox-container .clear2:hover {
background-color: transparent;
border: 0;
color: #2196f3;
padding: 0;
box-shadow: none
}
.bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2 {
display: inline-block
}
.bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .removeall {
width: 50%
}
.bootstrap-duallistbox-container .btn-group .btn {
margin: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.bootstrap-duallistbox-container .btn-group .btn+.btn {
border-left-width: 0
}
.bootstrap-duallistbox-container .btn-group .btn>i {
float: none;
text-align: center
}
.bootstrap-duallistbox-container .btn-group .btn>i+i {
margin-left: -1rem
}
.bootstrap-duallistbox-container .filter {
margin-bottom: 1.25rem;
position: relative
}
.bootstrap-duallistbox-container .filter.placeholder {
color: #999
}
.bootstrap-duallistbox-container .info-container .info {
display: inline-block;
margin-top: 1.25rem
}
.bootstrap-duallistbox-container .info-container .info .badge {
margin-right:.625rem
}
.sidebar .bootstrap-duallistbox-container {
text-align: center
}
.sidebar .bootstrap-duallistbox-container .box1, .sidebar .bootstrap-duallistbox-container .box2 {
-ms-flex: auto;
flex: auto;
width: 100%;
max-width: none
}
.sidebar .bootstrap-duallistbox-container .box1 {
padding-bottom:.3125rem
}
.sidebar .bootstrap-duallistbox-container .box1:after {
content: "";
font-size: 1rem;
font-family: icomoon;
display: block;
text-align: center;
line-height: 1;
margin:.625rem 0;
opacity: .5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media (min-width:769px) {
.bootstrap-duallistbox-container .box1 {
margin-bottom: 0
}
.sidebar .bootstrap-duallistbox-container .box1 {
margin-bottom: 0
}
}
.wizard {
width: 100%
}
.wizard>.content>.title, .wizard>.steps .current-info {
display: none
}
.wizard>.content {
position: relative;
width: auto;
padding: 0
}
.wizard>.content>.body {
padding: 0 1.25rem
}
.wizard>.content>iframe {
border: 0;
width: 100%;
height: 100%
}
.wizard>.steps {
position: relative;
display: block;
width: 100%
}
.wizard>.steps>ul {
display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
list-style: none
}
.wizard>.steps>ul>li {
display: table-cell;
width: auto;
vertical-align: top;
text-align: center;
position: relative
}
.wizard>.steps>ul>li a {
position: relative;
padding-top: 3rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: block;
outline: 0;
color: #999
}
.wizard>.steps>ul>li:after, .wizard>.steps>ul>li:before {
content: '';
display: block;
position: absolute;
top: 2.375rem;
width: 50%;
height: 2px;
background-color: #2cbacc;
z-index: 9
}
.wizard>.steps>ul>li:before {
left: 0
}
.wizard>.steps>ul>li:after {
right: 0
}
.wizard>.steps>ul>li:first-child:before, .wizard>.steps>ul>li:last-child:after {
content: none
}
.wizard>.steps>ul>li.current:after, .wizard>.steps>ul>li.current~li:after, .wizard>.steps>ul>li.current~li:before {
background-color: #eee
}
.wizard>.steps>ul>li.current>a {
color: #333;
cursor: default
}
.wizard>.steps>ul>li.current .number {
font-size: 0;
border-color: #2cbacc;
color: #2cbacc
}
.wizard>.steps>ul>li.current .number:after {
content: "";
font-family: icomoon;
display: inline-block;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.wizard>.steps>ul>li.current .number:after {
transition: none
}
}
.wizard>.steps>ul>li.disabled a {
cursor: default
}
.wizard>.steps>ul>li.done a, .wizard>.steps>ul>li.done a:focus, .wizard>.steps>ul>li.done a:hover {
color: #999
}
.wizard>.steps>ul>li.done .number {
font-size: 0;
background-color: #2cbacc;
border-color: #2cbacc;
color: #fff
}
.wizard>.steps>ul>li.done .number:after {
content: "";
font-family: icomoon;
display: inline-block;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.wizard>.steps>ul>li.done .number:after {
transition: none
}
}
.wizard>.steps>ul>li.error .number {
border-color: #ef5350;
color: #ef5350
}
.card>.card-header:not([class*=bg-])>.wizard>.steps>ul {
border-top: 1px solid rgba(0,0,0,.125)
}
@media (max-width:991.98px) {
.wizard>.steps>ul {
margin-bottom: 1.25rem
}
.wizard>.steps>ul>li {
display: block;
float: left;
width: 50%
}
.wizard>.steps>ul>li>a {
margin-bottom: 0
}
.wizard>.steps>ul>li:first-child:before, .wizard>.steps>ul>li:last-child:after {
content: ''
}
.wizard>.steps>ul>li:last-child:after {
background-color: #2cbacc
}
}
@media (max-width:768.98px) {
.wizard>.steps>ul>li {
width: 100%
}
.wizard>.steps>ul>li.current:after {
background-color: #2cbacc
}
}
.wizard>.steps .number {
background-color: #fff;
color: #ccc;
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -1.1875rem;
border: 2px solid #eee;
font-size:.9375rem;
z-index: 10;
line-height: 2.125rem;
text-align: center;
width: 2.375rem;
height: 2.375rem;
border-radius: 50rem
}
.wizard>.actions {
position: relative;
text-align: right;
padding: 1.25rem;
padding-top: 0
}
.wizard>.actions>ul {
list-style: none;
padding: 0;
margin: 0
}
.wizard>.actions>ul::after {
display: block;
clear: both;
content: ""
}
.wizard>.actions>ul>li {
display: inline-block
}
.wizard>.actions>ul>li+li {
margin-left: 1.25rem
}
@font-face {
font-family: summernote;
font-style: normal;
font-weight: 400;
src: url(../../../../../../global_assets/css/icons/summernote/summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4);
src: url(../../../../../../global_assets/css/icons/summernote/summernote.eot?#iefix) format("embedded-opentype"), url(../../../../../../global_assets/css/icons/summernote/summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4) format("woff"), url(../../../../../../global_assets/css/icons/summernote/summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c4) format("truetype")
}
[class*=" note-icon-"]:before, [class^=note-icon-]:before {
display: inline-block;
font-family: summernote;
font-style: normal;
font-size: inherit;
text-decoration: inherit;
vertical-align: middle;
line-height: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.note-icon-align-center:before {
content: "\f101"
}
.note-icon-align-indent:before {
content: "\f102"
}
.note-icon-align-justify:before {
content: "\f103"
}
.note-icon-align-left:before {
content: "\f104"
}
.note-icon-align-outdent:before {
content: "\f105"
}
.note-icon-align-right:before {
content: "\f106"
}
.note-icon-align:before {
content: "\f107"
}
.note-icon-arrow-circle-down:before {
content: "\f108"
}
.note-icon-arrow-circle-left:before {
content: "\f109"
}
.note-icon-arrow-circle-right:before {
content: "\f10a"
}
.note-icon-arrow-circle-up:before {
content: "\f10b"
}
.note-icon-arrows-alt:before {
content: "\f10c"
}
.note-icon-arrows-h:before {
content: "\f10d"
}
.note-icon-arrows-v:before {
content: "\f10e"
}
.note-icon-bold:before {
content: "\f10f"
}
.note-icon-caret:before {
content: "\f110"
}
.note-icon-chain-broken:before {
content: "\f111"
}
.note-icon-circle:before {
content: "\f112"
}
.note-icon-close:before {
content: "\f113"
}
.note-icon-code:before {
content: "\f114"
}
.note-icon-col-after:before {
content: "\f115"
}
.note-icon-col-before:before {
content: "\f116"
}
.note-icon-col-remove:before {
content: "\f117"
}
.note-icon-eraser:before {
content: "\f118"
}
.note-icon-float-left:before {
content: "\f119"
}
.note-icon-float-none:before {
content: "\f11a"
}
.note-icon-float-right:before {
content: "\f11b"
}
.note-icon-font:before {
content: "\f11c"
}
.note-icon-frame:before {
content: "\f11d"
}
.note-icon-italic:before {
content: "\f11e"
}
.note-icon-link:before {
content: "\f11f"
}
.note-icon-magic:before {
content: "\f120"
}
.note-icon-menu-check:before {
content: "\f121"
}
.note-icon-minus:before {
content: "\f122"
}
.note-icon-orderedlist:before {
content: "\f123"
}
.note-icon-pencil:before {
content: "\f124"
}
.note-icon-picture:before {
content: "\f125"
}
.note-icon-question:before {
content: "\f126"
}
.note-icon-redo:before {
content: "\f127"
}
.note-icon-rollback:before {
content: "\f128"
}
.note-icon-row-above:before {
content: "\f129"
}
.note-icon-row-below:before {
content: "\f12a"
}
.note-icon-row-remove:before {
content: "\f12b"
}
.note-icon-special-character:before {
content: "\f12c"
}
.note-icon-square:before {
content: "\f12d"
}
.note-icon-strikethrough:before {
content: "\f12e"
}
.note-icon-subscript:before {
content: "\f12f"
}
.note-icon-summernote:before {
content: "\f130"
}
.note-icon-superscript:before {
content: "\f131"
}
.note-icon-table:before {
content: "\f132"
}
.note-icon-text-height:before {
content: "\f133"
}
.note-icon-trash:before {
content: "\f134"
}
.note-icon-underline:before {
content: "\f135"
}
.note-icon-undo:before {
content: "\f136"
}
.note-icon-unorderedlist:before {
content: "\f137"
}
.note-icon-video:before {
content: "\f138"
}
.note-editor {
position: relative
}
.note-editor .note-dropzone {
position: absolute;
z-index: 100;
display: none;
color: #333;
background-color: #fff;
pointer-events: none;
border: 2px dashed #ddd;
opacity: .95
}
.note-editor .note-dropzone.hover {
color: #333;
border: 2px dashed #ddd
}
.note-editor .note-dropzone .note-dropzone-message {
display: table-cell;
font-size: 1.125rem;
font-weight: 500;
text-align: center;
vertical-align: middle
}
.card .note-editor {
border-color: #ddd;
box-shadow: none
}
.note-editor.dragover .note-dropzone {
display: table
}
.note-editor .note-form-group:last-child {
margin-bottom: 0
}
.note-editor .note-group-image-url:last-child {
margin-bottom: 0
}
.note-editor .modal-title {
font-size: 1.125rem
}
.note-editor .dropdown-style pre {
background-color: #fff;
padding:.5rem 1rem
}
.summernote-borderless~.note-editor {
border: 0;
margin: 0;
border-radius: 0
}
.note-air-editor {
outline: 0
}
@-moz-document url-prefix() {
.note-image-input {
height:auto
}
}
.note-placeholder {
position: absolute;
display: none;
color: #999
}
.note-toolbar:not([class*=bg-]) {
background-color: #fff;
border-bottom: 1px solid #ddd;
padding: 1.25rem 1.25rem;
padding-top: 0;
margin: 0;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.dropdown-fontname, .dropdown-style {
max-height: 20rem;
overflow: auto
}
.dropdown-style a>p {
margin-bottom: 0
}
.note-editing-area {
position: relative
}
.note-editing-area .note-editable {
outline: 0
}
.note-editing-area .note-editable sup {
vertical-align: super
}
.note-editing-area .note-editable sub {
vertical-align: sub
}
.note-editing-area img.note-float-left {
margin-right:.625rem
}
.note-editing-area img.note-float-right {
margin-left:.625rem
}
.note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable {
display: none
}
.note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable {
display: block
}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
overflow: hidden
}
.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
padding: 1.25rem;
overflow: auto;
color: #333;
background-color: #fff;
min-height: 9.375rem
}
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
background-color: #eee
}
.note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable {
display: none;
width: 100%;
padding: 1.25rem;
margin-bottom: 0;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
color: #333;
background-color: #fff;
border: 0;
resize: none;
box-shadow: none;
border-radius: 0
}
.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
position: fixed;
top: 0;
left: 0;
z-index: 1080;
width: 100%!important;
border: 0;
border-radius: 0
}
.note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar {
display: none
}
.note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder {
position: absolute;
display: none;
color: #999
}
.note-statusbar {
background-color: rgba(0,0,0,.02)
}
.note-statusbar .note-resizebar {
width: 100%;
padding: 2px 0;
cursor: ns-resize;
border-top: 1px solid #ddd
}
.note-statusbar .note-resizebar .note-icon-bar {
width: 1.25rem;
margin: 1px auto;
border-top: 1px solid #ddd
}
.note-statusbar.locked .note-resizebar {
cursor: default
}
.note-statusbar.locked .note-resizebar .note-icon-bar {
display: none
}
.note-status-output {
display: none
}
.note-editor.note-airframe {
border: 0
}
.note-editor.note-airframe .note-editing-area .note-editable {
padding: 0
}
.note-popover.popover {
display: none;
max-width: none
}
.note-popover.popover .popover-content a {
display: inline-block;
max-width: 276px;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.note-popover.popover .arrow {
left: 1.25rem!important
}
.note-popover .popover-content {
display: -ms-inline-flexbox;
display: inline-flex;
padding:.9375rem 0 0 .9375rem;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.note-popover .popover-content>span {
margin-right:.9375rem;
margin-bottom:.9375rem
}
.note-popover .popover-content>.btn-group {
margin-right:.9375rem;
margin-bottom:.9375rem
}
.note-style blockquote, .note-style h1, .note-style h2, .note-style h3, .note-style h4, .note-style h5, .note-style h6 {
margin: 0
}
.note-hint-popover {
min-width: 12.5rem;
padding:.5rem 0
}
.note-hint-popover .popover-content {
max-height: 10rem;
overflow: auto
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
display: block!important;
padding:.5rem 1rem;
color: #333;
clear: both
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item:focus, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
color: #333;
background-color: #eee;
text-decoration: none
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active {
color: #fff;
text-decoration: none;
background-color: #2196f3
}
.card-header.note-toolbar>.btn-group {
margin-top: 1.25rem;
margin-right: 1.25rem
}
.card-header.note-toolbar>.btn-group:last-child {
margin-right: 0
}
.card-header.note-toolbar .note-dropdown-menu.note-check a i {
display: none
}
.card-header.note-toolbar .note-dropdown-menu.note-check a.checked {
color: #fff;
background-color: #2196f3
}
.note-popover .btn-group .note-table, .note-toolbar .btn-group .note-table {
min-width: 0;
padding:.5rem
}
.note-popover .btn-group .note-table .note-dimension-picker, .note-toolbar .btn-group .note-table .note-dimension-picker {
font-size: 1.125rem;
direction: ltr
}
.note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
position: absolute!important;
z-index: 3;
width: 10em;
height: 10em;
cursor: pointer
}
.note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
position: relative!important;
z-index: 1;
width: 5em;
height: 5em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}
.note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
position: absolute!important;
z-index: 2;
width: 1em;
height: 1em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}
.note-popover .btn-group .note-table .note-dimension-display, .note-toolbar .btn-group .note-table .note-dimension-display {
text-align: center;
margin-top:.5rem
}
.note-color .note-color-row {
font-size: 0
}
.note-color .note-dropdown-menu.show {
display: -ms-flexbox;
display: flex
}
.note-color .note-dropdown-menu .note-palette {
display: inline-block;
width: 10rem;
margin:.4375rem .875rem
}
.note-color .note-dropdown-menu .note-palette .note-palette-title {
font-weight: 500
}
.note-color .note-dropdown-menu .note-palette .note-color-reset, .note-color .note-dropdown-menu .note-palette .note-color-select {
margin-top:.625rem;
width: 100%;
padding:.3125rem .75rem;
margin-bottom:.875rem
}
.note-color .note-dropdown-menu .note-color-select-btn {
display: none
}
.note-color .note-dropdown-menu .note-holder-custom .note-color-btn {
border: 1px solid #ddd
}
.note-color .note-palette div .note-color-btn {
padding: 0;
margin: 0;
border: 1px solid #fff;
width: 1.25rem;
height: 1.25rem
}
.note-color .note-palette div .note-color-btn:hover {
border-color: #333
}
.note-para .note-dropdown-menu {
padding:.5rem;
white-space: nowrap
}
.note-para .note-dropdown-menu>div:first-child {
margin-right:.625rem
}
.note-handle {
position: relative
}
.note-handle .note-control-selection {
position: absolute;
display: none;
z-index: 10
}
.note-handle .note-control-selection>div {
position: absolute
}
.note-handle .note-control-selection .note-control-selection-bg {
background-color: #000;
opacity: .3;
width: 100%;
height: 100%
}
.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing {
border: 1px solid #ddd;
width:.5rem;
height:.5rem
}
.note-handle .note-control-selection .note-control-sizing {
background-color: #fff
}
.note-handle .note-control-selection .note-control-nw {
top:-.3125rem;
left:-.3125rem;
border-right: 0;
border-bottom: 0
}
.note-handle .note-control-selection .note-control-ne {
top:-.3125rem;
right:-.3125rem;
border-bottom: 0;
border-left: 0
}
.note-handle .note-control-selection .note-control-sw {
bottom:-.3125rem;
left:-.3125rem;
border-top: 0;
border-right: 0
}
.note-handle .note-control-selection .note-control-se {
right:-.3125rem;
bottom:-.3125rem;
cursor: se-resize
}
.note-handle .note-control-selection .note-control-selection-info {
right: 0;
bottom: 0;
padding:.3125rem;
margin:.3125rem;
color: #fff;
background-color: #000;
opacity: .7;
border-radius:.25rem
}
#trumbowyg-icons {
overflow: hidden;
visibility: hidden;
height: 0;
width: 0
}
#trumbowyg-icons svg {
height: 0;
width: 0
}
.trumbowyg-box {
position: relative;
border: 1px solid #ddd;
border-radius:.25rem
}
.trumbowyg-box svg {
fill: #333;
display: block;
width: 1rem;
height: 1rem
}
.trumbowyg-box.trumbowyg-fullscreen {
background: #fff;
border-width: 0
}
.trumbowyg-editor {
position: relative
}
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
content: attr(placeholder);
color: #999;
pointer-events: none
}
.trumbowyg-editor, .trumbowyg-textarea {
position: relative;
padding: 1.25rem;
min-height: 350px;
background-color: #fff;
width: 100%;
border-style: none;
resize: none;
outline: 0;
overflow: auto;
color: #333
}
.trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
transition: height ease-in-out .3s
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
transition: none
}
}
.trumbowyg-box-blur .trumbowyg-editor hr, .trumbowyg-box-blur .trumbowyg-editor img {
opacity: .2
}
.trumbowyg-textarea {
position: relative;
display: block;
overflow: auto;
border: 0;
white-space: normal
}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
height: 1px!important;
width: 25%;
min-height: 0!important;
padding: 0!important;
background: 0 0;
opacity: 0!important
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
display: block
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
display: none
}
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
opacity: .8;
background-color: transparent
}
.trumbowyg-button-pane {
width: 100%;
background-color: #fafafa;
border-bottom: 1px solid #ddd;
margin: 0;
position: relative;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 11;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.trumbowyg-button-pane .trumbowyg-button-group {
display: inline-block;
position: relative
}
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
color: transparent
}
.trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group {
padding-left: 1px
}
.trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group:before {
content: " ";
display: inline-block;
width: 1px;
background-color: #eaeaea;
position: absolute;
left: 0;
top: 0;
bottom: 0
}
.trumbowyg-box:not(.trumbowyg-fullscreen) .trumbowyg-button-pane .trumbowyg-button-group:first-child button {
border-radius:.1875rem 0 0 0
}
.trumbowyg-box:not(.trumbowyg-fullscreen) .trumbowyg-button-pane .trumbowyg-button-group:last-child button {
border-radius:0 .1875rem 0 0
}
.trumbowyg-button-pane button {
display: inline-block;
position: relative;
padding:.875rem;
overflow: hidden;
border: none;
cursor: pointer;
background-color: transparent;
vertical-align: middle;
color: #333;
transition: background-color ease-in-out .15s, opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-button-pane button {
transition: none
}
}
.trumbowyg-button-pane button.trumbowyg-textual-button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-top:.6875rem;
padding-bottom:.6875rem
}
.trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
background-color: #eee;
outline: 0
}
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
opacity: .2;
cursor: default
}
.trumbowyg-button-pane .trumbowyg-open-dropdown {
padding-right: 1.75rem
}
.trumbowyg-button-pane .trumbowyg-open-dropdown:after {
content: " ";
display: block;
position: absolute;
top: 50%;
right:.875rem;
height: 0;
width: 0;
margin-top: -.15em;
border: .3em solid transparent;
border-top-color: #333
}
.trumbowyg-button-pane .trumbowyg-right {
float: right
}
.trumbowyg-dropdown {
min-width: 12.5rem;
padding:.5rem 0;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
border-top: 0;
margin-top: 1px;
margin-left: -1px;
z-index: 1000;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1);
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem
}
.trumbowyg-dropdown button {
display: block;
width: 100%;
padding:.5rem 1rem;
color: #333;
white-space: nowrap;
background: 0 0;
border: 0;
text-align: inherit;
cursor: pointer;
transition: background-color ease-in-out .15s, color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-dropdown button {
transition: none
}
}
.trumbowyg-dropdown button:focus, .trumbowyg-dropdown button:hover {
color: #333;
text-decoration: none;
background-color: #eee
}
.trumbowyg-dropdown button svg {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
margin-top:-.0625rem
}
.trumbowyg-modal {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 33rem;
width: 100%;
z-index: 11;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.trumbowyg-modal-box {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 30rem;
width: calc(100% - 3rem);
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.trumbowyg-modal-box .trumbowyg-modal-title {
font-size: 1rem;
font-weight: 500;
padding: 1.25rem 1.25rem;
padding-bottom: 0;
display: block
}
.trumbowyg-modal-box .trumbowyg-progress {
width: 100%;
height:.1875rem;
position: absolute;
top: 2.875rem
}
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
background-color: #25b372;
width: 0;
height: 100%;
transition: width linear .15s
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
transition: none
}
}
.trumbowyg-modal-box form {
padding: 1.25rem;
text-align: right
}
.trumbowyg-modal-box form>label {
display: block;
position: relative;
margin-bottom: 1.25rem
}
.trumbowyg-modal-box form>label .trumbowyg-input-infos {
display: block;
text-align: left;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-modal-box form>label .trumbowyg-input-infos {
transition: none
}
}
.trumbowyg-modal-box form>label .trumbowyg-input-infos span {
display: block;
padding-top:.5rem;
padding-bottom:.5rem;
line-height: 1.5715
}
.trumbowyg-modal-box form>label .trumbowyg-input-infos span.trumbowyg-msg-error {
color: #ef5350;
margin-left: 30%;
padding-bottom: 0
}
.trumbowyg-modal-box form>label input:focus {
outline: 0
}
.trumbowyg-modal-box form>label input:not([type=checkbox]):not([type=radio]) {
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
float: right;
width: 70%;
border-radius:.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-modal-box form>label input:not([type=checkbox]):not([type=radio]) {
transition: none
}
}
.trumbowyg-modal-box form>label input:not([type=checkbox]):not([type=radio]):focus {
border-color: #2196f3
}
.trumbowyg-modal-box form>label input[type=checkbox] {
position: absolute;
left: 30%;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.trumbowyg-modal-box form>label.trumbowyg-input-error input, .trumbowyg-modal-box form>label.trumbowyg-input-error textarea {
border-color: #ef5350
}
.trumbowyg-modal-box .error {
display: block;
color: #ef5350
}
.trumbowyg-modal-button {
color: #333;
background-color: #f0f2f5;
border: 1px solid #cad1dc;
display: inline-block;
text-decoration: none;
cursor: pointer;
margin-left:.625rem;
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-modal-button {
transition: none
}
}
.trumbowyg-modal-button:focus, .trumbowyg-modal-button:hover {
outline: 0;
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.trumbowyg-modal-button:active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.trumbowyg-modal-button.trumbowyg-modal-submit {
color: #fff;
background-color: #2196f3;
border-color: #2196f3
}
.trumbowyg-modal-button.trumbowyg-modal-submit:focus, .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
outline: 0;
color: #fff;
background-color: #0c83e2;
border-color: #0c83e2
}
.trumbowyg-modal-button.trumbowyg-modal-submit:active {
color: #fff;
background-color: #0c7cd5;
border-color: #0c7cd5
}
.trumbowyg-overlay {
position: absolute;
background-color: rgba(255,255,255,.35);
height: 100%;
width: 100%;
left: 0;
display: none;
top: 0;
z-index: 10
}
body.trumbowyg-body-fullscreen {
overflow: hidden
}
.trumbowyg-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
z-index: 99999
}
.trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen.trumbowyg-box {
border: 0;
border-radius: 0
}
.trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea {
height: calc(100% - 2.875rem)!important;
overflow: auto
}
.trumbowyg-fullscreen .trumbowyg-overlay {
height: 100%!important
}
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
color: #333;
fill: transparent
}
.trumbowyg-dropdown-backColor, .trumbowyg-dropdown-foreColor {
padding:.5rem;
width: 15rem
}
.trumbowyg-dropdown-backColor svg, .trumbowyg-dropdown-foreColor svg {
display: none!important
}
.trumbowyg-dropdown-backColor button, .trumbowyg-dropdown-foreColor button {
display: block;
position: relative;
float: left;
text-indent: -9999px;
border: 1px solid #fff;
padding: 0;
width: 1.25rem;
height: 1.25rem;
transition: -webkit-transform ease-in-out .15s;
transition: transform ease-in-out .15s;
transition: transform ease-in-out .15s, -webkit-transform ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.trumbowyg-dropdown-backColor button, .trumbowyg-dropdown-foreColor button {
transition: none
}
}
.trumbowyg-dropdown-backColor button:focus, .trumbowyg-dropdown-backColor button:hover, .trumbowyg-dropdown-foreColor button:focus, .trumbowyg-dropdown-foreColor button:hover {
-webkit-transform: scale(1.25);
transform: scale(1.25);
z-index: 10
}
.ace_editor {
height: 450px;
position: relative
}
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius:.25rem;
border: 1px solid rgba(0,0,0,.15);
width: auto;
max-width: none;
padding: 0;
margin-top:.125rem;
top: 0;
left: 0;
z-index: 1070;
display: none;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.daterangepicker.drop-up {
margin-top:-.5rem
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none
}
.daterangepicker.auto-apply .drp-buttons, .daterangepicker.single .drp-selected {
display: none
}
.daterangepicker.show-calendar .drp-calendar {
display: block
}
.daterangepicker.show-calendar .drp-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.daterangepicker .drp-calendar {
display: none
}
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
padding:.9375rem
}
.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev {
cursor: pointer
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
border: solid #333;
border-width:0 .125rem .125rem 0;
border-radius: 0;
display: inline-block;
padding:.1875rem
}
.daterangepicker .calendar-table .next span {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.daterangepicker .calendar-table .prev span {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse
}
.daterangepicker th {
font-weight: 400
}
.daterangepicker th.month {
width: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem
}
.daterangepicker td, .daterangepicker th {
white-space: nowrap;
text-align: center;
vertical-align: middle;
padding:.4375rem;
min-width: 2.25rem;
cursor: default;
font-size:.8125rem;
border-radius:.25rem;
transition: color ease-in-out .15s, background-color ease-in-out .15s
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
color: #333
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #999
}
.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
background-color: transparent;
color: #ccc
}
.daterangepicker td.in-range {
background-color: #eee;
color: #333;
border-radius: 0
}
.daterangepicker td.start-date {
border-radius:.25rem 0 0 .25rem
}
.daterangepicker td.end-date {
border-radius:0 .25rem .25rem 0
}
.daterangepicker td.start-date.end-date {
border-radius:.25rem
}
.daterangepicker td.active:not(.off), .daterangepicker td.active:not(.off):hover {
color: #fff;
background-color: #26a69a
}
.daterangepicker option.disabled, .daterangepicker td.disabled {
color: #ccc;
cursor: default
}
.daterangepicker select {
/* display: inline-block;*/
/* font-weight: 400;*/
/*font-size:.8125rem;*/
/* line-height: 1.6924;*/
/* color: #333;*/
/* vertical-align: middle;*/
/*height:calc(1.6924em + .625rem + 2px);*/
/*background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem center/8px 10px no-repeat;*/
/* border: 1px solid #ddd;*/
/*padding:.3125rem 2.0625rem .3125rem .75rem;*/
/*-webkit-appearance: none;*/
/*-moz-appearance: none;*/
/*appearance: none;*/
/*border-radius:.25rem;*/
/* box-shadow: none;*/
/* transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out*/
}
@media (prefers-reduced-motion:reduce) {
.daterangepicker select {
transition: none
}
}
.daterangepicker select:focus {
border-color: #2196f3;
outline: 0
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
margin: 0;
cursor: default;
width: 49%
}
.daterangepicker select.monthselect {
margin-right: 2%
}
.daterangepicker .calendar-time {
text-align: center;
margin:.9375rem auto 0 auto;
position: relative
}
.daterangepicker .calendar-time select.disabled {
color: #999;
background-color: #f5f5f5;
cursor: default
}
.daterangepicker .drp-buttons {
clear: both;
padding:.9375rem;
border-top: 1px solid #ddd;
display: none
}
.daterangepicker .drp-buttons .btn {
margin-left:.625rem
}
.daterangepicker .drp-selected {
display: inline-block;
font-size:.8125rem;
margin-right: auto
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
padding:.5rem 0
}
.daterangepicker .ranges:empty {
display: none
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%
}
.daterangepicker .ranges li {
color: #333;
font-size:.8125rem;
padding:.5rem 1rem;
cursor: pointer;
transition: color ease-in-out .15s, background-color ease-in-out .15s
}
.daterangepicker .ranges li:hover {
color: #333;
background-color: #eee
}
.daterangepicker .ranges li.active {
color: #fff;
background-color: #2196f3
}
@media (max-width:768.98px) {
.daterangepicker {
margin-left: 1.25rem;
margin-right: 1.25rem
}
.daterangepicker.opensleft, .daterangepicker.opensright {
left: 0!important;
right: 0!important
}
.daterangepicker.opensleft .calendar, .daterangepicker.opensleft .calendars, .daterangepicker.opensleft .ranges, .daterangepicker.opensright .calendar, .daterangepicker.opensright .calendars, .daterangepicker.opensright .ranges {
float: none
}
.daterangepicker .calendar {
margin-left: 0;
margin-right: 0
}
.daterangepicker .ranges {
width: 100%
}
.daterangepicker .drp-selected {
width: 100%;
margin-bottom:.625rem
}
.daterangepicker.show-calendar.show-ranges .ranges {
border-bottom: 1px solid #ddd
}
.daterangepicker.show-calendar .drp-buttons {
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
}
@media (min-width:576px) {
.daterangepicker.show-ranges.rtl .drp-calendar.right, .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd
}
.daterangepicker.show-ranges.ltr .drp-calendar.left, .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd
}
.daterangepicker .drp-calendar, .daterangepicker .ranges {
float: left
}
.daterangepicker .ranges {
min-width: 12.5rem
}
}
.picker {
width: 100%;
text-align: left;
position: absolute;
top: 100%;
margin-top: -1px;
z-index: 1070;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.picker__input {
cursor: default
}
.picker__holder {
width: 100%;
overflow-y: auto;
position: absolute;
display: none;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
border-top-width: 0;
border-bottom-width: 0;
min-width: 18rem;
max-width: 20rem;
outline: 0;
-webkit-overflow-scrolling: touch;
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.picker--opened .picker__holder {
max-height: 480px;
border-top-width: 1px;
border-bottom-width: 1px;
display: block
}
.picker__box {
padding:.9375rem
}
.picker__header {
text-align: center;
position: relative;
font-size: 1rem;
line-height: 1;
padding-top:.9375rem;
padding-bottom:.9375rem
}
.picker__month, .picker__year {
font-weight: 500;
display: inline-block;
margin-left:.3125rem;
margin-right:.3125rem
}
.picker__year {
color: #999;
font-size:.8125rem;
font-weight: 400
}
.picker__select--month, .picker__select--year {
border: 1px solid #ddd;
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
color: #333;
background-color: #fff;
background-clip: padding-box;
margin-left:.3125rem;
margin-right:.3125rem;
outline: 0;
white-space: nowrap;
border-radius:.25rem
}
.picker__nav--next, .picker__nav--prev {
position: absolute;
padding:.5rem;
top: 50%;
margin-top: -1rem;
line-height: 1;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.picker__nav--next, .picker__nav--prev {
transition: none
}
}
.picker__nav--next:before, .picker__nav--prev:before {
font-family: icomoon;
display: block;
font-size: 1rem;
width: 1rem;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.picker__nav--next:hover, .picker__nav--prev:hover {
cursor: pointer;
color: #333;
background-color: #eee
}
.picker__nav--prev {
left: 0
}
.picker__nav--prev:before {
content: ""
}
[dir=rtl] .picker__nav--prev:before {
content: ""
}
.picker__nav--next {
right: 0
}
.picker__nav--next:before {
content: ""
}
[dir=rtl] .picker__nav--next:before {
content: ""
}
.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
cursor:default;
background-color:transparent
}
.picker__table {
text-align: center;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
font-size: inherit;
width: 100%;
margin-bottom:.9375rem
}
.picker__table td {
margin: 0;
padding: 0
}
.picker__weekday {
width: 14.285714286%;
text-align: center;
padding-bottom:.46875rem;
padding-top:.9375rem;
color: #999;
font-weight: 400
}
.picker__day {
padding:.4375rem;
min-width: 2.25rem;
border-radius:.25rem
}
.picker__day--today {
position: relative;
background-color: #eee
}
.picker__day--today:before {
content: "";
position: absolute;
top:.125rem;
right:.125rem;
width: 0;
height: 0;
border-top:.375rem solid #26a69a;
border-left:.375rem solid transparent
}
.picker__day--outfocus {
color: #ccc
}
.picker__day--infocus, .picker__day--outfocus {
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.picker__day--infocus, .picker__day--outfocus {
transition: none
}
}
.picker__day--infocus:hover, .picker__day--outfocus:hover {
cursor: pointer;
color: #333;
background-color: #eee
}
.picker__day--highlighted:before {
border-top-color: #fff
}
.picker--focused .picker__day--highlighted, .picker__day--highlighted, .picker__day--highlighted:hover {
cursor: pointer;
color: #fff;
background-color: #26a69a
}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
background-color: #26a69a;
color: #fff
}
.picker__day--disabled, .picker__day--disabled:hover {
background-color: transparent;
color: #999;
cursor: default
}
.picker__day--disabled:before {
border-top-color: #999
}
.picker__day--highlighted .picker__day--disabled, .picker__day--highlighted .picker__day--disabled:hover {
background-color: transparent
}
.picker__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: between;
justify-content: between
}
.picker__footer button {
color: #333;
background-color: #f0f2f5;
padding:.4375rem .875rem;
border: 1px solid #cad1dc;
font-weight: 500;
cursor: pointer;
-ms-flex: 1;
flex: 1;
display: inline-block;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.picker__footer button {
transition: none
}
}
.picker__footer button+button {
margin-left:.625rem
}
.picker__footer button:focus, .picker__footer button:hover {
outline: 0;
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.picker__footer button:active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.picker__footer button:before {
height: 0
}
.picker__footer button:disabled, .picker__footer button:disabled:focus, .picker__footer button:disabled:hover {
background-color: transparent;
color: #333;
cursor: default
}
.picker__button--today:before {
content: '';
margin-right:.625rem;
position: relative;
display: inline-block;
top:-.0625rem;
width: 0;
border-top:.375rem solid #2196f3;
border-left:.375rem solid transparent
}
.picker__button--close:before {
content: '\D7';
display: inline-block;
position: relative;
margin-right:.625rem;
top:.0625rem;
line-height: 1;
font-size: 1rem
}
.picker__button--clear:before {
content: '';
display: inline-block;
position: relative;
top:-.1875rem;
width:.5rem;
margin-right:.625rem;
border-top:.125rem solid #ef5350
}
.picker--time {
min-width: 16rem;
max-width: 20rem
}
.picker--time .picker__box {
padding: 0
}
.picker__list {
list-style: none;
padding:.5rem 0;
margin: 0;
max-height: 250px;
overflow-y: auto
}
.picker__list-item {
position: relative;
padding:.5rem 1rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.picker__list-item {
transition: none
}
}
.picker__list-item:focus, .picker__list-item:hover {
cursor: pointer;
color: #333;
background-color: #eee
}
.picker--time .picker__button--clear {
display: block;
width: 100%;
margin: 0;
color: #333;
background-color: #f0f2f5;
padding:.4375rem .875rem;
outline: 0;
border: 0;
border-top: 1px solid #ddd;
text-align: center;
cursor: pointer;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.picker--time .picker__button--clear {
transition: none
}
}
.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover {
background-color: #e1e5eb;
color: #333
}
.picker--time .picker__button--clear:active {
background-color: #d1d7e1;
color: #333
}
.picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted, .picker__list-item--highlighted:hover {
cursor: pointer;
color: #333;
background-color: #eee
}
.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover {
color: #fff;
background-color: #2196f3
}
.picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover {
color: #999;
background-color: transparent;
cursor: default;
z-index: auto
}
.sp-alpha-inner, .sp-clear-enabled .sp-clear, .sp-color, .sp-hue, .sp-preview-inner, .sp-sat, .sp-thumb-inner, .sp-top-inner, .sp-val {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-initial-disabled .sp-initial, .sp-palette-disabled .sp-palette-container, .sp-palette-only .sp-picker-container {
display: none
}
.sp-hidden {
display: none!important
}
.sp-cf::after {
display: block;
clear: both;
content: ""
}
.sp-alpha, .sp-preview, .sp-thumb-el {
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.sp-alpha-inner, .sp-preview-inner, .sp-thumb-inner {
display: block
}
.sp-container {
position: absolute;
top: 0;
left: 0;
display: inline-block;
z-index: 1000;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
overflow: hidden;
box-sizing: content-box;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.sp-container.sp-flat {
position: relative;
overflow-x: auto;
max-width: 100%;
white-space: nowrap;
box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.sp-palette-container, .sp-picker-container {
display: block;
white-space: nowrap;
vertical-align: top;
position: relative;
padding:.625rem
}
@media (min-width:576px) {
.sp-palette-container, .sp-picker-container {
display: inline-block
}
}
.sp-picker-container {
width: 13.75rem
}
.sp-alpha, .sp-alpha-handle, .sp-clear, .sp-container, .sp-container button, .sp-container.sp-dragging .sp-input, .sp-dragger, .sp-preview, .sp-replacer, .sp-slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.sp-top {
position: relative;
width: 100%;
display: block
}
.sp-color {
right: 20%
}
.sp-hue {
left: 85%;
height: 100%
}
.sp-clear-enabled .sp-hue {
top: 2.5rem;
height: 75%
}
.sp-fill {
padding-top: 80%
}
.sp-alpha-enabled .sp-top {
margin-bottom: 1.625rem
}
.sp-alpha-enabled .sp-alpha {
display: block
}
.sp-alpha-handle {
position: absolute;
top:-.25rem;
bottom:-.25rem;
width:.3125rem;
left: 50%;
cursor: pointer;
border: 1px solid #ccc;
background-color: #fff;
border-radius:.3125rem
}
.sp-alpha {
display: none;
position: absolute;
bottom: -1rem;
right: 0;
left: 0;
height:.375rem
}
.sp-clear {
display: none
}
.sp-clear-display {
cursor: pointer
}
.sp-clear-display:after {
content: "";
display: block;
font-family: icomoon;
font-size: 1rem;
line-height: 1.875rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.sp-initial .sp-clear-display:after, .sp-preview .sp-clear-display:after {
content: none
}
.sp-clear-enabled .sp-clear {
display: block;
left: 85%;
height: 1.875rem;
text-align: center;
color: #333;
box-shadow: 0 0 0 1px #ddd inset
}
.sp-input-container {
margin-top:.625rem
}
.sp-initial-disabled .sp-input-container {
width: 100%
}
.sp-input {
border: 1px solid #ddd;
padding:.4375rem .875rem;
width: 100%;
background-color: #fff;
outline: 0;
color: #333;
border-radius:.25rem
}
.sp-initial {
margin-top:.625rem
}
.sp-initial span {
width: 50%;
height: 1.563rem;
display: block;
float: left
}
.sp-initial span .sp-thumb-inner {
height: 1.563rem;
width: 100%;
display: block
}
.sp-dragger {
border: 1px solid #fff;
background-color: #333;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
width:.375rem;
height:.375rem
}
.sp-slider {
position: absolute;
top: 0;
cursor: pointer;
height:.25rem;
left:-.125rem;
right:-.125rem;
border: 1px solid #ccc;
background-color: #fff;
border-radius:.25rem
}
.sp-replacer {
overflow: hidden;
cursor: pointer;
padding:.3125rem;
display: inline-block;
border: 1px solid #cad1dc;
background-color: #f0f2f5;
color: #333;
vertical-align: middle;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.sp-replacer {
transition: none
}
}
.sp-replacer:not([class*=bg-]):hover {
background-color: #e1e5eb;
color: #333;
border-color: #bac4d1
}
.sp-replacer:not([class*=bg-]).sp-active, .sp-replacer:not([class*=bg-]):active {
background-color: #d1d7e1;
color: #333;
border-color: #abb6c7
}
.sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:focus, .sp-replacer[class*=bg-]:hover {
border-color: transparent
}
.sp-replacer.sp-disabled {
cursor: default;
opacity: .8
}
.sp-replacer.sp-disabled:focus, .sp-replacer.sp-disabled:hover {
background-color: #f0f2f5;
color: #333
}
.sp-preview {
position: relative;
width: 1.625rem;
height: 1.5rem;
margin-right:.3125rem;
float: left;
z-index: 0
}
.sp-preview, .sp-preview .sp-preview-inner {
border-radius:.25rem
}
.sp-preview .sp-clear-display, .sp-preview .sp-preview-inner {
box-shadow: 0 0 0 1px rgba(0,0,0,.05)
}
.sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
box-shadow: 0 0 0 1px rgba(0,0,0,.5)
}
.sp-dd {
float: left;
font-size: 0;
position: relative;
margin:.25rem
}
.sp-dd:after {
content: "";
display: block;
font-family: icomoon;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.sp-sat {
background-image: linear-gradient(to right, #fff, rgba(204,154,129,0));
box-shadow: 0 0 0 1px #ccc inset
}
.sp-val {
background-image: linear-gradient(to top, #000, rgba(204,154,129,0))
}
.sp-hue {
background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
}
.sp-1 {
height: 17%
}
.sp-2 {
height: 16%
}
.sp-3 {
height: 17%
}
.sp-4 {
height: 17%
}
.sp-5 {
height: 16%
}
.sp-6 {
height: 17%
}
.sp-palette {
max-width: 13.75rem
}
.sp-thumb-el {
position: relative
}
.sp-palette .sp-thumb-el {
display: inline-block;
position: relative;
cursor: pointer
}
.sp-thumb-el .sp-thumb-inner {
box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset
}
.sp-thumb-el .sp-thumb-inner:hover {
box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset
}
.sp-palette .sp-thumb-el {
width: 1rem;
height: 1rem
}
.sp-palette .sp-thumb-el+.sp-thumb-el {
margin-left:.3125rem
}
.sp-palette .sp-thumb-el.sp-thumb-active {
box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset
}
.sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset
}
.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
content: "";
display: block;
font-family: icomoon;
font-size: 1rem;
line-height: 1;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
color: #333
}
.sp-palette-row {
font-size: 0
}
.sp-palette-row+.sp-palette-row {
margin-top:.3125rem
}
.sp-palette-row:empty {
margin-top: 0
}
.sp-cancel, .sp-choose, .sp-palette-toggle {
border: 0;
padding:.4375rem .875rem;
float: left;
width: 48%;
text-align: center;
cursor: pointer;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.sp-cancel, .sp-choose, .sp-palette-toggle {
transition: none
}
}
.sp-cancel:focus, .sp-choose:focus, .sp-palette-toggle:focus {
outline: 0
}
.sp-button-container, .sp-palette-button-container {
margin-top:.625rem;
text-align: center
}
.sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-button-container button, .sp-container[class*=bg-] .sp-palette-button-container a, .sp-container[class*=bg-] .sp-palette-button-container button {
background-color: rgba(0,0,0,.25);
color: #fff;
border-color: transparent
}
.sp-cancel, .sp-palette-toggle {
color: #333;
background-color: #f0f2f5;
border: 1px solid #cad1dc;
margin-right:.3125rem;
margin-right: 4%
}
.sp-cancel:focus, .sp-cancel:hover, .sp-palette-toggle:focus, .sp-palette-toggle:hover {
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.sp-cancel:active, .sp-palette-toggle:active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.sp-palette-toggle {
margin-right: 0;
width: auto;
float: none
}
.sp-choose {
color: #fff;
background-color: #45748a;
border: 1px solid transparent
}
.sp-choose:focus, .sp-choose:hover {
background-color: #385f71
}
.sp-choose:active {
background-color: #345768
}
.plupload_wrapper {
background-color: #fff;
border: 2px dashed #ddd;
border-radius:.25rem
}
.plupload_delete a:after, .plupload_done a:after, .plupload_failed a:after, .plupload_file_action:after, .plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:before, .plupload_header:after {
font-family: icomoon;
display: block;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.plupload_header {
display: none;
position: relative;
background-color: #1c2e37;
color: #fff;
margin: -4px -2px;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.plupload_header:after {
content: "";
font-size: 2rem;
position: absolute;
top: 50%;
left: 1.25rem;
margin-top: -1rem
}
.plupload_header_content {
padding: 1.25rem 1.25rem;
padding-left: 4.5rem
}
.plupload_header_title {
font-size: 1rem;
font-weight: 500
}
.plupload_header_text {
font-size:.8125rem;
line-height: 1.6924
}
.plupload_clear, .plupload_clearer {
clear: both
}
.plupload_clearer, .plupload_progress_bar {
display: block;
font-size: 0;
line-height: 0
}
.plupload_button {
display: inline-block;
border: 1px solid transparent;
font-weight: 400;
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.plupload_button {
transition: none
}
}
.plupload_button:not(:last-child) {
margin-right:.625rem
}
.plupload_add {
color: #333;
background-color: #f0f2f5;
border-color: #cad1dc
}
.plupload_add:focus, .plupload_add:hover {
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.plupload_add:active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.plupload_start {
background-color: #2196f3;
border-color: #2196f3
}
.plupload_start, .plupload_start:focus, .plupload_start:hover {
color: #fff
}
.plupload_start:not(.plupload_disabled):focus, .plupload_start:not(.plupload_disabled):hover {
background-color: #0c83e2;
border-color: #0c83e2
}
.plupload_start:not(.plupload_disabled):active {
background-color: #0c7cd5;
border-color: #0c7cd5
}
a.plupload_disabled {
cursor: default;
opacity: .65
}
.plupload_filelist {
position: relative;
margin: 0;
padding: 0;
list-style: none
}
.plupload_scroll .plupload_filelist {
height: 250px;
overflow-y: auto
}
.plupload_filelist li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:.5rem 1.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.plupload_filelist li {
transition: none
}
}
.plupload_filelist li:hover {
background-color: #eee
}
.plupload_filelist li .plupload_file_name {
margin-right: auto
}
.plupload_filelist li .plupload_file_action {
-ms-flex-order: 12;
order: 12
}
.plupload_filelist li .plupload_file_status {
-ms-flex-order: 11;
order: 11
}
.plupload_filelist li .plupload_file_size {
-ms-flex-order: 10;
order: 10
}
.plupload_filelist li.plupload_droptext, .plupload_filelist:empty {
background-color: transparent;
font-size: 0
}
.plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:before {
content: "";
font-size: 5rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: -1.25rem;
z-index: 2;
color: #ccc;
text-indent: 0;
font-weight: 400;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.plupload_filelist li.plupload_droptext:after, .plupload_filelist:empty:after {
content: 'Drag files to upload';
font-size: 1.125rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: 3.75rem;
color: #777;
text-indent: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.plupload_filelist:empty:after {
content: 'Add files to upload'
}
@media (max-width:768.98px) {
.plupload_filelist {
padding:.625rem 0
}
.plupload_filelist li .plupload_file_size {
display: none
}
}
.plupload_filelist_header {
padding: 1.25rem 1.25rem
}
.plupload_filelist_header .plupload_file_action, .plupload_filelist_header .plupload_file_name, .plupload_filelist_header .plupload_file_size, .plupload_filelist_header .plupload_file_status {
font-weight: 500
}
@media (max-width:768.98px) {
.plupload_filelist_header {
display: none
}
}
.plupload_filelist_footer {
padding: 1.25rem 1.25rem
}
.plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_upload_status {
padding:.4375rem 0;
font-weight: 500
}
@media (max-width:768.98px) {
.plupload_filelist_footer {
text-align: center
}
.plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status {
display: none
}
.plupload_filelist_footer .plupload_progress {
margin: auto
}
}
@media (min-width:576px) {
.plupload_filelist_footer, .plupload_filelist_header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.plupload_filelist_footer .plupload_file_name, .plupload_filelist_header .plupload_file_name {
margin-right: auto
}
.plupload_filelist_footer .plupload_file_action, .plupload_filelist_header .plupload_file_action {
-ms-flex-order: 12;
order: 12
}
.plupload_filelist_footer .plupload_file_status, .plupload_filelist_header .plupload_file_status {
-ms-flex-order: 11;
order: 11
}
.plupload_filelist_footer .plupload_file_size, .plupload_filelist_header .plupload_file_size {
-ms-flex-order: 10;
order: 10
}
}
.plupload_file_action {
margin-left: 1.875rem;
line-height: 1;
font-size: 0;
text-align: right
}
.plupload_file_action * {
display: none
}
.plupload_file_action:after {
content: ""
}
.plupload_filelist .plupload_file_action:after {
content: none
}
.plupload_delete .plupload_file_action>a {
color: #333;
line-height: 1;
opacity: .5;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.plupload_delete .plupload_file_action>a {
transition: none
}
}
.plupload_delete .plupload_file_action>a:hover {
opacity: 1
}
.plupload_uploading {
background-color: #e9f7f1
}
.plupload_delete a:after {
content: ""
}
.plupload_failed a {
color: #ef5350;
cursor: default
}
.plupload_failed a:after {
content: ""
}
.plupload_done {
color: #999
}
.plupload_done a {
color: #25b372;
cursor: default
}
.plupload_done a:after {
content: ""
}
.plupload_progress, .plupload_upload_status {
display: none
}
.plupload_progress_container {
background-color: rgba(0,0,0,.1);
border-radius:.25rem
}
.plupload_progress_bar {
width: 0;
height:.25rem;
background: #25b372;
border-radius:.25rem
}
.plupload_file_size, .plupload_file_status, .plupload_progress {
width: 5rem;
text-align: right
}
.btn-file {
position: relative;
overflow: hidden
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
text-align: right;
opacity: 0;
background: none repeat scroll 0 0 transparent;
cursor: inherit;
display: block;
visibility: visible
}
.file-input:not(.file-input-ajax-new):not(.file-input-new) .input-group-append .btn-file {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.file-caption {
top: 0
}
.file-caption-name {
display: block;
overflow: hidden;
word-break: break-all;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #333;
width: 100%;
margin: 0;
padding: 0;
box-shadow: none;
border: 0;
background: 0 0;
outline: 0;
pointer-events: none
}
.file-input-ajax-new .file-caption-name, .file-input-new .file-caption-name {
color: #999
}
.file-error-message {
position: relative;
background-color: #fdeeee;
color: #602120;
text-align: center;
padding: 1rem 1.25rem;
margin:.5rem;
margin-top: 0;
border-radius:.25rem
}
.file-drop-zone .file-error-message {
margin-top:.4375rem
}
.file-error-message pre {
background-color: #fff;
margin-top:.4375rem;
text-align: left
}
.file-error-message ul {
list-style: none;
padding: 0;
margin: 0
}
.file-caption-disabled {
background-color: #fafafa;
cursor: default
}
.file-preview-detail-modal {
text-align: left
}
.file-preview {
border: 2px dashed #ddd;
width: 100%;
margin-bottom: 1.25rem;
position: relative;
text-align: center;
border-radius:.25rem
}
.file-preview .close {
font-size: 1.37506rem;
font-weight: 400;
position: absolute;
top: 0;
right: 0;
padding: 1rem 1.25rem;
line-height: 1;
color: #333;
text-shadow: none;
opacity: .75;
z-index: 2;
border-radius:.25rem
}
.file-preview .close:focus, .file-preview .close:hover {
color: #333;
text-decoration: none;
opacity: 1
}
.file-preview .kv-zoom-cache {
display: none
}
.file-preview-thumbnails {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative
}
@media (max-width:768.98px) {
.file-preview-thumbnails {
-ms-flex-pack: center;
justify-content: center
}
}
.file-preview-frame {
margin:.5rem;
margin-right: 0;
border: 1px solid #ddd;
background-color: #fff;
border-radius:.25rem
}
.file-preview-frame .kv-file-content {
position: relative;
height: 10rem
}
.file-preview-image {
border-top-left-radius:.1875rem;
border-top-right-radius:.1875rem
}
.file-thumbnail-footer {
position: relative;
background-color: #fafafa;
border-top: 1px solid #ddd
}
.file-preview-text {
color: #2196f3;
border: 0;
overflow-x: hidden
}
.file-preview-other {
width: 10rem
}
.file-preview-other:after {
content: "";
font-family: icomoon;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
font-size: 4rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.file-preview-status {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #fafafa;
border-top: 1px solid #ddd;
font-size:.8125rem;
line-height: 1.6924;
padding:.4375rem .875rem;
z-index: 1070;
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem
}
.file-preview-status:empty {
padding: 0;
background-color: transparent;
border: 0
}
.file-thumb-loading {
min-height: 6.75rem
}
.file-thumb-loading:before, .file-uploading:before {
content: '';
display: inline-block;
background-color: #0e171c;
position: absolute;
top: 50%;
left: 50%;
z-index: 1069;
margin-top: -2.125rem;
margin-left: -1rem;
width: 2rem;
height: 2rem;
border-radius:.25rem
}
.file-thumb-loading:after, .file-uploading:after {
content: "";
font-family: icomoon;
display: inline-block;
position: absolute;
color: #fff;
top: 50%;
left: 50%;
margin-top: -1.625rem;
margin-left:-.5rem;
font-size: 1rem;
line-height: 1;
z-index: 1070;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.file-upload-indicator {
cursor: default;
float: left;
padding:.625rem;
line-height: 1
}
.file-upload-indicator i {
top: 0
}
.file-input-new .close, .file-input-new .file-preview, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .glyphicon-file {
display: none
}
.file-input-ajax-new .close, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button {
display: none
}
.file-caption-icon, .file-zoom-dialog .modal-header:after, .file-zoom-dialog .modal-header:before, .hide-content .kv-file-content, .kv-hidden {
display: none
}
.file-footer-buttons {
float: right
}
.file-footer-buttons button {
padding:.625rem;
background-color: transparent;
color: #333;
border: 0;
line-height: 1;
cursor: pointer;
opacity: .8;
outline: 0;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.file-footer-buttons button {
transition: none
}
}
.file-footer-buttons button:hover {
opacity: 1
}
.file-footer-buttons button i {
top: 0
}
.file-footer-caption {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding:.75rem;
background-color: #fff;
border-bottom: 1px solid #ddd;
margin-left: auto;
margin-right: auto
}
.file-size-info samp {
font-size:.75rem
}
.file-drop-zone {
height: 100%;
vertical-align: middle;
padding:.5rem;
border-radius:.25rem
}
.file-drop-zone-title {
font-size: 1.25rem;
font-weight: 300;
padding: 5rem;
opacity: .5
}
.clickable .file-drop-zone-title {
cursor: pointer
}
.clickable .file-drop-zone-title:focus, .clickable .file-drop-zone-title:hover {
opacity: 1;
background-color: #f2f2f2
}
.kv-upload-progress {
margin-bottom: 1.25rem
}
.file-thumb-progress {
position: absolute;
top:-.375rem;
left: 0;
right: 0
}
.file-thumb-progress .progress, .file-thumb-progress .progress-bar {
height:.375rem;
border-radius: 0;
font-size: 0
}
.btn-file ::-ms-browse {
width:100%;
height:100%
}
.file-zoom-fullscreen .modal-dialog {
position: fixed;
margin: 0;
width: 100%;
height: 100%;
padding: 0;
max-width: 100%
}
.file-zoom-fullscreen .modal-content {
border-radius: 0
}
.file-zoom-fullscreen .modal-body {
overflow-y: auto
}
.file-zoom-dialog .btn-navigate {
position: absolute;
top: 50%;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
color: #fff;
opacity: .7;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.file-zoom-dialog .btn-navigate {
transition: none
}
}
.file-zoom-dialog .btn-navigate>i {
display: block;
font-size: 2rem
}
.file-zoom-dialog .btn-navigate:not([disabled]):focus, .file-zoom-dialog .btn-navigate:not([disabled]):hover {
outline: 0;
box-shadow: none!important;
opacity: 1
}
.file-zoom-dialog .btn-navigate[disabled] {
opacity: .3
}
.file-zoom-dialog .btn-prev {
left: -3.25rem
}
.file-zoom-dialog .btn-next {
right: -3.25rem
}
.file-zoom-dialog .floating-buttons {
position: absolute;
top: 1.25rem 1.25rem;
right: 1.25rem 1.25rem;
background-color: #fff
}
.file-zoom-dialog .kv-zoom-title {
color: #999;
margin-left:.625rem
}
.file-zoom-content {
text-align: center
}
.file-drag-handle {
cursor: move;
float: left;
line-height: 1;
opacity: .6;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.file-drag-handle {
transition: none
}
}
.file-drag-handle:hover {
opacity: 1
}
.file-drag-handle i {
top: 0
}
.dropzone {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
border: 2px dashed rgba(0,0,0,.125);
min-height: 18rem;
background-color: #fff;
padding:.3125rem;
border-radius:.25rem
}
.card .dropzone {
background-color: #fff;
border-color: #ddd
}
.dropzone.dz-clickable * {
cursor: default
}
.dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer
}
.dropzone .dz-message {
opacity: 1
}
.dropzone .dz-message .dz-button {
background: 0 0;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit
}
.dropzone.dz-started .dz-message {
display: none
}
.dropzone.dz-drag-hover {
border-color: #999;
background-color: #f5f5f5;
color: #ddd
}
.dropzone .dz-default.dz-message {
width: 100%;
-ms-flex-item-align: center;
align-self: center;
text-align: center;
opacity: 1;
border-radius:.25rem;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dropzone .dz-default.dz-message {
transition: none
}
}
.dropzone .dz-default.dz-message:before {
content: "";
font-family: icomoon;
font-size: 4rem;
display: block;
margin-bottom: 1.25rem;
line-height: 1;
color: #ccc;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dropzone .dz-default.dz-message>span {
font-size: 1.125rem;
color: #777;
display: block;
margin-top: 10.25rem
}
.dropzone .dz-default.dz-message>span span {
display: block;
color: #9d9d9d;
font-size: 1rem
}
.dropzone.dz-drag-hover .dz-message {
opacity: .75
}
.dropzone .dz-preview {
background-color: #fff;
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
display: inline-block;
margin:.5rem;
border: 1px solid rgba(0,0,0,.125);
padding:.5rem;
border-radius:.25rem;
box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.dropzone .dz-preview .dz-details {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255,255,255,.85);
width: 100%;
height: 100%;
padding:.5rem;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dropzone .dz-preview .dz-details {
transition: none
}
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1
}
.dropzone .dz-preview.dz-error:hover .dz-details {
display: none
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
display: none;
position: absolute;
z-index: 9;
top: 0;
right: 0;
padding:.5rem;
background-color: #fff;
border-left: 1px solid rgba(0,0,0,.125);
border-bottom: 1px solid rgba(0,0,0,.125);
border-radius:0 .25rem 0 .25rem
}
.dropzone .dz-preview .dz-error-mark:after, .dropzone .dz-preview .dz-success-mark:after {
font-family: icomoon;
display: block;
font-size:.875rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dropzone .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-success-mark svg {
display: none
}
.dropzone .dz-preview .dz-error-mark {
color: #ef5350
}
.dropzone .dz-preview .dz-error-mark:after {
content: ""
}
.dropzone .dz-preview .dz-success-mark {
color: #25b372
}
.dropzone .dz-preview .dz-success-mark:after {
content: ""
}
.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark {
display: block;
opacity: 1
}
.dropzone .dz-preview .dz-progress {
position: absolute;
bottom:.5rem;
left:.5rem;
right:.5rem;
height:.25rem;
display: none
}
.dropzone .dz-preview .dz-progress .dz-upload {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #25b372;
transition: width ease-in-out .15s;
border-radius:.25rem
}
@media (prefers-reduced-motion:reduce) {
.dropzone .dz-preview .dz-progress .dz-upload {
transition: none
}
}
.dropzone .dz-preview.dz-processing .dz-progress {
display: block
}
.dropzone .dz-preview.dz-success .dz-progress {
display: block;
opacity: 0;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dropzone .dz-preview.dz-success .dz-progress {
transition: none
}
}
.dropzone .dz-preview .dz-error-message {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255,255,255,.85);
padding:.5rem;
color: #ef5350;
width: 100%;
height: 100%;
opacity: 0;
border-radius:.25rem;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dropzone .dz-preview .dz-error-message {
transition: none
}
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload {
background: #ef5350
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img {
display: block;
opacity: .1
}
.dropzone .dz-preview .dz-image {
width: 10rem;
height: 10rem;
overflow: hidden
}
.dropzone .dz-preview .dz-image img {
width: 100%
}
.dropzone .dz-preview a.dz-remove {
position: relative;
color: #333;
background-color: #f0f2f5;
border: 1px solid #cad1dc;
display: block;
text-align: center;
margin-top:.625rem;
cursor: pointer;
z-index: 21;
padding:.3125rem .75rem;
font-size:.875rem;
line-height: 1.6924;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.dropzone .dz-preview a.dz-remove {
transition: none
}
}
.dropzone .dz-preview a.dz-remove:focus, .dropzone .dz-preview a.dz-remove:hover {
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.dropzone .dz-preview a.dz-remove:active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.noty_bar {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
-webkit-font-smoothing: subpixel-antialiased;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.noty_body {
padding: 1rem 1.25rem
}
.noty_close_with_button .noty_body {
padding-right: 2.5rem
}
.noty_buttons {
padding: 1rem 1.25rem;
padding-top: 0;
text-align: right
}
#noty_layout__bottom, #noty_layout__bottomCenter, #noty_layout__bottomLeft, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight, #noty_layout__top, #noty_layout__topCenter, #noty_layout__topLeft, #noty_layout__topRight, .noty_layout_mixin {
position: fixed;
margin: 0;
padding: 0;
z-index: 1050;
-webkit-transform: translateZ(0) scale(1, 1);
transform: translateZ(0) scale(1, 1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
max-width: 90%
}
#noty_layout__top {
top: 0;
left: 5%;
width: 90%
}
#noty_layout__top .noty_bar:first-child {
margin-top: 1.25rem
}
#noty_layout__topLeft {
top: 1.25rem;
left: 1.25rem;
width: 20rem
}
#noty_layout__topCenter {
top: 5%;
left: 50%;
width: 20rem;
-webkit-transform: translate(-50%) translateZ(0) scale(1, 1);
transform: translate(-50%) translateZ(0) scale(1, 1)
}
#noty_layout__topRight {
top: 1.25rem;
right: 1.25rem;
width: 20rem
}
#noty_layout__center {
top: 50%;
left: 50%;
width: 20rem;
-webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1);
transform: translate(-50%, -50%) translateZ(0) scale(1, 1)
}
#noty_layout__centerLeft {
top: 50%;
left: 1.25rem;
width: 20rem;
-webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1);
transform: translate(0, -50%) translateZ(0) scale(1, 1)
}
#noty_layout__centerRight {
top: 50%;
right: 1.25rem;
width: 20rem;
-webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1);
transform: translate(0, -50%) translateZ(0) scale(1, 1)
}
#noty_layout__bottom {
bottom: 0;
left: 5%;
width: 90%
}
#noty_layout__bottom .noty_bar:last-child {
margin-bottom: 1.25rem
}
#noty_layout__bottomLeft {
bottom: 1.25rem;
left: 1.25rem;
width: 20rem
}
#noty_layout__bottomCenter {
bottom: 5%;
left: 50%;
width: 20rem;
-webkit-transform: translate(calc(-50% - 1px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - 1px)) translateZ(0) scale(1, 1)
}
#noty_layout__bottomRight {
bottom: 1.25rem;
right: 1.25rem;
width: 20rem
}
.noty_progressbar {
display: none
}
.noty_has_timeout.noty_has_progressbar .noty_progressbar {
display: block;
position: absolute;
left: 0;
bottom: 0;
height:.1875rem;
width: 100%;
background-color: rgba(0,0,0,.25)
}
.noty_effects_open {
opacity: 0;
-webkit-transform: translate(50%);
transform: translate(50%);
-webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.noty_effects_close {
-webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.noty_fix_effects_height {
-webkit-animation: noty_anim_height 75ms ease-out;
animation: noty_anim_height 75ms ease-out
}
.noty_close_with_click {
cursor: pointer
}
.noty_close_button {
position: absolute;
top: 1rem;
right: 1.25rem;
background-color: transparent;
font-size: 1.37506rem;
font-weight: 400;
color: inherit;
text-align: center;
line-height: 1;
cursor: pointer;
opacity: .75;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.noty_close_button {
transition: none
}
}
.noty_close_button:hover {
opacity: 1
}
.noty_modal {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 1040;
opacity: .35;
left: 0;
top: 0
}
.noty_modal.noty_modal_open {
opacity: 0;
-webkit-animation: noty_modal_in .3s ease-out;
animation: noty_modal_in .3s ease-out
}
.noty_modal.noty_modal_close {
-webkit-animation: noty_modal_out .3s ease-out;
animation: noty_modal_out .3s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes noty_modal_in {
100% {
opacity:.35
}
}
@keyframes noty_modal_in {
100% {
opacity:.35
}
}
@-webkit-keyframes noty_modal_out {
100% {
opacity:0
}
}
@keyframes noty_modal_out {
100% {
opacity:0
}
}
@-webkit-keyframes noty_anim_in {
100% {
-webkit-transform:translate(0);
transform:translate(0);
opacity:1
}
}
@keyframes noty_anim_in {
100% {
-webkit-transform:translate(0);
transform:translate(0);
opacity:1
}
}
@-webkit-keyframes noty_anim_out {
100% {
-webkit-transform:translate(50%);
transform:translate(50%);
opacity:0
}
}
@keyframes noty_anim_out {
100% {
-webkit-transform:translate(50%);
transform:translate(50%);
opacity:0
}
}
@-webkit-keyframes noty_anim_height {
100% {
height:0
}
}
@keyframes noty_anim_height {
100% {
height:0
}
}
.noty_theme__limitless.noty_bar {
margin:.25rem 0;
position: relative;
border: 1px solid transparent;
border-radius:.25rem
}
.noty_theme__limitless.noty_type__alert {
background-color: #252b36;
color: #fff;
border-color: #252b36
}
.noty_theme__limitless.noty_type__warning {
background-color: #f58646;
color: #fff;
border-color: #f58646
}
.noty_theme__limitless.noty_type__error {
background-color: #ef5350;
color: #fff;
border-color: #ef5350
}
.noty_theme__limitless.noty_type__info {
background-color: #2196f3;
color: #fff;
border-color: #2196f3
}
.noty_theme__limitless.noty_type__success {
background-color: #25b372;
color: #fff;
border-color: #25b372
}
.noty_theme__limitless.noty_type__confirm {
background-color: #fff;
border-color: rgba(0,0,0,.2);
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.noty_theme__limitless.noty_type__confirm .noty_body {
padding: 1.25rem
}
.noty_theme__limitless.noty_type__confirm .noty_close_button {
top: 1.25rem
}
.ui-pnotify {
top: 1.25rem;
right: 1.25rem;
position: absolute;
height: auto;
z-index: 2;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
body>.ui-pnotify {
position: fixed;
z-index: 1070
}
.ui-pnotify.alert-rounded>.ui-pnotify-container {
border-radius: 50rem
}
.ui-pnotify[class*=bg-]>.ui-pnotify-container {
background-color: inherit;
border-color: transparent;
color: #fff
}
.ui-pnotify.alert-styled-custom>.ui-pnotify-container, .ui-pnotify[class$="-100"]>.ui-pnotify-container, .ui-pnotify[class*=text-]>.ui-pnotify-container {
background-color: inherit;
border-color: inherit;
color: inherit
}
.ui-pnotify.stack-bottom-left, .ui-pnotify.stack-top-left {
left: 1.25rem;
right: auto
}
.ui-pnotify.stack-bottom-left, .ui-pnotify.stack-bottom-right {
bottom: 1.25rem;
top: auto
}
.ui-pnotify.stack-modal {
left: 50%;
right: auto;
margin-left: -10rem
}
.ui-pnotify.stack-custom-right {
top: auto;
left: auto;
bottom: 25%;
right: 25%
}
.ui-pnotify.stack-custom-left {
top: 25%;
left: 25%;
right: auto;
bottom: auto
}
.ui-pnotify.stack-custom-top {
right: 0;
left: 0;
top: 0
}
.ui-pnotify.stack-custom-bottom {
right: 0;
left: 0;
bottom: 0;
top: auto
}
.ui-pnotify.ui-pnotify-in {
display: block!important
}
.ui-pnotify.ui-pnotify-move {
transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-slow {
opacity: 0;
transition: opacity linear .6s
}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-normal {
opacity: 0;
transition: opacity linear .4s
}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-fast {
transition: opacity .2s linear;
opacity: 0
}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-in {
opacity: 1
}
.ui-pnotify-container {
padding: 1rem 1.25rem;
height: 100%;
position: relative;
left: 0;
margin: 0;
border-radius:.25rem
}
.ui-pnotify-container::after {
display: block;
clear: both;
content: ""
}
.ui-pnotify-container.ui-pnotify-sharp {
border-radius: 0
}
.ui-pnotify-title {
display: block;
margin-top: 0;
margin-bottom:.3125rem;
font-size: 1rem
}
.ui-pnotify-text {
display: block
}
.ui-pnotify-icon {
display: block;
float: left;
line-height: 1
}
.ui-pnotify-icon>[class^=icon-] {
margin-top:.375rem;
margin-right:.625rem
}
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left:.625rem;
margin-top:.375rem;
line-height: 1;
outline: 0
}
.ui-pnotify-modal-overlay {
background-color: rgba(0,0,0,.35);
top: 0;
left: 0;
position: absolute;
z-index: 1;
width: 100%;
height: 100%
}
body>.ui-pnotify-modal-overlay {
position: fixed;
z-index: 1040
}
.brighttheme {
border: 1px solid
}
.ui-pnotify[class*=bg-]>.brighttheme {
background-color: inherit;
border-color: inherit;
color: inherit
}
.brighttheme-notice {
background-color: #fef3ed;
border-color: #f58646;
color: #301110
}
.brighttheme-info {
background-color: #e9f5fe;
border-color: #2196f3;
color: #071e31
}
.brighttheme-success {
background-color: #e9f7f1;
border-color: #25b372;
color: #072417
}
.brighttheme-error {
background-color: #fdeeee;
border-color: #ef5350;
color: #301110
}
.brighttheme-icon-closer, .brighttheme-icon-sticker {
position: relative;
display: inline-block;
outline: 0;
width:.8125rem;
height:.8125rem
}
.brighttheme-icon-closer:after, .brighttheme-icon-sticker:after {
content: '';
font-family: icomoon;
font-size:.8125rem;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.brighttheme-icon-closer:after {
content: ""
}
.brighttheme-icon-sticker:after {
content: ""
}
.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
content: ""
}
.ui-pnotify[class*=alert-styled-] {
border-width: 0;
padding: 0
}
.ui-pnotify.alert-styled-left .brighttheme {
border-left-width: 3rem
}
.ui-pnotify.alert-styled-left:after {
left: 0
}
.ui-pnotify.alert-styled-right .brighttheme {
border-right-width: 3rem
}
.ui-pnotify.alert-styled-right:after {
right: 0
}
.brighttheme .ui-pnotify-action-bar input, .brighttheme .ui-pnotify-action-bar textarea {
display: block;
width: 100%;
border: 1px solid #ddd;
background-color: #fff;
margin-bottom: 1.25rem!important;
color: #333;
padding:.4375rem .875rem;
outline: 0;
border-radius:.25rem
}
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea {
border-color: transparent;
color: #fff
}
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder {
color:#fff;
opacity:1
}
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder {
color:#fff;
opacity:1
}
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder {
color:#fff;
opacity:1
}
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-ms-input-placeholder {
color:#fff;
opacity:1
}
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::placeholder {
color:#fff;
opacity:1
}
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 1.25rem;
border-top: none;
padding: 0;
z-index: 1070;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
position: fixed
}
.ui-pnotify-history-container .ui-pnotify-history-header {
text-align: center;
margin-bottom:.3125rem
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto
}
.jGrowl {
z-index: 1070;
position: absolute
}
body>.jGrowl {
position: fixed
}
.jGrowl.top-left {
left: 1.25rem;
top: 1.25rem
}
.jGrowl.top-center {
left: 50%;
top: 1.25rem;
margin-left: -10rem
}
.jGrowl.top-right {
right: 1.25rem;
top: 1.25rem
}
.jGrowl.center {
top: 40%;
width: 20rem;
left: 50%;
margin-left: -10rem;
margin-top: -1.9375rem
}
.jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification {
margin-left: auto;
margin-right: auto
}
.jGrowl.bottom-left {
left: 1.25rem;
bottom: 1.25rem
}
.jGrowl.bottom-center {
left: 50%;
bottom: 1.25rem;
margin-left: -10rem
}
.jGrowl.bottom-right {
right: 1.25rem;
bottom: 1.25rem
}
@media print {
.jGrowl {
display: none
}
}
.jGrowl-notification {
margin-bottom:.625rem;
width: 20rem;
text-align: left;
display: none;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.jGrowl-notification .jGrowl-header {
font-size: 1rem;
margin-bottom:.3125rem
}
.jGrowl-notification .jGrowl-header:empty {
margin: 0
}
.jGrowl-notification .jGrowl-close {
font-weight: 400;
background: 0 0;
border: 0;
font-size: 1.37506rem;
cursor: pointer;
line-height: 1;
padding: 0;
float: right;
color: inherit;
outline: 0;
margin-left:.625rem;
opacity: .75;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.jGrowl-notification .jGrowl-close {
transition: none
}
}
.jGrowl-notification .jGrowl-close:hover {
opacity: 1
}
.jGrowl-closer {
padding:.3125rem 0;
cursor: pointer;
margin-top:.3125rem;
text-align: center;
background-color: #fff;
width: 20rem;
border: 1px solid #ddd;
border-radius:.25rem
}
.swal2-shown.swal2-no-backdrop .swal2-container {
background-color: transparent;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.swal2-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
z-index: 1070;
transition: background-color ease-in-out .15s;
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
background-color: rgba(0,0,0,.35)
}
.swal2-container.swal2-backdrop-hide {
background-color: transparent!important
}
.swal2-container.swal2-top {
-ms-flex-align: start;
align-items: flex-start
}
.swal2-container.swal2-top .swal2-modal {
margin-top: 1.25rem
}
.swal2-container.swal2-top-left {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.swal2-container.swal2-top-left .swal2-modal {
margin-top: 1.25rem;
margin-left: 1.25rem
}
.swal2-container.swal2-top-right {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: end;
justify-content: flex-end
}
.swal2-container.swal2-top-right .swal2-modal {
margin-top: 1.25rem;
margin-right: 1.25rem
}
.swal2-container.swal2-center {
-ms-flex-align: center;
align-items: center;
margin: auto
}
.swal2-container.swal2-center-left {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start
}
.swal2-container.swal2-center-left .swal2-modal {
margin-left: 1.25rem
}
.swal2-container.swal2-center-right {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end
}
.swal2-container.swal2-center-right .swal2-modal {
margin-right: 1.25rem
}
.swal2-container.swal2-bottom {
-ms-flex-align: end;
align-items: flex-end
}
.swal2-container.swal2-bottom .swal2-modal {
margin-bottom: 1.25rem
}
.swal2-container.swal2-bottom-left {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: start;
justify-content: flex-start
}
.swal2-container.swal2-bottom-left .swal2-modal {
margin-bottom: 1.25rem;
margin-left: 1.25rem
}
.swal2-container.swal2-bottom-right {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.swal2-container.swal2-bottom-right .swal2-modal {
margin-bottom: 1.25rem;
margin-right: 1.25rem
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
margin: auto
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.swal2-container .swal2-modal {
margin: 0!important
}
}
.swal2-no-transition {
transition: none!important
}
.swal2-grow-fullscreen .swal2-modal {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-pack: center;
justify-content: center;
margin: 1.25rem 1.25rem
}
.swal2-grow-row .swal2-modal {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex: 1;
flex: 1;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 1.25rem;
margin-right: 1.25rem
}
.swal2-grow-column {
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.swal2-grow-column.swal2-center-left {
-ms-flex-align: start;
align-items: flex-start
}
.swal2-grow-column.swal2-center-right {
-ms-flex-align: end;
align-items: flex-end
}
.swal2-grow-column .swal2-modal {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex: 1;
flex: 1;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.swal2-popup {
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
text-align: center;
display: none;
position: relative;
max-width: 100%;
padding: 1.25rem;
width: 31.25rem;
margin-left: 1.25rem;
margin-right: 1.25rem;
border-radius:.3125rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.swal2-popup:focus {
outline: 0
}
.swal2-popup.swal2-loading {
overflow-y: hidden
}
@media (min-width:576px) {
.swal2-popup {
margin-left: 0;
margin-right: 0
}
}
.swal2-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.swal2-title {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5715;
text-align: center;
position: relative;
word-wrap: break-word;
margin-top:.3125rem;
margin-bottom: 0
}
.swal2-content {
text-align: center;
position: relative;
word-wrap: break-word
}
.swal2-footer {
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem;
padding:.625rem 1.25rem;
border-top: 1px solid rgba(0,0,0,.125)
}
.swal2-actions {
display: -ms-flexbox;
display: flex;
z-index: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 1.25rem
}
.swal2-actions>button+button {
margin-left:.625rem
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
cursor: no-drop;
opacity: .4
}
.swal2-loader {
display: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 1rem;
height: 1rem;
margin: 0 1.25rem;
-webkit-animation: rotation 1.5s linear 0s infinite normal;
animation: rotation 1.5s linear 0s infinite normal;
border-width: 2px;
border-style: solid;
border-radius: 100%;
border-color: #2196f3 transparent #2196f3 transparent
}
.swal2-close {
background: 0 0;
border: 0;
margin: 0;
padding: 0;
font-size: 1.5rem;
line-height: 1;
position: absolute;
top: 1rem;
right: 1rem;
cursor: pointer;
opacity: .5;
width: 1.5rem;
height: 1.5rem;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.swal2-close {
transition: none
}
}
.swal2-close:focus, .swal2-close:hover {
opacity: 1;
outline: 0
}
.swal2-timer-progress-bar {
width: 100%;
height:.25rem;
background: rgba(0,0,0,.25)
}
.swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height:.25rem;
overflow: hidden;
border-bottom-right-radius: 50rem;
border-bottom-left-radius: 50rem
}
.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
display: none;
margin: 1.25rem auto 0 auto
}
.swal2-popup .btn-group, .swal2-popup .select2-container, .swal2-popup .uniform-uploader {
margin: 1.25rem auto 0 auto
}
.swal2-checkbox {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.swal2-checkbox>span:not(.switchery) {
margin-left:.625rem
}
.swal2-radio {
-ms-flex-pack: center;
justify-content: center
}
.swal2-radio label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center
}
.swal2-radio label+label {
margin-left: 1.25rem
}
.swal2-radio label .uniform-choice, .swal2-radio label input {
margin-right:.625rem
}
.swal2-range {
margin-top: 1.25rem;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swal2-range input {
display: block;
width: 100%
}
.swal2-range output {
font-size: 1rem;
font-weight: 500;
margin-top:.625rem
}
.swal2-inputerror, .swal2-inputerror:focus, .swal2-inputerror:hover {
border-color: #ef5350!important
}
.swal2-validation-message {
overflow: hidden;
display: none;
margin-top:.5rem;
margin-bottom:.5rem;
margin-left: 0!important;
margin-right: 0!important;
color: #ef5350;
position: relative;
padding-left: 1.625rem
}
.swal2-validation-message:before {
content: "";
font-family: icomoon;
font-size: 1rem;
position: absolute;
top:.1875rem;
left: 0;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.swal2-image {
margin:.625rem auto;
max-width: 100%;
height: auto
}
.swal2-icon {
border:.25rem solid transparent;
margin:.625rem auto 1.25rem auto;
padding: 0;
position: relative;
box-sizing: content-box;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 5rem;
height: 5rem;
border-radius: 50%
}
.swal2-icon.swal2-success {
border-color: #25b372
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
height: 2.5rem;
width: 1.25rem;
border-right:.25rem solid #25b372;
border-top:.25rem solid #25b372;
position: absolute;
left: 1.25rem;
top: 2.625rem;
opacity: 1;
-webkit-animation: animate-checkmark ease .75s;
animation: animate-checkmark ease .75s;
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
-webkit-transform-origin: left top;
transform-origin: left top
}
.swal2-icon.swal2-error {
border-color: #ef5350
}
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
display: block;
-ms-flex: 1;
flex: 1
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
position: absolute;
height:.25rem;
width: 3rem;
background-color: #ef5350;
display: block;
top: 2.375rem
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 1rem
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 1rem
}
.swal2-icon.swal2-warning {
color: #f58646;
border-color: #f58646;
font-size: 4rem;
line-height: 5rem;
-ms-flex-pack: center;
justify-content: center
}
.swal2-icon.swal2-info {
color: #2196f3;
border-color: #2196f3;
font-size: 4rem;
line-height: 5rem;
-ms-flex-pack: center;
justify-content: center
}
.swal2-icon.swal2-question {
color: #45748a;
border-color: #45748a;
font-size: 4rem;
line-height:calc(5rem + .25rem);
-ms-flex-pack: center;
justify-content: center
}
.swal2-progress-steps {
-ms-flex-align: center;
align-items: center;
margin-top:.625rem;
margin-bottom: 1.25rem;
padding: 0;
font-weight: 500
}
.swal2-progress-steps li {
display: inline-block;
position: relative
}
.swal2-progress-steps .swal2-progress-step {
z-index: 20;
background: #2196f3;
color: #fff;
text-align: center;
padding:.4375rem .875rem;
min-width: 2.25rem;
border-radius: 50rem
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background-color: #2196f3
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
background-color: #f0f2f5;
color: #333
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
background-color: #f0f2f5
}
.swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
width: 2.5em;
height: 2px;
background-color: #2196f3
}
body.swal2-toast-shown .swal2-container {
background-color: transparent;
overflow: visible!important
}
body.swal2-toast-shown .swal2-container.swal2-shown {
background-color: transparent
}
body.swal2-toast-shown .swal2-container.swal2-top {
top: 1.25rem;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
top: 1.25rem;
right: 1.25rem;
bottom: auto;
left: auto
}
body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
top: 1.25rem;
right: auto;
bottom: auto;
left: 1.25rem
}
body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
top: 50%;
right: auto;
bottom: auto;
left: 1.25rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
top: 50%;
right: 1.25rem;
bottom: auto;
left: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
top: auto;
right: auto;
bottom: 1.25rem;
left: 1.25rem
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
top: auto;
right: auto;
bottom: 1.25rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
top: auto;
right: 1.25rem;
bottom: 1.25rem;
left: auto
}
body.swal2-toast-column .swal2-toast {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch
}
body.swal2-toast-column .swal2-toast .swal2-actions {
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-top: 1.25rem
}
body.swal2-toast-column .swal2-toast .swal2-loading {
-ms-flex-pack: center;
justify-content: center
}
.swal2-popup.swal2-toast {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
width: auto;
max-width: 350px;
padding:.75rem 1.25rem;
background-color: #333;
overflow-y: hidden;
border-radius:.3125rem;
box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.swal2-popup.swal2-toast .swal2-header {
-ms-flex-direction: row;
flex-direction: row;
color: #fff
}
.swal2-popup.swal2-toast .swal2-title {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: start;
justify-content: flex-start;
margin:0 .625rem;
font-size:.875rem
}
.swal2-popup.swal2-toast .swal2-footer {
margin:0 0 0 .625rem;
padding:.75rem 1.25rem
}
.swal2-popup.swal2-toast .swal2-close {
position: static
}
.swal2-popup.swal2-toast .swal2-content {
-ms-flex-pack: start;
justify-content: flex-start;
margin-left:.625rem;
color: #fff
}
.swal2-popup.swal2-toast .swal2-icon {
min-width: 1.75rem;
border-width:.125rem;
margin: 0;
width: 1.75rem;
height: 1.75rem
}
.swal2-popup.swal2-toast .swal2-icon:before {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
height:.875rem;
width:.4375rem;
border-right-width:.125rem;
border-top-width:.125rem;
left:.4375rem;
top: 1rem;
-webkit-animation-name: animate-toast-checkmark;
animation-name: animate-toast-checkmark
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
height:.125rem;
width:.75rem;
background-color: #ef5350;
display: block;
top:.8125rem
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left:.5rem
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right:.5rem
}
.swal2-popup.swal2-toast .swal2-icon.swal2-question {
color: #fff;
border-color: #fff
}
.swal2-popup.swal2-toast .swal2-icon.swal2-info, .swal2-popup.swal2-toast .swal2-icon.swal2-question, .swal2-popup.swal2-toast .swal2-icon.swal2-warning {
font-size: 1.25rem;
line-height: 1.75rem
}
.swal2-popup.swal2-toast .swal2-actions {
-ms-flex-preferred-size: auto!important;
flex-basis: auto!important;
width: auto;
height: auto;
margin: 0 0 0 1.25rem
}
.swal2-popup.swal2-toast .swal2-actions .btn+.btn {
margin-left:.625rem
}
.swal2-popup.swal2-toast.swal2-show {
-webkit-animation: show-notification .15s;
animation: show-notification .15s
}
.swal2-popup.swal2-toast.swal2-hide {
-webkit-animation: hide-notification .15s;
animation: hide-notification .15s
}
[class^=swal2] {
-webkit-tap-highlight-color:transparent
}
.swal2-show {
-webkit-animation: show-notification .15s;
animation: show-notification .15s
}
.swal2-hide {
-webkit-animation: hide-notification .15s forwards;
animation: hide-notification .15s forwards
}
.swal2-noanimation {
-webkit-animation: none;
animation: none;
transition: none
}
.swal2-animate-error-icon, .swal2-animate-success-icon, .swal2-info, .swal2-question, .swal2-warning {
-webkit-animation: animate-circle .5s;
animation: animate-circle .5s
}
.swal2-animate-x-mark {
-webkit-animation: animate-x-mark .5s;
animation: animate-x-mark .5s
}
@-webkit-keyframes show-notification {
0% {
-webkit-transform:scale(.5);
transform:scale(.5)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes show-notification {
0% {
-webkit-transform:scale(.5);
transform:scale(.5)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes hide-notification {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:0
}
}
@keyframes hide-notification {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:0
}
}
@-webkit-keyframes animate-checkmark {
0% {
height:0;
width:0;
opacity:0
}
30% {
height:0;
width:1.25rem;
opacity:0
}
60% {
height:2.5rem;
width:1.25rem;
opacity:1
}
100% {
height:2.5rem;
width:1.25rem;
opacity:1
}
}
@keyframes animate-checkmark {
0% {
height:0;
width:0;
opacity:0
}
30% {
height:0;
width:1.25rem;
opacity:0
}
60% {
height:2.5rem;
width:1.25rem;
opacity:1
}
100% {
height:2.5rem;
width:1.25rem;
opacity:1
}
}
@-webkit-keyframes animate-circle {
0% {
color:transparent;
border-color:transparent
}
25% {
color:transparent
}
}
@keyframes animate-circle {
0% {
color:transparent;
border-color:transparent
}
25% {
color:transparent
}
}
@-webkit-keyframes animate-x-mark {
0% {
opacity:0
}
25% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes animate-x-mark {
0% {
opacity:0
}
25% {
opacity:0
}
100% {
opacity:1
}
}
.ui-slider-pips.ui-slider-horizontal {
margin-bottom: 2.125rem;
margin-left:.625rem;
margin-right:.625rem
}
.ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide {
display: none
}
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
display: block
}
.ui-slider-pips .ui-slider-pip {
height:.75rem;
line-height: 1;
font-size:.75rem;
width: 1.25rem;
margin-left:-.75rem;
position: absolute;
overflow: visible;
text-align: center;
top: 1rem;
left: 1rem;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ui-slider-pips .ui-slider-line {
background-color: #777;
width:.0625rem;
height:.1875rem;
position: absolute;
left: 50%
}
.ui-slider-pips .ui-slider-label {
position: absolute;
top:.66667rem;
left: 50%;
width: 1.25rem;
margin-left:-.625rem;
white-space: nowrap;
color: #777
}
.ui-slider-pips.ui-slider-vertical {
margin-left: 1.8125rem;
margin-right: 1.8125rem
}
.ui-slider-pips.ui-slider-vertical .ui-slider-pip {
text-align: left;
top: auto;
left: 1rem;
margin-left: 0;
height: auto
}
.ui-slider-pips.ui-slider-vertical .ui-slider-line {
width:.1875rem;
height:.0625rem;
position: absolute;
top: 50%;
left: 0
}
.ui-slider-pips.ui-slider-vertical .ui-slider-label {
top: 50%;
margin-left: 0;
margin-top:-.375rem;
left:.66667rem
}
.ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
outline: 0
}
.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
position: absolute;
visibility: hidden;
top: -2.625rem;
display: block;
left: 50%;
background-color: #000;
text-align: center;
font-size:.875rem;
color: #fff;
padding:.375rem .75rem;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius:.25rem;
transition: all ease-in-out .15s .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
transition: none
}
}
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:hover .ui-slider-tip {
visibility: visible;
opacity: 1;
transition-delay: .15s
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after, .ui-slider-float .ui-slider-tip:after {
content: '';
border:.25rem solid transparent;
border-top-color: #000;
position: absolute;
bottom:-.5rem;
left: 50%;
margin-left:-.25rem;
width: 0;
height: 0
}
.noUi-target {
position: relative;
background-color: #eee;
border-radius: 50rem;
box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}
.noUi-target, .noUi-target * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.noUi-base, .noUi-connects {
position: relative;
z-index: 1;
width: 100%;
height: 100%
}
.noUi-connects {
overflow: hidden;
z-index: 0;
border-radius: 50rem
}
.noUi-connect, .noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.noUi-state-drag * {
cursor: inherit!important
}
.noUi-connect {
background-color: #45748a;
width: 100%;
height: 100%
}
.noUi-origin {
width: 10%;
height: 10%
}
[disabled] .noUi-target {
opacity: .75
}
[disabled] .noUi-handle {
cursor: default
}
.noUi-horizontal {
height:.375rem
}
.noUi-horizontal .noUi-handle {
top:-.375rem;
right:-.5625rem
}
.noUi-horizontal .noUi-origin {
height: 0;
left: auto;
right: 0
}
.noUi-horizontal.has-pips {
margin-bottom: 2.375rem
}
.noUi-vertical {
display: inline-block;
width:.375rem;
height: 10rem
}
.noUi-vertical+.noUi-vertical {
margin-left: 1.875rem
}
.noUi-vertical .noUi-handle {
top:-.5625rem;
left:-.375rem
}
.noUi-vertical .noUi-origin {
width: 0
}
.noUi-vertical.has-pips {
margin-right: 2.375rem
}
.noUi-draggable {
cursor: w-resize
}
.noUi-vertical .noUi-draggable {
cursor: n-resize
}
.noUi-touch-area {
width: 100%;
height: 100%
}
.noUi-handle {
background-color: #fff;
cursor: pointer;
top:-.375rem;
position: absolute;
z-index: 1;
border: 1px solid #ccc;
outline: 0;
width: 1.125rem;
height: 1.125rem;
border-radius: 50%
}
.noUi-handle, .noUi-handle:after {
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.noUi-handle, .noUi-handle:after {
transition: none
}
}
.noUi-handle:after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top:-.1875rem;
margin-left:-.1875rem;
background-color: #333;
width:.375rem;
height:.375rem;
border-radius: 50%
}
.noUi-handle:focus, .noUi-handle:hover {
background-color: #fafafa
}
.noUi-handle:focus:after, .noUi-handle:hover:after {
background-color: #555
}
.noui-slider-white .noUi-handle:after {
content: none
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
transition: -webkit-transform .15s;
transition: transform .15s;
transition: transform .15s, -webkit-transform .15s
}
@media (prefers-reduced-motion:reduce) {
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
transition: none
}
}
.noui-slider-lg .noUi-handle {
top:-.5rem;
width: 1.5rem;
height: 1.5rem
}
.noui-slider-lg .noUi-handle:after {
margin-top:-.25rem;
margin-left:-.25rem;
width:.5rem;
height:.5rem
}
.noui-slider-lg.noUi-horizontal {
height:.5rem
}
.noui-slider-lg.noUi-horizontal .noUi-handle {
right:-.75rem
}
.noui-slider-lg.noUi-vertical {
width:.5rem
}
.noui-slider-lg.noUi-vertical .noUi-handle {
top:-.75rem;
right:-.5rem
}
.noui-slider-sm .noUi-handle {
top:-.25rem;
width:.75rem;
height:.75rem
}
.noui-slider-sm .noUi-handle:after {
margin-top:-.125rem;
margin-left:-.125rem;
width:.25rem;
height:.25rem
}
.noui-slider-sm.noUi-horizontal {
height:.25rem
}
.noui-slider-sm.noUi-horizontal .noUi-handle {
top:-.25rem;
right:-.375rem
}
.noui-slider-sm.noUi-vertical {
width:.25rem
}
.noui-slider-sm.noUi-vertical .noUi-handle {
top:-.375rem;
right:-.25rem
}
.noui-slider-solid .noUi-handle:after {
background-color: #fff
}
.noui-slider-solid .noUi-handle:focus:after, .noui-slider-solid .noUi-handle:hover:after {
opacity: .75
}
.noui-slider-solid.noui-slider-primary .noUi-handle {
background-color: #2196f3;
border-color: #2196f3
}
.noui-slider-solid.noui-slider-danger .noUi-handle {
background-color: #ef5350;
border-color: #ef5350
}
.noui-slider-solid.noui-slider-success .noUi-handle {
background-color: #25b372;
border-color: #25b372
}
.noui-slider-solid.noui-slider-warning .noUi-handle {
background-color: #f58646;
border-color: #f58646
}
.noui-slider-solid.noui-slider-info .noUi-handle {
background-color: #2cbacc;
border-color: #2cbacc
}
.noui-slider-primary .noUi-connect {
background-color: #2196f3
}
.noui-slider-danger .noUi-connect {
background-color: #ef5350
}
.noui-slider-success .noUi-connect {
background-color: #25b372
}
.noui-slider-warning .noUi-connect {
background-color: #f58646
}
.noui-slider-info .noUi-connect {
background-color: #2cbacc
}
.noUi-tooltip {
position: absolute;
background-color: #000;
color: #fff;
padding:.375rem .75rem;
bottom:.25rem;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 0;
visibility: hidden;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.noUi-tooltip {
transition: none
}
}
.noUi-tooltip:after {
content: '';
border:.25rem solid transparent;
border-top-color: #000;
position: absolute;
left: 50%;
bottom:-.5rem;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
width: 0;
height: 0
}
.noUi-handle:hover .noUi-tooltip {
opacity: 1;
visibility: visible
}
.noUi-pips {
position: absolute;
color: #777
}
.noUi-value {
position: absolute;
text-align: center;
font-size:.75rem;
line-height: 1.8334
}
.noUi-value-sub {
color: #aaa
}
.noUi-marker {
position: absolute;
background-color: #777
}
.noUi-pips-horizontal {
padding-top:.66667rem;
height: 2.375rem;
top: 100%;
left: 0;
width: 100%
}
.noUi-value-horizontal {
padding-top: 1rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.noUi-value-horizontal.noUi-value-sub {
padding-top:.66667rem
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translateX(50%);
transform: translateX(50%)
}
.noUi-marker-horizontal.noUi-marker {
width:.0625rem;
height:.1875rem
}
.noUi-marker-horizontal.noUi-marker-sub {
height:.375rem
}
.noUi-marker-horizontal.noUi-marker-large {
height:.5625rem
}
.noUi-pips-vertical {
padding-left:.66667rem;
height: 100%;
top: 0;
left: 100%
}
.noUi-value-vertical {
padding-left: 1rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.noUi-marker-vertical.noUi-marker {
width:.1875rem;
height:.0625rem
}
.noUi-marker-vertical.noUi-marker-sub {
width:.375rem
}
.noUi-marker-vertical.noUi-marker-large {
width:.5625rem
}
.irs {
position: relative;
display: block;
height: 3.25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
direction: ltr
}
.irs-hidden-input {
position: absolute!important;
display: block!important;
top: 0!important;
left: 0!important;
width: 0!important;
height: 0!important;
font-size: 0!important;
line-height: 0!important;
padding: 0!important;
margin: 0!important;
outline: 0!important;
z-index: -9999!important;
background: 0 0!important;
border-style: solid!important;
border-color: transparent!important
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: 0;
height:.375rem;
top: 2.5rem;
background-color: #eee;
border-radius: 50rem
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute;
display: block;
top: 0
}
.irs-line-left {
left: 0;
width: 11%
}
.irs-line-mid {
left: 9%;
width: 82%
}
.irs-line-right {
right: 0;
width: 11%
}
.irs-bar {
position: absolute;
display: block;
top: 2.5rem;
left: 0;
width: 0;
height:.375rem;
background-color: #45748a;
border-radius: 50rem
}
.irs-bar-edge {
position: absolute;
display: block;
top: 2.5rem;
left: 0;
height:.75rem;
width:.5625rem
}
.irs-shadow {
position: absolute;
display: none;
top: 2.5rem;
left: 0;
width: 0;
height:.375rem;
background-color: #333;
opacity: .25;
border-radius: 50rem
}
.irs-handle {
position: absolute;
display: block;
background-color: #fff;
border: 1px solid #ccc;
cursor: pointer;
top: 2.125rem;
cursor: pointer;
z-index: 1;
width: 1.125rem;
height: 1.125rem;
border-radius: 50rem
}
.irs-handle:after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top:-.1875rem;
margin-left:-.1875rem;
background-color: #333;
width:.375rem;
height:.375rem;
border-radius: 50rem
}
.irs-handle, .irs-handle:after {
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.irs-handle, .irs-handle:after {
transition: none
}
}
.irs-handle:focus, .irs-handle:hover {
background-color: #fafafa
}
.irs-handle:focus:after, .irs-handle:hover:after {
background-color: #555
}
.irs-handle.type_last {
z-index: 2
}
.irs-from, .irs-max, .irs-min, .irs-single, .irs-to {
position: absolute;
display: block;
cursor: default
}
.irs-max, .irs-min {
color: #777;
font-size:.75rem;
line-height: 1;
top: 0;
padding:.375rem;
background-color: #eee;
border-radius:.25rem
}
.irs-min {
left: 0
}
.irs-max {
right: 0
}
.irs-from, .irs-single, .irs-to {
top: 0;
left: 0;
white-space: nowrap;
color: #fff;
font-size:.75rem;
line-height: 1;
padding:.375rem;
top: 0;
background-color: #000;
border-radius:.25rem
}
.irs-from:after, .irs-single:after, .irs-to:after {
content: "";
position: absolute;
display: block;
bottom:-.5rem;
left: 50%;
margin-left:-.25rem;
overflow: hidden;
border:.25rem solid transparent;
border-top-color: #000;
width: 0;
height: 0
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 1.75rem
}
.irs-with-grid {
height: 5.375rem
}
.irs-with-grid .irs-grid {
display: block
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width:.0625rem;
height:.375rem;
background-color: #777
}
.irs-grid-pol.small {
height:.1875rem
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size:.75rem;
color: #777;
line-height: 1;
padding:0 .1875rem
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: 0 0;
z-index: 2
}
.irs-disabled {
opacity: .75
}
.ui-draggable-handle, .ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-sortable .ui-state-disabled {
color: #999;
cursor: default;
opacity: .75
}
.sortable-placeholder {
position: relative
}
.sortable-placeholder:before {
content: '';
display: inline-block;
background-color: rgba(255,255,255,.8);
position: absolute;
left: 0;
top: 0;
border: 1px dashed #ddd;
width: 100%;
height: 100%
}
.card+.sortable-placeholder {
margin-bottom: 1.25rem
}
.sidebar .card+.sortable-placeholder {
margin-bottom: 0
}
.sortable-placeholder+.card {
margin-top: 1.25rem
}
.sidebar .sortable-placeholder+.card {
margin-top: 0
}
.card-group>.sortable-placeholder:before {
border-radius:.25rem
}
.sidebar .sortable-placeholder:before {
border-left: 0;
border-right: 0
}
.sidebar-dark .sortable-placeholder:before {
background-color: rgba(0,0,0,.5)
}
.sidebar-dark .card:not([class*=bg-]):not(.fixed-top).ui-sortable-helper {
background-color: rgba(0,0,0,.5)
}
.sidebar-light .sortable-placeholder:before {
background-color: #fafafa
}
.sidebar-light .card:not([class*=bg-]):not(.fixed-top).ui-sortable-helper {
background-color: #fff
}
.table .ui-sortable-helper {
width: 100%;
display: table
}
.table .sortable-placeholder {
margin: 0
}
.table .sortable-placeholder:before {
content: none
}
.table.ui-sortable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: 0;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-handle.ui-icon {
display: inline-block;
border-style: solid;
border-width:0 0 .375rem .375rem;
border-color: transparent transparent #333 transparent
}
.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height:.4375rem;
width: 100%;
top:-.3125rem;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height:.4375rem;
width: 100%;
bottom:-.3125rem;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width:.4375rem;
right:-.3125rem;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width:.4375rem;
left:-.3125rem;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
right:.0625rem;
bottom:.0625rem
}
.ui-resizable-sw {
cursor: sw-resize;
width:.5625rem;
height:.5625rem;
left:-.3125rem;
bottom:-.3125rem
}
.ui-resizable-nw {
cursor: nw-resize;
width:.5625rem;
height:.5625rem;
left:-.3125rem;
top:-.3125rem
}
.ui-resizable-ne {
cursor: ne-resize;
width:.5625rem;
height:.5625rem;
right:-.3125rem;
top:-.3125rem
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dashed #333
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
margin: 0;
outline: 0;
position: relative;
background-color: #fff;
padding: 1.25rem 1.25rem;
border: 1px solid rgba(0,0,0,.125);
margin-top:.5rem;
border-radius:.25rem
}
.ui-accordion .ui-accordion-header:first-child {
margin-top: 0
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
top: 50%;
right: 1.25rem;
margin-top:-.5rem
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
content: "";
font-family: icomoon;
display: block;
width: 1rem;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {
content: ""
}
.ui-accordion .ui-accordion-icons {
padding-right: 3.5rem
}
.ui-accordion .ui-accordion-content {
padding: 1.25rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.125);
border-top: 0;
overflow: auto;
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem
}
.accordion-sortable-group+.accordion-sortable-group {
margin-top:.5rem
}
.ui-autocomplete {
position: absolute;
display: none;
padding:.5rem 0;
z-index: 1000;
max-height: 250px;
overflow: auto
}
.ui-autocomplete .ui-autocomplete-category {
padding:.5rem 1rem;
font-size:.8125rem;
line-height: 1.6924;
text-transform: uppercase;
font-weight: 700
}
.ui-autocomplete .ui-autocomplete-category~.ui-menu-item .ui-menu-item-wrapper {
padding-left: 2rem
}
.ui-autocomplete-processing:after {
content: "";
font-family: icomoon;
display: inline-block;
position: absolute;
top: 50%;
right:.875rem;
width: 1rem;
text-align: right;
margin-top:-.5rem;
font-size: 1rem;
line-height: 1;
color: inherit;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.input-group .ui-autocomplete-input+.input-group-append>.btn, .input-group .ui-autocomplete-input+.input-group-append>.ui-button, .input-group .ui-datepicker-buttonpane .ui-autocomplete-input+.input-group-append>button, .ui-datepicker-buttonpane .input-group .ui-autocomplete-input+.input-group-append>button {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ui-button, .ui-datepicker-buttonpane button {
position: relative;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
color: #333;
background-color: #f0f2f5;
border: 1px solid #cad1dc;
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.ui-button, .ui-datepicker-buttonpane button {
transition: none
}
}
.ui-button:focus, .ui-button:hover, .ui-datepicker-buttonpane button:focus, .ui-datepicker-buttonpane button:hover {
color: #333;
background-color: #e1e5eb;
border-color: #bac4d1
}
.ui-button.ui-selectmenu-button-open, .ui-button.ui-state-active, .ui-button:active, .ui-datepicker-buttonpane button.ui-selectmenu-button-open, .ui-datepicker-buttonpane button.ui-state-active, .ui-datepicker-buttonpane button:active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.ui-button:focus, .ui-datepicker-buttonpane button:focus {
outline: 0
}
.ui-button.ui-state-disabled, .ui-datepicker-buttonpane button.ui-state-disabled {
cursor: default;
opacity: .65
}
.input-group-prepend>.ui-button, .ui-datepicker-buttonpane .input-group-prepend>button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append>.ui-button, .ui-datepicker-buttonpane .input-group-append>button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ui-button-primary {
color: #fff;
border-color: #2196f3;
background-color: #2196f3
}
.ui-button-primary:focus, .ui-button-primary:hover {
color: #fff;
background-color: #0c83e2;
border-color: #0c83e2
}
.ui-button-primary.ui-selectmenu-button-open, .ui-button-primary.ui-state-active, .ui-button-primary:active {
color: #fff;
background-color: #0c7cd5;
border-color: #0c7cd5
}
.ui-button-danger {
color: #fff;
border-color: #ef5350;
background-color: #ef5350
}
.ui-button-danger:focus, .ui-button-danger:hover {
color: #fff;
background-color: #ec312d;
border-color: #ec312d
}
.ui-button-danger.ui-selectmenu-button-open, .ui-button-danger.ui-state-active, .ui-button-danger:active {
color: #fff;
background-color: #eb2521;
border-color: #eb2521
}
.ui-button-success {
color: #fff;
border-color: #25b372;
background-color: #25b372
}
.ui-button-success:focus, .ui-button-success:hover {
color: #fff;
background-color: #1e935e;
border-color: #1e935e
}
.ui-button-success.ui-selectmenu-button-open, .ui-button-success.ui-state-active, .ui-button-success:active {
color: #fff;
background-color: #1c8957;
border-color: #1c8957
}
.ui-button-warning {
color: #fff;
border-color: #f58646;
background-color: #f58646
}
.ui-button-warning:focus, .ui-button-warning:hover {
color: #fff;
background-color: #f36e22;
border-color: #f36e22
}
.ui-button-warning.ui-selectmenu-button-open, .ui-button-warning.ui-state-active, .ui-button-warning:active {
color: #fff;
background-color: #f26616;
border-color: #f26616
}
.ui-button-info {
color: #fff;
border-color: #2cbacc;
background-color: #2cbacc
}
.ui-button-info:focus, .ui-button-info:hover {
color: #fff;
background-color: #259dad;
border-color: #259dad
}
.ui-button-info.ui-selectmenu-button-open, .ui-button-info.ui-state-active, .ui-button-info:active {
color: #fff;
background-color: #2394a2;
border-color: #2394a2
}
.ui-button.ui-button-link, .ui-datepicker-buttonpane button.ui-button-link {
color: #2196f3
}
.ui-button.ui-button-link:focus, .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:hover {
color: #0a6ebd!important
}
.ui-button.ui-button-link, .ui-button.ui-button-link:active, .ui-button.ui-button-link:focus, .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link, .ui-datepicker-buttonpane button.ui-button-link:active, .ui-datepicker-buttonpane button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:hover {
background-color: transparent!important;
border-color: transparent!important
}
.ui-button::-moz-focus-inner, .ui-datepicker-buttonpane button::-moz-focus-inner {
border:0;
padding:0
}
.ui-button .ui-button-icon-space, .ui-datepicker-buttonpane button .ui-button-icon-space {
display: inline-block;
width:.625rem
}
.ui-button-icon-only {
text-indent: -9999px;
padding-left: 1.125rem;
padding-right: 1.125rem;
overflow: hidden
}
.ui-button-icon-only .ui-icon {
position: absolute;
left: 50% !important;
top: 50% !important;
margin-top: 0px !important;
margin-left: 0px !important;
text-indent: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ui-button-icon-only .ui-button-icon-space, .ui-button-icon-only .ui-button-text {
display: none
}
.ui-controlgroup {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.ui-controlgroup .ui-button, .ui-controlgroup .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .ui-controlgroup button {
margin-left: -1px;
border-radius: 0
}
.ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-datepicker-buttonpane .ui-helper-hidden-accessible:first-child+button, .ui-controlgroup .ui-datepicker-buttonpane button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child+.ui-button, .ui-datepicker-buttonpane .ui-controlgroup .ui-helper-hidden-accessible:first-child+button, .ui-datepicker-buttonpane .ui-controlgroup button:first-child {
margin-left: 0
}
.ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-datepicker-buttonpane .ui-helper-hidden-accessible:first-child+button:not(:last-child), .ui-controlgroup .ui-datepicker-buttonpane button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child+.ui-button:not(:last-child), .ui-datepicker-buttonpane .ui-controlgroup .ui-helper-hidden-accessible:first-child+button:not(:last-child), .ui-datepicker-buttonpane .ui-controlgroup button:first-child {
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.ui-controlgroup .ui-button:last-child, .ui-controlgroup .ui-controlgroup-item:last-of-type, .ui-controlgroup .ui-datepicker-buttonpane button:last-child, .ui-datepicker-buttonpane .ui-controlgroup button:last-child {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.ui-checkboxradio-label.ui-checkboxradio-checked {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.ui-checkboxradio-label.ui-button-primary.ui-checkboxradio-checked {
color: #fff;
background-color: #0c7cd5;
border-color: #0c7cd5
}
.ui-checkboxradio-label.ui-button-danger.ui-checkboxradio-checked {
color: #fff;
background-color: #eb2521;
border-color: #eb2521
}
.ui-checkboxradio-label.ui-button-success.ui-checkboxradio-checked {
color: #fff;
background-color: #1c8957;
border-color: #1c8957
}
.ui-checkboxradio-label.ui-button-warning.ui-checkboxradio-checked {
color: #fff;
background-color: #f26616;
border-color: #f26616
}
.ui-checkboxradio-label.ui-button-info.ui-checkboxradio-checked {
color: #fff;
background-color: #2394a2;
border-color: #2394a2
}
.ui-checkboxradio-label.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-datepicker {
min-width: 270px;
padding:.9375rem
}
.ui-datepicker:not(.ui-datepicker-inline) {
display: none;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
z-index: 1070!important;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.sidebar .ui-datepicker {
min-width: 0
}
.ui-datepicker a {
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-datepicker a {
transition: none
}
}
.ui-datepicker .ui-datepicker-header {
position: relative
}
.ui-datepicker .ui-datepicker-title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding-top:.46875rem;
padding-bottom:.46875rem;
font-size: 1rem;
margin-left: 2.8125rem;
margin-right: 2.8125rem
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
font-weight: 500
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
font-size: 85%;
color: #999;
margin-left:.46875rem
}
.ui-datepicker .ui-datepicker-title select {
outline: 0;
height:calc(1.6924em + .625rem + 2px);
border-color: #ddd;
-ms-flex: 1;
flex: 1
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
color: #333;
background-color: #fff;
font-size:.875rem;
font-weight: 400
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 50%;
margin-top:-.9375rem;
line-height: 1;
color: #333;
padding:.4375rem;
cursor: pointer;
border-radius:.25rem
}
.ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after {
font-family: icomoon;
display: block;
font-size: 1rem;
width: 1rem;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
display: none
}
.ui-datepicker .ui-datepicker-prev {
left: 0
}
.ui-datepicker .ui-datepicker-prev:after {
content: ""
}
[dir=rtl] .ui-datepicker .ui-datepicker-prev:after {
content: ""
}
.ui-datepicker .ui-datepicker-next {
right: 0
}
.ui-datepicker .ui-datepicker-next:after {
content: ""
}
[dir=rtl] .ui-datepicker .ui-datepicker-next:after {
content: ""
}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
color: #333;
background-color: #eee
}
.ui-datepicker .ui-datepicker-calendar {
width: 100%;
border-collapse: collapse;
margin: 0
}
.ui-datepicker .ui-datepicker-calendar th {
text-align: center;
font-weight: 400;
padding-top:.9375rem;
padding-bottom:.4375rem;
font-size:.8125rem;
color: #999
}
.ui-datepicker .ui-datepicker-calendar td {
text-align: center
}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
display: block;
position: relative;
text-decoration: none;
min-width: 2.25rem;
color: #333;
padding:.4375rem;
border-radius:.25rem
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
color: #333;
background-color: #eee
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
color: #999;
background-color: transparent
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col {
min-width: 2.25rem;
padding:.4375rem;
color: #999
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active {
color: #fff;
background-color: #26a69a
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight {
color: #333;
background-color: #f5f5f5
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight:after {
content: "";
position: absolute;
top:.14583rem;
right:.14583rem;
border-top:.4375rem solid #767676;
border-left:.4375rem solid transparent;
width: 0;
height: 0
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month .ui-priority-secondary {
color: #999
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
text-align: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto!important
}
.ui-datepicker-buttonpane {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top:.9375rem
}
.ui-datepicker-inline {
max-width: 100%;
overflow-x: auto
}
.ui-datepicker-trigger {
position: absolute;
top: 4px;
right: 5px;
z-index: 4;
padding: 6px;
cursor: pointer
}
.ui-datepicker-row-break {
clear: both;
width: 100%
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group+.ui-datepicker-group {
padding-left:.9375rem
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 46%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-dialog {
position: fixed;
top: 0;
left: 0;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
border-radius:.3125rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
@media (max-width:768.98px) {
.ui-dialog {
width: 90%!important
}
}
.ui-dialog-titlebar {
display: -ms-flexbox;
/* display: flex; */
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.25rem 1.25rem;
padding-bottom: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-dialog-title {
display: block;
font-size: 1rem;
line-height: 1.5715
}
.ui-dialog-titlebar-close {
margin-left: auto;
background-color: transparent;
padding: 0;
border: 0;
font-size: 0;
text-indent: 0
}
.ui-dialog-titlebar-close:after {
content: "";
font-family: icomoon;
display: block;
width:.875rem;
font-size:.875rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ui-dialog-titlebar-close:focus, .ui-dialog-titlebar-close:hover {
background-color: transparent!important;
box-shadow: none
}
.ui-dialog-content {
position: relative;
overflow: auto;
padding: 1.25rem
}
.ui-dialog-content .form-group:last-child, .ui-dialog-content p:last-child {
margin-bottom: 0
}
.ui-dialog-buttonpane {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1.25rem;
padding-top: 0
}
.ui-dialog-buttonpane button+button {
margin-left:.625rem
}
.ui-menu {
list-style: none;
padding:.5rem 0;
margin: 0;
display: block;
outline: 0;
min-width: 12.5rem;
white-space: nowrap;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
z-index: 1000;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.ui-menu .ui-menu {
position: absolute;
top:-.4375rem!important
}
.ui-menu .ui-menu-item {
margin: 0;
position: relative;
cursor: pointer
}
.ui-menu .ui-menu-item i {
margin-right: 1rem
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding:.5rem 1rem;
outline: 0;
color: #333;
overflow: hidden;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-menu .ui-menu-item-wrapper {
transition: none
}
}
.ui-menu .ui-menu-item-wrapper>.ui-menu-icon {
position: absolute;
top: 50%;
margin-top:-.5rem;
right: 1rem
}
.ui-menu .ui-menu-item-wrapper>.ui-menu-icon:after {
content: "";
font-family: icomoon;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[dir=rtl] .ui-menu .ui-menu-item-wrapper>.ui-menu-icon:after {
content: ""
}
.ui-menu .ui-menu-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding:.5rem 1rem;
font-size:.8125rem;
line-height: 1.6924;
text-transform: uppercase;
color: #999;
margin-top:.25rem;
margin-bottom:.25rem
}
.ui-menu .ui-menu-header.highlight {
margin-top: 0;
background-color: #f8f8f8
}
.ui-menu .highlight+.ui-menu-item, .ui-menu .ui-menu-item+.highlight {
margin-top:.5rem
}
.ui-menu .ui-menu-header>i, .ui-menu .ui-menu-item-wrapper>i {
top: 0;
margin-top:.1875rem;
margin-right: 1rem
}
.ui-menu .ui-menu-divider {
margin:.5rem 0;
height: 0;
font-size: 0;
overflow: hidden;
border-top: 1px solid #ddd
}
.ui-menu .ui-state-disabled .ui-menu-item-wrapper {
color: #999;
background-color: transparent;
cursor: default
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
color: #333;
background-color: #eee
}
.ui-progressbar {
display: -ms-flexbox;
display: flex;
height: 1.25rem;
overflow: hidden;
font-size:.75rem;
background-color: #eee;
border-radius:.25rem;
box-shadow:inset 0 .0625rem .0625rem rgba(0,0,0,.1)
}
.ui-progressbar-value {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
background-color: #2196f3;
background-size: 1.25rem 1.25rem;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.ui-progressbar-value {
transition: none
}
}
.ui-progressbar-striped .ui-progressbar-value {
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.ui-progressbar-active .ui-progressbar-value {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
max-height: 340px;
overflow-y: auto;
overflow-x: hidden
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size:.8125rem;
font-weight: 500;
line-height: 1.6924;
padding:.5rem 1rem;
text-transform: uppercase;
height: auto;
border: 0
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup~.ui-menu-item .ui-menu-item-wrapper {
padding-left: 2rem
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-button {
text-decoration: none;
text-align: left;
outline: 0
}
:not(.ui-controlgroup)>.ui-selectmenu-button {
display: inline-block;
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border-radius:.25rem
}
:not(.ui-controlgroup)>.ui-selectmenu-button .ui-selectmenu-button-open, :not(.ui-controlgroup)>.ui-selectmenu-button:not(.ui-selectmenu-disabled):focus {
border-color: #2196f3
}
.ui-selectmenu-button:not(.ui-button-icon-only) {
padding:.4375rem .875rem;
padding-right: 2.75rem
}
.ui-selectmenu-button:after {
content: "";
font-family: icomoon;
display: inline-block;
position: absolute;
top: 50%;
right:.875rem;
text-align: center;
font-size: 1rem;
line-height: 1;
color: inherit;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ui-selectmenu-button.ui-button-icon-only:after {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%)
}
.ui-selectmenu-button .ui-selectmenu-text {
display: block;
text-transform: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ui-selectmenu-disabled {
cursor: default;
background-color: #fafafa
}
.ui-selectmenu-disabled:focus, .ui-selectmenu-disabled:hover {
box-shadow: none
}
.ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text {
padding:.5625rem 1rem;
padding-right: 3rem;
font-size:.9375rem;
line-height: 1.4667
}
.ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text {
padding:.3125rem .75rem;
padding-right: 2.5rem;
font-size:.8125rem;
line-height: 1.6924
}
.ui-selectmenu-images .ui-menu-item span {
display: inline-block;
margin-right: 1rem;
background-size: 1.375rem 1.375rem;
float: left;
width: 1.375rem;
height: 1.375rem;
border-radius:.25rem
}
.ui-selectmenu-images .demo-img-amazon {
background: url(../../../../../../global_assets/images/brands/amazon.svg) no-repeat
}
.ui-selectmenu-images .demo-img-youtube {
background: url(../../../../../../global_assets/images/brands/youtube.svg) no-repeat
}
.ui-selectmenu-images .demo-img-twitter {
background: url(../../../../../../global_assets/images/brands/twitter.svg) no-repeat
}
.ui-selectmenu-images .demo-img-bing {
background: url(../../../../../../global_assets/images/brands/bing.svg) no-repeat
}
.ui-selectmenu-images .demo-img-spotify {
background: url(../../../../../../global_assets/images/brands/spotify.svg) no-repeat
}
.ui-slider {
position: relative;
text-align: left;
background-color: #eee;
border-radius: 50rem;
box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
cursor: pointer;
background-color: #fff;
border: 1px solid #ccc;
outline: 0;
width: 1.125rem;
height: 1.125rem;
border-radius: 50rem;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-slider .ui-slider-handle {
transition: none
}
}
.ui-slider .ui-slider-handle.ui-state-focus, .ui-slider .ui-slider-handle.ui-state-hover {
background-color: #fafafa
}
.ui-slider .ui-slider-handle.ui-state-focus:after, .ui-slider .ui-slider-handle.ui-state-hover:after {
background-color: #555
}
.ui-slider .ui-slider-handle:after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top:-.1875rem;
margin-left:-.1875rem;
background-color: #333;
width:.375rem;
height:.375rem;
border-radius: 50rem;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-slider .ui-slider-handle:after {
transition: none
}
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
background-color: #45748a;
border-radius: 50rem
}
.ui-slider.ui-slider-disabled {
opacity: .75
}
.ui-slider.ui-slider-disabled .ui-slider-handle {
cursor: default
}
.ui-slider-horizontal {
height:.375rem
}
.ui-slider-horizontal .ui-slider-handle {
top:-.375rem;
margin-left:-.5625rem
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width:.375rem;
height: 150px;
display: inline-block;
margin:0 .625rem
}
.ui-slider-vertical .ui-slider-handle {
left:-.375rem;
margin-bottom:-.5625rem
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-slider-solid .ui-slider-handle:after {
background-color: #fff;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-slider-solid .ui-slider-handle:after {
transition: none
}
}
.ui-slider-solid .ui-slider-handle.ui-state-active:after, .ui-slider-solid .ui-slider-handle.ui-state-focus:after, .ui-slider-solid .ui-slider-handle.ui-state-hover:after {
background-color: #fff;
opacity: .75
}
.ui-handle-white .ui-slider-handle:after {
content: none
}
.ui-slider-lg .ui-slider-handle {
width: 1.5rem;
height: 1.5rem
}
.ui-slider-lg .ui-slider-handle:after {
margin-top:-.25rem;
margin-left:-.25rem;
width:.5rem;
height:.5rem
}
.ui-slider-lg.ui-slider-horizontal {
height:.5rem
}
.ui-slider-lg.ui-slider-horizontal .ui-slider-handle {
top:-.5rem;
margin-left:-.75rem
}
.ui-slider-lg.ui-slider-vertical {
width:.5rem
}
.ui-slider-lg.ui-slider-vertical .ui-slider-handle {
left:-.5rem;
margin-bottom:-.75rem
}
.ui-slider-sm .ui-slider-handle {
width:.75rem;
height:.75rem
}
.ui-slider-sm .ui-slider-handle:after {
margin-top:-.125rem;
margin-left:-.125rem;
width:.25rem;
height:.25rem
}
.ui-slider-sm.ui-slider-horizontal {
height:.25rem
}
.ui-slider-sm.ui-slider-horizontal .ui-slider-handle {
top:-.25rem;
margin-left:-.375rem
}
.ui-slider-sm.ui-slider-vertical {
width:.25rem
}
.ui-slider-sm.ui-slider-vertical .ui-slider-handle {
left:-.25rem;
margin-bottom:-.375rem
}
.ui-slider-primary .ui-slider-range, .ui-slider-solid.ui-slider-primary .ui-slider-handle {
background-color: #2196f3;
border-color: #2196f3
}
.ui-slider-danger .ui-slider-range, .ui-slider-solid.ui-slider-danger .ui-slider-handle {
background-color: #ef5350;
border-color: #ef5350
}
.ui-slider-solid.ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-range {
background-color: #25b372;
border-color: #25b372
}
.ui-slider-solid.ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-range {
background-color: #f58646;
border-color: #f58646
}
.ui-slider-info .ui-slider-range, .ui-slider-solid.ui-slider-info .ui-slider-handle {
background-color: #2cbacc;
border-color: #2cbacc
}
.ui-spinner {
position: relative;
display: -ms-flexbox;
display: flex;
width: 100%
}
.ui-spinner-input {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ui-spinner-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-radius: 0
}
.ui-spinner-button:after {
font-family: icomoon;
position: absolute;
left: 50%;
top: 50%;
width: 1rem;
font-size: 1rem;
line-height: 1;
text-indent: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ui-spinner-button:last-child {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.ui-spinner-button>span {
display: none
}
.ui-spinner-button+.ui-spinner-button {
border-left: 0
}
.ui-spinner-up:after {
content: ""
}
.ui-spinner-down:after {
content: ""
}
.ui-tabs {
position: relative
}
.ui-tabs .ui-tabs-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1.25rem;
border-bottom: 1px solid #ddd
}
.ui-tabs .ui-tabs-tab {
list-style: none;
position: relative;
padding: 0;
margin-bottom: -1px
}
.ui-tabs .ui-tabs-anchor {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
color: #777;
padding:.75rem 1.25rem;
border: 1px solid transparent;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-tabs .ui-tabs-anchor {
transition: none
}
}
.ui-tabs .ui-tabs-anchor:before {
content: '';
position: absolute;
height: 2px;
top: -1px;
left: -1px;
right: -1px;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.ui-tabs .ui-tabs-anchor:before {
transition: none
}
}
.ui-tabs .ui-tabs-anchor i {
top: 0;
margin-top:.1875rem
}
.ui-tabs .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled), .ui-tabs .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled) {
color: #333
}
.ui-tabs .ui-tabs-active .ui-tabs-anchor {
color: #333;
background-color: #fff;
border-color: #ddd #ddd #fff
}
.ui-tabs .ui-tabs-active .ui-tabs-anchor:before {
background-color: #2196f3
}
.ui-tabs .ui-state-disabled {
color: #999;
background-color: transparent;
border-color: transparent;
cursor: default
}
.ui-tabs .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor {
border-color: #ddd
}
.ui-tabs .ui-tabs-panel {
display: block
}
.ui-tooltip {
position: absolute;
z-index: 1070;
max-width: 200px;
padding:.375rem .75rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius:.25rem
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: .35;
width: 100%;
height: 100%
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
list-style: none
}
.ui-helper-clearfix::after {
display: block;
clear: both;
content: ""
}
.ui-helper-zfix {
top: 0;
left: 0;
position: absolute;
opacity: 0;
width: 100%;
height: 100%
}
.ui-front {
z-index: 1040
}
code[class*=language-], pre[class*=language-] {
text-shadow: 0 1px #fff;
word-break: break-all;
line-height: 1.5;
background-color: transparent;
direction: ltr
}
@media print {
code[class*=language-], pre[class*=language-] {
text-shadow: none
}
}
.token.cdata, .token.comment, .token.doctype, .token.prolog, .token.punctuation {
color: #999
}
.token.boolean, .token.constant, .token.number, .token.property, .token.symbol, .token.tag {
color: #905
}
.token.attr-name, .token.builtin, .token.selector, .token.string {
color: #690
}
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url, .token.variable {
color: #a67f59;
background: rgba(255,255,255,.5)
}
.token.atrule, .token.attr-value, .token.keyword {
color: #07a
}
.token.function {
color: #dd4a68
}
.token.important, .token.regex {
color: #e90
}
.token.important {
font-weight: 700
}
.token.entity {
cursor: help
}
.namespace {
opacity: .7
}
.line-highlight {
position: absolute;
left: 0;
right: 0;
margin-top: 1.25rem;
background: rgba(103,139,220,.12);
pointer-events: none;
white-space: pre;
line-height: inherit
}
.line-highlight:after, .line-highlight:before {
content: attr(data-start);
position: absolute;
top: 0;
left: 10px;
padding: 2px;
text-align: center;
font-size: 10px;
color: #999
}
.line-highlight[data-end]:after {
content: attr(data-end);
top: auto;
bottom: 0
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
width: 36px;
letter-spacing: -1px;
left: -50px;
border-right: 1px solid #999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.line-numbers .line-numbers-rows>span {
pointer-events: none;
display: block;
counter-increment: linenumber
}
.line-numbers .line-numbers-rows>span:before {
content: counter(linenumber);
color: #999;
display: block;
padding-right: 10px;
text-align: right
}
pre.line-numbers {
position: relative;
padding-left: 50px;
counter-reset: linenumber
}
pre.line-numbers>code {
position: relative
}
pre[class*=language-] {
overflow: auto;
position: relative;
background-color: #fdfdfd;
background-image: linear-gradient(transparent 50%, rgba(20,90,146,.03) 50%);
background-size: 3em 3em;
background-origin: content-box;
font-size:.75rem;
border-left-width: 0;
box-shadow: 3px 0 0 0 #2196f3 inset;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
pre[data-line] {
position: relative;
padding-left: 36px
}
pre code {
padding: 0
}
.code-toolbar {
position: relative
}
.code-toolbar>.toolbar {
display: inline-block;
position: absolute;
top: 10px;
text-shadow: none;
right: 10px
}
.code-toolbar>.toolbar .toolbar-item, .code-toolbar>.toolbar span {
display: inline-block
}
.code-toolbar>.toolbar a {
cursor: pointer
}
.code-toolbar>.toolbar button {
background: 0 0;
border: 0;
color: inherit;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
line-height: normal;
overflow: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius:.25rem;
background-color: #fff;
color: #252b36;
border: 1px solid #252b36;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.code-toolbar>.toolbar button {
transition: none
}
}
.code-toolbar>.toolbar button:focus, .code-toolbar>.toolbar button:hover {
background-color: #252b36;
color: #fff
}
.code-toolbar>.toolbar a, .code-toolbar>.toolbar button, .code-toolbar>.toolbar span {
padding:.5rem .75rem;
font-size:.8125rem;
outline: 0
}
.code-toolbar>.toolbar a:focus, .code-toolbar>.toolbar a:hover, .code-toolbar>.toolbar button:focus, .code-toolbar>.toolbar button:hover, .code-toolbar>.toolbar span:focus, .code-toolbar>.toolbar span:hover {
text-decoration: none
}
.slinky-menu {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.slinky-menu>ul {
left: 0;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.slinky-menu ul {
width: 100%
}
.slinky-menu ul.active {
max-height: 340px;
overflow-y: auto
}
.slinky-menu li+li:not(.dropdown-item):not(.dropdown-divider) {
margin-top: 1px
}
.slinky-menu li ul {
display: none;
left: 100%;
position: absolute;
top: 0
}
.slinky-menu .header {
display: -ms-flexbox;
display: flex;
position: relative;
color: #2196f3;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.slinky-menu .header {
transition: none
}
}
.slinky-menu .header:focus, .slinky-menu .header:hover {
color: #0a6ebd
}
.slinky-menu .header .title {
-ms-flex: 1;
flex: 1;
padding:.5rem 1rem;
padding-left: 3rem
}
.slinky-menu .back:after, .slinky-menu .back:before, .slinky-menu .next:after, .slinky-menu .next:before {
font-family: icomoon;
position: absolute;
top: 50%;
margin-top:-.5rem;
font-size: 1rem;
line-height: 1;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slinky-menu .next {
padding-right: 2.5rem
}
.slinky-menu .next:after {
content: "";
right: 1rem
}
[dir=rtl] .slinky-menu .next:after {
content: ""
}
.slinky-menu .back {
position: absolute;
padding:.5rem 1rem;
color: inherit;
width: 100%;
height: 100%
}
.slinky-menu .back:before {
content: "";
left: 1rem
}
[dir=rtl] .slinky-menu .back:before {
content: ""
}
.headroom {
transition: box-shadow ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: transform ease-in-out .2s, box-shadow ease-in-out .2s;
transition: transform ease-in-out .2s, box-shadow ease-in-out .2s, -webkit-transform ease-in-out .2s;
will-change: transform
}
.navbar-slide-top.headroom--pinned {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.navbar-slide-top.headroom--unpinned {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
box-shadow: none
}
.navbar-slide-bottom.headroom--pinned {
-webkit-transform: translateY(100%);
transform: translateY(100%);
box-shadow: none
}
.navbar-slide-bottom.headroom--unpinned {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.gu-mirror {
position: fixed!important;
margin: 0!important;
z-index: 9999!important;
opacity: .8
}
.gu-unselectable.dropdown-menu li:nth-last-child(2) {
margin-bottom: 0
}
.nav-pills-toolbar>li.gu-mirror:not(.active)>a {
border: 0
}
.gu-hide {
display: none!important
}
.gu-unselectable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.gu-transit {
opacity: .5
}
.dragula-handle {
color: #999;
cursor: move
}
.dragula-handle:focus, .dragula-handle:hover {
color: #333
}
.fab-menu {
position: relative;
display: inline-block;
white-space: nowrap;
padding: 0;
margin: 0;
list-style: none;
z-index: 997
}
.page-header>.fab-menu {
bottom: -1.5rem
}
.navbar .fab-menu {
-webkit-transform: scale(.85);
transform: scale(.85)
}
@media (min-width:992px) {
.navbar .fab-menu {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.fab-menu-absolute {
position: absolute
}
.fab-menu-fixed {
position: fixed;
z-index: 998
}
.content-wrapper>.fab-menu-top-left, .content-wrapper>.fab-menu-top-right {
top: -1.5rem
}
.navbar>.fab-menu-top-left, .navbar>.fab-menu-top-right {
bottom: -1.5rem
}
.fab-menu-bottom-left, .fab-menu-bottom-right {
bottom: 1.25rem;
transition: bottom ease-in-out .15s
}
.fab-menu-bottom-left.reached-bottom, .fab-menu-bottom-right.reached-bottom {
bottom: 6rem
}
.navbar>.fab-menu-bottom-left, .navbar>.fab-menu-bottom-right {
top: -1.5rem
}
.fab-menu-bottom-right, .fab-menu-top-right {
right: 1.25rem
}
.fab-menu-inner {
list-style: none;
margin: 0;
padding: 0
}
.fab-menu-inner>li {
display: block;
position: absolute;
top:.125rem;
left: 0;
right: 0;
text-align: center;
padding-top: 1.25rem;
margin-top: -1.25rem
}
.fab-menu-inner>li .btn {
border-width: 0;
box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)
}
.fab-menu-inner>li .btn.focus, .fab-menu-inner>li .btn:focus, .fab-menu-inner>li .btn:hover, .fab-menu-inner>li .btn:not(:disabled):not(.disabled).active, .fab-menu-inner>li .btn:not(:disabled):not(.disabled):active {
box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)!important
}
.fab-menu-inner>li .btn-float {
padding: 0;
width: 2.75rem;
height: 2.75rem
}
.fab-menu-inner>li .btn-float>i {
margin:.875rem
}
.fab-menu-inner>li .show>.btn-float.dropdown-toggle {
box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)
}
.fab-menu-inner>li .dropleft .btn:after, .fab-menu-inner>li .dropleft .btn:before, .fab-menu-inner>li .dropright .btn:after, .fab-menu-inner>li .dropright .btn:before {
content: none
}
.fab-menu-inner>li .badge {
position: absolute;
top:.75rem;
right:-.25rem
}
.fab-menu-inner>li .badge-mark {
top: 1.25rem;
right: 0
}
.fab-menu-bottom-left .fab-menu-inner>li, .fab-menu-bottom-right .fab-menu-inner>li {
padding-top: 0;
margin-top: 0;
padding-bottom: 1.25rem;
margin-bottom: -1.25rem
}
.fab-menu-bottom-left .fab-menu-inner>li .badge, .fab-menu-bottom-right .fab-menu-inner>li .badge {
top:-.5rem
}
.fab-menu-bottom-left .fab-menu-inner>li .badge-mark, .fab-menu-bottom-right .fab-menu-inner>li .badge-mark {
top: 0
}
.fab-menu-btn {
z-index: 999;
border-width: 0;
box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)
}
.fab-menu-btn.btn-float {
padding: 1.5rem
}
.fab-menu-btn.btn-float>i {
position: absolute;
top: 50%;
left: 50%;
margin-top:-.5rem;
margin-left:-.5rem
}
.fab-menu-btn:focus, .fab-menu-btn:hover, .fab-menu-btn:not(:disabled):not(.disabled).active, .fab-menu-btn:not(:disabled):not(.disabled):active, .fab-menu-btn:not(:disabled):not(.disabled):active:focus, .fab-menu[data-fab-state=open] .fab-menu-btn, .fab-menu[data-fab-toggle=hover]:hover .fab-menu-btn {
box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)
}
.fab-menu-btn.disabled, .fab-menu-btn:disabled {
box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)
}
.fab-icon-close, .fab-icon-open {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transition: all ease-in-out .3s
}
.fab-menu[data-fab-state=open] .fab-icon-close, .fab-menu[data-fab-state=open] .fab-icon-open, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-close, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-open {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.fab-menu[data-fab-state=open] .fab-icon-open, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-open {
opacity: 0
}
.fab-icon-close {
opacity: 0
}
.fab-menu[data-fab-state=open] .fab-icon-close, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-close {
opacity: 1
}
.fab-menu .fab-menu-inner>li {
visibility: hidden;
opacity: 0;
transition: all ease-in-out .3s
}
.fab-menu .fab-menu-inner>li:nth-child(1) {
transition-delay: 50ms
}
.fab-menu .fab-menu-inner>li:nth-child(2) {
transition-delay: .1s
}
.fab-menu .fab-menu-inner>li:nth-child(3) {
transition-delay: .15s
}
.fab-menu .fab-menu-inner>li:nth-child(4) {
transition-delay: .2s
}
.fab-menu .fab-menu-inner>li:nth-child(5) {
transition-delay: .25s
}
.fab-menu[data-fab-state=open] .fab-menu-inner>li, .fab-menu[data-fab-toggle=hover]:hover .fab-menu-inner>li {
visibility: visible;
opacity: 1
}
.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) {
top: 4.25rem
}
.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) {
top: 8.25rem
}
.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) {
top: 12.25rem
}
.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) {
top: 16.25rem
}
.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) {
top: 20.25rem
}
.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) {
top: -3.75rem
}
.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) {
top: -7.75rem
}
.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) {
top: -11.75rem
}
.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) {
top: -15.75rem
}
.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) {
top: -19.75rem
}
.fab-menu-inner div[data-fab-label]:after {
content: attr(data-fab-label);
position: absolute;
top: 50%;
margin-top:-.375rem;
right: 4.125rem;
color: #fff;
background-color: #000;
padding:.375rem .75rem;
visibility: hidden;
opacity: 0;
box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: all ease-in-out .3s;
border-radius:.25rem
}
.fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after {
margin-top: -1.625rem
}
.fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-inner div[data-fab-label].fab-label-right:after, .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after {
right: auto;
left: 4.125rem
}
.fab-menu[data-fab-state=open] .fab-menu-inner div[data-fab-label]:hover:after, .fab-menu[data-fab-toggle=hover] .fab-menu-inner div[data-fab-label]:hover:after {
visibility: visible;
opacity: 1
}
.fab-menu-inner div[data-fab-label].fab-label-light:after {
background-color: #fff;
color: #333
}
.fab-menu-inner div[data-fab-label].fab-label-visible:after {
visibility: visible;
opacity: 1
}
.fancytree-container {
list-style: none;
white-space: nowrap;
padding: 0;
margin: 0;
overflow: auto;
position: relative
}
.fancytree-container:focus {
outline: 0
}
.fancytree-container ul {
list-style: none;
padding-left: 1rem;
margin: 0
}
.ui-fancytree-disabled .fancytree-container {
opacity: .6
}
.ui-fancytree-disabled .fancytree-container, .ui-fancytree-disabled .fancytree-expander, .ui-fancytree-disabled .fancytree-title {
cursor: default
}
.ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title {
background-color: #eee;
color: #333
}
.fancytree-checkbox:after, .fancytree-drag-helper-img:after, .fancytree-drop-after:after, .fancytree-drop-before:after, .fancytree-expander:after, .fancytree-icon:after, .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after {
font-family: icomoon;
display: inline-block;
font-size: 1rem;
line-height: 1;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fancytree-custom-icon, .fancytree-expander, .fancytree-icon {
display: inline-block;
vertical-align: top;
margin-left:.5rem;
margin-top:.4375rem;
width: 1rem;
height: 1rem
}
.fancytree-checkbox {
vertical-align: top;
margin-top:.3125rem;
margin-left:.5rem
}
img.fancytree-icon {
border: 0
}
.fancytree-expander {
cursor: pointer
}
.fancytree-exp-c .fancytree-expander:after {
content: ""
}
.fancytree-exp-cl .fancytree-expander:after {
content: ""
}
.fancytree-exp-cd .fancytree-expander:after, .fancytree-exp-cdl .fancytree-expander:after {
content: ""
}
.fancytree-exp-e .fancytree-expander:after, .fancytree-exp-ed .fancytree-expander:after {
content: ""
}
.fancytree-exp-edl .fancytree-expander:after, .fancytree-exp-el .fancytree-expander:after {
content: ""
}
.fancytree-statusnode-error .fancytree-icon:after {
content: ""
}
.fancytree-loading .fancytree-expander, .fancytree-statusnode-wait .fancytree-icon {
margin-left: auto;
margin-right: auto;
display: inline-block;
text-align: center;
width: 1rem;
height: 1rem
}
.fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after {
content: "";
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after {
transition: none
}
}
.fancytree-ico-c .fancytree-icon:after, .fancytree-ico-e .fancytree-icon:after {
content: ""
}
.fancytree-has-children.fancytree-ico-c .fancytree-icon:after {
content: ""
}
.fancytree-has-children.fancytree-ico-e .fancytree-icon:after {
content: ""
}
.fancytree-ico-cf .fancytree-icon:after, .fancytree-ico-ef .fancytree-icon:after {
content: ""
}
.fancytree-has-children.fancytree-ico-cf .fancytree-icon:after {
content: ""
}
.fancytree-has-children.fancytree-ico-ef .fancytree-icon:after {
content: ""
}
.fancytree-checkbox {
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ddd;
background-color: #fff;
display: inline-block;
text-align: center;
position: relative;
cursor: pointer;
border-radius:.1875rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.fancytree-checkbox {
transition: none
}
}
.fancytree-checkbox:after {
content: '';
position: absolute;
width: 1.25rem;
height: 1.25rem;
top: -2px;
left: -2px;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e") no-repeat 50%/50% 50%;
opacity: 0;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fancytree-checkbox:after {
transition: none
}
}
.fancytree-partsel .fancytree-checkbox:after, .fancytree-radio .fancytree-checkbox:after, .fancytree-selected .fancytree-checkbox:after {
opacity: 1
}
.fancytree-partsel .fancytree-checkbox, .fancytree-selected .fancytree-checkbox {
border-color: #2196f3;
background-color: #2196f3
}
.fancytree-has-children:not(.fancytree-selected) .fancytree-checkbox:after {
background-image: none
}
.fancytree-partsel.fancytree-has-children:not(.fancytree-selected) .fancytree-checkbox:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.fancytree-radio .fancytree-checkbox {
border-radius: 50%
}
.fancytree-radio .fancytree-checkbox:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.fancytree-drag-helper .fancytree-title {
padding-right: 2rem;
border: 1px solid #ddd;
background-color: #fff;
opacity: .8;
margin: 0
}
.fancytree-drag-helper-img:after {
position: absolute;
top: 50%;
margin-top:-.5rem;
right:.5rem;
z-index: 10
}
.fancytree-drop-accept .fancytree-drag-helper-img:after {
content: "";
color: #25b372
}
.fancytree-drop-reject .fancytree-drag-helper-img:after {
content: "";
color: #ef5350
}
#fancytree-drop-marker.fancytree-drop-after, #fancytree-drop-marker.fancytree-drop-before {
width: 15rem;
border-top: 1px solid #999;
position: absolute!important
}
.fancytree-drag-source {
opacity: .5
}
.fancytree-drop-target.fancytree-drop-accept a {
background-color: #2196f3!important;
color: #fff!important;
text-decoration: none
}
.fancytree-node {
display: inherit;
width: 100%;
position: relative;
margin-bottom: 1px
}
.fancytree-title {
border: 0;
padding:.25rem .5rem;
margin-left:.625rem;
display: inline-block;
cursor: pointer;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fancytree-title {
transition: none
}
}
.fancytree-title>input {
border: 0;
outline: 0;
padding: 0;
background-color: transparent
}
.fancytree-active .fancytree-title, .fancytree-selected .fancytree-title {
background-color: #eee;
color: #333
}
.fancytree-treefocus .fancytree-selected .fancytree-title {
background-color: #e9f5fe;
color: #333
}
.sidebar:not(.sidebar-light) .fancytree-active .fancytree-title, .sidebar:not(.sidebar-light) .fancytree-selected .fancytree-title {
background-color: rgba(255,255,255,.2);
color: #fff
}
.sidebar:not(.sidebar-light) .fancytree-treefocus .fancytree-selected .fancytree-title {
background-color: #fff;
color: #333
}
.fancytree-ext-table .fancytree-node {
display: inline-block;
width: auto;
margin: 0
}
.fancytree-ext-table .fancytree-title {
display: inline
}
.fancytree-ext-table.fancytree-container {
white-space: normal
}
.fancytree-ext-table .fancytree-custom-icon, .fancytree-ext-table .fancytree-expander, .fancytree-ext-table .fancytree-icon {
margin-top:.0625rem
}
.fancytree-ext-table .fancytree-checkbox {
margin: 0 auto;
float: none
}
.fancytree-ext-table tbody tr {
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fancytree-ext-table tbody tr {
transition: none
}
}
.fancytree-ext-table tbody tr td:first-child {
text-align: center
}
.fancytree-ext-table tbody tr .fancytree-title {
background-color: transparent;
color: inherit!important;
padding: 0;
transition: none
}
.fancytree-ext-table tbody tr.fancytree-active, .fancytree-ext-table tbody tr.fancytree-focused {
background-color: rgba(0,0,0,.02)
}
.fancytree-ext-table tbody tr.fancytree-selected {
background-color: #e9f5fe;
color: #333
}
.fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox {
color: #fff;
border-color: #2196f3
}
.fancytree-ext-table tbody tr.fancytree-selected .fancytree-title {
background-color: transparent
}
.fancytree-treefocus .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title {
transition: color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fancytree-treefocus .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title {
transition: none
}
}
.fancytree-ext-childcounter .fancytree-childcounter {
position: absolute;
right: 0;
top:.25rem;
color: #999
}
.fancytree-helper-hidden {
display: none
}
.fancytree-helper-indeterminate-cb {
color: #777
}
.fancytree-helper-disabled {
color: #333
}
.fancytree-helper-spin {
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite
}
.btn-ladda, .btn-ladda .ladda-label, .btn-ladda .ladda-spinner {
transition: all cubic-bezier(.175, .885, .32, 1.275) .3s
}
@media (prefers-reduced-motion:reduce) {
.btn-ladda, .btn-ladda .ladda-label, .btn-ladda .ladda-spinner {
transition: none
}
}
.btn-ladda .ladda-spinner {
position: absolute;
z-index: 2;
display: inline-block;
top: 50%;
pointer-events: none;
opacity: 0
}
.btn-ladda .ladda-label {
z-index: 3
}
.btn-ladda .ladda-progress {
position: absolute;
width: 0;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,.2);
visibility: hidden;
opacity: 0;
transition: all linear .3s
}
@media (prefers-reduced-motion:reduce) {
.btn-ladda .ladda-progress {
transition: none
}
}
.btn-ladda[data-loading] .ladda-progress {
visibility: visible;
opacity: 1
}
.btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out] {
overflow: hidden
}
.btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-out] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-spinner {
transition: .3s ease all
}
@media (prefers-reduced-motion:reduce) {
.btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-out] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-spinner {
transition: none
}
}
.btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label {
position: relative;
display: inline-block
}
.btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner {
left: 50%
}
.btn-ladda[data-style=zoom-in][data-loading] .ladda-label, .btn-ladda[data-style=zoom-out][data-loading] .ladda-label {
opacity: 0
}
.btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner {
-webkit-transform: none;
transform: none;
opacity: 1
}
.btn-ladda[data-style=zoom-in] .ladda-spinner {
-webkit-transform: scale(.2);
transform: scale(.2)
}
.btn-ladda[data-style=zoom-in][data-loading] .ladda-label {
-webkit-transform: scale(2.2);
transform: scale(2.2)
}
.btn-ladda[data-style=zoom-out] .ladda-spinner {
-webkit-transform: scale(2.5);
transform: scale(2.5)
}
.btn-ladda[data-style=zoom-out][data-loading] .ladda-label {
-webkit-transform: scale(.5);
transform: scale(.5)
}
.btn-ladda[data-style=expand-left] {
overflow: hidden
}
.btn-ladda[data-style=expand-left] .ladda-spinner {
left: 20px
}
.btn-ladda[data-style=expand-left][data-loading] {
padding-left: 35px
}
.btn-ladda[data-style=expand-left][data-loading] .ladda-spinner {
opacity: 1
}
.btn-ladda[data-style=expand-right] {
overflow: hidden
}
.btn-ladda[data-style=expand-right] .ladda-spinner {
right: 20px
}
.btn-ladda[data-style=expand-right][data-loading] {
padding-right: 35px
}
.btn-ladda[data-style=expand-right][data-loading] .ladda-spinner {
opacity: 1
}
.btn-ladda[data-style=expand-up] {
overflow: hidden
}
.btn-ladda[data-style=expand-up] .ladda-spinner {
top: -16px;
left: 50%
}
.btn-ladda[data-style=expand-up][data-loading] {
padding-top: 40px
}
.btn-ladda[data-style=expand-up][data-loading] .ladda-spinner {
top: 12px;
margin-top: 8px;
opacity: 1
}
.btn-ladda[data-style=expand-down] {
overflow: hidden
}
.btn-ladda[data-style=expand-down] .ladda-spinner {
top: 44px;
left: 50%
}
.btn-ladda[data-style=expand-down][data-loading] {
padding-bottom: 40px
}
.btn-ladda[data-style=expand-down][data-loading] .ladda-spinner {
opacity: 1
}
.btn-ladda[data-style=slide-left] {
overflow: hidden
}
.btn-ladda[data-style=slide-left] .ladda-label {
left: 0;
position: relative
}
.btn-ladda[data-style=slide-left] .ladda-spinner {
right: 0
}
.btn-ladda[data-style=slide-left][data-loading] .ladda-label {
left: -100%;
opacity: 0
}
.btn-ladda[data-style=slide-left][data-loading] .ladda-spinner {
right: 50%;
opacity: 1
}
.btn-ladda[data-style=slide-right] {
overflow: hidden
}
.btn-ladda[data-style=slide-right] .ladda-label {
right: 0;
position: relative
}
.btn-ladda[data-style=slide-right] .ladda-spinner {
left: 0
}
.btn-ladda[data-style=slide-right][data-loading] .ladda-label {
right: -100%;
opacity: 0
}
.btn-ladda[data-style=slide-right][data-loading] .ladda-spinner {
left: 50%;
opacity: 1
}
.btn-ladda[data-style=slide-up] {
overflow: hidden
}
.btn-ladda[data-style=slide-up] .ladda-label {
top: 0;
position: relative
}
.btn-ladda[data-style=slide-up] .ladda-spinner {
top: 100%;
left: 50%
}
.btn-ladda[data-style=slide-up][data-loading] .ladda-label {
top: -16px;
opacity: 0
}
.btn-ladda[data-style=slide-up][data-loading] .ladda-spinner {
top: 16px;
opacity: 1
}
.btn-ladda[data-style=slide-down] {
overflow: hidden
}
.btn-ladda[data-style=slide-down] .ladda-label {
top: 0;
position: relative
}
.btn-ladda[data-style=slide-down] .ladda-spinner {
top: -100%;
left: 50%
}
.btn-ladda[data-style=slide-down][data-loading] .ladda-label {
top: 16px;
opacity: 0
}
.btn-ladda[data-style=slide-down][data-loading] .ladda-spinner {
top: 16px;
opacity: 1
}
.btn-ladda[data-style=fade] {
overflow: hidden
}
.btn-ladda[data-style=fade] .ladda-spinner {
left: 50%
}
.btn-ladda[data-style=fade][data-loading] .ladda-label {
opacity: 0
}
.btn-ladda[data-style=fade][data-loading] .ladda-spinner {
opacity: 1
}
.btn-ladda[data-style=radius] {
overflow: hidden;
transition: all ease-in-out .5s
}
@media (prefers-reduced-motion:reduce) {
.btn-ladda[data-style=radius] {
transition: none
}
}
.btn-ladda[data-style=radius] .ladda-spinner {
left: 50%
}
.btn-ladda[data-style=radius][data-loading] {
border-radius: 50rem
}
.btn-ladda[data-style=radius][data-loading] .ladda-label {
opacity: 0
}
.btn-ladda[data-style=radius][data-loading] .ladda-spinner {
opacity: 1
}
.fc-not-allowed, .fc-not-allowed .fc-event {
cursor: not-allowed
}
.fc-unselectable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent
}
.fc {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.fc table {
border-collapse: collapse;
border-spacing: 0
}
.fc th {
text-align: center
}
.fc td, .fc th {
vertical-align: top;
padding: 0
}
.fc a[data-navlink] {
cursor: pointer
}
.fc-direction-ltr {
direction: ltr;
text-align: left
}
.fc-direction-rtl {
direction: rtl;
text-align: right
}
.fc-theme-standard td, .fc-theme-standard th {
border: 1px solid #ddd
}
.fc-liquid-hack td, .fc-liquid-hack th {
position: relative
}
@font-face {
font-family: fcicons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
font-weight: 400;
font-style: normal
}
.fc-icon {
display: inline-block;
width: 1em;
height: 1em;
font-size: 1rem;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: fcicons!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fc-icon-chevron-left:before {
content: "\e900"
}
.fc-icon-chevron-right:before {
content: "\e901"
}
.fc-icon-chevrons-left:before {
content: "\e902"
}
.fc-icon-chevrons-right:before {
content: "\e903"
}
.fc-icon-minus-square:before {
content: "\e904"
}
.fc-icon-plus-square:before {
content: "\e905"
}
.fc-icon-x:before {
content: "\e906"
}
.fc .fc-button {
display: inline-block;
font-weight: 400;
color: #333;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.fc .fc-button {
transition: none
}
}
.fc .fc-button:not(:disabled) {
cursor: pointer
}
.fc .fc-button::-moz-focus-inner {
padding:0;
border-style:none
}
.fc .fc-button:disabled {
opacity: .65
}
.fc .fc-button-primary {
color: #333;
background-color: #f0f2f5;
border-color: #cad1dc
}
.fc .fc-button-primary:focus, .fc .fc-button-primary:hover {
background-color: #e1e5eb;
color: #333;
border-color: #bac4d1;
outline: 0
}
.fc .fc-button-primary:disabled {
color: #333;
background-color: #f0f2f5;
border-color: #cad1dc;
opacity: .65
}
.fc .fc-button-primary:not(:disabled):not(.disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):not(.disabled):active {
color: #333;
background-color: #d1d7e1;
border-color: #abb6c7
}
.fc .fc-button .fc-icon {
vertical-align: text-top;
font-size: 1rem
}
.fc .fc-button-group {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.fc .fc-button-group>.fc-button {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.fc .fc-button-group>.fc-button.fc-button-active, .fc .fc-button-group>.fc-button:active, .fc .fc-button-group>.fc-button:focus, .fc .fc-button-group>.fc-button:hover {
z-index: 1
}
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child) {
margin-right: -1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fc .fc-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
.fc .fc-toolbar.fc-header-toolbar {
margin-bottom: 1.25rem
}
.fc .fc-toolbar.fc-footer-toolbar {
margin-top: 1.25rem
}
.fc .fc-toolbar-title {
font-size: 1.125rem;
margin-bottom: 0
}
.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
margin-left:.625rem
}
.fc-direction-rtl .fc-toolbar>*>:not(:first-child) {
margin-right:.625rem
}
.fc-direction-rtl .fc-toolbar-ltr {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.fc .fc-scroller {
-webkit-overflow-scrolling: touch;
position: relative
}
.fc .fc-scroller-liquid {
height: 100%
}
.fc .fc-scroller-liquid-absolute {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.fc .fc-scroller-harness {
position: relative;
overflow: hidden;
direction: ltr
}
.fc .fc-scroller-harness-liquid {
height: 100%
}
.fc-direction-rtl .fc-scroller-harness>.fc-scroller {
direction: rtl
}
.fc-theme-standard .fc-scrollgrid {
border: 1px solid #ddd
}
.fc .fc-scrollgrid {
border-collapse: separate;
border-right-width: 0;
border-bottom-width: 0
}
.fc .fc-scrollgrid, .fc .fc-scrollgrid table {
width: 100%;
table-layout: fixed
}
.fc .fc-scrollgrid table {
border-top-style: hidden;
border-left-style: hidden;
border-right-style: hidden
}
.fc .fc-scrollgrid-liquid {
height: 100%
}
.fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section>td {
height: 1px
}
.fc .fc-scrollgrid-section>* {
border-top-width: 0;
border-left-width: 0
}
.fc .fc-scrollgrid-section-liquid {
height: auto
}
.fc .fc-scrollgrid-section-liquid>td {
height: 100%
}
.fc .fc-scrollgrid-section-footer>*, .fc .fc-scrollgrid-section-header>* {
border-bottom-width: 0
}
.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
border-bottom-style: hidden
}
.fc .fc-scrollgrid-section-sticky>* {
background-color: #fff;
position: -webkit-sticky;
position: sticky;
z-index: 3
}
.fc .fc-scrollgrid-section-sticky.fc-scrollgrid-section-header>* {
top: 0
}
.fc .fc-scrollgrid-section-sticky.fc-scrollgrid-section-footer>* {
bottom: 0
}
.fc .fc-scrollgrid-sticky-shim {
height: 1px;
margin-bottom: -1px
}
.fc .fc-view-harness {
-ms-flex-positive: 1;
flex-grow: 1;
position: relative
}
.fc .fc-view-harness-active>.fc-view {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fc .fc-col-header-cell-cushion {
display: inline-block;
padding:.75rem 1.25rem;
color: #333;
font-weight: 500
}
.fc-sticky {
position: -webkit-sticky;
position: sticky
}
.fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc .fc-non-business {
background-color: rgba(221,221,221,.3)
}
.fc .fc-bg-event {
background: rgba(124,209,170,.3);
opacity: .3
}
.fc .fc-highlight {
background-color: rgba(221,221,221,.2)
}
.fc .fc-cell-shaded, .fc .fc-day-disabled {
background-color: #b7b7b7
}
a.fc-event, a.fc-event:hover {
text-decoration: none
}
.fc-event.fc-event-draggable, .fc-event[href] {
cursor: pointer
}
.fc-event .fc-event-main {
position: relative;
z-index: 2
}
.fc-event-dragging:not(.fc-event-selected) {
opacity: .75
}
.fc-event-dragging.fc-event-selected {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)
}
.fc-event .fc-event-resizer {
display: none;
position: absolute;
z-index: 4
}
.fc-event-selected .fc-event-resizer, .fc-event:hover .fc-event-resizer {
display: block
}
.fc-event-selected .fc-event-resizer:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1.75rem;
height: 1.75rem;
z-index: 1070
}
.fc-event-selected {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)
}
.fc-event-selected:before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc-event-selected:after {
content: "";
background: rgba(0,0,0,.15);
position: absolute;
z-index: 1;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px
}
.fc-h-event {
display: block;
border: 1px solid #2196f3;
background-color: #2196f3
}
.fc-h-event .fc-event-main {
color: #fff
}
.fc-h-event .fc-event-main-frame {
display: -ms-flexbox;
display: flex
}
.fc-h-event .fc-event-time {
max-width: 100%;
overflow: hidden
}
.fc-h-event .fc-event-title-container {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-width: 0
}
.fc-h-event .fc-event-title {
display: inline-block;
vertical-align: top;
left: 0;
right: 0;
max-width: 100%;
overflow: hidden
}
.fc-h-event.fc-event-selected:before {
top: -10px;
bottom: -10px
}
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
top: -1px;
bottom: -1px;
width:.5rem
}
.fc-h-event .fc-h-event.fc-event-selected .fc-event-resizer {
top: 50%;
margin-top: -1px
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start) {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end) {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
cursor: w-resize;
left: -1px
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
cursor: e-resize;
right: -1px
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start {
left: -1px
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end {
right: -1px
}
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
cursor: w-resize;
left: -1px;
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
cursor: e-resize;
right: -1px;
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
left: -1px
}
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
right: -1px
}
.fc .fc-popover {
position: absolute;
z-index: 1060;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1);
border-radius:.25rem
}
.fc .fc-popover .fc-daygrid-event.fc-event-end, .fc .fc-popover .fc-daygrid-event.fc-event-start {
margin-left: 0;
margin-right: 0
}
.fc .fc-popover .fc-h-event {
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.fc .fc-popover-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding:.9375rem .9375rem .75rem .9375rem
}
.fc .fc-popover-title {
font-weight: 500
}
.fc .fc-popover-close {
cursor: pointer;
opacity: .6;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fc .fc-popover-close {
transition: none
}
}
.fc .fc-popover-close:hover {
opacity: 1
}
.fc-theme-standard .fc-popover {
border: 1px solid rgba(0,0,0,.15);
background-color: #fff
}
.fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:after, .fc-daygrid-event-harness:before {
content: "";
clear: both;
display: table
}
.fc .fc-daygrid-body {
position: relative;
z-index: 1
}
.fc .fc-daygrid-day.fc-day-today {
background-color: #e9f7f1
}
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 100%
}
.fc .fc-daygrid-day-top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: .3
}
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4;
padding:.5rem;
padding-bottom:.3125rem;
color: #333
}
.fc .fc-daygrid-day-events {
margin-top:.1875rem
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative;
min-height: 2.0625rem
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom:.375rem
}
.fc .fc-daygrid-event-harness {
position: relative
}
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0
}
.fc .fc-daygrid-day-bg .fc-non-business {
z-index: 1
}
.fc .fc-daygrid-day-bg .fc-bg-event {
z-index: 2
}
.fc .fc-daygrid-day-bg .fc-highlight {
z-index: 3
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top:.1875rem
}
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7
}
.fc .fc-daygrid-day-bottom:before {
content: "";
clear: both;
display: table
}
.fc .fc-daygrid-more-link {
position: relative;
z-index: 4;
margin:.1875rem .5rem 0 .5rem;
background-color: #eee;
color: #333;
display: block;
padding:.1875rem .5rem;
text-align: center;
font-size:.8125rem;
line-height: 1.6924;
cursor: pointer;
border-radius:.25rem;
transition: background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.fc .fc-daygrid-more-link {
transition: none
}
}
.fc .fc-daygrid-more-link:focus, .fc .fc-daygrid-more-link:hover {
background-color: #ccc
}
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
padding:.5rem;
min-width: 1.5em;
text-align: center;
color: #333;
background-color: #f0f2f5
}
.fc-liquid-hack .fc-daygrid-day-frame {
position: static
}
.fc .fc-more-popover .fc-popover-body {
min-width: 220px;
padding:.9375rem .9375rem;
padding-top: 0
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left:.5rem
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right:.5rem
}
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-right: 1px solid #ddd
}
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-left: 1px solid #ddd
}
.fc-daygrid-event {
position: relative;
white-space: nowrap;
border-radius:.25rem;
padding:.1875rem .5rem
}
.fc-daygrid-block-event .fc-event-time {
font-weight: 500
}
.fc-daygrid-dot-event {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #333;
padding:.1875rem 0;
transition: color ease-in-out .15s;
background-color: #fff;
border: 1px solid #ddd
}
.fc-daygrid-dot-event .fc-event-title {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500
}
.fc-daygrid-dot-event.fc-event-selected:before {
top: -10px;
bottom: -10px
}
.fc-daygrid-event-dot {
margin:0 .5rem;
box-sizing: content-box;
width:.5rem;
height:.5rem;
background-color: #2196f3;
border-radius: 50rem
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right:.625rem
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left:.625rem
}
.fc-v-event {
display: block;
border: 1px solid #2196f3;
background-color: #2196f3
}
.fc-v-event .fc-event-main {
color: #fff;
height: 100%
}
.fc-v-event .fc-event-main-frame {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.fc-v-event .fc-event-time {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden
}
.fc-v-event .fc-event-title-container {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-height: 0
}
.fc-v-event .fc-event-title {
top: 0;
bottom: 0;
max-height: 100%;
overflow: hidden
}
.fc-v-event:not(.fc-event-start) {
border-top-width: 0
}
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.fc-v-event.fc-event-selected:before {
left: -10px;
right: -10px
}
.fc-v-event .fc-event-resizer-start {
cursor: n-resize
}
.fc-v-event .fc-event-resizer-end {
cursor: s-resize
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height:.5rem;
left: -1px;
right: -1px
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -1px
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -1px
}
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -1px
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -1px
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -1px
}
.fc .fc-timegrid .fc-daygrid-body {
z-index: 2
}
.fc .fc-timegrid-divider {
padding: 0 0 1px
}
.fc .fc-timegrid-body {
position: relative;
z-index: 1;
min-height: 100%
}
.fc .fc-timegrid-axis-chunk {
position: relative
}
.fc .fc-timegrid-axis-chunk>table {
position: relative;
z-index: 1
}
.fc .fc-timegrid-slots {
position: relative;
z-index: 1
}
.fc .fc-timegrid-slot {
height: 1.875rem;
border-bottom: 0
}
.fc .fc-timegrid-slot:empty:before {
content: '\00a0'
}
.fc .fc-timegrid-slot-minor {
border-top-style: dotted
}
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap
}
.fc .fc-timegrid-slot-label {
vertical-align: middle
}
.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
padding:0 .5rem
}
.fc .fc-timegrid-axis-frame-liquid {
height: 100%
}
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.fc .fc-timegrid-axis-cushion {
max-width: 60px;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #333;
font-weight: 500
}
.fc .fc-timegrid-col.fc-day-today {
background-color: #e9f7f1
}
.fc .fc-timegrid-col-frame {
min-height: 100%;
position: relative
}
.fc .fc-timegrid-col-bg {
z-index: 2
}
.fc .fc-timegrid-col-bg .fc-non-business {
z-index: 1
}
.fc .fc-timegrid-col-bg .fc-bg-event {
z-index: 2
}
.fc .fc-timegrid-col-bg .fc-highlight {
z-index: 3
}
.fc .fc-timegrid-bg-harness {
position: absolute;
left: 0;
right: 0
}
.fc .fc .fc-timegrid-col-events {
z-index: 3
}
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden
}
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: #51adf6;
border-width: .3em 0 0
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top:-.1875rem;
border-style: solid;
border-color: #51adf6
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid, .fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fc-media-screen .fc-timegrid-cols {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc-media-screen .fc-timegrid-cols>table {
height: 100%
}
.fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc-timegrid-event-harness {
position: absolute
}
.fc-timegrid-event-harness>.fc-timegrid-event {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
box-shadow: 0 0 0 1px #fff
}
.fc-timegrid-event, .fc-timegrid-more-link {
border-radius:.25rem
}
.fc-timegrid-event .fc-event-main {
padding:.1875rem .5rem 0
}
.fc-timegrid-event .fc-event-time {
white-space: nowrap
}
.fc-timegrid-event-short .fc-event-main-frame {
-ms-flex-direction: row;
flex-direction: row;
overflow: hidden
}
.fc-timegrid-event-short .fc-event-time:after {
content: '\00a0-\00a0'
}
.fc-timegrid-more-link {
position: absolute;
z-index: 9999;
color: inherit;
background-color: #eee;
cursor: pointer;
margin-bottom:.1875rem
}
.fc-timegrid-more-link-inner {
padding:.1875rem .5rem;
top: 0
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px
}
.fc-direction-ltr .fc-timegrid-more-link {
right: 0
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
border-width: .3em 0 .3em .3em;
border-top-color: transparent;
border-bottom-color: transparent
}
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2px
}
.fc-direction-rtl .fc-timegrid-more-link {
left: 0
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
border-width: .3em .3em .3em 0;
border-top-color: transparent;
border-bottom-color: transparent
}
.fc-theme-standard .fc-list {
border: 1px solid #ddd
}
.fc .fc-list-empty {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.fc .fc-list-empty-cushion {
margin: 1.25rem 0
}
.fc .fc-list-table {
width: 100%;
border-style: hidden
}
.fc .fc-list-table th {
padding: 0
}
.fc .fc-list-table tr>* {
border-left: 0;
border-right: 0
}
.fc .fc-list-sticky .fc-list-day>* {
position: -webkit-sticky;
position: sticky;
top: 0
}
.fc .fc-list-day-cushion, .fc .fc-list-table td {
padding:.75rem 1.25rem
}
.fc .fc-list-day-cushion:after {
content: "";
clear: both;
display: table
}
.fc .fc-list-event.fc-event-forced-url {
cursor: pointer
}
.fc .fc-list-event-title a {
color: inherit;
text-decoration: none
}
.fc .fc-list-event-graphic, .fc .fc-list-event-time {
white-space: nowrap;
width: 1px
}
.fc .fc-list-event-dot {
display: inline-block;
box-sizing: content-box;
margin:0 .5rem;
box-sizing: content-box;
width:.5rem;
height:.5rem;
background-color: #2196f3;
border-radius: 50rem
}
.fc .fc-list-day-side-text, .fc .fc-list-day-text {
color: #333
}
.fc .fc-list-day-side-text:focus, .fc .fc-list-day-text:focus {
outline: 0
}
.fc-theme-standard .fc-list-day-cushion {
background-color: #f0f2f5
}
.fc-theme-bootstrap a:not([href]) {
color: inherit
}
.fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {
float: left
}
.fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text {
float: right
}
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
padding-right: 0
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
padding-left: 0
}
@media (max-width:768.98px) {
.fc .fc-toolbar {
display: block;
text-align: center
}
.fc .fc-toolbar .fc-toolbar-title {
margin-top:.625rem;
margin-bottom:.625rem
}
.fc .fc-view-harness {
overflow: auto;
min-height: 600px;
box-shadow: 0 0 0 1px rgba(0,0,0,.125) inset
}
.fc .fc-view-harness .fc-view {
min-width: 900px
}
}
.image-cropper-container {
direction: ltr;
height: 400px;
width: 100%;
overflow: hidden;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.eg-preview .preview {
direction: ltr
}
.eg-preview .preview-lg {
width: 150px;
height: 150px
}
.eg-preview .preview-md {
width: 120px;
height: 120px
}
.eg-preview .preview-sm {
width: 90px;
height: 90px
}
.eg-preview .preview-xs {
width: 60px;
height: 60px
}
.eg-preview .preview-xxs {
width: 40px;
height: 40px
}
.cropper-container {
direction: ltr!important;
font-size: 0;
line-height: 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cropper-container img {
display: block;
width: 100%;
min-width: 0!important;
max-width: none!important;
height: 100%;
min-height: 0!important;
max-height: none!important;
image-orientation: 0deg!important
}
.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.cropper-wrap-box {
overflow: hidden
}
.cropper-drag-box {
background-color: #fff;
opacity: 0
}
.cropper-modal {
background-color: #000;
opacity: .35
}
.cropper-view-box {
display: block;
overflow: hidden;
width: 100%;
height: 100%
}
.cropper-dashed {
position: absolute;
display: block;
border: 0 dashed #eee;
opacity: .5
}
.cropper-dashed.dashed-h {
top: 33.33333%;
left: 0;
left: 0;
width: 100%;
height: 33.33333%;
border-top-width: 1px;
border-bottom-width: 1px
}
.cropper-dashed.dashed-v {
top: 0;
left: 33.33333%;
width: 33.33333%;
height: 100%;
border-right-width: 1px;
border-left-width: 1px
}
.cropper-center {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0;
height: 0;
opacity: .75;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.cropper-center:after, .cropper-center:before {
content: ' ';
position: absolute;
display: block;
background-color: #eee
}
.cropper-center:before {
top: 0;
left: -4px;
width: 9px;
height: 1px
}
.cropper-center:after {
top: -4px;
left: 0;
width: 1px;
height: 9px
}
.cropper-face, .cropper-line, .cropper-point {
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: .1
}
.cropper-face {
top: 0;
left: 0;
background-color: #fff
}
.cropper-line {
background-color: #2196f3
}
.cropper-line.line-e {
top: 0;
right:-.1875rem;
width:.375rem;
cursor: e-resize
}
.cropper-line.line-n {
top:-.1875rem;
left: 0;
height:.375rem;
cursor: n-resize
}
.cropper-line.line-w {
top: 0;
left:-.1875rem;
width:.375rem;
cursor: w-resize
}
.cropper-line.line-s {
bottom:-.1875rem;
left: 0;
height:.375rem;
cursor: s-resize
}
.cropper-point {
background-color: #2196f3;
opacity: .75;
width:.375rem;
height:.375rem
}
.cropper-point.point-e {
top: 50%;
right:-.1875rem;
margin-top:-.1875rem;
cursor: e-resize
}
.cropper-point.point-n {
top:-.1875rem;
left: 50%;
margin-left:-.1875rem;
cursor: n-resize
}
.cropper-point.point-w {
top: 50%;
left:-.1875rem;
margin-top:-.1875rem;
cursor: w-resize
}
.cropper-point.point-s {
bottom:-.1875rem;
left: 50%;
margin-left:-.1875rem;
cursor: s-resize
}
.cropper-point.point-ne {
top:-.1875rem;
right:-.1875rem;
cursor: ne-resize
}
.cropper-point.point-nw {
top:-.1875rem;
left:-.1875rem;
cursor: nw-resize
}
.cropper-point.point-sw {
bottom:-.1875rem;
left:-.1875rem;
cursor: sw-resize
}
.cropper-point.point-se {
right:-.1875rem;
bottom:-.1875rem;
cursor: se-resize;
opacity: 1;
width:.375rem;
height:.375rem
}
.cropper-point.point-se:before {
content: ' ';
position: absolute;
right: -50%;
bottom: -50%;
display: block;
background-color: #2196f3;
opacity: 0;
width: 200%;
height: 200%
}
.cropper-bg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.cropper-invisible {
opacity: 0
}
.cropper-hide {
position: absolute;
display: block;
width: 0;
height: 0
}
.cropper-hidden {
display: none!important
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
cursor: default
}
.cropper-move {
cursor: move
}
.cropper-crop {
cursor: crosshair
}
.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999!important;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 0
}
.glightbox-container.inactive {
display: none
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden
}
.glightbox-container .gslider {
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999
}
.glightbox-container .gslide iframe, .glightbox-container .gslide video {
outline: 0!important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto
}
.glightbox-container .gslide-inner-content {
width: 100%
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%
}
.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
-ms-flex-direction: column;
flex-direction: column
}
.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
max-width: 100%!important
}
.gslide-image {
-ms-flex-align: center;
align-items: center
}
.gslide-image img {
max-height: 100vh;
display: block;
padding: 0;
float: none;
outline: 0;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-ms-touch-action: none;
touch-action: none;
margin: auto;
min-width: 200px
}
.gslide-image img.zoomable {
position: relative
}
.gslide-image img.dragging {
cursor: -webkit-grabbing!important;
cursor: grabbing!important;
transition: none
}
.desc-bottom .gslide-image img, .desc-top .gslide-image img {
width: auto
}
.desc-left .gslide-image img, .desc-right .gslide-image img {
width: auto;
max-width: 100%
}
.gslide-video {
position: relative;
max-width: 100vh;
width: 100%!important
}
.gslide-video::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,0,0,.34);
display: none
}
.gslide-video.playing::before {
display: none
}
.gslide-video .gvideo-wrapper {
width: 100%;
margin: auto
}
.gslide-video.fullscreen {
max-width: 100%!important;
min-width: 100%;
height: 75vh
}
.gslide-video.fullscreen video {
max-width: 100%!important;
width: 100%!important
}
.gslide-inline {
background-color: #fff;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
max-width: 100%
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%
}
.gslide-inline .dragging {
cursor: -webkit-grabbing!important;
cursor: grabbing!important;
transition: none
}
.gslide-media {
position: relative;
display: -ms-flexbox;
display: flex;
width: auto;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.zoomed .gslide-media {
box-shadow: none!important
}
.desc-bottom .gslide-media, .desc-top .gslide-media {
margin: 0 auto;
-ms-flex-direction: column;
flex-direction: column
}
.gslide-description {
position: relative;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.gslide-description.description-left, .gslide-description.description-right {
max-width: 100%
}
.gslide-description.description-bottom, .gslide-description.description-top {
margin: 0 auto;
width: 100%
}
.gslide-description p {
margin-bottom:.625rem
}
.gslide-description p:last-child {
margin-bottom: 0
}
.zoomed .gslide-description {
display: none
}
.ginlined-content {
overflow: auto;
display: block!important;
opacity: 1
}
.gslide-external {
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: 100%;
background-color: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%
}
.glightbox-button-hidden {
display: none
}
.download-original-image {
position: absolute;
top:.625rem;
right:.625rem;
width: 2.5rem;
height: 2.5rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
border-radius: 50rem;
background-color: rgba(0,0,0,.1)
}
.download-original-image:hover {
color: #fff;
background-color: rgba(0,0,0,.15)
}
.glightbox-mobile .glightbox-container .gslide-description {
height: auto!important;
width: 100%;
background: 0 0;
position: absolute;
bottom: 15px;
padding: 19px 11px;
max-width: 100vw!important;
-ms-flex-order: 2!important;
order: 2!important;
max-height: 78vh;
overflow: auto!important;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.75) 100%);
transition: opacity .25s linear;
padding-bottom: 50px
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more, .glightbox-mobile .glightbox-container .gslide-desc a, .glightbox-mobile .glightbox-container .gslide-desc string {
color: #fff
}
.glightbox-mobile .glightbox-container .gslide-desc a {
font-weight: 700
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
opacity: .4
}
.gdesc-open .gslide-media {
transition: opacity .25s ease;
opacity: .4
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px
}
.gdesc-closed .gslide-media {
transition: opacity .25s ease;
opacity: 1
}
.greset {
transition: all .25s ease
}
.gabsolute {
position: absolute
}
.grelative {
position: relative
}
.glightbox-desc {
display: none!important
}
.glightbox-open {
overflow: hidden
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader .8s infinite linear;
animation: lightboxLoader .8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%
}
.goverlay {
width: 100%;
height: calc(100vh + 1px);
position: fixed;
top: -1px;
left: 0;
background-color: rgba(0,0,0,.9);
will-change: opacity
}
.gclose, .gnext, .gprev {
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
border: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
-webkit-animation: gfadeIn .25s ease;
animation: gfadeIn .25s ease
}
.gclose svg, .gnext svg, .gprev svg {
display: block;
width: 25px;
height: auto;
margin: 0;
padding: 0
}
.gclose.disabled, .gnext.disabled, .gprev.disabled {
opacity: .1
}
.gclose .garrow, .gnext .garrow, .gprev .garrow {
stroke: #fff
}
iframe.wait-autoplay {
opacity: 0
}
.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
opacity: 0!important
}
.glightbox-clean .gslide-description {
background-color: #fff
}
.glightbox-clean .gdesc-inner {
padding: 1.25rem
}
.glightbox-clean .gslide-title {
margin-bottom: 1.25rem
}
.glightbox-clean .gslide-desc {
font-size:.8125rem;
line-height: 1.6924;
margin-bottom: 0
}
.glightbox-clean .gslide-video {
background-color: #000
}
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
background-color: transparent;
border-radius: 50rem
}
.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
background-color: rgba(0,0,0,.25)
}
.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
fill: #fff
}
.glightbox-clean .gprev {
position: absolute;
bottom: 20px;
left: 20px;
width: 60px;
height: 60px
}
.glightbox-clean .gnext {
position: absolute;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px
}
.glightbox-clean .gclose {
width: 46px;
height: 46px;
top: 20px;
right: 20px;
position: absolute
}
.glightbox-clean .gclose:hover {
opacity: 1
}
.glightbox-clean .gclose svg {
width: 18px;
height: auto
}
.glightbox-clean button:focus:not(.focused):not(.disabled) {
outline: 0
}
.gfadeIn {
-webkit-animation: gfadeIn .25s ease;
animation: gfadeIn .25s ease
}
.gfadeOut {
-webkit-animation: gfadeOut .25s ease;
animation: gfadeOut .25s ease
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft .25s ease;
animation: gslideOutLeft .25s ease
}
.gslideInLeft {
-webkit-animation: gslideInLeft .25s ease;
animation: gslideInLeft .25s ease
}
.gslideOutRight {
-webkit-animation: gslideOutRight .25s ease;
animation: gslideOutRight .25s ease
}
.gslideInRight {
-webkit-animation: gslideInRight .25s ease;
animation: gslideInRight .25s ease
}
.gzoomIn {
-webkit-animation: gzoomIn .25s ease;
animation: gzoomIn .25s ease
}
.gzoomOut {
-webkit-animation: gzoomOut .25s ease;
animation: gzoomOut .25s ease
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes gfadeIn {
from {
opacity:0
}
to {
opacity: 1
}
}
@keyframes gfadeIn {
from {
opacity:0
}
to {
opacity: 1
}
}
@-webkit-keyframes gfadeOut {
from {
opacity:1
}
to {
opacity: 0
}
}
@keyframes gfadeOut {
from {
opacity:1
}
to {
opacity: 0
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-60%, 0, 0);
transform:translate3d(-60%, 0, 0)
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes gslideInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-60%, 0, 0);
transform:translate3d(-60%, 0, 0)
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity:1;
visibility:visible;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden
}
}
@keyframes gslideOutLeft {
from {
opacity:1;
visibility:visible;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden
}
}
@-webkit-keyframes gslideInRight {
from {
opacity:0;
visibility:visible;
-webkit-transform:translate3d(60%, 0, 0);
transform:translate3d(60%, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes gslideInRight {
from {
opacity:0;
visibility:visible;
-webkit-transform:translate3d(60%, 0, 0);
transform:translate3d(60%, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity:1;
visibility:visible;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0
}
}
@keyframes gslideOutRight {
from {
opacity:1;
visibility:visible;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0
}
}
@-webkit-keyframes gzoomIn {
from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity: 1
}
}
@keyframes gzoomIn {
from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity: 1
}
}
@-webkit-keyframes gzoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes gzoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@media (min-width:769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
-ms-flex-direction: row;
flex-direction: row
}
.glightbox-container .ginner-container.desc-top .gslide-description {
-ms-flex-order: 0;
order: 0
}
.glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
-ms-flex-order: 1;
order: 1
}
.glightbox-container .ginner-container.desc-left .gslide-description {
-ms-flex-order: 0;
order: 0
}
.glightbox-container .ginner-container.desc-left .gslide-image {
-ms-flex-order: 1;
order: 1
}
.gslide-image img {
max-height: 97vh;
max-width: 100%
}
.gslide-image img.zoomable {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab
}
.gslide-inline {
max-height: 95vh
}
.gslide-external {
max-height: 100vh
}
.gslide-description.description-left, .gslide-description.description-right {
max-width: 275px
}
.goverlay {
background-color: rgba(0,0,0,.9)
}
.glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
position: absolute;
height: 100%;
overflow-y: auto
}
.glightbox-clean .gprev {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.glightbox-clean .gnext {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
}
.footable {
width: 100%
}
.footable>thead>tr>th {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.footable.breakpoint>tbody>tr:hover:not(.footable-detail-row) {
cursor: pointer
}
.footable.breakpoint>tbody>tr .footable-toggle {
line-height: 1;
margin-top:.1875rem
}
.footable.breakpoint>tbody>tr .footable-toggle:before {
content: "";
display: block;
font-family: icomoon;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.footable.breakpoint>tbody>tr .footable-first-visible .footable-toggle {
float: left;
margin-right:.625rem
}
.footable.breakpoint>tbody>tr .footable-last-visible .footable-toggle {
float: right;
margin-left:.625rem
}
.footable.breakpoint>tbody>tr[data-expanded=true] .footable-toggle:before {
content: ""
}
.footable .footable-detail-row:hover {
background-color: transparent
}
.footable .footable-detail-row>td {
padding: 0;
background-color: transparent
}
.footable-details {
background-color: #fafafa
}
.footable-details td {
text-align: left!important
}
.dataTable {
margin: 0;
max-width: none
}
.dataTable thead td, .dataTable thead th {
outline: 0;
position: relative
}
.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
cursor: pointer
}
.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc, .dataTable thead .sorting_desc_disabled {
padding-right: 2.5rem
}
.dataTable thead .sorting:after, .dataTable thead .sorting:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_desc_disabled:after {
content: '';
font-family: icomoon;
position: absolute;
top: 50%;
right: 1.25rem;
font-size:.8125rem;
margin-top:-.40625rem;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dataTable thead .sorting:before {
content: "";
margin-top:-.125rem;
opacity: .5
}
.dataTable thead .sorting:after {
content: "";
margin-top:-.6875rem;
opacity: .5
}
.dataTable thead .sorting_asc:after {
content: "";
opacity: 1
}
.dataTable thead .sorting_desc:after {
content: "";
opacity: 1
}
.dataTable thead .sorting_asc_disabled:after {
content: "";
opacity: .25
}
.dataTable thead .sorting_desc_disabled:after {
content: "";
opacity: .25
}
.dataTable tbody+tfoot+thead>tr:first-child>td, .dataTable tbody+tfoot+thead>tr:first-child>th, .dataTable tbody+thead>tr:first-child>td, .dataTable tbody+thead>tr:first-child>th {
border-top: 0
}
.dataTable tbody td, .dataTable tbody th {
outline: 0
}
.dataTable tbody td.active, .dataTable tbody th.active {
background-color: rgba(0,0,0,.03)
}
.dataTable .dataTables_empty {
text-align: center
}
.dataTable.table-bordered {
border-collapse: collapse
}
.dataTables_wrapper {
position: relative;
-ms-flex: none;
flex: none
}
.dataTables_wrapper::after {
display: block;
clear: both;
content: ""
}
.dataTables_wrapper .table-bordered {
border-top: 0
}
.dataTables_wrapper+.card-body {
border-top: 1px solid #ddd
}
.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
background-color: #fff;
background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.9) 25%, rgba(255,255,255,.9) 75%, rgba(255,255,255,0) 100%)
}
.datatable-footer, .datatable-header {
padding: 1.25rem 1.25rem 0 1.25rem
}
.datatable-footer::after, .datatable-header::after {
display: block;
clear: both;
content: ""
}
.datatable-footer>div:first-child, .datatable-header>div:first-child {
margin-left: 0
}
.card-body .datatable-footer, .card-body .datatable-header {
padding-left: 0;
padding-right: 0
}
.datatable-footer-accent, .datatable-header-accent {
background-color: rgba(0,0,0,.02)
}
.datatable-header {
border-bottom: 1px solid #ddd
}
.datatable-footer {
border-top: 1px solid #b7b7b7
}
.dataTables_length {
float: right;
display: inline-block;
margin: 0 0 1.25rem 1.25rem
}
.dataTables_length>label {
margin-bottom: 0
}
.dataTables_length>label>span:first-child {
float: left;
margin:.5rem .83333rem;
margin-left: 0
}
.dataTables_length select {
width: auto
}
.dataTables_length select:not(.custom-select) {
height:calc(1.5715em + .875rem + 2px);
padding:.4375rem .875rem;
font-size:.875rem;
line-height: 1.5715;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
outline: 0;
border-radius:.25rem
}
.length-left .dataTables_length {
float: left
}
.dataTables_filter {
position: relative;
display: block;
float: left;
margin: 0 0 1.25rem 1.25rem
}
.dataTables_filter>label {
margin-bottom: 0;
position: relative
}
.dataTables_filter>label:after {
content: "";
font-family: icomoon;
font-size:.8125rem;
display: inline-block;
position: absolute;
top: 50%;
right:.875rem;
margin-top:-.40625rem;
line-height: 1;
opacity: .5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dataTables_filter>label>span {
float: left;
margin:.5rem .83333rem;
margin-left: 0
}
.dataTables_filter input {
outline: 0;
width: 12.5rem;
padding:.4375rem .875rem;
padding-right: 2.09375rem;
font-size:.875rem;
line-height: 1.5715;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
border-radius:.25rem
}
.dataTables_filter input::-webkit-input-placeholder {
color:#999;
opacity:1
}
.dataTables_filter input::-moz-placeholder {
color:#999;
opacity:1
}
.dataTables_filter input:-ms-input-placeholder {
color:#999;
opacity:1
}
.dataTables_filter input::-ms-input-placeholder {
color:#999;
opacity:1
}
.dataTables_filter input::placeholder {
color:#999;
opacity:1
}
.filter-right .dataTables_filter {
float: right
}
.dataTables_info {
float: left;
padding:.4375rem 0;
margin-bottom: 1.25rem
}
.info-right .dataTables_info {
float: right
}
.dataTables_paginate {
float: right;
text-align: right;
margin: 0 0 1.25rem 1.25rem
}
.dataTables_paginate .paginate_button {
display: inline-block;
padding:.4375rem;
min-width: 2.37506rem;
margin-left:.125rem;
text-align: center;
text-decoration: none;
cursor: pointer;
color: #333;
outline: 0;
border: 1px solid transparent;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dataTables_paginate .paginate_button {
transition: none
}
}
.dataTables_paginate .paginate_button:focus, .dataTables_paginate .paginate_button:hover {
background-color: #e1e5eb
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover {
color: #fff;
background-color: #1c2e37
}
.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:focus, .dataTables_paginate .paginate_button.disabled:hover {
cursor: default;
background-color: transparent;
color: #ccc
}
.dataTables_paginate.paging_simple .paginate_button {
padding-left:.875rem;
padding-right:.875rem
}
.dataTables_paginate.paging_simple .paginate_button:not(.disabled):focus, .dataTables_paginate.paging_simple .paginate_button:not(.disabled):hover {
color: #fff;
background-color: #1c2e37
}
.paginate-left .dataTables_paginate {
float: left
}
.paging_simple .paginate_button:focus, .paging_simple .paginate_button:hover {
color: #fff;
background-color: #2196f3
}
.dataTables_scroll {
clear: both
}
.dataTables_scroll .dataTables_scrollHead table {
border-bottom: 0
}
.dataTables_scroll .dataTables_scrollHead td, .dataTables_scroll .dataTables_scrollHead th {
white-space: nowrap
}
.dataTables_scroll .dataTables_scrollBody {
-webkit-overflow-scrolling: touch
}
.dataTables_scroll .dataTables_scrollBody table {
border-bottom: 0
}
.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before {
content: none
}
.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
border-top: 0
}
.dataTables_scroll .dataTables_scrollBody td, .dataTables_scroll .dataTables_scrollBody th {
white-space: nowrap
}
.dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing, .dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0;
padding: 0
}
.card-body+*>.dataTables_wrapper, .card-body+.dataTables_wrapper {
border-top: 1px solid #ddd
}
.card-body>.dataTables_wrapper .datatable-footer {
border-top: 0
}
.card-body>.dataTables_wrapper .datatable-footer .dataTables_filter, .card-body>.dataTables_wrapper .datatable-footer .dataTables_info, .card-body>.dataTables_wrapper .datatable-footer .dataTables_length, .card-body>.dataTables_wrapper .datatable-footer .dataTables_paginate {
margin-bottom: 0
}
.card-header:not([class*=bg-])+.dataTables_wrapper>.datatable-header {
padding-top: 0
}
.card>.dataTables_wrapper .table-bordered {
border: 0
}
.card>.dataTables_wrapper .table-bordered>tbody>tr>td:first-child, .card>.dataTables_wrapper .table-bordered>tbody>tr>th:first-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>td:first-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>th:first-child, .card>.dataTables_wrapper .table-bordered>thead>tr>td:first-child, .card>.dataTables_wrapper .table-bordered>thead>tr>th:first-child {
border-left: 0
}
.card>.dataTables_wrapper .table-bordered>tbody>tr>td:last-child, .card>.dataTables_wrapper .table-bordered>tbody>tr>th:last-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>td:last-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>th:last-child, .card>.dataTables_wrapper .table-bordered>thead>tr>td:last-child, .card>.dataTables_wrapper .table-bordered>thead>tr>th:last-child {
border-right: 0
}
.card>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td, .card>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th {
border-bottom: 0
}
.datatable-scroll, .datatable-scroll-lg, .datatable-scroll-sm {
min-height: .01%
}
.datatable-scroll-wrap {
width: 100%;
min-height: .01%;
overflow-x: auto
}
@media (max-width:768.98px) {
.datatable-scroll-sm {
width: 100%;
overflow-x: scroll
}
.datatable-scroll-sm td, .datatable-scroll-sm th {
white-space: nowrap
}
}
@media (max-width:991.98px) {
.datatable-scroll {
width: 100%;
overflow-x: scroll
}
.datatable-scroll td, .datatable-scroll th {
white-space: nowrap
}
}
@media (max-width:1199.98px) {
.datatable-scroll-lg {
width: 100%;
overflow-x: scroll
}
.datatable-scroll-lg td, .datatable-scroll-lg th {
white-space: nowrap
}
}
@media (max-width:768.98px) {
.ColVis, .DTTT_container, .dataTables_filter, .dataTables_info, .dataTables_length, .dataTables_paginate {
float: none!important;
text-align: center;
margin-left: 0
}
.dataTables_info, .dataTables_paginate {
margin-top: 0
}
.datatable-header {
text-align: center
}
}
.DTCR_clonedTable {
background-color: rgba(255,255,255,.8);
z-index: 202;
cursor: move
}
.DTCR_clonedTable td, .DTCR_clonedTable th {
border: 1px solid #ddd!important
}
.DTCR_pointer {
width: 1px;
background-color: #2196f3;
z-index: 201
}
.dt-rowReorder-float {
position: absolute!important;
table-layout: static;
outline: 1px dashed #ddd;
outline-offset: -1px;
background-color: #fff;
z-index: 1030;
cursor: move;
opacity: .9
}
.dt-rowReorder-moving {
outline: 1px solid #ddd;
outline-offset: -1px
}
.dt-rowReorder-noOverflow {
overflow-x: hidden
}
.dataTable td.reorder {
text-align: center;
cursor: move
}
.DTFC_ScrollWrapper thead th {
white-space: nowrap
}
.DTFC_Cloned {
background-color: #fff;
border-bottom: 0
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper, .DTFC_LeftWrapper .DTFC_LeftFootWrapper, .DTFC_LeftWrapper .DTFC_LeftHeadWrapper {
border-right: 1px solid #ddd
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper, .DTFC_RightWrapper .DTFC_RightFootWrapper, .DTFC_RightWrapper .DTFC_RightHeadWrapper {
border-left: 1px solid #ddd
}
.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before {
content: none
}
.DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>td, .DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>th, .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>td, .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>th {
border-top: 0
}
.DTFC_Blocker {
background-color: #fff
}
.dt-autofill-handle {
position: absolute;
z-index: 102;
border: 1px solid #2196f3;
background-color: #2196f3;
width:.5rem;
height:.5rem
}
.dt-autofill-select {
position: absolute;
z-index: 1001;
background-color: #2196f3;
background-image:repeating-linear-gradient(45deg, transparent, transparent .3125rem, rgba(255,255,255,.75) .3125rem, rgba(255,255,255,.75) .625rem)
}
.dt-autofill-select.bottom, .dt-autofill-select.top {
height: 1px
}
.dt-autofill-select.left, .dt-autofill-select.right {
width: 1px
}
.dt-autofill-list {
position: fixed;
top: 50%;
left: 50%;
width: 31.25rem;
margin-left: -15.63rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.2);
z-index: 1050;
padding:.5rem 0;
border-radius:.25rem
}
.dt-autofill-list ul {
display: table;
margin: 0;
padding: 0;
list-style: none;
width: 100%
}
.dt-autofill-list ul li {
display: table-row;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dt-autofill-list ul li {
transition: none
}
}
.dt-autofill-list ul li:hover {
color: #333;
background-color: #eee
}
.dt-autofill-list .dt-autofill-question {
display: table-cell;
padding:.5rem 1rem
}
.dt-autofill-list .dt-autofill-question input[type=number] {
padding:.375rem;
width: 1.875rem;
margin:-.125rem 0
}
.dt-autofill-list .dt-autofill-button {
display: table-cell;
padding:.5rem 1rem;
text-align: right
}
.dt-autofill-list .dt-autofill-button .btn {
padding:.1875rem;
background-color: #2196f3;
color: #fff;
font-size: 0
}
.dt-autofill-list .dt-autofill-button .btn:after {
content: "";
font-family: icomoon;
display: block;
font-size: 1rem;
width: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dt-autofill-list .dt-autofill-button .btn:hover {
opacity: .85
}
.dt-autofill-background {
position: fixed;
top: 0;
left: 0;
background-color: #000;
z-index: 1040;
opacity: .35;
width: 100%;
height: 100%
}
.dataTable tbody>tr.selected, .dataTable tbody>tr>.selected {
background-color: #e9f7f1
}
.dataTables_wrapper .select-info, .dataTables_wrapper .select-item {
margin-left:.625rem
}
@media (max-width:768.98px) {
.dataTables_wrapper .select-info, .dataTables_wrapper .select-item {
margin-left: 0;
display: block
}
}
.dataTable tbody .select-checkbox {
position: relative
}
.dataTable tbody .select-checkbox:after, .dataTable tbody .select-checkbox:before {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
width: 1.25rem;
height: 1.25rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.dataTable tbody .select-checkbox:before {
content: '';
background-color: #fff;
border: 2px solid #ddd;
border-radius:.1875rem;
transition: border-color ease-in-out .15s, background-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dataTable tbody .select-checkbox:before {
transition: none
}
}
.dataTable tbody .select-checkbox:after {
content: '';
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e") no-repeat 50%/50% 50%;
opacity: 0;
transition: opacity ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dataTable tbody .select-checkbox:after {
transition: none
}
}
.dataTable tbody .selected .select-checkbox:after, .dataTable tbody .selected .select-checkbox:before {
border-color: #2196f3
}
.dataTable tbody .selected .select-checkbox:before {
background-color: #2196f3
}
.dataTable tbody .selected .select-checkbox:after {
opacity: 1
}
.dt-buttons-full .dt-buttons {
float: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
border-bottom: 1px solid #ddd;
padding-top: 1.25rem;
padding-bottom:.625rem;
background-color: rgba(0,0,0,.02)
}
.dt-buttons-full .dt-buttons>.btn {
margin-bottom:.625rem;
float: none
}
.dt-buttons {
position: relative;
float: right;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 1.25rem 1.25rem
}
.dt-buttons-left .dt-buttons {
float: left
}
.dt-buttons>.btn {
border-radius: 0
}
.dt-buttons>.btn:first-child {
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.dt-buttons>.btn:last-of-type {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.dt-buttons>.btn+.btn {
margin-left: -1px
}
@media (max-width:768.98px) {
.dt-buttons {
float: none;
text-align: center;
display: block
}
.dt-buttons .btn {
float: none
}
}
.dt-button-background {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
z-index: 1040;
opacity: .35
}
.dt-button-collection {
position: absolute;
background-color: #fff;
display: block;
z-index: 1050;
padding:.5rem 0;
overflow: hidden;
min-width: 12.5rem;
-webkit-column-gap:.125rem;
-moz-column-gap:.125rem;
column-gap:.125rem;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.dt-button-collection:not(.fixed) {
top: 100%!important;
left: auto!important;
right: 0!important
}
.dt-button-collection .dt-button {
padding:.5rem 1rem;
color: #333;
background-color: transparent;
border: 0;
display: block;
outline: 0;
width: 100%;
text-align: left;
cursor: pointer;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.dt-button-collection .dt-button {
transition: none
}
}
.dt-button-collection .dt-button+.dt-button {
margin-top: 1px
}
.dt-button-collection .dt-button:focus, .dt-button-collection .dt-button:hover {
color: #333;
background-color: #eee
}
.dt-button-collection .dt-button.active {
color: #fff;
background-color: #2196f3
}
.dt-button-collection.fixed {
position: fixed;
top: 50%;
left: 50%;
margin-left: -4.6875rem;
padding-left:.5rem;
padding-right:.5rem
}
.dt-button-collection.fixed.two-column {
margin-left: -9.375rem
}
.dt-button-collection.fixed.three-column {
margin-left: -14.065rem
}
.dt-button-collection.fixed.four-column {
margin-left: -18.75rem
}
.dt-button-collection>* {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid
}
.dt-button-collection.two-column {
width: 18.75rem;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.dt-button-collection.three-column {
width: 28.13rem;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.dt-button-collection.four-column {
width: 37.5rem;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.dt-button-info {
position: fixed;
top: 1.25rem;
right: 1.25rem;
width: 20rem;
background-color: #2196f3;
color: #fff;
border: 1px solid #2196f3;
padding: 1rem 1.25rem;
z-index: 1070;
border-radius:.25rem;
box-shadow:0 .25rem .5rem rgba(0,0,0,.1)
}
.dt-button-info h2 {
font-size: 1rem;
margin-bottom:.3125rem;
line-height: 1.5715;
letter-spacing: -.015em
}
.dataTable td.focus, .dataTable th.focus {
outline: 2px solid #2196f3;
outline-offset: -1px
}
.dataTable td.focus-success, .dataTable th.focus-success {
outline-color: #25b372
}
.dataTable td.focus-info, .dataTable th.focus-info {
outline-color: #2cbacc
}
.dataTable td.focus-warning, .dataTable th.focus-warning {
outline-color: #f58646
}
.dataTable td.focus-danger, .dataTable th.focus-danger {
outline-color: #ef5350
}
.DTS tbody td, .DTS tbody th {
white-space: nowrap
}
.DTS .DTS_Loading {
position: absolute;
top: 50%;
left: 50%;
width: 12.5rem;
height: 1.25rem;
margin-top: -1.25rem;
margin-left: -6.25rem;
z-index: 1;
border: 1px solid #ddd;
padding: 1.25rem 0;
text-align: center
}
.DTS .dataTables_scrollFoot, .DTS .dataTables_scrollHead {
background-color: #fff
}
.DTS .dataTables_scrollBody {
z-index: 2
}
.dtr-inline.collapsed tbody tr td:before, .dtr-inline.collapsed tbody tr th:before {
margin-right:.625rem
}
.dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child {
position: relative;
cursor: pointer;
white-space: nowrap
}
.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before {
display: none
}
.dtr-column tbody td.control, .dtr-column tbody th.control {
position: relative;
cursor: pointer
}
.dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before, .dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before {
content: "";
font-family: icomoon;
display: inline-block;
font-size: 1rem;
width: 1rem;
line-height: 1;
position: relative;
top:-.0625rem;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dataTable.dtr-column tbody tr.parent td.control:before, .dataTable.dtr-column tbody tr.parent th.control:before, .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
content: ""
}
.dtr-inline.collapsed tbody tr.child td:before {
display: none
}
.dataTable tr.child:hover {
background-color: transparent
}
.dataTable tr.child .dtr-title {
display: table-cell;
font-weight: 500;
padding-right: 2.5rem
}
.dataTable tr.child .dtr-data {
display: table-cell;
padding:.5rem 0;
white-space: normal
}
.dataTable tr td.child {
white-space: normal;
position: relative
}
.dataTable tr td.child>ul {
display: table;
table-layout: fixed;
width: 100%;
list-style: none;
margin: 0;
padding: 0
}
.dataTable tr td.child>ul>li {
display: table-row
}
.map-container {
height: 500px
}
.gm-style {
font-size:.875rem
}
.gm-style .gm-style-iw {
font-size:.875rem;
font-weight: 400
}
.vector-map-container {
height: 500px
}
.jvectormap-label {
position: absolute;
display: none;
background-color: #000;
color: #fff;
padding:.375rem .75rem;
border-radius:.25rem
}
.jvectormap-zoomin, .jvectormap-zoomout {
position: absolute;
left: 1.25rem;
padding:.5rem;
color: #fff;
cursor: pointer;
font-size: 1rem;
font-weight: 300;
line-height:.625rem;
color: #fff;
background-color: #333;
text-align: center;
border-radius:.25rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.jvectormap-zoomin, .jvectormap-zoomout {
transition: none
}
}
.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
color: #fff;
background-color: #555
}
.jvectormap-zoomin {
top:.625rem
}
.jvectormap-zoomout {
top: 2.5rem
}
.chart-container {
position: relative;
width: 100%
}
.chart-container.has-scroll {
overflow-x: scroll;
overflow-y: visible;
max-width: 100%
}
@media (max-width:768.98px) {
.chart-container {
overflow-x: scroll;
overflow-y: visible;
max-width: 100%
}
}
.chart {
position: relative;
display: block;
width: 100%
}
[dir=rtl] .chart {
direction: ltr
}
.chart.has-minimum-width {
min-width: 37.5rem
}
.has-fixed-height {
height: 400px
}
.chart-pie {
width: 100%;
height: 400px;
min-width: 31.25rem
}
.c3 svg {
font-size:.8125rem
}
.c3 line, .c3 path {
fill: none
}
.c3 text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.c3-axis line, .c3-axis path, .c3-axis-x line, .c3-axis-x path, .c3-axis-y line, .c3-axis-y path {
stroke: #999
}
.c3-axis .tick, .c3-axis-x .tick, .c3-axis-y .tick {
fill: #333
}
.c3-axis-x-label, .c3-axis-x2-label, .c3-axis-y-label, .c3-axis-y2-label, .c3-xgrid-line text, .c3-ygrid-line text {
fill: rgba(51,51,51,.75)
}
.c3 path.domain, .c3-bars path, .c3-event-rect, .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid {
shape-rendering: crispEdges
}
.c3-grid line {
stroke: #ddd
}
.c3-xgrid, .c3-ygrid {
stroke-dasharray: 3 3
}
.c3-text {
font-weight: 500
}
.c3-text.c3-empty {
fill: rgba(51,51,51,.5)
}
.c3-line {
stroke-width: 2px
}
.c3-area {
stroke-width: 0;
opacity: .4
}
.c3-bar {
stroke-width: 0
}
.c3-bar._expanded_ {
fill-opacity: .75
}
.c3-chart-arc path {
stroke: #fff;
stroke-width: 2px
}
.c3-chart-arc text {
fill: #fff;
font-size:.875rem
}
.c3-chart-arc .c3-gauge-value {
fill: #333;
font-size: 1.625rem
}
.c3-chart-arcs-title {
font-size: 1rem;
fill: #333
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #f9f9f9;
stroke: none
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #333;
font-size: 1rem
}
.c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #333
}
.c3-target.c3-focused {
opacity: 1
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
stroke-width: 2px
}
.c3-target.c3-defocused {
opacity: .3!important
}
.c3-region {
fill: #ccc;
fill-opacity: 1
}
.c3-brush .extent {
fill-opacity: .1
}
.c3-legend-item {
font-size:.8125rem
}
.c3-legend-item text {
fill: #333
}
.c3-circle {
fill: currentColor
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
background-color: #000;
color: #fff;
empty-cells: show;
opacity: 1;
border-radius:.25rem
}
.c3-tooltip th {
padding:.5rem 1.25rem;
font-weight: 500;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.c3-tooltip td {
padding:.5rem 1.25rem;
border-top: 1px solid rgba(255,255,255,.1)
}
.c3-tooltip td>span {
display: inline-block;
margin-right:.625rem;
width:.5rem;
height:.5rem
}
.c3-tooltip td.value {
text-align: right
}
.d3-text {
fill: #333
}
.d3-slice-border {
stroke: #fff;
stroke-width: 1.5px
}
.d3-state-empty {
fill: #eee
}
.d3-bg {
fill: #fff
}
.d3-axis line, .d3-axis path {
stroke: #999;
shape-rendering: crispEdges
}
.d3-axis path {
fill: none
}
.d3-axis .tick, .d3-axis .tick text {
font-size:.8125rem;
fill: #333
}
.d3-axis-transparent path {
stroke: none
}
.d3-axis-title {
font-size:.8125rem;
fill: rgba(51,51,51,.75)
}
.d3-tip {
position: absolute;
padding:.375rem .75rem;
background-color: #000;
color: #fff;
margin-bottom:-.25rem;
font-size:.875rem;
z-index: 1070;
border-radius:.25rem
}
.d3-tip .d3-tip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.d3-tip.n .d3-tip-arrow {
bottom:-.25rem;
left: 50%;
margin-left:-.25rem;
border-width:.25rem .25rem 0;
border-top-color: #000
}
.d3-tip.e .d3-tip-arrow {
top: 50%;
margin-top:-.25rem;
left:-.25rem;
border-width:.25rem .25rem .25rem 0;
border-right-color: #000
}
.d3-tip.w .d3-tip-arrow {
top: 50%;
margin-top:-.25rem;
right:-.25rem;
border-width:.25rem 0 .25rem .25rem;
border-left-color: #000
}
.d3-tip.s .d3-tip-arrow {
top: 0;
left: 50%;
margin-left:-.25rem;
border-width:0 .25rem .25rem;
border-bottom-color: #000
}
.venntooltip {
position: absolute;
text-align: center;
white-space: nowrap;
background-color: #000;
color: #fff;
padding:.375rem .75rem;
display: none;
border-radius:.25rem
}
.d3-line {
fill: none
}
.d3-line-thin {
stroke-width: 1px
}
.d3-line-medium {
stroke-width: 1.5px
}
.d3-line-strong {
stroke-width: 2px
}
.d3-line-circle {
fill: #fff;
cursor: pointer
}
.d3-line-circle-thin {
stroke-width: 1px
}
.d3-line-circle-medium {
stroke-width: 1.5px
}
.d3-line-circle-strong {
stroke-width: 2px
}
.d3-line-connect {
fill: none;
stroke: #999
}
.d3-grid .tick line {
stroke-width: 1px;
stroke: #ddd
}
.d3-grid-dashed .tick line {
stroke-dasharray: 4, 2;
stroke: #ddd
}
.d3-grid-dashed path {
stroke-width: 0
}
.d3-crosshair-overlay {
fill: none;
pointer-events: all
}
.d3-crosshair-pointer text {
fill: #333
}
.d3-crosshair-line {
fill: none;
stroke: #999;
stroke-width: 1px;
shape-rendering: crispEdges;
pointer-events: none
}
.bullet-tick line {
stroke: #999;
stroke-width: 1px;
shape-rendering: crispEdges
}
.bullet-tick text {
fill: #333;
font-size:.8125rem
}
.bullet-marker {
stroke-width: 2px;
shape-rendering: crispEdges
}
.bullet-title {
fill: #333;
font-size:.875rem;
font-weight: 500
}
.bullet-subtitle {
fill: #333
}
.bullet-1 .bullet-range-1 {
fill: rgba(33,150,243,.8)
}
.bullet-1 .bullet-range-2 {
fill: rgba(33,150,243,.4)
}
.bullet-1 .bullet-range-3 {
fill: #2196f3
}
.bullet-1 .bullet-measure-1 {
fill: rgba(33,150,243,.9)
}
.bullet-1 .bullet-measure-2 {
fill: #fff
}
.bullet-1 .bullet-marker {
stroke: #0d3c61
}
.bullet-2 .bullet-range-1 {
fill: rgba(239,83,80,.6)
}
.bullet-2 .bullet-range-2 {
fill: rgba(239,83,80,.3)
}
.bullet-2 .bullet-range-3 {
fill: #ef5350
}
.bullet-2 .bullet-measure-1 {
fill: rgba(239,83,80,.9)
}
.bullet-2 .bullet-measure-2 {
fill: #fff
}
.bullet-2 .bullet-marker {
stroke: #602120
}
.bullet-3 .bullet-range-1 {
fill: rgba(37,179,114,.7)
}
.bullet-3 .bullet-range-2 {
fill: rgba(37,179,114,.35)
}
.bullet-3 .bullet-range-3 {
fill: #25b372
}
.bullet-3 .bullet-measure-1 {
fill: rgba(37,179,114,.9)
}
.bullet-3 .bullet-measure-2 {
fill: #fff
}
.bullet-3 .bullet-marker {
stroke: #0f482e
}
.counter-icon {
font-size: 2rem;
position: absolute;
left: 50%;
margin-left: -1rem
}
.d3-legend text {
fill: #333;
font-size:.8125rem
}
.d3-legend line {
stroke: #999;
stroke-width: 1px
}
.chart-widget-legend {
margin:.625rem 0 0 0;
padding: 0;
fill: #333;
font-size:.8125rem;
text-align: center
}
.chart-widget-legend li {
margin:.3125rem .625rem 0;
padding:.4375rem .5rem .3125rem;
display: inline-block
}
.color-selector-active {
position: relative
}
.color-selector-active i {
position: absolute;
top: 50%;
left: 50%;
margin-top:-.5rem;
margin-left:-.5rem
}
.pricing-table-price {
font-size: 2.625rem
}
.pricing-table-price>span {
font-size: 1.875rem
}
.pricing-table-list li {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.card[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .pricing-table-list li {
border-bottom-color: rgba(255,255,255,.2)
}
.ribbon-container {
width: 6.5rem;
height: 6.625rem;
overflow: hidden;
position: absolute;
top: -1px;
right: -1px
}
.ribbon {
text-align: center;
font-size:.8125rem;
line-height: 1.6924;
font-weight: 500;
text-transform: uppercase;
position: relative;
padding:.3125rem 0;
left:-.6875rem;
top: 1.563rem;
width: 9.375rem;
z-index: 10;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 0 4px 6px rgba(0,0,0,.1)
}
.blog-horizontal .card-img-actions {
width: 100%
}
@media (min-width:576px) {
.blog-horizontal .card-img-actions {
width: 45%;
float: left;
max-width: 25rem;
z-index: 10
}
}
@media (min-width:576px) {
.blog-horizontal-xs .card-img-actions {
width: 35%;
max-width: 12.5rem
}
}
@media (min-width:576px) {
.blog-horizontal-sm .card-img-actions {
width: 40%;
max-width: 18.75rem
}
}
@media (min-width:576px) {
.blog-horizontal-lg .card-img-actions {
width: 50%;
max-width: 31.25rem
}
}
.timer-number {
font-size: 3rem;
line-height: 1
}
.timer-dots {
font-size: 1.5rem;
padding:.75rem 0;
line-height: 1
}
.table-inbox {
table-layout: fixed;
min-width: 769px
}
.table-inbox tr {
cursor: pointer;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.table-inbox tr {
transition: none
}
}
.table-inbox tr:not([class*=bg-]) {
background-color: #fafafa
}
.table-inbox tr td:not(:first-child) {
padding-left: 0
}
.table-inbox tr.unread {
font-weight: 700
}
.table-inbox tr.unread:not([class*=bg-]) {
background-color: #fff
}
.table-inbox-checkbox {
width: 3.75rem
}
.table-inbox-attachment, .table-inbox-star {
width: 2.25rem
}
.table-inbox-image {
width: 3.5rem
}
.table-inbox-name {
width: 11.25rem
}
@media (max-width:768.98px) {
.table-inbox-subject {
display: block;
overflow: hidden;
text-overflow: ellipsis
}
}
.table-inbox-message {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.table-inbox-time {
text-align: right;
width: 5rem
}
.profile-cover {
position: relative
}
.profile-cover .media {
position: absolute;
left: 1.25rem;
right: 1.25rem;
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.profile-cover .media .btn {
box-shadow:0 0 .1875rem rgba(0,0,0,.5)!important
}
@media (min-width:769px) {
.profile-cover .media {
bottom: 1.25rem;
-webkit-transform: none;
transform: none
}
}
.profile-cover .media-body {
text-shadow:0 0 .1875rem rgba(0,0,0,.5)
}
.profile-cover-img {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 21.88rem
}
.profile-thumb img {
border: 3px solid #fff;
box-shadow:0 0 .1875rem rgba(0,0,0,.5);
width: 6.25rem;
height: 6.25rem
}
.login-cover {
background: url(../../../../../../global_assets/images/login_cover.jpg) no-repeat;
background-size: cover
}
.login-form {
width: 100%
}
.login-form .nav-item:first-child .nav-link {
border-top-left-radius:calc(.25rem - 1px)
}
.login-form .nav-item:last-child .nav-link {
border-top-right-radius:calc(.25rem - 1px)
}
.login-form .link_wrap > div:first-child:after {
content:"";
display:inline-block;
width:1px; height:12px;
margin:0 10px; margin-top:-2px;
background:#2196f3;
}
@media (min-width:576px) {
.login-form {
width: 20rem
}
}
.timeline {
position: relative
}
.timeline:after, .timeline:before {
content: "";
position: absolute;
left: 50%;
margin-left: -2px;
background-color: #ccc;
z-index: 1;
width: 4px;
height: 4px;
border-radius: 50rem
}
.timeline:before {
top: -4px
}
.timeline:after {
bottom: -4px
}
.timeline-container {
position: relative;
padding-top:.625rem;
margin-top:-.625rem;
padding-bottom: 1px
}
.timeline-container:before {
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
background-color: #ccc;
height: 100%;
width: 2px
}
.timeline-row {
position: relative
}
.timeline-date {
text-align: center;
background-color: #f5f5f5;
position: relative;
z-index: 1;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
margin-bottom: 1.25rem
}
.timeline-date:after, .timeline-date:before {
content: "";
position: absolute;
left: 50%;
margin-left: -2px;
background-color: #ccc;
z-index: 1;
width: 4px;
height: 4px;
border-radius: 50rem
}
.timeline-date:before {
top: 0
}
.timeline-date:after {
bottom: 0
}
.card .timeline-date {
background-color: #fff
}
.timeline-time {
text-align: center;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
background-color: #f5f5f5;
position: relative;
margin-bottom: 1.25rem
}
.timeline-time:after, .timeline-time:before {
content: "";
position: absolute;
left: 50%;
margin-left: -2px;
background-color: #ccc;
width: 4px;
height: 4px;
border-radius: 50rem
}
.timeline-time:before {
top: 0
}
.timeline-time:after {
bottom: 0
}
.card .timeline-time {
background-color: #fff
}
@media (min-width:769px) {
.timeline-time:after, .timeline-time:before {
content: none
}
}
.timeline-icon {
margin: 0 auto 1.25rem auto;
background-color: #fff;
border: 4px solid #f5f5f5;
width: 3rem;
height: 3rem;
border-radius: 50rem
}
.card .timeline-icon {
border-color: #fff
}
.timeline-icon div {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
box-shadow: 0 0 0 2px #ccc inset;
border-radius: 50rem
}
.timeline-icon div[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) {
box-shadow: none
}
.timeline-icon div>i {
top: 0
}
.timeline-icon img {
width: 2.5rem;
height: 2.5rem;
border-radius: 50rem
}
@media (min-width:769px) {
.timeline-center .timeline-row-left {
margin-right: 50%;
padding-right: 2.75rem
}
.timeline-center .timeline-row-right {
margin-left: 50%;
padding-left: 2.75rem
}
.timeline-left .timeline-container:before, .timeline-left .timeline-date:after, .timeline-left .timeline-date:before, .timeline-left:after, .timeline-left:before {
left: 1.5rem
}
.timeline-left .timeline-date, .timeline-left .timeline-row {
padding-left: 4.42857rem
}
.timeline-right .timeline-container:before, .timeline-right .timeline-date:after, .timeline-right .timeline-date:before, .timeline-right:after, .timeline-right:before {
left: auto;
right: 1.5rem
}
.timeline-right .timeline-date:after, .timeline-right .timeline-date:before, .timeline-right:after, .timeline-right:before {
margin-left: 0;
margin-right: -1px
}
.timeline-right .timeline-date, .timeline-right .timeline-row {
padding-right: 4.42857rem
}
.timeline-left .timeline-date, .timeline-right .timeline-date {
padding-top:.625rem;
padding-bottom:.625rem
}
.timeline-icon {
position: absolute;
top:.625rem
}
.timeline-icon:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 1rem;
background-color: #ccc;
z-index: 1
}
.timeline-left .timeline-icon {
left: 0
}
.timeline-left .timeline-icon:after {
left: 100%;
margin-left: 4px
}
.timeline-right .timeline-icon {
right: 0
}
.timeline-right .timeline-icon:after {
right: 100%;
margin-right: 4px
}
.timeline-center .timeline-row-left .timeline-icon {
left: 100%;
margin-left: -1.5rem
}
.timeline-center .timeline-row-left .timeline-icon:after {
right: 100%;
margin-right: 4px
}
.timeline-center .timeline-row-right .timeline-icon {
right: 100%;
margin-right: -1.5rem
}
.timeline-center .timeline-row-right .timeline-icon:after {
left: 100%;
margin-left: 4px
}
.timeline-center .timeline-row-full .timeline-icon {
position: static
}
.timeline-center .timeline-row-full .timeline-icon:after {
content: none
}
.timeline-time {
padding: 0;
text-align: inherit;
background-color: transparent
}
.timeline-time:before {
content: none
}
.timeline-left .timeline-time, .timeline-right .timeline-time {
padding-top:.625rem;
margin-bottom: 1.25rem;
padding-left: 1.25rem
}
.timeline-right .timeline-time {
text-align: right;
padding-left: 0;
padding-right: 1.25rem
}
.timeline-center .timeline-row-full .timeline-time, .timeline-center .timeline-time {
position: absolute;
left: 100%;
top:.875rem;
width: 100%;
padding-left: 2.75rem
}
.timeline-center .timeline-row-full .timeline-time, .timeline-center .timeline-row-right .timeline-time {
left: auto;
right: 100%;
padding-left: 0;
padding-right: 2.75rem;
text-align: right
}
.timeline-center .timeline-row-full .timeline-time {
right: 50%;
top: 4px
}
}
.media-chat-scrollable {
max-height: 520px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
overflow: auto
}
.media-chat-scrollable:not(.flex-column) .media:last-child {
margin-top: 1.25rem
}
.media-chat-scrollable:not(.flex-column) .media:first-child {
margin-top: 0
}
@media (min-width:576px) {
.media-chat .media {
margin-right: 20%
}
.media-chat .media.media-chat-item-reverse {
margin-right: 0;
margin-left: 20%
}
}
.media-chat-item {
position: relative;
padding:.625rem 1rem;
width: auto;
display: inline-block;
color: #333;
border-radius:.25rem
}
.media-chat-item:not([class*=bg-]) {
background-color: #eee;
border-color: #eee
}
.media-chat-item:before {
content: '';
left: -5px;
top: 1rem;
position: absolute;
margin-left: 0;
border-top: 5px solid transparent;
border-right: 5px solid;
border-right-color: inherit;
border-bottom: 5px solid transparent
}
.media-chat-item-reverse .media-chat-item:before {
left: auto;
right: -5px;
border-right: 0;
border-left: 5px solid;
border-left-color: inherit
}
.media-chat-item-reverse .media-chat-item {
text-align: left;
color: #fff
}
.media-chat-item-reverse .media-chat-item:not([class*=bg-]) {
background-color: #2196f3;
border-color: #2196f3
}
.media-chat-item-reverse .media-body {
text-align: right
}
.media-chat-inverse .media-chat-item {
color: #fff
}
.media-chat-inverse .media-chat-item:not([class*=bg-]) {
background-color: #2196f3;
border-color: #2196f3
}
.media-chat-inverse .media-chat-item-reverse .media-chat-item {
color: #333
}
.media-chat-inverse .media-chat-item-reverse .media-chat-item:not([class*=bg-]) {
background-color: #eee;
border-color: #eee
}
.error-title {
color: #fff;
font-size: 8.125rem;
line-height: 1;
margin-bottom: 2.5rem;
font-weight: 300;
text-stroke: 1px transparent;
display: block;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)
}
@media (min-width:576px) {
.error-title {
font-size: 12.5rem
}
}
.offline-title {
font-size: 6.875rem
}
@media (min-width:576px) {
.offline-title {
font-size: 10rem
}
}
.card-header .header-elements {
padding-top: 1.25rem
}
.page-header-dark .header-elements, .page-header-light .header-elements {
padding-bottom: 1.25rem
}
.breadcrumb-line .header-elements {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding: 0 1.25rem;
border-top: 1px solid #ddd
}
.breadcrumb-line-light .header-elements {
border-color: #ddd
}
.breadcrumb-line-dark .header-elements {
border-color: rgba(255,255,255,.25)
}
.header-elements .form-group:last-child {
margin-bottom: 0
}
.footer-elements-toggle, .header-elements-toggle {
margin-left: auto;
-ms-flex-item-align: center;
align-self: center
}
.header-elements-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.header-elements-inline .header-elements {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: 0;
margin-left: 0;
margin-right: 0
}
.header-elements-inline .card-header-tabs .nav-link {
padding-top: 1.0625rem;
padding-bottom: 1.0625rem
}
@media (min-width:576px) {
.header-elements-sm-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.header-elements-sm-inline .header-elements {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: 0;
margin-left: 0;
margin-right: 0
}
.header-elements-sm-inline .card-header-tabs .nav-link {
padding-top: 1.0625rem;
padding-bottom: 1.0625rem
}
}
@media (min-width:769px) {
.header-elements-md-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.header-elements-md-inline .header-elements {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: 0;
margin-left: 0;
margin-right: 0
}
.header-elements-md-inline .card-header-tabs .nav-link {
padding-top: 1.0625rem;
padding-bottom: 1.0625rem
}
}
@media (min-width:992px) {
.header-elements-lg-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.header-elements-lg-inline .header-elements {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: 0;
margin-left: 0;
margin-right: 0
}
.header-elements-lg-inline .card-header-tabs .nav-link {
padding-top: 1.0625rem;
padding-bottom: 1.0625rem
}
}
@media (min-width:1200px) {
.header-elements-xl-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.header-elements-xl-inline .header-elements {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: 0;
margin-left: 0;
margin-right: 0
}
.header-elements-xl-inline .card-header-tabs .nav-link {
padding-top: 1.0625rem;
padding-bottom: 1.0625rem
}
}
.font-size-lg {
font-size:.9375rem
}
.font-size-base {
font-size:.875rem
}
.font-size-sm {
font-size:.8125rem
}
.font-size-xs {
font-size:.75rem
}
.line-height-lg {
line-height: 1.4667
}
.line-height-base {
line-height: 1.5715
}
.line-height-sm {
line-height: 1.6924
}
.line-height-xs {
line-height: 1.8334
}
.line-height-1 {
line-height: 1
}
.opacity-75 {
opacity: .75
}
.opacity-50 {
opacity: .5
}
.opacity-25 {
opacity: .25
}
.opacity-0 {
opacity: 0
}
.top-0 {
top: 0!important
}
.top-50 {
top: 50%!important
}
.top-100 {
top: 100%!important
}
.top-auto {
top: auto!important
}
.bottom-0 {
bottom: 0!important
}
.bottom-auto {
bottom: auto!important
}
.left-0 {
left: 0!important
}
.left-50 {
left: 50%!important
}
.left-100 {
left: 100%!important
}
.left-auto {
left: auto!important
}
.right-0 {
right: 0!important
}
.right-auto {
right: auto!important
}
.translate-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.translate-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.translate-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.cursor-pointer {
cursor: pointer
}
.cursor-move {
cursor: move
}
.cursor-default {
cursor: default
}
.cursor-disabled {
cursor: default
}
.border-y-0 {
border-top: 0!important;
border-bottom: 0!important
}
.border-x-0 {
border-left: 0!important;
border-right: 0!important
}
.border-2 {
border: 2px solid
}
.border-top-2 {
border-top: 2px solid
}
.border-bottom-2 {
border-bottom: 2px solid
}
.border-left-2 {
border-left: 2px solid
}
.border-right-2 {
border-right: 2px solid
}
.border-3 {
border: 3px solid
}
.border-top-3 {
border-top: 3px solid
}
.border-bottom-3 {
border-bottom: 3px solid
}
.border-left-3 {
border-left: 3px solid
}
.border-right-3 {
border-right: 3px solid
}
.border-dashed {
border-style: dashed
}
.border-top-dashed {
border-top-style: dashed
}
.border-bottom-dashed {
border-bottom-style: dashed
}
.border-left-dashed {
border-left-style: dashed
}
.border-right-dashed {
border-right-style: dashed
}
.border-dotted {
border-style: dotted
}
.border-transparent {
border-color: transparent!important
}
.border-top-transparent {
border-top-color: transparent!important
}
.border-bottom-transparent {
border-bottom-color: transparent!important
}
.border-left-transparent {
border-left-color: transparent!important
}
.border-right-transparent {
border-right-color: transparent!important
}
.bg-body {
background-color: #f5f5f5
}
.rounded-top-pill {
border-top-left-radius: 50rem!important;
border-top-right-radius: 50rem!important
}
.rounded-bottom-pill {
border-bottom-right-radius: 50rem!important;
border-bottom-left-radius: 50rem!important
}
.rounded-left-pill {
border-top-left-radius: 50rem!important;
border-bottom-left-radius: 50rem!important
}
.rounded-right-pill {
border-top-right-radius: 50rem!important;
border-bottom-right-radius: 50rem!important
}
.rounded-top-0 {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-bottom-0 {
border-bottom-right-radius: 0!important;
border-bottom-left-radius: 0!important
}
.rounded-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.rounded-right-0 {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.rotate-45 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.rotate-45-inverse {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.rotate-90-inverse {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.rotate-180-inverse {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.spinner {
display: inline-block;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite
}
.spinner-reverse {
display: inline-block;
-webkit-animation: rotation_reverse 1s linear infinite;
animation: rotation_reverse 1s linear infinite
}
@-webkit-keyframes rotation {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotation {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes rotation_reverse {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
@keyframes rotation_reverse {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
.h-auto {
height: auto
}
.w-auto {
width: auto!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-100 {
width: 100%!important
}
.wmin-0 {
min-width: 0!important
}
.wmin-200 {
min-width: 200px!important
}
.wmin-250 {
min-width: 250px!important
}
.wmin-300 {
min-width: 300px!important
}
.wmin-350 {
min-width: 350px!important
}
.wmin-400 {
min-width: 400px!important
}
.wmin-450 {
min-width: 450px!important
}
.wmin-500 {
min-width: 500px!important
}
.wmin-550 {
min-width: 550px!important
}
.wmin-600 {
min-width: 600px!important
}
.flex-0 {
-ms-flex: 0 1 auto!important;
flex: 0 1 auto!important
}
.flex-1 {
-ms-flex: 1!important;
flex: 1!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-visible {
overflow: visible!important
}
.border-0 {
border: 0!important
}
.border-top-0 {
border-top: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.border-right-0 {
border-right: 0!important
}
.rounded-top {
border-top-left-radius:.25rem!important;
border-top-right-radius:.25rem!important
}
.rounded-top-0 {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-left {
border-top-left-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
@media (min-width:576px) {
.w-sm-auto {
width: auto!important
}
.w-sm-25 {
width: 25%!important
}
.w-sm-50 {
width: 50%!important
}
.w-sm-75 {
width: 75%!important
}
.w-sm-100 {
width: 100%!important
}
.wmin-sm-0 {
min-width: 0!important
}
.wmin-sm-200 {
min-width: 200px!important
}
.wmin-sm-250 {
min-width: 250px!important
}
.wmin-sm-300 {
min-width: 300px!important
}
.wmin-sm-350 {
min-width: 350px!important
}
.wmin-sm-400 {
min-width: 400px!important
}
.wmin-sm-450 {
min-width: 450px!important
}
.wmin-sm-500 {
min-width: 500px!important
}
.wmin-sm-550 {
min-width: 550px!important
}
.wmin-sm-600 {
min-width: 600px!important
}
.flex-sm-0 {
-ms-flex: 0 1 auto!important;
flex: 0 1 auto!important
}
.flex-sm-1 {
-ms-flex: 1!important;
flex: 1!important
}
.overflow-sm-auto {
overflow: auto!important
}
.overflow-sm-visible {
overflow: visible!important
}
.border-sm-0 {
border: 0!important
}
.border-top-sm-0 {
border-top: 0!important
}
.border-bottom-sm-0 {
border-bottom: 0!important
}
.border-left-sm-0 {
border-left: 0!important
}
.border-right-sm-0 {
border-right: 0!important
}
.rounded-sm-top {
border-top-left-radius:.25rem!important;
border-top-right-radius:.25rem!important
}
.rounded-sm-top-0 {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-sm-left {
border-top-left-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-sm-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
}
@media (min-width:769px) {
.w-md-auto {
width: auto!important
}
.w-md-25 {
width: 25%!important
}
.w-md-50 {
width: 50%!important
}
.w-md-75 {
width: 75%!important
}
.w-md-100 {
width: 100%!important
}
.wmin-md-0 {
min-width: 0!important
}
.wmin-md-200 {
min-width: 200px!important
}
.wmin-md-250 {
min-width: 250px!important
}
.wmin-md-300 {
min-width: 300px!important
}
.wmin-md-350 {
min-width: 350px!important
}
.wmin-md-400 {
min-width: 400px!important
}
.wmin-md-450 {
min-width: 450px!important
}
.wmin-md-500 {
min-width: 500px!important
}
.wmin-md-550 {
min-width: 550px!important
}
.wmin-md-600 {
min-width: 600px!important
}
.flex-md-0 {
-ms-flex: 0 1 auto!important;
flex: 0 1 auto!important
}
.flex-md-1 {
-ms-flex: 1!important;
flex: 1!important
}
.overflow-md-auto {
overflow: auto!important
}
.overflow-md-visible {
overflow: visible!important
}
.border-md-0 {
border: 0!important
}
.border-top-md-0 {
border-top: 0!important
}
.border-bottom-md-0 {
border-bottom: 0!important
}
.border-left-md-0 {
border-left: 0!important
}
.border-right-md-0 {
border-right: 0!important
}
.rounded-md-top {
border-top-left-radius:.25rem!important;
border-top-right-radius:.25rem!important
}
.rounded-md-top-0 {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-md-left {
border-top-left-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-md-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
}
@media (min-width:992px) {
.w-lg-auto {
width: auto!important
}
.w-lg-25 {
width: 25%!important
}
.w-lg-50 {
width: 50%!important
}
.w-lg-75 {
width: 75%!important
}
.w-lg-100 {
width: 100%!important
}
.wmin-lg-0 {
min-width: 0!important
}
.wmin-lg-200 {
min-width: 200px!important
}
.wmin-lg-250 {
min-width: 250px!important
}
.wmin-lg-300 {
min-width: 300px!important
}
.wmin-lg-350 {
min-width: 350px!important
}
.wmin-lg-400 {
min-width: 400px!important
}
.wmin-lg-450 {
min-width: 450px!important
}
.wmin-lg-500 {
min-width: 500px!important
}
.wmin-lg-550 {
min-width: 550px!important
}
.wmin-lg-600 {
min-width: 600px!important
}
.flex-lg-0 {
-ms-flex: 0 1 auto!important;
flex: 0 1 auto!important
}
.flex-lg-1 {
-ms-flex: 1!important;
flex: 1!important
}
.overflow-lg-auto {
overflow: auto!important
}
.overflow-lg-visible {
overflow: visible!important
}
.border-lg-0 {
border: 0!important
}
.border-top-lg-0 {
border-top: 0!important
}
.border-bottom-lg-0 {
border-bottom: 0!important
}
.border-left-lg-0 {
border-left: 0!important
}
.border-right-lg-0 {
border-right: 0!important
}
.rounded-lg-top {
border-top-left-radius:.25rem!important;
border-top-right-radius:.25rem!important
}
.rounded-lg-top-0 {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-lg-left {
border-top-left-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-lg-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
}
@media (min-width:1200px) {
.w-xl-auto {
width: auto!important
}
.w-xl-25 {
width: 25%!important
}
.w-xl-50 {
width: 50%!important
}
.w-xl-75 {
width: 75%!important
}
.w-xl-100 {
width: 100%!important
}
.wmin-xl-0 {
min-width: 0!important
}
.wmin-xl-200 {
min-width: 200px!important
}
.wmin-xl-250 {
min-width: 250px!important
}
.wmin-xl-300 {
min-width: 300px!important
}
.wmin-xl-350 {
min-width: 350px!important
}
.wmin-xl-400 {
min-width: 400px!important
}
.wmin-xl-450 {
min-width: 450px!important
}
.wmin-xl-500 {
min-width: 500px!important
}
.wmin-xl-550 {
min-width: 550px!important
}
.wmin-xl-600 {
min-width: 600px!important
}
.flex-xl-0 {
-ms-flex: 0 1 auto!important;
flex: 0 1 auto!important
}
.flex-xl-1 {
-ms-flex: 1!important;
flex: 1!important
}
.overflow-xl-auto {
overflow: auto!important
}
.overflow-xl-visible {
overflow: visible!important
}
.border-xl-0 {
border: 0!important
}
.border-top-xl-0 {
border-top: 0!important
}
.border-bottom-xl-0 {
border-bottom: 0!important
}
.border-left-xl-0 {
border-left: 0!important
}
.border-right-xl-0 {
border-right: 0!important
}
.rounded-xl-top {
border-top-left-radius:.25rem!important;
border-top-right-radius:.25rem!important
}
.rounded-xl-top-0 {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important
}
.rounded-xl-left {
border-top-left-radius:.25rem!important;
border-bottom-left-radius:.25rem!important
}
.rounded-xl-left-0 {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
}
.no-transitions *, .no-transitions :after, .no-transitions :before {
transition: none!important
}
@media (prefers-reduced-motion:reduce) {
.no-transitions *, .no-transitions :after, .no-transitions :before {
transition: none
}
}
.placeholder-light::-webkit-input-placeholder {
color:#fff
}
.placeholder-light::-moz-placeholder {
color:#fff
}
.placeholder-light:-ms-input-placeholder {
color:#fff
}
.placeholder-light::-ms-input-placeholder {
color:#fff
}
.placeholder-light::placeholder {
color:#fff
}
.outline-0, .outline-0:focus, .outline-0:hover {
outline: 0
}
.scrollbar-hidden {
-webkit-overflow-scrolling: touch
}
.scrollbar-hidden::-webkit-scrollbar {
display:none!important
}
.text-shadow-dark {
text-shadow:0 0 .1875rem rgba(0,0,0,.5)
}
.text-shadow-light {
text-shadow:0 0 .1875rem rgba(255,255,255,.5)
}
.text-black {
color: #000!important
}
.shadow-1 {
box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)
}
.shadow-inverse-1 {
box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 -1px 2px rgba(0,0,0,.24)
}
.shadow-2 {
box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)
}
.shadow-3 {
box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23)
}
.shadow-4 {
box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22)
}
.shadow-5 {
box-shadow: 0 19px 38px rgba(0,0,0,.3), 0 15px 12px rgba(0,0,0,.22)
}
.jqueryui-demo-element {
background-color: #fafafa;
border: 2px dashed #ddd;
color: #ccc;
position: relative;
z-index: 10;
width: 90px;
height: 90px
}
.jqueryui-demo-element>span {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.selectable-demo-list {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
max-width: 200px
}
.selectable-demo-list>.ui-selectee, .selectable-demo-list>.ui-sortable-handle {
background-color: #f0f2f5;
border: 1px solid #cad1dc
}
.selectable-demo-list>.ui-selectee.ui-selected, .selectable-demo-list>.ui-selectee.ui-selecting, .selectable-demo-list>.ui-sortable-handle.ui-selected, .selectable-demo-list>.ui-sortable-handle.ui-selecting {
background-color: #2196f3!important;
border-color: #145a92!important;
color: #fff
}
.selectable-demo-list>.ui-sortable-helper:first-child+li {
margin-top: 0
}
.selectable-demo-connected+.selectable-demo-connected {
margin-top: 1.25rem
}
@media (min-width:576px) {
.selectable-demo-connected+.selectable-demo-connected {
margin-top: 0;
margin-left: 1.25rem
}
}
.droppable-demo-target {
width: 110px;
height: 110px;
background-color: #e9f5fe;
border-color: #2196f3;
color: #0d3c61;
z-index: 9
}
.droppable-demo-drop {
background-color: #e9f7f1;
border-color: #25b372;
color: #0f482e
}
.demo-color {
height: 10rem;
position: relative;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.demo-color>span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding:.375rem;
background-color: rgba(0,0,0,.2);
font-size:.8125rem;
color: #fff
}
.glyphs>div>div {
padding:.5rem 1rem;
transition: all ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.glyphs>div>div {
transition: none
}
}
.glyphs>div>div:hover {
background-color: #252b36;
color: #fff;
border-radius:.25rem
}
.glyphs>div>div:hover .text-muted {
color: rgba(255,255,255,.75)
}
.demo-velocity-box {
padding:.75rem 1rem;
margin-bottom: 1.25rem;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ccc;
text-align: center;
background-color: #fafafa;
border-radius:.25rem;
box-shadow: 0 0 0 0 #2196f3
}
@charset "UTF-8";
html {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
height: 100%;
overflow: hidden
}
body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
height: 100%;
overflow: hidden
}
.page-content {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
overflow: hidden
}
.content-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
position: relative;
min-width: 0
}
.content {
padding: 1.25rem 1.25rem;
-ms-flex-positive: 1;
flex-grow: 1
}
.content::after {
display: block;
clear: both;
content: ""
}
.content-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media (prefers-reduced-motion:no-preference) {
.content-inner {
scroll-behavior: smooth
}
.content-inner .blanker_item {
scroll-behavior: smooth
}
}
.layout-static, .layout-static .page-content, .layout-static body {
overflow: visible
}
.btn-to-top {
position: absolute;
bottom: 1.25rem;
right: 1.25rem;
-ms-flex-item-align: end;
align-self: flex-end;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: all .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn-to-top {
transition: none
}
}
.btn-to-top-visible {
visibility: visible;
opacity: 1
}
.navbar+.btn-to-top {
bottom: 4.625rem
}
.navbar+.navbar+.btn-to-top {
bottom: 8rem
}
.page-title {
padding: 2rem 0;
position: relative
}
.page-title small {
display: inline-block;
margin-left:.625rem
}
.page-title small:before {
content: '/';
margin-right:.875rem
}
.page-title small.d-block {
margin-left: 0
}
.page-title small.d-block:before {
content: none
}
.page-title .breadcrumb, .page-title small.d-block {
margin-left: 1.875rem
}
.page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
margin: 0
}
.page-header-content {
position: relative;
padding: 0 1.25rem
}
.page-header-light {
background-color: #fff;
border-bottom: 1px solid #ddd
}
.page-header-light.has-cover {
background: url(../../../../../../global_assets/images/backgrounds/seamless.png)
}
.page-header-dark {
background-color: #273246;
color: #fff
}
.page-header-dark .page-header-content .breadcrumb>li+li:before, .page-header-dark .page-header-content .breadcrumb>li>a, .page-header-dark>.breadcrumb>li+li:before, .page-header-dark>.breadcrumb>li>a {
color: rgba(255,255,255,.9)
}
.page-header-dark .page-header-content .breadcrumb>li>a:focus, .page-header-dark .page-header-content .breadcrumb>li>a:hover, .page-header-dark>.breadcrumb>li>a:focus, .page-header-dark>.breadcrumb>li>a:hover {
color: #fff;
opacity: 1
}
.page-header-dark .page-header-content .breadcrumb>.active, .page-header-dark>.breadcrumb>.active {
color: rgba(255,255,255,.5)
}
.page-header-dark.has-cover {
background: url(../../../../../../global_assets/images/login_cover.jpg);
background-size: cover
}
.page-header-static {
z-index: 1021
}
.sidebar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 18.75rem;
position: fixed;
top: 0;
bottom: 0;
box-sizing: content-box
}
.sidebar-main, .sidebar-secondary {
left: -20.625rem;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-right {
right: -20.625rem;
box-shadow:-.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-content {
position: relative;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.sidebar-section {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-section .form-group:last-child {
margin-bottom: 0
}
.sidebar-section-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:.75rem 1.25rem
}
.sidebar-section-body {
position: relative;
padding: 1.25rem 1.25rem
}
.sidebar-resize-show {
display: none
}
.btn-sidebar-expand {
display: none;
border-width: 0;
border-radius: 0;
padding:.3125rem
}
.sidebar-mobile-expanded.sidebar-main, .sidebar-mobile-expanded.sidebar-secondary {
left: 0
}
.sidebar-mobile-expanded.sidebar-right {
right: 0
}
.sidebar-mobile-expanded.sidebar-component {
display: block
}
.sidebar-user img {
height: 2.375rem;
width: 2.375rem;
margin-top:.1875rem;
margin-bottom:.1875rem
}
.profile .dropdown-toggle:after {display:none;}
.profile .dropdown-menu {overflow:hidden;}
.profile .dropdown-menu a {justify-content: space-between; border-bottom:1px solid #ededed; font-weight: 700; font-size:13px;}
.profile .dropdown-menu a:last-of-type {border-bottom:none;}
.profile .dropdown-menu a:after {float:right; content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size: 0.5rem; color: #a3a3a5;}
.nav-sidebar {
-ms-flex-direction: column;
flex-direction: column
}
.nav-sidebar .nav-item:not(.nav-item-header):first-child {
padding-top:.25rem
}
.nav-sidebar .nav-item:not(.nav-item-header):last-child {
padding-bottom:.25rem
}
.nav-sidebar .nav-item:not(.nav-item-divider) {
margin-bottom: 1px
}
.nav-sidebar .nav-item:not(.nav-item-divider):last-child {
margin-bottom: 0
}
.nav-sidebar>.nav-item>.nav-link {
font-weight: 400
}
.nav-sidebar .nav-link {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding:.375rem 1.25rem;
transition: background-color ease-in-out .15s, color ease-in-out .15s;
font-size:0.813rem;
}
@media (prefers-reduced-motion:reduce) {
.nav-sidebar .nav-link {
transition: none
}
}
.nav-sidebar .nav-link i {
margin-right: 1.25rem;
margin-top:.1875rem;
margin-bottom:.1875rem;
top: 0
}
.nav-sidebar .nav-link .badge {
transition: background-color ease-in-out .15s, border-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.nav-sidebar .nav-link .badge {
transition: none
}
}
.nav-sidebar .nav-link.disabled, .nav-sidebar .nav-link.disabled:focus, .nav-sidebar .nav-link.disabled:hover {
background-color: transparent;
opacity: .5
}
.nav-sidebar .nav-item-header {
padding:.75rem 1.25rem
}
.nav-sidebar .nav-item-header>i {
display: none
}
.nav-sidebar .nav-item-divider {
margin:.5rem 0;
height: 1px
}
.nav-item-submenu>.nav-link {
padding-right: 2.75rem
}
.nav-item-submenu>.nav-link:after {
content: "";
font-family: icomoon;
display: inline-block;
font-size: 1rem;
vertical-align: middle;
line-height: 1;
position: absolute;
top:.25rem;
margin-top:.1875rem;
right: 1.25rem;
transition: -webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media (prefers-reduced-motion:reduce) {
.nav-item-submenu>.nav-link:after {
transition: none
}
}
[dir=rtl] .nav-item-submenu>.nav-link:after {
content: ""
}
.nav-item-submenu.nav-item-open>.nav-link:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.nav-group-sub {
display: block
}
.nav-item:not(.nav-item-expanded)>.nav-group-sub {
display: none
}
.nav-group-sub .nav-link {
padding:.313rem 1.25rem .313rem 3.5rem!important;
}
.nav-group-sub .nav-group-sub .nav-link {
padding-left: 4.75rem
}
.nav-group-sub .nav-group-sub .nav-group-sub .nav-link {
padding-left: 6rem
}
.nav-group-sub .nav-item-submenu>.nav-link:after {
top:.125rem
}
.nav-scrollspy .nav-item-open .nav-link:not(.active)+.nav, .nav-scrollspy .nav-link.active+.nav {
display: block
}
.nav-scrollspy .nav-link.active:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.nav-sidebar-icons-reverse .nav-link {
padding-right: 3.5rem
}
.nav-sidebar-icons-reverse .nav-link i {
position: absolute;
top:.75rem;
right: 1.25rem;
margin-right: 0
}
.nav-sidebar-icons-reverse .nav-item-submenu .nav-link {
padding-right: 4.5rem
}
.nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after {
right: 3.25rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-link {
padding-left: 2.5rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-link i {
top:.625rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link {
padding-left: 3.75rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-group-sub .nav-link {
padding-left: 5rem
}
.nav-sidebar-bordered>.nav-item:not(.nav-item-divider) {
margin-bottom: 0
}
.sidebar-dark .nav-sidebar-bordered>.nav-item {
border-top: 1px solid rgba(255,255,255,.1)
}
.sidebar-dark .nav-sidebar-bordered>.nav-item-header {
background-color: rgba(0,0,0,.1);
border-top: 1px solid rgba(255,255,255,.1);
margin: 0
}
.sidebar-light .nav-sidebar-bordered>.nav-item {
border-top: 1px solid #eee
}
.sidebar-light .nav-sidebar-bordered>.nav-item-header {
background-color: #fafafa;
border-top: 1px solid #eee;
margin: 0
}
.sidebar-dark {
background-color: #1a2738;
color: #fff
}
.sidebar-dark .nav-sidebar .nav-link {
color: rgba(255,255,255,.9)
}
.sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover {
color: #fff;
background-color: rgba(255,255,255,.1)
}
.sidebar-dark .nav-sidebar .nav-item>.nav-link.active {
background-color: #28313d !important;
color: #fff
}
.sidebar-dark .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link {
background-color:#34663f;
color: #fff
}
.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active {
background-color: #596782;
color: #fff
}
.sidebar-dark .nav-sidebar .nav-item-header {
color: rgba(255,255,255,.5)
}
.sidebar-dark .nav-sidebar .nav-item-divider {
background-color: rgba(255,255,255,.1)
}
.sidebar-dark .nav-sidebar>.nav-item-submenu>.nav-group-sub {
background-color: rgba(0,0,0,.25)
}
.sidebar-dark .sidebar-section-header {
border-bottom: 1px solid rgba(255,255,255,.1)
}
.sidebar-dark .btn-sidebar-expand {
background-color: #252b36;
border-color: rgba(255,255,255,.1);
color: #fff
}
.sidebar-dark .btn-sidebar-expand:focus, .sidebar-dark .btn-sidebar-expand:hover {
background-color: #2f3745
}
.sidebar-dark .btn-sidebar-expand:not([disabled]):not(.disabled):active {
background-color: #353d4d
}
.sidebar-light {
background-color: #fff;
color: #333;
border-right: 1px solid rgba(0,0,0,.125)
}
.sidebar-light.sidebar-right {
border-right: 0;
border-left: 1px solid rgba(0,0,0,.125)
}
.sidebar-light .nav-sidebar .nav-link {
color: #333
}
.sidebar-light .nav-sidebar .nav-link:not(.disabled):hover {
color: #333;
background-color: #eee
}
.sidebar-light .nav-sidebar .nav-item>.nav-link.active {
background-color: #e9f5fe;
color: #2196f3
}
.sidebar-light .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-light .nav-sidebar>.nav-item-expanded>.nav-link {
background-color: #eee;
color: #333
}
.sidebar-light .nav-sidebar>.nav-item>.nav-link.active {
background-color: #eee;
color: #333
}
.sidebar-light .nav-sidebar .nav-item-header {
color: rgba(51,51,51,.5)
}
.sidebar-light .nav-sidebar .nav-item-divider {
background-color: rgba(0,0,0,.125)
}
.sidebar-light .nav-sidebar>.nav-item-submenu>.nav-group-sub {
background-color: transparent
}
.sidebar-light .sidebar-section-header {
border-bottom: 1px solid rgba(0,0,0,.125)
}
.sidebar-light .btn-sidebar-expand {
background-color: #fff;
border-color: rgba(0,0,0,.125);
color: #333
}
.sidebar-light .btn-sidebar-expand:focus, .sidebar-light .btn-sidebar-expand:hover {
background-color: #f2f2f2
}
.sidebar-light .btn-sidebar-expand:not([disabled]):not(.disabled):active {
background-color: #ececec
}
.sidebar-component {
display: none;
position: static;
width: 100%;
border: 1px solid transparent;
margin-bottom: 1.25rem;
border-radius:.25rem;
box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.sidebar-component.sidebar-dark {
border-color: rgba(255,255,255,.1)
}
.sidebar-component.sidebar-light {
border-color: rgba(0,0,0,.125)
}
.sidebar-sections {
background-color: transparent;
border: 0;
margin: 0;
box-shadow: none;
border-radius: 0
}
@media (min-width:576px) {
.sidebar-expand-sm {
position: static
}
.sidebar-expand-sm.sidebar-collapsed {
width: auto
}
.sidebar-expand-sm.sidebar-collapsed .btn-sidebar-expand {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.sidebar-expand-sm.sidebar-collapsed>:not(.btn-sidebar-expand) {
display: none!important
}
.sidebar-expand-sm.sidebar-main {
z-index: 99;
box-shadow: none
}
.sidebar-expand-sm.sidebar-main-resized {
position: absolute;
left: 0;
transition: none
}
.sidebar-expand-sm.sidebar-main-resized+* {
margin-left: 3.5rem
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) {
width: 3.5rem;
overflow: hidden
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
display: none!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
padding-left: 0;
padding-right: 0
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
display: none!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
margin-right: 0!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
display: none
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
display: block
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
padding-left: 0;
padding-right: 0;
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
margin: 0!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
position: static;
display: block
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
content: none
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
margin-left: 0;
margin-right: 0
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
display: -ms-flexbox;
display: flex
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-sm.sidebar-main-resized.sidebar-main-unfold {
width: 18.75rem;
z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-sm.sidebar-secondary {
z-index: 98;
box-shadow: none
}
.sidebar-expand-sm.sidebar-right {
z-index: 97;
box-shadow: none
}
.sidebar-expand-sm.sidebar-component {
display: -ms-flexbox;
display: flex;
width: 18.75rem;
z-index: 96
}
.sidebar-expand-sm.sidebar-component-left {
margin-right: 1.25rem
}
.sidebar-expand-sm.sidebar-component-right {
margin-left: 1.25rem
}
.sidebar-expand-sm.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-sm.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:575.98px) {
.sidebar-expand-sm {
z-index: 1040;
transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-sm {
transition: none
}
}
@media (max-width:575.98px) {
.sidebar-expand-sm:not(.sidebar-component) {
border: 0
}
}
@media (min-width:769px) {
.sidebar-expand-md {
position: static
}
.sidebar-expand-md.sidebar-collapsed {
width: auto
}
.sidebar-expand-md.sidebar-collapsed .btn-sidebar-expand {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.sidebar-expand-md.sidebar-collapsed>:not(.btn-sidebar-expand) {
display: none!important
}
.sidebar-expand-md.sidebar-main {
z-index: 99;
box-shadow: none
}
.sidebar-expand-md.sidebar-main-resized {
position: absolute;
left: 0;
transition: none
}
.sidebar-expand-md.sidebar-main-resized+* {
margin-left: 3.5rem
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) {
width: 3.5rem;
overflow: hidden
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
display: none!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
padding-left: 0;
padding-right: 0
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
display: none!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
margin-right: 0!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
display: none
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
display: block
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
padding-left: 0;
padding-right: 0;
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
margin: 0!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
position: static;
display: block
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
content: none
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
margin-left: 0;
margin-right: 0
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
display: -ms-flexbox;
display: flex
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-md.sidebar-main-resized.sidebar-main-unfold {
width: 18.75rem;
z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-md.sidebar-secondary {
z-index: 98;
box-shadow: none
}
.sidebar-expand-md.sidebar-right {
z-index: 97;
box-shadow: none
}
.sidebar-expand-md.sidebar-component {
display: -ms-flexbox;
display: flex;
width: 18.75rem;
z-index: 96
}
.sidebar-expand-md.sidebar-component-left {
margin-right: 1.25rem
}
.sidebar-expand-md.sidebar-component-right {
margin-left: 1.25rem
}
.sidebar-expand-md.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-md.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:768.98px) {
.sidebar-expand-md {
z-index: 1040;
transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:768.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-md {
transition: none
}
}
@media (max-width:768.98px) {
.sidebar-expand-md:not(.sidebar-component) {
border: 0
}
}
@media (min-width:992px) {
.sidebar-expand-lg {
position: static
}
.sidebar-expand-lg.sidebar-collapsed {
width: auto
}
.sidebar-expand-lg.sidebar-collapsed .btn-sidebar-expand {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.sidebar-expand-lg.sidebar-collapsed>:not(.btn-sidebar-expand) {
display: none!important
}
.sidebar-expand-lg.sidebar-main {
z-index: 99;
box-shadow: none
}
.sidebar-expand-lg.sidebar-main-resized {
position: absolute;
left: 0;
transition: none
}
.sidebar-expand-lg.sidebar-main-resized+* {
margin-left: 3.5rem
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) {
width: 3.5rem;
overflow: hidden
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
display: none!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
padding-left: 0;
padding-right: 0
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
display: none!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
margin-right: 0!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
display: none
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
display: block
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
padding-left: 0;
padding-right: 0;
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
margin: 0!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
position: static;
display: block
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
content: none
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
margin-left: 0;
margin-right: 0
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
display: -ms-flexbox;
display: flex
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-lg.sidebar-main-resized.sidebar-main-unfold {
width: 18.75rem;
z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-lg.sidebar-secondary {
z-index: 98;
box-shadow: none
}
.sidebar-expand-lg.sidebar-right {
z-index: 97;
box-shadow: none
}
.sidebar-expand-lg.sidebar-component {
display: -ms-flexbox;
display: flex;
width: 18.75rem;
z-index: 96
}
.sidebar-expand-lg.sidebar-component-left {
margin-right: 1.25rem
}
.sidebar-expand-lg.sidebar-component-right {
margin-left: 1.25rem
}
.sidebar-expand-lg.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-lg.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:991.98px) {
.sidebar-expand-lg {
z-index: 1040;
transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-lg {
transition: none
}
}
@media (max-width:991.98px) {
.sidebar-expand-lg:not(.sidebar-component) {
border: 0
}
}
@media (min-width:1200px) {
.sidebar-expand-xl {
position: static
}
.sidebar-expand-xl.sidebar-collapsed {
width: auto
}
.sidebar-expand-xl.sidebar-collapsed .btn-sidebar-expand {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.sidebar-expand-xl.sidebar-collapsed>:not(.btn-sidebar-expand) {
display: none!important
}
.sidebar-expand-xl.sidebar-main {
z-index: 99;
box-shadow: none
}
.sidebar-expand-xl.sidebar-main-resized {
position: absolute;
left: 0;
transition: none
}
.sidebar-expand-xl.sidebar-main-resized+* {
margin-left: 3.5rem
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) {
width: 3.5rem;
overflow: hidden
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
display: none!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
padding-left: 0;
padding-right: 0
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
display: none!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
margin-right: 0!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
display: none
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
display: block
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
padding-left: 0;
padding-right: 0;
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
margin: 0!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
position: static;
display: block
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
content: none
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
margin-left: 0;
margin-right: 0
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
display: -ms-flexbox;
display: flex
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-xl.sidebar-main-resized.sidebar-main-unfold {
width: 18.75rem;
z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-xl.sidebar-secondary {
z-index: 98;
box-shadow: none
}
.sidebar-expand-xl.sidebar-right {
z-index: 97;
box-shadow: none
}
.sidebar-expand-xl.sidebar-component {
display: -ms-flexbox;
display: flex;
width: 18.75rem;
z-index: 96
}
.sidebar-expand-xl.sidebar-component-left {
margin-right: 1.25rem
}
.sidebar-expand-xl.sidebar-component-right {
margin-left: 1.25rem
}
.sidebar-expand-xl.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-xl.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:1199.98px) {
.sidebar-expand-xl {
z-index: 1040;
transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-xl {
transition: none
}
}
@media (max-width:1199.98px) {
.sidebar-expand-xl:not(.sidebar-component) {
border: 0
}
}
.sidebar-expand {
position: static;
z-index: 1040;
transition: left ease-in-out .15s, right ease-in-out .15s
}
.sidebar-expand.sidebar-collapsed {
width: auto
}
.sidebar-expand.sidebar-collapsed .btn-sidebar-expand {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.sidebar-expand.sidebar-collapsed>:not(.btn-sidebar-expand) {
display: none!important
}
.sidebar-expand.sidebar-main {
z-index: 99;
box-shadow: none
}
.sidebar-expand.sidebar-main-resized {
position: absolute;
left: 0;
transition: none
}
.sidebar-expand.sidebar-main-resized+* {
margin-left: 3.5rem
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) {
width: 3.5rem;
overflow: hidden
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
display: none!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
padding-left: 0;
padding-right: 0
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
display: none!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
margin-right: 0!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
display: none
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
display: block
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
padding-left: 0;
padding-right: 0;
-ms-flex-pack: center;
justify-content: center
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
margin: 0!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
position: static;
display: block
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
content: none
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
margin-left: 0;
margin-right: 0
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
display: -ms-flexbox;
display: flex
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand.sidebar-main-resized.sidebar-main-unfold {
width: 18.75rem;
z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand.sidebar-secondary {
z-index: 98;
box-shadow: none
}
.sidebar-expand.sidebar-right {
z-index: 97;
box-shadow: none
}
.sidebar-expand.sidebar-component {
display: -ms-flexbox;
display: flex;
width: 18.75rem;
z-index: 96
}
.sidebar-expand.sidebar-component-left {
margin-right: 1.25rem
}
.sidebar-expand.sidebar-component-right {
margin-left: 1.25rem
}
.sidebar-expand.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
@media (prefers-reduced-motion:reduce) {
.sidebar-expand {
transition: none
}
}
.sidebar-expand:not(.sidebar-component) {
border: 0
}
.sidebar-dark .nav-tabs .nav-item.show .nav-link:not(.active) {
color: #fff
}
.sidebar-light .nav-tabs:not(.nav-tabs-bottom) .nav-link.active {
background-color: #fff
}
.row-tile div[class*=col] .btn {
border-radius: 0
}
.row-tile div[class*=col]:first-child .btn:first-child {
border-top-left-radius:.25rem
}
.row-tile div[class*=col]:first-child .btn:last-child {
border-bottom-left-radius:.25rem
}
.row-tile div[class*=col]:last-child .btn:first-child {
border-top-right-radius:.25rem
}
.row-tile div[class*=col]:last-child .btn:last-child {
border-bottom-right-radius:.25rem
}
.row-tile div[class*=col] .btn+.btn {
border-top: 0
}
.row-tile div[class*=col]+div[class*=col] .btn {
border-left: 0
}
.layout-boxed-bg {
background: url(../../../../../../global_assets/images/backgrounds/boxed_bg.png) repeat
}
.layout-boxed {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
overflow: hidden;
box-shadow: -4px 2px 4px rgba(0,0,0,.15), 4px 2px 4px rgba(0,0,0,.15)
}
@media (min-width:992px) {
.layout-boxed, .layout-boxed>.navbar {
width: 992px;
margin-left: auto;
margin-right: auto
}
}
@media (min-width:1200px) {
.layout-boxed, .layout-boxed>.navbar {
width: 1200px
}
}
.layout-boxed .page-content {
background-color: #f5f5f5
}
.nav-item .nav-item i {display:none;}
/*210802추가*/
.toggle-full-screen {color:#333;}
.sidebar-right-toggle {color:#333;}
.btn-pt {padding-top:40px;}
.btn-pt .btnwrap .modal-search {top:auto; right:auto;}
#p-quote-eBody > div > button {font-size:13px;}
/*검안/판매*/
.eyetest {padding-bottom:0!important;}
.eyetest .card {margin-bottom:10px;}
.col-4-1, .col-4-3 {position: relative;
width: 100%;
padding-right: .625rem;
padding-left: .625rem;
}
.col-4-1 {flex: 0 0 20%; max-width: 20%;}
.col-4-3 {flex: 0 0 80%; max-width: 80%;}
.card_inner {padding:0.938rem;}
/*#modal-eyetest-more input {*/
/* max-width:85px;*/
/*}*/
#lens-frm table thead th,
#lens-frm table tbody td {
padding-right: 0 !important;
}
#lens-frm td select,
#lens-frm td input {
min-width: 75px !important;
margin-right: 0 !important;
}
.eyetest .card_l1, .eyetest .card_r3 {margin-bottom:0!important;}
.eyetest .card_l1 label {padding-top:5px;}
.eyetest .card_l1 strong {display:inline-block;}
.eyetest .card_l1 .div_checkbox {padding-top:5px;}
.eyetest input[type="text"] {height:28px;}
.eyetest .input_info td, .eyetest .input_info th {height:auto; padding-left:8px; color:#777;}
.eyetest .input_info th {padding-bottom:5px; font-weight:400; color:#333;}
.eyetest .input_info td:first-of-type {width:90px; font-weight:700;color:#333; padding-left: 7px;}
.eyetest .base {width:14%;}
.eyetest .kerato {width:11%;}
.eyetest .correct {width:20%;}
.eyetest .input_info .d-flex {align-items:center;}
.eyetest .input_info input {margin-right:3px;}
.eyetest .base input:first-of-type {margin-right:2px;}
.eyetest .input_info td button {height:60px; color:#fff;}
.eyetest .tb_warp {position:relative;}
.eyetest .tb_warp .tb_before {position:absolute; top:0; left:0;}
.eyetest .tb_warp .tb_before strong {display:block; height:28px; color:#5c6bc0;}
.eyetest .tb_warp .tb_before button {height:25px; margin-top:-5px; padding:0 .75rem;}
.eyetest .tb_warp .tb_before .dropdown-menu-left {left:-52px!important;}
.eyetest .tb_warp.mt-1 {margin-top:8px!important;}
.eyetest .card_r2 .nav-tabs {margin-bottom: 13px;}
.eyetest .card_r2 .input_form .flex-column {margin-right:20px;}
.eyetest .card_r2 .input_form .flex-row {align-items:bottom;}
.align-items-end {padding-bottom:8px;}
.eyetest .card_r2 .input_form .align-items-end label {margin-bottom:0;}
.eyetest .card_r2 .input_form .justify-content-end {margin-left:auto;}
.eyetest .card_r2 .table-footer {margin-top:10px; padding:10px;}
.eyetest .card_r2 .table-footer > strong {padding-top:3px; padding-right:30px; color:#2b5080;}
.eyetest .card_r2 .table-footer > div {width:11%; margin-left:20px;}
.eyetest .card_r2 .table-footer label {padding-left:0; padding-right:0; color:#333;}
.eyetest .card_r2 .table-footer input {background-color:#fff!important;}
.eyetest .card_r3 .box_left, .eyetest .card_r3 .box_right {display:flex; flex-flow:row wrap; }
.eyetest .card_r3 .box_right {margin-left:auto;}
.eyetest .card_r3 .flex-column {margin-right:0.938rem;}
.eyetest .card_r3 .box_right label {color: #2b5080;}
.eyetest .card_r3 .box_right input {background-color:#f0f3f6; border-color: #c0c0c0; text-align:right;}
/*.eyetest .card_r3 .box_right input {padding-left:10px; padding-right:10px;background-color:#f0f3f6; border-color: #c0c0c0; text-align:right;}*/
.eyetest .card_r3 .box_left input {background-color:#f0f3f6; border-color: #c0c0c0;}
/* .modal .col-lg-4 {padding-left:50px;} */
.modal-body .row .col-lg-4:first-of-type {padding-left:.625rem;}
.modal-body .row .col-lg-4 > div > div label {margin-bottom:0;}
.modal-body > button {min-width:82.58px;}
.modal-body label.w-100 {width:auto!important; padding-right:20px;}
.modal-footer #oderby-label {margin-left:20px!important; margin-right:5px!important;}
.modal-footer .pagination {margin-left:auto;}
.modal-footer .justify-content-around {justify-content:flex-start!important;}
.modal-footer .btn_wrap {margin:5px 10px 0 10px;}
.modal-search {top:32px; right:16px;}
.purchase .table-responsive {padding-left:1px; padding-right:1px;}
/* .purchase .table-responsive label {display:block;} */
.purchase #table-footer > div:last-of-type {margin-right:-1.125rem!important;}
.purchase #table-footer > .col-1 {-ms-flex: 0 0 10%; flex:0 0 10%; max-width:10%;}
.type1 .box-3 .d-flex {flex-flow:row wrap;}
.type1 .box-3 > div {flex:0 0 10%;}
.type1 .box-3 label {flex:0 0 95%; padding-left:1%;}
#modal-copy-to-another .icon-copy3 {min-width: auto; height:32px; padding: .0rem .75rem; font-weight:700!important; font-size:1.125rem;}
#modal-copy-to-another button .fas {font-size:20px;}
#modal-copy-to-another .row02 {padding:10px 20px;}
#modal-copy-to-another .row02 .d-flex {align-items:center; padding:5px;}
#modal-copy-to-another .row02 .d-flex label {width:95%;}
#modal-copy-to-another .row02 .d-flex label:first-child {width:100%;}
#modal-copy-to-another .row02 .d-flex input {width:5%;}
#modal-bodycopy .position-absolute {top: 20px; right:1rem;}
#modal-bodycopy .position-absolute button {width:82.58px}
/* #modal-bodycopy .modal-content > .modal-body {padding-left:0.375rem; padding-right:0.375rem;} */
#modal-bodycopy .modal-footer label {margin-left:0;}
#modal-bodycopy .sel-date {margin-right:auto;}
#modal-bodycopy .modal-footer label {margin-left:0!important;}
input[type="input"] {
height: 28px;
color: #373737;
border: 1px solid #ccc;
background: #fff;
text-indent: 10px;
transition: all 0.5s;
vertical-align: middle;
box-sizing: border-box;
}
.flex-r {display:flex; flex-flow:row wrap;}
.col-13 {flex : 0 0 13%; max-width:13%;}
.float-wrap {overflow:hidden; zoom:1; clear:both;}
.float-l {float:left;}
.mgr-15 {margin-right:15px;}
.mgt-1 {margin-top:1px;}
.mgr-3 {margin-right:3px;}
.mgb-8 {margin-bottom:0.5rem;}
.mg-2010 {margin:1.25rem 0.625rem;}
.pdl-3 {padding-left:3px;}
.pdb-3 {padding-bottom:3px;}
.bdr-radi10 {border-radius:10px!important;}
.table-responsive {padding-left:1px; padding-right:1px; padding-bottom:1px; box-sizing:border-box;}
/* .modal-footer .table-row {margin-right:1px;} */
.pagination {margin-left:auto;}
/* .modal-body .row > div:first-of-type {padding-left:0;} */
/*모달-브라운*/
.modal-brown .bg-primary {background-color:#8d6e63!important;}
.modal-brown .table-row th {background-color:#8d6e63;}
.modal-brown .page-item.active .page-link {background-color:#8d6e63; border-color:#8d6e63;}
.modal-brown .page-link:hover {background-color:#f1ecea;}
.modal-brown .modal-body > button {background-color:#8d6e63; border-color:#8d6e63;}
.modal-brown .table-row a {color:#a2705e;}
.modal-brown ..modal-header .close {color: #8d6e63;}
/*모달-그린*/
.modal-green .bg-primary {background-color:#26a69a!important;}
.modal-green .table-row th {background-color:#26a69a;}
.modal-green .page-item.active .page-link {background-color:#26a69a; border-color:#26a69a;}
.modal-green .page-link:hover {background-color:#f6f7f7;}
.modal-green .modal-body > button {background-color:#26a69a; border-color:#26a69a;}
.modal-green .table-row a {color:#108479;}
/*모달-오렌지*/
.modal-orange .bg-primary {background-color:#5b6cbe!important;}
.modal-orange .table-row th {background-color:#5b6cbe;}
.modal-orange .page-item.active .page-link {background-color:#5b6cbe; border-color:#5b6cbe;}
.modal-orange .page-link:hover {background-color:#f6f7f7;}
.modal-orange .modal-body > button, .modal-orange .btn-secondary {background-color:#5b6cbe; border-color:#5b6cbe;}
.modal-orange .modal-body > button:hover, .modal-orange .btn-secondary:hover {background-color:#e07507; border-color:#e07507;}
.modal-orange .table-row a {color:#108479;}
.modal-orange .btn-danger {margin-top:1px; color: #fff; background-color: #ef5350; border-color: #ef5350;}
.modal-orange .btn-danger:hover {background-color: #ed3c39; border-color: #ed3c39}
/*모달-싸이언*/
.modal-cyan .bg-primary {background-color:#2196f3!important;}
.modal-cyan .table-row th {background-color:#2196f3;}
.modal-cyan .page-item.active .page-link {background-color:#2196f3; border-color:#2196f3;}
.modal-cyan .page-link:hover {background-color:#f1ecea;}
.modal-cyan .modal-body > button, .modal-cyan .btn-secondary,
.modal-cyan .btn-primary {background-color:#2196f3; border-color:#2196f3;}
.modal-cyan .modal-body > button:hover, .modal-cyan .btn-secondary:hover,
.modal-cyan .btn-primary:hover {background-color:#177fd2; border-color:#177fd2;}
.modal-cyan .table-row a {color:#2196f3;}
/*모달-레드*/
.modal-red .bg-primary, .modal-red .btn-success {background-color:#a4373a!important;}
.modal-red .btn-dark {background-color:#a4373a!important; border-color:#a4373a;}
.modal-red .table-row th {background-color:#a4373a;}
.modal-red .page-item.active .page-link {background-color:#a4373a; border-color:#a4373a;}
.modal-red .page-link:hover {background-color:#047b88;}
.modal-red .modal-body > button, .modal-red .btn-secondary {background-color:#a4373a; border-color:#a4373a;}
.modal-red .modal-body > button:hover, .modal-red .btn-secondary:hover,
.modal-red .btn-dark:hover {background-color:#842225; border-color:#842225;}
.modal-red .table-row a {color:#802326;}
/*modal-cgroup*/
#modal-cgroup .modal-search,
#modal-igroup .modal-search,
#modal-sgroup .modal-search,
#modal-storage .modal-search,
#modal-branch .modal-search {top:0; right:0; width:100%; height:28px; line-height:1;}
#modal-cgroup .col-1,
#modal-igroup .col-1,
#modal-sgroup .col-1,
#modal-storage .col-1,
#modal-branch .col-1{padding-right:0; padding-left:0;}
#modal-cgroup .col-4 ,
#modal-igroup .col-4,
#modal-sgroup .col-4 ,
#modal-storage .col-4,
#modal-branch .col-4{padding-left:0;}
#modal-setting .modal-search, #modal-setting_igroup .modal-search {top:0; right:0; width:100%; height:28px; line-height:1;}
#modal-setting .col-1 {padding-right:0; padding-left:0;}
#modal-setting .col-4 {padding-left:0;}
#modal-company .col-lg-3 {-ms-flex: 0 0 23%; flex: 0 0 23%; max-width:23%;}
.purch-pquote-pquote .modal-header {background:#131464;}
.purch-pquote-pquote button {background-color:var(--basic); color:#fff;}
.purch-pquote-pquote button:hover {background-color:var(--basic-hover); }
.purch-pquote-pquote .btn_copy {height:32px; margin-top:1px; background:#2b3686; border:none;}
.purch-pquote-pquote .btn_copy:hover {background:#111b61;}
#modal-slip .modal-body .row > div > div:first-child > div {display:flex;}
/* 모바일 */
@media (max-width: 768px) {
.modal .col-lg-4 {padding-left:0;}
}
/*mms*/
.mms * {margin:0;}
.mms {width:360px; margin:0 auto; padding-bottom:30px; background:#329bd2; font-size:13px;}
.mms .top_btn {display:flex; padding:0; margin:0;}
.mms .top_btn button {display:flex; justify-content:center; align-items:center; width:33.15%; height:50px; margin-left:0.27%; background:rgba(255, 255, 255, 0.2) !important; color:#fff !important; font-weight:bold;}
.mms .top_btn button:first-of-type {margin-left:0;}
.mms .input_field {width:310px; margin:0 auto; margin-top:15px; background:#fff; border:1px solid #ddd; border-radius:45px; box-shadow: 0px 0px 0px 5px #FFFFFF; overflow:hidden;}
.mms .txt_byte {display:flex; justify-content:space-between; margin:20px 20px 10px 20px; color:#329bd2; font-weight:bold;}
.mms .txt_byte:after {content : "\f012 \f1eb \f242"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-top:-2px; color:#000; font-size:14px; }
.mms .input_box {padding:0 15px; box-sizing:border-box; }
.mms .input_box select {width:100%; margin-bottom:10px; background:#f6f6f6 !important; border:none; color:#000; border-radius:8px; text-indent: 3px !important;}
.mms .input_box input {width:100%; margin-bottom:10px; padding:15px 10px; background:#f6f6f6 !important; border:none; color:#000; border-radius:8px; text-indent: 3px !important;}
.mms .input_box select::placeholder,
.mms .input_box input::placeholder {color:#000;}
.mms .input_box textarea {border:none;}
.mms .mid_btn {display:flex; flex-flow: row wrap; margin:0; margin-top:10px; padding:0; background:#329bd2; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;}
.mms .mid_btn button {display:flex; justify-content:center; align-items:center; width:33.33%; height:30px; background:#329bd2 !important; border-bottom:1px solid #dededd !important; border-left:1px solid #dededd !important; color:#fff;}
.mms .mid_btn button:first-child,
.mms .mid_btn button:nth-of-type(3n+1) {border-left:none;}
.mms .mid_btn button:hover {background:#57b7e9 !important;}
.mms .charater {display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; padding:5px 15px 5px 12px; box-sizing:border-box; background:#f6f6f6; border-bottom:1px solid #ddd;}
.mms .charater button {display:flex; justify-content:center; align-items:center; width:33px; height:33px; margin-bottom:3px; background:#fff !important; border:1px solid #dededd !important; border-radius:5px; color:#000;}
.mms .charater button:hover {background: #2588bd !important; color: #fff !important;}
.mms .tel_return {display:flex; flex-flow:row wrap; align-items:center; padding:10px 15px; color:#329bd2;}
.mms .tel_return label {margin-right:10px;}
.mms .tel_return > input {width:100%; L :; padding:15px 10px; background:#f6f6f6; border:none; color:#000; border-radius:8px;}
.mms .tel_return span {display:flex; align-items:center; width:100%; margin-top:5px; margin-left:58px; color:#000;}
.mms .tel_return span input[type="checkbox"] {margin-right:10px;}
.mms .checkbox {margin:0 15px;}
.mms .send_btn button {display:flex; justify-content:center; align-items:center; width:100%; height:55px; background:#329bd2 !important; color:#fff !important; font-weight:bold;}
.mms .send_btn button:hover {background:#57b7e9;}
.mms .btn-group button { background:#329bd2 !important; border-top: #329bd2 !important; border-bottom: #329bd2 !important; color:#fff !important; }
.mms .btn-group button:first-of-type { border-right: 1px solid #dededd !important; }
.mms .btn-group button:last-of-type { border-left: 1px solid #dededd !important; }
.mms .btn-group button:hover {background:#57b7e9 !important;}
/*상세처방*/
.prescript_detail ul, .prescript_detail li, .prescript_detail dl, .prescript_detail dt, .prescript_detail dd {margin:0; padding:0;list-style:none;}
input[type="text"].input_line {border:none; border-bottom:1px solid #000;}
.prescript_detail h1 {font-weight:bold;}
.prescript_detail fieldset.scheduler-border {padding: 0 1.0em 1.154em 1.0em !important;}
.prescript_detail {}
.prescript_detail .d-flex {align-items:center;}
.prescript_detail input {margin:0 2px;}
.prescript_detail th {height:auto; padding:0 8px; padding-bottom:3px; font-weight:400;}
.prescript_detail td {height:auto;}
.prescript_detail td:first-of-type {font-weight:bold;}
.prescript_detail .section {padding-top: 0.538em; border-bottom:1px solid #a6a6a6;}
.prescript_detail h3 {margin-bottom:0; font-size:22px; font-weight:bold;}
.prescript_detail .section {margin-bottom:15px; padding-bottom:15px;}
.prescript_detail .section > div {display:flex; flex-flow:row wrap; justify-content:space-between}
.prescript_detail .section .col-4 {flex: 0 0 30.31%; max-width: 30.31%;}
.prescript_detail .section .col-5 {flex: 0 0 18.6%; max-width: 18.6%;}
.prescript_detail .section .ml-0 {margin-left:0!important;}
.prescript_detail .section fieldset > div {display:flex; flex-flow:row nowrap; justify-content: space-between; padding:0 6px;}
.prescript_detail .section fieldset > div > div {display:flex; flex-flow:row wrap; align-items:center;}
.prescript_detail .section.sec2 fieldset > div > div {margin-left:20px;}
.prescript_detail .section.sec2 fieldset > div > div:first-of-type {margin-left:0;}
.prescript_detail .section fieldset > div > div span {display:flex; padding-right:8px;}
.prescript_detail .section fieldset > div > div input[type="text"] {flex:1; width:100%;}
.prescript_detail .section .col-4 input[type="text"] {width:50%;}
.prescript_detail .section .col-5 .d-flex {width:100%;}
.prescript_detail .sec1 .r2 fieldset {flex: 0 0 15.41%; max-width: 15.41%;}
.prescript_detail .sec1 .r2 fieldset:last-child {flex: 0 0 48.30%; max-width: 48.30%;}
.prescript_detail .sec1 .r2 fieldset:last-child > div > div:first-child {position:relative;}
.prescript_detail .sec1 .r2 fieldset:last-child > div > div {flex:1; justify-content:center;}
.prescript_detail .sec1 .r2 fieldset:last-child > div > div:first-child:after {content:""; position:absolute; right:0; height:180%; width:1px; background:#74ab1f;}
.prescript_detail .sec1 .r2 fieldset:last-child span {align-items:center; margin-left:10px;}
.prescript_detail .sec1 .r2 fieldset > div {}
.prescript_detail .sec1 .r2 fieldset > div > div {}
.prescript_detail .sec2 .col-2,
.prescript_detail .sec3 .col-2 {flex: 0 0 48.30%; max-width: 48.30%;}
.prescript_detail .sec2 .col-1,
.prescript_detail .sec3 .col-1 {flex: 0 0 100%; max-width: 100%;}
.prescript_detail .sec2 .col-2 .flex-1:first-child {margin-right:6%;}
.prescript_detail .sec2 .col-1 > div {display:block; height:auto; min-height:165px; text-align:center;}
.prescript_detail .sec2 .col-1 button {position:absolute!important; right:-1em!important; bottom:-1.15em!important;}
.prescript_detail .sec2 fieldset > div {margin-top:15px;}
.prescript_detail .section fieldset.wfd > div {display:block; margin:0 -16px 0 -12px;}
.prescript_detail .section fieldset.wfd > div > div {flex-flow:row nowrap; margin-left:0;}
.prescript_detail .section fieldset.wfd > div > div span {display:flex; align-items:center; margin:0 3px; padding-right:0;}
.prescript_detail .section fieldset.wfd > div > div span:first-of-type {margin-left:6px;}
.prescript_detail .section fieldset.wfd input[type="text"],
.prescript_detail .section fieldset.eye-close input[type="text"] {width:62px;}
.prescript_detail .sec2 .info_pop {background:none;}
.prescript_detail .sec2 .info_pop i {color: #e77634; font-size: 17px; vertical-align: middle; margin-bottom: 2px;}
.popover-header {font-weight:700;}
.prescript_detail .sec3 .stit_l {margin-bottom:5px;}
.prescript_detail .sec3 .col-2 {display:flex;}
.prescript_detail .add_line > div {flex:1;}
.prescript_detail .add_line > div:first-of-type {position:relative; padding-right:20px!important;}
.prescript_detail .add_line > div:last-of-type {padding-left:20px!important;}
.prescript_detail .add_line > div:first-of-type:after {content:""; position:absolute; right:0; height:130%; width:1px; background:#74ab1f;}
.prescript_detail .sec3 .in_txt,
.prescript_detail .sec3 .in_txt_plus{position:relative;}
.prescript_detail .sec3 .in_txt input[type="text"] {text-indent:15px;}
.prescript_detail .sec3 .in_txt:before {content:"-"; position:absolute; left:3px; top:0;}
.prescript_detail .sec3 .in_txt_plus:before {content:"+"; position:absolute; left:3px; top:0;}
.prescript_detail .sec3 .in_txt:after,
.prescript_detail .sec3 .in_txt_plus:after {content:"D";position:absolute; right:15px; top:0;}
.prescript_detail .sec3 .col-1 .col-2 {flex:0 0 50%; max-width:50%; padding:10px; }
.prescript_detail .sec3 .add_line_lb > div {border-bottom:1px solid #74ab1f; border-left:1px solid #74ab1f;}
.prescript_detail .sec3 .add_line_lb > div:first-child,
.prescript_detail .sec3 .add_line_lb > div:nth-of-type(2n+1) {border-left:none;}
.prescript_detail .sec3 .add_line_lb > div:nth-of-type(7),
.prescript_detail .sec3 .add_line_lb > div:last-of-type {border-bottom:none;}
.prescript_detail .add_line_lb li,
.prescript_detail .add_line_lb dd {position:relative; }
.prescript_detail .add_line_lb li:after,
.prescript_detail .add_line_lb dd:after {content:""; position:absolute; right:0; height:80%; width:1px; background:#74ab1f;}
.prescript_detail .add_line_lb dd:after {height:100%;}
.prescript_detail .add_line_lb li:last-of-type:after,
.prescript_detail .add_line_lb dd:last-of-type:after {display:none;}
.prescript_detail .sec3 ul, .prescript_detail .sec3 dl {display:flex; flex-direction:row;}
.prescript_detail .sec3 li,
.prescript_detail .sec3 dd {display:flex; align-items:center; margin-left:15px; padding-right:15px;}
.prescript_detail .sec3 li:first-child,
.prescript_detail .sec3 dd:first-child {margin-left:0;}
.prescript_detail .sec3 .col-1 input[type="text"] {width:50px; flex:1;}
.prescript_detail .sec3 .col-1 input[type="checkbox"] {margin-left:0;}
.prescript_detail .sec3 .txt_info {position:relative; display:inline-block; margin-top:6px; padding-left:15px; font-style: normal; font-size: 12px; color:#d96b0c; word-break:keep-all;}
.prescript_detail .sec3 .txt_info:before {content:"※"; position:absolute; left:0; top:0;}
.prescript_detail .sec3 .ac-a input[type="text"] {flex:none; width:auto;}
.prescript_detail .sec4 fieldset > div > div {margin-left:15px; }
.prescript_detail .sec4 fieldset > div > div:first-of-type {margin-left:0;}
#main-media-tab .media-search-btn {
background-color: #4dae52 !important;
border-color: #4dae52 !important;
color: white;
}
#main-media-tab .media-search-btn:hover {
background-color: #25b372 !important;
border-color: #25b372 !important;
}
.head_nav .navbar-nav-link {padding:0;}
.head_nav > div:nth-of-type(2) > div:first-of-type {display:none;}
.head_nav .navbar-nav li {position:relative; display: flex; align-items: center; justify-content:center; min-width:80px; height:42px; margin-right: 0!important; padding: 10px; border-right:1px solid #ddd;}
.head_nav .navbar-nav li:hover {background:#f0f2f5;}
.head_nav .navbar-nav li:first-child {border-left:1px solid #ddd;}
.head_nav .navbar-nav .dropdown-toggle {background:none; color:#787878;}
.head_nav .navbar-nav li > a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#787878;}
.head_nav .navbar-nav:nth-of-type(2) .btn-group button {background:none; color:#787878;}
.head_nav .navbar-nav:nth-of-type(2) .dropdown-menu {}
.head_nav .btn-outline-primary,
#navbar-mobile .dropdown-user a {border:none; color:#787878;}
#navbar-mobile ul:nth-of-type(2) {justify-content: flex-end;}
#navbar-mobile ul:nth-of-type(2) li:first-child {border-left:1px solid #ddd;}
#navbar-mobile .dropdown-menu {position:absolute; min-width:auto;}
#navbar-mobile ul:nth-of-type(2) .dropdown-menu {top:30px; left: -10px;}
.head_nav .btn-outline-primary:hover {background:none;}
.sel_lang {display:flex; align-items:center; padding:0!important; }
.sel_lang .select2-selection--single:not([class*=bg-]):not([class*=border-]) {background:none; border:none;}
.sel_lang .select2-selection--single:not([class*=bg-]) {color:#787878;}
.sel_lang .select2-selection--single {padding:3px 0;}
.head_nav .btn_left_collapse {min-width:60px!important;}
.head_right .navbar-nav {background:none;}
.head_right .navbar-nav li,
.head_right .navbar-nav li:first-child {min-width:auto; padding:0 3px; border:none;}
.head_right .navbar-nav li:last-child {min-width:60px; border-left:1px solid #ddd;}
.head_right .navbar-nav li i {color:#5151cb;}
.nav_sort .dropdown-toggle::after {display:none;}
.nav_sort .dropdown-menu > div {display:flex; flex-flow:row wrap;}
.nav_sort .dropdown-menu {width:360px; /*left: -120px;*/ padding: 10px;}
.nav_sort .dropdown-menu a {width:64.5px; margin:10px; padding:0; display:block; text-align:center; line-height:1.3; font-weight: 700; color: #666; text-align:center; overflow:visible; white-space:normal;}
.nav_sort .dropdown-menu a:hover {background:none;}
.nav_sort .dropdown-menu span {display:flex; justify-content:center; align-items:center; width:50px; height:50px; text-align:center; margin:0 auto; margin-bottom:5px; border-radius:50%; background:#ededed; font-size: 16px; color:#fff;}
.nav_sort .dropdown-menu a i {color:#fff;}
.m_searchbox {position:absolute; left:0; margin-left:175px; width:100%; max-width:40%; padding:5px 0;}
.m_searchbox > div {background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; }
.m_searchbox > div > div:first-of-type {display:flex; align-items:center;}
.m_searchbox > div > div:first-of-type > * {height:28px!important;}
.m_searchbox button {width:50px; background:#5150cf; color:#fff;}
.m_searchbox input {flex:1; padding:5px 10px; border:none!important;}
.m_searchbox .collapse {width:100%;}
.m_searchbox a {display:block; padding:5px 10px; color:#333; font-weight:700;}
.m_searchbox a:first-of-type {padding-top:15px; border-top:1px solid #ddd;}
/*세금계산서 팝업*/
.taxbill {display:flex; justify-content:center; position:relative; width: 100%; height:800px;}
.taxbill .modal-dialog {max-width:800px;}
.taxbill .modal-header {border-bottom:1px solid #ddd;}
.taxbill .modal-title {padding:0 8px 5px 0; font-weight:700; font-size:16px;}
.taxbill .btn-close {margin-top: -5px; font-size:28px; color: #999; background: none; line-height: 1;}
.taxbill .btn-close:hover {color:#333;}
.taxbill .modal-body {padding:10px; padding-top:8px; padding-bottom: 5px;}
.taxbill .count {display:flex; justify-content:flex-end; align-items:center; font-size:14px;}
.taxbill .count strong {position:relative; display:inline-block; padding-right:10px; margin-right:10px;}
.taxbill .count strong:after {position:absolute; top:5px; right:0; display:block; content:""; width:1px; height:14px; background:#676767;}
.taxbill .count em {display:inline-block; margin-left:3px; font-style:normal; font-size:13px; color:#787878}
.taxbill .count span {display:inline-block; width:50px; padding:2px 8px; background:#f6f6f6; text-align:right; font-weight:700;}
.taxbill .count_free {margin-right:16px;}
.taxbill .count_free span {color:#0c6cbb;}
.taxbill .select_type {display:flex; justify-content:flex-end; align-items:center; margin:10px 0 2px 0;}
.taxbill .select_type > div {display:flex; align-items: center; margin-left:16px;}
.taxbill .select_type label {padding:0;}
.taxbill .mark,
.taxbil_popup .mark {align-self: flex-start; display:inline-block; padding:0; background:none; font-weight:700; font-size: 20px; color:#e43737;}
.taxbill .paper {border:3px solid #e43737; color: #e43737; font-size:13px; line-height:1.3;}
.taxbill .paper * {box-sizing:border-box;}
.taxbill input[type="text"] {width:100%; height:28px;}
.taxbill .row {display:flex; align-items:center; margin:0; border-top:1px solid #e43737; border-bottom:1px solid #e43737;}
.taxbill .paper dl {margin:0;}
.taxbill .paper dt {display: flex; align-items: center; justify-content:center; min-height:35px; margin:0; padding:3px; border-right:1px solid #e43737; border-bottom:1px solid #e43737; text-align:center;}
.taxbill .paper dd {min-height:35px; margin:0; padding:3px; border-bottom:1px solid #e43737; color:#333;}
.taxbill .paper dd dt {color:#e43737;}
.taxbill .row1 {border-top:none;}
.taxbill .row1 .col1 {display:flex; align-items:center;}
.taxbill .row1 .col2 {margin-left:auto;}
.taxbill .row1 .col1 h3 {margin:0; padding:0 20px; margin-left:95px; font-size: 32px; text-align:center;}
.taxbill .row1 .col1 span {padding:0 20px; font-size: 16px;}
.taxbill .row1 .col2 dl {display:flex; align-items:center; margin:0; border-bottom:1px solid #e43737;}
.taxbill .row1 .col2 dl:last-of-type {border-bottom:none;}
.taxbill .row1 .col2 dt {margin:0; padding:5px; border-left:1px solid #e43737; border-bottom:0; text-align:center;}
.taxbill .row1 .col2 dd {display: flex; align-items: center; width:180px; margin:0; padding:5px; border-bottom:0; color:#333;}
.taxbill .row2 > div {display:flex; width:50%;}
.taxbill .row2 table {width:100%;}
.taxbill .row2 tr {border-bottom:1px solid #e43737;}
.taxbill .row2 table tr:first-of-type {border-bottom:none;}
.taxbill .row2 th {width:26px; height:35px; padding:3px; border-right:1px solid #e43737; color:#e43737; text-align:center; vertical-align:middle;}
.taxbill .row2 td {position:relative; height:auto; height:35px; padding:3px; color:#333;}
.taxbill .row2 td div {display: table; table-layout: fixed; width: 100%; white-space: nowrap; }
.taxbill .row2 td div * {display: table-cell; overflow: hidden; text-overflow: ellipsis;}
.taxbill .row2 .td_head {width:60px; border-right:1px solid #e43737; border-left:1px solid #e43737; text-align:center; color:#e43737;}
.taxbill .row2 .td_head:first-of-type {border-left:none;}
.taxbill .row2 .tr_address td {font-size:12px;}
.taxbill .row2 .tr_name td:first-of-type {padding:0 3px;}
.taxbill .row2 .w-s {width:50px;}
.taxbill .row2 .search_box {display:flex; align-items:center; border:1px solid #ddd;}
.taxbill .row2 .search_box input {border:none; height:26px;}
.taxbill .row2 .search_box button {height:auto; padding:0; margin:0;}
.taxbill .row2 .search_box i {padding:5px; color:#333;}
.taxbill .row2 .supplier th {border-left:2px solid #e43737;}
.taxbill .row2 .mark {position:absolute; top:5px; right:5px;}
.taxbill .row3,
.taxbill .row4,
.taxbill .row5 {border-top:none!important;}
.taxbill .row5 {border-bottom:none;}
.taxbill .row3 > dl {flex:1;}
.taxbill .row3 > dl:first-of-type {flex:0; width:122px;}
.taxbill .row3 dd {display:flex; align-items:center; justify-content:flex-end; border-right:1px solid #e43737; text-align:right; color:#333;}
.taxbill .row3 > dl:last-of-type dt {border-right:none;}
.taxbill .row3 > dl:last-of-type dd {border-right:none;}
.taxbill .row4 th {height:auto; padding:3px; border-bottom:1px solid #e43737; border-left:1px solid #e43737; color:#e43737; text-align:center; line-height:auto; font-weight:400;}
.taxbill .row4 th:first-of-type {border-left:none;}
.taxbill .row4 td {height:auto; padding:3px; border-bottom:1px solid #e43737; border-left:1px solid #e43737;}
.taxbill .row4 td:first-of-type {border-left:none;}
.taxbill .row4 .td_subject {width:210px}
.taxbill .row4 .td_size,
.taxbill .row4 .td_amount {width:50px;}
.taxbill .row4 td input {text-align:right;}
.taxbill .row4 .td_date input,
.taxbill .row4 .td_subject input,
.taxbill .row4 .td_size input,
.taxbill .row4 .td_note input {text-align:left;}
.taxbill .row5 > div {display:flex;}
.taxbill .row5 .sum {width:625px;}
.taxbill .row5 .sum > dl {flex:1;}
.taxbill .row5 .sum dt {height:25px;}
.taxbill .row5 .sum dd {display:flex; align-items:center; justify-content:right; border-bottom:none; border-right:1px solid #e43737; text-align:right;}
.taxbill .row5 .select_request {display:flex; align-items:center; justify-content:center; flex:1;}
.taxbill .row5 .select_request select {margin:0 5px;}
.taxbill .trans_type {display:flex; align-items:center; margin:5px 0;}
.taxbill .trans_type .input-group {display:flex; width: auto; margin-left:5px;}
.taxbill .trans_type input {width:132px; border-radius:0; border-right:none;}
.taxbill .trans_type .input-group-append .btn {height:28px; padding:5px; border:1px solid #ccc; border-left:none; border-radius:0;}
.taxbill .trans_type .dropdown-toggle::after {vertical-align: initial;}
.taxbill .trans_type .dropdown-menu {background:#fff; overflow: auto; height: 299px; font-size:12px;}
.taxbill .trans_type dl {margin:0; padding:3px; border-top:1px solid #ddd;}
.taxbill .trans_type dt {margin:0; font-weight:700;}
.taxbill .trans_type dd {margin:0; color:#666;}
.taxbill .modal-footer {justify-content: flex-start;border-top:1px solid #ddd;}
.taxbill .modal-footer dl {display:flex; align-items:center; margin-right:20px; }
.taxbill .modal-footer dt {margin-right:5px; font-weight:700;}
.taxbill .modal-footer dd {display:flex; align-items:center;}
.taxbill .modal-footer . {display: flex; align-items: center; justify-content:center; width:28px; margin-left:3px; padding: 0 5px; font-size:11px;}
.taxbill .modal-footer .btn_wrap {margin-left:auto;}
.taxbill .modal-footer button {height:28px; padding:0 .75rem; border-radius:0;}
.taxbill_purch .mark,
.taxbill_purch .mark {color:#5863c7;}
.taxbill_purch .paper {border:3px solid #5863c7; color: #5863c7;}
.taxbill_purch .row {border-top:1px solid #5863c7; border-bottom:1px solid #5863c7;}
.taxbill_purch .paper dt { border-right:1px solid #5863c7; border-bottom:1px solid #5863c7; }
.taxbill_purch .paper dd {border-bottom:1px solid #5863c7; }
.taxbill_purch .paper dd dt {color:#5863c7;}
.taxbill_purch .row1 .col2 dl {border-bottom:1px solid #5863c7;}
.taxbill_purch .row1 .col2 dt {border-left:1px solid #5863c7;}
.taxbill_purch .row2 tr {border-bottom:1px solid #5863c7;}
.taxbill_purch .row2 th {border-right:1px solid #5863c7; color:#5863c7;}
.taxbill_purch .row2 .td_head { border-right:1px solid #5863c7; border-left:1px solid #5863c7; color:#5863c7;}
.taxbill_purch .row2 .supplier th {border-left:2px solid #5863c7;}
.taxbill_purch .row3 dd {border-right:1px solid #5863c7; color:#333;}
.taxbill_purch .row4 th {border-bottom:1px solid #5863c7; border-left:1px solid #5863c7; color:#5863c7;}
.taxbill_purch .row4 td {border-bottom:1px solid #5863c7; border-left:1px solid #5863c7;}
.taxbill_purch .row5 .sum dd {border-right:1px solid #5863c7; text-align:right;}
.taxbil_popup {background: rgba(0, 0, 0, 0.6);}
.taxbil_popup .modal-dialog {width:650px;}
.taxbil_popup .modal-header {padding-bottom:5px; border-bottom:1px solid #ddd;}
.taxbil_popup .modal-title {font-size: 16px; font-weight: 700;}
.taxbil_popup .modal-header .close {margin-top: -5px; color: #666!important; font-size: 28px; line-height: 1;}
.taxbil_popup button {height:28px; border-radius:0; font-size:14px; line-height:1;}
.taxbil_popup .modal-footer>.btn+.btn {margin-left:5px;}
.taxbil_popup h3 {margin-bottom:5px; font-weight:700; font-size:14px;}
.taxbil_popup table {width:100%; border-top:1px solid #333;}
.taxbil_popup table th {height:auto; padding:5px; border-bottom:1px solid #ddd; text-align:center;}
.taxbil_popup table td {height:auto; padding:5px; border-bottom:1px solid #ddd; text-align:center;}
.taxbil_popup li,
.taxbil_popup ul {margin:0; padding:0; list-style:none;}
.pop_findsupplier .search_box {display:flex; align-items:center;}
.pop_findsupplier .search_box button {margin-left:3px; font-size:12px;}
.pop_findsupplier .search_box select {min-width: 300px;}
.pop_findsupplier .result_list {height:350px; margin-top:10px; overflow-y:auto;}
.pop_findsupplier table th:fist-of-type {width:240px;}
.pop_addpic th:last-of-type {width:240px;}
.pop_addpic ul {display:flex; flex-flow:row wrap; background: #f6f6f6; margin-top: 10px; padding: 10px 0;}
.pop_addpic li {display:flex; flex-flow:row wrap; align-items:center; width:calc(50% - 20px); margin:5px;}
.pop_addpic li label {width:70px; text-align: right; margin-right: 10px;}
.pop_addpic li input {flex:1;}
/*opticalpos - dashboard*/
/* .card-body ul,*/
.opticalpos li {margin:0; padding:0; list-style:none;}
.opticalpos .card-header {font-weight:700; color:var(--dark); font-size:16px;}
.opticalpos ul {display:flex; flex-direction:column; height:100%;}
.opticalpos .card-body {padding:0.625rem 1.25rem;}
.opticalpos .com_info .card {background:var(--indigo-100);}
.opticalpos .com_info ul {margin-bottom:0; padding:0; font-size:14px; }
.opticalpos .com_info li {margin:3px 0;}
.opticalpos .com_info i {color:#999; margin-right:10px; }
.opticalpos .com_info .name {margin-bottom:auto; font-size:18px; color:var(--dark); font-weight:700;}
.opticalpos .com_info .name i {display: block; font-size: 32px; margin-bottom: 5px; color:var(--dark); }
.opticalpos .com_info .name:after {content:""; display:block; width:40px; height:2px; margin-top:10px; background:#333;}
.opticalpos .alarm .card {background: var(--light);}
.opticalpos .alarm dl {display:flex; flex-direction:column; align-items:center; width: 25%; margin-bottom:0; padding: 5px;}
.opticalpos .alarm dl:first-of-type dt {background:#039be5;}
.opticalpos .alarm dl:nth-of-type(2) dt {background:#0370e5;}
.opticalpos .alarm dl:nth-of-type(3) dt {background:#733cc7;}
.opticalpos .alarm dl:last-of-type dt {background:#d34c70;}
.opticalpos .alarm dt {display:flex; flex-direction:column; align-items:center; justify-content:center; width:70px; height:70px; border-radius:50px; color:#fff; font-weight:700;}
.opticalpos .alarm dt i {margin-bottom:3px; font-size:24px;}
.opticalpos .alarm dd {text-align: center; font-size: 24px; font-weight: 700;}
.opticalpos .alarm dd span {font-size:12px; color:#666; font-weight:400; color:inherit;}
.opticalpos .alarm dl:first-of-type dd {color:#039be5;}
.opticalpos .alarm dl:nth-of-type(2) ddd {color:#0370e5;}
.opticalpos .alarm dl:nth-of-type(3) dd {color:#733cc7;}
.opticalpos .alarm dl:last-of-type dd {color:#d34c70;}
.opticalpos .charge .card {background: var(--red-100);}
.opticalpos .charge .card-header {border-bottom:1px solid #ffe0e0;}
.opticalpos .charge .card-header dl {display:flex; flex-flow:row wrap;}
.opticalpos .charge .card-header dl dt {padding:0; font-weight:700;}
.opticalpos .charge .card-header dl dt span {display:block; font-size:12px; color:#787878; font-weight:400;}
.opticalpos .charge .card-header dl dd {padding:0; text-align:right; font-size:26px; font-weight:700;}
.opticalpos .charge .card-header dl dd span {font-weight:400; font-size:16px;}
.opticalpos .charge .card-body {padding-top:10px; padding-bottom:0;}
.opticalpos .charge .card-body dl {display:flex; flex-flow:row wrap; width:100%; margin:5px 0;}
.opticalpos .charge .card-body dt {width:60%;}
.opticalpos .charge .card-body dt em {background:#fff; border: 1px solid #e9a4a4; border-radius: 3px; padding: 0 5px; font-size: 11px; font-style: normal; color:#cb4545;}
.opticalpos .charge .card-body dd {width:40%; text-align:right; font-weight:bold;}
.opticalpos .help {display:flex; align-items:center; justify-content:center;background:#cf445d; cursor:pointer }
.opticalpos .help:hover {background:#d1344f;}
.opticalpos .help a {display:flex; flex-direction:column; align-items:center; color:#fff; font-size:18px; font-weight:700;}
.opticalpos .help i {margin-bottom:10px; font-size:30px;}
.opticalpos .calendar table th,
.opticalpos .calendar table td {height:auto;}
.opticalpos .calendar h2 {font-weight:700;}
.opticalpos .calendar .fc-header-toolbar {justify-content:center;}
.opticalpos .calendar .fc .fc-button-primary {background-color:transparent; border-color:transparent;}
.opticalpos .calendar .fc-button:not(.fc-button-disabled):not(.fc-button-active):focus,
.opticalpos .calendar .fc-button:not(.fc-button-disabled):not(.fc-button-active):hover {background-color: transparent; border-color: transparent;}
.opticalpos .calendar .fc .fc-button .fc-icon {font-size:24px;}
.opticalpos .calendar .fc-icon-chevron-right:after,
.opticalpos .calendar .fc-icon-chevron-left:after {display:none; font-size:24px;}
.opticalpos .fc-dayGrid-view tbody .fc-row {height:90px;}
.opticalpos .callendar_cont,
.opticalpos .ad {height:calc(100% - 1.25rem);}
.opticalpos .callendar_cont .date {padding:40px 20px; border-bottom:1px solid #ddd; font-size:24px; font-weight:700; text-align:center; letter-spacing:-1px;}
/*.opticalpos .callendar_cont .date:after {content:""; display:block; width:40px; height:2px; background:#333; margin:20px auto;}*/
.opticalpos .callendar_cont ul {padding:0;}
.opticalpos .callendar_cont li {padding:10px 40px; border-bottom:1px solid #ddd; color:#666;}
.opticalpos .callendar_cont li strong {display:block; margin-bottom:5px; color:#333;}
.opticalpos .callendar_cont li em {color: #0385e5; font-style: normal; font-weight: 700;}
.opticalpos .color-desc {flex-flow:row wrap; padding: 0;}
.opticalpos .color-desc > div {flex-flow:row wrap;}
.opticalpos .ad {overflow:hidden;}
/*marketplace_dash*/
.content>.content.dbr_standard1_dash {padding:1.25rem;}
.dbr_standard1_dash a {color:inherit;}
.dbr_standard1_dash .custom-select {height:28px; padding:0 1.5625rem 0 0.625rem; background-position:right 0.625rem center; line-height:1;}
.dbr_standard1_dash .summary {color:#fff;}
.dbr_standard1_dash .summary .badge {padding-right:0.625rem; padding-left:0.625rem; font-size:0.875rem;}
.dbr_standard1_dash .progress_tit {display:flex; align-items:center; padding:0 3px;}
.dbr_standard1_dash .progress_tit > span:last-child {margin-left:auto; margin-right:5px;}
.dbr_standard1_dash .card-header .card-title {font-size:0.938rem; font-weight:500;}
.dbr_standard1_dash th {font-size:0.938rem; font-weight:500;}
.dbr_standard1_dash th > div {display:flex; align-items:center;}
.dbr_standard1_dash th i,
.dbr_standard1_dash .card-header h6 a i {margin: 0 3px; padding-bottom: 2px; vertical-align: middle; font-size:0.75rem;}
.dbr_standard1_dash th select {width:auto; margin-left:auto;}
.dbr_standard1_dash td .badge {padding: 0.3125rem 0.375rem; font-size:80%; font-weight: 500; line-height:1;}
.dbr_standard1_dash table .sort {width: 40px; padding-right: 0;}
.dbr_standard1_dash td:last-of-type {width:80px;}
.dbr_standard1_dash .inquiry .card {height:calc(100% - 1.25rem);}
.dbr_standard1_dash .inquiry td:first-of-type {width: 40px; padding-right: 0;}
.dbr_standard1_dash .letter-icon {color:#fff;}
.dbr_standard1_dash .nav-tabs-solid {border: 1px solid #ddd; text-align:center;}
.dbr_standard1_dash .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link {color: rgba(255,255,255,.9);}
.dbr_standard1_dash .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.active {color: #fff; background-color: rgba(0,0,0,.1);}
.dbr_standard1_dash .nav-item a {justify-content:center;}
.dbr_standard1_dash .progress {height:1.375rem; margin-bottom: 1.25rem;}
.dbr_standard1_dash .new_order .progress-bar {background-color:#26A69A;}
.dbr_standard1_dash .delay .progress-bar {background-color:#EC407A;}
.dbr_standard1_dash .cancel .progress-bar {background-color:#29B6F6;}
.dbr_standard1_dash .manage .progress-bar {background-color:#ff7043;}
.dbr_standard1_dash .calculate h6 {margin-bottom:0;}
.dbr_standard1_dash .calculate li {margin-top:0.9375rem;}
.dbr_standard1_dash .calculate li:first-child {margin-top:0.625rem;}
.list-type1-page .modal-body .border-danger-10 {border-color:#5c6bc0!important;}
.list-type1-page .modal-body .bg-danger-10 {background-color:#5c6bc0!important;}
.list-type1-page .modal-body .bg-danger-10-hover:hover {background-color: #4a5bb9!important; border-color: #4a5bb9!important;}
.list-type1-page .modal-body th.bg-danger-10 {background-color:#668ac9!important;}
#type1-table-body .dropdown {position:static;}
#type1-table-body .dropdown > a {display:block;}
#type1-table-body .dropdown-menu {position:absolute; padding:4px 10px; will-change: transform; top: 0px; left:20%; min-width:130px; border:1px solid #a3aad1;}
#type1-table-body .dropdown-menu a {display:block; padding:4px 0; font-size:13px; color:#525252;}
/*#type1-table-body .dropdown:hover > .dropdown-menu{display:block;}*/
#type1-table-body .dropright .dropdown-toggle::after {display:none;}
a:focus { outline: 0;}
/*가맹점 정보 팝업*/
.popup-form1-form-a-member-company-form .mt_space {margin-top:44.42px;}
.popup-form1-form-a-member-company-form #contact .verify_cfm {border-color:#7d8bd7!important;}
.popup-form1-form-a-member-company-form #contact .form-control-feedback,
.popup-form1-form-a-item-form #delivery .form-control-feedback {height:28px; line-height:28px;}
.popup-form1-form-a-member-company-form #contact .form-control {border:1px solid #6f80e1; border-right:none; border-top-right-radius:0; border-bottom-right-radius:0;}
/*상품상세 팝업*/
.popup-form1-form-a-item-form #prod-addon-ipn .bg-primary i {color:#fff;}
/*item-taabbed*/
.item_tabbed.btn-groups {position:sticky; top:0; left:0; margin-left:-18px; margin-right:-18px; margin-bottom:5px!important; border-bottom:1px solid #ddd; background:#f5f5f5; z-index:20;}
.content > .row > div > .item_tabbed.btn-groups.pt-2 {padding-left:18px!important; padding-right:18px!important;}
.item_tabbed.card {margin-top:5px;}
.item_tabbed .tabs_wrap {position:sticky; top:50px; left:0; margin-top:-10px; padding-top:10px; background:#fff; z-index:10;}
.item_tabbed .tab-pane {display:block;}
.item_tabbed .tab-pane:first-of-type {padding-top:0;}
.item_tabbed .fade:not(.show){opacity: 1;}
.item_tabbed .card-header {padding-left:0; padding-right:0;}
.item_tabbed .card-header > .card-header-item.col-12 {padding-left:0; padding-right:0;}
.item_tabbed .anch{position:relative; top:-110px; height:1px; }
.item_tabbed .stit {padding:0 5px;}
.item_tabbed .stit h3 {font-size:16px; font-weight:500; color:#191919;}
.item_tabbed .fr-box {z-index:0!important;}
.post-tabbed .tab-pane {padding:0.625rem 0;}
/*프린트 상품등록*/
.blanker_item .guide,
.blanker_item .setsize_wrap,
.editor_wrap > div,
.option_wrap > div {margin-right:32px;}
.head_btn_add {color:var(--basic-hover);}
.backslash {width:287px; background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #ddd, transparent calc(50% + 1px)); background-size: 120% 120%; background-position: center;}
.backslash div {display:flex; align-items:center; height:50%;}
.backslash > div:first-child {justify-content:flex-end;}
.backslash input {margin-left:6px;}
.backslash a {margin-top:10px;}
#topAnchor {height:0.5rem; margin-top:-0.5rem;}
.blanker_item .contents_wrap {margin-top:0;}
.blanker_item.content {padding-top:0;}
.blanker_item .topbtn_wrap {position: sticky; top: 0; left: 0; z-index: 110; background: #f6f6f6;}
.blanker_item .btn-groups {margin-top:-2rem; padding-top:0.625rem; padding-bottom:0.625rem; }
.blanker_item .anchor {height:101px; margin-top:-101px;}
.blanker_item .tabs_wrap {position:sticky; top:56px; left:0; margin:-11px; padding:10px; padding-top:0; border: 1px solid rgba(0, 0, 0, .125); border-bottom:0; border-top-left-radius:.25rem; border-top-right-radius:.25rem; overflow:hidden; z-index: 10; background:#fff;}
.blanker_item .tab-content>.tab-pane {display:block; opacity:1;}
.blanker_item .card {padding:12px; margin-top:12px;}
.blanker_item .ptxt_wrap {position: absolute; padding:6px; margin: 5px; display: none; background-color:#5c6bc0; border-radius:5px; z-index:10;}
.blanker_item .table-responsive {overflow-x: auto;}
.blanker_item input,
.blanker_item tbody input[type="text"] {border-radius: .25rem;}
.blanker_item tbody input[type="text"] {width:auto!important;}
.blanker_item input::placeholder {color:#787878;}
.blanker_item ul,
.blanker_item li {padding:0; margin:0; list-style:none;}
.blanker_item .stit {display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.blanker_item .stit h3 {margin-bottom:0; font-weight:700; color:#191919; font-size:14px; }
.blanker_item .tab-pane {padding:20px 3px;}
.blanker_item .stit h3 span {font-weight:400;}
.blanker_item .guide {display:flex; gap:60px; margin-bottom:12px; padding:12px; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; word-wrap: break-word;}
.blanker_item .guide dt,
.blanker_item .guide li {position:relative; padding-left:10px; font-weight:500; color:var(--black);}
.blanker_item .guide dt:before,
.blanker_item .guide li:before {content:""; position:absolute; top:7px; left:0; width:4px; height:4px; background:var(--black); border-radius:50px;}
.blanker_item .guide dd {margin-bottom:3px;}
.blanker_item .guide dd strong {font-weight:400; color:var(--danger);}
.blanker_item .guide .txt_sm {margin-top:10px; color:var(--basic-hover);}
.blanker_item .guide ul {margin-bottom:1rem;}
#pheader1 > td:last-child > div {position:relative; max-width:1230px; text-align:center;}
.stock_table2 .p_img_area {text-align: left;width: 78px;display: inline-block}
.stock_table2 .p_img_icon > img {width: 21px; height: 21px; cursor: pointer;vertical-align: middle}
.p_tbl_header {background:#f6f6f6;}
.p_tbl_header,
.p_tbl_row1 {border-collapse: collapse; table-layout: fixed; width: max-content; border:1px solid #ddd;}
.p_tbl_header td {padding:8px 5px; border:1px solid #ddd; vertical-align:top;}
.p_tbl_header td .position-absolute {top:50%; left:5px; transform:translateY(-50%); display: flex; align-items: center;}
.p_tbl_header td .position-absolute i {margin-left:6px;}
.p_tbl_header td > input:first-of-type {margin-top:4px;}
.p_tbl_header .set_qty,
.p_img_area a,
.p_text_area a {position:relative; display:inline-block; color:var(--txt-hover); text-decoration:underline;}
.p_text_area {position:relative;}
.p_tbl_header .btn_cls {position:relative;}
.p_tbl_header .btn_cls a {position:absolute; top:-50px; right:0;}
.p_tbl_header .row {display:block; margin:4px 0; text-align:left;}
.ctl_amount {display: inline-block; vertical-align: middle; font-size: 14px;}
.ctl_amount i {display:block; margin-left: 2px;}
#pheader2 > td {width:205px; font-size:12px; }
tbody input[type="text"].pn
tbody input[type="text"].row_nk {width:90px!important;}
tbody input[type="text"].pc1,
tbody input[type="text"].pc2,
tbody input[type="text"].pw1,
tbody input[type="text"].pw2 {width:44px!important;}
.p_tbl_row1 {border-top: none}
.p_tbl_row1 .p_img_area {width:auto; margin-left:2px;}
.p_tbl_row1_td1 {position:relative; padding: 5px; width:116px}
.p_tbl_row1_td2 {border-left:1px solid #ddd;}
.p_tbl_row3, .p_tbl_row4 {border-collapse: collapse; table-layout: fixed; border-top: 1px solid #ddd;}
.p_tbl_row2_td1 {width: 170px;}
.p_tbl_row2_td1 > input {width:90px!important;}
.p_tbl_row2_td2 {width: 205px; border-left: 1px solid #ddd;}
.p_tbl_val2 {border-bottom:1px solid #ddd;}
.p_tbl_row1_td2_tbl_last,
.table-responsive > table:nth-of-type(2) .p_tbl_val2:last-of-type,
.stock_table2 > table:nth-of-type(2) .p_tbl_val2:last-of-type {border-bottom: none}
.on11_opt_type {margin-top:10px;}
.p_tbl_row2 td, .p_tbl_row3 td, .p_tbl_row4 td {padding: 5px;}
.p_tbl_row4 .size_div_btn, .p_tbl_row4 .pp {display: none }
.p_tbl_row4 {height: 32px}
.stock_table2 .pr {display: none}
.stock_table2 .pfo {display: none}
.stock_table2 .pfd {display: none}
.stock_table2 .pf {display: none}
.stock_table2 .pp {width: 90px;}
.stock_table2 .p_text_icon {
display: inline-block;
border: 1px solid #CCC;
border-radius: 5px;
width: 15px;
height: 15px;
background-color: #EEE;
text-align: center
}
.stock_table2 .p_text_area {
height: 25px;
}
.stock_table2 .p3v {
display: none
}
.stock_table2 .size_div_btn {
cursor: pointer
}
.row2_td1_spc1 {
width: 10px;
display: inline-block
}
.row2_td1_spc2 {
width: 25px;
display: inline-block
}
.blanker_item .setsize_wrap {gap:80px;}
.blanker_item .setsize_wrap .text-orange-700{margin:12px 0;}
.blanker_item .setsize_wrap a {line-height:28px;}
.blanker_item .setsize_wrap > div {position:relative;}
.blanker_item .setsize_wrap > div:first-child:after {content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; top:50%; right:-45px; transform:translateY(-50%); color:#ccc; font-size:24px;}
.set_size input[type="text"] {width:auto!important;}
.set_size .stit h4 {display:inline-block; font-weight:700; color:var(--danger); font-size:14px;}
.set_size .stit span {color:var(--black); font-weight:500;}
.set_size ul {display:flex; align-items:center; gap:20px; margin-top:12px;}
.set_size dl {display:flex; align-items:center; gap:10px; color:#666;}
.set_size dt {margin-bottom:0;}
.blanker_item .editor_wrap .d-flex {flex-wrap:wrap; gap:8px;}
.blanker_item .editor_wrap .btn {height:28px;}
.blanker_item .option_wrap .tit {gap:10px; padding:12px; background:#f6f6f6;}
.blanker_item .option_wrap .card {align-items: flex-start; padding:0; padding-bottom:12px;}
.blanker_item .hu_cnts .card {margin-bottom:0;}
.blanker_item .hu_cnts table:first-of-type .card {margin-top:12px;}
.blanker_item .hu_cnts th {width:165px; padding:12px; padding-top:22px; vertical-align:top;}
.blanker_item .option_wrap a.btn {line-height:28px;}
.blanker_item .option_wrap .top_tb {width:100%;}
.blanker_item .option_wrap .top_tb td {padding:12px; background:#f6f6f6;}
.blanker_item .option_wrap .top_tb .btn_del {position:absolute; right:10px;}
.blanker_item .sortable0 table tr td,
.blanker_item .row_tb tr td {padding-left:12px; padding-right:12px;}
.blanker_item .row_tb tr td td {padding-left:0; padding-right:0;}
@media (max-width:1440px) {
.m_searchbox {max-width:30%;}
.blanker_item .guide,
.blanker_item .setsize_wrap,
.editor_wrap > div,
.option_wrap > div {margin-right:0;}
}
@media (max-width:1440px) and (min-width:1199.98px) {
.summary .card-body {padding:10px;}
}
@media (max-width:1200px) {
.head_nav .navbar-brand {width:100%; padding:10px 10px; border-bottom:1px solid #ddd; text-align:center;}
}
@media (max-width: 1199.98px) {
.head_nav > div:nth-of-type(2) {padding-left:0!important; padding-right:0!important;}
.head_nav .navbar-nav li {padding:10px 6px;}
.head_right .btn {padding:0.3125rem 5px;}
.sidebar-mobile-toggler {display:block!important;}
}
@media (max-width: 992px) {
.m_searchbox {position:relative; width:calc(100% + 1.25rem); max-width: none; margin:0 -10px; padding:10px 15px ; border-top:1px solid #ddd; }
}
@media (max-width: 768px) {
.nav_sort .dropdown-menu { position: absolute; width: calc(100vw - 10px); max-width:360px;}
.head_nav {flex-flow:row wrap; padding-left:0!important;}
.head_nav .nav_wrap {padding-left:var(--container-pdl); padding-right:var(--container-pdr);}
.head_nav .nav_wrap .btn {color:#5151cb;}
.head_nav .btn_left_collapse {display:none!important;}
.head_nav .navbar-nav li {height:38px;}
.head_nav .badge {display:none!important; height:0; width:0; padding:0!important; font-size:0!important; line-height:0;}
.head_nav .navbar-nav li:first-child {border-left:none;}
.head_right .navbar-nav li:last-child {width:auto!important; min-width:auto; margin-bottom: 0!important; padding: 0.3125rem 0.75rem; border-left: none;}
.head_nav > div:nth-of-type(2) > div:first-of-type {display:block; width:100%; background:#f6f6f6;}
.head_nav .d-md-none {padding:0 1.25rem; border-bottom:1px solid #ddd;}
.head_right .navbar-nav {flex-flow:row wrap;}
#navbar-mobile .navbar-nav {padding:0; position:relative; flex-direction:row!important;}
#navbar-mobile .navbar-nav:first-of-type {margin:0; padding:0; height:0;}
#navbar-mobile .w-100 {width:auto!important;}
#navbar-mobile li {margin:0!important;}
.head_right {position:absolute; top:0; right:10px;}
.head_nav .head_right > ul > li:first-of-type {display:none;}
.head_nav .collaps {border-top:1px solid #ddd;}
.sel_lang {position: absolute; top:0; right: -8px; max-width: 100px; border-left:1px solid #ddd; border-right:none!important; z-index:50;}
.head_nav .media .dropdown-menu {position:absolute;}
.opticalpos .pd_outer {padding: 0.625rem 0.625rem;}
.list-type1-page .card-header {padding: 0.625rem 0;}
.list-type1-page .card-header > .col-12 {padding-left:0; padding-right:0;}
.list-type1-page .nav-tabs-solid {justify-content:flex-start!important;}
.popup-form1-form-a-member-company-form .nav-tabs-solid .nav-link {padding: 0.3rem 20px;}
.popup-form1-form-a-member-company-form .mt_space {margin-top:0;}
#pheader1 > td:last-child > div ul {margin-left:60px; max-width:250px;}
.blanker_item .setsize_wrap {flex-direction:column!important; gap:0;}
.blanker_item .setsize_wrap > div:first-child:after {display:none;}
.blanker_item .set_size {margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
.blanker_item .editor_wrap th,
.blanker_item .editor_wrap td {display:block; height:auto;}
.blanker_item .editor_wrap th {padding:18px 0 3px;}
.blanker_item .editor_wrap tr:first-of-type th {padding-top:0;}
.blanker_item .option_wrap > .card {padding:12px;}
.blanker_item .option_wrap .hu_cnts {position:relative; width:100%;}
.blanker_item .option_wrap .hu_cnts th,
.blanker_item .option_wrap .hu_cnts > tbody > tr > td {display:block; height:auto}
.blanker_item .option_wrap .hu_cnts > tbody > tr > td:last-child {position:absolute; top:-10px; right:-10px; padding-top:0!important;}
.blanker_item .option_wrap .hu_cnts th {padding:0 3px;}
.blanker_item .option_wrap .hu_cnts > tbody > tr > td table {width:100%;}
}
@media (max-width: 480px) {
.head_nav > div {width:100%; max-width:none;}
.nav_sort .dropdown-menu {width: calc(100vw - 140px);}
#navbar-mobile {padding-left:0; padding-right:0;}
#navbar-mobile li {width:25%; min-width:auto;}
#navbar-mobile .btn-group .dropdown-toggle {padding:0;}
.select2-selection--single .select2-selection__rendered {padding-right: 30px;}
.sel_lang {width:25%; border-left:none;}
.opticalpos .color-desc {max-width: 100%; margin-bottom:40px; }
.opticalpos .callendar_cont {margin-bottom:5px;}
.content .card-header,
.modal-content .tab-content .card-header .card-body {padding:0.625rem!important;}
.content > .row > .col-xl-12 {padding-left:0; padding-right:0;}
.card-header.p-0 {padding:0!important;}
#item-related-modal-btn {flex:1;}
.list-type1-page .nav-tabs-solid .nav-link {height:36px; padding: 0.3rem 4px; font-size:13px; line-height:1.2; text-align:center;}
.popup-form1-form-a-member-company-form #contact button.col-3{-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; font-size:13px;}
.item_tabbed .anch{height:122px; margin-top:-122px;}
.item_tabbed .card-header {padding-left:0!important; padding-right:0!important;}
.item_tabbed .card-body {padding-left:10px; padding-right:10px;}
.blanker_item .guide {flex-direction:column; gap:20px;}
.blanker_item .nav-item {flex:1;}
.blanker_item .nav-link {justify-content: center; width: 100%; padding-left:10px; padding-right:10px;}
.blanker_item .set_size .stit {flex-direction:column; align-items: flex-start; gap: 0;}
.blanker_item .set_size ul {flex-direction:column; align-items: flex-start; gap: 0;}
.blanker_item .option_wrap > .card {padding:0;}
.blanker_item .option_wrap > .card .card { border:none; border-radius:0;}
.blanker_item .row_tb tr td td {display:block; width:100%; height:auto; padding:3px 0;}
.blanker_item .option_wrap .hu_cnts th {padding:10px; padding-bottom:0;}
.blanker_item .option_wrap .hu_cnts > tbody > tr > td:last-child {top:3px; right:0;}
.blanker_item .option_wrap .top_tb {margin-bottom:10px;}
.blanker_item .option_wrap .top_tb a.btn {position: absolute; bottom: 3px; right:-1px;}
.blanker_item .option_wrap .top_tb td {position: relative; display:block; height:auto; padding:20px 8px;}
.blanker_item .option_wrap .top_tb .btn_del {top:10px; right:10px;}
.blanker_item .option_wrap .row_tb tbody {display:block; height:auto;}
.blanker_item .option_wrap .row_tb tr {display:block;}
.blanker_item .row_tb table {display:block; width:100%; padding-bottom:10px!important; margin-bottom:10px!important; border-bottom:1px dashed #ddd;}
.blanker_item .row_tb td {display:block; width:100%; height:auto;}
.blanker_item .option_wrap .row_tb td span {display:inline-block; width:50px;}
}
@media (max-width: 380px) {
.head_nav > div {padding-left:0!important; padding-right:0!important;}
#navbar-mobile li {padding:5px; font-size:12px;}
#navbar-mobile li .btn {font-size:12px; padding: 0!important;}
#navbar-mobile li i {display:none;}
#navbar-mobile .navbar-nav {flex-flow:row wrap;}
.modal-content .nav-tabs-solid {background-color: #fff;}
.modal-content .nav-tabs-solid li {width:calc(33.33% - 2px); margin: 1px; background: #f5f5f5;}
.modal-content .nav-tabs-solid li a {width:100%; padding: 0.3rem 0.3rem;}
}
@media (min-width: 576px)
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
@media (min-width: 576px)
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem);
}