Last active
May 30, 2018 18:08
-
-
Save leemunroe/8c582815a278394a2ad83f853a77a3d3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.login-modal-auth-providers{ | |
text-align:center; | |
} | |
.login-modal-auth-providers .login-modal-auth-providers-view-all{ | |
color:#1b2029; | |
font-size:14px; | |
text-decoration:underline; | |
} | |
.login-modal-auth-providers .login-modal-auth-providers-divider{ | |
position:relative; | |
text-align:center; | |
} | |
.login-modal-auth-providers .login-modal-auth-providers-divider:after{ | |
background-color:#dadde2; | |
border-width:0; | |
content:''; | |
height:1px; | |
left:0; | |
position:absolute; | |
right:0; | |
top:50%; | |
width:100%; | |
z-index:0; | |
} | |
.login-modal-auth-providers .login-modal-auth-providers-divider-content{ | |
background:#fff; | |
display:inline-block; | |
margin-bottom:0; | |
padding:0 6px; | |
position:relative; | |
text-transform:uppercase; | |
z-index:1; | |
} | |
@media (min-width: 480px){ | |
.login-modal-auth-providers .login-modal-auth-providers-divider-content{ | |
padding:0 8px; | |
} | |
} | |
@media (min-width: 768px){ | |
.login-modal-auth-providers .login-modal-auth-providers-divider-content{ | |
padding:0 8px; | |
} | |
} | |
@media (min-width: 992px){ | |
.login-modal-auth-providers .login-modal-auth-providers-divider-content{ | |
padding:0 8px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.login-modal-auth-providers .login-modal-auth-providers-divider-content{ | |
padding:0 10.66666667px; | |
} | |
} | |
.modal-link-list{ | |
width:400px; | |
} | |
.modal-link-list .modal-body{ | |
padding-left:0; | |
padding-right:0; | |
} | |
.modal-link-list .modal-body .link-list-item, | |
.modal-link-list .modal-body .link-list-item:hover{ | |
color:inherit; | |
display:block; | |
padding:20px 24px; | |
text-decoration:none; | |
} | |
.modal-link-list .modal-body .link-list-primary, | |
.modal-link-list .modal-body .link-list-secondary{ | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
width:350px; | |
} | |
.modal-link-list .modal-body .link-list-primary{ | |
font-weight:700; | |
} | |
.modal-link-list .modal-body .link-list-secondary{ | |
color:#5f6369; | |
} | |
.modal-link-list .modal-body .link-list-item:hover{ | |
background-color:#f4f4f4; | |
} | |
.modal-link-list .modal-body .link-list-item:hover .link-list-icon{ | |
display:block; | |
} | |
.modal-link-list .modal-body .link-list-item:hover .link-list-icon.active{ | |
display:none; | |
} | |
.modal-link-list .modal-body .link-list-item:active{ | |
background:#7d58ff; | |
color:#fff; | |
} | |
.modal-link-list .modal-body .link-list-item:active .link-list-secondary{ | |
color:#fff; | |
} | |
.linked-clusters-table .cluster-cell{ | |
max-width:50%; | |
width:1px; | |
} | |
.linked-clusters-table .cluster-actions-cell{ | |
text-align:right; | |
width:50px; | |
} | |
td.service-addresses-table-column-successes, | |
td.service-addresses-table-column-failures, | |
td.service-addresses-table-column-failure-perecent, | |
td.service-addresses-table-column-p99latency, | |
th.service-addresses-table-column-successes, | |
th.service-addresses-table-column-failures, | |
th.service-addresses-table-column-failure-perecent, | |
th.service-addresses-table-column-p99latency{ | |
text-align:right; | |
} | |
.service-addresses-table-column-successes, | |
.service-addresses-table-column-failures{ | |
display:none; | |
width:105px; | |
} | |
.service-addresses-table-column-failure-perecent, | |
.service-addresses-table-column-p99latency{ | |
width:120px; | |
} | |
@media (min-width: 768px){ | |
.service-addresses-table-column-successes, | |
.service-addresses-table-column-failures{ | |
display:table-cell; | |
} | |
col.service-addresses-table-column-successes, | |
col.service-addresses-table-column-failures{ | |
display:table-column; | |
} | |
} | |
@media (min-width: 992px){ | |
.service-addresses-table-column-successes, | |
.service-addresses-table-column-failures{ | |
width:150px; | |
} | |
.service-addresses-table-column-failure-perecent, | |
.service-addresses-table-column-p99latency{ | |
width:170px; | |
} | |
} | |
.max-width{ | |
max-width:100%; | |
} | |
html{ | |
font-family:sans-serif; | |
-webkit-text-size-adjust:100%; | |
-ms-text-size-adjust:100%; | |
text-size-adjust:100%; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
main, | |
nav, | |
section, | |
summary{ | |
display:block; | |
} | |
audio, | |
canvas, | |
progress, | |
video{ | |
display:inline-block; | |
vertical-align:baseline; | |
} | |
audio:not([controls]){ | |
display:none; | |
height:0; | |
} | |
[hidden], | |
template{ | |
display:none; | |
} | |
a{ | |
background:transparent; | |
} | |
a:active, | |
a:hover{ | |
outline:0; | |
} | |
abbr[title]{ | |
border-bottom:1px dotted; | |
} | |
b, | |
strong{ | |
font-weight:700; | |
} | |
dfn{ | |
font-style:italic; | |
} | |
h1{ | |
font-size:2em; | |
margin:0.67em 0; | |
} | |
mark{ | |
background:#ff0; | |
color:#000; | |
} | |
small{ | |
font-size:80%; | |
} | |
sub, | |
sup{ | |
font-size:75%; | |
line-height:0; | |
position:relative; | |
vertical-align:baseline; | |
} | |
sup{ | |
top:-0.5em; | |
} | |
sub{ | |
bottom:-0.25em; | |
} | |
img{ | |
border:0; | |
} | |
svg:not(:root){ | |
overflow:hidden; | |
} | |
figure{ | |
margin:1em 40px; | |
} | |
hr{ | |
box-sizing:content-box; | |
height:0; | |
} | |
pre{ | |
overflow:auto; | |
} | |
code, | |
kbd, | |
pre, | |
samp{ | |
font-family:monospace, monospace; | |
font-size:1em; | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea{ | |
color:inherit; | |
font:inherit; | |
margin:0; | |
} | |
button:active, | |
input:active, | |
optgroup:active, | |
select:active, | |
textarea:active, | |
button:focus, | |
input:focus, | |
optgroup:focus, | |
select:focus, | |
textarea:focus, | |
button:hover, | |
input:hover, | |
optgroup:hover, | |
select:hover, | |
textarea:hover{ | |
outline:0; | |
} | |
button{ | |
overflow:visible; | |
} | |
button, | |
select{ | |
text-transform:none; | |
} | |
button, | |
html input[type='button']{ | |
-webkit-appearance:button; | |
-moz-appearance:button; | |
appearance:button; | |
cursor:pointer; | |
} | |
button[disabled], | |
html input[disabled]{ | |
cursor:default; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner{ | |
border:0; | |
padding:0; | |
} | |
input{ | |
line-height:normal; | |
} | |
input[type='reset'], | |
input[type='submit']{ | |
-webkit-appearance:button; | |
-moz-appearance:button; | |
appearance:button; | |
cursor:pointer; | |
} | |
input[type='checkbox'], | |
input[type='radio']{ | |
box-sizing:border-box; | |
padding:0; | |
} | |
input[type='number']::-webkit-inner-spin-button, | |
input[type='number']::-webkit-outer-spin-button{ | |
height:auto; | |
} | |
input[type='search']{ | |
-webkit-appearance:textfield; | |
-moz-appearance:textfield; | |
appearance:textfield; | |
box-sizing:content-box; | |
} | |
input[type='search']::-webkit-search-cancel-button, | |
input[type='search']::-webkit-search-decoration{ | |
-webkit-appearance:none; | |
appearance:none; | |
} | |
fieldset{ | |
border:1px solid #c0c0c0; | |
margin:0 2px; | |
padding:0.35em 0.625em 0.75em; | |
} | |
legend{ | |
border:0; | |
padding:0; | |
} | |
textarea{ | |
overflow:auto; | |
} | |
optgroup{ | |
font-weight:700; | |
} | |
table{ | |
border-collapse:collapse; | |
border-spacing:0; | |
} | |
td, | |
th{ | |
padding:0; | |
} | |
@keyframes fade-in{ | |
0%{ | |
opacity:0; | |
} | |
100%{ | |
opacity:1; | |
} | |
} | |
@keyframes fade-out{ | |
0%{ | |
opacity:1; | |
} | |
100%{ | |
opacity:0; | |
} | |
} | |
@keyframes zoom-in{ | |
0%{ | |
transform:scale3d(0.5, 0.5, 0.5); | |
opacity:0; | |
} | |
50%{ | |
transform:scale3d(1, 1, 1); | |
opacity:1; | |
} | |
} | |
@keyframes zoom-out{ | |
0%{ | |
transform:scale3d(1, 1, 1); | |
opacity:1; | |
} | |
50%{ | |
transform:scale3d(0.5, 0.5, 0.5); | |
opacity:0; | |
} | |
100%{ | |
transform:scale3d(0.5, 0.5, 0.5); | |
opacity:0; | |
} | |
} | |
.clearfix:before, | |
.clearfix:after, | |
.row:before, | |
.row:after, | |
.row-flush:before, | |
.row-flush:after, | |
.row-narrow:before, | |
.row-narrow:after, | |
.row-wide:before, | |
.row-wide:after{ | |
content:' '; | |
display:table; | |
} | |
.clearfix:after, | |
.row:after, | |
.row-flush:after, | |
.row-narrow:after, | |
.row-wide:after{ | |
clear:both; | |
} | |
*, | |
*:before, | |
*:after{ | |
box-sizing:border-box; | |
} | |
body{ | |
height:100%; | |
margin:0; | |
overflow-x:hidden; | |
} | |
body,.canvas{ | |
position:relative; | |
background-color:#1b2029; | |
} | |
.fill{ | |
position:relative; | |
width:100%; | |
} | |
.flush{ | |
margin:0 !important; | |
} | |
.flush-vertical{ | |
margin-bottom:0 !important; | |
margin-top:0 !important; | |
} | |
.flush-horizontal{ | |
margin-left:0 !important; | |
margin-right:0 !important; | |
} | |
.flush-top{ | |
margin-top:0 !important; | |
} | |
.flush-bottom{ | |
margin-bottom:0 !important; | |
} | |
.flush-left{ | |
margin-left:0 !important; | |
} | |
.flush-right{ | |
margin-right:0 !important; | |
} | |
.pull-right{ | |
float:right; | |
} | |
.pull-left{ | |
float:left; | |
} | |
.center{ | |
text-align:center; | |
} | |
@media (min-width: 480px){ | |
.flush-screen-small{ | |
margin:0 !important; | |
} | |
.flush-vertical-screen-small{ | |
margin-bottom:0 !important; | |
margin-top:0 !important; | |
} | |
.flush-horizontal-screen-small{ | |
margin-left:0 !important; | |
margin-right:0 !important; | |
} | |
.flush-top-screen-small{ | |
margin-top:0 !important; | |
} | |
.flush-bottom-screen-small{ | |
margin-bottom:0 !important; | |
} | |
.flush-left-screen-small{ | |
margin-left:0 !important; | |
} | |
.flush-right-screen-small{ | |
margin-right:0 !important; | |
} | |
} | |
@media (min-width: 768px){ | |
.flush-screen-medium{ | |
margin:0 !important; | |
} | |
.flush-vertical-screen-medium{ | |
margin-bottom:0 !important; | |
margin-top:0 !important; | |
} | |
.flush-horizontal-screen-medium{ | |
margin-left:0 !important; | |
margin-right:0 !important; | |
} | |
.flush-top-screen-medium{ | |
margin-top:0 !important; | |
} | |
.flush-bottom-screen-medium{ | |
margin-bottom:0 !important; | |
} | |
.flush-left-screen-medium{ | |
margin-left:0 !important; | |
} | |
.flush-right-screen-medium{ | |
margin-right:0 !important; | |
} | |
} | |
@media (min-width: 992px){ | |
.flush-screen-large{ | |
margin:0 !important; | |
} | |
.flush-vertical-screen-large{ | |
margin-bottom:0 !important; | |
margin-top:0 !important; | |
} | |
.flush-horizontal-screen-large{ | |
margin-left:0 !important; | |
margin-right:0 !important; | |
} | |
.flush-top-screen-large{ | |
margin-top:0 !important; | |
} | |
.flush-bottom-screen-large{ | |
margin-bottom:0 !important; | |
} | |
.flush-left-screen-large{ | |
margin-left:0 !important; | |
} | |
.flush-right-screen-large{ | |
margin-right:0 !important; | |
} | |
} | |
@media (min-width: 1400px){ | |
.flush-screen-jumbo{ | |
margin:0 !important; | |
} | |
.flush-vertical-screen-jumbo{ | |
margin-bottom:0 !important; | |
margin-top:0 !important; | |
} | |
.flush-horizontal-screen-jumbo{ | |
margin-left:0 !important; | |
margin-right:0 !important; | |
} | |
.flush-top-screen-jumbo{ | |
margin-top:0 !important; | |
} | |
.flush-bottom-screen-jumbo{ | |
margin-bottom:0 !important; | |
} | |
.flush-left-screen-jumbo{ | |
margin-left:0 !important; | |
} | |
.flush-right-screen-jumbo{ | |
margin-right:0 !important; | |
} | |
} | |
.container{ | |
margin:0 24px; | |
width:100%; | |
} | |
@media (min-width: 480px){ | |
.container{ | |
margin-left:24px; | |
margin-right:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.container{ | |
margin-left:auto; | |
margin-right:auto; | |
max-width:800px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.container{ | |
max-width:900px; | |
} | |
} | |
[class*='column-']{ | |
min-height:1px; | |
padding-left:12px; | |
padding-right:12px; | |
position:relative; | |
} | |
.column-12{ | |
float:left; | |
width:100%; | |
} | |
.column-11{ | |
float:left; | |
width:91.66666667%; | |
} | |
.column-10{ | |
float:left; | |
width:83.33333333%; | |
} | |
.column-9{ | |
float:left; | |
width:75%; | |
} | |
.column-8{ | |
float:left; | |
width:66.66666667%; | |
} | |
.column-7{ | |
float:left; | |
width:58.33333333%; | |
} | |
.column-6{ | |
float:left; | |
width:50%; | |
} | |
.column-5{ | |
float:left; | |
width:41.66666667%; | |
} | |
.column-4{ | |
float:left; | |
width:33.33333333%; | |
} | |
.column-3{ | |
float:left; | |
width:25%; | |
} | |
.column-2{ | |
float:left; | |
width:16.66666667%; | |
} | |
.column-1{ | |
float:left; | |
width:8.33333333%; | |
} | |
.column-0{ | |
float:left; | |
width:0%; | |
} | |
.column-push-12{ | |
left:100%; | |
} | |
.column-push-11{ | |
left:91.66666667%; | |
} | |
.column-push-10{ | |
left:83.33333333%; | |
} | |
.column-push-9{ | |
left:75%; | |
} | |
.column-push-8{ | |
left:66.66666667%; | |
} | |
.column-push-7{ | |
left:58.33333333%; | |
} | |
.column-push-6{ | |
left:50%; | |
} | |
.column-push-5{ | |
left:41.66666667%; | |
} | |
.column-push-4{ | |
left:33.33333333%; | |
} | |
.column-push-3{ | |
left:25%; | |
} | |
.column-push-2{ | |
left:16.66666667%; | |
} | |
.column-push-1{ | |
left:8.33333333%; | |
} | |
.column-push-0{ | |
left:auto; | |
} | |
.column-pull-12{ | |
right:-100%; | |
} | |
.column-pull-11{ | |
right:-91.66666667%; | |
} | |
.column-pull-10{ | |
right:-83.33333333%; | |
} | |
.column-pull-9{ | |
right:-75%; | |
} | |
.column-pull-8{ | |
right:-66.66666667%; | |
} | |
.column-pull-7{ | |
right:-58.33333333%; | |
} | |
.column-pull-6{ | |
right:-50%; | |
} | |
.column-pull-5{ | |
right:-41.66666667%; | |
} | |
.column-pull-4{ | |
right:-33.33333333%; | |
} | |
.column-pull-3{ | |
right:-25%; | |
} | |
.column-pull-2{ | |
right:-16.66666667%; | |
} | |
.column-pull-1{ | |
right:-8.33333333%; | |
} | |
.column-pull-0{ | |
right:auto; | |
} | |
.column-offset-12{ | |
margin-left:100%; | |
} | |
.column-offset-11{ | |
margin-left:91.66666667%; | |
} | |
.column-offset-10{ | |
margin-left:83.33333333%; | |
} | |
.column-offset-9{ | |
margin-left:75%; | |
} | |
.column-offset-8{ | |
margin-left:66.66666667%; | |
} | |
.column-offset-7{ | |
margin-left:58.33333333%; | |
} | |
.column-offset-6{ | |
margin-left:50%; | |
} | |
.column-offset-5{ | |
margin-left:41.66666667%; | |
} | |
.column-offset-4{ | |
margin-left:33.33333333%; | |
} | |
.column-offset-3{ | |
margin-left:25%; | |
} | |
.column-offset-2{ | |
margin-left:16.66666667%; | |
} | |
.column-offset-1{ | |
margin-left:8.33333333%; | |
} | |
.row{ | |
margin-left:-12px; | |
margin-right:-12px; | |
} | |
.row-flush{ | |
margin-left:0; | |
margin-right:0; | |
} | |
.row-flush [class*='column-']{ | |
padding-left:0; | |
padding-right:0; | |
} | |
.row-narrow{ | |
margin-left:-6px; | |
margin-right:-6px; | |
} | |
.row-narrow [class*='column-']{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.row-wide{ | |
margin-left:-24px; | |
margin-right:-24px; | |
} | |
.row-wide [class*='column-']{ | |
padding-left:24px; | |
padding-right:24px; | |
} | |
@media (min-width: 480px){ | |
[class*='column-']{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
.column-small-12{ | |
float:left; | |
width:100%; | |
} | |
.column-small-11{ | |
float:left; | |
width:91.66666667%; | |
} | |
.column-small-10{ | |
float:left; | |
width:83.33333333%; | |
} | |
.column-small-9{ | |
float:left; | |
width:75%; | |
} | |
.column-small-8{ | |
float:left; | |
width:66.66666667%; | |
} | |
.column-small-7{ | |
float:left; | |
width:58.33333333%; | |
} | |
.column-small-6{ | |
float:left; | |
width:50%; | |
} | |
.column-small-5{ | |
float:left; | |
width:41.66666667%; | |
} | |
.column-small-4{ | |
float:left; | |
width:33.33333333%; | |
} | |
.column-small-3{ | |
float:left; | |
width:25%; | |
} | |
.column-small-2{ | |
float:left; | |
width:16.66666667%; | |
} | |
.column-small-1{ | |
float:left; | |
width:8.33333333%; | |
} | |
.column-small-0{ | |
float:left; | |
width:0%; | |
} | |
.column-small-push-12{ | |
left:100%; | |
} | |
.column-small-push-11{ | |
left:91.66666667%; | |
} | |
.column-small-push-10{ | |
left:83.33333333%; | |
} | |
.column-small-push-9{ | |
left:75%; | |
} | |
.column-small-push-8{ | |
left:66.66666667%; | |
} | |
.column-small-push-7{ | |
left:58.33333333%; | |
} | |
.column-small-push-6{ | |
left:50%; | |
} | |
.column-small-push-5{ | |
left:41.66666667%; | |
} | |
.column-small-push-4{ | |
left:33.33333333%; | |
} | |
.column-small-push-3{ | |
left:25%; | |
} | |
.column-small-push-2{ | |
left:16.66666667%; | |
} | |
.column-small-push-1{ | |
left:8.33333333%; | |
} | |
.column-small-push-0{ | |
left:auto; | |
} | |
.column-small-pull-12{ | |
right:-100%; | |
} | |
.column-small-pull-11{ | |
right:-91.66666667%; | |
} | |
.column-small-pull-10{ | |
right:-83.33333333%; | |
} | |
.column-small-pull-9{ | |
right:-75%; | |
} | |
.column-small-pull-8{ | |
right:-66.66666667%; | |
} | |
.column-small-pull-7{ | |
right:-58.33333333%; | |
} | |
.column-small-pull-6{ | |
right:-50%; | |
} | |
.column-small-pull-5{ | |
right:-41.66666667%; | |
} | |
.column-small-pull-4{ | |
right:-33.33333333%; | |
} | |
.column-small-pull-3{ | |
right:-25%; | |
} | |
.column-small-pull-2{ | |
right:-16.66666667%; | |
} | |
.column-small-pull-1{ | |
right:-8.33333333%; | |
} | |
.column-small-pull-0{ | |
right:auto; | |
} | |
.column-small-offset-12{ | |
margin-left:100%; | |
} | |
.column-small-offset-11{ | |
margin-left:91.66666667%; | |
} | |
.column-small-offset-10{ | |
margin-left:83.33333333%; | |
} | |
.column-small-offset-9{ | |
margin-left:75%; | |
} | |
.column-small-offset-8{ | |
margin-left:66.66666667%; | |
} | |
.column-small-offset-7{ | |
margin-left:58.33333333%; | |
} | |
.column-small-offset-6{ | |
margin-left:50%; | |
} | |
.column-small-offset-5{ | |
margin-left:41.66666667%; | |
} | |
.column-small-offset-4{ | |
margin-left:33.33333333%; | |
} | |
.column-small-offset-3{ | |
margin-left:25%; | |
} | |
.column-small-offset-2{ | |
margin-left:16.66666667%; | |
} | |
.column-small-offset-1{ | |
margin-left:8.33333333%; | |
} | |
.row{ | |
margin-left:-12px; | |
margin-right:-12px; | |
} | |
.row-flush{ | |
margin-left:0; | |
margin-right:0; | |
} | |
.row-flush [class*='column-']{ | |
padding-left:0; | |
padding-right:0; | |
} | |
.row-narrow{ | |
margin-left:-6px; | |
margin-right:-6px; | |
} | |
.row-narrow [class*='column-']{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.row-wide{ | |
margin-left:-24px; | |
margin-right:-24px; | |
} | |
.row-wide [class*='column-']{ | |
padding-left:24px; | |
padding-right:24px; | |
} | |
.column-overflow[class*='column-small-']{ | |
margin-top:0; | |
} | |
} | |
@media (min-width: 768px){ | |
[class*='column-']{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
.column-medium-12{ | |
float:left; | |
width:100%; | |
} | |
.column-medium-11{ | |
float:left; | |
width:91.66666667%; | |
} | |
.column-medium-10{ | |
float:left; | |
width:83.33333333%; | |
} | |
.column-medium-9{ | |
float:left; | |
width:75%; | |
} | |
.column-medium-8{ | |
float:left; | |
width:66.66666667%; | |
} | |
.column-medium-7{ | |
float:left; | |
width:58.33333333%; | |
} | |
.column-medium-6{ | |
float:left; | |
width:50%; | |
} | |
.column-medium-5{ | |
float:left; | |
width:41.66666667%; | |
} | |
.column-medium-4{ | |
float:left; | |
width:33.33333333%; | |
} | |
.column-medium-3{ | |
float:left; | |
width:25%; | |
} | |
.column-medium-2{ | |
float:left; | |
width:16.66666667%; | |
} | |
.column-medium-1{ | |
float:left; | |
width:8.33333333%; | |
} | |
.column-medium-0{ | |
float:left; | |
width:0%; | |
} | |
.column-medium-push-12{ | |
left:100%; | |
} | |
.column-medium-push-11{ | |
left:91.66666667%; | |
} | |
.column-medium-push-10{ | |
left:83.33333333%; | |
} | |
.column-medium-push-9{ | |
left:75%; | |
} | |
.column-medium-push-8{ | |
left:66.66666667%; | |
} | |
.column-medium-push-7{ | |
left:58.33333333%; | |
} | |
.column-medium-push-6{ | |
left:50%; | |
} | |
.column-medium-push-5{ | |
left:41.66666667%; | |
} | |
.column-medium-push-4{ | |
left:33.33333333%; | |
} | |
.column-medium-push-3{ | |
left:25%; | |
} | |
.column-medium-push-2{ | |
left:16.66666667%; | |
} | |
.column-medium-push-1{ | |
left:8.33333333%; | |
} | |
.column-medium-push-0{ | |
left:auto; | |
} | |
.column-medium-pull-12{ | |
right:-100%; | |
} | |
.column-medium-pull-11{ | |
right:-91.66666667%; | |
} | |
.column-medium-pull-10{ | |
right:-83.33333333%; | |
} | |
.column-medium-pull-9{ | |
right:-75%; | |
} | |
.column-medium-pull-8{ | |
right:-66.66666667%; | |
} | |
.column-medium-pull-7{ | |
right:-58.33333333%; | |
} | |
.column-medium-pull-6{ | |
right:-50%; | |
} | |
.column-medium-pull-5{ | |
right:-41.66666667%; | |
} | |
.column-medium-pull-4{ | |
right:-33.33333333%; | |
} | |
.column-medium-pull-3{ | |
right:-25%; | |
} | |
.column-medium-pull-2{ | |
right:-16.66666667%; | |
} | |
.column-medium-pull-1{ | |
right:-8.33333333%; | |
} | |
.column-medium-pull-0{ | |
right:auto; | |
} | |
.column-medium-offset-12{ | |
margin-left:100%; | |
} | |
.column-medium-offset-11{ | |
margin-left:91.66666667%; | |
} | |
.column-medium-offset-10{ | |
margin-left:83.33333333%; | |
} | |
.column-medium-offset-9{ | |
margin-left:75%; | |
} | |
.column-medium-offset-8{ | |
margin-left:66.66666667%; | |
} | |
.column-medium-offset-7{ | |
margin-left:58.33333333%; | |
} | |
.column-medium-offset-6{ | |
margin-left:50%; | |
} | |
.column-medium-offset-5{ | |
margin-left:41.66666667%; | |
} | |
.column-medium-offset-4{ | |
margin-left:33.33333333%; | |
} | |
.column-medium-offset-3{ | |
margin-left:25%; | |
} | |
.column-medium-offset-2{ | |
margin-left:16.66666667%; | |
} | |
.column-medium-offset-1{ | |
margin-left:8.33333333%; | |
} | |
.row{ | |
margin-left:-12px; | |
margin-right:-12px; | |
} | |
.row-flush{ | |
margin-left:0; | |
margin-right:0; | |
} | |
.row-flush [class*='column-']{ | |
padding-left:0; | |
padding-right:0; | |
} | |
.row-narrow{ | |
margin-left:-6px; | |
margin-right:-6px; | |
} | |
.row-narrow [class*='column-']{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.row-wide{ | |
margin-left:-24px; | |
margin-right:-24px; | |
} | |
.row-wide [class*='column-']{ | |
padding-left:24px; | |
padding-right:24px; | |
} | |
.column-overflow[class*='column-medium-']{ | |
margin-top:0; | |
} | |
} | |
@media (min-width: 992px){ | |
[class*='column-']{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
.column-large-12{ | |
float:left; | |
width:100%; | |
} | |
.column-large-11{ | |
float:left; | |
width:91.66666667%; | |
} | |
.column-large-10{ | |
float:left; | |
width:83.33333333%; | |
} | |
.column-large-9{ | |
float:left; | |
width:75%; | |
} | |
.column-large-8{ | |
float:left; | |
width:66.66666667%; | |
} | |
.column-large-7{ | |
float:left; | |
width:58.33333333%; | |
} | |
.column-large-6{ | |
float:left; | |
width:50%; | |
} | |
.column-large-5{ | |
float:left; | |
width:41.66666667%; | |
} | |
.column-large-4{ | |
float:left; | |
width:33.33333333%; | |
} | |
.column-large-3{ | |
float:left; | |
width:25%; | |
} | |
.column-large-2{ | |
float:left; | |
width:16.66666667%; | |
} | |
.column-large-1{ | |
float:left; | |
width:8.33333333%; | |
} | |
.column-large-0{ | |
float:left; | |
width:0%; | |
} | |
.column-large-push-12{ | |
left:100%; | |
} | |
.column-large-push-11{ | |
left:91.66666667%; | |
} | |
.column-large-push-10{ | |
left:83.33333333%; | |
} | |
.column-large-push-9{ | |
left:75%; | |
} | |
.column-large-push-8{ | |
left:66.66666667%; | |
} | |
.column-large-push-7{ | |
left:58.33333333%; | |
} | |
.column-large-push-6{ | |
left:50%; | |
} | |
.column-large-push-5{ | |
left:41.66666667%; | |
} | |
.column-large-push-4{ | |
left:33.33333333%; | |
} | |
.column-large-push-3{ | |
left:25%; | |
} | |
.column-large-push-2{ | |
left:16.66666667%; | |
} | |
.column-large-push-1{ | |
left:8.33333333%; | |
} | |
.column-large-push-0{ | |
left:auto; | |
} | |
.column-large-pull-12{ | |
right:-100%; | |
} | |
.column-large-pull-11{ | |
right:-91.66666667%; | |
} | |
.column-large-pull-10{ | |
right:-83.33333333%; | |
} | |
.column-large-pull-9{ | |
right:-75%; | |
} | |
.column-large-pull-8{ | |
right:-66.66666667%; | |
} | |
.column-large-pull-7{ | |
right:-58.33333333%; | |
} | |
.column-large-pull-6{ | |
right:-50%; | |
} | |
.column-large-pull-5{ | |
right:-41.66666667%; | |
} | |
.column-large-pull-4{ | |
right:-33.33333333%; | |
} | |
.column-large-pull-3{ | |
right:-25%; | |
} | |
.column-large-pull-2{ | |
right:-16.66666667%; | |
} | |
.column-large-pull-1{ | |
right:-8.33333333%; | |
} | |
.column-large-pull-0{ | |
right:auto; | |
} | |
.column-large-offset-12{ | |
margin-left:100%; | |
} | |
.column-large-offset-11{ | |
margin-left:91.66666667%; | |
} | |
.column-large-offset-10{ | |
margin-left:83.33333333%; | |
} | |
.column-large-offset-9{ | |
margin-left:75%; | |
} | |
.column-large-offset-8{ | |
margin-left:66.66666667%; | |
} | |
.column-large-offset-7{ | |
margin-left:58.33333333%; | |
} | |
.column-large-offset-6{ | |
margin-left:50%; | |
} | |
.column-large-offset-5{ | |
margin-left:41.66666667%; | |
} | |
.column-large-offset-4{ | |
margin-left:33.33333333%; | |
} | |
.column-large-offset-3{ | |
margin-left:25%; | |
} | |
.column-large-offset-2{ | |
margin-left:16.66666667%; | |
} | |
.column-large-offset-1{ | |
margin-left:8.33333333%; | |
} | |
.row{ | |
margin-left:-12px; | |
margin-right:-12px; | |
} | |
.row-flush{ | |
margin-left:0; | |
margin-right:0; | |
} | |
.row-flush [class*='column-']{ | |
padding-left:0; | |
padding-right:0; | |
} | |
.row-narrow{ | |
margin-left:-6px; | |
margin-right:-6px; | |
} | |
.row-narrow [class*='column-']{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.row-wide{ | |
margin-left:-24px; | |
margin-right:-24px; | |
} | |
.row-wide [class*='column-']{ | |
padding-left:24px; | |
padding-right:24px; | |
} | |
.column-overflow[class*='column-large-']{ | |
margin-top:0; | |
} | |
} | |
@media (min-width: 1400px){ | |
[class*='column-']{ | |
padding-left:16px; | |
padding-right:16px; | |
} | |
.column-jumbo-12{ | |
float:left; | |
width:100%; | |
} | |
.column-jumbo-11{ | |
float:left; | |
width:91.66666667%; | |
} | |
.column-jumbo-10{ | |
float:left; | |
width:83.33333333%; | |
} | |
.column-jumbo-9{ | |
float:left; | |
width:75%; | |
} | |
.column-jumbo-8{ | |
float:left; | |
width:66.66666667%; | |
} | |
.column-jumbo-7{ | |
float:left; | |
width:58.33333333%; | |
} | |
.column-jumbo-6{ | |
float:left; | |
width:50%; | |
} | |
.column-jumbo-5{ | |
float:left; | |
width:41.66666667%; | |
} | |
.column-jumbo-4{ | |
float:left; | |
width:33.33333333%; | |
} | |
.column-jumbo-3{ | |
float:left; | |
width:25%; | |
} | |
.column-jumbo-2{ | |
float:left; | |
width:16.66666667%; | |
} | |
.column-jumbo-1{ | |
float:left; | |
width:8.33333333%; | |
} | |
.column-jumbo-0{ | |
float:left; | |
width:0%; | |
} | |
.column-jumbo-push-12{ | |
left:100%; | |
} | |
.column-jumbo-push-11{ | |
left:91.66666667%; | |
} | |
.column-jumbo-push-10{ | |
left:83.33333333%; | |
} | |
.column-jumbo-push-9{ | |
left:75%; | |
} | |
.column-jumbo-push-8{ | |
left:66.66666667%; | |
} | |
.column-jumbo-push-7{ | |
left:58.33333333%; | |
} | |
.column-jumbo-push-6{ | |
left:50%; | |
} | |
.column-jumbo-push-5{ | |
left:41.66666667%; | |
} | |
.column-jumbo-push-4{ | |
left:33.33333333%; | |
} | |
.column-jumbo-push-3{ | |
left:25%; | |
} | |
.column-jumbo-push-2{ | |
left:16.66666667%; | |
} | |
.column-jumbo-push-1{ | |
left:8.33333333%; | |
} | |
.column-jumbo-push-0{ | |
left:auto; | |
} | |
.column-jumbo-pull-12{ | |
right:-100%; | |
} | |
.column-jumbo-pull-11{ | |
right:-91.66666667%; | |
} | |
.column-jumbo-pull-10{ | |
right:-83.33333333%; | |
} | |
.column-jumbo-pull-9{ | |
right:-75%; | |
} | |
.column-jumbo-pull-8{ | |
right:-66.66666667%; | |
} | |
.column-jumbo-pull-7{ | |
right:-58.33333333%; | |
} | |
.column-jumbo-pull-6{ | |
right:-50%; | |
} | |
.column-jumbo-pull-5{ | |
right:-41.66666667%; | |
} | |
.column-jumbo-pull-4{ | |
right:-33.33333333%; | |
} | |
.column-jumbo-pull-3{ | |
right:-25%; | |
} | |
.column-jumbo-pull-2{ | |
right:-16.66666667%; | |
} | |
.column-jumbo-pull-1{ | |
right:-8.33333333%; | |
} | |
.column-jumbo-pull-0{ | |
right:auto; | |
} | |
.column-jumbo-offset-12{ | |
margin-left:100%; | |
} | |
.column-jumbo-offset-11{ | |
margin-left:91.66666667%; | |
} | |
.column-jumbo-offset-10{ | |
margin-left:83.33333333%; | |
} | |
.column-jumbo-offset-9{ | |
margin-left:75%; | |
} | |
.column-jumbo-offset-8{ | |
margin-left:66.66666667%; | |
} | |
.column-jumbo-offset-7{ | |
margin-left:58.33333333%; | |
} | |
.column-jumbo-offset-6{ | |
margin-left:50%; | |
} | |
.column-jumbo-offset-5{ | |
margin-left:41.66666667%; | |
} | |
.column-jumbo-offset-4{ | |
margin-left:33.33333333%; | |
} | |
.column-jumbo-offset-3{ | |
margin-left:25%; | |
} | |
.column-jumbo-offset-2{ | |
margin-left:16.66666667%; | |
} | |
.column-jumbo-offset-1{ | |
margin-left:8.33333333%; | |
} | |
.row{ | |
margin-left:-16px; | |
margin-right:-16px; | |
} | |
.row-flush{ | |
margin-left:0; | |
margin-right:0; | |
} | |
.row-flush [class*='column-']{ | |
padding-left:0; | |
padding-right:0; | |
} | |
.row-narrow{ | |
margin-left:-8px; | |
margin-right:-8px; | |
} | |
.row-narrow [class*='column-']{ | |
padding-left:8px; | |
padding-right:8px; | |
} | |
.row-wide{ | |
margin-left:-32px; | |
margin-right:-32px; | |
} | |
.row-wide [class*='column-']{ | |
padding-left:32px; | |
padding-right:32px; | |
} | |
.column-overflow[class*='column-jumbo-']{ | |
margin-top:0; | |
} | |
} | |
.flex{ | |
display:-ms-flexbox !important; | |
display:flex !important; | |
} | |
.flex:before, | |
.flex:after{ | |
display:none !important; | |
} | |
.flex-inline{ | |
display:flex-inline !important; | |
} | |
.flex-inline:before, | |
.flex-inline:after{ | |
display:none; | |
} | |
.flex-direction-left-to-right{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.flex-direction-right-to-left{ | |
-ms-flex-direction:row-reverse; | |
flex-direction:row-reverse; | |
} | |
.flex-direction-top-to-bottom{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.flex-direction-bottom-to-top{ | |
-ms-flex-direction:column-reverse; | |
flex-direction:column-reverse; | |
} | |
.flex-wrap-items{ | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
} | |
.flex-wrap-items-reverse{ | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
} | |
.flex-wrap-items-none{ | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
} | |
.flex-align-items-start{ | |
-ms-flex-align:start; | |
-ms-grid-row-align:flex-start; | |
align-items:flex-start; | |
} | |
.flex-align-items-center{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.flex-align-items-end{ | |
-ms-flex-align:end; | |
-ms-grid-row-align:flex-end; | |
align-items:flex-end; | |
} | |
.flex-align-items-stretch{ | |
-ms-flex-align:stretch; | |
-ms-grid-row-align:stretch; | |
align-items:stretch; | |
} | |
.flex-align-items-baseline{ | |
-ms-flex-align:baseline; | |
-ms-grid-row-align:baseline; | |
align-items:baseline; | |
} | |
.flex-justify-items-start{ | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
} | |
.flex-justify-items-end{ | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
} | |
.flex-justify-items-center{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.flex-justify-items-space-between{ | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.flex-justify-items-space-around{ | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
} | |
.flex-align-content-start{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
} | |
.flex-align-content-center{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
} | |
.flex-align-content-end{ | |
-ms-flex-line-pack:end; | |
align-content:flex-end; | |
} | |
.flex-align-content-stretch{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
} | |
.flex-align-content-space-between{ | |
-ms-flex-line-pack:justify; | |
align-content:space-between; | |
} | |
.flex-align-content-space-around{ | |
-ms-flex-line-pack:distribute; | |
align-content:space-around; | |
} | |
.flex-item-order-100{ | |
-ms-flex-order:100; | |
order:100; | |
} | |
.flex-item-order-99{ | |
-ms-flex-order:99; | |
order:99; | |
} | |
.flex-item-order-98{ | |
-ms-flex-order:98; | |
order:98; | |
} | |
.flex-item-order-97{ | |
-ms-flex-order:97; | |
order:97; | |
} | |
.flex-item-order-96{ | |
-ms-flex-order:96; | |
order:96; | |
} | |
.flex-item-order-95{ | |
-ms-flex-order:95; | |
order:95; | |
} | |
.flex-item-order-94{ | |
-ms-flex-order:94; | |
order:94; | |
} | |
.flex-item-order-93{ | |
-ms-flex-order:93; | |
order:93; | |
} | |
.flex-item-order-92{ | |
-ms-flex-order:92; | |
order:92; | |
} | |
.flex-item-order-91{ | |
-ms-flex-order:91; | |
order:91; | |
} | |
.flex-item-order-90{ | |
-ms-flex-order:90; | |
order:90; | |
} | |
.flex-item-order-89{ | |
-ms-flex-order:89; | |
order:89; | |
} | |
.flex-item-order-88{ | |
-ms-flex-order:88; | |
order:88; | |
} | |
.flex-item-order-87{ | |
-ms-flex-order:87; | |
order:87; | |
} | |
.flex-item-order-86{ | |
-ms-flex-order:86; | |
order:86; | |
} | |
.flex-item-order-85{ | |
-ms-flex-order:85; | |
order:85; | |
} | |
.flex-item-order-84{ | |
-ms-flex-order:84; | |
order:84; | |
} | |
.flex-item-order-83{ | |
-ms-flex-order:83; | |
order:83; | |
} | |
.flex-item-order-82{ | |
-ms-flex-order:82; | |
order:82; | |
} | |
.flex-item-order-81{ | |
-ms-flex-order:81; | |
order:81; | |
} | |
.flex-item-order-80{ | |
-ms-flex-order:80; | |
order:80; | |
} | |
.flex-item-order-79{ | |
-ms-flex-order:79; | |
order:79; | |
} | |
.flex-item-order-78{ | |
-ms-flex-order:78; | |
order:78; | |
} | |
.flex-item-order-77{ | |
-ms-flex-order:77; | |
order:77; | |
} | |
.flex-item-order-76{ | |
-ms-flex-order:76; | |
order:76; | |
} | |
.flex-item-order-75{ | |
-ms-flex-order:75; | |
order:75; | |
} | |
.flex-item-order-74{ | |
-ms-flex-order:74; | |
order:74; | |
} | |
.flex-item-order-73{ | |
-ms-flex-order:73; | |
order:73; | |
} | |
.flex-item-order-72{ | |
-ms-flex-order:72; | |
order:72; | |
} | |
.flex-item-order-71{ | |
-ms-flex-order:71; | |
order:71; | |
} | |
.flex-item-order-70{ | |
-ms-flex-order:70; | |
order:70; | |
} | |
.flex-item-order-69{ | |
-ms-flex-order:69; | |
order:69; | |
} | |
.flex-item-order-68{ | |
-ms-flex-order:68; | |
order:68; | |
} | |
.flex-item-order-67{ | |
-ms-flex-order:67; | |
order:67; | |
} | |
.flex-item-order-66{ | |
-ms-flex-order:66; | |
order:66; | |
} | |
.flex-item-order-65{ | |
-ms-flex-order:65; | |
order:65; | |
} | |
.flex-item-order-64{ | |
-ms-flex-order:64; | |
order:64; | |
} | |
.flex-item-order-63{ | |
-ms-flex-order:63; | |
order:63; | |
} | |
.flex-item-order-62{ | |
-ms-flex-order:62; | |
order:62; | |
} | |
.flex-item-order-61{ | |
-ms-flex-order:61; | |
order:61; | |
} | |
.flex-item-order-60{ | |
-ms-flex-order:60; | |
order:60; | |
} | |
.flex-item-order-59{ | |
-ms-flex-order:59; | |
order:59; | |
} | |
.flex-item-order-58{ | |
-ms-flex-order:58; | |
order:58; | |
} | |
.flex-item-order-57{ | |
-ms-flex-order:57; | |
order:57; | |
} | |
.flex-item-order-56{ | |
-ms-flex-order:56; | |
order:56; | |
} | |
.flex-item-order-55{ | |
-ms-flex-order:55; | |
order:55; | |
} | |
.flex-item-order-54{ | |
-ms-flex-order:54; | |
order:54; | |
} | |
.flex-item-order-53{ | |
-ms-flex-order:53; | |
order:53; | |
} | |
.flex-item-order-52{ | |
-ms-flex-order:52; | |
order:52; | |
} | |
.flex-item-order-51{ | |
-ms-flex-order:51; | |
order:51; | |
} | |
.flex-item-order-50{ | |
-ms-flex-order:50; | |
order:50; | |
} | |
.flex-item-order-49{ | |
-ms-flex-order:49; | |
order:49; | |
} | |
.flex-item-order-48{ | |
-ms-flex-order:48; | |
order:48; | |
} | |
.flex-item-order-47{ | |
-ms-flex-order:47; | |
order:47; | |
} | |
.flex-item-order-46{ | |
-ms-flex-order:46; | |
order:46; | |
} | |
.flex-item-order-45{ | |
-ms-flex-order:45; | |
order:45; | |
} | |
.flex-item-order-44{ | |
-ms-flex-order:44; | |
order:44; | |
} | |
.flex-item-order-43{ | |
-ms-flex-order:43; | |
order:43; | |
} | |
.flex-item-order-42{ | |
-ms-flex-order:42; | |
order:42; | |
} | |
.flex-item-order-41{ | |
-ms-flex-order:41; | |
order:41; | |
} | |
.flex-item-order-40{ | |
-ms-flex-order:40; | |
order:40; | |
} | |
.flex-item-order-39{ | |
-ms-flex-order:39; | |
order:39; | |
} | |
.flex-item-order-38{ | |
-ms-flex-order:38; | |
order:38; | |
} | |
.flex-item-order-37{ | |
-ms-flex-order:37; | |
order:37; | |
} | |
.flex-item-order-36{ | |
-ms-flex-order:36; | |
order:36; | |
} | |
.flex-item-order-35{ | |
-ms-flex-order:35; | |
order:35; | |
} | |
.flex-item-order-34{ | |
-ms-flex-order:34; | |
order:34; | |
} | |
.flex-item-order-33{ | |
-ms-flex-order:33; | |
order:33; | |
} | |
.flex-item-order-32{ | |
-ms-flex-order:32; | |
order:32; | |
} | |
.flex-item-order-31{ | |
-ms-flex-order:31; | |
order:31; | |
} | |
.flex-item-order-30{ | |
-ms-flex-order:30; | |
order:30; | |
} | |
.flex-item-order-29{ | |
-ms-flex-order:29; | |
order:29; | |
} | |
.flex-item-order-28{ | |
-ms-flex-order:28; | |
order:28; | |
} | |
.flex-item-order-27{ | |
-ms-flex-order:27; | |
order:27; | |
} | |
.flex-item-order-26{ | |
-ms-flex-order:26; | |
order:26; | |
} | |
.flex-item-order-25{ | |
-ms-flex-order:25; | |
order:25; | |
} | |
.flex-item-order-24{ | |
-ms-flex-order:24; | |
order:24; | |
} | |
.flex-item-order-23{ | |
-ms-flex-order:23; | |
order:23; | |
} | |
.flex-item-order-22{ | |
-ms-flex-order:22; | |
order:22; | |
} | |
.flex-item-order-21{ | |
-ms-flex-order:21; | |
order:21; | |
} | |
.flex-item-order-20{ | |
-ms-flex-order:20; | |
order:20; | |
} | |
.flex-item-order-19{ | |
-ms-flex-order:19; | |
order:19; | |
} | |
.flex-item-order-18{ | |
-ms-flex-order:18; | |
order:18; | |
} | |
.flex-item-order-17{ | |
-ms-flex-order:17; | |
order:17; | |
} | |
.flex-item-order-16{ | |
-ms-flex-order:16; | |
order:16; | |
} | |
.flex-item-order-15{ | |
-ms-flex-order:15; | |
order:15; | |
} | |
.flex-item-order-14{ | |
-ms-flex-order:14; | |
order:14; | |
} | |
.flex-item-order-13{ | |
-ms-flex-order:13; | |
order:13; | |
} | |
.flex-item-order-12{ | |
-ms-flex-order:12; | |
order:12; | |
} | |
.flex-item-order-11{ | |
-ms-flex-order:11; | |
order:11; | |
} | |
.flex-item-order-10{ | |
-ms-flex-order:10; | |
order:10; | |
} | |
.flex-item-order-9{ | |
-ms-flex-order:9; | |
order:9; | |
} | |
.flex-item-order-8{ | |
-ms-flex-order:8; | |
order:8; | |
} | |
.flex-item-order-7{ | |
-ms-flex-order:7; | |
order:7; | |
} | |
.flex-item-order-6{ | |
-ms-flex-order:6; | |
order:6; | |
} | |
.flex-item-order-5{ | |
-ms-flex-order:5; | |
order:5; | |
} | |
.flex-item-order-4{ | |
-ms-flex-order:4; | |
order:4; | |
} | |
.flex-item-order-3{ | |
-ms-flex-order:3; | |
order:3; | |
} | |
.flex-item-order-2{ | |
-ms-flex-order:2; | |
order:2; | |
} | |
.flex-item-order-1{ | |
-ms-flex-order:1; | |
order:1; | |
} | |
.flex-item-order-0{ | |
-ms-flex-order:0; | |
order:0; | |
} | |
.flex-item-order--1{ | |
-ms-flex-order:-1; | |
order:-1; | |
} | |
.flex-item-order--2{ | |
-ms-flex-order:-2; | |
order:-2; | |
} | |
.flex-item-order--3{ | |
-ms-flex-order:-3; | |
order:-3; | |
} | |
.flex-item-order--4{ | |
-ms-flex-order:-4; | |
order:-4; | |
} | |
.flex-item-order--5{ | |
-ms-flex-order:-5; | |
order:-5; | |
} | |
.flex-item-order--6{ | |
-ms-flex-order:-6; | |
order:-6; | |
} | |
.flex-item-order--7{ | |
-ms-flex-order:-7; | |
order:-7; | |
} | |
.flex-item-order--8{ | |
-ms-flex-order:-8; | |
order:-8; | |
} | |
.flex-item-order--9{ | |
-ms-flex-order:-9; | |
order:-9; | |
} | |
.flex-item-order--10{ | |
-ms-flex-order:-10; | |
order:-10; | |
} | |
.flex-item-order--11{ | |
-ms-flex-order:-11; | |
order:-11; | |
} | |
.flex-item-order--12{ | |
-ms-flex-order:-12; | |
order:-12; | |
} | |
.flex-item-order--13{ | |
-ms-flex-order:-13; | |
order:-13; | |
} | |
.flex-item-order--14{ | |
-ms-flex-order:-14; | |
order:-14; | |
} | |
.flex-item-order--15{ | |
-ms-flex-order:-15; | |
order:-15; | |
} | |
.flex-item-order--16{ | |
-ms-flex-order:-16; | |
order:-16; | |
} | |
.flex-item-order--17{ | |
-ms-flex-order:-17; | |
order:-17; | |
} | |
.flex-item-order--18{ | |
-ms-flex-order:-18; | |
order:-18; | |
} | |
.flex-item-order--19{ | |
-ms-flex-order:-19; | |
order:-19; | |
} | |
.flex-item-order--20{ | |
-ms-flex-order:-20; | |
order:-20; | |
} | |
.flex-item-order--21{ | |
-ms-flex-order:-21; | |
order:-21; | |
} | |
.flex-item-order--22{ | |
-ms-flex-order:-22; | |
order:-22; | |
} | |
.flex-item-order--23{ | |
-ms-flex-order:-23; | |
order:-23; | |
} | |
.flex-item-order--24{ | |
-ms-flex-order:-24; | |
order:-24; | |
} | |
.flex-item-order--25{ | |
-ms-flex-order:-25; | |
order:-25; | |
} | |
.flex-item-order--26{ | |
-ms-flex-order:-26; | |
order:-26; | |
} | |
.flex-item-order--27{ | |
-ms-flex-order:-27; | |
order:-27; | |
} | |
.flex-item-order--28{ | |
-ms-flex-order:-28; | |
order:-28; | |
} | |
.flex-item-order--29{ | |
-ms-flex-order:-29; | |
order:-29; | |
} | |
.flex-item-order--30{ | |
-ms-flex-order:-30; | |
order:-30; | |
} | |
.flex-item-order--31{ | |
-ms-flex-order:-31; | |
order:-31; | |
} | |
.flex-item-order--32{ | |
-ms-flex-order:-32; | |
order:-32; | |
} | |
.flex-item-order--33{ | |
-ms-flex-order:-33; | |
order:-33; | |
} | |
.flex-item-order--34{ | |
-ms-flex-order:-34; | |
order:-34; | |
} | |
.flex-item-order--35{ | |
-ms-flex-order:-35; | |
order:-35; | |
} | |
.flex-item-order--36{ | |
-ms-flex-order:-36; | |
order:-36; | |
} | |
.flex-item-order--37{ | |
-ms-flex-order:-37; | |
order:-37; | |
} | |
.flex-item-order--38{ | |
-ms-flex-order:-38; | |
order:-38; | |
} | |
.flex-item-order--39{ | |
-ms-flex-order:-39; | |
order:-39; | |
} | |
.flex-item-order--40{ | |
-ms-flex-order:-40; | |
order:-40; | |
} | |
.flex-item-order--41{ | |
-ms-flex-order:-41; | |
order:-41; | |
} | |
.flex-item-order--42{ | |
-ms-flex-order:-42; | |
order:-42; | |
} | |
.flex-item-order--43{ | |
-ms-flex-order:-43; | |
order:-43; | |
} | |
.flex-item-order--44{ | |
-ms-flex-order:-44; | |
order:-44; | |
} | |
.flex-item-order--45{ | |
-ms-flex-order:-45; | |
order:-45; | |
} | |
.flex-item-order--46{ | |
-ms-flex-order:-46; | |
order:-46; | |
} | |
.flex-item-order--47{ | |
-ms-flex-order:-47; | |
order:-47; | |
} | |
.flex-item-order--48{ | |
-ms-flex-order:-48; | |
order:-48; | |
} | |
.flex-item-order--49{ | |
-ms-flex-order:-49; | |
order:-49; | |
} | |
.flex-item-order--50{ | |
-ms-flex-order:-50; | |
order:-50; | |
} | |
.flex-item-order--51{ | |
-ms-flex-order:-51; | |
order:-51; | |
} | |
.flex-item-order--52{ | |
-ms-flex-order:-52; | |
order:-52; | |
} | |
.flex-item-order--53{ | |
-ms-flex-order:-53; | |
order:-53; | |
} | |
.flex-item-order--54{ | |
-ms-flex-order:-54; | |
order:-54; | |
} | |
.flex-item-order--55{ | |
-ms-flex-order:-55; | |
order:-55; | |
} | |
.flex-item-order--56{ | |
-ms-flex-order:-56; | |
order:-56; | |
} | |
.flex-item-order--57{ | |
-ms-flex-order:-57; | |
order:-57; | |
} | |
.flex-item-order--58{ | |
-ms-flex-order:-58; | |
order:-58; | |
} | |
.flex-item-order--59{ | |
-ms-flex-order:-59; | |
order:-59; | |
} | |
.flex-item-order--60{ | |
-ms-flex-order:-60; | |
order:-60; | |
} | |
.flex-item-order--61{ | |
-ms-flex-order:-61; | |
order:-61; | |
} | |
.flex-item-order--62{ | |
-ms-flex-order:-62; | |
order:-62; | |
} | |
.flex-item-order--63{ | |
-ms-flex-order:-63; | |
order:-63; | |
} | |
.flex-item-order--64{ | |
-ms-flex-order:-64; | |
order:-64; | |
} | |
.flex-item-order--65{ | |
-ms-flex-order:-65; | |
order:-65; | |
} | |
.flex-item-order--66{ | |
-ms-flex-order:-66; | |
order:-66; | |
} | |
.flex-item-order--67{ | |
-ms-flex-order:-67; | |
order:-67; | |
} | |
.flex-item-order--68{ | |
-ms-flex-order:-68; | |
order:-68; | |
} | |
.flex-item-order--69{ | |
-ms-flex-order:-69; | |
order:-69; | |
} | |
.flex-item-order--70{ | |
-ms-flex-order:-70; | |
order:-70; | |
} | |
.flex-item-order--71{ | |
-ms-flex-order:-71; | |
order:-71; | |
} | |
.flex-item-order--72{ | |
-ms-flex-order:-72; | |
order:-72; | |
} | |
.flex-item-order--73{ | |
-ms-flex-order:-73; | |
order:-73; | |
} | |
.flex-item-order--74{ | |
-ms-flex-order:-74; | |
order:-74; | |
} | |
.flex-item-order--75{ | |
-ms-flex-order:-75; | |
order:-75; | |
} | |
.flex-item-order--76{ | |
-ms-flex-order:-76; | |
order:-76; | |
} | |
.flex-item-order--77{ | |
-ms-flex-order:-77; | |
order:-77; | |
} | |
.flex-item-order--78{ | |
-ms-flex-order:-78; | |
order:-78; | |
} | |
.flex-item-order--79{ | |
-ms-flex-order:-79; | |
order:-79; | |
} | |
.flex-item-order--80{ | |
-ms-flex-order:-80; | |
order:-80; | |
} | |
.flex-item-order--81{ | |
-ms-flex-order:-81; | |
order:-81; | |
} | |
.flex-item-order--82{ | |
-ms-flex-order:-82; | |
order:-82; | |
} | |
.flex-item-order--83{ | |
-ms-flex-order:-83; | |
order:-83; | |
} | |
.flex-item-order--84{ | |
-ms-flex-order:-84; | |
order:-84; | |
} | |
.flex-item-order--85{ | |
-ms-flex-order:-85; | |
order:-85; | |
} | |
.flex-item-order--86{ | |
-ms-flex-order:-86; | |
order:-86; | |
} | |
.flex-item-order--87{ | |
-ms-flex-order:-87; | |
order:-87; | |
} | |
.flex-item-order--88{ | |
-ms-flex-order:-88; | |
order:-88; | |
} | |
.flex-item-order--89{ | |
-ms-flex-order:-89; | |
order:-89; | |
} | |
.flex-item-order--90{ | |
-ms-flex-order:-90; | |
order:-90; | |
} | |
.flex-item-order--91{ | |
-ms-flex-order:-91; | |
order:-91; | |
} | |
.flex-item-order--92{ | |
-ms-flex-order:-92; | |
order:-92; | |
} | |
.flex-item-order--93{ | |
-ms-flex-order:-93; | |
order:-93; | |
} | |
.flex-item-order--94{ | |
-ms-flex-order:-94; | |
order:-94; | |
} | |
.flex-item-order--95{ | |
-ms-flex-order:-95; | |
order:-95; | |
} | |
.flex-item-order--96{ | |
-ms-flex-order:-96; | |
order:-96; | |
} | |
.flex-item-order--97{ | |
-ms-flex-order:-97; | |
order:-97; | |
} | |
.flex-item-order--98{ | |
-ms-flex-order:-98; | |
order:-98; | |
} | |
.flex-item-order--99{ | |
-ms-flex-order:-99; | |
order:-99; | |
} | |
.flex-item-order--100{ | |
-ms-flex-order:-100; | |
order:-100; | |
} | |
.flex-item-grow-10{ | |
-ms-flex-positive:10; | |
flex-grow:10; | |
} | |
.flex-item-grow-9{ | |
-ms-flex-positive:9; | |
flex-grow:9; | |
} | |
.flex-item-grow-8{ | |
-ms-flex-positive:8; | |
flex-grow:8; | |
} | |
.flex-item-grow-7{ | |
-ms-flex-positive:7; | |
flex-grow:7; | |
} | |
.flex-item-grow-6{ | |
-ms-flex-positive:6; | |
flex-grow:6; | |
} | |
.flex-item-grow-5{ | |
-ms-flex-positive:5; | |
flex-grow:5; | |
} | |
.flex-item-grow-4{ | |
-ms-flex-positive:4; | |
flex-grow:4; | |
} | |
.flex-item-grow-3{ | |
-ms-flex-positive:3; | |
flex-grow:3; | |
} | |
.flex-item-grow-2{ | |
-ms-flex-positive:2; | |
flex-grow:2; | |
} | |
.flex-item-grow-1{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.flex-item-grow-0{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.flex-item-shrink-10{ | |
-ms-flex-negative:10; | |
flex-shrink:10; | |
} | |
.flex-item-shrink-9{ | |
-ms-flex-negative:9; | |
flex-shrink:9; | |
} | |
.flex-item-shrink-8{ | |
-ms-flex-negative:8; | |
flex-shrink:8; | |
} | |
.flex-item-shrink-7{ | |
-ms-flex-negative:7; | |
flex-shrink:7; | |
} | |
.flex-item-shrink-6{ | |
-ms-flex-negative:6; | |
flex-shrink:6; | |
} | |
.flex-item-shrink-5{ | |
-ms-flex-negative:5; | |
flex-shrink:5; | |
} | |
.flex-item-shrink-4{ | |
-ms-flex-negative:4; | |
flex-shrink:4; | |
} | |
.flex-item-shrink-3{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
} | |
.flex-item-shrink-2{ | |
-ms-flex-negative:2; | |
flex-shrink:2; | |
} | |
.flex-item-shrink-1{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.flex-item-shrink-0{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.flex-item-basis-auto{ | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
} | |
.flex-item-basis-content{ | |
-ms-flex-preferred-size:content; | |
flex-basis:content; | |
} | |
.flex-item-basis-none{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
} | |
.flex-item-align-auto{ | |
-ms-flex-item-align:auto; | |
align-self:auto; | |
} | |
.flex-item-align-start{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
} | |
.flex-item-align-center{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
} | |
.flex-item-align-end{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
} | |
.flex-item-align-baseline{ | |
-ms-flex-item-align:baseline; | |
align-self:baseline; | |
} | |
.flex-item-align-stretch{ | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
} | |
@media (min-width: 480px){ | |
.flex-screen-small{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.flex-screen-small:before, | |
.flex-screen-small:after{ | |
display:none; | |
} | |
.flex-inline-screen-small{ | |
display:flex-inline; | |
} | |
.flex-inline-screen-small:before, | |
.flex-inline-screen-small:after{ | |
display:none; | |
} | |
.flex-direction-left-to-right-screen-small{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.flex-direction-right-to-left-screen-small{ | |
-ms-flex-direction:row-reverse; | |
flex-direction:row-reverse; | |
} | |
.flex-direction-top-to-bottom-screen-small{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.flex-direction-bottom-to-top-screen-small{ | |
-ms-flex-direction:column-reverse; | |
flex-direction:column-reverse; | |
} | |
.flex-wrap-items-screen-small{ | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
} | |
.flex-wrap-items-reverse-screen-small{ | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
} | |
.flex-wrap-items-none-screen-small{ | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
} | |
.flex-align-items-start-screen-small{ | |
-ms-flex-align:start; | |
-ms-grid-row-align:flex-start; | |
align-items:flex-start; | |
} | |
.flex-align-items-center-screen-small{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.flex-align-items-end-screen-small{ | |
-ms-flex-align:end; | |
-ms-grid-row-align:flex-end; | |
align-items:flex-end; | |
} | |
.flex-align-items-baseline-screen-small{ | |
-ms-flex-align:baseline; | |
-ms-grid-row-align:baseline; | |
align-items:baseline; | |
} | |
.flex-align-items-stretch-screen-small{ | |
-ms-flex-align:stretch; | |
-ms-grid-row-align:stretch; | |
align-items:stretch; | |
} | |
.flex-justify-items-start-screen-small{ | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
} | |
.flex-justify-items-end-screen-small{ | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
} | |
.flex-justify-items-center-screen-small{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.flex-justify-items-space-between-screen-small{ | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.flex-justify-items-space-around-screen-small{ | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
} | |
.flex-align-content-start-screen-small{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
} | |
.flex-align-content-center-screen-small{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
} | |
.flex-align-content-end-screen-small{ | |
-ms-flex-line-pack:end; | |
align-content:flex-end; | |
} | |
.flex-align-content-stretch-screen-small{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
} | |
.flex-align-content-space-between-screen-small{ | |
-ms-flex-line-pack:justify; | |
align-content:space-between; | |
} | |
.flex-align-content-space-around-screen-small{ | |
-ms-flex-line-pack:distribute; | |
align-content:space-around; | |
} | |
.flex-item-order-100-screen-small{ | |
-ms-flex-order:100; | |
order:100; | |
} | |
.flex-item-order-99-screen-small{ | |
-ms-flex-order:99; | |
order:99; | |
} | |
.flex-item-order-98-screen-small{ | |
-ms-flex-order:98; | |
order:98; | |
} | |
.flex-item-order-97-screen-small{ | |
-ms-flex-order:97; | |
order:97; | |
} | |
.flex-item-order-96-screen-small{ | |
-ms-flex-order:96; | |
order:96; | |
} | |
.flex-item-order-95-screen-small{ | |
-ms-flex-order:95; | |
order:95; | |
} | |
.flex-item-order-94-screen-small{ | |
-ms-flex-order:94; | |
order:94; | |
} | |
.flex-item-order-93-screen-small{ | |
-ms-flex-order:93; | |
order:93; | |
} | |
.flex-item-order-92-screen-small{ | |
-ms-flex-order:92; | |
order:92; | |
} | |
.flex-item-order-91-screen-small{ | |
-ms-flex-order:91; | |
order:91; | |
} | |
.flex-item-order-90-screen-small{ | |
-ms-flex-order:90; | |
order:90; | |
} | |
.flex-item-order-89-screen-small{ | |
-ms-flex-order:89; | |
order:89; | |
} | |
.flex-item-order-88-screen-small{ | |
-ms-flex-order:88; | |
order:88; | |
} | |
.flex-item-order-87-screen-small{ | |
-ms-flex-order:87; | |
order:87; | |
} | |
.flex-item-order-86-screen-small{ | |
-ms-flex-order:86; | |
order:86; | |
} | |
.flex-item-order-85-screen-small{ | |
-ms-flex-order:85; | |
order:85; | |
} | |
.flex-item-order-84-screen-small{ | |
-ms-flex-order:84; | |
order:84; | |
} | |
.flex-item-order-83-screen-small{ | |
-ms-flex-order:83; | |
order:83; | |
} | |
.flex-item-order-82-screen-small{ | |
-ms-flex-order:82; | |
order:82; | |
} | |
.flex-item-order-81-screen-small{ | |
-ms-flex-order:81; | |
order:81; | |
} | |
.flex-item-order-80-screen-small{ | |
-ms-flex-order:80; | |
order:80; | |
} | |
.flex-item-order-79-screen-small{ | |
-ms-flex-order:79; | |
order:79; | |
} | |
.flex-item-order-78-screen-small{ | |
-ms-flex-order:78; | |
order:78; | |
} | |
.flex-item-order-77-screen-small{ | |
-ms-flex-order:77; | |
order:77; | |
} | |
.flex-item-order-76-screen-small{ | |
-ms-flex-order:76; | |
order:76; | |
} | |
.flex-item-order-75-screen-small{ | |
-ms-flex-order:75; | |
order:75; | |
} | |
.flex-item-order-74-screen-small{ | |
-ms-flex-order:74; | |
order:74; | |
} | |
.flex-item-order-73-screen-small{ | |
-ms-flex-order:73; | |
order:73; | |
} | |
.flex-item-order-72-screen-small{ | |
-ms-flex-order:72; | |
order:72; | |
} | |
.flex-item-order-71-screen-small{ | |
-ms-flex-order:71; | |
order:71; | |
} | |
.flex-item-order-70-screen-small{ | |
-ms-flex-order:70; | |
order:70; | |
} | |
.flex-item-order-69-screen-small{ | |
-ms-flex-order:69; | |
order:69; | |
} | |
.flex-item-order-68-screen-small{ | |
-ms-flex-order:68; | |
order:68; | |
} | |
.flex-item-order-67-screen-small{ | |
-ms-flex-order:67; | |
order:67; | |
} | |
.flex-item-order-66-screen-small{ | |
-ms-flex-order:66; | |
order:66; | |
} | |
.flex-item-order-65-screen-small{ | |
-ms-flex-order:65; | |
order:65; | |
} | |
.flex-item-order-64-screen-small{ | |
-ms-flex-order:64; | |
order:64; | |
} | |
.flex-item-order-63-screen-small{ | |
-ms-flex-order:63; | |
order:63; | |
} | |
.flex-item-order-62-screen-small{ | |
-ms-flex-order:62; | |
order:62; | |
} | |
.flex-item-order-61-screen-small{ | |
-ms-flex-order:61; | |
order:61; | |
} | |
.flex-item-order-60-screen-small{ | |
-ms-flex-order:60; | |
order:60; | |
} | |
.flex-item-order-59-screen-small{ | |
-ms-flex-order:59; | |
order:59; | |
} | |
.flex-item-order-58-screen-small{ | |
-ms-flex-order:58; | |
order:58; | |
} | |
.flex-item-order-57-screen-small{ | |
-ms-flex-order:57; | |
order:57; | |
} | |
.flex-item-order-56-screen-small{ | |
-ms-flex-order:56; | |
order:56; | |
} | |
.flex-item-order-55-screen-small{ | |
-ms-flex-order:55; | |
order:55; | |
} | |
.flex-item-order-54-screen-small{ | |
-ms-flex-order:54; | |
order:54; | |
} | |
.flex-item-order-53-screen-small{ | |
-ms-flex-order:53; | |
order:53; | |
} | |
.flex-item-order-52-screen-small{ | |
-ms-flex-order:52; | |
order:52; | |
} | |
.flex-item-order-51-screen-small{ | |
-ms-flex-order:51; | |
order:51; | |
} | |
.flex-item-order-50-screen-small{ | |
-ms-flex-order:50; | |
order:50; | |
} | |
.flex-item-order-49-screen-small{ | |
-ms-flex-order:49; | |
order:49; | |
} | |
.flex-item-order-48-screen-small{ | |
-ms-flex-order:48; | |
order:48; | |
} | |
.flex-item-order-47-screen-small{ | |
-ms-flex-order:47; | |
order:47; | |
} | |
.flex-item-order-46-screen-small{ | |
-ms-flex-order:46; | |
order:46; | |
} | |
.flex-item-order-45-screen-small{ | |
-ms-flex-order:45; | |
order:45; | |
} | |
.flex-item-order-44-screen-small{ | |
-ms-flex-order:44; | |
order:44; | |
} | |
.flex-item-order-43-screen-small{ | |
-ms-flex-order:43; | |
order:43; | |
} | |
.flex-item-order-42-screen-small{ | |
-ms-flex-order:42; | |
order:42; | |
} | |
.flex-item-order-41-screen-small{ | |
-ms-flex-order:41; | |
order:41; | |
} | |
.flex-item-order-40-screen-small{ | |
-ms-flex-order:40; | |
order:40; | |
} | |
.flex-item-order-39-screen-small{ | |
-ms-flex-order:39; | |
order:39; | |
} | |
.flex-item-order-38-screen-small{ | |
-ms-flex-order:38; | |
order:38; | |
} | |
.flex-item-order-37-screen-small{ | |
-ms-flex-order:37; | |
order:37; | |
} | |
.flex-item-order-36-screen-small{ | |
-ms-flex-order:36; | |
order:36; | |
} | |
.flex-item-order-35-screen-small{ | |
-ms-flex-order:35; | |
order:35; | |
} | |
.flex-item-order-34-screen-small{ | |
-ms-flex-order:34; | |
order:34; | |
} | |
.flex-item-order-33-screen-small{ | |
-ms-flex-order:33; | |
order:33; | |
} | |
.flex-item-order-32-screen-small{ | |
-ms-flex-order:32; | |
order:32; | |
} | |
.flex-item-order-31-screen-small{ | |
-ms-flex-order:31; | |
order:31; | |
} | |
.flex-item-order-30-screen-small{ | |
-ms-flex-order:30; | |
order:30; | |
} | |
.flex-item-order-29-screen-small{ | |
-ms-flex-order:29; | |
order:29; | |
} | |
.flex-item-order-28-screen-small{ | |
-ms-flex-order:28; | |
order:28; | |
} | |
.flex-item-order-27-screen-small{ | |
-ms-flex-order:27; | |
order:27; | |
} | |
.flex-item-order-26-screen-small{ | |
-ms-flex-order:26; | |
order:26; | |
} | |
.flex-item-order-25-screen-small{ | |
-ms-flex-order:25; | |
order:25; | |
} | |
.flex-item-order-24-screen-small{ | |
-ms-flex-order:24; | |
order:24; | |
} | |
.flex-item-order-23-screen-small{ | |
-ms-flex-order:23; | |
order:23; | |
} | |
.flex-item-order-22-screen-small{ | |
-ms-flex-order:22; | |
order:22; | |
} | |
.flex-item-order-21-screen-small{ | |
-ms-flex-order:21; | |
order:21; | |
} | |
.flex-item-order-20-screen-small{ | |
-ms-flex-order:20; | |
order:20; | |
} | |
.flex-item-order-19-screen-small{ | |
-ms-flex-order:19; | |
order:19; | |
} | |
.flex-item-order-18-screen-small{ | |
-ms-flex-order:18; | |
order:18; | |
} | |
.flex-item-order-17-screen-small{ | |
-ms-flex-order:17; | |
order:17; | |
} | |
.flex-item-order-16-screen-small{ | |
-ms-flex-order:16; | |
order:16; | |
} | |
.flex-item-order-15-screen-small{ | |
-ms-flex-order:15; | |
order:15; | |
} | |
.flex-item-order-14-screen-small{ | |
-ms-flex-order:14; | |
order:14; | |
} | |
.flex-item-order-13-screen-small{ | |
-ms-flex-order:13; | |
order:13; | |
} | |
.flex-item-order-12-screen-small{ | |
-ms-flex-order:12; | |
order:12; | |
} | |
.flex-item-order-11-screen-small{ | |
-ms-flex-order:11; | |
order:11; | |
} | |
.flex-item-order-10-screen-small{ | |
-ms-flex-order:10; | |
order:10; | |
} | |
.flex-item-order-9-screen-small{ | |
-ms-flex-order:9; | |
order:9; | |
} | |
.flex-item-order-8-screen-small{ | |
-ms-flex-order:8; | |
order:8; | |
} | |
.flex-item-order-7-screen-small{ | |
-ms-flex-order:7; | |
order:7; | |
} | |
.flex-item-order-6-screen-small{ | |
-ms-flex-order:6; | |
order:6; | |
} | |
.flex-item-order-5-screen-small{ | |
-ms-flex-order:5; | |
order:5; | |
} | |
.flex-item-order-4-screen-small{ | |
-ms-flex-order:4; | |
order:4; | |
} | |
.flex-item-order-3-screen-small{ | |
-ms-flex-order:3; | |
order:3; | |
} | |
.flex-item-order-2-screen-small{ | |
-ms-flex-order:2; | |
order:2; | |
} | |
.flex-item-order-1-screen-small{ | |
-ms-flex-order:1; | |
order:1; | |
} | |
.flex-item-order-0-screen-small{ | |
-ms-flex-order:0; | |
order:0; | |
} | |
.flex-item-order--1-screen-small{ | |
-ms-flex-order:-1; | |
order:-1; | |
} | |
.flex-item-order--2-screen-small{ | |
-ms-flex-order:-2; | |
order:-2; | |
} | |
.flex-item-order--3-screen-small{ | |
-ms-flex-order:-3; | |
order:-3; | |
} | |
.flex-item-order--4-screen-small{ | |
-ms-flex-order:-4; | |
order:-4; | |
} | |
.flex-item-order--5-screen-small{ | |
-ms-flex-order:-5; | |
order:-5; | |
} | |
.flex-item-order--6-screen-small{ | |
-ms-flex-order:-6; | |
order:-6; | |
} | |
.flex-item-order--7-screen-small{ | |
-ms-flex-order:-7; | |
order:-7; | |
} | |
.flex-item-order--8-screen-small{ | |
-ms-flex-order:-8; | |
order:-8; | |
} | |
.flex-item-order--9-screen-small{ | |
-ms-flex-order:-9; | |
order:-9; | |
} | |
.flex-item-order--10-screen-small{ | |
-ms-flex-order:-10; | |
order:-10; | |
} | |
.flex-item-order--11-screen-small{ | |
-ms-flex-order:-11; | |
order:-11; | |
} | |
.flex-item-order--12-screen-small{ | |
-ms-flex-order:-12; | |
order:-12; | |
} | |
.flex-item-order--13-screen-small{ | |
-ms-flex-order:-13; | |
order:-13; | |
} | |
.flex-item-order--14-screen-small{ | |
-ms-flex-order:-14; | |
order:-14; | |
} | |
.flex-item-order--15-screen-small{ | |
-ms-flex-order:-15; | |
order:-15; | |
} | |
.flex-item-order--16-screen-small{ | |
-ms-flex-order:-16; | |
order:-16; | |
} | |
.flex-item-order--17-screen-small{ | |
-ms-flex-order:-17; | |
order:-17; | |
} | |
.flex-item-order--18-screen-small{ | |
-ms-flex-order:-18; | |
order:-18; | |
} | |
.flex-item-order--19-screen-small{ | |
-ms-flex-order:-19; | |
order:-19; | |
} | |
.flex-item-order--20-screen-small{ | |
-ms-flex-order:-20; | |
order:-20; | |
} | |
.flex-item-order--21-screen-small{ | |
-ms-flex-order:-21; | |
order:-21; | |
} | |
.flex-item-order--22-screen-small{ | |
-ms-flex-order:-22; | |
order:-22; | |
} | |
.flex-item-order--23-screen-small{ | |
-ms-flex-order:-23; | |
order:-23; | |
} | |
.flex-item-order--24-screen-small{ | |
-ms-flex-order:-24; | |
order:-24; | |
} | |
.flex-item-order--25-screen-small{ | |
-ms-flex-order:-25; | |
order:-25; | |
} | |
.flex-item-order--26-screen-small{ | |
-ms-flex-order:-26; | |
order:-26; | |
} | |
.flex-item-order--27-screen-small{ | |
-ms-flex-order:-27; | |
order:-27; | |
} | |
.flex-item-order--28-screen-small{ | |
-ms-flex-order:-28; | |
order:-28; | |
} | |
.flex-item-order--29-screen-small{ | |
-ms-flex-order:-29; | |
order:-29; | |
} | |
.flex-item-order--30-screen-small{ | |
-ms-flex-order:-30; | |
order:-30; | |
} | |
.flex-item-order--31-screen-small{ | |
-ms-flex-order:-31; | |
order:-31; | |
} | |
.flex-item-order--32-screen-small{ | |
-ms-flex-order:-32; | |
order:-32; | |
} | |
.flex-item-order--33-screen-small{ | |
-ms-flex-order:-33; | |
order:-33; | |
} | |
.flex-item-order--34-screen-small{ | |
-ms-flex-order:-34; | |
order:-34; | |
} | |
.flex-item-order--35-screen-small{ | |
-ms-flex-order:-35; | |
order:-35; | |
} | |
.flex-item-order--36-screen-small{ | |
-ms-flex-order:-36; | |
order:-36; | |
} | |
.flex-item-order--37-screen-small{ | |
-ms-flex-order:-37; | |
order:-37; | |
} | |
.flex-item-order--38-screen-small{ | |
-ms-flex-order:-38; | |
order:-38; | |
} | |
.flex-item-order--39-screen-small{ | |
-ms-flex-order:-39; | |
order:-39; | |
} | |
.flex-item-order--40-screen-small{ | |
-ms-flex-order:-40; | |
order:-40; | |
} | |
.flex-item-order--41-screen-small{ | |
-ms-flex-order:-41; | |
order:-41; | |
} | |
.flex-item-order--42-screen-small{ | |
-ms-flex-order:-42; | |
order:-42; | |
} | |
.flex-item-order--43-screen-small{ | |
-ms-flex-order:-43; | |
order:-43; | |
} | |
.flex-item-order--44-screen-small{ | |
-ms-flex-order:-44; | |
order:-44; | |
} | |
.flex-item-order--45-screen-small{ | |
-ms-flex-order:-45; | |
order:-45; | |
} | |
.flex-item-order--46-screen-small{ | |
-ms-flex-order:-46; | |
order:-46; | |
} | |
.flex-item-order--47-screen-small{ | |
-ms-flex-order:-47; | |
order:-47; | |
} | |
.flex-item-order--48-screen-small{ | |
-ms-flex-order:-48; | |
order:-48; | |
} | |
.flex-item-order--49-screen-small{ | |
-ms-flex-order:-49; | |
order:-49; | |
} | |
.flex-item-order--50-screen-small{ | |
-ms-flex-order:-50; | |
order:-50; | |
} | |
.flex-item-order--51-screen-small{ | |
-ms-flex-order:-51; | |
order:-51; | |
} | |
.flex-item-order--52-screen-small{ | |
-ms-flex-order:-52; | |
order:-52; | |
} | |
.flex-item-order--53-screen-small{ | |
-ms-flex-order:-53; | |
order:-53; | |
} | |
.flex-item-order--54-screen-small{ | |
-ms-flex-order:-54; | |
order:-54; | |
} | |
.flex-item-order--55-screen-small{ | |
-ms-flex-order:-55; | |
order:-55; | |
} | |
.flex-item-order--56-screen-small{ | |
-ms-flex-order:-56; | |
order:-56; | |
} | |
.flex-item-order--57-screen-small{ | |
-ms-flex-order:-57; | |
order:-57; | |
} | |
.flex-item-order--58-screen-small{ | |
-ms-flex-order:-58; | |
order:-58; | |
} | |
.flex-item-order--59-screen-small{ | |
-ms-flex-order:-59; | |
order:-59; | |
} | |
.flex-item-order--60-screen-small{ | |
-ms-flex-order:-60; | |
order:-60; | |
} | |
.flex-item-order--61-screen-small{ | |
-ms-flex-order:-61; | |
order:-61; | |
} | |
.flex-item-order--62-screen-small{ | |
-ms-flex-order:-62; | |
order:-62; | |
} | |
.flex-item-order--63-screen-small{ | |
-ms-flex-order:-63; | |
order:-63; | |
} | |
.flex-item-order--64-screen-small{ | |
-ms-flex-order:-64; | |
order:-64; | |
} | |
.flex-item-order--65-screen-small{ | |
-ms-flex-order:-65; | |
order:-65; | |
} | |
.flex-item-order--66-screen-small{ | |
-ms-flex-order:-66; | |
order:-66; | |
} | |
.flex-item-order--67-screen-small{ | |
-ms-flex-order:-67; | |
order:-67; | |
} | |
.flex-item-order--68-screen-small{ | |
-ms-flex-order:-68; | |
order:-68; | |
} | |
.flex-item-order--69-screen-small{ | |
-ms-flex-order:-69; | |
order:-69; | |
} | |
.flex-item-order--70-screen-small{ | |
-ms-flex-order:-70; | |
order:-70; | |
} | |
.flex-item-order--71-screen-small{ | |
-ms-flex-order:-71; | |
order:-71; | |
} | |
.flex-item-order--72-screen-small{ | |
-ms-flex-order:-72; | |
order:-72; | |
} | |
.flex-item-order--73-screen-small{ | |
-ms-flex-order:-73; | |
order:-73; | |
} | |
.flex-item-order--74-screen-small{ | |
-ms-flex-order:-74; | |
order:-74; | |
} | |
.flex-item-order--75-screen-small{ | |
-ms-flex-order:-75; | |
order:-75; | |
} | |
.flex-item-order--76-screen-small{ | |
-ms-flex-order:-76; | |
order:-76; | |
} | |
.flex-item-order--77-screen-small{ | |
-ms-flex-order:-77; | |
order:-77; | |
} | |
.flex-item-order--78-screen-small{ | |
-ms-flex-order:-78; | |
order:-78; | |
} | |
.flex-item-order--79-screen-small{ | |
-ms-flex-order:-79; | |
order:-79; | |
} | |
.flex-item-order--80-screen-small{ | |
-ms-flex-order:-80; | |
order:-80; | |
} | |
.flex-item-order--81-screen-small{ | |
-ms-flex-order:-81; | |
order:-81; | |
} | |
.flex-item-order--82-screen-small{ | |
-ms-flex-order:-82; | |
order:-82; | |
} | |
.flex-item-order--83-screen-small{ | |
-ms-flex-order:-83; | |
order:-83; | |
} | |
.flex-item-order--84-screen-small{ | |
-ms-flex-order:-84; | |
order:-84; | |
} | |
.flex-item-order--85-screen-small{ | |
-ms-flex-order:-85; | |
order:-85; | |
} | |
.flex-item-order--86-screen-small{ | |
-ms-flex-order:-86; | |
order:-86; | |
} | |
.flex-item-order--87-screen-small{ | |
-ms-flex-order:-87; | |
order:-87; | |
} | |
.flex-item-order--88-screen-small{ | |
-ms-flex-order:-88; | |
order:-88; | |
} | |
.flex-item-order--89-screen-small{ | |
-ms-flex-order:-89; | |
order:-89; | |
} | |
.flex-item-order--90-screen-small{ | |
-ms-flex-order:-90; | |
order:-90; | |
} | |
.flex-item-order--91-screen-small{ | |
-ms-flex-order:-91; | |
order:-91; | |
} | |
.flex-item-order--92-screen-small{ | |
-ms-flex-order:-92; | |
order:-92; | |
} | |
.flex-item-order--93-screen-small{ | |
-ms-flex-order:-93; | |
order:-93; | |
} | |
.flex-item-order--94-screen-small{ | |
-ms-flex-order:-94; | |
order:-94; | |
} | |
.flex-item-order--95-screen-small{ | |
-ms-flex-order:-95; | |
order:-95; | |
} | |
.flex-item-order--96-screen-small{ | |
-ms-flex-order:-96; | |
order:-96; | |
} | |
.flex-item-order--97-screen-small{ | |
-ms-flex-order:-97; | |
order:-97; | |
} | |
.flex-item-order--98-screen-small{ | |
-ms-flex-order:-98; | |
order:-98; | |
} | |
.flex-item-order--99-screen-small{ | |
-ms-flex-order:-99; | |
order:-99; | |
} | |
.flex-item-order--100-screen-small{ | |
-ms-flex-order:-100; | |
order:-100; | |
} | |
.flex-item-grow-10-screen-small{ | |
-ms-flex-positive:10; | |
flex-grow:10; | |
} | |
.flex-item-grow-9-screen-small{ | |
-ms-flex-positive:9; | |
flex-grow:9; | |
} | |
.flex-item-grow-8-screen-small{ | |
-ms-flex-positive:8; | |
flex-grow:8; | |
} | |
.flex-item-grow-7-screen-small{ | |
-ms-flex-positive:7; | |
flex-grow:7; | |
} | |
.flex-item-grow-6-screen-small{ | |
-ms-flex-positive:6; | |
flex-grow:6; | |
} | |
.flex-item-grow-5-screen-small{ | |
-ms-flex-positive:5; | |
flex-grow:5; | |
} | |
.flex-item-grow-4-screen-small{ | |
-ms-flex-positive:4; | |
flex-grow:4; | |
} | |
.flex-item-grow-3-screen-small{ | |
-ms-flex-positive:3; | |
flex-grow:3; | |
} | |
.flex-item-grow-2-screen-small{ | |
-ms-flex-positive:2; | |
flex-grow:2; | |
} | |
.flex-item-grow-1-screen-small{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.flex-item-grow-0-screen-small{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.flex-item-shrink-10-screen-small{ | |
-ms-flex-negative:10; | |
flex-shrink:10; | |
} | |
.flex-item-shrink-9-screen-small{ | |
-ms-flex-negative:9; | |
flex-shrink:9; | |
} | |
.flex-item-shrink-8-screen-small{ | |
-ms-flex-negative:8; | |
flex-shrink:8; | |
} | |
.flex-item-shrink-7-screen-small{ | |
-ms-flex-negative:7; | |
flex-shrink:7; | |
} | |
.flex-item-shrink-6-screen-small{ | |
-ms-flex-negative:6; | |
flex-shrink:6; | |
} | |
.flex-item-shrink-5-screen-small{ | |
-ms-flex-negative:5; | |
flex-shrink:5; | |
} | |
.flex-item-shrink-4-screen-small{ | |
-ms-flex-negative:4; | |
flex-shrink:4; | |
} | |
.flex-item-shrink-3-screen-small{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
} | |
.flex-item-shrink-2-screen-small{ | |
-ms-flex-negative:2; | |
flex-shrink:2; | |
} | |
.flex-item-shrink-1-screen-small{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.flex-item-shrink-0-screen-small{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.flex-item-basis-auto-screen-small{ | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
} | |
.flex-item-basis-content-screen-small{ | |
-ms-flex-preferred-size:content; | |
flex-basis:content; | |
} | |
.flex-item-basis-none-screen-small{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
} | |
.flex-item-align-auto-screen-small{ | |
-ms-flex-item-align:auto; | |
align-self:auto; | |
} | |
.flex-item-align-start-screen-small{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
} | |
.flex-item-align-center-screen-small{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
} | |
.flex-item-align-end-screen-small{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
} | |
.flex-item-align-baseline-screen-small{ | |
-ms-flex-item-align:baseline; | |
align-self:baseline; | |
} | |
.flex-item-align-stretch-screen-small{ | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
} | |
} | |
@media (min-width: 768px){ | |
.flex-screen-medium{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.flex-screen-medium:before, | |
.flex-screen-medium:after{ | |
display:none; | |
} | |
.flex-inline-screen-medium{ | |
display:flex-inline; | |
} | |
.flex-inline-screen-medium:before, | |
.flex-inline-screen-medium:after{ | |
display:none; | |
} | |
.flex-direction-left-to-right-screen-medium{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.flex-direction-right-to-left-screen-medium{ | |
-ms-flex-direction:row-reverse; | |
flex-direction:row-reverse; | |
} | |
.flex-direction-top-to-bottom-screen-medium{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.flex-direction-bottom-to-top-screen-medium{ | |
-ms-flex-direction:column-reverse; | |
flex-direction:column-reverse; | |
} | |
.flex-wrap-items-screen-medium{ | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
} | |
.flex-wrap-items-reverse-screen-medium{ | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
} | |
.flex-wrap-items-none-screen-medium{ | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
} | |
.flex-align-items-start-screen-medium{ | |
-ms-flex-align:start; | |
-ms-grid-row-align:flex-start; | |
align-items:flex-start; | |
} | |
.flex-align-items-center-screen-medium{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.flex-align-items-end-screen-medium{ | |
-ms-flex-align:end; | |
-ms-grid-row-align:flex-end; | |
align-items:flex-end; | |
} | |
.flex-align-items-stretch-screen-medium{ | |
-ms-flex-align:stretch; | |
-ms-grid-row-align:stretch; | |
align-items:stretch; | |
} | |
.flex-align-items-baseline-screen-small{ | |
-ms-flex-align:baseline; | |
-ms-grid-row-align:baseline; | |
align-items:baseline; | |
} | |
.flex-justify-items-start-screen-medium{ | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
} | |
.flex-justify-items-end-screen-medium{ | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
} | |
.flex-justify-items-center-screen-medium{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.flex-justify-items-space-between-screen-medium{ | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.flex-justify-items-space-around-screen-medium{ | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
} | |
.flex-align-content-start-screen-medium{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
} | |
.flex-align-content-center-screen-medium{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
} | |
.flex-align-content-end-screen-medium{ | |
-ms-flex-line-pack:end; | |
align-content:flex-end; | |
} | |
.flex-align-content-stretch-screen-medium{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
} | |
.flex-align-content-space-between-screen-medium{ | |
-ms-flex-line-pack:justify; | |
align-content:space-between; | |
} | |
.flex-align-content-space-around-screen-medium{ | |
-ms-flex-line-pack:distribute; | |
align-content:space-around; | |
} | |
.flex-item-order-100-screen-medium{ | |
-ms-flex-order:100; | |
order:100; | |
} | |
.flex-item-order-99-screen-medium{ | |
-ms-flex-order:99; | |
order:99; | |
} | |
.flex-item-order-98-screen-medium{ | |
-ms-flex-order:98; | |
order:98; | |
} | |
.flex-item-order-97-screen-medium{ | |
-ms-flex-order:97; | |
order:97; | |
} | |
.flex-item-order-96-screen-medium{ | |
-ms-flex-order:96; | |
order:96; | |
} | |
.flex-item-order-95-screen-medium{ | |
-ms-flex-order:95; | |
order:95; | |
} | |
.flex-item-order-94-screen-medium{ | |
-ms-flex-order:94; | |
order:94; | |
} | |
.flex-item-order-93-screen-medium{ | |
-ms-flex-order:93; | |
order:93; | |
} | |
.flex-item-order-92-screen-medium{ | |
-ms-flex-order:92; | |
order:92; | |
} | |
.flex-item-order-91-screen-medium{ | |
-ms-flex-order:91; | |
order:91; | |
} | |
.flex-item-order-90-screen-medium{ | |
-ms-flex-order:90; | |
order:90; | |
} | |
.flex-item-order-89-screen-medium{ | |
-ms-flex-order:89; | |
order:89; | |
} | |
.flex-item-order-88-screen-medium{ | |
-ms-flex-order:88; | |
order:88; | |
} | |
.flex-item-order-87-screen-medium{ | |
-ms-flex-order:87; | |
order:87; | |
} | |
.flex-item-order-86-screen-medium{ | |
-ms-flex-order:86; | |
order:86; | |
} | |
.flex-item-order-85-screen-medium{ | |
-ms-flex-order:85; | |
order:85; | |
} | |
.flex-item-order-84-screen-medium{ | |
-ms-flex-order:84; | |
order:84; | |
} | |
.flex-item-order-83-screen-medium{ | |
-ms-flex-order:83; | |
order:83; | |
} | |
.flex-item-order-82-screen-medium{ | |
-ms-flex-order:82; | |
order:82; | |
} | |
.flex-item-order-81-screen-medium{ | |
-ms-flex-order:81; | |
order:81; | |
} | |
.flex-item-order-80-screen-medium{ | |
-ms-flex-order:80; | |
order:80; | |
} | |
.flex-item-order-79-screen-medium{ | |
-ms-flex-order:79; | |
order:79; | |
} | |
.flex-item-order-78-screen-medium{ | |
-ms-flex-order:78; | |
order:78; | |
} | |
.flex-item-order-77-screen-medium{ | |
-ms-flex-order:77; | |
order:77; | |
} | |
.flex-item-order-76-screen-medium{ | |
-ms-flex-order:76; | |
order:76; | |
} | |
.flex-item-order-75-screen-medium{ | |
-ms-flex-order:75; | |
order:75; | |
} | |
.flex-item-order-74-screen-medium{ | |
-ms-flex-order:74; | |
order:74; | |
} | |
.flex-item-order-73-screen-medium{ | |
-ms-flex-order:73; | |
order:73; | |
} | |
.flex-item-order-72-screen-medium{ | |
-ms-flex-order:72; | |
order:72; | |
} | |
.flex-item-order-71-screen-medium{ | |
-ms-flex-order:71; | |
order:71; | |
} | |
.flex-item-order-70-screen-medium{ | |
-ms-flex-order:70; | |
order:70; | |
} | |
.flex-item-order-69-screen-medium{ | |
-ms-flex-order:69; | |
order:69; | |
} | |
.flex-item-order-68-screen-medium{ | |
-ms-flex-order:68; | |
order:68; | |
} | |
.flex-item-order-67-screen-medium{ | |
-ms-flex-order:67; | |
order:67; | |
} | |
.flex-item-order-66-screen-medium{ | |
-ms-flex-order:66; | |
order:66; | |
} | |
.flex-item-order-65-screen-medium{ | |
-ms-flex-order:65; | |
order:65; | |
} | |
.flex-item-order-64-screen-medium{ | |
-ms-flex-order:64; | |
order:64; | |
} | |
.flex-item-order-63-screen-medium{ | |
-ms-flex-order:63; | |
order:63; | |
} | |
.flex-item-order-62-screen-medium{ | |
-ms-flex-order:62; | |
order:62; | |
} | |
.flex-item-order-61-screen-medium{ | |
-ms-flex-order:61; | |
order:61; | |
} | |
.flex-item-order-60-screen-medium{ | |
-ms-flex-order:60; | |
order:60; | |
} | |
.flex-item-order-59-screen-medium{ | |
-ms-flex-order:59; | |
order:59; | |
} | |
.flex-item-order-58-screen-medium{ | |
-ms-flex-order:58; | |
order:58; | |
} | |
.flex-item-order-57-screen-medium{ | |
-ms-flex-order:57; | |
order:57; | |
} | |
.flex-item-order-56-screen-medium{ | |
-ms-flex-order:56; | |
order:56; | |
} | |
.flex-item-order-55-screen-medium{ | |
-ms-flex-order:55; | |
order:55; | |
} | |
.flex-item-order-54-screen-medium{ | |
-ms-flex-order:54; | |
order:54; | |
} | |
.flex-item-order-53-screen-medium{ | |
-ms-flex-order:53; | |
order:53; | |
} | |
.flex-item-order-52-screen-medium{ | |
-ms-flex-order:52; | |
order:52; | |
} | |
.flex-item-order-51-screen-medium{ | |
-ms-flex-order:51; | |
order:51; | |
} | |
.flex-item-order-50-screen-medium{ | |
-ms-flex-order:50; | |
order:50; | |
} | |
.flex-item-order-49-screen-medium{ | |
-ms-flex-order:49; | |
order:49; | |
} | |
.flex-item-order-48-screen-medium{ | |
-ms-flex-order:48; | |
order:48; | |
} | |
.flex-item-order-47-screen-medium{ | |
-ms-flex-order:47; | |
order:47; | |
} | |
.flex-item-order-46-screen-medium{ | |
-ms-flex-order:46; | |
order:46; | |
} | |
.flex-item-order-45-screen-medium{ | |
-ms-flex-order:45; | |
order:45; | |
} | |
.flex-item-order-44-screen-medium{ | |
-ms-flex-order:44; | |
order:44; | |
} | |
.flex-item-order-43-screen-medium{ | |
-ms-flex-order:43; | |
order:43; | |
} | |
.flex-item-order-42-screen-medium{ | |
-ms-flex-order:42; | |
order:42; | |
} | |
.flex-item-order-41-screen-medium{ | |
-ms-flex-order:41; | |
order:41; | |
} | |
.flex-item-order-40-screen-medium{ | |
-ms-flex-order:40; | |
order:40; | |
} | |
.flex-item-order-39-screen-medium{ | |
-ms-flex-order:39; | |
order:39; | |
} | |
.flex-item-order-38-screen-medium{ | |
-ms-flex-order:38; | |
order:38; | |
} | |
.flex-item-order-37-screen-medium{ | |
-ms-flex-order:37; | |
order:37; | |
} | |
.flex-item-order-36-screen-medium{ | |
-ms-flex-order:36; | |
order:36; | |
} | |
.flex-item-order-35-screen-medium{ | |
-ms-flex-order:35; | |
order:35; | |
} | |
.flex-item-order-34-screen-medium{ | |
-ms-flex-order:34; | |
order:34; | |
} | |
.flex-item-order-33-screen-medium{ | |
-ms-flex-order:33; | |
order:33; | |
} | |
.flex-item-order-32-screen-medium{ | |
-ms-flex-order:32; | |
order:32; | |
} | |
.flex-item-order-31-screen-medium{ | |
-ms-flex-order:31; | |
order:31; | |
} | |
.flex-item-order-30-screen-medium{ | |
-ms-flex-order:30; | |
order:30; | |
} | |
.flex-item-order-29-screen-medium{ | |
-ms-flex-order:29; | |
order:29; | |
} | |
.flex-item-order-28-screen-medium{ | |
-ms-flex-order:28; | |
order:28; | |
} | |
.flex-item-order-27-screen-medium{ | |
-ms-flex-order:27; | |
order:27; | |
} | |
.flex-item-order-26-screen-medium{ | |
-ms-flex-order:26; | |
order:26; | |
} | |
.flex-item-order-25-screen-medium{ | |
-ms-flex-order:25; | |
order:25; | |
} | |
.flex-item-order-24-screen-medium{ | |
-ms-flex-order:24; | |
order:24; | |
} | |
.flex-item-order-23-screen-medium{ | |
-ms-flex-order:23; | |
order:23; | |
} | |
.flex-item-order-22-screen-medium{ | |
-ms-flex-order:22; | |
order:22; | |
} | |
.flex-item-order-21-screen-medium{ | |
-ms-flex-order:21; | |
order:21; | |
} | |
.flex-item-order-20-screen-medium{ | |
-ms-flex-order:20; | |
order:20; | |
} | |
.flex-item-order-19-screen-medium{ | |
-ms-flex-order:19; | |
order:19; | |
} | |
.flex-item-order-18-screen-medium{ | |
-ms-flex-order:18; | |
order:18; | |
} | |
.flex-item-order-17-screen-medium{ | |
-ms-flex-order:17; | |
order:17; | |
} | |
.flex-item-order-16-screen-medium{ | |
-ms-flex-order:16; | |
order:16; | |
} | |
.flex-item-order-15-screen-medium{ | |
-ms-flex-order:15; | |
order:15; | |
} | |
.flex-item-order-14-screen-medium{ | |
-ms-flex-order:14; | |
order:14; | |
} | |
.flex-item-order-13-screen-medium{ | |
-ms-flex-order:13; | |
order:13; | |
} | |
.flex-item-order-12-screen-medium{ | |
-ms-flex-order:12; | |
order:12; | |
} | |
.flex-item-order-11-screen-medium{ | |
-ms-flex-order:11; | |
order:11; | |
} | |
.flex-item-order-10-screen-medium{ | |
-ms-flex-order:10; | |
order:10; | |
} | |
.flex-item-order-9-screen-medium{ | |
-ms-flex-order:9; | |
order:9; | |
} | |
.flex-item-order-8-screen-medium{ | |
-ms-flex-order:8; | |
order:8; | |
} | |
.flex-item-order-7-screen-medium{ | |
-ms-flex-order:7; | |
order:7; | |
} | |
.flex-item-order-6-screen-medium{ | |
-ms-flex-order:6; | |
order:6; | |
} | |
.flex-item-order-5-screen-medium{ | |
-ms-flex-order:5; | |
order:5; | |
} | |
.flex-item-order-4-screen-medium{ | |
-ms-flex-order:4; | |
order:4; | |
} | |
.flex-item-order-3-screen-medium{ | |
-ms-flex-order:3; | |
order:3; | |
} | |
.flex-item-order-2-screen-medium{ | |
-ms-flex-order:2; | |
order:2; | |
} | |
.flex-item-order-1-screen-medium{ | |
-ms-flex-order:1; | |
order:1; | |
} | |
.flex-item-order-0-screen-medium{ | |
-ms-flex-order:0; | |
order:0; | |
} | |
.flex-item-order--1-screen-medium{ | |
-ms-flex-order:-1; | |
order:-1; | |
} | |
.flex-item-order--2-screen-medium{ | |
-ms-flex-order:-2; | |
order:-2; | |
} | |
.flex-item-order--3-screen-medium{ | |
-ms-flex-order:-3; | |
order:-3; | |
} | |
.flex-item-order--4-screen-medium{ | |
-ms-flex-order:-4; | |
order:-4; | |
} | |
.flex-item-order--5-screen-medium{ | |
-ms-flex-order:-5; | |
order:-5; | |
} | |
.flex-item-order--6-screen-medium{ | |
-ms-flex-order:-6; | |
order:-6; | |
} | |
.flex-item-order--7-screen-medium{ | |
-ms-flex-order:-7; | |
order:-7; | |
} | |
.flex-item-order--8-screen-medium{ | |
-ms-flex-order:-8; | |
order:-8; | |
} | |
.flex-item-order--9-screen-medium{ | |
-ms-flex-order:-9; | |
order:-9; | |
} | |
.flex-item-order--10-screen-medium{ | |
-ms-flex-order:-10; | |
order:-10; | |
} | |
.flex-item-order--11-screen-medium{ | |
-ms-flex-order:-11; | |
order:-11; | |
} | |
.flex-item-order--12-screen-medium{ | |
-ms-flex-order:-12; | |
order:-12; | |
} | |
.flex-item-order--13-screen-medium{ | |
-ms-flex-order:-13; | |
order:-13; | |
} | |
.flex-item-order--14-screen-medium{ | |
-ms-flex-order:-14; | |
order:-14; | |
} | |
.flex-item-order--15-screen-medium{ | |
-ms-flex-order:-15; | |
order:-15; | |
} | |
.flex-item-order--16-screen-medium{ | |
-ms-flex-order:-16; | |
order:-16; | |
} | |
.flex-item-order--17-screen-medium{ | |
-ms-flex-order:-17; | |
order:-17; | |
} | |
.flex-item-order--18-screen-medium{ | |
-ms-flex-order:-18; | |
order:-18; | |
} | |
.flex-item-order--19-screen-medium{ | |
-ms-flex-order:-19; | |
order:-19; | |
} | |
.flex-item-order--20-screen-medium{ | |
-ms-flex-order:-20; | |
order:-20; | |
} | |
.flex-item-order--21-screen-medium{ | |
-ms-flex-order:-21; | |
order:-21; | |
} | |
.flex-item-order--22-screen-medium{ | |
-ms-flex-order:-22; | |
order:-22; | |
} | |
.flex-item-order--23-screen-medium{ | |
-ms-flex-order:-23; | |
order:-23; | |
} | |
.flex-item-order--24-screen-medium{ | |
-ms-flex-order:-24; | |
order:-24; | |
} | |
.flex-item-order--25-screen-medium{ | |
-ms-flex-order:-25; | |
order:-25; | |
} | |
.flex-item-order--26-screen-medium{ | |
-ms-flex-order:-26; | |
order:-26; | |
} | |
.flex-item-order--27-screen-medium{ | |
-ms-flex-order:-27; | |
order:-27; | |
} | |
.flex-item-order--28-screen-medium{ | |
-ms-flex-order:-28; | |
order:-28; | |
} | |
.flex-item-order--29-screen-medium{ | |
-ms-flex-order:-29; | |
order:-29; | |
} | |
.flex-item-order--30-screen-medium{ | |
-ms-flex-order:-30; | |
order:-30; | |
} | |
.flex-item-order--31-screen-medium{ | |
-ms-flex-order:-31; | |
order:-31; | |
} | |
.flex-item-order--32-screen-medium{ | |
-ms-flex-order:-32; | |
order:-32; | |
} | |
.flex-item-order--33-screen-medium{ | |
-ms-flex-order:-33; | |
order:-33; | |
} | |
.flex-item-order--34-screen-medium{ | |
-ms-flex-order:-34; | |
order:-34; | |
} | |
.flex-item-order--35-screen-medium{ | |
-ms-flex-order:-35; | |
order:-35; | |
} | |
.flex-item-order--36-screen-medium{ | |
-ms-flex-order:-36; | |
order:-36; | |
} | |
.flex-item-order--37-screen-medium{ | |
-ms-flex-order:-37; | |
order:-37; | |
} | |
.flex-item-order--38-screen-medium{ | |
-ms-flex-order:-38; | |
order:-38; | |
} | |
.flex-item-order--39-screen-medium{ | |
-ms-flex-order:-39; | |
order:-39; | |
} | |
.flex-item-order--40-screen-medium{ | |
-ms-flex-order:-40; | |
order:-40; | |
} | |
.flex-item-order--41-screen-medium{ | |
-ms-flex-order:-41; | |
order:-41; | |
} | |
.flex-item-order--42-screen-medium{ | |
-ms-flex-order:-42; | |
order:-42; | |
} | |
.flex-item-order--43-screen-medium{ | |
-ms-flex-order:-43; | |
order:-43; | |
} | |
.flex-item-order--44-screen-medium{ | |
-ms-flex-order:-44; | |
order:-44; | |
} | |
.flex-item-order--45-screen-medium{ | |
-ms-flex-order:-45; | |
order:-45; | |
} | |
.flex-item-order--46-screen-medium{ | |
-ms-flex-order:-46; | |
order:-46; | |
} | |
.flex-item-order--47-screen-medium{ | |
-ms-flex-order:-47; | |
order:-47; | |
} | |
.flex-item-order--48-screen-medium{ | |
-ms-flex-order:-48; | |
order:-48; | |
} | |
.flex-item-order--49-screen-medium{ | |
-ms-flex-order:-49; | |
order:-49; | |
} | |
.flex-item-order--50-screen-medium{ | |
-ms-flex-order:-50; | |
order:-50; | |
} | |
.flex-item-order--51-screen-medium{ | |
-ms-flex-order:-51; | |
order:-51; | |
} | |
.flex-item-order--52-screen-medium{ | |
-ms-flex-order:-52; | |
order:-52; | |
} | |
.flex-item-order--53-screen-medium{ | |
-ms-flex-order:-53; | |
order:-53; | |
} | |
.flex-item-order--54-screen-medium{ | |
-ms-flex-order:-54; | |
order:-54; | |
} | |
.flex-item-order--55-screen-medium{ | |
-ms-flex-order:-55; | |
order:-55; | |
} | |
.flex-item-order--56-screen-medium{ | |
-ms-flex-order:-56; | |
order:-56; | |
} | |
.flex-item-order--57-screen-medium{ | |
-ms-flex-order:-57; | |
order:-57; | |
} | |
.flex-item-order--58-screen-medium{ | |
-ms-flex-order:-58; | |
order:-58; | |
} | |
.flex-item-order--59-screen-medium{ | |
-ms-flex-order:-59; | |
order:-59; | |
} | |
.flex-item-order--60-screen-medium{ | |
-ms-flex-order:-60; | |
order:-60; | |
} | |
.flex-item-order--61-screen-medium{ | |
-ms-flex-order:-61; | |
order:-61; | |
} | |
.flex-item-order--62-screen-medium{ | |
-ms-flex-order:-62; | |
order:-62; | |
} | |
.flex-item-order--63-screen-medium{ | |
-ms-flex-order:-63; | |
order:-63; | |
} | |
.flex-item-order--64-screen-medium{ | |
-ms-flex-order:-64; | |
order:-64; | |
} | |
.flex-item-order--65-screen-medium{ | |
-ms-flex-order:-65; | |
order:-65; | |
} | |
.flex-item-order--66-screen-medium{ | |
-ms-flex-order:-66; | |
order:-66; | |
} | |
.flex-item-order--67-screen-medium{ | |
-ms-flex-order:-67; | |
order:-67; | |
} | |
.flex-item-order--68-screen-medium{ | |
-ms-flex-order:-68; | |
order:-68; | |
} | |
.flex-item-order--69-screen-medium{ | |
-ms-flex-order:-69; | |
order:-69; | |
} | |
.flex-item-order--70-screen-medium{ | |
-ms-flex-order:-70; | |
order:-70; | |
} | |
.flex-item-order--71-screen-medium{ | |
-ms-flex-order:-71; | |
order:-71; | |
} | |
.flex-item-order--72-screen-medium{ | |
-ms-flex-order:-72; | |
order:-72; | |
} | |
.flex-item-order--73-screen-medium{ | |
-ms-flex-order:-73; | |
order:-73; | |
} | |
.flex-item-order--74-screen-medium{ | |
-ms-flex-order:-74; | |
order:-74; | |
} | |
.flex-item-order--75-screen-medium{ | |
-ms-flex-order:-75; | |
order:-75; | |
} | |
.flex-item-order--76-screen-medium{ | |
-ms-flex-order:-76; | |
order:-76; | |
} | |
.flex-item-order--77-screen-medium{ | |
-ms-flex-order:-77; | |
order:-77; | |
} | |
.flex-item-order--78-screen-medium{ | |
-ms-flex-order:-78; | |
order:-78; | |
} | |
.flex-item-order--79-screen-medium{ | |
-ms-flex-order:-79; | |
order:-79; | |
} | |
.flex-item-order--80-screen-medium{ | |
-ms-flex-order:-80; | |
order:-80; | |
} | |
.flex-item-order--81-screen-medium{ | |
-ms-flex-order:-81; | |
order:-81; | |
} | |
.flex-item-order--82-screen-medium{ | |
-ms-flex-order:-82; | |
order:-82; | |
} | |
.flex-item-order--83-screen-medium{ | |
-ms-flex-order:-83; | |
order:-83; | |
} | |
.flex-item-order--84-screen-medium{ | |
-ms-flex-order:-84; | |
order:-84; | |
} | |
.flex-item-order--85-screen-medium{ | |
-ms-flex-order:-85; | |
order:-85; | |
} | |
.flex-item-order--86-screen-medium{ | |
-ms-flex-order:-86; | |
order:-86; | |
} | |
.flex-item-order--87-screen-medium{ | |
-ms-flex-order:-87; | |
order:-87; | |
} | |
.flex-item-order--88-screen-medium{ | |
-ms-flex-order:-88; | |
order:-88; | |
} | |
.flex-item-order--89-screen-medium{ | |
-ms-flex-order:-89; | |
order:-89; | |
} | |
.flex-item-order--90-screen-medium{ | |
-ms-flex-order:-90; | |
order:-90; | |
} | |
.flex-item-order--91-screen-medium{ | |
-ms-flex-order:-91; | |
order:-91; | |
} | |
.flex-item-order--92-screen-medium{ | |
-ms-flex-order:-92; | |
order:-92; | |
} | |
.flex-item-order--93-screen-medium{ | |
-ms-flex-order:-93; | |
order:-93; | |
} | |
.flex-item-order--94-screen-medium{ | |
-ms-flex-order:-94; | |
order:-94; | |
} | |
.flex-item-order--95-screen-medium{ | |
-ms-flex-order:-95; | |
order:-95; | |
} | |
.flex-item-order--96-screen-medium{ | |
-ms-flex-order:-96; | |
order:-96; | |
} | |
.flex-item-order--97-screen-medium{ | |
-ms-flex-order:-97; | |
order:-97; | |
} | |
.flex-item-order--98-screen-medium{ | |
-ms-flex-order:-98; | |
order:-98; | |
} | |
.flex-item-order--99-screen-medium{ | |
-ms-flex-order:-99; | |
order:-99; | |
} | |
.flex-item-order--100-screen-medium{ | |
-ms-flex-order:-100; | |
order:-100; | |
} | |
.flex-item-grow-10-screen-medium{ | |
-ms-flex-positive:10; | |
flex-grow:10; | |
} | |
.flex-item-grow-9-screen-medium{ | |
-ms-flex-positive:9; | |
flex-grow:9; | |
} | |
.flex-item-grow-8-screen-medium{ | |
-ms-flex-positive:8; | |
flex-grow:8; | |
} | |
.flex-item-grow-7-screen-medium{ | |
-ms-flex-positive:7; | |
flex-grow:7; | |
} | |
.flex-item-grow-6-screen-medium{ | |
-ms-flex-positive:6; | |
flex-grow:6; | |
} | |
.flex-item-grow-5-screen-medium{ | |
-ms-flex-positive:5; | |
flex-grow:5; | |
} | |
.flex-item-grow-4-screen-medium{ | |
-ms-flex-positive:4; | |
flex-grow:4; | |
} | |
.flex-item-grow-3-screen-medium{ | |
-ms-flex-positive:3; | |
flex-grow:3; | |
} | |
.flex-item-grow-2-screen-medium{ | |
-ms-flex-positive:2; | |
flex-grow:2; | |
} | |
.flex-item-grow-1-screen-medium{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.flex-item-grow-0-screen-medium{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.flex-item-shrink-10-screen-medium{ | |
-ms-flex-negative:10; | |
flex-shrink:10; | |
} | |
.flex-item-shrink-9-screen-medium{ | |
-ms-flex-negative:9; | |
flex-shrink:9; | |
} | |
.flex-item-shrink-8-screen-medium{ | |
-ms-flex-negative:8; | |
flex-shrink:8; | |
} | |
.flex-item-shrink-7-screen-medium{ | |
-ms-flex-negative:7; | |
flex-shrink:7; | |
} | |
.flex-item-shrink-6-screen-medium{ | |
-ms-flex-negative:6; | |
flex-shrink:6; | |
} | |
.flex-item-shrink-5-screen-medium{ | |
-ms-flex-negative:5; | |
flex-shrink:5; | |
} | |
.flex-item-shrink-4-screen-medium{ | |
-ms-flex-negative:4; | |
flex-shrink:4; | |
} | |
.flex-item-shrink-3-screen-medium{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
} | |
.flex-item-shrink-2-screen-medium{ | |
-ms-flex-negative:2; | |
flex-shrink:2; | |
} | |
.flex-item-shrink-1-screen-medium{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.flex-item-shrink-0-screen-medium{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.flex-item-basis-auto-screen-medium{ | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
} | |
.flex-item-basis-content-screen-medium{ | |
-ms-flex-preferred-size:content; | |
flex-basis:content; | |
} | |
.flex-item-basis-none-screen-medium{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
} | |
.flex-item-align-auto-screen-medium{ | |
-ms-flex-item-align:auto; | |
align-self:auto; | |
} | |
.flex-item-align-start-screen-medium{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
} | |
.flex-item-align-center-screen-medium{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
} | |
.flex-item-align-end-screen-medium{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
} | |
.flex-item-align-baseline-screen-medium{ | |
-ms-flex-item-align:baseline; | |
align-self:baseline; | |
} | |
.flex-item-align-stretch-screen-medium{ | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
} | |
} | |
@media (min-width: 992px){ | |
.flex-screen-large{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.flex-screen-large:before, | |
.flex-screen-large:after{ | |
display:none; | |
} | |
.flex-inline-screen-large{ | |
display:flex-inline; | |
} | |
.flex-inline-screen-large:before, | |
.flex-inline-screen-large:after{ | |
display:none; | |
} | |
.flex-direction-left-to-right-screen-large{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.flex-direction-right-to-left-screen-large{ | |
-ms-flex-direction:row-reverse; | |
flex-direction:row-reverse; | |
} | |
.flex-direction-top-to-bottom-screen-large{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.flex-direction-bottom-to-top-screen-large{ | |
-ms-flex-direction:column-reverse; | |
flex-direction:column-reverse; | |
} | |
.flex-wrap-items-screen-large{ | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
} | |
.flex-wrap-items-reverse-screen-large{ | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
} | |
.flex-wrap-items-none-screen-large{ | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
} | |
.flex-align-items-start-screen-large{ | |
-ms-flex-align:start; | |
-ms-grid-row-align:flex-start; | |
align-items:flex-start; | |
} | |
.flex-align-items-center-screen-large{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.flex-align-items-end-screen-large{ | |
-ms-flex-align:end; | |
-ms-grid-row-align:flex-end; | |
align-items:flex-end; | |
} | |
.flex-align-items-baseline-screen-large{ | |
-ms-flex-align:baseline; | |
-ms-grid-row-align:baseline; | |
align-items:baseline; | |
} | |
.flex-align-items-stretch-screen-large{ | |
-ms-flex-align:stretch; | |
-ms-grid-row-align:stretch; | |
align-items:stretch; | |
} | |
.flex-justify-items-start-screen-large{ | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
} | |
.flex-justify-items-end-screen-large{ | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
} | |
.flex-justify-items-center-screen-large{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.flex-justify-items-space-between-screen-large{ | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.flex-justify-items-space-around-screen-large{ | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
} | |
.flex-align-content-start-screen-large{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
} | |
.flex-align-content-center-screen-large{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
} | |
.flex-align-content-end-screen-large{ | |
-ms-flex-line-pack:end; | |
align-content:flex-end; | |
} | |
.flex-align-content-stretch-screen-large{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
} | |
.flex-align-content-space-between-screen-large{ | |
-ms-flex-line-pack:justify; | |
align-content:space-between; | |
} | |
.flex-align-content-space-around-screen-large{ | |
-ms-flex-line-pack:distribute; | |
align-content:space-around; | |
} | |
.flex-item-order-100-screen-large{ | |
-ms-flex-order:100; | |
order:100; | |
} | |
.flex-item-order-99-screen-large{ | |
-ms-flex-order:99; | |
order:99; | |
} | |
.flex-item-order-98-screen-large{ | |
-ms-flex-order:98; | |
order:98; | |
} | |
.flex-item-order-97-screen-large{ | |
-ms-flex-order:97; | |
order:97; | |
} | |
.flex-item-order-96-screen-large{ | |
-ms-flex-order:96; | |
order:96; | |
} | |
.flex-item-order-95-screen-large{ | |
-ms-flex-order:95; | |
order:95; | |
} | |
.flex-item-order-94-screen-large{ | |
-ms-flex-order:94; | |
order:94; | |
} | |
.flex-item-order-93-screen-large{ | |
-ms-flex-order:93; | |
order:93; | |
} | |
.flex-item-order-92-screen-large{ | |
-ms-flex-order:92; | |
order:92; | |
} | |
.flex-item-order-91-screen-large{ | |
-ms-flex-order:91; | |
order:91; | |
} | |
.flex-item-order-90-screen-large{ | |
-ms-flex-order:90; | |
order:90; | |
} | |
.flex-item-order-89-screen-large{ | |
-ms-flex-order:89; | |
order:89; | |
} | |
.flex-item-order-88-screen-large{ | |
-ms-flex-order:88; | |
order:88; | |
} | |
.flex-item-order-87-screen-large{ | |
-ms-flex-order:87; | |
order:87; | |
} | |
.flex-item-order-86-screen-large{ | |
-ms-flex-order:86; | |
order:86; | |
} | |
.flex-item-order-85-screen-large{ | |
-ms-flex-order:85; | |
order:85; | |
} | |
.flex-item-order-84-screen-large{ | |
-ms-flex-order:84; | |
order:84; | |
} | |
.flex-item-order-83-screen-large{ | |
-ms-flex-order:83; | |
order:83; | |
} | |
.flex-item-order-82-screen-large{ | |
-ms-flex-order:82; | |
order:82; | |
} | |
.flex-item-order-81-screen-large{ | |
-ms-flex-order:81; | |
order:81; | |
} | |
.flex-item-order-80-screen-large{ | |
-ms-flex-order:80; | |
order:80; | |
} | |
.flex-item-order-79-screen-large{ | |
-ms-flex-order:79; | |
order:79; | |
} | |
.flex-item-order-78-screen-large{ | |
-ms-flex-order:78; | |
order:78; | |
} | |
.flex-item-order-77-screen-large{ | |
-ms-flex-order:77; | |
order:77; | |
} | |
.flex-item-order-76-screen-large{ | |
-ms-flex-order:76; | |
order:76; | |
} | |
.flex-item-order-75-screen-large{ | |
-ms-flex-order:75; | |
order:75; | |
} | |
.flex-item-order-74-screen-large{ | |
-ms-flex-order:74; | |
order:74; | |
} | |
.flex-item-order-73-screen-large{ | |
-ms-flex-order:73; | |
order:73; | |
} | |
.flex-item-order-72-screen-large{ | |
-ms-flex-order:72; | |
order:72; | |
} | |
.flex-item-order-71-screen-large{ | |
-ms-flex-order:71; | |
order:71; | |
} | |
.flex-item-order-70-screen-large{ | |
-ms-flex-order:70; | |
order:70; | |
} | |
.flex-item-order-69-screen-large{ | |
-ms-flex-order:69; | |
order:69; | |
} | |
.flex-item-order-68-screen-large{ | |
-ms-flex-order:68; | |
order:68; | |
} | |
.flex-item-order-67-screen-large{ | |
-ms-flex-order:67; | |
order:67; | |
} | |
.flex-item-order-66-screen-large{ | |
-ms-flex-order:66; | |
order:66; | |
} | |
.flex-item-order-65-screen-large{ | |
-ms-flex-order:65; | |
order:65; | |
} | |
.flex-item-order-64-screen-large{ | |
-ms-flex-order:64; | |
order:64; | |
} | |
.flex-item-order-63-screen-large{ | |
-ms-flex-order:63; | |
order:63; | |
} | |
.flex-item-order-62-screen-large{ | |
-ms-flex-order:62; | |
order:62; | |
} | |
.flex-item-order-61-screen-large{ | |
-ms-flex-order:61; | |
order:61; | |
} | |
.flex-item-order-60-screen-large{ | |
-ms-flex-order:60; | |
order:60; | |
} | |
.flex-item-order-59-screen-large{ | |
-ms-flex-order:59; | |
order:59; | |
} | |
.flex-item-order-58-screen-large{ | |
-ms-flex-order:58; | |
order:58; | |
} | |
.flex-item-order-57-screen-large{ | |
-ms-flex-order:57; | |
order:57; | |
} | |
.flex-item-order-56-screen-large{ | |
-ms-flex-order:56; | |
order:56; | |
} | |
.flex-item-order-55-screen-large{ | |
-ms-flex-order:55; | |
order:55; | |
} | |
.flex-item-order-54-screen-large{ | |
-ms-flex-order:54; | |
order:54; | |
} | |
.flex-item-order-53-screen-large{ | |
-ms-flex-order:53; | |
order:53; | |
} | |
.flex-item-order-52-screen-large{ | |
-ms-flex-order:52; | |
order:52; | |
} | |
.flex-item-order-51-screen-large{ | |
-ms-flex-order:51; | |
order:51; | |
} | |
.flex-item-order-50-screen-large{ | |
-ms-flex-order:50; | |
order:50; | |
} | |
.flex-item-order-49-screen-large{ | |
-ms-flex-order:49; | |
order:49; | |
} | |
.flex-item-order-48-screen-large{ | |
-ms-flex-order:48; | |
order:48; | |
} | |
.flex-item-order-47-screen-large{ | |
-ms-flex-order:47; | |
order:47; | |
} | |
.flex-item-order-46-screen-large{ | |
-ms-flex-order:46; | |
order:46; | |
} | |
.flex-item-order-45-screen-large{ | |
-ms-flex-order:45; | |
order:45; | |
} | |
.flex-item-order-44-screen-large{ | |
-ms-flex-order:44; | |
order:44; | |
} | |
.flex-item-order-43-screen-large{ | |
-ms-flex-order:43; | |
order:43; | |
} | |
.flex-item-order-42-screen-large{ | |
-ms-flex-order:42; | |
order:42; | |
} | |
.flex-item-order-41-screen-large{ | |
-ms-flex-order:41; | |
order:41; | |
} | |
.flex-item-order-40-screen-large{ | |
-ms-flex-order:40; | |
order:40; | |
} | |
.flex-item-order-39-screen-large{ | |
-ms-flex-order:39; | |
order:39; | |
} | |
.flex-item-order-38-screen-large{ | |
-ms-flex-order:38; | |
order:38; | |
} | |
.flex-item-order-37-screen-large{ | |
-ms-flex-order:37; | |
order:37; | |
} | |
.flex-item-order-36-screen-large{ | |
-ms-flex-order:36; | |
order:36; | |
} | |
.flex-item-order-35-screen-large{ | |
-ms-flex-order:35; | |
order:35; | |
} | |
.flex-item-order-34-screen-large{ | |
-ms-flex-order:34; | |
order:34; | |
} | |
.flex-item-order-33-screen-large{ | |
-ms-flex-order:33; | |
order:33; | |
} | |
.flex-item-order-32-screen-large{ | |
-ms-flex-order:32; | |
order:32; | |
} | |
.flex-item-order-31-screen-large{ | |
-ms-flex-order:31; | |
order:31; | |
} | |
.flex-item-order-30-screen-large{ | |
-ms-flex-order:30; | |
order:30; | |
} | |
.flex-item-order-29-screen-large{ | |
-ms-flex-order:29; | |
order:29; | |
} | |
.flex-item-order-28-screen-large{ | |
-ms-flex-order:28; | |
order:28; | |
} | |
.flex-item-order-27-screen-large{ | |
-ms-flex-order:27; | |
order:27; | |
} | |
.flex-item-order-26-screen-large{ | |
-ms-flex-order:26; | |
order:26; | |
} | |
.flex-item-order-25-screen-large{ | |
-ms-flex-order:25; | |
order:25; | |
} | |
.flex-item-order-24-screen-large{ | |
-ms-flex-order:24; | |
order:24; | |
} | |
.flex-item-order-23-screen-large{ | |
-ms-flex-order:23; | |
order:23; | |
} | |
.flex-item-order-22-screen-large{ | |
-ms-flex-order:22; | |
order:22; | |
} | |
.flex-item-order-21-screen-large{ | |
-ms-flex-order:21; | |
order:21; | |
} | |
.flex-item-order-20-screen-large{ | |
-ms-flex-order:20; | |
order:20; | |
} | |
.flex-item-order-19-screen-large{ | |
-ms-flex-order:19; | |
order:19; | |
} | |
.flex-item-order-18-screen-large{ | |
-ms-flex-order:18; | |
order:18; | |
} | |
.flex-item-order-17-screen-large{ | |
-ms-flex-order:17; | |
order:17; | |
} | |
.flex-item-order-16-screen-large{ | |
-ms-flex-order:16; | |
order:16; | |
} | |
.flex-item-order-15-screen-large{ | |
-ms-flex-order:15; | |
order:15; | |
} | |
.flex-item-order-14-screen-large{ | |
-ms-flex-order:14; | |
order:14; | |
} | |
.flex-item-order-13-screen-large{ | |
-ms-flex-order:13; | |
order:13; | |
} | |
.flex-item-order-12-screen-large{ | |
-ms-flex-order:12; | |
order:12; | |
} | |
.flex-item-order-11-screen-large{ | |
-ms-flex-order:11; | |
order:11; | |
} | |
.flex-item-order-10-screen-large{ | |
-ms-flex-order:10; | |
order:10; | |
} | |
.flex-item-order-9-screen-large{ | |
-ms-flex-order:9; | |
order:9; | |
} | |
.flex-item-order-8-screen-large{ | |
-ms-flex-order:8; | |
order:8; | |
} | |
.flex-item-order-7-screen-large{ | |
-ms-flex-order:7; | |
order:7; | |
} | |
.flex-item-order-6-screen-large{ | |
-ms-flex-order:6; | |
order:6; | |
} | |
.flex-item-order-5-screen-large{ | |
-ms-flex-order:5; | |
order:5; | |
} | |
.flex-item-order-4-screen-large{ | |
-ms-flex-order:4; | |
order:4; | |
} | |
.flex-item-order-3-screen-large{ | |
-ms-flex-order:3; | |
order:3; | |
} | |
.flex-item-order-2-screen-large{ | |
-ms-flex-order:2; | |
order:2; | |
} | |
.flex-item-order-1-screen-large{ | |
-ms-flex-order:1; | |
order:1; | |
} | |
.flex-item-order-0-screen-large{ | |
-ms-flex-order:0; | |
order:0; | |
} | |
.flex-item-order--1-screen-large{ | |
-ms-flex-order:-1; | |
order:-1; | |
} | |
.flex-item-order--2-screen-large{ | |
-ms-flex-order:-2; | |
order:-2; | |
} | |
.flex-item-order--3-screen-large{ | |
-ms-flex-order:-3; | |
order:-3; | |
} | |
.flex-item-order--4-screen-large{ | |
-ms-flex-order:-4; | |
order:-4; | |
} | |
.flex-item-order--5-screen-large{ | |
-ms-flex-order:-5; | |
order:-5; | |
} | |
.flex-item-order--6-screen-large{ | |
-ms-flex-order:-6; | |
order:-6; | |
} | |
.flex-item-order--7-screen-large{ | |
-ms-flex-order:-7; | |
order:-7; | |
} | |
.flex-item-order--8-screen-large{ | |
-ms-flex-order:-8; | |
order:-8; | |
} | |
.flex-item-order--9-screen-large{ | |
-ms-flex-order:-9; | |
order:-9; | |
} | |
.flex-item-order--10-screen-large{ | |
-ms-flex-order:-10; | |
order:-10; | |
} | |
.flex-item-order--11-screen-large{ | |
-ms-flex-order:-11; | |
order:-11; | |
} | |
.flex-item-order--12-screen-large{ | |
-ms-flex-order:-12; | |
order:-12; | |
} | |
.flex-item-order--13-screen-large{ | |
-ms-flex-order:-13; | |
order:-13; | |
} | |
.flex-item-order--14-screen-large{ | |
-ms-flex-order:-14; | |
order:-14; | |
} | |
.flex-item-order--15-screen-large{ | |
-ms-flex-order:-15; | |
order:-15; | |
} | |
.flex-item-order--16-screen-large{ | |
-ms-flex-order:-16; | |
order:-16; | |
} | |
.flex-item-order--17-screen-large{ | |
-ms-flex-order:-17; | |
order:-17; | |
} | |
.flex-item-order--18-screen-large{ | |
-ms-flex-order:-18; | |
order:-18; | |
} | |
.flex-item-order--19-screen-large{ | |
-ms-flex-order:-19; | |
order:-19; | |
} | |
.flex-item-order--20-screen-large{ | |
-ms-flex-order:-20; | |
order:-20; | |
} | |
.flex-item-order--21-screen-large{ | |
-ms-flex-order:-21; | |
order:-21; | |
} | |
.flex-item-order--22-screen-large{ | |
-ms-flex-order:-22; | |
order:-22; | |
} | |
.flex-item-order--23-screen-large{ | |
-ms-flex-order:-23; | |
order:-23; | |
} | |
.flex-item-order--24-screen-large{ | |
-ms-flex-order:-24; | |
order:-24; | |
} | |
.flex-item-order--25-screen-large{ | |
-ms-flex-order:-25; | |
order:-25; | |
} | |
.flex-item-order--26-screen-large{ | |
-ms-flex-order:-26; | |
order:-26; | |
} | |
.flex-item-order--27-screen-large{ | |
-ms-flex-order:-27; | |
order:-27; | |
} | |
.flex-item-order--28-screen-large{ | |
-ms-flex-order:-28; | |
order:-28; | |
} | |
.flex-item-order--29-screen-large{ | |
-ms-flex-order:-29; | |
order:-29; | |
} | |
.flex-item-order--30-screen-large{ | |
-ms-flex-order:-30; | |
order:-30; | |
} | |
.flex-item-order--31-screen-large{ | |
-ms-flex-order:-31; | |
order:-31; | |
} | |
.flex-item-order--32-screen-large{ | |
-ms-flex-order:-32; | |
order:-32; | |
} | |
.flex-item-order--33-screen-large{ | |
-ms-flex-order:-33; | |
order:-33; | |
} | |
.flex-item-order--34-screen-large{ | |
-ms-flex-order:-34; | |
order:-34; | |
} | |
.flex-item-order--35-screen-large{ | |
-ms-flex-order:-35; | |
order:-35; | |
} | |
.flex-item-order--36-screen-large{ | |
-ms-flex-order:-36; | |
order:-36; | |
} | |
.flex-item-order--37-screen-large{ | |
-ms-flex-order:-37; | |
order:-37; | |
} | |
.flex-item-order--38-screen-large{ | |
-ms-flex-order:-38; | |
order:-38; | |
} | |
.flex-item-order--39-screen-large{ | |
-ms-flex-order:-39; | |
order:-39; | |
} | |
.flex-item-order--40-screen-large{ | |
-ms-flex-order:-40; | |
order:-40; | |
} | |
.flex-item-order--41-screen-large{ | |
-ms-flex-order:-41; | |
order:-41; | |
} | |
.flex-item-order--42-screen-large{ | |
-ms-flex-order:-42; | |
order:-42; | |
} | |
.flex-item-order--43-screen-large{ | |
-ms-flex-order:-43; | |
order:-43; | |
} | |
.flex-item-order--44-screen-large{ | |
-ms-flex-order:-44; | |
order:-44; | |
} | |
.flex-item-order--45-screen-large{ | |
-ms-flex-order:-45; | |
order:-45; | |
} | |
.flex-item-order--46-screen-large{ | |
-ms-flex-order:-46; | |
order:-46; | |
} | |
.flex-item-order--47-screen-large{ | |
-ms-flex-order:-47; | |
order:-47; | |
} | |
.flex-item-order--48-screen-large{ | |
-ms-flex-order:-48; | |
order:-48; | |
} | |
.flex-item-order--49-screen-large{ | |
-ms-flex-order:-49; | |
order:-49; | |
} | |
.flex-item-order--50-screen-large{ | |
-ms-flex-order:-50; | |
order:-50; | |
} | |
.flex-item-order--51-screen-large{ | |
-ms-flex-order:-51; | |
order:-51; | |
} | |
.flex-item-order--52-screen-large{ | |
-ms-flex-order:-52; | |
order:-52; | |
} | |
.flex-item-order--53-screen-large{ | |
-ms-flex-order:-53; | |
order:-53; | |
} | |
.flex-item-order--54-screen-large{ | |
-ms-flex-order:-54; | |
order:-54; | |
} | |
.flex-item-order--55-screen-large{ | |
-ms-flex-order:-55; | |
order:-55; | |
} | |
.flex-item-order--56-screen-large{ | |
-ms-flex-order:-56; | |
order:-56; | |
} | |
.flex-item-order--57-screen-large{ | |
-ms-flex-order:-57; | |
order:-57; | |
} | |
.flex-item-order--58-screen-large{ | |
-ms-flex-order:-58; | |
order:-58; | |
} | |
.flex-item-order--59-screen-large{ | |
-ms-flex-order:-59; | |
order:-59; | |
} | |
.flex-item-order--60-screen-large{ | |
-ms-flex-order:-60; | |
order:-60; | |
} | |
.flex-item-order--61-screen-large{ | |
-ms-flex-order:-61; | |
order:-61; | |
} | |
.flex-item-order--62-screen-large{ | |
-ms-flex-order:-62; | |
order:-62; | |
} | |
.flex-item-order--63-screen-large{ | |
-ms-flex-order:-63; | |
order:-63; | |
} | |
.flex-item-order--64-screen-large{ | |
-ms-flex-order:-64; | |
order:-64; | |
} | |
.flex-item-order--65-screen-large{ | |
-ms-flex-order:-65; | |
order:-65; | |
} | |
.flex-item-order--66-screen-large{ | |
-ms-flex-order:-66; | |
order:-66; | |
} | |
.flex-item-order--67-screen-large{ | |
-ms-flex-order:-67; | |
order:-67; | |
} | |
.flex-item-order--68-screen-large{ | |
-ms-flex-order:-68; | |
order:-68; | |
} | |
.flex-item-order--69-screen-large{ | |
-ms-flex-order:-69; | |
order:-69; | |
} | |
.flex-item-order--70-screen-large{ | |
-ms-flex-order:-70; | |
order:-70; | |
} | |
.flex-item-order--71-screen-large{ | |
-ms-flex-order:-71; | |
order:-71; | |
} | |
.flex-item-order--72-screen-large{ | |
-ms-flex-order:-72; | |
order:-72; | |
} | |
.flex-item-order--73-screen-large{ | |
-ms-flex-order:-73; | |
order:-73; | |
} | |
.flex-item-order--74-screen-large{ | |
-ms-flex-order:-74; | |
order:-74; | |
} | |
.flex-item-order--75-screen-large{ | |
-ms-flex-order:-75; | |
order:-75; | |
} | |
.flex-item-order--76-screen-large{ | |
-ms-flex-order:-76; | |
order:-76; | |
} | |
.flex-item-order--77-screen-large{ | |
-ms-flex-order:-77; | |
order:-77; | |
} | |
.flex-item-order--78-screen-large{ | |
-ms-flex-order:-78; | |
order:-78; | |
} | |
.flex-item-order--79-screen-large{ | |
-ms-flex-order:-79; | |
order:-79; | |
} | |
.flex-item-order--80-screen-large{ | |
-ms-flex-order:-80; | |
order:-80; | |
} | |
.flex-item-order--81-screen-large{ | |
-ms-flex-order:-81; | |
order:-81; | |
} | |
.flex-item-order--82-screen-large{ | |
-ms-flex-order:-82; | |
order:-82; | |
} | |
.flex-item-order--83-screen-large{ | |
-ms-flex-order:-83; | |
order:-83; | |
} | |
.flex-item-order--84-screen-large{ | |
-ms-flex-order:-84; | |
order:-84; | |
} | |
.flex-item-order--85-screen-large{ | |
-ms-flex-order:-85; | |
order:-85; | |
} | |
.flex-item-order--86-screen-large{ | |
-ms-flex-order:-86; | |
order:-86; | |
} | |
.flex-item-order--87-screen-large{ | |
-ms-flex-order:-87; | |
order:-87; | |
} | |
.flex-item-order--88-screen-large{ | |
-ms-flex-order:-88; | |
order:-88; | |
} | |
.flex-item-order--89-screen-large{ | |
-ms-flex-order:-89; | |
order:-89; | |
} | |
.flex-item-order--90-screen-large{ | |
-ms-flex-order:-90; | |
order:-90; | |
} | |
.flex-item-order--91-screen-large{ | |
-ms-flex-order:-91; | |
order:-91; | |
} | |
.flex-item-order--92-screen-large{ | |
-ms-flex-order:-92; | |
order:-92; | |
} | |
.flex-item-order--93-screen-large{ | |
-ms-flex-order:-93; | |
order:-93; | |
} | |
.flex-item-order--94-screen-large{ | |
-ms-flex-order:-94; | |
order:-94; | |
} | |
.flex-item-order--95-screen-large{ | |
-ms-flex-order:-95; | |
order:-95; | |
} | |
.flex-item-order--96-screen-large{ | |
-ms-flex-order:-96; | |
order:-96; | |
} | |
.flex-item-order--97-screen-large{ | |
-ms-flex-order:-97; | |
order:-97; | |
} | |
.flex-item-order--98-screen-large{ | |
-ms-flex-order:-98; | |
order:-98; | |
} | |
.flex-item-order--99-screen-large{ | |
-ms-flex-order:-99; | |
order:-99; | |
} | |
.flex-item-order--100-screen-large{ | |
-ms-flex-order:-100; | |
order:-100; | |
} | |
.flex-item-grow-10-screen-large{ | |
-ms-flex-positive:10; | |
flex-grow:10; | |
} | |
.flex-item-grow-9-screen-large{ | |
-ms-flex-positive:9; | |
flex-grow:9; | |
} | |
.flex-item-grow-8-screen-large{ | |
-ms-flex-positive:8; | |
flex-grow:8; | |
} | |
.flex-item-grow-7-screen-large{ | |
-ms-flex-positive:7; | |
flex-grow:7; | |
} | |
.flex-item-grow-6-screen-large{ | |
-ms-flex-positive:6; | |
flex-grow:6; | |
} | |
.flex-item-grow-5-screen-large{ | |
-ms-flex-positive:5; | |
flex-grow:5; | |
} | |
.flex-item-grow-4-screen-large{ | |
-ms-flex-positive:4; | |
flex-grow:4; | |
} | |
.flex-item-grow-3-screen-large{ | |
-ms-flex-positive:3; | |
flex-grow:3; | |
} | |
.flex-item-grow-2-screen-large{ | |
-ms-flex-positive:2; | |
flex-grow:2; | |
} | |
.flex-item-grow-1-screen-large{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.flex-item-grow-0-screen-large{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.flex-item-shrink-10-screen-large{ | |
-ms-flex-negative:10; | |
flex-shrink:10; | |
} | |
.flex-item-shrink-9-screen-large{ | |
-ms-flex-negative:9; | |
flex-shrink:9; | |
} | |
.flex-item-shrink-8-screen-large{ | |
-ms-flex-negative:8; | |
flex-shrink:8; | |
} | |
.flex-item-shrink-7-screen-large{ | |
-ms-flex-negative:7; | |
flex-shrink:7; | |
} | |
.flex-item-shrink-6-screen-large{ | |
-ms-flex-negative:6; | |
flex-shrink:6; | |
} | |
.flex-item-shrink-5-screen-large{ | |
-ms-flex-negative:5; | |
flex-shrink:5; | |
} | |
.flex-item-shrink-4-screen-large{ | |
-ms-flex-negative:4; | |
flex-shrink:4; | |
} | |
.flex-item-shrink-3-screen-large{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
} | |
.flex-item-shrink-2-screen-large{ | |
-ms-flex-negative:2; | |
flex-shrink:2; | |
} | |
.flex-item-shrink-1-screen-large{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.flex-item-shrink-0-screen-large{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.flex-item-basis-auto-screen-large{ | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
} | |
.flex-item-basis-content-screen-large{ | |
-ms-flex-preferred-size:content; | |
flex-basis:content; | |
} | |
.flex-item-basis-none-screen-large{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
} | |
.flex-item-align-auto-screen-large{ | |
-ms-flex-item-align:auto; | |
align-self:auto; | |
} | |
.flex-item-align-start-screen-large{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
} | |
.flex-item-align-center-screen-large{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
} | |
.flex-item-align-end-screen-large{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
} | |
.flex-item-align-baseline-screen-large{ | |
-ms-flex-item-align:baseline; | |
align-self:baseline; | |
} | |
.flex-item-align-stretch-screen-large{ | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
} | |
} | |
@media (min-width: 1400px){ | |
.flex-screen-jumbo{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.flex-screen-jumbo:before, | |
.flex-screen-jumbo:after{ | |
display:none; | |
} | |
.flex-inline-screen-jumbo{ | |
display:flex-inline; | |
} | |
.flex-inline-screen-jumbo:before, | |
.flex-inline-screen-jumbo:after{ | |
display:none; | |
} | |
.flex-direction-left-to-right-screen-jumbo{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.flex-direction-right-to-left-screen-jumbo{ | |
-ms-flex-direction:row-reverse; | |
flex-direction:row-reverse; | |
} | |
.flex-direction-top-to-bottom-screen-jumbo{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.flex-direction-bottom-to-top-screen-jumbo{ | |
-ms-flex-direction:column-reverse; | |
flex-direction:column-reverse; | |
} | |
.flex-wrap-items-screen-jumbo{ | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
} | |
.flex-wrap-items-reverse-screen-jumbo{ | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
} | |
.flex-wrap-items-none-screen-jumbo{ | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
} | |
.flex-align-items-start-screen-jumbo{ | |
-ms-flex-align:start; | |
-ms-grid-row-align:flex-start; | |
align-items:flex-start; | |
} | |
.flex-align-items-center-screen-jumbo{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.flex-align-items-end-screen-jumbo{ | |
-ms-flex-align:end; | |
-ms-grid-row-align:flex-end; | |
align-items:flex-end; | |
} | |
.flex-align-items-baseline-screen-jumbo{ | |
-ms-flex-align:baseline; | |
-ms-grid-row-align:baseline; | |
align-items:baseline; | |
} | |
.flex-align-items-stretch-screen-jumbo{ | |
-ms-flex-align:stretch; | |
-ms-grid-row-align:stretch; | |
align-items:stretch; | |
} | |
.flex-justify-items-start-screen-jumbo{ | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
} | |
.flex-justify-items-end-screen-jumbo{ | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
} | |
.flex-justify-items-center-screen-jumbo{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.flex-justify-items-space-between-screen-jumbo{ | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.flex-justify-items-space-around-screen-jumbo{ | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
} | |
.flex-align-content-start-screen-jumbo{ | |
-ms-flex-line-pack:start; | |
align-content:flex-start; | |
} | |
.flex-align-content-center-screen-jumbo{ | |
-ms-flex-line-pack:center; | |
align-content:center; | |
} | |
.flex-align-content-end-screen-jumbo{ | |
-ms-flex-line-pack:end; | |
align-content:flex-end; | |
} | |
.flex-align-content-stretch-screen-jumbo{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
} | |
.flex-align-content-space-between-screen-jumbo{ | |
-ms-flex-line-pack:justify; | |
align-content:space-between; | |
} | |
.flex-align-content-space-around-screen-jumbo{ | |
-ms-flex-line-pack:distribute; | |
align-content:space-around; | |
} | |
.flex-item-order-100-screen-jumbo{ | |
-ms-flex-order:100; | |
order:100; | |
} | |
.flex-item-order-99-screen-jumbo{ | |
-ms-flex-order:99; | |
order:99; | |
} | |
.flex-item-order-98-screen-jumbo{ | |
-ms-flex-order:98; | |
order:98; | |
} | |
.flex-item-order-97-screen-jumbo{ | |
-ms-flex-order:97; | |
order:97; | |
} | |
.flex-item-order-96-screen-jumbo{ | |
-ms-flex-order:96; | |
order:96; | |
} | |
.flex-item-order-95-screen-jumbo{ | |
-ms-flex-order:95; | |
order:95; | |
} | |
.flex-item-order-94-screen-jumbo{ | |
-ms-flex-order:94; | |
order:94; | |
} | |
.flex-item-order-93-screen-jumbo{ | |
-ms-flex-order:93; | |
order:93; | |
} | |
.flex-item-order-92-screen-jumbo{ | |
-ms-flex-order:92; | |
order:92; | |
} | |
.flex-item-order-91-screen-jumbo{ | |
-ms-flex-order:91; | |
order:91; | |
} | |
.flex-item-order-90-screen-jumbo{ | |
-ms-flex-order:90; | |
order:90; | |
} | |
.flex-item-order-89-screen-jumbo{ | |
-ms-flex-order:89; | |
order:89; | |
} | |
.flex-item-order-88-screen-jumbo{ | |
-ms-flex-order:88; | |
order:88; | |
} | |
.flex-item-order-87-screen-jumbo{ | |
-ms-flex-order:87; | |
order:87; | |
} | |
.flex-item-order-86-screen-jumbo{ | |
-ms-flex-order:86; | |
order:86; | |
} | |
.flex-item-order-85-screen-jumbo{ | |
-ms-flex-order:85; | |
order:85; | |
} | |
.flex-item-order-84-screen-jumbo{ | |
-ms-flex-order:84; | |
order:84; | |
} | |
.flex-item-order-83-screen-jumbo{ | |
-ms-flex-order:83; | |
order:83; | |
} | |
.flex-item-order-82-screen-jumbo{ | |
-ms-flex-order:82; | |
order:82; | |
} | |
.flex-item-order-81-screen-jumbo{ | |
-ms-flex-order:81; | |
order:81; | |
} | |
.flex-item-order-80-screen-jumbo{ | |
-ms-flex-order:80; | |
order:80; | |
} | |
.flex-item-order-79-screen-jumbo{ | |
-ms-flex-order:79; | |
order:79; | |
} | |
.flex-item-order-78-screen-jumbo{ | |
-ms-flex-order:78; | |
order:78; | |
} | |
.flex-item-order-77-screen-jumbo{ | |
-ms-flex-order:77; | |
order:77; | |
} | |
.flex-item-order-76-screen-jumbo{ | |
-ms-flex-order:76; | |
order:76; | |
} | |
.flex-item-order-75-screen-jumbo{ | |
-ms-flex-order:75; | |
order:75; | |
} | |
.flex-item-order-74-screen-jumbo{ | |
-ms-flex-order:74; | |
order:74; | |
} | |
.flex-item-order-73-screen-jumbo{ | |
-ms-flex-order:73; | |
order:73; | |
} | |
.flex-item-order-72-screen-jumbo{ | |
-ms-flex-order:72; | |
order:72; | |
} | |
.flex-item-order-71-screen-jumbo{ | |
-ms-flex-order:71; | |
order:71; | |
} | |
.flex-item-order-70-screen-jumbo{ | |
-ms-flex-order:70; | |
order:70; | |
} | |
.flex-item-order-69-screen-jumbo{ | |
-ms-flex-order:69; | |
order:69; | |
} | |
.flex-item-order-68-screen-jumbo{ | |
-ms-flex-order:68; | |
order:68; | |
} | |
.flex-item-order-67-screen-jumbo{ | |
-ms-flex-order:67; | |
order:67; | |
} | |
.flex-item-order-66-screen-jumbo{ | |
-ms-flex-order:66; | |
order:66; | |
} | |
.flex-item-order-65-screen-jumbo{ | |
-ms-flex-order:65; | |
order:65; | |
} | |
.flex-item-order-64-screen-jumbo{ | |
-ms-flex-order:64; | |
order:64; | |
} | |
.flex-item-order-63-screen-jumbo{ | |
-ms-flex-order:63; | |
order:63; | |
} | |
.flex-item-order-62-screen-jumbo{ | |
-ms-flex-order:62; | |
order:62; | |
} | |
.flex-item-order-61-screen-jumbo{ | |
-ms-flex-order:61; | |
order:61; | |
} | |
.flex-item-order-60-screen-jumbo{ | |
-ms-flex-order:60; | |
order:60; | |
} | |
.flex-item-order-59-screen-jumbo{ | |
-ms-flex-order:59; | |
order:59; | |
} | |
.flex-item-order-58-screen-jumbo{ | |
-ms-flex-order:58; | |
order:58; | |
} | |
.flex-item-order-57-screen-jumbo{ | |
-ms-flex-order:57; | |
order:57; | |
} | |
.flex-item-order-56-screen-jumbo{ | |
-ms-flex-order:56; | |
order:56; | |
} | |
.flex-item-order-55-screen-jumbo{ | |
-ms-flex-order:55; | |
order:55; | |
} | |
.flex-item-order-54-screen-jumbo{ | |
-ms-flex-order:54; | |
order:54; | |
} | |
.flex-item-order-53-screen-jumbo{ | |
-ms-flex-order:53; | |
order:53; | |
} | |
.flex-item-order-52-screen-jumbo{ | |
-ms-flex-order:52; | |
order:52; | |
} | |
.flex-item-order-51-screen-jumbo{ | |
-ms-flex-order:51; | |
order:51; | |
} | |
.flex-item-order-50-screen-jumbo{ | |
-ms-flex-order:50; | |
order:50; | |
} | |
.flex-item-order-49-screen-jumbo{ | |
-ms-flex-order:49; | |
order:49; | |
} | |
.flex-item-order-48-screen-jumbo{ | |
-ms-flex-order:48; | |
order:48; | |
} | |
.flex-item-order-47-screen-jumbo{ | |
-ms-flex-order:47; | |
order:47; | |
} | |
.flex-item-order-46-screen-jumbo{ | |
-ms-flex-order:46; | |
order:46; | |
} | |
.flex-item-order-45-screen-jumbo{ | |
-ms-flex-order:45; | |
order:45; | |
} | |
.flex-item-order-44-screen-jumbo{ | |
-ms-flex-order:44; | |
order:44; | |
} | |
.flex-item-order-43-screen-jumbo{ | |
-ms-flex-order:43; | |
order:43; | |
} | |
.flex-item-order-42-screen-jumbo{ | |
-ms-flex-order:42; | |
order:42; | |
} | |
.flex-item-order-41-screen-jumbo{ | |
-ms-flex-order:41; | |
order:41; | |
} | |
.flex-item-order-40-screen-jumbo{ | |
-ms-flex-order:40; | |
order:40; | |
} | |
.flex-item-order-39-screen-jumbo{ | |
-ms-flex-order:39; | |
order:39; | |
} | |
.flex-item-order-38-screen-jumbo{ | |
-ms-flex-order:38; | |
order:38; | |
} | |
.flex-item-order-37-screen-jumbo{ | |
-ms-flex-order:37; | |
order:37; | |
} | |
.flex-item-order-36-screen-jumbo{ | |
-ms-flex-order:36; | |
order:36; | |
} | |
.flex-item-order-35-screen-jumbo{ | |
-ms-flex-order:35; | |
order:35; | |
} | |
.flex-item-order-34-screen-jumbo{ | |
-ms-flex-order:34; | |
order:34; | |
} | |
.flex-item-order-33-screen-jumbo{ | |
-ms-flex-order:33; | |
order:33; | |
} | |
.flex-item-order-32-screen-jumbo{ | |
-ms-flex-order:32; | |
order:32; | |
} | |
.flex-item-order-31-screen-jumbo{ | |
-ms-flex-order:31; | |
order:31; | |
} | |
.flex-item-order-30-screen-jumbo{ | |
-ms-flex-order:30; | |
order:30; | |
} | |
.flex-item-order-29-screen-jumbo{ | |
-ms-flex-order:29; | |
order:29; | |
} | |
.flex-item-order-28-screen-jumbo{ | |
-ms-flex-order:28; | |
order:28; | |
} | |
.flex-item-order-27-screen-jumbo{ | |
-ms-flex-order:27; | |
order:27; | |
} | |
.flex-item-order-26-screen-jumbo{ | |
-ms-flex-order:26; | |
order:26; | |
} | |
.flex-item-order-25-screen-jumbo{ | |
-ms-flex-order:25; | |
order:25; | |
} | |
.flex-item-order-24-screen-jumbo{ | |
-ms-flex-order:24; | |
order:24; | |
} | |
.flex-item-order-23-screen-jumbo{ | |
-ms-flex-order:23; | |
order:23; | |
} | |
.flex-item-order-22-screen-jumbo{ | |
-ms-flex-order:22; | |
order:22; | |
} | |
.flex-item-order-21-screen-jumbo{ | |
-ms-flex-order:21; | |
order:21; | |
} | |
.flex-item-order-20-screen-jumbo{ | |
-ms-flex-order:20; | |
order:20; | |
} | |
.flex-item-order-19-screen-jumbo{ | |
-ms-flex-order:19; | |
order:19; | |
} | |
.flex-item-order-18-screen-jumbo{ | |
-ms-flex-order:18; | |
order:18; | |
} | |
.flex-item-order-17-screen-jumbo{ | |
-ms-flex-order:17; | |
order:17; | |
} | |
.flex-item-order-16-screen-jumbo{ | |
-ms-flex-order:16; | |
order:16; | |
} | |
.flex-item-order-15-screen-jumbo{ | |
-ms-flex-order:15; | |
order:15; | |
} | |
.flex-item-order-14-screen-jumbo{ | |
-ms-flex-order:14; | |
order:14; | |
} | |
.flex-item-order-13-screen-jumbo{ | |
-ms-flex-order:13; | |
order:13; | |
} | |
.flex-item-order-12-screen-jumbo{ | |
-ms-flex-order:12; | |
order:12; | |
} | |
.flex-item-order-11-screen-jumbo{ | |
-ms-flex-order:11; | |
order:11; | |
} | |
.flex-item-order-10-screen-jumbo{ | |
-ms-flex-order:10; | |
order:10; | |
} | |
.flex-item-order-9-screen-jumbo{ | |
-ms-flex-order:9; | |
order:9; | |
} | |
.flex-item-order-8-screen-jumbo{ | |
-ms-flex-order:8; | |
order:8; | |
} | |
.flex-item-order-7-screen-jumbo{ | |
-ms-flex-order:7; | |
order:7; | |
} | |
.flex-item-order-6-screen-jumbo{ | |
-ms-flex-order:6; | |
order:6; | |
} | |
.flex-item-order-5-screen-jumbo{ | |
-ms-flex-order:5; | |
order:5; | |
} | |
.flex-item-order-4-screen-jumbo{ | |
-ms-flex-order:4; | |
order:4; | |
} | |
.flex-item-order-3-screen-jumbo{ | |
-ms-flex-order:3; | |
order:3; | |
} | |
.flex-item-order-2-screen-jumbo{ | |
-ms-flex-order:2; | |
order:2; | |
} | |
.flex-item-order-1-screen-jumbo{ | |
-ms-flex-order:1; | |
order:1; | |
} | |
.flex-item-order-0-screen-jumbo{ | |
-ms-flex-order:0; | |
order:0; | |
} | |
.flex-item-order--1-screen-jumbo{ | |
-ms-flex-order:-1; | |
order:-1; | |
} | |
.flex-item-order--2-screen-jumbo{ | |
-ms-flex-order:-2; | |
order:-2; | |
} | |
.flex-item-order--3-screen-jumbo{ | |
-ms-flex-order:-3; | |
order:-3; | |
} | |
.flex-item-order--4-screen-jumbo{ | |
-ms-flex-order:-4; | |
order:-4; | |
} | |
.flex-item-order--5-screen-jumbo{ | |
-ms-flex-order:-5; | |
order:-5; | |
} | |
.flex-item-order--6-screen-jumbo{ | |
-ms-flex-order:-6; | |
order:-6; | |
} | |
.flex-item-order--7-screen-jumbo{ | |
-ms-flex-order:-7; | |
order:-7; | |
} | |
.flex-item-order--8-screen-jumbo{ | |
-ms-flex-order:-8; | |
order:-8; | |
} | |
.flex-item-order--9-screen-jumbo{ | |
-ms-flex-order:-9; | |
order:-9; | |
} | |
.flex-item-order--10-screen-jumbo{ | |
-ms-flex-order:-10; | |
order:-10; | |
} | |
.flex-item-order--11-screen-jumbo{ | |
-ms-flex-order:-11; | |
order:-11; | |
} | |
.flex-item-order--12-screen-jumbo{ | |
-ms-flex-order:-12; | |
order:-12; | |
} | |
.flex-item-order--13-screen-jumbo{ | |
-ms-flex-order:-13; | |
order:-13; | |
} | |
.flex-item-order--14-screen-jumbo{ | |
-ms-flex-order:-14; | |
order:-14; | |
} | |
.flex-item-order--15-screen-jumbo{ | |
-ms-flex-order:-15; | |
order:-15; | |
} | |
.flex-item-order--16-screen-jumbo{ | |
-ms-flex-order:-16; | |
order:-16; | |
} | |
.flex-item-order--17-screen-jumbo{ | |
-ms-flex-order:-17; | |
order:-17; | |
} | |
.flex-item-order--18-screen-jumbo{ | |
-ms-flex-order:-18; | |
order:-18; | |
} | |
.flex-item-order--19-screen-jumbo{ | |
-ms-flex-order:-19; | |
order:-19; | |
} | |
.flex-item-order--20-screen-jumbo{ | |
-ms-flex-order:-20; | |
order:-20; | |
} | |
.flex-item-order--21-screen-jumbo{ | |
-ms-flex-order:-21; | |
order:-21; | |
} | |
.flex-item-order--22-screen-jumbo{ | |
-ms-flex-order:-22; | |
order:-22; | |
} | |
.flex-item-order--23-screen-jumbo{ | |
-ms-flex-order:-23; | |
order:-23; | |
} | |
.flex-item-order--24-screen-jumbo{ | |
-ms-flex-order:-24; | |
order:-24; | |
} | |
.flex-item-order--25-screen-jumbo{ | |
-ms-flex-order:-25; | |
order:-25; | |
} | |
.flex-item-order--26-screen-jumbo{ | |
-ms-flex-order:-26; | |
order:-26; | |
} | |
.flex-item-order--27-screen-jumbo{ | |
-ms-flex-order:-27; | |
order:-27; | |
} | |
.flex-item-order--28-screen-jumbo{ | |
-ms-flex-order:-28; | |
order:-28; | |
} | |
.flex-item-order--29-screen-jumbo{ | |
-ms-flex-order:-29; | |
order:-29; | |
} | |
.flex-item-order--30-screen-jumbo{ | |
-ms-flex-order:-30; | |
order:-30; | |
} | |
.flex-item-order--31-screen-jumbo{ | |
-ms-flex-order:-31; | |
order:-31; | |
} | |
.flex-item-order--32-screen-jumbo{ | |
-ms-flex-order:-32; | |
order:-32; | |
} | |
.flex-item-order--33-screen-jumbo{ | |
-ms-flex-order:-33; | |
order:-33; | |
} | |
.flex-item-order--34-screen-jumbo{ | |
-ms-flex-order:-34; | |
order:-34; | |
} | |
.flex-item-order--35-screen-jumbo{ | |
-ms-flex-order:-35; | |
order:-35; | |
} | |
.flex-item-order--36-screen-jumbo{ | |
-ms-flex-order:-36; | |
order:-36; | |
} | |
.flex-item-order--37-screen-jumbo{ | |
-ms-flex-order:-37; | |
order:-37; | |
} | |
.flex-item-order--38-screen-jumbo{ | |
-ms-flex-order:-38; | |
order:-38; | |
} | |
.flex-item-order--39-screen-jumbo{ | |
-ms-flex-order:-39; | |
order:-39; | |
} | |
.flex-item-order--40-screen-jumbo{ | |
-ms-flex-order:-40; | |
order:-40; | |
} | |
.flex-item-order--41-screen-jumbo{ | |
-ms-flex-order:-41; | |
order:-41; | |
} | |
.flex-item-order--42-screen-jumbo{ | |
-ms-flex-order:-42; | |
order:-42; | |
} | |
.flex-item-order--43-screen-jumbo{ | |
-ms-flex-order:-43; | |
order:-43; | |
} | |
.flex-item-order--44-screen-jumbo{ | |
-ms-flex-order:-44; | |
order:-44; | |
} | |
.flex-item-order--45-screen-jumbo{ | |
-ms-flex-order:-45; | |
order:-45; | |
} | |
.flex-item-order--46-screen-jumbo{ | |
-ms-flex-order:-46; | |
order:-46; | |
} | |
.flex-item-order--47-screen-jumbo{ | |
-ms-flex-order:-47; | |
order:-47; | |
} | |
.flex-item-order--48-screen-jumbo{ | |
-ms-flex-order:-48; | |
order:-48; | |
} | |
.flex-item-order--49-screen-jumbo{ | |
-ms-flex-order:-49; | |
order:-49; | |
} | |
.flex-item-order--50-screen-jumbo{ | |
-ms-flex-order:-50; | |
order:-50; | |
} | |
.flex-item-order--51-screen-jumbo{ | |
-ms-flex-order:-51; | |
order:-51; | |
} | |
.flex-item-order--52-screen-jumbo{ | |
-ms-flex-order:-52; | |
order:-52; | |
} | |
.flex-item-order--53-screen-jumbo{ | |
-ms-flex-order:-53; | |
order:-53; | |
} | |
.flex-item-order--54-screen-jumbo{ | |
-ms-flex-order:-54; | |
order:-54; | |
} | |
.flex-item-order--55-screen-jumbo{ | |
-ms-flex-order:-55; | |
order:-55; | |
} | |
.flex-item-order--56-screen-jumbo{ | |
-ms-flex-order:-56; | |
order:-56; | |
} | |
.flex-item-order--57-screen-jumbo{ | |
-ms-flex-order:-57; | |
order:-57; | |
} | |
.flex-item-order--58-screen-jumbo{ | |
-ms-flex-order:-58; | |
order:-58; | |
} | |
.flex-item-order--59-screen-jumbo{ | |
-ms-flex-order:-59; | |
order:-59; | |
} | |
.flex-item-order--60-screen-jumbo{ | |
-ms-flex-order:-60; | |
order:-60; | |
} | |
.flex-item-order--61-screen-jumbo{ | |
-ms-flex-order:-61; | |
order:-61; | |
} | |
.flex-item-order--62-screen-jumbo{ | |
-ms-flex-order:-62; | |
order:-62; | |
} | |
.flex-item-order--63-screen-jumbo{ | |
-ms-flex-order:-63; | |
order:-63; | |
} | |
.flex-item-order--64-screen-jumbo{ | |
-ms-flex-order:-64; | |
order:-64; | |
} | |
.flex-item-order--65-screen-jumbo{ | |
-ms-flex-order:-65; | |
order:-65; | |
} | |
.flex-item-order--66-screen-jumbo{ | |
-ms-flex-order:-66; | |
order:-66; | |
} | |
.flex-item-order--67-screen-jumbo{ | |
-ms-flex-order:-67; | |
order:-67; | |
} | |
.flex-item-order--68-screen-jumbo{ | |
-ms-flex-order:-68; | |
order:-68; | |
} | |
.flex-item-order--69-screen-jumbo{ | |
-ms-flex-order:-69; | |
order:-69; | |
} | |
.flex-item-order--70-screen-jumbo{ | |
-ms-flex-order:-70; | |
order:-70; | |
} | |
.flex-item-order--71-screen-jumbo{ | |
-ms-flex-order:-71; | |
order:-71; | |
} | |
.flex-item-order--72-screen-jumbo{ | |
-ms-flex-order:-72; | |
order:-72; | |
} | |
.flex-item-order--73-screen-jumbo{ | |
-ms-flex-order:-73; | |
order:-73; | |
} | |
.flex-item-order--74-screen-jumbo{ | |
-ms-flex-order:-74; | |
order:-74; | |
} | |
.flex-item-order--75-screen-jumbo{ | |
-ms-flex-order:-75; | |
order:-75; | |
} | |
.flex-item-order--76-screen-jumbo{ | |
-ms-flex-order:-76; | |
order:-76; | |
} | |
.flex-item-order--77-screen-jumbo{ | |
-ms-flex-order:-77; | |
order:-77; | |
} | |
.flex-item-order--78-screen-jumbo{ | |
-ms-flex-order:-78; | |
order:-78; | |
} | |
.flex-item-order--79-screen-jumbo{ | |
-ms-flex-order:-79; | |
order:-79; | |
} | |
.flex-item-order--80-screen-jumbo{ | |
-ms-flex-order:-80; | |
order:-80; | |
} | |
.flex-item-order--81-screen-jumbo{ | |
-ms-flex-order:-81; | |
order:-81; | |
} | |
.flex-item-order--82-screen-jumbo{ | |
-ms-flex-order:-82; | |
order:-82; | |
} | |
.flex-item-order--83-screen-jumbo{ | |
-ms-flex-order:-83; | |
order:-83; | |
} | |
.flex-item-order--84-screen-jumbo{ | |
-ms-flex-order:-84; | |
order:-84; | |
} | |
.flex-item-order--85-screen-jumbo{ | |
-ms-flex-order:-85; | |
order:-85; | |
} | |
.flex-item-order--86-screen-jumbo{ | |
-ms-flex-order:-86; | |
order:-86; | |
} | |
.flex-item-order--87-screen-jumbo{ | |
-ms-flex-order:-87; | |
order:-87; | |
} | |
.flex-item-order--88-screen-jumbo{ | |
-ms-flex-order:-88; | |
order:-88; | |
} | |
.flex-item-order--89-screen-jumbo{ | |
-ms-flex-order:-89; | |
order:-89; | |
} | |
.flex-item-order--90-screen-jumbo{ | |
-ms-flex-order:-90; | |
order:-90; | |
} | |
.flex-item-order--91-screen-jumbo{ | |
-ms-flex-order:-91; | |
order:-91; | |
} | |
.flex-item-order--92-screen-jumbo{ | |
-ms-flex-order:-92; | |
order:-92; | |
} | |
.flex-item-order--93-screen-jumbo{ | |
-ms-flex-order:-93; | |
order:-93; | |
} | |
.flex-item-order--94-screen-jumbo{ | |
-ms-flex-order:-94; | |
order:-94; | |
} | |
.flex-item-order--95-screen-jumbo{ | |
-ms-flex-order:-95; | |
order:-95; | |
} | |
.flex-item-order--96-screen-jumbo{ | |
-ms-flex-order:-96; | |
order:-96; | |
} | |
.flex-item-order--97-screen-jumbo{ | |
-ms-flex-order:-97; | |
order:-97; | |
} | |
.flex-item-order--98-screen-jumbo{ | |
-ms-flex-order:-98; | |
order:-98; | |
} | |
.flex-item-order--99-screen-jumbo{ | |
-ms-flex-order:-99; | |
order:-99; | |
} | |
.flex-item-order--100-screen-jumbo{ | |
-ms-flex-order:-100; | |
order:-100; | |
} | |
.flex-item-grow-10-screen-jumbo{ | |
-ms-flex-positive:10; | |
flex-grow:10; | |
} | |
.flex-item-grow-9-screen-jumbo{ | |
-ms-flex-positive:9; | |
flex-grow:9; | |
} | |
.flex-item-grow-8-screen-jumbo{ | |
-ms-flex-positive:8; | |
flex-grow:8; | |
} | |
.flex-item-grow-7-screen-jumbo{ | |
-ms-flex-positive:7; | |
flex-grow:7; | |
} | |
.flex-item-grow-6-screen-jumbo{ | |
-ms-flex-positive:6; | |
flex-grow:6; | |
} | |
.flex-item-grow-5-screen-jumbo{ | |
-ms-flex-positive:5; | |
flex-grow:5; | |
} | |
.flex-item-grow-4-screen-jumbo{ | |
-ms-flex-positive:4; | |
flex-grow:4; | |
} | |
.flex-item-grow-3-screen-jumbo{ | |
-ms-flex-positive:3; | |
flex-grow:3; | |
} | |
.flex-item-grow-2-screen-jumbo{ | |
-ms-flex-positive:2; | |
flex-grow:2; | |
} | |
.flex-item-grow-1-screen-jumbo{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.flex-item-grow-0-screen-jumbo{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.flex-item-shrink-10-screen-jumbo{ | |
-ms-flex-negative:10; | |
flex-shrink:10; | |
} | |
.flex-item-shrink-9-screen-jumbo{ | |
-ms-flex-negative:9; | |
flex-shrink:9; | |
} | |
.flex-item-shrink-8-screen-jumbo{ | |
-ms-flex-negative:8; | |
flex-shrink:8; | |
} | |
.flex-item-shrink-7-screen-jumbo{ | |
-ms-flex-negative:7; | |
flex-shrink:7; | |
} | |
.flex-item-shrink-6-screen-jumbo{ | |
-ms-flex-negative:6; | |
flex-shrink:6; | |
} | |
.flex-item-shrink-5-screen-jumbo{ | |
-ms-flex-negative:5; | |
flex-shrink:5; | |
} | |
.flex-item-shrink-4-screen-jumbo{ | |
-ms-flex-negative:4; | |
flex-shrink:4; | |
} | |
.flex-item-shrink-3-screen-jumbo{ | |
-ms-flex-negative:3; | |
flex-shrink:3; | |
} | |
.flex-item-shrink-2-screen-jumbo{ | |
-ms-flex-negative:2; | |
flex-shrink:2; | |
} | |
.flex-item-shrink-1-screen-jumbo{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.flex-item-shrink-0-screen-jumbo{ | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.flex-item-basis-auto-screen-jumbo{ | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
} | |
.flex-item-basis-content-screen-jumbo{ | |
-ms-flex-preferred-size:content; | |
flex-basis:content; | |
} | |
.flex-item-basis-none-screen-jumbo{ | |
-ms-flex-preferred-size:0; | |
flex-basis:0; | |
} | |
.flex-item-align-auto-screen-jumbo{ | |
-ms-flex-item-align:auto; | |
align-self:auto; | |
} | |
.flex-item-align-start-screen-jumbo{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
} | |
.flex-item-align-center-screen-jumbo{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
} | |
.flex-item-align-end-screen-jumbo{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
} | |
.flex-item-align-baseline-screen-jumbo{ | |
-ms-flex-item-align:baseline; | |
align-self:baseline; | |
} | |
.flex-item-align-stretch-screen-jumbo{ | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
} | |
} | |
.pod{ | |
margin:24px; | |
} | |
.pod-shorter{ | |
margin-bottom:6px; | |
} | |
.pod-shorter,.pod-shorter-top, | |
.pod-shorter-top{ | |
margin-top:6px; | |
} | |
.pod-shorter-bottom, | |
.pod-shorter-bottom{ | |
margin-bottom:6px; | |
} | |
.pod-short{ | |
margin-bottom:12px; | |
} | |
.pod-short,.pod-short-top, | |
.pod-short-top{ | |
margin-top:12px; | |
} | |
.pod-short-bottom, | |
.pod-short-bottom{ | |
margin-bottom:12px; | |
} | |
.pod-tall{ | |
margin-bottom:36px; | |
} | |
.pod-tall,.pod-tall-top, | |
.pod-tall-top{ | |
margin-top:36px; | |
} | |
.pod-tall-bottom, | |
.pod-tall-bottom{ | |
margin-bottom:36px; | |
} | |
.pod-taller{ | |
margin-bottom:48px; | |
} | |
.pod-taller,.pod-taller-top, | |
.pod-taller-top{ | |
margin-top:48px; | |
} | |
.pod-taller-bottom, | |
.pod-taller-bottom{ | |
margin-bottom:48px; | |
} | |
.pod-narrower{ | |
margin-right:6px; | |
} | |
.pod-narrower,.pod-narrower-left, | |
.pod-narrower-left{ | |
margin-left:6px; | |
} | |
.pod-narrower-right, | |
.pod-narrower-right{ | |
margin-right:6px; | |
} | |
.pod-narrow{ | |
margin-right:12px; | |
} | |
.pod-narrow,.pod-narrow-left, | |
.pod-narrow-left{ | |
margin-left:12px; | |
} | |
.pod-narrow-right, | |
.pod-narrow-right{ | |
margin-right:12px; | |
} | |
.pod-wide{ | |
margin-right:36px; | |
} | |
.pod-wide,.pod-wide-left, | |
.pod-wide-left{ | |
margin-left:36px; | |
} | |
.pod-wide-right, | |
.pod-wide-right{ | |
margin-right:36px; | |
} | |
.pod-wider{ | |
margin-right:48px; | |
} | |
.pod-wider,.pod-wider-left, | |
.pod-wider-left{ | |
margin-left:48px; | |
} | |
.pod-wider-right, | |
.pod-wider-right{ | |
margin-right:48px; | |
} | |
[class^='pod'].flush, | |
[class*=' pod'].flush{ | |
padding-bottom:0; | |
padding-top:0; | |
} | |
[class^='pod'].flush-top, | |
[class*=' pod'].flush-top{ | |
padding-top:0; | |
} | |
[class^='pod'].flush-bottom, | |
[class*=' pod'].flush-bottom{ | |
padding-bottom:0; | |
} | |
[class^='pod'].flush-left, | |
[class*=' pod'].flush-left{ | |
padding-left:0; | |
} | |
[class^='pod'].flush-right, | |
[class*=' pod'].flush-right{ | |
padding-right:0; | |
} | |
@media (min-width: 480px){ | |
.pod{ | |
margin:24px; | |
} | |
.pod-shorter{ | |
margin-bottom:6px; | |
} | |
.pod-shorter,.pod-shorter-top, | |
.pod-shorter-top-screen-small{ | |
margin-top:6px; | |
} | |
.pod-shorter-bottom, | |
.pod-shorter-bottom-screen-small{ | |
margin-bottom:6px; | |
} | |
.pod-short{ | |
margin-bottom:12px; | |
} | |
.pod-short,.pod-short-top, | |
.pod-short-top-screen-small{ | |
margin-top:12px; | |
} | |
.pod-short-bottom, | |
.pod-short-bottom-screen-small{ | |
margin-bottom:12px; | |
} | |
.pod-tall{ | |
margin-bottom:36px; | |
} | |
.pod-tall,.pod-tall-top, | |
.pod-tall-top-screen-small{ | |
margin-top:36px; | |
} | |
.pod-tall-bottom, | |
.pod-tall-bottom-screen-small{ | |
margin-bottom:36px; | |
} | |
.pod-taller{ | |
margin-bottom:48px; | |
} | |
.pod-taller,.pod-taller-top, | |
.pod-taller-top-screen-small{ | |
margin-top:48px; | |
} | |
.pod-taller-bottom, | |
.pod-taller-bottom-screen-small{ | |
margin-bottom:48px; | |
} | |
.pod-narrower{ | |
margin-right:6px; | |
} | |
.pod-narrower,.pod-narrower-left, | |
.pod-narrower-left-screen-small{ | |
margin-left:6px; | |
} | |
.pod-narrower-right, | |
.pod-narrower-right-screen-small{ | |
margin-right:6px; | |
} | |
.pod-narrow{ | |
margin-right:12px; | |
} | |
.pod-narrow,.pod-narrow-left, | |
.pod-narrow-left-screen-small{ | |
margin-left:12px; | |
} | |
.pod-narrow-right, | |
.pod-narrow-right-screen-small{ | |
margin-right:12px; | |
} | |
.pod-wide{ | |
margin-right:36px; | |
} | |
.pod-wide,.pod-wide-left, | |
.pod-wide-left-screen-small{ | |
margin-left:36px; | |
} | |
.pod-wide-right, | |
.pod-wide-right-screen-small{ | |
margin-right:36px; | |
} | |
.pod-wider{ | |
margin-right:48px; | |
} | |
.pod-wider,.pod-wider-left, | |
.pod-wider-left-screen-small{ | |
margin-left:48px; | |
} | |
.pod-wider-right, | |
.pod-wider-right-screen-small{ | |
margin-right:48px; | |
} | |
} | |
@media (min-width: 768px){ | |
.pod{ | |
margin:24px; | |
} | |
.pod-shorter{ | |
margin-bottom:6px; | |
} | |
.pod-shorter,.pod-shorter-top, | |
.pod-shorter-top-screen-medium{ | |
margin-top:6px; | |
} | |
.pod-shorter-bottom, | |
.pod-shorter-bottom-screen-medium{ | |
margin-bottom:6px; | |
} | |
.pod-short{ | |
margin-bottom:12px; | |
} | |
.pod-short,.pod-short-top, | |
.pod-short-top-screen-medium{ | |
margin-top:12px; | |
} | |
.pod-short-bottom, | |
.pod-short-bottom-screen-medium{ | |
margin-bottom:12px; | |
} | |
.pod-tall{ | |
margin-bottom:36px; | |
} | |
.pod-tall,.pod-tall-top, | |
.pod-tall-top-screen-medium{ | |
margin-top:36px; | |
} | |
.pod-tall-bottom, | |
.pod-tall-bottom-screen-medium{ | |
margin-bottom:36px; | |
} | |
.pod-taller{ | |
margin-bottom:48px; | |
} | |
.pod-taller,.pod-taller-top, | |
.pod-taller-top-screen-medium{ | |
margin-top:48px; | |
} | |
.pod-taller-bottom, | |
.pod-taller-bottom-screen-medium{ | |
margin-bottom:48px; | |
} | |
.pod-narrower{ | |
margin-right:6px; | |
} | |
.pod-narrower,.pod-narrower-left, | |
.pod-narrower-left-screen-medium{ | |
margin-left:6px; | |
} | |
.pod-narrower-right, | |
.pod-narrower-right-screen-medium{ | |
margin-right:6px; | |
} | |
.pod-narrow{ | |
margin-right:12px; | |
} | |
.pod-narrow,.pod-narrow-left, | |
.pod-narrow-left-screen-medium{ | |
margin-left:12px; | |
} | |
.pod-narrow-right, | |
.pod-narrow-right-screen-medium{ | |
margin-right:12px; | |
} | |
.pod-wide{ | |
margin-right:36px; | |
} | |
.pod-wide,.pod-wide-left, | |
.pod-wide-left-screen-medium{ | |
margin-left:36px; | |
} | |
.pod-wide-right, | |
.pod-wide-right-screen-medium{ | |
margin-right:36px; | |
} | |
.pod-wider{ | |
margin-right:48px; | |
} | |
.pod-wider,.pod-wider-left, | |
.pod-wider-left-screen-medium{ | |
margin-left:48px; | |
} | |
.pod-wider-right, | |
.pod-wider-right-screen-medium{ | |
margin-right:48px; | |
} | |
} | |
@media (min-width: 992px){ | |
.pod{ | |
margin:24px; | |
} | |
.pod-shorter{ | |
margin-bottom:6px; | |
} | |
.pod-shorter,.pod-shorter-top, | |
.pod-shorter-top-screen-large{ | |
margin-top:6px; | |
} | |
.pod-shorter-bottom, | |
.pod-shorter-bottom-screen-large{ | |
margin-bottom:6px; | |
} | |
.pod-short{ | |
margin-bottom:12px; | |
} | |
.pod-short,.pod-short-top, | |
.pod-short-top-screen-large{ | |
margin-top:12px; | |
} | |
.pod-short-bottom, | |
.pod-short-bottom-screen-large{ | |
margin-bottom:12px; | |
} | |
.pod-tall{ | |
margin-bottom:36px; | |
} | |
.pod-tall,.pod-tall-top, | |
.pod-tall-top-screen-large{ | |
margin-top:36px; | |
} | |
.pod-tall-bottom, | |
.pod-tall-bottom-screen-large{ | |
margin-bottom:36px; | |
} | |
.pod-taller{ | |
margin-bottom:48px; | |
} | |
.pod-taller,.pod-taller-top, | |
.pod-taller-top-screen-large{ | |
margin-top:48px; | |
} | |
.pod-taller-bottom, | |
.pod-taller-bottom-screen-large{ | |
margin-bottom:48px; | |
} | |
.pod-narrower{ | |
margin-right:6px; | |
} | |
.pod-narrower,.pod-narrower-left, | |
.pod-narrower-left-screen-large{ | |
margin-left:6px; | |
} | |
.pod-narrower-right, | |
.pod-narrower-right-screen-large{ | |
margin-right:6px; | |
} | |
.pod-narrow{ | |
margin-right:12px; | |
} | |
.pod-narrow,.pod-narrow-left, | |
.pod-narrow-left-screen-large{ | |
margin-left:12px; | |
} | |
.pod-narrow-right, | |
.pod-narrow-right-screen-large{ | |
margin-right:12px; | |
} | |
.pod-wide{ | |
margin-right:36px; | |
} | |
.pod-wide,.pod-wide-left, | |
.pod-wide-left-screen-large{ | |
margin-left:36px; | |
} | |
.pod-wide-right, | |
.pod-wide-right-screen-large{ | |
margin-right:36px; | |
} | |
.pod-wider{ | |
margin-right:48px; | |
} | |
.pod-wider,.pod-wider-left, | |
.pod-wider-left-screen-large{ | |
margin-left:48px; | |
} | |
.pod-wider-right, | |
.pod-wider-right-screen-large{ | |
margin-right:48px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.pod{ | |
margin:32px; | |
} | |
.pod-shorter{ | |
margin-bottom:8px; | |
} | |
.pod-shorter,.pod-shorter-top, | |
.pod-shorter-top-screen-jumbo{ | |
margin-top:8px; | |
} | |
.pod-shorter-bottom, | |
.pod-shorter-bottom-screen-jumbo{ | |
margin-bottom:8px; | |
} | |
.pod-short{ | |
margin-bottom:16px; | |
} | |
.pod-short,.pod-short-top, | |
.pod-short-top-screen-jumbo{ | |
margin-top:16px; | |
} | |
.pod-short-bottom, | |
.pod-short-bottom-screen-jumbo{ | |
margin-bottom:16px; | |
} | |
.pod-tall{ | |
margin-bottom:48px; | |
} | |
.pod-tall,.pod-tall-top, | |
.pod-tall-top-screen-jumbo{ | |
margin-top:48px; | |
} | |
.pod-tall-bottom, | |
.pod-tall-bottom-screen-jumbo{ | |
margin-bottom:48px; | |
} | |
.pod-taller{ | |
margin-bottom:64px; | |
} | |
.pod-taller,.pod-taller-top, | |
.pod-taller-top-screen-jumbo{ | |
margin-top:64px; | |
} | |
.pod-taller-bottom, | |
.pod-taller-bottom-screen-jumbo{ | |
margin-bottom:64px; | |
} | |
.pod-narrower{ | |
margin-right:8px; | |
} | |
.pod-narrower,.pod-narrower-left, | |
.pod-narrower-left-screen-jumbo{ | |
margin-left:8px; | |
} | |
.pod-narrower-right, | |
.pod-narrower-right-screen-jumbo{ | |
margin-right:8px; | |
} | |
.pod-narrow{ | |
margin-right:16px; | |
} | |
.pod-narrow,.pod-narrow-left, | |
.pod-narrow-left-screen-jumbo{ | |
margin-left:16px; | |
} | |
.pod-narrow-right, | |
.pod-narrow-right-screen-jumbo{ | |
margin-right:16px; | |
} | |
.pod-wide{ | |
margin-right:48px; | |
} | |
.pod-wide,.pod-wide-left, | |
.pod-wide-left-screen-jumbo{ | |
margin-left:48px; | |
} | |
.pod-wide-right, | |
.pod-wide-right-screen-jumbo{ | |
margin-right:48px; | |
} | |
.pod-wider{ | |
margin-right:64px; | |
} | |
.pod-wider,.pod-wider-left, | |
.pod-wider-left-screen-jumbo{ | |
margin-left:64px; | |
} | |
.pod-wider-right, | |
.pod-wider-right-screen-jumbo{ | |
margin-right:64px; | |
} | |
} | |
hr, | |
.divider{ | |
background-color:#dadde2; | |
border-width:0; | |
margin-top:12px; | |
margin-bottom:12px; | |
border-radius:100px; | |
height:1px; | |
display:block; | |
} | |
hr.divider-inverse, | |
.divider.divider-inverse{ | |
background-color:#3d4149; | |
} | |
hr-shorter, | |
.divider-shorter{ | |
margin-top:3px; | |
margin-bottom:3px; | |
} | |
hr-shorter-top, | |
.divider-shorter-top, | |
hr-shorter-top, | |
.divider-shorter-top{ | |
margin-top:3px; | |
} | |
hr-shorter-bottom, | |
.divider-shorter-bottom, | |
hr-shorter-bottom, | |
.divider-shorter-bottom{ | |
margin-bottom:3px; | |
} | |
hr-short, | |
.divider-short{ | |
margin-top:6px; | |
margin-bottom:6px; | |
} | |
hr-short-top, | |
.divider-short-top, | |
hr-short-top, | |
.divider-short-top{ | |
margin-top:6px; | |
} | |
hr-short-bottom, | |
.divider-short-bottom, | |
hr-short-bottom, | |
.divider-short-bottom{ | |
margin-bottom:6px; | |
} | |
hr-tall, | |
.divider-tall{ | |
margin-top:18px; | |
margin-bottom:18px; | |
} | |
hr-tall-top, | |
.divider-tall-top, | |
hr-tall-top, | |
.divider-tall-top{ | |
margin-top:18px; | |
} | |
hr-tall-bottom, | |
.divider-tall-bottom, | |
hr-tall-bottom, | |
.divider-tall-bottom{ | |
margin-bottom:18px; | |
} | |
hr-taller, | |
.divider-taller{ | |
margin-top:24px; | |
margin-bottom:24px; | |
} | |
hr-taller-top, | |
.divider-taller-top, | |
hr-taller-top, | |
.divider-taller-top{ | |
margin-top:24px; | |
} | |
hr-taller-bottom, | |
.divider-taller-bottom, | |
hr-taller-bottom, | |
.divider-taller-bottom{ | |
margin-bottom:24px; | |
} | |
hr.flush, | |
[class^='divider'].flush, | |
[class*=' divider'].flush{ | |
padding:0; | |
} | |
hr.flush-vertical, | |
[class^='divider'].flush-vertical, | |
[class*=' divider'].flush-vertical{ | |
padding-bottom:0; | |
padding-top:0; | |
} | |
hr.flush-horizontal, | |
[class^='divider'].flush-horizontal, | |
[class*=' divider'].flush-horizontal{ | |
padding-left:0; | |
padding-right:0; | |
} | |
hr.flush-top, | |
[class^='divider'].flush-top, | |
[class*=' divider'].flush-top{ | |
padding-top:0; | |
} | |
hr.flush-bottom, | |
[class^='divider'].flush-bottom, | |
[class*=' divider'].flush-bottom{ | |
padding-bottom:0; | |
} | |
hr.flush-left, | |
[class^='divider'].flush-left, | |
[class*=' divider'].flush-left{ | |
padding-left:0; | |
} | |
hr.flush-right, | |
[class^='divider'].flush-right, | |
[class*=' divider'].flush-right{ | |
padding-right:0; | |
} | |
@media (min-width: 480px){ | |
hr, | |
.divider{ | |
margin-top:24px; | |
margin-bottom:24px; | |
} | |
hr-shorter, | |
.divider-shorter{ | |
margin-top:6px; | |
margin-bottom:6px; | |
} | |
hr-shorter-top, | |
.divider-shorter-top, | |
hr-shorter-top-screen-small, | |
.divider-shorter-top-screen-small{ | |
margin-top:6px; | |
} | |
hr-shorter-bottom, | |
.divider-shorter-bottom, | |
hr-shorter-bottom-screen-small, | |
.divider-shorter-bottom-screen-small{ | |
margin-bottom:6px; | |
} | |
hr-short, | |
.divider-short{ | |
margin-top:12px; | |
margin-bottom:12px; | |
} | |
hr-short-top, | |
.divider-short-top, | |
hr-short-top-screen-small, | |
.divider-short-top-screen-small{ | |
margin-top:12px; | |
} | |
hr-short-bottom, | |
.divider-short-bottom, | |
hr-short-bottom-screen-small, | |
.divider-short-bottom-screen-small{ | |
margin-bottom:12px; | |
} | |
hr-tall, | |
.divider-tall{ | |
margin-top:36px; | |
margin-bottom:36px; | |
} | |
hr-tall-top, | |
.divider-tall-top, | |
hr-tall-top-screen-small, | |
.divider-tall-top-screen-small{ | |
margin-top:36px; | |
} | |
hr-tall-bottom, | |
.divider-tall-bottom, | |
hr-tall-bottom-screen-small, | |
.divider-tall-bottom-screen-small{ | |
margin-bottom:36px; | |
} | |
hr-taller, | |
.divider-taller{ | |
margin-top:48px; | |
margin-bottom:48px; | |
} | |
hr-taller-top, | |
.divider-taller-top, | |
hr-taller-top-screen-small, | |
.divider-taller-top-screen-small{ | |
margin-top:48px; | |
} | |
hr-taller-bottom, | |
.divider-taller-bottom, | |
hr-taller-bottom-screen-small, | |
.divider-taller-bottom-screen-small{ | |
margin-bottom:48px; | |
} | |
} | |
@media (min-width: 768px){ | |
hr, | |
.divider{ | |
margin-top:24px; | |
margin-bottom:24px; | |
} | |
hr-shorter, | |
.divider-shorter{ | |
margin-top:6px; | |
margin-bottom:6px; | |
} | |
hr-shorter-top, | |
.divider-shorter-top, | |
hr-shorter-top-screen-medium, | |
.divider-shorter-top-screen-medium{ | |
margin-top:6px; | |
} | |
hr-shorter-bottom, | |
.divider-shorter-bottom, | |
hr-shorter-bottom-screen-medium, | |
.divider-shorter-bottom-screen-medium{ | |
margin-bottom:6px; | |
} | |
hr-short, | |
.divider-short{ | |
margin-top:12px; | |
margin-bottom:12px; | |
} | |
hr-short-top, | |
.divider-short-top, | |
hr-short-top-screen-medium, | |
.divider-short-top-screen-medium{ | |
margin-top:12px; | |
} | |
hr-short-bottom, | |
.divider-short-bottom, | |
hr-short-bottom-screen-medium, | |
.divider-short-bottom-screen-medium{ | |
margin-bottom:12px; | |
} | |
hr-tall, | |
.divider-tall{ | |
margin-top:36px; | |
margin-bottom:36px; | |
} | |
hr-tall-top, | |
.divider-tall-top, | |
hr-tall-top-screen-medium, | |
.divider-tall-top-screen-medium{ | |
margin-top:36px; | |
} | |
hr-tall-bottom, | |
.divider-tall-bottom, | |
hr-tall-bottom-screen-medium, | |
.divider-tall-bottom-screen-medium{ | |
margin-bottom:36px; | |
} | |
hr-taller, | |
.divider-taller{ | |
margin-top:48px; | |
margin-bottom:48px; | |
} | |
hr-taller-top, | |
.divider-taller-top, | |
hr-taller-top-screen-medium, | |
.divider-taller-top-screen-medium{ | |
margin-top:48px; | |
} | |
hr-taller-bottom, | |
.divider-taller-bottom, | |
hr-taller-bottom-screen-medium, | |
.divider-taller-bottom-screen-medium{ | |
margin-bottom:48px; | |
} | |
} | |
@media (min-width: 992px){ | |
hr, | |
.divider{ | |
margin-top:24px; | |
margin-bottom:24px; | |
} | |
hr-shorter, | |
.divider-shorter{ | |
margin-top:6px; | |
margin-bottom:6px; | |
} | |
hr-shorter-top, | |
.divider-shorter-top, | |
hr-shorter-top-screen-large, | |
.divider-shorter-top-screen-large{ | |
margin-top:6px; | |
} | |
hr-shorter-bottom, | |
.divider-shorter-bottom, | |
hr-shorter-bottom-screen-large, | |
.divider-shorter-bottom-screen-large{ | |
margin-bottom:6px; | |
} | |
hr-short, | |
.divider-short{ | |
margin-top:12px; | |
margin-bottom:12px; | |
} | |
hr-short-top, | |
.divider-short-top, | |
hr-short-top-screen-large, | |
.divider-short-top-screen-large{ | |
margin-top:12px; | |
} | |
hr-short-bottom, | |
.divider-short-bottom, | |
hr-short-bottom-screen-large, | |
.divider-short-bottom-screen-large{ | |
margin-bottom:12px; | |
} | |
hr-tall, | |
.divider-tall{ | |
margin-top:36px; | |
margin-bottom:36px; | |
} | |
hr-tall-top, | |
.divider-tall-top, | |
hr-tall-top-screen-large, | |
.divider-tall-top-screen-large{ | |
margin-top:36px; | |
} | |
hr-tall-bottom, | |
.divider-tall-bottom, | |
hr-tall-bottom-screen-large, | |
.divider-tall-bottom-screen-large{ | |
margin-bottom:36px; | |
} | |
hr-taller, | |
.divider-taller{ | |
margin-top:48px; | |
margin-bottom:48px; | |
} | |
hr-taller-top, | |
.divider-taller-top, | |
hr-taller-top-screen-large, | |
.divider-taller-top-screen-large{ | |
margin-top:48px; | |
} | |
hr-taller-bottom, | |
.divider-taller-bottom, | |
hr-taller-bottom-screen-large, | |
.divider-taller-bottom-screen-large{ | |
margin-bottom:48px; | |
} | |
} | |
@media (min-width: 1400px){ | |
hr, | |
.divider{ | |
margin-top:32px; | |
margin-bottom:32px; | |
} | |
hr-shorter, | |
.divider-shorter{ | |
margin-top:8px; | |
margin-bottom:8px; | |
} | |
hr-shorter-top, | |
.divider-shorter-top, | |
hr-shorter-top-screen-jumbo, | |
.divider-shorter-top-screen-jumbo{ | |
margin-top:8px; | |
} | |
hr-shorter-bottom, | |
.divider-shorter-bottom, | |
hr-shorter-bottom-screen-jumbo, | |
.divider-shorter-bottom-screen-jumbo{ | |
margin-bottom:8px; | |
} | |
hr-short, | |
.divider-short{ | |
margin-top:16px; | |
margin-bottom:16px; | |
} | |
hr-short-top, | |
.divider-short-top, | |
hr-short-top-screen-jumbo, | |
.divider-short-top-screen-jumbo{ | |
margin-top:16px; | |
} | |
hr-short-bottom, | |
.divider-short-bottom, | |
hr-short-bottom-screen-jumbo, | |
.divider-short-bottom-screen-jumbo{ | |
margin-bottom:16px; | |
} | |
hr-tall, | |
.divider-tall{ | |
margin-top:48px; | |
margin-bottom:48px; | |
} | |
hr-tall-top, | |
.divider-tall-top, | |
hr-tall-top-screen-jumbo, | |
.divider-tall-top-screen-jumbo{ | |
margin-top:48px; | |
} | |
hr-tall-bottom, | |
.divider-tall-bottom, | |
hr-tall-bottom-screen-jumbo, | |
.divider-tall-bottom-screen-jumbo{ | |
margin-bottom:48px; | |
} | |
hr-taller, | |
.divider-taller{ | |
margin-top:64px; | |
margin-bottom:64px; | |
} | |
hr-taller-top, | |
.divider-taller-top, | |
hr-taller-top-screen-jumbo, | |
.divider-taller-top-screen-jumbo{ | |
margin-top:64px; | |
} | |
hr-taller-bottom, | |
.divider-taller-bottom, | |
hr-taller-bottom-screen-jumbo, | |
.divider-taller-bottom-screen-jumbo{ | |
margin-bottom:64px; | |
} | |
} | |
.invisible{ | |
left:-9999px !important; | |
position:absolute !important; | |
visibility:hidden; | |
} | |
.hide{ | |
display:none !important; | |
} | |
.show{ | |
display:block !important; | |
} | |
.hidden-tiny-up,.visible-print-block,.visible-print-inline,.visible-print-inline-block{ | |
display:none !important; | |
} | |
@media print{ | |
.visible-print-block{ | |
display:block !important; | |
} | |
.visible-print-inline{ | |
display:inline !important; | |
} | |
.visible-print-inline-block{ | |
display:inline-block !important; | |
} | |
.hidden-print{ | |
display:none !important; | |
} | |
} | |
@media (max-width: 479px){ | |
.hidden-tiny-down{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 480px) and (max-width: 767px){ | |
.hidden-small{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 480px){ | |
.hidden-small-up{ | |
display:none !important; | |
} | |
} | |
@media (max-width: 767px){ | |
.hidden-small-down{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 768px){ | |
.hidden-medium-up{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px){ | |
.hidden-medium{ | |
display:none !important; | |
} | |
} | |
@media (max-width: 991px){ | |
.hidden-medium-down{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 992px){ | |
.hidden-large-up{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1399px){ | |
.hidden-large{ | |
display:none !important; | |
} | |
} | |
@media (max-width: 1399px){ | |
.hidden-large-down{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 1400px){ | |
.hidden-jumbo-up{ | |
display:none !important; | |
} | |
} | |
@media (min-width: 1400px) and (max-width: null){ | |
.hidden-jumbo{ | |
display:none !important; | |
} | |
} | |
@media (max-width: null){ | |
.hidden-jumbo-down{ | |
display:none !important; | |
} | |
} | |
code, | |
.code{ | |
background-color:#f9f7ff; | |
padding-left:0.3rem; | |
padding-right:0.3rem; | |
font-size:90%; | |
line-height:150%; | |
color:#7d58ff; | |
font-family:'Menlo', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', 'Consolas', monospace; | |
font-weight:inherit; | |
text-decoration:none; | |
text-rendering:optimizeLegibility; | |
display:inline-block; | |
vertical-align:initial; | |
white-space:nowrap; | |
border-radius:3px; | |
} | |
code.code-inverse, | |
.code.code-inverse{ | |
background-color:#32363e; | |
color:#fff; | |
} | |
@media (min-width: 768px){ | |
code, | |
.code{ | |
padding-left:0.33rem; | |
padding-right:0.33rem; | |
} | |
} | |
@media (min-width: 992px){ | |
code, | |
.code{ | |
padding-left:0.36rem; | |
padding-right:0.36rem; | |
} | |
} | |
pre, | |
.code-block{ | |
background-color:#f8f8f9; | |
margin-top:0; | |
margin-bottom:12px; | |
padding:1rem; | |
font-size:13px; | |
line-height:18px; | |
color:#1b2029; | |
font-family:'Menlo', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', 'Consolas', monospace; | |
font-weight:inherit; | |
text-decoration:none; | |
text-rendering:optimizeLegibility; | |
border-radius:3px; | |
display:block; | |
white-space:pre; | |
word-break:break-all; | |
} | |
pre.short, | |
.code-block.short{ | |
margin-bottom:6px; | |
padding-bottom:0.5rem; | |
} | |
pre.short, | |
.code-block.short,pre.short-top, | |
.code-block.short-top, | |
pre.short-top, | |
.code-block.short-top{ | |
margin-top:0; | |
padding-top:0.5rem; | |
} | |
pre.short-bottom, | |
.code-block.short-bottom, | |
pre.short-bottom, | |
.code-block.short-bottom{ | |
margin-bottom:6px; | |
padding-bottom:0.5rem; | |
} | |
pre.tall, | |
.code-block.tall{ | |
margin-bottom:24px; | |
padding-bottom:2rem; | |
} | |
pre.tall, | |
.code-block.tall,pre.tall-top, | |
.code-block.tall-top, | |
pre.tall-top, | |
.code-block.tall-top{ | |
margin-top:0; | |
padding-top:2rem; | |
} | |
pre.tall-bottom, | |
.code-block.tall-bottom, | |
pre.tall-bottom, | |
.code-block.tall-bottom{ | |
margin-bottom:24px; | |
padding-bottom:2rem; | |
} | |
pre.flush, | |
.code-block.flush{ | |
padding:0 !important; | |
} | |
pre.transparent, | |
.code-block.transparent{ | |
background:none !important; | |
} | |
pre.wrap, | |
.code-block.wrap{ | |
white-space:pre-wrap; | |
} | |
pre.code-block-inverse, | |
.code-block.code-block-inverse{ | |
color:#fff; | |
background-color:#1b2029; | |
} | |
@media (min-width: 480px){ | |
pre, | |
.code-block{ | |
margin-bottom:12px; | |
} | |
pre.short, | |
.code-block.short,pre.short-bottom, | |
.code-block.short-bottom, | |
pre.short-bottom-screen-small, | |
.code-block.short-bottom-screen-small{ | |
margin-bottom:6px; | |
} | |
pre.tall, | |
.code-block.tall,pre.tall-bottom, | |
.code-block.tall-bottom, | |
pre.tall-bottom-screen-small, | |
.code-block.tall-bottom-screen-small{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
pre, | |
.code-block{ | |
margin-bottom:12px; | |
padding:1.1rem; | |
} | |
pre.short, | |
.code-block.short{ | |
margin-bottom:6px; | |
padding-top:0.55rem; | |
padding-bottom:0.55rem; | |
} | |
pre.short-top, | |
.code-block.short-top, | |
pre.short-top-screen-medium, | |
.code-block.short-top-screen-medium{ | |
padding-top:0.55rem; | |
} | |
pre.short-bottom, | |
.code-block.short-bottom, | |
pre.short-bottom-screen-medium, | |
.code-block.short-bottom-screen-medium{ | |
margin-bottom:6px; | |
padding-bottom:0.55rem; | |
} | |
pre.tall, | |
.code-block.tall{ | |
margin-bottom:24px; | |
padding-top:2.2rem; | |
padding-bottom:2.2rem; | |
} | |
pre.tall-top, | |
.code-block.tall-top, | |
pre.tall-top-screen-medium, | |
.code-block.tall-top-screen-medium{ | |
padding-top:2.2rem; | |
} | |
pre.tall-bottom, | |
.code-block.tall-bottom, | |
pre.tall-bottom-screen-medium, | |
.code-block.tall-bottom-screen-medium{ | |
margin-bottom:24px; | |
padding-bottom:2.2rem; | |
} | |
} | |
@media (min-width: 992px){ | |
pre, | |
.code-block{ | |
margin-bottom:12px; | |
padding:1.2rem; | |
} | |
pre.short, | |
.code-block.short{ | |
margin-bottom:6px; | |
padding-top:0.6rem; | |
padding-bottom:0.6rem; | |
} | |
pre.short-top, | |
.code-block.short-top, | |
pre.short-top-screen-large, | |
.code-block.short-top-screen-large{ | |
padding-top:0.6rem; | |
} | |
pre.short-bottom, | |
.code-block.short-bottom, | |
pre.short-bottom-screen-large, | |
.code-block.short-bottom-screen-large{ | |
margin-bottom:6px; | |
padding-bottom:0.6rem; | |
} | |
pre.tall, | |
.code-block.tall{ | |
margin-bottom:24px; | |
padding-top:2.4rem; | |
padding-bottom:2.4rem; | |
} | |
pre.tall-top, | |
.code-block.tall-top, | |
pre.tall-top-screen-large, | |
.code-block.tall-top-screen-large{ | |
padding-top:2.4rem; | |
} | |
pre.tall-bottom, | |
.code-block.tall-bottom, | |
pre.tall-bottom-screen-large, | |
.code-block.tall-bottom-screen-large{ | |
margin-bottom:24px; | |
padding-bottom:2.4rem; | |
} | |
} | |
@media (min-width: 1400px){ | |
pre, | |
.code-block{ | |
margin-bottom:16px; | |
} | |
pre.short, | |
.code-block.short,pre.short-bottom, | |
.code-block.short-bottom, | |
pre.short-bottom-screen-jumbo, | |
.code-block.short-bottom-screen-jumbo{ | |
margin-bottom:8px; | |
} | |
pre.tall, | |
.code-block.tall,pre.tall-bottom, | |
.code-block.tall-bottom, | |
pre.tall-bottom-screen-jumbo, | |
.code-block.tall-bottom-screen-jumbo{ | |
margin-bottom:32px; | |
} | |
} | |
.image-fill{ | |
width:100%; | |
} | |
.image-fill,.image-fluid{ | |
display:block; | |
height:auto; | |
} | |
.image-fluid{ | |
max-width:100%; | |
} | |
.image-rounded{ | |
border-radius:5px; | |
} | |
.image-circle{ | |
border-radius:10000px; | |
} | |
@media (min-width: 992px){ | |
.image-rounded{ | |
border-radius:10px; | |
} | |
} | |
a{ | |
color:#7d58ff; | |
outline:0; | |
} | |
a,a:hover{ | |
text-decoration:underline; | |
} | |
a:hover{ | |
color:#714fe6; | |
} | |
a:active,a:disabled, | |
a.disabled{ | |
text-decoration:underline; | |
} | |
a:disabled, | |
a.disabled{ | |
cursor:default; | |
} | |
::-moz-selection{ | |
color:#fff; | |
} | |
::selection{ | |
color:#fff; | |
} | |
.text-align-left{ | |
text-align:left !important; | |
} | |
.text-align-right{ | |
text-align:right !important; | |
} | |
.text-align-center{ | |
text-align:center !important; | |
} | |
.text-align-justify{ | |
text-align:justify !important; | |
} | |
.text-nowrap{ | |
white-space:nowrap !important; | |
} | |
.text-lowercase{ | |
text-transform:lowercase !important; | |
} | |
.text-uppercase{ | |
text-transform:uppercase !important; | |
} | |
.text-capitalize{ | |
text-transform:capitalize !important; | |
} | |
html, | |
body{ | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:400; | |
text-transform:none; | |
text-rendering:geometricPrecision; | |
display:block; | |
} | |
html .emphasis, | |
body .emphasis{ | |
color:#161a21; | |
font-weight:600; | |
} | |
html .muted, | |
body .muted{ | |
opacity:0.4; | |
} | |
html span.inverse, | |
body span.inverse{ | |
color:#dadde2; | |
} | |
html span.inverse.emphasis, | |
body span.inverse.emphasis{ | |
color:#fff; | |
} | |
p{ | |
margin-bottom:12px; | |
display:block; | |
font-size:inherit; | |
line-height:inherit; | |
} | |
p,p.short{ | |
margin-top:0; | |
} | |
p.short{ | |
margin-bottom:6px; | |
} | |
p.short-top, | |
p.short-top{ | |
margin-top:0; | |
} | |
p.short-bottom, | |
p.short-bottom{ | |
margin-bottom:6px; | |
} | |
p.tall{ | |
margin-bottom:24px; | |
} | |
p.tall,p.tall-top, | |
p.tall-top{ | |
margin-top:0; | |
} | |
p.tall-bottom, | |
p.tall-bottom{ | |
margin-bottom:24px; | |
} | |
p.emphasis, | |
p .emphasis{ | |
color:#161a21; | |
font-weight:600; | |
} | |
p.inverse{ | |
color:#dadde2; | |
} | |
p.inverse.emphasis, | |
p.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
p{ | |
} | |
} | |
@media (min-width: 768px){ | |
p{ | |
} | |
} | |
@media (min-width: 992px){ | |
p{ | |
} | |
} | |
@media (min-width: 1400px){ | |
p{ | |
} | |
} | |
.lead{ | |
margin-top:0; | |
margin-bottom:12px; | |
font-size:1.2rem; | |
line-height:1.56rem; | |
color:#1b2029; | |
font-weight:400; | |
text-transform:none; | |
display:block; | |
} | |
.lead.short{ | |
margin-bottom:6px; | |
} | |
.lead.short,.lead.short-top, | |
.lead.short-top{ | |
margin-top:0; | |
} | |
.lead.short-bottom, | |
.lead.short-bottom{ | |
margin-bottom:6px; | |
} | |
.lead.tall{ | |
margin-bottom:24px; | |
} | |
.lead.tall,.lead.tall-top, | |
.lead.tall-top{ | |
margin-top:0; | |
} | |
.lead.tall-bottom, | |
.lead.tall-bottom{ | |
margin-bottom:24px; | |
} | |
.lead.emphasis, | |
.lead .emphasis{ | |
color:#161a21; | |
font-weight:600; | |
} | |
.lead.inverse{ | |
color:#dadde2; | |
} | |
.lead.inverse.emphasis, | |
.lead.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
.lead{ | |
} | |
} | |
@media (min-width: 768px){ | |
.lead{ | |
} | |
} | |
@media (min-width: 992px){ | |
.lead{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.lead{ | |
} | |
} | |
small, | |
.small{ | |
margin-top:0; | |
margin-bottom:0.8rem; | |
font-size:12px; | |
line-height:16px; | |
color:#76797f; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:400; | |
text-transform:none; | |
text-rendering:geometricPrecision; | |
display:block; | |
} | |
small.short, | |
.small.short{ | |
margin-top:0; | |
margin-bottom:0.4rem; | |
} | |
small.short-top, | |
.small.short-top, | |
small.short-top, | |
.small.short-top{ | |
margin-top:0; | |
} | |
small.short-bottom, | |
.small.short-bottom, | |
small.short-bottom, | |
.small.short-bottom{ | |
margin-bottom:0.4rem; | |
} | |
small.tall, | |
.small.tall{ | |
margin-top:0; | |
margin-bottom:1.6rem; | |
} | |
small.tall-top, | |
.small.tall-top, | |
small.tall-top, | |
.small.tall-top{ | |
margin-top:0; | |
} | |
small.tall-bottom, | |
.small.tall-bottom, | |
small.tall-bottom, | |
.small.tall-bottom{ | |
margin-bottom:1.6rem; | |
} | |
small.emphasis, | |
.small.emphasis, | |
small .emphasis, | |
.small .emphasis{ | |
color:#1b2029; | |
font-weight:600; | |
} | |
small.inverse, | |
.small.inverse{ | |
color:#aeb1b5; | |
} | |
small.inverse.emphasis, | |
.small.inverse.emphasis, | |
small.inverse .emphasis, | |
.small.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
small, | |
.small{ | |
} | |
} | |
@media (min-width: 768px){ | |
small, | |
.small{ | |
margin-bottom:0.88rem; | |
} | |
small.short, | |
.small.short,small.short-bottom, | |
.small.short-bottom, | |
small.short-bottom-screen-medium, | |
.small.short-bottom-screen-medium{ | |
margin-bottom:0.44rem; | |
} | |
small.tall, | |
.small.tall,small.tall-bottom, | |
.small.tall-bottom, | |
small.tall-bottom-screen-medium, | |
.small.tall-bottom-screen-medium{ | |
margin-bottom:1.76rem; | |
} | |
} | |
@media (min-width: 992px){ | |
small, | |
.small{ | |
margin-bottom:0.96rem; | |
} | |
small.short, | |
.small.short,small.short-bottom, | |
.small.short-bottom, | |
small.short-bottom-screen-large, | |
.small.short-bottom-screen-large{ | |
margin-bottom:0.48rem; | |
} | |
small.tall, | |
.small.tall,small.tall-bottom, | |
.small.tall-bottom, | |
small.tall-bottom-screen-large, | |
.small.tall-bottom-screen-large{ | |
margin-bottom:1.92rem; | |
} | |
} | |
@media (min-width: 1400px){ | |
small, | |
.small{ | |
} | |
} | |
h1, | |
.h1{ | |
margin-top:32px; | |
margin-bottom:24px; | |
font-size:24px; | |
line-height:30px; | |
color:#1b2029; | |
font-weight:500; | |
display:block; | |
} | |
h1.short, | |
.h1.short{ | |
margin-top:16px; | |
margin-bottom:12px; | |
} | |
h1.short-top, | |
.h1.short-top, | |
h1.short-top, | |
.h1.short-top{ | |
margin-top:16px; | |
} | |
h1.short-bottom, | |
.h1.short-bottom, | |
h1.short-bottom, | |
.h1.short-bottom{ | |
margin-bottom:12px; | |
} | |
h1.tall, | |
.h1.tall{ | |
margin-bottom:48px; | |
} | |
h1.tall, | |
.h1.tall,h1.tall-top, | |
.h1.tall-top, | |
h1.tall-top, | |
.h1.tall-top{ | |
margin-top:64px; | |
} | |
h1.tall-bottom, | |
.h1.tall-bottom, | |
h1.tall-bottom, | |
.h1.tall-bottom{ | |
margin-bottom:48px; | |
} | |
h1.emphasis, | |
.h1.emphasis, | |
h1 .emphasis, | |
.h1 .emphasis{ | |
color:#161a21; | |
font-weight:800; | |
} | |
h1.inverse, | |
.h1.inverse,h1.inverse.emphasis, | |
.h1.inverse.emphasis, | |
h1.inverse .emphasis, | |
.h1.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
h1, | |
.h1{ | |
} | |
} | |
@media (min-width: 768px){ | |
h1, | |
.h1{ | |
} | |
} | |
@media (min-width: 992px){ | |
h1, | |
.h1{ | |
} | |
} | |
@media (min-width: 1400px){ | |
h1, | |
.h1{ | |
} | |
} | |
h2, | |
.h2{ | |
margin-top:24px; | |
margin-bottom:16px; | |
font-size:18px; | |
line-height:24px; | |
color:#1b2029; | |
font-weight:500; | |
display:block; | |
} | |
h2.short, | |
.h2.short{ | |
margin-top:12px; | |
margin-bottom:8px; | |
} | |
h2.short-top, | |
.h2.short-top, | |
h2.short-top, | |
.h2.short-top{ | |
margin-top:12px; | |
} | |
h2.short-bottom, | |
.h2.short-bottom, | |
h2.short-bottom, | |
.h2.short-bottom{ | |
margin-bottom:8px; | |
} | |
h2.tall, | |
.h2.tall{ | |
margin-bottom:32px; | |
} | |
h2.tall, | |
.h2.tall,h2.tall-top, | |
.h2.tall-top, | |
h2.tall-top, | |
.h2.tall-top{ | |
margin-top:48px; | |
} | |
h2.tall-bottom, | |
.h2.tall-bottom, | |
h2.tall-bottom, | |
.h2.tall-bottom{ | |
margin-bottom:32px; | |
} | |
h2.emphasis, | |
.h2.emphasis, | |
h2 .emphasis, | |
.h2 .emphasis{ | |
color:#161a21; | |
font-weight:800; | |
} | |
h2.inverse, | |
.h2.inverse,h2.inverse.emphasis, | |
.h2.inverse.emphasis, | |
h2.inverse .emphasis, | |
.h2.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
h2, | |
.h2{ | |
} | |
} | |
@media (min-width: 768px){ | |
h2, | |
.h2{ | |
} | |
} | |
@media (min-width: 992px){ | |
h2, | |
.h2{ | |
} | |
} | |
@media (min-width: 1400px){ | |
h2, | |
.h2{ | |
} | |
} | |
h3, | |
.h3{ | |
margin-top:16px; | |
margin-bottom:12px; | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
font-weight:500; | |
display:block; | |
} | |
h3.short, | |
.h3.short{ | |
margin-top:8px; | |
margin-bottom:6px; | |
} | |
h3.short-top, | |
.h3.short-top, | |
h3.short-top, | |
.h3.short-top{ | |
margin-top:8px; | |
} | |
h3.short-bottom, | |
.h3.short-bottom, | |
h3.short-bottom, | |
.h3.short-bottom{ | |
margin-bottom:6px; | |
} | |
h3.tall, | |
.h3.tall{ | |
margin-bottom:24px; | |
} | |
h3.tall, | |
.h3.tall,h3.tall-top, | |
.h3.tall-top, | |
h3.tall-top, | |
.h3.tall-top{ | |
margin-top:32px; | |
} | |
h3.tall-bottom, | |
.h3.tall-bottom, | |
h3.tall-bottom, | |
.h3.tall-bottom{ | |
margin-bottom:24px; | |
} | |
h3.emphasis, | |
.h3.emphasis, | |
h3 .emphasis, | |
.h3 .emphasis{ | |
color:#161a21; | |
font-weight:800; | |
} | |
h3.inverse, | |
.h3.inverse,h3.inverse.emphasis, | |
.h3.inverse.emphasis, | |
h3.inverse .emphasis, | |
.h3.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
h3, | |
.h3{ | |
} | |
} | |
@media (min-width: 768px){ | |
h3, | |
.h3{ | |
} | |
} | |
@media (min-width: 992px){ | |
h3, | |
.h3{ | |
} | |
} | |
@media (min-width: 1400px){ | |
h3, | |
.h3{ | |
} | |
} | |
ul, | |
ol, | |
dl{ | |
margin-top:0; | |
margin-bottom:0.8rem; | |
list-style:none; | |
padding:0; | |
position:relative; | |
} | |
ul.short, | |
ol.short, | |
dl.short{ | |
margin-top:0; | |
margin-bottom:0.4rem; | |
} | |
ul.short-top, | |
ol.short-top, | |
dl.short-top, | |
ul.short-top, | |
ol.short-top, | |
dl.short-top{ | |
margin-top:0; | |
} | |
ul.short-bottom, | |
ol.short-bottom, | |
dl.short-bottom, | |
ul.short-bottom, | |
ol.short-bottom, | |
dl.short-bottom{ | |
margin-bottom:0.4rem; | |
} | |
ul.tall, | |
ol.tall, | |
dl.tall{ | |
margin-top:0; | |
margin-bottom:1.6rem; | |
} | |
ul.tall-top, | |
ol.tall-top, | |
dl.tall-top, | |
ul.tall-top, | |
ol.tall-top, | |
dl.tall-top{ | |
margin-top:0; | |
} | |
ul.tall-bottom, | |
ol.tall-bottom, | |
dl.tall-bottom, | |
ul.tall-bottom, | |
ol.tall-bottom, | |
dl.tall-bottom{ | |
margin-bottom:1.6rem; | |
} | |
ul li, | |
ol li, | |
dl li, | |
ul dt, | |
ol dt, | |
dl dt, | |
ul dd, | |
ol dd, | |
dl dd{ | |
margin-top:0; | |
margin-bottom:0.4rem; | |
padding-left:1.2rem; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:400; | |
text-rendering:geometricPrecision; | |
position:relative; | |
} | |
ul li.short, | |
ol li.short, | |
dl li.short, | |
ul dt.short, | |
ol dt.short, | |
dl dt.short, | |
ul dd.short, | |
ol dd.short, | |
dl dd.short{ | |
margin-top:0; | |
margin-bottom:0.2rem; | |
} | |
ul li.short-top, | |
ol li.short-top, | |
dl li.short-top, | |
ul dt.short-top, | |
ol dt.short-top, | |
dl dt.short-top, | |
ul dd.short-top, | |
ol dd.short-top, | |
dl dd.short-top, | |
ul li.short-top, | |
ol li.short-top, | |
dl li.short-top, | |
ul dt.short-top, | |
ol dt.short-top, | |
dl dt.short-top, | |
ul dd.short-top, | |
ol dd.short-top, | |
dl dd.short-top{ | |
margin-top:0; | |
} | |
ul li.short-bottom, | |
ol li.short-bottom, | |
dl li.short-bottom, | |
ul dt.short-bottom, | |
ol dt.short-bottom, | |
dl dt.short-bottom, | |
ul dd.short-bottom, | |
ol dd.short-bottom, | |
dl dd.short-bottom, | |
ul li.short-bottom, | |
ol li.short-bottom, | |
dl li.short-bottom, | |
ul dt.short-bottom, | |
ol dt.short-bottom, | |
dl dt.short-bottom, | |
ul dd.short-bottom, | |
ol dd.short-bottom, | |
dl dd.short-bottom{ | |
margin-bottom:0.2rem; | |
} | |
ul li.tall, | |
ol li.tall, | |
dl li.tall, | |
ul dt.tall, | |
ol dt.tall, | |
dl dt.tall, | |
ul dd.tall, | |
ol dd.tall, | |
dl dd.tall{ | |
margin-top:0; | |
margin-bottom:0.8rem; | |
} | |
ul li.tall-top, | |
ol li.tall-top, | |
dl li.tall-top, | |
ul dt.tall-top, | |
ol dt.tall-top, | |
dl dt.tall-top, | |
ul dd.tall-top, | |
ol dd.tall-top, | |
dl dd.tall-top, | |
ul li.tall-top, | |
ol li.tall-top, | |
dl li.tall-top, | |
ul dt.tall-top, | |
ol dt.tall-top, | |
dl dt.tall-top, | |
ul dd.tall-top, | |
ol dd.tall-top, | |
dl dd.tall-top{ | |
margin-top:0; | |
} | |
ul li.tall-bottom, | |
ol li.tall-bottom, | |
dl li.tall-bottom, | |
ul dt.tall-bottom, | |
ol dt.tall-bottom, | |
dl dt.tall-bottom, | |
ul dd.tall-bottom, | |
ol dd.tall-bottom, | |
dl dd.tall-bottom, | |
ul li.tall-bottom, | |
ol li.tall-bottom, | |
dl li.tall-bottom, | |
ul dt.tall-bottom, | |
ol dt.tall-bottom, | |
dl dt.tall-bottom, | |
ul dd.tall-bottom, | |
ol dd.tall-bottom, | |
dl dd.tall-bottom{ | |
margin-bottom:0.8rem; | |
} | |
ul li:before, | |
ol li:before, | |
dl li:before, | |
ul dt:before, | |
ol dt:before, | |
dl dt:before, | |
ul dd:before, | |
ol dd:before, | |
dl dd:before{ | |
background-color:#1b2029; | |
border-radius:50%; | |
height:4px; | |
width:4px; | |
content:''; | |
display:block; | |
left:0; | |
position:absolute; | |
top:7px; | |
} | |
ul li:last-child, | |
ol li:last-child, | |
dl li:last-child, | |
ul dt:last-child, | |
ol dt:last-child, | |
dl dt:last-child, | |
ul dd:last-child, | |
ol dd:last-child, | |
dl dd:last-child{ | |
margin-bottom:0; | |
} | |
ul li > ul, | |
ol li > ul, | |
dl li > ul, | |
ul dt > ul, | |
ol dt > ul, | |
dl dt > ul, | |
ul dd > ul, | |
ol dd > ul, | |
dl dd > ul, | |
ul li > ol, | |
ol li > ol, | |
dl li > ol, | |
ul dt > ol, | |
ol dt > ol, | |
dl dt > ol, | |
ul dd > ol, | |
ol dd > ol, | |
dl dd > ol{ | |
margin-bottom:0.4rem; | |
margin-bottom:0; | |
} | |
ul.list-unstyled > li, | |
ol.list-unstyled > li, | |
dl.list-unstyled > li{ | |
padding-left:0; | |
} | |
ul.list-unstyled > li:before, | |
ol.list-unstyled > li:before, | |
dl.list-unstyled > li:before{ | |
display:none; | |
} | |
ul.list-inline, | |
ol.list-inline, | |
dl.list-inline{ | |
margin-top:-0.4rem; | |
margin-left:-0.8rem; | |
} | |
ul.list-inline:before, | |
ol.list-inline:before, | |
dl.list-inline:before, | |
ul.list-inline:after, | |
ol.list-inline:after, | |
dl.list-inline:after{ | |
content:' '; | |
display:table; | |
} | |
ul.list-inline:after, | |
ol.list-inline:after, | |
dl.list-inline:after{ | |
clear:both; | |
} | |
ul.list-inline > li, | |
ol.list-inline > li, | |
dl.list-inline > li{ | |
display:block; | |
float:left; | |
margin-bottom:0; | |
padding-left:0; | |
margin-top:0.4rem; | |
margin-left:0.8rem; | |
} | |
ul.list-inline > li:before, | |
ol.list-inline > li:before, | |
dl.list-inline > li:before{ | |
display:none; | |
} | |
ol{ | |
counter-reset:li; | |
} | |
ol > li:before{ | |
color:#1b2029; | |
background:none; | |
border-radius:0; | |
content:counter(li) '.'; | |
counter-increment:li; | |
text-align:left; | |
top:0; | |
height:19.5px; | |
} | |
ol > li > ol.a li:before{ | |
content:counter(li, lower-alpha) '.'; | |
} | |
ol > li > ol.A li:before{ | |
content:counter(li, upper-alpha) '.'; | |
} | |
ol > li > ol.i li:before{ | |
content:counter(li, lower-roman) '.'; | |
} | |
ol > li > ol.I li:before{ | |
content:counter(li, upper-roman) '.'; | |
} | |
ol.a li:before{ | |
content:counter(li, lower-alpha) '.'; | |
} | |
ol.A li:before{ | |
content:counter(li, upper-alpha) '.'; | |
} | |
ol.i li:before{ | |
content:counter(li, lower-roman) '.'; | |
} | |
ol.I li:before{ | |
content:counter(li, upper-roman) '.'; | |
} | |
ol.inverse{ | |
} | |
ol.inverse li:before{ | |
color:#dadde2; | |
background:none; | |
width:auto; | |
} | |
dl dt, | |
dl dd{ | |
padding-left:0; | |
} | |
dl dt:before, | |
dl dd:before{ | |
display:none; | |
} | |
dl dt{ | |
font-weight:600; | |
} | |
@media (min-width: 480px){ | |
ul, | |
ol, | |
dl{ | |
} | |
ul li, | |
ol li, | |
dl li, | |
ul dt, | |
ol dt, | |
dl dt, | |
ul dd, | |
ol dd, | |
dl dd{ | |
} | |
ol > li:before{ | |
top:0; | |
} | |
} | |
@media (min-width: 768px){ | |
ul, | |
ol, | |
dl{ | |
margin-bottom:0.88rem; | |
} | |
ul.short, | |
ol.short, | |
dl.short,ul.short-bottom, | |
ol.short-bottom, | |
dl.short-bottom, | |
ul.short-bottom-screen-medium, | |
ol.short-bottom-screen-medium, | |
dl.short-bottom-screen-medium{ | |
margin-bottom:0.44rem; | |
} | |
ul.tall, | |
ol.tall, | |
dl.tall,ul.tall-bottom, | |
ol.tall-bottom, | |
dl.tall-bottom, | |
ul.tall-bottom-screen-medium, | |
ol.tall-bottom-screen-medium, | |
dl.tall-bottom-screen-medium{ | |
margin-bottom:1.76rem; | |
} | |
ul li, | |
ol li, | |
dl li, | |
ul dt, | |
ol dt, | |
dl dt, | |
ul dd, | |
ol dd, | |
dl dd{ | |
margin-bottom:0.44rem; | |
padding-left:1.32rem; | |
} | |
ul li.short, | |
ol li.short, | |
dl li.short, | |
ul dt.short, | |
ol dt.short, | |
dl dt.short, | |
ul dd.short, | |
ol dd.short, | |
dl dd.short,ul li.short-bottom, | |
ol li.short-bottom, | |
dl li.short-bottom, | |
ul dt.short-bottom, | |
ol dt.short-bottom, | |
dl dt.short-bottom, | |
ul dd.short-bottom, | |
ol dd.short-bottom, | |
dl dd.short-bottom, | |
ul li.short-bottom-screen-medium, | |
ol li.short-bottom-screen-medium, | |
dl li.short-bottom-screen-medium, | |
ul dt.short-bottom-screen-medium, | |
ol dt.short-bottom-screen-medium, | |
dl dt.short-bottom-screen-medium, | |
ul dd.short-bottom-screen-medium, | |
ol dd.short-bottom-screen-medium, | |
dl dd.short-bottom-screen-medium{ | |
margin-bottom:0.22rem; | |
} | |
ul li.tall, | |
ol li.tall, | |
dl li.tall, | |
ul dt.tall, | |
ol dt.tall, | |
dl dt.tall, | |
ul dd.tall, | |
ol dd.tall, | |
dl dd.tall,ul li.tall-bottom, | |
ol li.tall-bottom, | |
dl li.tall-bottom, | |
ul dt.tall-bottom, | |
ol dt.tall-bottom, | |
dl dt.tall-bottom, | |
ul dd.tall-bottom, | |
ol dd.tall-bottom, | |
dl dd.tall-bottom, | |
ul li.tall-bottom-screen-medium, | |
ol li.tall-bottom-screen-medium, | |
dl li.tall-bottom-screen-medium, | |
ul dt.tall-bottom-screen-medium, | |
ol dt.tall-bottom-screen-medium, | |
dl dt.tall-bottom-screen-medium, | |
ul dd.tall-bottom-screen-medium, | |
ol dd.tall-bottom-screen-medium, | |
dl dd.tall-bottom-screen-medium{ | |
margin-bottom:0.88rem; | |
} | |
ul li > ul, | |
ol li > ul, | |
dl li > ul, | |
ul dt > ul, | |
ol dt > ul, | |
dl dt > ul, | |
ul dd > ul, | |
ol dd > ul, | |
dl dd > ul, | |
ul li > ol, | |
ol li > ol, | |
dl li > ol, | |
ul dt > ol, | |
ol dt > ol, | |
dl dt > ol, | |
ul dd > ol, | |
ol dd > ol, | |
dl dd > ol{ | |
margin-top:0.44rem; | |
} | |
ul.list-inline, | |
ol.list-inline, | |
dl.list-inline{ | |
margin-top:-0.44rem; | |
margin-left:-0.88rem; | |
} | |
ul.list-inline > li, | |
ol.list-inline > li, | |
dl.list-inline > li{ | |
margin-top:0.44rem; | |
margin-left:0.88rem; | |
} | |
ol > li:before{ | |
top:0; | |
} | |
} | |
@media (min-width: 992px){ | |
ul, | |
ol, | |
dl{ | |
margin-bottom:0.96rem; | |
} | |
ul.short, | |
ol.short, | |
dl.short,ul.short-bottom, | |
ol.short-bottom, | |
dl.short-bottom, | |
ul.short-bottom-screen-large, | |
ol.short-bottom-screen-large, | |
dl.short-bottom-screen-large{ | |
margin-bottom:0.48rem; | |
} | |
ul.tall, | |
ol.tall, | |
dl.tall,ul.tall-bottom, | |
ol.tall-bottom, | |
dl.tall-bottom, | |
ul.tall-bottom-screen-large, | |
ol.tall-bottom-screen-large, | |
dl.tall-bottom-screen-large{ | |
margin-bottom:1.92rem; | |
} | |
ul li, | |
ol li, | |
dl li, | |
ul dt, | |
ol dt, | |
dl dt, | |
ul dd, | |
ol dd, | |
dl dd{ | |
margin-bottom:0.48rem; | |
padding-left:1.44rem; | |
} | |
ul li.short, | |
ol li.short, | |
dl li.short, | |
ul dt.short, | |
ol dt.short, | |
dl dt.short, | |
ul dd.short, | |
ol dd.short, | |
dl dd.short,ul li.short-bottom, | |
ol li.short-bottom, | |
dl li.short-bottom, | |
ul dt.short-bottom, | |
ol dt.short-bottom, | |
dl dt.short-bottom, | |
ul dd.short-bottom, | |
ol dd.short-bottom, | |
dl dd.short-bottom, | |
ul li.short-bottom-screen-large, | |
ol li.short-bottom-screen-large, | |
dl li.short-bottom-screen-large, | |
ul dt.short-bottom-screen-large, | |
ol dt.short-bottom-screen-large, | |
dl dt.short-bottom-screen-large, | |
ul dd.short-bottom-screen-large, | |
ol dd.short-bottom-screen-large, | |
dl dd.short-bottom-screen-large{ | |
margin-bottom:0.24rem; | |
} | |
ul li.tall, | |
ol li.tall, | |
dl li.tall, | |
ul dt.tall, | |
ol dt.tall, | |
dl dt.tall, | |
ul dd.tall, | |
ol dd.tall, | |
dl dd.tall,ul li.tall-bottom, | |
ol li.tall-bottom, | |
dl li.tall-bottom, | |
ul dt.tall-bottom, | |
ol dt.tall-bottom, | |
dl dt.tall-bottom, | |
ul dd.tall-bottom, | |
ol dd.tall-bottom, | |
dl dd.tall-bottom, | |
ul li.tall-bottom-screen-large, | |
ol li.tall-bottom-screen-large, | |
dl li.tall-bottom-screen-large, | |
ul dt.tall-bottom-screen-large, | |
ol dt.tall-bottom-screen-large, | |
dl dt.tall-bottom-screen-large, | |
ul dd.tall-bottom-screen-large, | |
ol dd.tall-bottom-screen-large, | |
dl dd.tall-bottom-screen-large{ | |
margin-bottom:0.96rem; | |
} | |
ul li:before, | |
ol li:before, | |
dl li:before, | |
ul dt:before, | |
ol dt:before, | |
dl dt:before, | |
ul dd:before, | |
ol dd:before, | |
dl dd:before{ | |
width:5px; | |
height:5px; | |
top:7.25px; | |
} | |
ul li > ul, | |
ol li > ul, | |
dl li > ul, | |
ul dt > ul, | |
ol dt > ul, | |
dl dt > ul, | |
ul dd > ul, | |
ol dd > ul, | |
dl dd > ul, | |
ul li > ol, | |
ol li > ol, | |
dl li > ol, | |
ul dt > ol, | |
ol dt > ol, | |
dl dt > ol, | |
ul dd > ol, | |
ol dd > ol, | |
dl dd > ol{ | |
margin-top:0.48rem; | |
} | |
ul.list-inline, | |
ol.list-inline, | |
dl.list-inline{ | |
margin-top:-0.48rem; | |
margin-left:-0.96rem; | |
} | |
ul.list-inline > li, | |
ol.list-inline > li, | |
dl.list-inline > li{ | |
margin-top:0.48rem; | |
margin-left:0.96rem; | |
} | |
ol > li:before{ | |
top:0; | |
height:19.5px; | |
} | |
} | |
@media (min-width: 1400px){ | |
ul, | |
ol, | |
dl{ | |
} | |
ul li, | |
ol li, | |
dl li, | |
ul dt, | |
ol dt, | |
dl dt, | |
ul dd, | |
ol dd, | |
dl dd{ | |
} | |
ol > li:before{ | |
top:0; | |
} | |
} | |
.table{ | |
margin-bottom:12px; | |
font-size:1rem; | |
line-height:1.1rem; | |
border-collapse:collapse; | |
max-width:100%; | |
width:100%; | |
} | |
.table.table-short,.table.table-short-bottom, | |
.table.table-short-bottom{ | |
margin-bottom:6px; | |
} | |
.table.table-tall,.table.table-tall-bottom, | |
.table.table-tall-bottom{ | |
margin-bottom:24px; | |
} | |
.table th, | |
.table td{ | |
border:1px solid #dadde2; | |
padding:0.5rem; | |
text-decoration:none; | |
border-collapse:collapse; | |
text-align:left; | |
} | |
.table th:before, | |
.table td:before{ | |
content:''; | |
display:block; | |
float:left; | |
} | |
.table th.selectable:hover, | |
.table td.selectable:hover{ | |
background-color:#f8f8f9; | |
cursor:pointer; | |
} | |
.table th.disabled, | |
.table td.disabled{ | |
color:#a4a6a9; | |
text-decoration:none; | |
} | |
.table th{ | |
color:#1b2029; | |
font-weight:600; | |
} | |
.table th.selectable:hover,.table.table-hover tr:hover td{ | |
background-color:#f8f8f9; | |
} | |
.table.table-inverse th, | |
.table.table-inverse td{ | |
border-color:#3d4149; | |
color:#dadde2; | |
} | |
.table.table-inverse th.selectable:hover, | |
.table.table-inverse td.selectable:hover{ | |
background-color:rgba(255, 255, 255, 0.05); | |
} | |
.table.table-inverse th.disabled, | |
.table.table-inverse td.disabled{ | |
color:#57585a; | |
} | |
.table.table-inverse th{ | |
color:#fff; | |
} | |
.table.table-inverse th.selectable:hover,.table.table-inverse.table-hover tr:hover td{ | |
background-color:rgba(255, 255, 255, 0.05); | |
} | |
.table-responsive{ | |
display:block; | |
min-height:0.01%; | |
overflow-x:auto; | |
width:100%; | |
} | |
.table-flush tr td:first-child, | |
.table-flush tr th:first-child{ | |
padding-left:0; | |
} | |
.table-flush tr td:last-child, | |
.table-flush tr th:last-child{ | |
padding-right:0; | |
} | |
.table-borderless > thead tr th,.table-borderless > tbody tr td, | |
.table-borderless > tfoot tr td, | |
.table-borderless > tbody tr th, | |
.table-borderless > tfoot tr th{ | |
border:0; | |
} | |
.table-borderless-outer > thead tr:first-child th{ | |
border-top:0; | |
} | |
.table-borderless-outer > thead tr th:first-child{ | |
border-left:0; | |
} | |
.table-borderless-outer > thead tr th:last-child{ | |
border-right:0; | |
} | |
.table-borderless-outer > tbody tr:first-child td, | |
.table-borderless-outer > tfoot tr:first-child td, | |
.table-borderless-outer > tbody tr:first-child th, | |
.table-borderless-outer > tfoot tr:first-child th{ | |
border-top:0; | |
} | |
.table-borderless-outer > tbody tr:last-child td, | |
.table-borderless-outer > tfoot tr:last-child td, | |
.table-borderless-outer > tbody tr:last-child th, | |
.table-borderless-outer > tfoot tr:last-child th{ | |
border-bottom:0; | |
} | |
.table-borderless-outer > tbody tr td:first-child, | |
.table-borderless-outer > tfoot tr td:first-child, | |
.table-borderless-outer > tbody tr th:first-child, | |
.table-borderless-outer > tfoot tr th:first-child{ | |
border-left:0; | |
} | |
.table-borderless-outer > tbody tr td:last-child, | |
.table-borderless-outer > tfoot tr td:last-child, | |
.table-borderless-outer > tbody tr th:last-child, | |
.table-borderless-outer > tfoot tr th:last-child{ | |
border-right:0; | |
} | |
.table-borderless-outer-rows > thead tr:first-child th{ | |
border-top:0; | |
} | |
.table-borderless-outer-rows > thead tr:last-child th{ | |
border-bottom:0; | |
} | |
.table-borderless-outer-rows > tbody tr:first-child td, | |
.table-borderless-outer-rows > tfoot tr:first-child td, | |
.table-borderless-outer-rows > tbody tr:first-child th, | |
.table-borderless-outer-rows > tfoot tr:first-child th{ | |
border-top:0; | |
} | |
.table-borderless-outer-rows > tbody tr:last-child td, | |
.table-borderless-outer-rows > tfoot tr:last-child td, | |
.table-borderless-outer-rows > tbody tr:last-child th, | |
.table-borderless-outer-rows > tfoot tr:last-child th{ | |
border-bottom:0; | |
} | |
.table-borderless-outer-columns > thead tr th:first-child{ | |
border-left:0; | |
} | |
.table-borderless-outer-columns > thead tr th:last-child{ | |
border-right:0; | |
} | |
.table-borderless-outer-columns > tbody tr td:first-child, | |
.table-borderless-outer-columns > tfoot tr td:first-child, | |
.table-borderless-outer-columns > tbody tr th:first-child, | |
.table-borderless-outer-columns > tfoot tr th:first-child{ | |
border-left:0; | |
} | |
.table-borderless-outer-columns > tbody tr td:last-child, | |
.table-borderless-outer-columns > tfoot tr td:last-child, | |
.table-borderless-outer-columns > tbody tr th:last-child, | |
.table-borderless-outer-columns > tfoot tr th:last-child{ | |
border-right:0; | |
} | |
.table-borderless-inner > thead tr:not(:first-child) td, | |
.table-borderless-inner > tbody tr:not(:first-child) td, | |
.table-borderless-inner > tfoot tr:not(:first-child) td, | |
.table-borderless-inner > thead tr:not(:first-child) th, | |
.table-borderless-inner > tbody tr:not(:first-child) th, | |
.table-borderless-inner > tfoot tr:not(:first-child) th{ | |
border-top:0; | |
} | |
.table-borderless-inner > thead tr:not(:last-child) td, | |
.table-borderless-inner > tbody tr:not(:last-child) td, | |
.table-borderless-inner > tfoot tr:not(:last-child) td, | |
.table-borderless-inner > thead tr:not(:last-child) th, | |
.table-borderless-inner > tbody tr:not(:last-child) th, | |
.table-borderless-inner > tfoot tr:not(:last-child) th{ | |
border-bottom:0; | |
} | |
.table-borderless-inner > thead tr td:not(:first-child), | |
.table-borderless-inner > tbody tr td:not(:first-child), | |
.table-borderless-inner > tfoot tr td:not(:first-child), | |
.table-borderless-inner > thead tr th:not(:first-child), | |
.table-borderless-inner > tbody tr th:not(:first-child), | |
.table-borderless-inner > tfoot tr th:not(:first-child){ | |
border-left:0; | |
} | |
.table-borderless-inner > thead tr td:not(:last-child), | |
.table-borderless-inner > tbody tr td:not(:last-child), | |
.table-borderless-inner > tfoot tr td:not(:last-child), | |
.table-borderless-inner > thead tr th:not(:last-child), | |
.table-borderless-inner > tbody tr th:not(:last-child), | |
.table-borderless-inner > tfoot tr th:not(:last-child){ | |
border-right:0; | |
} | |
.table-borderless-inner > thead + tbody tr:first-child td, | |
.table-borderless-inner > thead + tbody tr:first-child th,.table-borderless-inner-rows > thead tr:not(:first-child) td, | |
.table-borderless-inner-rows > tbody tr:not(:first-child) td, | |
.table-borderless-inner-rows > tfoot tr:not(:first-child) td, | |
.table-borderless-inner-rows > thead tr:not(:first-child) th, | |
.table-borderless-inner-rows > tbody tr:not(:first-child) th, | |
.table-borderless-inner-rows > tfoot tr:not(:first-child) th{ | |
border-top:0; | |
} | |
.table-borderless-inner-rows > thead tr:not(:last-child) td, | |
.table-borderless-inner-rows > tbody tr:not(:last-child) td, | |
.table-borderless-inner-rows > tfoot tr:not(:last-child) td, | |
.table-borderless-inner-rows > thead tr:not(:last-child) th, | |
.table-borderless-inner-rows > tbody tr:not(:last-child) th, | |
.table-borderless-inner-rows > tfoot tr:not(:last-child) th{ | |
border-bottom:0; | |
} | |
> thead + tbody tr:first-child td, | |
> thead + tbody tr:first-child th{ | |
border-top:0; | |
} | |
.table-borderless-inner-columns > thead tr td:not(:first-child), | |
.table-borderless-inner-columns > tbody tr td:not(:first-child), | |
.table-borderless-inner-columns > tfoot tr td:not(:first-child), | |
.table-borderless-inner-columns > thead tr th:not(:first-child), | |
.table-borderless-inner-columns > tbody tr th:not(:first-child), | |
.table-borderless-inner-columns > tfoot tr th:not(:first-child){ | |
border-left:0; | |
} | |
.table-borderless-inner-columns > thead tr td:not(:last-child), | |
.table-borderless-inner-columns > tbody tr td:not(:last-child), | |
.table-borderless-inner-columns > tfoot tr td:not(:last-child), | |
.table-borderless-inner-columns > thead tr th:not(:last-child), | |
.table-borderless-inner-columns > tbody tr th:not(:last-child), | |
.table-borderless-inner-columns > tfoot tr th:not(:last-child){ | |
border-right:0; | |
} | |
@media (min-width: 480px){ | |
.table{ | |
margin-bottom:12px; | |
} | |
.table.table-short,.table.table-short-bottom, | |
.table.table-short-bottom-screen-small{ | |
margin-bottom:6px; | |
} | |
.table.table-tall,.table.table-tall-bottom, | |
.table.table-tall-bottom-screen-small{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.table{ | |
margin-bottom:12px; | |
} | |
.table.table-short,.table.table-short-bottom, | |
.table.table-short-bottom-screen-medium{ | |
margin-bottom:6px; | |
} | |
.table.table-tall,.table.table-tall-bottom, | |
.table.table-tall-bottom-screen-medium{ | |
margin-bottom:24px; | |
} | |
.table th, | |
.table td{ | |
padding:0.55rem 0.55rem 0.55rem 1.1; | |
} | |
} | |
@media (min-width: 992px){ | |
.table{ | |
margin-bottom:12px; | |
} | |
.table.table-short,.table.table-short-bottom, | |
.table.table-short-bottom-screen-large{ | |
margin-bottom:6px; | |
} | |
.table.table-tall,.table.table-tall-bottom, | |
.table.table-tall-bottom-screen-large{ | |
margin-bottom:24px; | |
} | |
.table th, | |
.table td{ | |
padding:0.6rem 0.6rem 0.6rem 1.2; | |
} | |
} | |
@media (min-width: 1400px){ | |
.table{ | |
margin-bottom:16px; | |
} | |
.table.table-short,.table.table-short-bottom, | |
.table.table-short-bottom-screen-jumbo{ | |
margin-bottom:8px; | |
} | |
.table.table-tall,.table.table-tall-bottom, | |
.table.table-tall-bottom-screen-jumbo{ | |
margin-bottom:32px; | |
} | |
} | |
.table.table-small{ | |
} | |
.table.table-small th, | |
.table.table-small td{ | |
padding-top:0.35rem; | |
padding-bottom:0.35rem; | |
} | |
@media (min-width: 480px){ | |
.table.table-small{ | |
} | |
} | |
@media (min-width: 768px){ | |
.table.table-small{ | |
} | |
.table.table-small th, | |
.table.table-small td{ | |
padding-top:0.385rem; | |
padding-bottom:0.385rem; | |
} | |
} | |
@media (min-width: 992px){ | |
.table.table-small{ | |
} | |
.table.table-small th, | |
.table.table-small td{ | |
padding-top:0.42rem; | |
padding-bottom:0.42rem; | |
} | |
} | |
@media (min-width: 1400px){ | |
.table.table-small{ | |
} | |
} | |
.table.table-large{ | |
font-size:16px; | |
line-height:22px; | |
} | |
.table.table-large th, | |
.table.table-large td{ | |
padding:0.8rem; | |
} | |
@media (min-width: 480px){ | |
.table.table-large{ | |
} | |
} | |
@media (min-width: 768px){ | |
.table.table-large{ | |
} | |
.table.table-large th, | |
.table.table-large td{ | |
padding:0.88rem; | |
} | |
} | |
@media (min-width: 992px){ | |
.table.table-large{ | |
} | |
.table.table-large th, | |
.table.table-large td{ | |
padding:0.96rem; | |
} | |
} | |
@media (min-width: 1400px){ | |
.table.table-large{ | |
} | |
} | |
.table tr.selected td, | |
.table td.selected{ | |
text-decoration:none; | |
background-color:#f8f8f9; | |
} | |
.table tr.selected td.selectable:hover, | |
.table td.selected.selectable:hover,.table.table-hover tr.selected:hover td, | |
.table.table-hover tr:hover td.selected{ | |
background-color:#f8f8f9; | |
} | |
.table.table-inverse tr.selected td, | |
.table.table-inverse td.selected{ | |
color:#fff; | |
background-color:rgba(255, 255, 255, 0.05); | |
} | |
.table.table-inverse tr.selected td.selectable:hover, | |
.table.table-inverse td.selected.selectable:hover,.table.table-inverse.table-hover tr.selected:hover td, | |
.table.table-inverse.table-hover tr:hover td.selected{ | |
background-color:rgba(255, 255, 255, 0.05); | |
} | |
.table tr.success td, | |
.table td.success{ | |
color:#fff; | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.table tr.success td.selectable:hover, | |
.table td.success.selectable:hover{ | |
background-color:#12b277; | |
border-color:#12b277; | |
} | |
.table tr.success td.active, | |
.table td.success.active, | |
.table tr.success td.highlight, | |
.table td.success.highlight{ | |
color:#fff; | |
border-color:#12b277; | |
} | |
.table tr.success td.active.selectable:hover, | |
.table td.success.active.selectable:hover, | |
.table tr.success td.highlight.selectable:hover, | |
.table td.success.highlight.selectable:hover{ | |
border-color:#12b277; | |
} | |
.table.table-hover tr.success:hover td, | |
.table.table-hover tr:hover td.success{ | |
background-color:#12b277; | |
border-color:#12b277; | |
} | |
.table.table-hover tr.success:hover td.active, | |
.table.table-hover tr:hover td.success.active, | |
.table.table-hover tr.success:hover td.highlight, | |
.table.table-hover tr:hover td.success.highlight{ | |
border-color:#12b277; | |
} | |
.table.table-inverse tr.success td.selectable:hover, | |
.table.table-inverse td.success.selectable:hover{ | |
color:#fff; | |
background-color:#2bcc90; | |
border-color:#2bcc90; | |
} | |
.table.table-inverse tr.success td.active, | |
.table.table-inverse td.success.active, | |
.table.table-inverse tr.success td.highlight, | |
.table.table-inverse td.success.highlight,.table.table-inverse tr.success td.active.selectable:hover, | |
.table.table-inverse td.success.active.selectable:hover, | |
.table.table-inverse tr.success td.highlight.selectable:hover, | |
.table.table-inverse td.success.highlight.selectable:hover{ | |
border-color:#2bcc90; | |
} | |
.table.table-inverse.table-hover tr.success:hover td, | |
.table.table-inverse.table-hover tr:hover td.success{ | |
color:#fff; | |
background-color:#2bcc90; | |
border-color:#2bcc90; | |
} | |
.table.table-inverse.table-hover tr.success:hover td.active, | |
.table.table-inverse.table-hover tr:hover td.success.active, | |
.table.table-inverse.table-hover tr.success:hover td.highlight, | |
.table.table-inverse.table-hover tr:hover td.success.highlight{ | |
border-color:#2bcc90; | |
} | |
.table tr.warning td, | |
.table td.warning{ | |
color:#fff; | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.table tr.warning td.selectable:hover, | |
.table td.warning.selectable:hover{ | |
background-color:#e09324; | |
border-color:#e09324; | |
} | |
.table tr.warning td.active, | |
.table td.warning.active, | |
.table tr.warning td.highlight, | |
.table td.warning.highlight{ | |
color:#fff; | |
border-color:#e09324; | |
} | |
.table tr.warning td.active.selectable:hover, | |
.table td.warning.active.selectable:hover, | |
.table tr.warning td.highlight.selectable:hover, | |
.table td.warning.highlight.selectable:hover{ | |
border-color:#e09324; | |
} | |
.table.table-hover tr.warning:hover td, | |
.table.table-hover tr:hover td.warning{ | |
background-color:#e09324; | |
border-color:#e09324; | |
} | |
.table.table-hover tr.warning:hover td.active, | |
.table.table-hover tr:hover td.warning.active, | |
.table.table-hover tr.warning:hover td.highlight, | |
.table.table-hover tr:hover td.warning.highlight{ | |
border-color:#e09324; | |
} | |
.table.table-inverse tr.warning td.selectable:hover, | |
.table.table-inverse td.warning.selectable:hover{ | |
color:#fff; | |
background-color:#faac3d; | |
border-color:#faac3d; | |
} | |
.table.table-inverse tr.warning td.active, | |
.table.table-inverse td.warning.active, | |
.table.table-inverse tr.warning td.highlight, | |
.table.table-inverse td.warning.highlight,.table.table-inverse tr.warning td.active.selectable:hover, | |
.table.table-inverse td.warning.active.selectable:hover, | |
.table.table-inverse tr.warning td.highlight.selectable:hover, | |
.table.table-inverse td.warning.highlight.selectable:hover{ | |
border-color:#faac3d; | |
} | |
.table.table-inverse.table-hover tr.warning:hover td, | |
.table.table-inverse.table-hover tr:hover td.warning{ | |
color:#fff; | |
background-color:#faac3d; | |
border-color:#faac3d; | |
} | |
.table.table-inverse.table-hover tr.warning:hover td.active, | |
.table.table-inverse.table-hover tr:hover td.warning.active, | |
.table.table-inverse.table-hover tr.warning:hover td.highlight, | |
.table.table-inverse.table-hover tr:hover td.warning.highlight{ | |
border-color:#faac3d; | |
} | |
.table tr.danger td, | |
.table td.danger{ | |
color:#fff; | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.table tr.danger td.selectable:hover, | |
.table td.danger.selectable:hover{ | |
background-color:#d42534; | |
border-color:#d42534; | |
} | |
.table tr.danger td.active, | |
.table td.danger.active, | |
.table tr.danger td.highlight, | |
.table td.danger.highlight{ | |
color:#fff; | |
border-color:#d42534; | |
} | |
.table tr.danger td.active.selectable:hover, | |
.table td.danger.active.selectable:hover, | |
.table tr.danger td.highlight.selectable:hover, | |
.table td.danger.highlight.selectable:hover{ | |
border-color:#d42534; | |
} | |
.table.table-hover tr.danger:hover td, | |
.table.table-hover tr:hover td.danger{ | |
background-color:#d42534; | |
border-color:#d42534; | |
} | |
.table.table-hover tr.danger:hover td.active, | |
.table.table-hover tr:hover td.danger.active, | |
.table.table-hover tr.danger:hover td.highlight, | |
.table.table-hover tr:hover td.danger.highlight{ | |
border-color:#d42534; | |
} | |
.table.table-inverse tr.danger td.selectable:hover, | |
.table.table-inverse td.danger.selectable:hover{ | |
color:#fff; | |
background-color:#ed3e4e; | |
border-color:#ed3e4e; | |
} | |
.table.table-inverse tr.danger td.active, | |
.table.table-inverse td.danger.active, | |
.table.table-inverse tr.danger td.highlight, | |
.table.table-inverse td.danger.highlight,.table.table-inverse tr.danger td.active.selectable:hover, | |
.table.table-inverse td.danger.active.selectable:hover, | |
.table.table-inverse tr.danger td.highlight.selectable:hover, | |
.table.table-inverse td.danger.highlight.selectable:hover{ | |
border-color:#ed3e4e; | |
} | |
.table.table-inverse.table-hover tr.danger:hover td, | |
.table.table-inverse.table-hover tr:hover td.danger{ | |
color:#fff; | |
background-color:#ed3e4e; | |
border-color:#ed3e4e; | |
} | |
.table.table-inverse.table-hover tr.danger:hover td.active, | |
.table.table-inverse.table-hover tr:hover td.danger.active, | |
.table.table-inverse.table-hover tr.danger:hover td.highlight, | |
.table.table-inverse.table-hover tr:hover td.danger.highlight{ | |
border-color:#ed3e4e; | |
} | |
.badge{ | |
background-color:#dadde2; | |
border:1px solid #dadde2; | |
padding-left:8px; | |
padding-right:8px; | |
font-size:80%; | |
line-height:inherit; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
text-decoration:none; | |
text-rendering:optimizeLegibility; | |
border-radius:4px; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.badge.badge-narrow{ | |
padding-right:4px; | |
} | |
.badge.badge-narrow,.badge.badge-narrow-left, | |
.badge.badge-narrow-left{ | |
padding-left:4px; | |
} | |
.badge.badge-narrow-right, | |
.badge.badge-narrow-right{ | |
padding-right:4px; | |
} | |
.badge.badge-wide{ | |
padding-right:16px; | |
} | |
.badge.badge-wide,.badge.badge-wide-left, | |
.badge.badge-wide-left{ | |
padding-left:16px; | |
} | |
.badge.badge-wide-right, | |
.badge.badge-wide-right{ | |
padding-right:16px; | |
} | |
.badge.badge-inverse{ | |
background-color:#32363e; | |
border-color:#32363e; | |
color:#fff; | |
} | |
.badge.badge-block{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:0; | |
margin-right:0; | |
width:100%; | |
} | |
.badge.badge-rounded{ | |
border-radius:1000px; | |
padding-left:10px; | |
padding-right:10px; | |
} | |
.badge.badge-rounded.badge-narrow{ | |
padding-left:5px; | |
} | |
.badge.badge-rounded.badge-wide{ | |
padding-left:20px; | |
} | |
.badge.badge-rounded.badge-narrow{ | |
padding-right:5px; | |
} | |
.badge.badge-rounded.badge-wide{ | |
padding-right:20px; | |
} | |
.badge > *{ | |
box-sizing:content-box; | |
padding-right:4px; | |
} | |
.badge > *:last-child{ | |
padding-right:0; | |
} | |
@media (min-width: 480px){ | |
.badge{ | |
} | |
.badge.badge-block.badge-block-below-screen-small{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
} | |
@media (min-width: 768px){ | |
.badge{ | |
} | |
.badge.badge-block.badge-block-below-screen-medium{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
} | |
@media (min-width: 992px){ | |
.badge{ | |
} | |
.badge.badge-block.badge-block-below-screen-large{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
} | |
@media (min-width: 1400px){ | |
.badge{ | |
} | |
.badge.badge-block.badge-block-below-screen-jumbo{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
} | |
.badge-info{ | |
background-color:#157ff2; | |
border-color:#157ff2; | |
color:#fff; | |
} | |
.badge-success{ | |
background-color:#14c684; | |
border-color:#14c684; | |
color:#fff; | |
} | |
.badge-warning{ | |
background-color:#f56753; | |
border-color:#f56753; | |
color:#fff; | |
} | |
.badge-danger{ | |
background-color:#eb293a; | |
border-color:#eb293a; | |
color:#fff; | |
} | |
button, | |
.button{ | |
background-color:#dadde2; | |
border:1px solid #dadde2; | |
padding:0 18px; | |
font-size:14px; | |
line-height:16px; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:500; | |
text-transform:normal; | |
text-decoration:none; | |
text-rendering:optimizeLegibility; | |
border-radius:4px; | |
height:36px; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
text-align:center; | |
} | |
button.button-flush, | |
.button.button-flush{ | |
height:auto; | |
padding:0; | |
} | |
button.button-flush-horizontal, | |
.button.button-flush-horizontal{ | |
padding-left:0; | |
padding-right:0; | |
} | |
button.button-flush-left, | |
.button.button-flush-left{ | |
padding-left:0; | |
} | |
button.button-flush-right, | |
.button.button-flush-right{ | |
padding-right:0; | |
} | |
button.button-flush-vertical, | |
.button.button-flush-vertical{ | |
height:auto; | |
padding-bottom:0; | |
padding-top:0; | |
} | |
button.button-flush-top, | |
.button.button-flush-top{ | |
padding-top:0; | |
} | |
button.button-flush-bottom, | |
.button.button-flush-bottom{ | |
padding-bottom:0; | |
} | |
button.button-narrow, | |
.button.button-narrow{ | |
padding-left:9px; | |
padding-right:9px; | |
} | |
button.button-narrow-left, | |
.button.button-narrow-left, | |
button.button-narrow-left, | |
.button.button-narrow-left{ | |
padding-left:9px; | |
} | |
button.button-narrow-right, | |
.button.button-narrow-right, | |
button.button-narrow-right, | |
.button.button-narrow-right{ | |
padding-right:9px; | |
} | |
button.button-wide, | |
.button.button-wide{ | |
padding-left:36px; | |
padding-right:36px; | |
} | |
button.button-wide-left, | |
.button.button-wide-left, | |
button.button-wide-left, | |
.button.button-wide-left{ | |
padding-left:36px; | |
} | |
button.button-wide-right, | |
.button.button-wide-right, | |
button.button-wide-right, | |
.button.button-wide-right{ | |
padding-right:36px; | |
} | |
button.button-dropdown, | |
.button.button-dropdown, | |
button.dropdown-toggle, | |
.button.dropdown-toggle{ | |
display:inline-block; | |
} | |
button.button-dropdown:after, | |
.button.button-dropdown:after, | |
button.dropdown-toggle:after, | |
.button.dropdown-toggle:after, | |
.dropdown-toggle.button-split-content .button-split-content-wrapper:after{ | |
margin-left:2px; | |
margin-top:-2px; | |
border-style:solid; | |
height:0; | |
line-height:0; | |
width:0; | |
border-color:#1b2029 transparent transparent; | |
-ms-flex-item-align:center; | |
align-self:center; | |
content:''; | |
display:inline-block; | |
vertical-align:middle; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
button:hover, | |
.button:hover{ | |
background-color:#c4c7cb; | |
border-color:#c4c7cb; | |
color:#1b2029; | |
text-decoration:none; | |
cursor:pointer; | |
} | |
button:hover.button-dropdown:after, | |
.button:hover.button-dropdown:after, | |
button:hover.dropdown-toggle:after, | |
.button:hover.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
button:active, | |
.button:active{ | |
background-color:#aeb1b5; | |
border-color:#aeb1b5; | |
color:#1b2029; | |
} | |
button:active.button-dropdown:after, | |
.button:active.button-dropdown:after, | |
button:active.dropdown-toggle:after, | |
.button:active.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
button.selected, | |
.button.selected, | |
button.active, | |
.button.active{ | |
background-color:#aeb1b5; | |
border-color:#aeb1b5; | |
} | |
button:disabled, | |
.button:disabled, | |
button.disabled, | |
.button.disabled{ | |
background-color:#dadde2; | |
border:1px solid #dadde2; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:500; | |
text-transform:normal; | |
text-decoration:none; | |
text-rendering:optimizeLegibility; | |
cursor:default; | |
opacity:0.5; | |
} | |
button:disabled.button-dropdown:after, | |
.button:disabled.button-dropdown:after, | |
button.disabled.button-dropdown:after, | |
.button.disabled.button-dropdown:after, | |
button:disabled.dropdown-toggle:after, | |
.button:disabled.dropdown-toggle:after, | |
button.disabled.dropdown-toggle:after, | |
.button.disabled.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
button.button-inverse, | |
.button.button-inverse{ | |
background-color:#494d54; | |
border-color:#494d54; | |
color:#fff; | |
} | |
button.button-inverse.button-dropdown:after, | |
.button.button-inverse.button-dropdown:after, | |
button.button-inverse.dropdown-toggle:after, | |
.button.button-inverse.dropdown-toggle:after, | |
.dropdown-toggle.button-split-content.button-inverse .button-split-content-wrapper:after{ | |
border-color:#fff transparent transparent; | |
} | |
button.button-inverse:hover, | |
.button.button-inverse:hover{ | |
background-color:#3d4149; | |
border-color:#3d4149; | |
color:#fff; | |
text-decoration:none; | |
} | |
button.button-inverse:hover.button-dropdown:after, | |
.button.button-inverse:hover.button-dropdown:after, | |
button.button-inverse:hover.dropdown-toggle:after, | |
.button.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
button.button-inverse:active, | |
.button.button-inverse:active{ | |
background-color:#32363e; | |
border-color:#32363e; | |
color:#fff; | |
} | |
button.button-inverse:active.button-dropdown:after, | |
.button.button-inverse:active.button-dropdown:after, | |
button.button-inverse:active.dropdown-toggle:after, | |
.button.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
button.button-inverse.selected, | |
.button.button-inverse.selected, | |
button.button-inverse.active, | |
.button.button-inverse.active{ | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
button.button-inverse:disabled, | |
.button.button-inverse:disabled, | |
button.button-inverse.disabled, | |
.button.button-inverse.disabled{ | |
background-color:#494d54; | |
border-color:#494d54; | |
color:#fff; | |
opacity:0.5; | |
} | |
button.button-inverse:disabled.button-dropdown:after, | |
.button.button-inverse:disabled.button-dropdown:after, | |
button.button-inverse.disabled.button-dropdown:after, | |
.button.button-inverse.disabled.button-dropdown:after, | |
button.button-inverse:disabled.dropdown-toggle:after, | |
.button.button-inverse:disabled.dropdown-toggle:after, | |
button.button-inverse.disabled.dropdown-toggle:after, | |
.button.button-inverse.disabled.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
button.button-block, | |
.button.button-block{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:0; | |
margin-right:0; | |
width:100%; | |
} | |
button.button-rounded, | |
.button.button-rounded{ | |
border-radius:1000px; | |
padding-left:21.6px; | |
padding-right:21.6px; | |
} | |
button.button-rounded.button-narrow, | |
.button.button-rounded.button-narrow{ | |
padding-left:10.8px; | |
} | |
button.button-rounded.button-wide, | |
.button.button-rounded.button-wide{ | |
padding-left:43.2px; | |
} | |
button.button-rounded.button-narrow, | |
.button.button-rounded.button-narrow{ | |
padding-right:10.8px; | |
} | |
button.button-rounded.button-wide, | |
.button.button-rounded.button-wide{ | |
padding-right:43.2px; | |
} | |
button > *, | |
.button > *{ | |
box-sizing:content-box; | |
padding-right:6px; | |
} | |
button > *:last-child, | |
.button > *:last-child{ | |
padding-right:0; | |
} | |
.button-group.open > button, | |
.button-group.open > .button{ | |
background-color:#aeb1b5; | |
border-color:#aeb1b5; | |
} | |
.button-group.open > button.button-inverse, | |
.button-group.open > .button.button-inverse{ | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
.button-group button, | |
.button-group .button{ | |
} | |
.button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
.button-group .button.button-rounded:not(:first-of-type):not(:last-of-type),.button-group button.button-rounded:first-of-type, | |
.button-group .button.button-rounded:first-of-type{ | |
padding-right:18px; | |
} | |
.button-group button.button-rounded:first-of-type.button-narrow, | |
.button-group .button.button-rounded:first-of-type.button-narrow{ | |
padding-right:9px; | |
} | |
.button-group button.button-rounded:first-of-type.button-wide, | |
.button-group .button.button-rounded:first-of-type.button-wide{ | |
padding-right:36px; | |
} | |
.button-group button.button-rounded:not(:first-of-type):not(:last-of-type), | |
.button-group .button.button-rounded:not(:first-of-type):not(:last-of-type),.button-group button.button-rounded:last-of-type, | |
.button-group .button.button-rounded:last-of-type{ | |
padding-left:18px; | |
} | |
.button-group button.button-rounded:last-of-type.button-narrow, | |
.button-group .button.button-rounded:last-of-type.button-narrow{ | |
padding-left:9px; | |
} | |
.button-group button.button-rounded:last-of-type.button-wide, | |
.button-group .button.button-rounded:last-of-type.button-wide{ | |
padding-left:36px; | |
} | |
@media (min-width: 480px){ | |
button, | |
.button{ | |
} | |
button.button-block.button-block-below-screen-small, | |
.button.button-block.button-block-below-screen-small{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.button-group{ | |
} | |
.button-group button, | |
.button-group .button{ | |
} | |
} | |
@media (min-width: 768px){ | |
button, | |
.button{ | |
} | |
button.button-block.button-block-below-screen-medium, | |
.button.button-block.button-block-below-screen-medium{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.button-group{ | |
} | |
.button-group button, | |
.button-group .button{ | |
} | |
} | |
@media (min-width: 992px){ | |
button, | |
.button{ | |
} | |
button.button-block.button-block-below-screen-large, | |
.button.button-block.button-block-below-screen-large{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.button-group{ | |
} | |
.button-group button, | |
.button-group .button{ | |
} | |
} | |
@media (min-width: 1400px){ | |
button, | |
.button{ | |
} | |
button.button-block.button-block-below-screen-jumbo, | |
.button.button-block.button-block-below-screen-jumbo{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.button-group{ | |
} | |
.button-group button, | |
.button-group .button{ | |
} | |
} | |
.button-mini{ | |
font-size:12px; | |
line-height:16px; | |
padding-left:8px; | |
padding-right:8px; | |
height:22px; | |
border-radius:3px; | |
} | |
.button-mini.button-narrow{ | |
padding-left:4px; | |
padding-right:4px; | |
} | |
.button-mini.button-narrow-left, | |
.button-mini.button-narrow-left{ | |
padding-left:4px; | |
} | |
.button-mini.button-narrow-right, | |
.button-mini.button-narrow-right{ | |
padding-right:4px; | |
} | |
.button-mini.button-wide{ | |
padding-left:16px; | |
padding-right:16px; | |
} | |
.button-mini.button-wide-left, | |
.button-mini.button-wide-left{ | |
padding-left:16px; | |
} | |
.button-mini.button-wide-right, | |
.button-mini.button-wide-right{ | |
padding-right:16px; | |
} | |
.button-mini.button-dropdown:after, | |
.button-mini.dropdown-toggle:after{ | |
margin-left:2px; | |
margin-top:-2px; | |
border-left-width:3.5px; | |
border-right-width:3.5px; | |
border-bottom-width:0; | |
border-top-width:4px; | |
} | |
.button-mini.button-rounded{ | |
border-radius:1000px; | |
padding-left:9.6px; | |
padding-right:9.6px; | |
} | |
.button-mini.button-rounded.button-narrow{ | |
padding-left:4.8px; | |
} | |
.button-mini.button-rounded.button-wide{ | |
padding-left:19.2px; | |
} | |
.button-mini.button-rounded.button-narrow{ | |
padding-right:4.8px; | |
} | |
.button-mini.button-rounded.button-wide{ | |
padding-right:19.2px; | |
} | |
.button-mini > *{ | |
padding-right:4px; | |
} | |
.button-group .button-mini{ | |
} | |
.button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-mini.button-rounded:first-of-type{ | |
padding-right:8px; | |
} | |
.button-group .button-mini.button-rounded:first-of-type.button-narrow{ | |
padding-right:4px; | |
} | |
.button-group .button-mini.button-rounded:first-of-type.button-wide{ | |
padding-right:16px; | |
} | |
.button-group .button-mini.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-mini.button-rounded:last-of-type{ | |
padding-left:8px; | |
} | |
.button-group .button-mini.button-rounded:last-of-type.button-narrow{ | |
padding-left:4px; | |
} | |
.button-group .button-mini.button-rounded:last-of-type.button-wide{ | |
padding-left:16px; | |
} | |
@media (min-width: 480px){ | |
.button-mini{ | |
} | |
.button-group{ | |
} | |
.button-group .button-mini{ | |
} | |
} | |
@media (min-width: 768px){ | |
.button-mini{ | |
} | |
.button-group{ | |
} | |
.button-group .button-mini{ | |
} | |
} | |
@media (min-width: 992px){ | |
.button-mini{ | |
} | |
.button-group{ | |
} | |
.button-group .button-mini{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.button-mini{ | |
} | |
.button-group{ | |
} | |
.button-group .button-mini{ | |
} | |
} | |
.button-small{ | |
font-size:14px; | |
line-height:20px; | |
padding-left:12px; | |
padding-right:12px; | |
height:28px; | |
border-radius:3px; | |
} | |
.button-small.button-narrow{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.button-small.button-narrow-left, | |
.button-small.button-narrow-left{ | |
padding-left:6px; | |
} | |
.button-small.button-narrow-right, | |
.button-small.button-narrow-right{ | |
padding-right:6px; | |
} | |
.button-small.button-wide{ | |
padding-left:24px; | |
padding-right:24px; | |
} | |
.button-small.button-wide-left, | |
.button-small.button-wide-left{ | |
padding-left:24px; | |
} | |
.button-small.button-wide-right, | |
.button-small.button-wide-right{ | |
padding-right:24px; | |
} | |
.button-small.button-dropdown:after, | |
.button-small.dropdown-toggle:after{ | |
margin-left:2px; | |
margin-top:-2px; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.button-small.button-rounded{ | |
border-radius:1000px; | |
padding-left:14.4px; | |
padding-right:14.4px; | |
} | |
.button-small.button-rounded.button-narrow{ | |
padding-left:7.2px; | |
} | |
.button-small.button-rounded.button-wide{ | |
padding-left:28.8px; | |
} | |
.button-small.button-rounded.button-narrow{ | |
padding-right:7.2px; | |
} | |
.button-small.button-rounded.button-wide{ | |
padding-right:28.8px; | |
} | |
.button-small > *{ | |
padding-right:6px; | |
} | |
.button-group .button-small{ | |
} | |
.button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-small.button-rounded:first-of-type{ | |
padding-right:12px; | |
} | |
.button-group .button-small.button-rounded:first-of-type.button-narrow{ | |
padding-right:6px; | |
} | |
.button-group .button-small.button-rounded:first-of-type.button-wide{ | |
padding-right:24px; | |
} | |
.button-group .button-small.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-small.button-rounded:last-of-type{ | |
padding-left:12px; | |
} | |
.button-group .button-small.button-rounded:last-of-type.button-narrow{ | |
padding-left:6px; | |
} | |
.button-group .button-small.button-rounded:last-of-type.button-wide{ | |
padding-left:24px; | |
} | |
@media (min-width: 480px){ | |
.button-small{ | |
} | |
.button-group{ | |
} | |
.button-group .button-small{ | |
} | |
} | |
@media (min-width: 768px){ | |
.button-small{ | |
} | |
.button-group{ | |
} | |
.button-group .button-small{ | |
} | |
} | |
@media (min-width: 992px){ | |
.button-small{ | |
} | |
.button-group{ | |
} | |
.button-group .button-small{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.button-small{ | |
} | |
.button-group{ | |
} | |
.button-group .button-small{ | |
} | |
} | |
.button-large{ | |
font-size:16px; | |
line-height:20px; | |
padding-left:28px; | |
padding-right:28px; | |
height:44px; | |
border-radius:5px; | |
} | |
.button-large.button-narrow{ | |
padding-left:14px; | |
padding-right:14px; | |
} | |
.button-large.button-narrow-left, | |
.button-large.button-narrow-left{ | |
padding-left:14px; | |
} | |
.button-large.button-narrow-right, | |
.button-large.button-narrow-right{ | |
padding-right:14px; | |
} | |
.button-large.button-wide{ | |
padding-left:56px; | |
padding-right:56px; | |
} | |
.button-large.button-wide-left, | |
.button-large.button-wide-left{ | |
padding-left:56px; | |
} | |
.button-large.button-wide-right, | |
.button-large.button-wide-right{ | |
padding-right:56px; | |
} | |
.button-large.button-dropdown:after, | |
.button-large.dropdown-toggle:after{ | |
margin-left:2px; | |
margin-top:-2px; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.button-large.button-rounded{ | |
border-radius:1000px; | |
padding-left:33.6px; | |
padding-right:33.6px; | |
} | |
.button-large.button-rounded.button-narrow{ | |
padding-left:16.8px; | |
} | |
.button-large.button-rounded.button-wide{ | |
padding-left:67.2px; | |
} | |
.button-large.button-rounded.button-narrow{ | |
padding-right:16.8px; | |
} | |
.button-large.button-rounded.button-wide{ | |
padding-right:67.2px; | |
} | |
.button-large > *{ | |
padding-right:8px; | |
} | |
.button-group .button-large{ | |
} | |
.button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-large.button-rounded:first-of-type{ | |
padding-right:28px; | |
} | |
.button-group .button-large.button-rounded:first-of-type.button-narrow{ | |
padding-right:14px; | |
} | |
.button-group .button-large.button-rounded:first-of-type.button-wide{ | |
padding-right:56px; | |
} | |
.button-group .button-large.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-large.button-rounded:last-of-type{ | |
padding-left:28px; | |
} | |
.button-group .button-large.button-rounded:last-of-type.button-narrow{ | |
padding-left:14px; | |
} | |
.button-group .button-large.button-rounded:last-of-type.button-wide{ | |
padding-left:56px; | |
} | |
@media (min-width: 480px){ | |
.button-large{ | |
} | |
.button-group{ | |
} | |
.button-group .button-large{ | |
} | |
} | |
@media (min-width: 768px){ | |
.button-large{ | |
} | |
.button-group{ | |
} | |
.button-group .button-large{ | |
} | |
} | |
@media (min-width: 992px){ | |
.button-large{ | |
} | |
.button-group{ | |
} | |
.button-group .button-large{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.button-large{ | |
} | |
.button-group{ | |
} | |
.button-group .button-large{ | |
} | |
} | |
.button-jumbo{ | |
font-size:18px; | |
line-height:22px; | |
padding-left:32px; | |
padding-right:32px; | |
height:52px; | |
border-radius:6px; | |
} | |
.button-jumbo.button-narrow{ | |
padding-left:16px; | |
padding-right:16px; | |
} | |
.button-jumbo.button-narrow-left, | |
.button-jumbo.button-narrow-left{ | |
padding-left:16px; | |
} | |
.button-jumbo.button-narrow-right, | |
.button-jumbo.button-narrow-right{ | |
padding-right:16px; | |
} | |
.button-jumbo.button-wide{ | |
padding-left:64px; | |
padding-right:64px; | |
} | |
.button-jumbo.button-wide-left, | |
.button-jumbo.button-wide-left{ | |
padding-left:64px; | |
} | |
.button-jumbo.button-wide-right, | |
.button-jumbo.button-wide-right{ | |
padding-right:64px; | |
} | |
.button-jumbo.button-dropdown:after, | |
.button-jumbo.dropdown-toggle:after{ | |
margin-left:2px; | |
margin-top:-2px; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.button-jumbo.button-rounded{ | |
border-radius:1000px; | |
padding-left:38.4px; | |
padding-right:38.4px; | |
} | |
.button-jumbo.button-rounded.button-narrow{ | |
padding-left:19.2px; | |
} | |
.button-jumbo.button-rounded.button-wide{ | |
padding-left:76.8px; | |
} | |
.button-jumbo.button-rounded.button-narrow{ | |
padding-right:19.2px; | |
} | |
.button-jumbo.button-rounded.button-wide{ | |
padding-right:76.8px; | |
} | |
.button-jumbo > *{ | |
padding-right:8px; | |
} | |
.button-group .button-jumbo{ | |
} | |
.button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-jumbo.button-rounded:first-of-type{ | |
padding-right:32px; | |
} | |
.button-group .button-jumbo.button-rounded:first-of-type.button-narrow{ | |
padding-right:16px; | |
} | |
.button-group .button-jumbo.button-rounded:first-of-type.button-wide{ | |
padding-right:64px; | |
} | |
.button-group .button-jumbo.button-rounded:not(:first-of-type):not(:last-of-type),.button-group .button-jumbo.button-rounded:last-of-type{ | |
padding-left:32px; | |
} | |
.button-group .button-jumbo.button-rounded:last-of-type.button-narrow{ | |
padding-left:16px; | |
} | |
.button-group .button-jumbo.button-rounded:last-of-type.button-wide{ | |
padding-left:64px; | |
} | |
@media (min-width: 480px){ | |
.button-jumbo{ | |
} | |
.button-group{ | |
} | |
.button-group .button-jumbo{ | |
} | |
} | |
@media (min-width: 768px){ | |
.button-jumbo{ | |
} | |
.button-group{ | |
} | |
.button-group .button-jumbo{ | |
} | |
} | |
@media (min-width: 992px){ | |
.button-jumbo{ | |
} | |
.button-group{ | |
} | |
.button-group .button-jumbo{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.button-jumbo{ | |
} | |
.button-group{ | |
} | |
.button-group .button-jumbo{ | |
} | |
} | |
.button-outline, | |
.button.button-stroke{ | |
color:#1b2029; | |
background-color:transparent; | |
border:1px solid #dadde2; | |
} | |
.button-outline.button-dropdown:after, | |
.button.button-stroke.button-dropdown:after, | |
.button-outline.dropdown-toggle:after, | |
.button.button-stroke.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-outline:hover, | |
.button.button-stroke:hover{ | |
color:#1b2029; | |
text-decoration:none; | |
background-color:#c4c7cb; | |
border-color:#c4c7cb; | |
} | |
.button-outline:hover.button-dropdown:after, | |
.button.button-stroke:hover.button-dropdown:after, | |
.button-outline:hover.dropdown-toggle:after, | |
.button.button-stroke:hover.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-outline:active, | |
.button.button-stroke:active{ | |
background-color:#aeb1b5; | |
border-color:#aeb1b5; | |
} | |
.button-outline.selected, | |
.button.button-stroke.selected, | |
.button-outline.active, | |
.button.button-stroke.active{ | |
text-decoration:none; | |
background-color:#dadde2; | |
border-color:#dadde2; | |
} | |
.button-outline.button-inverse, | |
.button.button-stroke.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border-color:#494d54; | |
} | |
.button-outline.button-inverse.button-dropdown:after, | |
.button.button-stroke.button-inverse.button-dropdown:after, | |
.button-outline.button-inverse.dropdown-toggle:after, | |
.button.button-stroke.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-outline.button-inverse:hover, | |
.button.button-stroke.button-inverse:hover{ | |
color:#fff; | |
text-decoration:none; | |
background-color:#3d4149; | |
border-color:#3d4149; | |
} | |
.button-outline.button-inverse:hover.button-dropdown:after, | |
.button.button-stroke.button-inverse:hover.button-dropdown:after, | |
.button-outline.button-inverse:hover.dropdown-toggle:after, | |
.button.button-stroke.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-outline.button-inverse:active, | |
.button.button-stroke.button-inverse:active{ | |
color:#fff; | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
.button-outline.button-inverse:active.button-dropdown:after, | |
.button.button-stroke.button-inverse:active.button-dropdown:after, | |
.button-outline.button-inverse:active.dropdown-toggle:after, | |
.button.button-stroke.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-outline.button-inverse.selected, | |
.button.button-stroke.button-inverse.selected, | |
.button-outline.button-inverse.active, | |
.button.button-stroke.button-inverse.active{ | |
text-decoration:none; | |
background-color:#494d54; | |
border-color:#494d54; | |
} | |
.button-group.open > .button-outline, | |
.button-group.open > .button.button-stroke{ | |
text-decoration:none; | |
background-color:#dadde2; | |
border-color:#dadde2; | |
} | |
.button-group.open > .button-outline.button-inverse, | |
.button-group.open > .button.button-stroke.button-inverse{ | |
text-decoration:none; | |
background-color:#494d54; | |
border-color:#494d54; | |
} | |
.button-link{ | |
color:#1b2029; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-link.button-dropdown:after, | |
.button-link.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-link:hover{ | |
color:#1b2029; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-link:hover.button-dropdown:after, | |
.button-link:hover.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-link:active{ | |
color:#1b2029; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-link:active.button-dropdown:after, | |
.button-link:active.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-link.selected, | |
.button-link.active{ | |
color:#1b2029; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-link.selected.button-dropdown:after, | |
.button-link.active.button-dropdown:after, | |
.button-link.selected.dropdown-toggle:after, | |
.button-link.active.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-link:disabled, | |
.button-link.disabled{ | |
color:#1b2029; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-link:disabled.button-dropdown:after, | |
.button-link.disabled.button-dropdown:after, | |
.button-link:disabled.dropdown-toggle:after, | |
.button-link.disabled.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-link.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-link.button-inverse.button-dropdown:after, | |
.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-link.button-inverse:hover{ | |
color:#fff; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-link.button-inverse:hover.button-dropdown:after, | |
.button-link.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-link.button-inverse:active{ | |
color:#fff; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-link.button-inverse:active.button-dropdown:after, | |
.button-link.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-link.button-inverse.selected, | |
.button-link.button-inverse.active{ | |
color:#fff; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-link.button-inverse.selected.button-dropdown:after, | |
.button-link.button-inverse.active.button-dropdown:after, | |
.button-link.button-inverse.selected.dropdown-toggle:after, | |
.button-link.button-inverse.active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-link.button-inverse:disabled, | |
.button-link.button-inverse.disabled{ | |
color:#fff; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-link.button-inverse:disabled.button-dropdown:after, | |
.button-link.button-inverse.disabled.button-dropdown:after, | |
.button-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-link.button-inverse.disabled.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-group.open > .button-link{ | |
color:#1b2029; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-link.button-dropdown:after, | |
.button-group.open > .button-link.dropdown-toggle:after{ | |
border-color:#1b2029 transparent transparent; | |
} | |
.button-group.open > .button-link.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-link.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary{ | |
color:#fff; | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
} | |
.button-primary.button-dropdown:after, | |
.button-primary.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary:hover{ | |
color:#fff; | |
background-color:#714fe6; | |
border-color:#714fe6; | |
} | |
.button-primary:hover.button-dropdown:after, | |
.button-primary:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary:active{ | |
color:#fff; | |
background-color:#6446cc; | |
border-color:#6446cc; | |
} | |
.button-primary:active.button-dropdown:after, | |
.button-primary:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary.selected, | |
.button-primary.active{ | |
background-color:#6446cc; | |
border-color:#6446cc; | |
} | |
.button-primary.button-inverse{ | |
color:#fff; | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
} | |
.button-primary.button-inverse.button-dropdown:after, | |
.button-primary.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary.button-inverse:hover{ | |
color:#fff; | |
background-color:#714fe6; | |
border-color:#714fe6; | |
} | |
.button-primary.button-inverse:hover.button-dropdown:after, | |
.button-primary.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary.button-inverse:active{ | |
color:#fff; | |
background-color:#6446cc; | |
border-color:#6446cc; | |
} | |
.button-primary.button-inverse:active.button-dropdown:after, | |
.button-primary.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary.button-inverse.selected, | |
.button-primary.button-inverse.active,.button-group.open > .button-primary,.button-group.open > .button-primary.button-inverse{ | |
background-color:#6446cc; | |
border-color:#6446cc; | |
} | |
.button-primary-outline, | |
.button-primary.button-stroke{ | |
color:#7d58ff; | |
background-color:transparent; | |
border:1px solid #7d58ff; | |
} | |
.button-primary-outline.button-dropdown:after, | |
.button-primary.button-stroke.button-dropdown:after, | |
.button-primary-outline.dropdown-toggle:after, | |
.button-primary.button-stroke.dropdown-toggle:after{ | |
border-color:#7d58ff transparent transparent; | |
} | |
.button-primary-outline:hover, | |
.button-primary.button-stroke:hover{ | |
color:#fff; | |
background-color:#714fe6; | |
border-color:#714fe6; | |
} | |
.button-primary-outline:hover.button-dropdown:after, | |
.button-primary.button-stroke:hover.button-dropdown:after, | |
.button-primary-outline:hover.dropdown-toggle:after, | |
.button-primary.button-stroke:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary-outline:active, | |
.button-primary.button-stroke:active{ | |
color:#fff; | |
background-color:#6446cc; | |
border-color:#6446cc; | |
} | |
.button-primary-outline:active.button-dropdown:after, | |
.button-primary.button-stroke:active.button-dropdown:after, | |
.button-primary-outline:active.dropdown-toggle:after, | |
.button-primary.button-stroke:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary-outline.selected, | |
.button-primary.button-stroke.selected, | |
.button-primary-outline.active, | |
.button-primary.button-stroke.active{ | |
color:#fff; | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
} | |
.button-primary-outline.selected.button-dropdown:after, | |
.button-primary.button-stroke.selected.button-dropdown:after, | |
.button-primary-outline.active.button-dropdown:after, | |
.button-primary.button-stroke.active.button-dropdown:after, | |
.button-primary-outline.selected.dropdown-toggle:after, | |
.button-primary.button-stroke.selected.dropdown-toggle:after, | |
.button-primary-outline.active.dropdown-toggle:after, | |
.button-primary.button-stroke.active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary-outline.button-inverse, | |
.button-primary.button-stroke.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border:1px solid #7d58ff; | |
} | |
.button-primary-outline.button-inverse.button-dropdown:after, | |
.button-primary.button-stroke.button-inverse.button-dropdown:after, | |
.button-primary-outline.button-inverse.dropdown-toggle:after, | |
.button-primary.button-stroke.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary-outline.button-inverse:hover, | |
.button-primary.button-stroke.button-inverse:hover{ | |
color:#fff; | |
background-color:#714fe6; | |
border-color:#714fe6; | |
} | |
.button-primary-outline.button-inverse:hover.button-dropdown:after, | |
.button-primary.button-stroke.button-inverse:hover.button-dropdown:after, | |
.button-primary-outline.button-inverse:hover.dropdown-toggle:after, | |
.button-primary.button-stroke.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary-outline.button-inverse:active, | |
.button-primary.button-stroke.button-inverse:active{ | |
color:#fff; | |
background-color:#6446cc; | |
border-color:#6446cc; | |
} | |
.button-primary-outline.button-inverse:active.button-dropdown:after, | |
.button-primary.button-stroke.button-inverse:active.button-dropdown:after, | |
.button-primary-outline.button-inverse:active.dropdown-toggle:after, | |
.button-primary.button-stroke.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-primary-outline.button-inverse.selected, | |
.button-primary.button-stroke.button-inverse.selected, | |
.button-primary-outline.button-inverse.active, | |
.button-primary.button-stroke.button-inverse.active{ | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
} | |
.button-group.open > .button-primary-outline, | |
.button-group.open > .button-primary.button-stroke{ | |
color:#fff; | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
} | |
.button-group.open > .button-primary-outline.button-dropdown:after, | |
.button-group.open > .button-primary.button-stroke.button-dropdown:after, | |
.button-group.open > .button-primary-outline.dropdown-toggle:after, | |
.button-group.open > .button-primary.button-stroke.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-group.open > .button-primary-outline.button-inverse, | |
.button-group.open > .button-primary.button-stroke.button-inverse{ | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
} | |
.button-primary-link, | |
.button-primary.button-link{ | |
color:#7d58ff; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-primary-link.button-dropdown:after, | |
.button-primary.button-link.button-dropdown:after, | |
.button-primary-link.dropdown-toggle:after, | |
.button-primary.button-link.dropdown-toggle:after{ | |
border-color:#7d58ff transparent transparent; | |
} | |
.button-primary-link:hover, | |
.button-primary.button-link:hover{ | |
color:#714fe6; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-primary-link:hover.button-dropdown:after, | |
.button-primary.button-link:hover.button-dropdown:after, | |
.button-primary-link:hover.dropdown-toggle:after, | |
.button-primary.button-link:hover.dropdown-toggle:after{ | |
border-color:#714fe6 transparent transparent; | |
} | |
.button-primary-link:active, | |
.button-primary.button-link:active{ | |
color:#6446cc; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-primary-link:active.button-dropdown:after, | |
.button-primary.button-link:active.button-dropdown:after, | |
.button-primary-link:active.dropdown-toggle:after, | |
.button-primary.button-link:active.dropdown-toggle:after{ | |
border-color:#6446cc transparent transparent; | |
} | |
.button-primary-link.selected, | |
.button-primary.button-link.selected, | |
.button-primary-link.active, | |
.button-primary.button-link.active{ | |
color:#6446cc; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-primary-link.selected.button-dropdown:after, | |
.button-primary.button-link.selected.button-dropdown:after, | |
.button-primary-link.active.button-dropdown:after, | |
.button-primary.button-link.active.button-dropdown:after, | |
.button-primary-link.selected.dropdown-toggle:after, | |
.button-primary.button-link.selected.dropdown-toggle:after, | |
.button-primary-link.active.dropdown-toggle:after, | |
.button-primary.button-link.active.dropdown-toggle:after{ | |
border-color:#6446cc transparent transparent; | |
} | |
.button-primary-link:disabled, | |
.button-primary.button-link:disabled, | |
.button-primary-link.disabled, | |
.button-primary.button-link.disabled{ | |
color:#7d58ff; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-primary-link:disabled.button-dropdown:after, | |
.button-primary.button-link:disabled.button-dropdown:after, | |
.button-primary-link.disabled.button-dropdown:after, | |
.button-primary.button-link.disabled.button-dropdown:after, | |
.button-primary-link:disabled.dropdown-toggle:after, | |
.button-primary.button-link:disabled.dropdown-toggle:after, | |
.button-primary-link.disabled.dropdown-toggle:after, | |
.button-primary.button-link.disabled.dropdown-toggle:after{ | |
border-color:#7d58ff transparent transparent; | |
} | |
.button-primary-link.button-inverse, | |
.button-primary.button-link.button-inverse{ | |
color:#7d58ff; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-primary-link.button-inverse.button-dropdown:after, | |
.button-primary.button-link.button-inverse.button-dropdown:after, | |
.button-primary-link.button-inverse.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:#7d58ff transparent transparent; | |
} | |
.button-primary-link.button-inverse:hover, | |
.button-primary.button-link.button-inverse:hover{ | |
color:#714fe6; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-primary-link.button-inverse:hover.button-dropdown:after, | |
.button-primary.button-link.button-inverse:hover.button-dropdown:after, | |
.button-primary-link.button-inverse:hover.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#714fe6 transparent transparent; | |
} | |
.button-primary-link.button-inverse:active, | |
.button-primary.button-link.button-inverse:active{ | |
color:s #6446cc; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-primary-link.button-inverse:active.button-dropdown:after, | |
.button-primary.button-link.button-inverse:active.button-dropdown:after, | |
.button-primary-link.button-inverse:active.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse:active.dropdown-toggle:after{ | |
border-color:s #6446cc transparent transparent; | |
} | |
.button-primary-link.button-inverse.selected, | |
.button-primary.button-link.button-inverse.selected, | |
.button-primary-link.button-inverse.active, | |
.button-primary.button-link.button-inverse.active{ | |
color:s #6446cc; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-primary-link.button-inverse.selected.button-dropdown:after, | |
.button-primary.button-link.button-inverse.selected.button-dropdown:after, | |
.button-primary-link.button-inverse.active.button-dropdown:after, | |
.button-primary.button-link.button-inverse.active.button-dropdown:after, | |
.button-primary-link.button-inverse.selected.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse.selected.dropdown-toggle:after, | |
.button-primary-link.button-inverse.active.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse.active.dropdown-toggle:after{ | |
border-color:s #6446cc transparent transparent; | |
} | |
.button-primary-link.button-inverse:disabled, | |
.button-primary.button-link.button-inverse:disabled, | |
.button-primary-link.button-inverse.disabled, | |
.button-primary.button-link.button-inverse.disabled{ | |
color:#7d58ff; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-primary-link.button-inverse:disabled.button-dropdown:after, | |
.button-primary.button-link.button-inverse:disabled.button-dropdown:after, | |
.button-primary-link.button-inverse.disabled.button-dropdown:after, | |
.button-primary.button-link.button-inverse.disabled.button-dropdown:after, | |
.button-primary-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-primary-link.button-inverse.disabled.dropdown-toggle:after, | |
.button-primary.button-link.button-inverse.disabled.dropdown-toggle:after{ | |
border-color:#7d58ff transparent transparent; | |
} | |
.button-group.open > .button-primary-link, | |
.button-group.open > .button-primary.button-link{ | |
color:#6446cc; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-primary-link.button-dropdown:after, | |
.button-group.open > .button-primary.button-link.button-dropdown:after, | |
.button-group.open > .button-primary-link.dropdown-toggle:after, | |
.button-group.open > .button-primary.button-link.dropdown-toggle:after{ | |
border-color:#6446cc transparent transparent; | |
} | |
.button-group.open > .button-primary-link.button-inverse, | |
.button-group.open > .button-primary.button-link.button-inverse{ | |
color:s #6446cc; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-primary-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-primary.button-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-primary-link.button-inverse.dropdown-toggle:after, | |
.button-group.open > .button-primary.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:s #6446cc transparent transparent; | |
} | |
.button-success{ | |
color:#fff; | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.button-success.button-dropdown:after, | |
.button-success.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success:hover{ | |
color:#fff; | |
background-color:#12b277; | |
border-color:#12b277; | |
} | |
.button-success:hover.button-dropdown:after, | |
.button-success:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success:active{ | |
color:#fff; | |
background-color:#109e6a; | |
border-color:#109e6a; | |
} | |
.button-success:active.button-dropdown:after, | |
.button-success:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success.selected, | |
.button-success.active{ | |
background-color:#109e6a; | |
border-color:#109e6a; | |
} | |
.button-success.button-inverse{ | |
color:#fff; | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.button-success.button-inverse.button-dropdown:after, | |
.button-success.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success.button-inverse:hover{ | |
color:#fff; | |
background-color:#12b277; | |
border-color:#12b277; | |
} | |
.button-success.button-inverse:hover.button-dropdown:after, | |
.button-success.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success.button-inverse:active{ | |
color:#fff; | |
background-color:#109e6a; | |
border-color:#109e6a; | |
} | |
.button-success.button-inverse:active.button-dropdown:after, | |
.button-success.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success.button-inverse.selected, | |
.button-success.button-inverse.active,.button-group.open > .button-success,.button-group.open > .button-success.button-inverse{ | |
background-color:#109e6a; | |
border-color:#109e6a; | |
} | |
.button-success-outline, | |
.button-success.button-stroke{ | |
color:#14c684; | |
background-color:transparent; | |
border:1px solid #14c684; | |
} | |
.button-success-outline.button-dropdown:after, | |
.button-success.button-stroke.button-dropdown:after, | |
.button-success-outline.dropdown-toggle:after, | |
.button-success.button-stroke.dropdown-toggle:after{ | |
border-color:#14c684 transparent transparent; | |
} | |
.button-success-outline:hover, | |
.button-success.button-stroke:hover{ | |
color:#fff; | |
background-color:#12b277; | |
border-color:#12b277; | |
} | |
.button-success-outline:hover.button-dropdown:after, | |
.button-success.button-stroke:hover.button-dropdown:after, | |
.button-success-outline:hover.dropdown-toggle:after, | |
.button-success.button-stroke:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success-outline:active, | |
.button-success.button-stroke:active{ | |
color:#fff; | |
background-color:#109e6a; | |
border-color:#109e6a; | |
} | |
.button-success-outline:active.button-dropdown:after, | |
.button-success.button-stroke:active.button-dropdown:after, | |
.button-success-outline:active.dropdown-toggle:after, | |
.button-success.button-stroke:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success-outline.selected, | |
.button-success.button-stroke.selected, | |
.button-success-outline.active, | |
.button-success.button-stroke.active{ | |
color:#fff; | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.button-success-outline.selected.button-dropdown:after, | |
.button-success.button-stroke.selected.button-dropdown:after, | |
.button-success-outline.active.button-dropdown:after, | |
.button-success.button-stroke.active.button-dropdown:after, | |
.button-success-outline.selected.dropdown-toggle:after, | |
.button-success.button-stroke.selected.dropdown-toggle:after, | |
.button-success-outline.active.dropdown-toggle:after, | |
.button-success.button-stroke.active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success-outline.button-inverse, | |
.button-success.button-stroke.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border:1px solid #14c684; | |
} | |
.button-success-outline.button-inverse.button-dropdown:after, | |
.button-success.button-stroke.button-inverse.button-dropdown:after, | |
.button-success-outline.button-inverse.dropdown-toggle:after, | |
.button-success.button-stroke.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success-outline.button-inverse:hover, | |
.button-success.button-stroke.button-inverse:hover{ | |
color:#fff; | |
background-color:#12b277; | |
border-color:#12b277; | |
} | |
.button-success-outline.button-inverse:hover.button-dropdown:after, | |
.button-success.button-stroke.button-inverse:hover.button-dropdown:after, | |
.button-success-outline.button-inverse:hover.dropdown-toggle:after, | |
.button-success.button-stroke.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success-outline.button-inverse:active, | |
.button-success.button-stroke.button-inverse:active{ | |
color:#fff; | |
background-color:#109e6a; | |
border-color:#109e6a; | |
} | |
.button-success-outline.button-inverse:active.button-dropdown:after, | |
.button-success.button-stroke.button-inverse:active.button-dropdown:after, | |
.button-success-outline.button-inverse:active.dropdown-toggle:after, | |
.button-success.button-stroke.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-success-outline.button-inverse.selected, | |
.button-success.button-stroke.button-inverse.selected, | |
.button-success-outline.button-inverse.active, | |
.button-success.button-stroke.button-inverse.active{ | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.button-group.open > .button-success-outline, | |
.button-group.open > .button-success.button-stroke{ | |
color:#fff; | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.button-group.open > .button-success-outline.button-dropdown:after, | |
.button-group.open > .button-success.button-stroke.button-dropdown:after, | |
.button-group.open > .button-success-outline.dropdown-toggle:after, | |
.button-group.open > .button-success.button-stroke.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-group.open > .button-success-outline.button-inverse, | |
.button-group.open > .button-success.button-stroke.button-inverse{ | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.button-success-link, | |
.button-success.button-link{ | |
color:#14c684; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-success-link.button-dropdown:after, | |
.button-success.button-link.button-dropdown:after, | |
.button-success-link.dropdown-toggle:after, | |
.button-success.button-link.dropdown-toggle:after{ | |
border-color:#14c684 transparent transparent; | |
} | |
.button-success-link:hover, | |
.button-success.button-link:hover{ | |
color:#12b277; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-success-link:hover.button-dropdown:after, | |
.button-success.button-link:hover.button-dropdown:after, | |
.button-success-link:hover.dropdown-toggle:after, | |
.button-success.button-link:hover.dropdown-toggle:after{ | |
border-color:#12b277 transparent transparent; | |
} | |
.button-success-link:active, | |
.button-success.button-link:active{ | |
color:#109e6a; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-success-link:active.button-dropdown:after, | |
.button-success.button-link:active.button-dropdown:after, | |
.button-success-link:active.dropdown-toggle:after, | |
.button-success.button-link:active.dropdown-toggle:after{ | |
border-color:#109e6a transparent transparent; | |
} | |
.button-success-link.selected, | |
.button-success.button-link.selected, | |
.button-success-link.active, | |
.button-success.button-link.active{ | |
color:#109e6a; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-success-link.selected.button-dropdown:after, | |
.button-success.button-link.selected.button-dropdown:after, | |
.button-success-link.active.button-dropdown:after, | |
.button-success.button-link.active.button-dropdown:after, | |
.button-success-link.selected.dropdown-toggle:after, | |
.button-success.button-link.selected.dropdown-toggle:after, | |
.button-success-link.active.dropdown-toggle:after, | |
.button-success.button-link.active.dropdown-toggle:after{ | |
border-color:#109e6a transparent transparent; | |
} | |
.button-success-link:disabled, | |
.button-success.button-link:disabled, | |
.button-success-link.disabled, | |
.button-success.button-link.disabled{ | |
color:#14c684; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-success-link:disabled.button-dropdown:after, | |
.button-success.button-link:disabled.button-dropdown:after, | |
.button-success-link.disabled.button-dropdown:after, | |
.button-success.button-link.disabled.button-dropdown:after, | |
.button-success-link:disabled.dropdown-toggle:after, | |
.button-success.button-link:disabled.dropdown-toggle:after, | |
.button-success-link.disabled.dropdown-toggle:after, | |
.button-success.button-link.disabled.dropdown-toggle:after{ | |
border-color:#14c684 transparent transparent; | |
} | |
.button-success-link.button-inverse, | |
.button-success.button-link.button-inverse{ | |
color:#14c684; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-success-link.button-inverse.button-dropdown:after, | |
.button-success.button-link.button-inverse.button-dropdown:after, | |
.button-success-link.button-inverse.dropdown-toggle:after, | |
.button-success.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:#14c684 transparent transparent; | |
} | |
.button-success-link.button-inverse:hover, | |
.button-success.button-link.button-inverse:hover{ | |
color:#12b277; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-success-link.button-inverse:hover.button-dropdown:after, | |
.button-success.button-link.button-inverse:hover.button-dropdown:after, | |
.button-success-link.button-inverse:hover.dropdown-toggle:after, | |
.button-success.button-link.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#12b277 transparent transparent; | |
} | |
.button-success-link.button-inverse:active, | |
.button-success.button-link.button-inverse:active{ | |
color:s #109e6a; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-success-link.button-inverse:active.button-dropdown:after, | |
.button-success.button-link.button-inverse:active.button-dropdown:after, | |
.button-success-link.button-inverse:active.dropdown-toggle:after, | |
.button-success.button-link.button-inverse:active.dropdown-toggle:after{ | |
border-color:s #109e6a transparent transparent; | |
} | |
.button-success-link.button-inverse.selected, | |
.button-success.button-link.button-inverse.selected, | |
.button-success-link.button-inverse.active, | |
.button-success.button-link.button-inverse.active{ | |
color:s #109e6a; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-success-link.button-inverse.selected.button-dropdown:after, | |
.button-success.button-link.button-inverse.selected.button-dropdown:after, | |
.button-success-link.button-inverse.active.button-dropdown:after, | |
.button-success.button-link.button-inverse.active.button-dropdown:after, | |
.button-success-link.button-inverse.selected.dropdown-toggle:after, | |
.button-success.button-link.button-inverse.selected.dropdown-toggle:after, | |
.button-success-link.button-inverse.active.dropdown-toggle:after, | |
.button-success.button-link.button-inverse.active.dropdown-toggle:after{ | |
border-color:s #109e6a transparent transparent; | |
} | |
.button-success-link.button-inverse:disabled, | |
.button-success.button-link.button-inverse:disabled, | |
.button-success-link.button-inverse.disabled, | |
.button-success.button-link.button-inverse.disabled{ | |
color:#14c684; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-success-link.button-inverse:disabled.button-dropdown:after, | |
.button-success.button-link.button-inverse:disabled.button-dropdown:after, | |
.button-success-link.button-inverse.disabled.button-dropdown:after, | |
.button-success.button-link.button-inverse.disabled.button-dropdown:after, | |
.button-success-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-success.button-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-success-link.button-inverse.disabled.dropdown-toggle:after, | |
.button-success.button-link.button-inverse.disabled.dropdown-toggle:after{ | |
border-color:#14c684 transparent transparent; | |
} | |
.button-group.open > .button-success-link, | |
.button-group.open > .button-success.button-link{ | |
color:#109e6a; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-success-link.button-dropdown:after, | |
.button-group.open > .button-success.button-link.button-dropdown:after, | |
.button-group.open > .button-success-link.dropdown-toggle:after, | |
.button-group.open > .button-success.button-link.dropdown-toggle:after{ | |
border-color:#109e6a transparent transparent; | |
} | |
.button-group.open > .button-success-link.button-inverse, | |
.button-group.open > .button-success.button-link.button-inverse{ | |
color:s #109e6a; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-success-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-success.button-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-success-link.button-inverse.dropdown-toggle:after, | |
.button-group.open > .button-success.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:s #109e6a transparent transparent; | |
} | |
.button-warning{ | |
color:#fff; | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.button-warning.button-dropdown:after, | |
.button-warning.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning:hover{ | |
color:#fff; | |
background-color:#e09324; | |
border-color:#e09324; | |
} | |
.button-warning:hover.button-dropdown:after, | |
.button-warning:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning:active{ | |
color:#fff; | |
background-color:#c78220; | |
border-color:#c78220; | |
} | |
.button-warning:active.button-dropdown:after, | |
.button-warning:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning.selected, | |
.button-warning.active{ | |
background-color:#c78220; | |
border-color:#c78220; | |
} | |
.button-warning.button-inverse{ | |
color:#fff; | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.button-warning.button-inverse.button-dropdown:after, | |
.button-warning.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning.button-inverse:hover{ | |
color:#fff; | |
background-color:#e09324; | |
border-color:#e09324; | |
} | |
.button-warning.button-inverse:hover.button-dropdown:after, | |
.button-warning.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning.button-inverse:active{ | |
color:#fff; | |
background-color:#c78220; | |
border-color:#c78220; | |
} | |
.button-warning.button-inverse:active.button-dropdown:after, | |
.button-warning.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning.button-inverse.selected, | |
.button-warning.button-inverse.active,.button-group.open > .button-warning,.button-group.open > .button-warning.button-inverse{ | |
background-color:#c78220; | |
border-color:#c78220; | |
} | |
.button-warning-outline, | |
.button-warning.button-stroke{ | |
color:#f9a328; | |
background-color:transparent; | |
border:1px solid #f9a328; | |
} | |
.button-warning-outline.button-dropdown:after, | |
.button-warning.button-stroke.button-dropdown:after, | |
.button-warning-outline.dropdown-toggle:after, | |
.button-warning.button-stroke.dropdown-toggle:after{ | |
border-color:#f9a328 transparent transparent; | |
} | |
.button-warning-outline:hover, | |
.button-warning.button-stroke:hover{ | |
color:#fff; | |
background-color:#e09324; | |
border-color:#e09324; | |
} | |
.button-warning-outline:hover.button-dropdown:after, | |
.button-warning.button-stroke:hover.button-dropdown:after, | |
.button-warning-outline:hover.dropdown-toggle:after, | |
.button-warning.button-stroke:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning-outline:active, | |
.button-warning.button-stroke:active{ | |
color:#fff; | |
background-color:#c78220; | |
border-color:#c78220; | |
} | |
.button-warning-outline:active.button-dropdown:after, | |
.button-warning.button-stroke:active.button-dropdown:after, | |
.button-warning-outline:active.dropdown-toggle:after, | |
.button-warning.button-stroke:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning-outline.selected, | |
.button-warning.button-stroke.selected, | |
.button-warning-outline.active, | |
.button-warning.button-stroke.active{ | |
color:#fff; | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.button-warning-outline.selected.button-dropdown:after, | |
.button-warning.button-stroke.selected.button-dropdown:after, | |
.button-warning-outline.active.button-dropdown:after, | |
.button-warning.button-stroke.active.button-dropdown:after, | |
.button-warning-outline.selected.dropdown-toggle:after, | |
.button-warning.button-stroke.selected.dropdown-toggle:after, | |
.button-warning-outline.active.dropdown-toggle:after, | |
.button-warning.button-stroke.active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning-outline.button-inverse, | |
.button-warning.button-stroke.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border:1px solid #f9a328; | |
} | |
.button-warning-outline.button-inverse.button-dropdown:after, | |
.button-warning.button-stroke.button-inverse.button-dropdown:after, | |
.button-warning-outline.button-inverse.dropdown-toggle:after, | |
.button-warning.button-stroke.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning-outline.button-inverse:hover, | |
.button-warning.button-stroke.button-inverse:hover{ | |
color:#fff; | |
background-color:#e09324; | |
border-color:#e09324; | |
} | |
.button-warning-outline.button-inverse:hover.button-dropdown:after, | |
.button-warning.button-stroke.button-inverse:hover.button-dropdown:after, | |
.button-warning-outline.button-inverse:hover.dropdown-toggle:after, | |
.button-warning.button-stroke.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning-outline.button-inverse:active, | |
.button-warning.button-stroke.button-inverse:active{ | |
color:#fff; | |
background-color:#c78220; | |
border-color:#c78220; | |
} | |
.button-warning-outline.button-inverse:active.button-dropdown:after, | |
.button-warning.button-stroke.button-inverse:active.button-dropdown:after, | |
.button-warning-outline.button-inverse:active.dropdown-toggle:after, | |
.button-warning.button-stroke.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-warning-outline.button-inverse.selected, | |
.button-warning.button-stroke.button-inverse.selected, | |
.button-warning-outline.button-inverse.active, | |
.button-warning.button-stroke.button-inverse.active{ | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.button-group.open > .button-warning-outline, | |
.button-group.open > .button-warning.button-stroke{ | |
color:#fff; | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.button-group.open > .button-warning-outline.button-dropdown:after, | |
.button-group.open > .button-warning.button-stroke.button-dropdown:after, | |
.button-group.open > .button-warning-outline.dropdown-toggle:after, | |
.button-group.open > .button-warning.button-stroke.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-group.open > .button-warning-outline.button-inverse, | |
.button-group.open > .button-warning.button-stroke.button-inverse{ | |
background-color:#f9a328; | |
border-color:#f9a328; | |
} | |
.button-warning-link, | |
.button-warning.button-link{ | |
color:#f9a328; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-warning-link.button-dropdown:after, | |
.button-warning.button-link.button-dropdown:after, | |
.button-warning-link.dropdown-toggle:after, | |
.button-warning.button-link.dropdown-toggle:after{ | |
border-color:#f9a328 transparent transparent; | |
} | |
.button-warning-link:hover, | |
.button-warning.button-link:hover{ | |
color:#e09324; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-warning-link:hover.button-dropdown:after, | |
.button-warning.button-link:hover.button-dropdown:after, | |
.button-warning-link:hover.dropdown-toggle:after, | |
.button-warning.button-link:hover.dropdown-toggle:after{ | |
border-color:#e09324 transparent transparent; | |
} | |
.button-warning-link:active, | |
.button-warning.button-link:active{ | |
color:#c78220; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-warning-link:active.button-dropdown:after, | |
.button-warning.button-link:active.button-dropdown:after, | |
.button-warning-link:active.dropdown-toggle:after, | |
.button-warning.button-link:active.dropdown-toggle:after{ | |
border-color:#c78220 transparent transparent; | |
} | |
.button-warning-link.selected, | |
.button-warning.button-link.selected, | |
.button-warning-link.active, | |
.button-warning.button-link.active{ | |
color:#c78220; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-warning-link.selected.button-dropdown:after, | |
.button-warning.button-link.selected.button-dropdown:after, | |
.button-warning-link.active.button-dropdown:after, | |
.button-warning.button-link.active.button-dropdown:after, | |
.button-warning-link.selected.dropdown-toggle:after, | |
.button-warning.button-link.selected.dropdown-toggle:after, | |
.button-warning-link.active.dropdown-toggle:after, | |
.button-warning.button-link.active.dropdown-toggle:after{ | |
border-color:#c78220 transparent transparent; | |
} | |
.button-warning-link:disabled, | |
.button-warning.button-link:disabled, | |
.button-warning-link.disabled, | |
.button-warning.button-link.disabled{ | |
color:#f9a328; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-warning-link:disabled.button-dropdown:after, | |
.button-warning.button-link:disabled.button-dropdown:after, | |
.button-warning-link.disabled.button-dropdown:after, | |
.button-warning.button-link.disabled.button-dropdown:after, | |
.button-warning-link:disabled.dropdown-toggle:after, | |
.button-warning.button-link:disabled.dropdown-toggle:after, | |
.button-warning-link.disabled.dropdown-toggle:after, | |
.button-warning.button-link.disabled.dropdown-toggle:after{ | |
border-color:#f9a328 transparent transparent; | |
} | |
.button-warning-link.button-inverse, | |
.button-warning.button-link.button-inverse{ | |
color:#f9a328; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-warning-link.button-inverse.button-dropdown:after, | |
.button-warning.button-link.button-inverse.button-dropdown:after, | |
.button-warning-link.button-inverse.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:#f9a328 transparent transparent; | |
} | |
.button-warning-link.button-inverse:hover, | |
.button-warning.button-link.button-inverse:hover{ | |
color:#e09324; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-warning-link.button-inverse:hover.button-dropdown:after, | |
.button-warning.button-link.button-inverse:hover.button-dropdown:after, | |
.button-warning-link.button-inverse:hover.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#e09324 transparent transparent; | |
} | |
.button-warning-link.button-inverse:active, | |
.button-warning.button-link.button-inverse:active{ | |
color:s #c78220; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-warning-link.button-inverse:active.button-dropdown:after, | |
.button-warning.button-link.button-inverse:active.button-dropdown:after, | |
.button-warning-link.button-inverse:active.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse:active.dropdown-toggle:after{ | |
border-color:s #c78220 transparent transparent; | |
} | |
.button-warning-link.button-inverse.selected, | |
.button-warning.button-link.button-inverse.selected, | |
.button-warning-link.button-inverse.active, | |
.button-warning.button-link.button-inverse.active{ | |
color:s #c78220; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-warning-link.button-inverse.selected.button-dropdown:after, | |
.button-warning.button-link.button-inverse.selected.button-dropdown:after, | |
.button-warning-link.button-inverse.active.button-dropdown:after, | |
.button-warning.button-link.button-inverse.active.button-dropdown:after, | |
.button-warning-link.button-inverse.selected.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse.selected.dropdown-toggle:after, | |
.button-warning-link.button-inverse.active.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse.active.dropdown-toggle:after{ | |
border-color:s #c78220 transparent transparent; | |
} | |
.button-warning-link.button-inverse:disabled, | |
.button-warning.button-link.button-inverse:disabled, | |
.button-warning-link.button-inverse.disabled, | |
.button-warning.button-link.button-inverse.disabled{ | |
color:#f9a328; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-warning-link.button-inverse:disabled.button-dropdown:after, | |
.button-warning.button-link.button-inverse:disabled.button-dropdown:after, | |
.button-warning-link.button-inverse.disabled.button-dropdown:after, | |
.button-warning.button-link.button-inverse.disabled.button-dropdown:after, | |
.button-warning-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-warning-link.button-inverse.disabled.dropdown-toggle:after, | |
.button-warning.button-link.button-inverse.disabled.dropdown-toggle:after{ | |
border-color:#f9a328 transparent transparent; | |
} | |
.button-group.open > .button-warning-link, | |
.button-group.open > .button-warning.button-link{ | |
color:#c78220; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-warning-link.button-dropdown:after, | |
.button-group.open > .button-warning.button-link.button-dropdown:after, | |
.button-group.open > .button-warning-link.dropdown-toggle:after, | |
.button-group.open > .button-warning.button-link.dropdown-toggle:after{ | |
border-color:#c78220 transparent transparent; | |
} | |
.button-group.open > .button-warning-link.button-inverse, | |
.button-group.open > .button-warning.button-link.button-inverse{ | |
color:s #c78220; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-warning-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-warning.button-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-warning-link.button-inverse.dropdown-toggle:after, | |
.button-group.open > .button-warning.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:s #c78220 transparent transparent; | |
} | |
.button-danger{ | |
color:#fff; | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.button-danger.button-dropdown:after, | |
.button-danger.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger:hover{ | |
color:#fff; | |
background-color:#d42534; | |
border-color:#d42534; | |
} | |
.button-danger:hover.button-dropdown:after, | |
.button-danger:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger:active{ | |
color:#fff; | |
background-color:#bc212e; | |
border-color:#bc212e; | |
} | |
.button-danger:active.button-dropdown:after, | |
.button-danger:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger.selected, | |
.button-danger.active{ | |
background-color:#bc212e; | |
border-color:#bc212e; | |
} | |
.button-danger.button-inverse{ | |
color:#fff; | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.button-danger.button-inverse.button-dropdown:after, | |
.button-danger.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger.button-inverse:hover{ | |
color:#fff; | |
background-color:#d42534; | |
border-color:#d42534; | |
} | |
.button-danger.button-inverse:hover.button-dropdown:after, | |
.button-danger.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger.button-inverse:active{ | |
color:#fff; | |
background-color:#bc212e; | |
border-color:#bc212e; | |
} | |
.button-danger.button-inverse:active.button-dropdown:after, | |
.button-danger.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger.button-inverse.selected, | |
.button-danger.button-inverse.active,.button-group.open > .button-danger,.button-group.open > .button-danger.button-inverse{ | |
background-color:#bc212e; | |
border-color:#bc212e; | |
} | |
.button-danger-outline, | |
.button-danger.button-stroke{ | |
color:#eb293a; | |
background-color:transparent; | |
border:1px solid #eb293a; | |
} | |
.button-danger-outline.button-dropdown:after, | |
.button-danger.button-stroke.button-dropdown:after, | |
.button-danger-outline.dropdown-toggle:after, | |
.button-danger.button-stroke.dropdown-toggle:after{ | |
border-color:#eb293a transparent transparent; | |
} | |
.button-danger-outline:hover, | |
.button-danger.button-stroke:hover{ | |
color:#fff; | |
background-color:#d42534; | |
border-color:#d42534; | |
} | |
.button-danger-outline:hover.button-dropdown:after, | |
.button-danger.button-stroke:hover.button-dropdown:after, | |
.button-danger-outline:hover.dropdown-toggle:after, | |
.button-danger.button-stroke:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger-outline:active, | |
.button-danger.button-stroke:active{ | |
color:#fff; | |
background-color:#bc212e; | |
border-color:#bc212e; | |
} | |
.button-danger-outline:active.button-dropdown:after, | |
.button-danger.button-stroke:active.button-dropdown:after, | |
.button-danger-outline:active.dropdown-toggle:after, | |
.button-danger.button-stroke:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger-outline.selected, | |
.button-danger.button-stroke.selected, | |
.button-danger-outline.active, | |
.button-danger.button-stroke.active{ | |
color:#fff; | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.button-danger-outline.selected.button-dropdown:after, | |
.button-danger.button-stroke.selected.button-dropdown:after, | |
.button-danger-outline.active.button-dropdown:after, | |
.button-danger.button-stroke.active.button-dropdown:after, | |
.button-danger-outline.selected.dropdown-toggle:after, | |
.button-danger.button-stroke.selected.dropdown-toggle:after, | |
.button-danger-outline.active.dropdown-toggle:after, | |
.button-danger.button-stroke.active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger-outline.button-inverse, | |
.button-danger.button-stroke.button-inverse{ | |
color:#fff; | |
background-color:transparent; | |
border:1px solid #eb293a; | |
} | |
.button-danger-outline.button-inverse.button-dropdown:after, | |
.button-danger.button-stroke.button-inverse.button-dropdown:after, | |
.button-danger-outline.button-inverse.dropdown-toggle:after, | |
.button-danger.button-stroke.button-inverse.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger-outline.button-inverse:hover, | |
.button-danger.button-stroke.button-inverse:hover{ | |
color:#fff; | |
background-color:#d42534; | |
border-color:#d42534; | |
} | |
.button-danger-outline.button-inverse:hover.button-dropdown:after, | |
.button-danger.button-stroke.button-inverse:hover.button-dropdown:after, | |
.button-danger-outline.button-inverse:hover.dropdown-toggle:after, | |
.button-danger.button-stroke.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger-outline.button-inverse:active, | |
.button-danger.button-stroke.button-inverse:active{ | |
color:#fff; | |
background-color:#bc212e; | |
border-color:#bc212e; | |
} | |
.button-danger-outline.button-inverse:active.button-dropdown:after, | |
.button-danger.button-stroke.button-inverse:active.button-dropdown:after, | |
.button-danger-outline.button-inverse:active.dropdown-toggle:after, | |
.button-danger.button-stroke.button-inverse:active.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-danger-outline.button-inverse.selected, | |
.button-danger.button-stroke.button-inverse.selected, | |
.button-danger-outline.button-inverse.active, | |
.button-danger.button-stroke.button-inverse.active{ | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.button-group.open > .button-danger-outline, | |
.button-group.open > .button-danger.button-stroke{ | |
color:#fff; | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.button-group.open > .button-danger-outline.button-dropdown:after, | |
.button-group.open > .button-danger.button-stroke.button-dropdown:after, | |
.button-group.open > .button-danger-outline.dropdown-toggle:after, | |
.button-group.open > .button-danger.button-stroke.dropdown-toggle:after{ | |
border-color:#fff transparent transparent; | |
} | |
.button-group.open > .button-danger-outline.button-inverse, | |
.button-group.open > .button-danger.button-stroke.button-inverse{ | |
background-color:#eb293a; | |
border-color:#eb293a; | |
} | |
.button-danger-link, | |
.button-danger.button-link{ | |
color:#eb293a; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-danger-link.button-dropdown:after, | |
.button-danger.button-link.button-dropdown:after, | |
.button-danger-link.dropdown-toggle:after, | |
.button-danger.button-link.dropdown-toggle:after{ | |
border-color:#eb293a transparent transparent; | |
} | |
.button-danger-link:hover, | |
.button-danger.button-link:hover{ | |
color:#d42534; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-danger-link:hover.button-dropdown:after, | |
.button-danger.button-link:hover.button-dropdown:after, | |
.button-danger-link:hover.dropdown-toggle:after, | |
.button-danger.button-link:hover.dropdown-toggle:after{ | |
border-color:#d42534 transparent transparent; | |
} | |
.button-danger-link:active, | |
.button-danger.button-link:active{ | |
color:#bc212e; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-danger-link:active.button-dropdown:after, | |
.button-danger.button-link:active.button-dropdown:after, | |
.button-danger-link:active.dropdown-toggle:after, | |
.button-danger.button-link:active.dropdown-toggle:after{ | |
border-color:#bc212e transparent transparent; | |
} | |
.button-danger-link.selected, | |
.button-danger.button-link.selected, | |
.button-danger-link.active, | |
.button-danger.button-link.active{ | |
color:#bc212e; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-danger-link.selected.button-dropdown:after, | |
.button-danger.button-link.selected.button-dropdown:after, | |
.button-danger-link.active.button-dropdown:after, | |
.button-danger.button-link.active.button-dropdown:after, | |
.button-danger-link.selected.dropdown-toggle:after, | |
.button-danger.button-link.selected.dropdown-toggle:after, | |
.button-danger-link.active.dropdown-toggle:after, | |
.button-danger.button-link.active.dropdown-toggle:after{ | |
border-color:#bc212e transparent transparent; | |
} | |
.button-danger-link:disabled, | |
.button-danger.button-link:disabled, | |
.button-danger-link.disabled, | |
.button-danger.button-link.disabled{ | |
color:#eb293a; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-danger-link:disabled.button-dropdown:after, | |
.button-danger.button-link:disabled.button-dropdown:after, | |
.button-danger-link.disabled.button-dropdown:after, | |
.button-danger.button-link.disabled.button-dropdown:after, | |
.button-danger-link:disabled.dropdown-toggle:after, | |
.button-danger.button-link:disabled.dropdown-toggle:after, | |
.button-danger-link.disabled.dropdown-toggle:after, | |
.button-danger.button-link.disabled.dropdown-toggle:after{ | |
border-color:#eb293a transparent transparent; | |
} | |
.button-danger-link.button-inverse, | |
.button-danger.button-link.button-inverse{ | |
color:#eb293a; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-danger-link.button-inverse.button-dropdown:after, | |
.button-danger.button-link.button-inverse.button-dropdown:after, | |
.button-danger-link.button-inverse.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:#eb293a transparent transparent; | |
} | |
.button-danger-link.button-inverse:hover, | |
.button-danger.button-link.button-inverse:hover{ | |
color:#d42534; | |
text-decoration:none; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-danger-link.button-inverse:hover.button-dropdown:after, | |
.button-danger.button-link.button-inverse:hover.button-dropdown:after, | |
.button-danger-link.button-inverse:hover.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse:hover.dropdown-toggle:after{ | |
border-color:#d42534 transparent transparent; | |
} | |
.button-danger-link.button-inverse:active, | |
.button-danger.button-link.button-inverse:active{ | |
color:s #bc212e; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-danger-link.button-inverse:active.button-dropdown:after, | |
.button-danger.button-link.button-inverse:active.button-dropdown:after, | |
.button-danger-link.button-inverse:active.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse:active.dropdown-toggle:after{ | |
border-color:s #bc212e transparent transparent; | |
} | |
.button-danger-link.button-inverse.selected, | |
.button-danger.button-link.button-inverse.selected, | |
.button-danger-link.button-inverse.active, | |
.button-danger.button-link.button-inverse.active{ | |
color:s #bc212e; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-danger-link.button-inverse.selected.button-dropdown:after, | |
.button-danger.button-link.button-inverse.selected.button-dropdown:after, | |
.button-danger-link.button-inverse.active.button-dropdown:after, | |
.button-danger.button-link.button-inverse.active.button-dropdown:after, | |
.button-danger-link.button-inverse.selected.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse.selected.dropdown-toggle:after, | |
.button-danger-link.button-inverse.active.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse.active.dropdown-toggle:after{ | |
border-color:s #bc212e transparent transparent; | |
} | |
.button-danger-link.button-inverse:disabled, | |
.button-danger.button-link.button-inverse:disabled, | |
.button-danger-link.button-inverse.disabled, | |
.button-danger.button-link.button-inverse.disabled{ | |
color:#eb293a; | |
background-color:transparent; | |
border:1px solid transparent; | |
} | |
.button-danger-link.button-inverse:disabled.button-dropdown:after, | |
.button-danger.button-link.button-inverse:disabled.button-dropdown:after, | |
.button-danger-link.button-inverse.disabled.button-dropdown:after, | |
.button-danger.button-link.button-inverse.disabled.button-dropdown:after, | |
.button-danger-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse:disabled.dropdown-toggle:after, | |
.button-danger-link.button-inverse.disabled.dropdown-toggle:after, | |
.button-danger.button-link.button-inverse.disabled.dropdown-toggle:after{ | |
border-color:#eb293a transparent transparent; | |
} | |
.button-group.open > .button-danger-link, | |
.button-group.open > .button-danger.button-link{ | |
color:#bc212e; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-danger-link.button-dropdown:after, | |
.button-group.open > .button-danger.button-link.button-dropdown:after, | |
.button-group.open > .button-danger-link.dropdown-toggle:after, | |
.button-group.open > .button-danger.button-link.dropdown-toggle:after{ | |
border-color:#bc212e transparent transparent; | |
} | |
.button-group.open > .button-danger-link.button-inverse, | |
.button-group.open > .button-danger.button-link.button-inverse{ | |
color:s #bc212e; | |
background-color:transparent; | |
border-color:transparent; | |
} | |
.button-group.open > .button-danger-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-danger.button-link.button-inverse.button-dropdown:after, | |
.button-group.open > .button-danger-link.button-inverse.dropdown-toggle:after, | |
.button-group.open > .button-danger.button-link.button-inverse.dropdown-toggle:after{ | |
border-color:s #bc212e transparent transparent; | |
} | |
.button-collection{ | |
margin-bottom:12px; | |
display:block; | |
font-size:0; | |
margin-top:-6px; | |
margin-left:-6px; | |
} | |
.button-collection:before, | |
.button-collection:after{ | |
content:' '; | |
display:table; | |
} | |
.button-collection:after{ | |
clear:both; | |
} | |
.button-collection > .button, | |
.button-collection > .button-group{ | |
margin-bottom:0; | |
vertical-align:middle; | |
margin-top:6px; | |
margin-left:6px; | |
} | |
.button-collection.button-collection-align-horizontal-center{ | |
text-align:center; | |
} | |
.button-collection.button-collection-align-horizontal-left{ | |
text-align:left; | |
} | |
.button-collection.button-collection-align-horizontal-right{ | |
text-align:right; | |
} | |
.button-collection.button-collection-align-vertical-top > .button, | |
.button-collection.button-collection-align-vertical-top > .button-group{ | |
vertical-align:top; | |
} | |
.button-collection.button-collection-align-vertical-center > .button, | |
.button-collection.button-collection-align-vertical-center > .button-group{ | |
vertical-align:middle; | |
} | |
.button-collection.button-collection-align-vertical-bottom > .button, | |
.button-collection.button-collection-align-vertical-bottom > .button-group{ | |
vertical-align:bottom; | |
} | |
@media (min-width: 480px){ | |
.button-collection{ | |
margin-bottom:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.button-collection{ | |
margin-bottom:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.button-collection{ | |
margin-bottom:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.button-collection{ | |
margin-bottom:16px; | |
} | |
} | |
.button-group{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
position:relative; | |
} | |
.button-group:before, | |
.button-group:after{ | |
content:' '; | |
display:table; | |
} | |
.button-group:after{ | |
clear:both; | |
} | |
.button-group > .button{ | |
float:left; | |
position:relative; | |
z-index:0; | |
} | |
.button-group > .button:hover, | |
.button-group > .button:active, | |
.button-group > .button.active, | |
.button-group > .button.selected{ | |
z-index:1; | |
} | |
.button-group > .button:not(:first-child):not(:last-child):not(.dropdown-toggle){ | |
border-radius:0 !important; | |
} | |
.button-group > .button:first-child{ | |
margin-left:0; | |
} | |
.button-group > .button:first-child:not(:last-child):not(.dropdown-toggle){ | |
border-top-right-radius:0 !important; | |
border-bottom-right-radius:0 !important; | |
} | |
.button-group > .button:last-child:not(:first-child){ | |
border-top-left-radius:0 !important; | |
border-bottom-left-radius:0 !important; | |
} | |
.button-group .button + .button, | |
.button-group .button-group + .button, | |
.button-group .button + .button-group, | |
.button-group .button-group + .button-group{ | |
margin-left:-1px; | |
} | |
[data-toggle='buttons'] > .button input[type='checkbox'], | |
[data-toggle='buttons'] > .button input[type='radio'],[data-toggle='buttons'] > .button-group > .button input[type='checkbox'], | |
[data-toggle='buttons'] > .button-group > .button input[type='radio']{ | |
left:-9999px !important; | |
position:absolute !important; | |
visibility:hidden; | |
} | |
.form{ | |
display:block; | |
margin-bottom:12px; | |
} | |
.form:before, | |
.form:after{ | |
content:' '; | |
display:table; | |
} | |
.form:after{ | |
clear:both; | |
} | |
.form.short,.form.short-bottom, | |
.form.short-bottom{ | |
margin-bottom:6px; | |
} | |
.form.tall,.form.tall-bottom, | |
.form.tall-bottom{ | |
margin-bottom:24px; | |
} | |
@media (min-width: 480px){ | |
.form{ | |
margin-bottom:12px; | |
} | |
.form.short,.form.short-bottom, | |
.form.short-bottom-screen-small{ | |
margin-bottom:6px; | |
} | |
.form.tall,.form.tall-bottom, | |
.form.tall-bottom-screen-small{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form{ | |
margin-bottom:12px; | |
} | |
.form.short,.form.short-bottom, | |
.form.short-bottom-screen-medium{ | |
margin-bottom:6px; | |
} | |
.form.tall,.form.tall-bottom, | |
.form.tall-bottom-screen-medium{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form{ | |
margin-bottom:12px; | |
} | |
.form.short,.form.short-bottom, | |
.form.short-bottom-screen-large{ | |
margin-bottom:6px; | |
} | |
.form.tall,.form.tall-bottom, | |
.form.tall-bottom-screen-large{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form{ | |
margin-bottom:16px; | |
} | |
.form.short,.form.short-bottom, | |
.form.short-bottom-screen-jumbo{ | |
margin-bottom:8px; | |
} | |
.form.tall,.form.tall-bottom, | |
.form.tall-bottom-screen-jumbo{ | |
margin-bottom:32px; | |
} | |
} | |
.form-control{ | |
background-color:#fff; | |
border:1px solid #dadde2; | |
padding-left:18px; | |
padding-right:18px; | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:400; | |
text-rendering:optimizeLegibility; | |
border-radius:4px; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:36px; | |
-ms-flex-pack:center; | |
justify-content:center; | |
transition:all 0.05s ease; | |
width:100%; | |
} | |
.form-control::-webkit-input-placeholder[style]{ | |
align-items:center !important; | |
display:inline-flex !important; | |
opacity:1; | |
} | |
.form-control::-moz-placeholder[style]{ | |
align-items:center !important; | |
display:inline-flex !important; | |
opacity:1; | |
} | |
.form-control:-ms-input-placeholder[style]{ | |
-ms-flex-align:center !important; | |
align-items:center !important; | |
display:-ms-inline-flexbox !important; | |
display:inline-flex !important; | |
opacity:1; | |
} | |
.form-control::placeholder[style]{ | |
-ms-flex-align:center !important; | |
align-items:center !important; | |
display:-ms-inline-flexbox !important; | |
display:inline-flex !important; | |
opacity:1; | |
} | |
.form-control::-webkit-input-placeholder{ | |
color:rgba(27, 32, 41, 0.4); | |
} | |
.form-control::-moz-placeholder{ | |
color:rgba(27, 32, 41, 0.4); | |
} | |
.form-control:-ms-input-placeholder{ | |
color:rgba(27, 32, 41, 0.4); | |
} | |
.form-control::placeholder{ | |
color:rgba(27, 32, 41, 0.4); | |
} | |
.form-control:active,.form-control:focus, | |
.form-control.focus{ | |
background-color:#f9f7ff; | |
border-color:#7d58ff; | |
} | |
.form-control:disabled, | |
.form-control.disabled{ | |
cursor:not-allowed; | |
color:#dadde2; | |
background-color:#e9ebee; | |
border-color:#e9ebee; | |
} | |
.form-control.form-control-inverse, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main{ | |
color:#fff; | |
background-color:transparent; | |
border-color:#3d4149; | |
} | |
.form-control.form-control-inverse::-webkit-input-placeholder, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-webkit-input-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control.form-control-inverse::-moz-placeholder, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-moz-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control.form-control-inverse:-ms-input-placeholder, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:-ms-input-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control.form-control-inverse::placeholder, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control.form-control-inverse:hover, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:hover{ | |
color:#fff; | |
} | |
.form-control.form-control-inverse:active, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active,.form-control.form-control-inverse:focus, | |
.form-control.form-control-inverse.focus, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus{ | |
color:#fff; | |
background-color:rgba(125, 88, 255, 0.05); | |
border-color:#7d58ff; | |
} | |
.form-control.form-control-inverse:disabled, | |
.form-control.form-control-inverse.disabled, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled, | |
.form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled{ | |
color:rgba(255, 255, 255, 0.35); | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
.form-control.form-control-block{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-left:0; | |
margin-right:0; | |
width:100%; | |
} | |
.form-control.form-control-rounded{ | |
border-radius:1000px; | |
padding-left:21.6px; | |
padding-right:21.6px; | |
} | |
textarea.form-control, | |
.form-control select[multiple]{ | |
height:auto !important; | |
padding-bottom:8px; | |
padding-top:8px; | |
} | |
.form-control.form-control-select-multiple{ | |
height:auto; | |
} | |
.form-control.form-control-select{ | |
padding:0 !important; | |
position:relative; | |
} | |
.form-control.form-control-select:after{ | |
right:18px; | |
border-style:solid; | |
display:inline-block; | |
height:0; | |
line-height:0; | |
width:0; | |
border-color:#1b2029 transparent transparent; | |
content:''; | |
display:block; | |
position:absolute; | |
z-index:0; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.form-control.form-control-select select{ | |
padding-left:18px; | |
padding-right:18px; | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:400; | |
text-rendering:optimizeLegibility; | |
height:36px; | |
-webkit-appearance:none; | |
-moz-appearance:none; | |
appearance:none; | |
background:none; | |
border:none; | |
box-shadow:none; | |
display:block; | |
margin:0; | |
width:100%; | |
z-index:1; | |
padding-right:36px; | |
} | |
.form-control.form-control-select.form-control-select-multiple:after{ | |
display:none; | |
} | |
.form-control.form-control-select:focus select, | |
.form-control.form-control-select.focus select{ | |
outline:0; | |
} | |
.form-control.form-control-select:disabled select, | |
.form-control.form-control-select.disabled select{ | |
color:#dadde2; | |
} | |
.form-control.form-control-select:disabled:after, | |
.form-control.form-control-select.disabled:after{ | |
border-color:#dadde2 transparent transparent; | |
} | |
.form-control.form-control-select.form-control-inverse select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main select{ | |
color:#fff; | |
} | |
.form-control.form-control-select.form-control-inverse:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:after{ | |
border-color:#fff transparent transparent; | |
} | |
.form-control.form-control-select.form-control-inverse:hover select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:hover select{ | |
color:#fff; | |
} | |
.form-control.form-control-select.form-control-inverse:hover:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:hover:after{ | |
border-color:#fff transparent transparent; | |
} | |
.form-control.form-control-select.form-control-inverse:active select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active select{ | |
color:#fff; | |
} | |
.form-control.form-control-select.form-control-inverse:active:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active:after{ | |
border-color:#fff transparent transparent; | |
} | |
.form-control.form-control-select.form-control-inverse:focus select, | |
.form-control.form-control-select.form-control-inverse.focus select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus select{ | |
color:#fff; | |
} | |
.form-control.form-control-select.form-control-inverse:focus:after, | |
.form-control.form-control-select.form-control-inverse.focus:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus:after{ | |
border-color:#fff transparent transparent; | |
} | |
.form-control.form-control-select.form-control-inverse:disabled select, | |
.form-control.form-control-select.form-control-inverse.disabled select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled select, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled select{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control.form-control-select.form-control-inverse:disabled:after, | |
.form-control.form-control-select.form-control-inverse.disabled:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled:after, | |
.form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled:after{ | |
border-color:rgba(255, 255, 255, 0.35) transparent transparent; | |
} | |
.form-control.form-control-select.form-control-rounded select{ | |
padding-left:21.6px; | |
padding-right:39.6px; | |
} | |
.form-control.form-control-select.form-control-rounded:after{ | |
right:21.6px; | |
} | |
.form-control-group.form-control .form-control-group-add-on:first-child{ | |
padding-right:8px; | |
} | |
.form-control-group.form-control .form-control-group-add-on:last-child{ | |
padding-left:8px; | |
} | |
@media (min-width: 480px){ | |
.form-control{ | |
} | |
.form-control.form-control-block.form-control-block-below-screen-small{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.form-control.form-control-select{ | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control{ | |
} | |
.form-control.form-control-block.form-control-block-below-screen-medium{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.form-control.form-control-select{ | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control{ | |
} | |
.form-control.form-control-block.form-control-block-below-screen-large{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.form-control.form-control-select{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-control{ | |
} | |
.form-control.form-control-block.form-control-block-below-screen-jumbo{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
width:auto; | |
} | |
.form-control.form-control-select{ | |
} | |
} | |
.form-control-small{ | |
font-size:14px; | |
line-height:20px; | |
padding-left:12px; | |
padding-right:12px; | |
height:28px; | |
border-radius:3px; | |
} | |
.form-control-small.form-control-rounded{ | |
border-radius:1000px; | |
padding-left:14.4px; | |
padding-right:14.4px; | |
} | |
.form-control-select.form-control-small{ | |
} | |
.form-control-select.form-control-small select{ | |
font-size:14px; | |
line-height:20px; | |
padding-left:12px; | |
padding-right:12px; | |
height:28px; | |
padding-right:24px; | |
} | |
.form-control-select.form-control-small:after{ | |
right:12px; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.form-control-select.form-control-small.form-control-small-rounded select{ | |
padding-left:14.4px; | |
padding-right:26.4px; | |
} | |
.form-control-select.form-control-small.form-control-small-rounded:after{ | |
right:14.4px; | |
} | |
.form-control-group.form-control-small .form-control-group-add-on:first-child{ | |
padding-right:8px; | |
} | |
.form-control-group.form-control-small .form-control-group-add-on:last-child{ | |
padding-left:8px; | |
} | |
@media (min-width: 480px){ | |
.form-control-small,.form-control-select.form-control-small{ | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-small,.form-control-select.form-control-small{ | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control-small,.form-control-select.form-control-small{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-control-small,.form-control-select.form-control-small{ | |
} | |
} | |
.form-control-large{ | |
font-size:16px; | |
line-height:20px; | |
padding-left:28px; | |
padding-right:28px; | |
height:44px; | |
border-radius:5px; | |
} | |
.form-control-large.form-control-rounded{ | |
border-radius:1000px; | |
padding-left:33.6px; | |
padding-right:33.6px; | |
} | |
.form-control-select.form-control-large{ | |
} | |
.form-control-select.form-control-large select{ | |
font-size:16px; | |
line-height:20px; | |
padding-left:28px; | |
padding-right:28px; | |
height:44px; | |
padding-right:56px; | |
} | |
.form-control-select.form-control-large:after{ | |
right:28px; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.form-control-select.form-control-large.form-control-large-rounded select{ | |
padding-left:33.6px; | |
padding-right:61.6px; | |
} | |
.form-control-select.form-control-large.form-control-large-rounded:after{ | |
right:33.6px; | |
} | |
.form-control-group.form-control-large .form-control-group-add-on:first-child{ | |
padding-right:8px; | |
} | |
.form-control-group.form-control-large .form-control-group-add-on:last-child{ | |
padding-left:8px; | |
} | |
@media (min-width: 480px){ | |
.form-control-large,.form-control-select.form-control-large{ | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-large,.form-control-select.form-control-large{ | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control-large,.form-control-select.form-control-large{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-control-large,.form-control-select.form-control-large{ | |
} | |
} | |
.form-control-success, | |
.form-group.form-group-success .form-control{ | |
border-color:#14c684; | |
} | |
.form-control-success:active, | |
.form-group.form-group-success .form-control:active,.form-control-success:focus, | |
.form-group.form-group-success .form-control:focus, | |
.form-control-success.focus, | |
.form-group.form-group-success .form-control.focus{ | |
background-color:#f3fcf9; | |
border-color:#14c684; | |
} | |
.form-control-success:disabled, | |
.form-group.form-group-success .form-control:disabled, | |
.form-control-success.disabled, | |
.form-group.form-group-success .form-control.disabled{ | |
background-color:#e9ebee; | |
border-color:#e9ebee; | |
} | |
.form-control-success.form-control-inverse, | |
.form-group.form-group-success .form-control.form-control-inverse, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main{ | |
color:#fff; | |
background-color:transparent; | |
border-color:#14c684; | |
} | |
.form-control-success.form-control-inverse::-webkit-input-placeholder, | |
.form-group.form-group-success .form-control.form-control-inverse::-webkit-input-placeholder, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-webkit-input-placeholder, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-webkit-input-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-success.form-control-inverse::-moz-placeholder, | |
.form-group.form-group-success .form-control.form-control-inverse::-moz-placeholder, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-moz-placeholder, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-moz-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-success.form-control-inverse:-ms-input-placeholder, | |
.form-group.form-group-success .form-control.form-control-inverse:-ms-input-placeholder, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:-ms-input-placeholder, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:-ms-input-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-success.form-control-inverse::placeholder, | |
.form-group.form-group-success .form-control.form-control-inverse::placeholder, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::placeholder, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-success.form-control-inverse:active, | |
.form-group.form-group-success .form-control.form-control-inverse:active, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active,.form-control-success.form-control-inverse:focus, | |
.form-group.form-group-success .form-control.form-control-inverse:focus, | |
.form-control-success.form-control-inverse.focus, | |
.form-group.form-group-success .form-control.form-control-inverse.focus, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus{ | |
background-color:rgba(20, 198, 132, 0.05); | |
border-color:#14c684; | |
} | |
.form-control-success.form-control-inverse:disabled, | |
.form-group.form-group-success .form-control.form-control-inverse:disabled, | |
.form-control-success.form-control-inverse.disabled, | |
.form-group.form-group-success .form-control.form-control-inverse.disabled, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled, | |
.form-group.form-group-success .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled{ | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
.form-control-success, | |
.form-group.form-group-success .form-control.form-control-select{ | |
} | |
.form-control-success.form-control-inverse select, | |
.form-group.form-group-success .form-control.form-control-select.form-control-inverse select, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main select, | |
.form-group.form-group-success .form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main select{ | |
color:#fff; | |
} | |
.form-control-success.form-control-inverse:after, | |
.form-group.form-group-success .form-control.form-control-select.form-control-inverse:after, | |
.form-control-success.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:after, | |
.form-group.form-group-success .form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:after{ | |
border-color:#fff transparent transparent; | |
} | |
.form-control-error, | |
.form-group.form-group-danger .form-control{ | |
border-color:#eb293a; | |
} | |
.form-control-error:active, | |
.form-group.form-group-danger .form-control:active,.form-control-error:focus, | |
.form-group.form-group-danger .form-control:focus, | |
.form-control-error.focus, | |
.form-group.form-group-danger .form-control.focus{ | |
background-color:#fef4f5; | |
border-color:#eb293a; | |
} | |
.form-control-error:disabled, | |
.form-group.form-group-danger .form-control:disabled, | |
.form-control-error.disabled, | |
.form-group.form-group-danger .form-control.disabled{ | |
background-color:#e9ebee; | |
border-color:#e9ebee; | |
} | |
.form-control-error.form-control-inverse, | |
.form-group.form-group-danger .form-control.form-control-inverse, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main{ | |
color:#fff; | |
background-color:transparent; | |
border-color:#eb293a; | |
} | |
.form-control-error.form-control-inverse::-webkit-input-placeholder, | |
.form-group.form-group-danger .form-control.form-control-inverse::-webkit-input-placeholder, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-webkit-input-placeholder, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-webkit-input-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-error.form-control-inverse::-moz-placeholder, | |
.form-group.form-group-danger .form-control.form-control-inverse::-moz-placeholder, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-moz-placeholder, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::-moz-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-error.form-control-inverse:-ms-input-placeholder, | |
.form-group.form-group-danger .form-control.form-control-inverse:-ms-input-placeholder, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:-ms-input-placeholder, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:-ms-input-placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-error.form-control-inverse::placeholder, | |
.form-group.form-group-danger .form-control.form-control-inverse::placeholder, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::placeholder, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main::placeholder{ | |
color:rgba(255, 255, 255, 0.35); | |
} | |
.form-control-error.form-control-inverse:active, | |
.form-group.form-group-danger .form-control.form-control-inverse:active, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:active,.form-control-error.form-control-inverse:focus, | |
.form-group.form-group-danger .form-control.form-control-inverse:focus, | |
.form-control-error.form-control-inverse.focus, | |
.form-group.form-group-danger .form-control.form-control-inverse.focus, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:focus, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.focus{ | |
background-color:rgba(235, 41, 58, 0.05); | |
border-color:#eb293a; | |
} | |
.form-control-error.form-control-inverse:disabled, | |
.form-group.form-group-danger .form-control.form-control-inverse:disabled, | |
.form-control-error.form-control-inverse.disabled, | |
.form-group.form-group-danger .form-control.form-control-inverse.disabled, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:disabled, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled, | |
.form-group.form-group-danger .form-control.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main.disabled{ | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
.form-control-error, | |
.form-group.form-group-danger .form-control.form-control-select{ | |
} | |
.form-control-error.form-control-inverse select, | |
.form-group.form-group-danger .form-control.form-control-select.form-control-inverse select, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main select, | |
.form-group.form-group-danger .form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main select{ | |
color:#fff; | |
} | |
.form-control-error.form-control-inverse:after, | |
.form-group.form-group-danger .form-control.form-control-select.form-control-inverse:after, | |
.form-control-error.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:after, | |
.form-group.form-group-danger .form-control.form-control-select.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main:after{ | |
border-color:#fff transparent transparent; | |
} | |
.form-control-group{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
position:relative; | |
} | |
.form-control-group:before, | |
.form-control-group:after{ | |
content:' '; | |
display:table; | |
} | |
.form-control-group:after{ | |
clear:both; | |
} | |
.form-control-group .form-control{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.form-control-group .form-control:not(:first-child){ | |
border-top-left-radius:0px !important; | |
border-bottom-left-radius:0px !important; | |
} | |
.form-control-group .form-control:not(:last-child){ | |
border-top-right-radius:0px !important; | |
border-bottom-right-radius:0px !important; | |
} | |
.form-control-group .form-control-group-add-on{ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.form-control-group .form-control-group-add-on > .button:hover, | |
.form-control-group .form-control-group-add-on > .button:active, | |
.form-control-group .form-control-group-add-on > .button.active, | |
.form-control-group .form-control-group-add-on > .button.selected{ | |
z-index:1; | |
} | |
.form-control-group .form-control-group-add-on:first-child > .button:last-child{ | |
border-top-right-radius:0px !important; | |
border-bottom-right-radius:0px !important; | |
} | |
.form-control-group .form-control-group-add-on:last-child > .button:first-child{ | |
border-top-left-radius:0px !important; | |
border-bottom-left-radius:0px !important; | |
} | |
.form-control-group.form-control .form-control{ | |
background:none; | |
border:0; | |
box-shadow:none; | |
padding:0; | |
} | |
.form-control-feedback{ | |
margin-top:4px; | |
margin-bottom:0; | |
font-size:12px; | |
line-height:16px; | |
color:#76797f; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:400; | |
text-transform:none; | |
text-rendering:geometricPrecision; | |
display:block; | |
} | |
.form-control-feedback.emphasis, | |
.form-control-feedback .emphasis{ | |
color:#1b2029; | |
font-weight:600; | |
} | |
.form-control-feedback.inverse{ | |
color:#aeb1b5; | |
} | |
.form-control-feedback.inverse.emphasis, | |
.form-control-feedback.inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
.form-control-feedback{ | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-feedback{ | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control-feedback{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-control-feedback{ | |
} | |
} | |
.form-control-feedback-danger, | |
.form-group.form-group-danger .form-control-feedback{ | |
color:#eb293a; | |
} | |
.form-control-feedback-success, | |
.form-group.form-group-success .form-control-feedback{ | |
color:#14c684; | |
} | |
.form-control-toggle, | |
label.form-control-toggle, | |
label:not(.button).form-control-toggle{ | |
margin-bottom:4px; | |
padding-left:24px; | |
color:#1b2029; | |
font-weight:400; | |
text-rendering:geometricPrecision; | |
display:block; | |
position:relative; | |
} | |
.form-control-toggle:before, | |
label.form-control-toggle:before, | |
label:not(.button).form-control-toggle:before, | |
.form-control-toggle:after, | |
label.form-control-toggle:after, | |
label:not(.button).form-control-toggle:after{ | |
content:' '; | |
display:table; | |
} | |
.form-control-toggle:after, | |
label.form-control-toggle:after, | |
label:not(.button).form-control-toggle:after{ | |
clear:both; | |
} | |
.form-control-toggle.short, | |
label.form-control-toggle.short, | |
label:not(.button).form-control-toggle.short,.form-control-toggle.short-bottom, | |
label.form-control-toggle.short-bottom, | |
label:not(.button).form-control-toggle.short-bottom, | |
.form-control-toggle.short-bottom, | |
label.form-control-toggle.short-bottom, | |
label:not(.button).form-control-toggle.short-bottom{ | |
margin-bottom:2px; | |
} | |
.form-control-toggle.tall, | |
label.form-control-toggle.tall, | |
label:not(.button).form-control-toggle.tall,.form-control-toggle.tall-bottom, | |
label.form-control-toggle.tall-bottom, | |
label:not(.button).form-control-toggle.tall-bottom, | |
.form-control-toggle.tall-bottom, | |
label.form-control-toggle.tall-bottom, | |
label:not(.button).form-control-toggle.tall-bottom{ | |
margin-bottom:8px; | |
} | |
.form-control-toggle input[type='checkbox'], | |
label.form-control-toggle input[type='checkbox'], | |
label:not(.button).form-control-toggle input[type='checkbox'], | |
.form-control-toggle input[type='radio'], | |
label.form-control-toggle input[type='radio'], | |
label:not(.button).form-control-toggle input[type='radio']{ | |
height:16px; | |
top:2px; | |
width:24px; | |
left:0; | |
position:absolute; | |
} | |
.form-control-toggle.emphasis, | |
label.form-control-toggle.emphasis, | |
label:not(.button).form-control-toggle.emphasis, | |
.form-control-toggle .emphasis, | |
label.form-control-toggle .emphasis, | |
label:not(.button).form-control-toggle .emphasis{ | |
color:#161a21; | |
font-weight:600; | |
} | |
.form-control-toggle.inverse, | |
label.form-control-toggle.inverse, | |
label:not(.button).form-control-toggle.inverse{ | |
color:#dadde2; | |
} | |
.form-control-toggle.inverse.emphasis, | |
label.form-control-toggle.inverse.emphasis, | |
label:not(.button).form-control-toggle.inverse.emphasis, | |
.form-control-toggle.inverse .emphasis, | |
label.form-control-toggle.inverse .emphasis, | |
label:not(.button).form-control-toggle.inverse .emphasis{ | |
color:#fff; | |
} | |
.form-control-toggle:last-child, | |
label.form-control-toggle:last-child, | |
label:not(.button).form-control-toggle:last-child{ | |
margin-bottom:0; | |
} | |
.form-control-toggle.form-control-toggle-inline, | |
label.form-control-toggle.form-control-toggle-inline, | |
label:not(.button).form-control-toggle.form-control-toggle-inline{ | |
margin-left:0.8rem; | |
float:left; | |
} | |
.form-control-toggle.form-control-toggle-inline:first-child, | |
label.form-control-toggle.form-control-toggle-inline:first-child, | |
label:not(.button).form-control-toggle.form-control-toggle-inline:first-child{ | |
margin-left:0; | |
} | |
.form-control-toggle.form-control-toggle-custom, | |
label.form-control-toggle.form-control-toggle-custom, | |
label:not(.button).form-control-toggle.form-control-toggle-custom{ | |
min-height:16px; | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'], | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'], | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'], | |
.form-control-toggle.form-control-toggle-custom input[type='radio'], | |
label.form-control-toggle.form-control-toggle-custom input[type='radio'], | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio']{ | |
opacity:0; | |
position:absolute; | |
z-index:-1; | |
} | |
.form-control-toggle.form-control-toggle-custom .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom .form-control-toggle-indicator{ | |
background-color:#fff; | |
border:1px solid #dadde2; | |
border-radius:3px; | |
height:16px; | |
top:2px; | |
width:16px; | |
display:block; | |
left:0; | |
position:absolute; | |
} | |
.form-control-toggle.form-control-toggle-custom:active .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom:active .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom:active .form-control-toggle-indicator{ | |
background-color:#7d58ff; | |
border:1px solid #7d58ff; | |
} | |
.form-control-toggle.form-control-toggle-custom input:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input:disabled ~ .form-control-toggle-indicator{ | |
background-color:#e9ebee; | |
border:1px solid #e9ebee; | |
opacity:1; | |
cursor:not-allowed; | |
} | |
.form-control-toggle.form-control-toggle-custom input:checked, | |
label.form-control-toggle.form-control-toggle-custom input:checked, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input:checked, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate{ | |
} | |
.form-control-toggle.form-control-toggle-custom input:checked ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input:checked ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input:checked ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator{ | |
background-color:#7d58ff; | |
border:1px solid #7d58ff; | |
background-repeat:no-repeat; | |
background-size:cover; | |
} | |
.form-control-toggle.form-control-toggle-custom input:checked:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input:checked:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input:checked:active ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator{ | |
background-color:#6446cc; | |
border:1px solid #6446cc; | |
} | |
.form-control-toggle.form-control-toggle-custom input:checked:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input:checked:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input:checked:disabled ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator{ | |
background-color:#aeb1b5; | |
border-color:#aeb1b5; | |
opacity:1; | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'], | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'], | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']{ | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked{ | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked:active ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:checked:disabled ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%226%2012.414%2013.707%204.707%2012.293%203.293%206%209.600%203.707%207.294%202.294%208.707%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate{ | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='radio'], | |
label.form-control-toggle.form-control-toggle-custom input[type='radio'], | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio']{ | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='radio'] ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='radio'] ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio'] ~ .form-control-toggle-indicator{ | |
border-radius:500px; | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='radio']:checked, | |
label.form-control-toggle.form-control-toggle-custom input[type='radio']:checked, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio']:checked{ | |
} | |
.form-control-toggle.form-control-toggle-custom input[type='radio']:checked ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='radio']:checked ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio']:checked ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom input[type='radio']:checked:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='radio']:checked:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio']:checked:active ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom input[type='radio']:checked:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom input[type='radio']:checked:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom input[type='radio']:checked:disabled ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%224%22%3E%3C/circle%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse, | |
label.form-control-toggle.form-control-toggle-custom.inverse, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse .form-control-toggle-indicator{ | |
background-color:transparent; | |
border:1px solid #3d4149; | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse:active .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse:active .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse:active .form-control-toggle-indicator{ | |
background-color:#7d58ff; | |
border:1px solid #7d58ff; | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input:disabled ~ .form-control-toggle-indicator{ | |
background-color:#32363e; | |
border-color:#32363e; | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input:checked, | |
label.form-control-toggle.form-control-toggle-custom.inverse input:checked, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input:checked, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input:checked ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input:checked ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input:checked ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator{ | |
background-color:#7d58ff; | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input:checked:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input:checked:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input:checked:disabled ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator{ | |
background-color:#aeb1b5; | |
border-color:#aeb1b5; | |
opacity:1; | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'], | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'], | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:hover ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:hover ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:hover ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:active ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:checked:disabled ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%226%2012.414%2013.707%204.707%2012.293%203.293%206%209.600%203.707%207.294%202.294%208.707%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:hover ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:hover ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:hover ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:hover ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:hover ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:hover ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:active ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:active ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox']:indeterminate:disabled ~ .form-control-toggle-indicator, | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='checkbox'].indeterminate:disabled ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20fill%3D%22%23fff%22%20id%3D%22Rectangle%22%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%3E%3C/rect%3E%3C/svg%3E); | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='radio'], | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='radio'], | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='radio']{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked{ | |
} | |
.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:hover ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:hover ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:hover ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:active ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:active ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:active ~ .form-control-toggle-indicator,.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:disabled ~ .form-control-toggle-indicator, | |
label.form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:disabled ~ .form-control-toggle-indicator, | |
label:not(.button).form-control-toggle.form-control-toggle-custom.inverse input[type='radio']:checked:disabled ~ .form-control-toggle-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%224%22%3E%3C/circle%3E%3C/svg%3E); | |
} | |
@media (min-width: 480px){ | |
.form-control-toggle, | |
label.form-control-toggle, | |
label:not(.button).form-control-toggle{ | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-toggle, | |
label.form-control-toggle, | |
label:not(.button).form-control-toggle{ | |
} | |
.form-control-toggle.form-control-toggle-inline, | |
label.form-control-toggle.form-control-toggle-inline, | |
label:not(.button).form-control-toggle.form-control-toggle-inline{ | |
margin-left:0.88rem; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control-toggle, | |
label.form-control-toggle, | |
label:not(.button).form-control-toggle{ | |
} | |
.form-control-toggle.form-control-toggle-inline, | |
label.form-control-toggle.form-control-toggle-inline, | |
label:not(.button).form-control-toggle.form-control-toggle-inline{ | |
margin-left:0.96rem; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-control-toggle, | |
label.form-control-toggle, | |
label:not(.button).form-control-toggle{ | |
} | |
} | |
.form-group{ | |
margin-bottom:12px; | |
display:block; | |
} | |
.form-group:before, | |
.form-group:after{ | |
content:' '; | |
display:table; | |
} | |
.form-group:after{ | |
clear:both; | |
} | |
.form-group.short,.form-group.short-bottom, | |
.form-group.short-bottom{ | |
margin-bottom:6px; | |
} | |
.form-group.tall,.form-group.tall-bottom, | |
.form-group.tall-bottom{ | |
margin-bottom:24px; | |
} | |
@media (min-width: 480px){ | |
.form-group{ | |
margin-bottom:12px; | |
} | |
.form-group.short,.form-group.short-bottom, | |
.form-group.short-bottom-screen-small{ | |
margin-bottom:6px; | |
} | |
.form-group.tall,.form-group.tall-bottom, | |
.form-group.tall-bottom-screen-small{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-group{ | |
margin-bottom:12px; | |
} | |
.form-group.short,.form-group.short-bottom, | |
.form-group.short-bottom-screen-medium{ | |
margin-bottom:6px; | |
} | |
.form-group.tall,.form-group.tall-bottom, | |
.form-group.tall-bottom-screen-medium{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-group{ | |
margin-bottom:12px; | |
} | |
.form-group.short,.form-group.short-bottom, | |
.form-group.short-bottom-screen-large{ | |
margin-bottom:6px; | |
} | |
.form-group.tall,.form-group.tall-bottom, | |
.form-group.tall-bottom-screen-large{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-group{ | |
margin-bottom:16px; | |
} | |
.form-group.short,.form-group.short-bottom, | |
.form-group.short-bottom-screen-jumbo{ | |
margin-bottom:8px; | |
} | |
.form-group.tall,.form-group.tall-bottom, | |
.form-group.tall-bottom-screen-jumbo{ | |
margin-bottom:32px; | |
} | |
} | |
label:not(.button), | |
.label:not(.button){ | |
margin-top:0; | |
margin-bottom:4px; | |
color:#1b2029; | |
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; | |
font-weight:600; | |
text-rendering:geometricPrecision; | |
display:block; | |
} | |
label:not(.button).short, | |
.label:not(.button).short{ | |
margin-top:0; | |
margin-bottom:2px; | |
} | |
label:not(.button).short-top, | |
.label:not(.button).short-top, | |
label:not(.button).short-top, | |
.label:not(.button).short-top{ | |
margin-top:0; | |
} | |
label:not(.button).short-bottom, | |
.label:not(.button).short-bottom, | |
label:not(.button).short-bottom, | |
.label:not(.button).short-bottom{ | |
margin-bottom:2px; | |
} | |
label:not(.button).tall, | |
.label:not(.button).tall{ | |
margin-top:0; | |
margin-bottom:8px; | |
} | |
label:not(.button).tall-top, | |
.label:not(.button).tall-top, | |
label:not(.button).tall-top, | |
.label:not(.button).tall-top{ | |
margin-top:0; | |
} | |
label:not(.button).tall-bottom, | |
.label:not(.button).tall-bottom, | |
label:not(.button).tall-bottom, | |
.label:not(.button).tall-bottom{ | |
margin-bottom:8px; | |
} | |
label:not(.button).emphasis, | |
.label:not(.button).emphasis, | |
label:not(.button) .emphasis, | |
.label:not(.button) .emphasis{ | |
color:#161a21; | |
font-weight:800; | |
} | |
label:not(.button).inverse, | |
.label:not(.button).inverse,label:not(.button).inverse.emphasis, | |
.label:not(.button).inverse.emphasis, | |
label:not(.button).inverse .emphasis, | |
.label:not(.button).inverse .emphasis{ | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
label:not(.button), | |
.label:not(.button){ | |
} | |
} | |
@media (min-width: 768px){ | |
label:not(.button), | |
.label:not(.button){ | |
} | |
} | |
@media (min-width: 992px){ | |
label:not(.button), | |
.label:not(.button){ | |
} | |
} | |
@media (min-width: 1400px){ | |
label:not(.button), | |
.label:not(.button){ | |
} | |
} | |
label:not(.button).label-success, | |
.label:not(.button).label-success, | |
.form-group.form-group-success label:not(.button), | |
.form-group.form-group-success .label:not(.button){ | |
color:#14c684; | |
} | |
label:not(.button).label-success.emphasis, | |
.label:not(.button).label-success.emphasis, | |
.form-group.form-group-success label:not(.button).emphasis, | |
.form-group.form-group-success .label:not(.button).emphasis, | |
label:not(.button).label-success .emphasis, | |
.label:not(.button).label-success .emphasis, | |
.form-group.form-group-success label:not(.button) .emphasis, | |
.form-group.form-group-success .label:not(.button) .emphasis,label:not(.button).label-success.inverse, | |
.label:not(.button).label-success.inverse, | |
.form-group.form-group-success label:not(.button).inverse, | |
.form-group.form-group-success .label:not(.button).inverse,label:not(.button).label-success.inverse.emphasis, | |
.label:not(.button).label-success.inverse.emphasis, | |
.form-group.form-group-success label:not(.button).inverse.emphasis, | |
.form-group.form-group-success .label:not(.button).inverse.emphasis, | |
label:not(.button).label-success.inverse .emphasis, | |
.label:not(.button).label-success.inverse .emphasis, | |
.form-group.form-group-success label:not(.button).inverse .emphasis, | |
.form-group.form-group-success .label:not(.button).inverse .emphasis{ | |
color:#14c684; | |
} | |
label:not(.button).label-error, | |
.label:not(.button).label-error, | |
.form-group.form-group-danger label:not(.button), | |
.form-group.form-group-danger .label:not(.button){ | |
color:#eb293a; | |
} | |
label:not(.button).label-error.emphasis, | |
.label:not(.button).label-error.emphasis, | |
.form-group.form-group-danger label:not(.button).emphasis, | |
.form-group.form-group-danger .label:not(.button).emphasis, | |
label:not(.button).label-error .emphasis, | |
.label:not(.button).label-error .emphasis, | |
.form-group.form-group-danger label:not(.button) .emphasis, | |
.form-group.form-group-danger .label:not(.button) .emphasis,label:not(.button).label-error.inverse, | |
.label:not(.button).label-error.inverse, | |
.form-group.form-group-danger label:not(.button).inverse, | |
.form-group.form-group-danger .label:not(.button).inverse,label:not(.button).label-error.inverse.emphasis, | |
.label:not(.button).label-error.inverse.emphasis, | |
.form-group.form-group-danger label:not(.button).inverse.emphasis, | |
.form-group.form-group-danger .label:not(.button).inverse.emphasis, | |
label:not(.button).label-error.inverse .emphasis, | |
.label:not(.button).label-error.inverse .emphasis, | |
.form-group.form-group-danger label:not(.button).inverse .emphasis, | |
.form-group.form-group-danger .label:not(.button).inverse .emphasis{ | |
color:#eb293a; | |
} | |
.dropdown-menu{ | |
background-color:#fff; | |
box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1); | |
margin-top:2px; | |
padding-top:8px; | |
padding-bottom:8px; | |
font-size:14px; | |
line-height:20px; | |
border-radius:4px; | |
max-width:300px; | |
min-width:160px; | |
display:none; | |
position:absolute; | |
} | |
.dropdown-menu:before, | |
.dropdown-menu:after{ | |
content:' '; | |
display:table; | |
} | |
.dropdown-menu:after{ | |
clear:both; | |
} | |
.open > .dropdown-menu{ | |
display:block; | |
} | |
.dropdown-menu-list{ | |
margin:0 0 8px; | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
} | |
.dropdown-menu-list:last-child{ | |
margin-bottom:0; | |
} | |
.dropdown-menu-list-inverse, | |
.dropdown-menu-inverse .dropdown-menu-list{ | |
color:#1b2029; | |
text-decoration:none; | |
} | |
.dropdown-menu-list li, | |
.dropdown-menu-item-padding-surrogate{ | |
margin:0; | |
padding:4px 18px; | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
text-decoration:none; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.dropdown-menu-list li .dropdown-menu-list-item-label, | |
.dropdown-menu-item-padding-surrogate .dropdown-menu-list-item-label{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.dropdown-menu-list li > *:not(a), | |
.dropdown-menu-list li a > *, | |
.dropdown-menu-item-padding-surrogate > *:not(a), | |
.dropdown-menu-item-padding-surrogate a > *{ | |
box-sizing:content-box; | |
padding-right:6px; | |
} | |
.dropdown-menu-list li > *:not(a):last-child, | |
.dropdown-menu-list li a > *:last-child, | |
.dropdown-menu-item-padding-surrogate > *:not(a):last-child, | |
.dropdown-menu-item-padding-surrogate a > *:last-child{ | |
padding-right:0; | |
} | |
.dropdown-menu-list li:before, | |
.dropdown-menu-item-padding-surrogate:before{ | |
display:none; | |
} | |
.dropdown-menu-list li a, | |
.dropdown-menu-item-padding-surrogate a{ | |
margin:-4px -18px; | |
padding:4px 18px; | |
font-size:14px; | |
line-height:20px; | |
color:#1b2029; | |
text-decoration:none; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.dropdown-menu-list li:hover a, | |
.dropdown-menu-item-padding-surrogate:hover a{ | |
background-color:#f8f8f9; | |
} | |
.dropdown-menu-list li:active a, | |
.dropdown-menu-list li.active a, | |
.dropdown-menu-item-padding-surrogate:active a, | |
.dropdown-menu-item-padding-surrogate.active a{ | |
background-color:#7d58ff; | |
color:#fff; | |
} | |
.dropdown-menu-list li:disabled a, | |
.dropdown-menu-list li.disabled a, | |
.dropdown-menu-item-padding-surrogate:disabled a, | |
.dropdown-menu-item-padding-surrogate.disabled a{ | |
background-color:transparent; | |
color:#a4a6a9; | |
cursor:default; | |
} | |
.dropdown-menu-list-inverse li, | |
.dropdown-menu-inverse .dropdown-menu-list li, | |
.dropdown-menu-list li.inverse, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate, | |
.dropdown-menu-item-padding-surrogate.inverse{ | |
color:#1b2029; | |
text-decoration:none; | |
} | |
.dropdown-menu-list-inverse li:disabled a, | |
.dropdown-menu-inverse .dropdown-menu-list li:disabled a, | |
.dropdown-menu-list li.inverse:disabled a, | |
.dropdown-menu-list-inverse li.disabled a, | |
.dropdown-menu-inverse .dropdown-menu-list li.disabled a, | |
.dropdown-menu-list li.inverse.disabled a, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate:disabled a, | |
.dropdown-menu-item-padding-surrogate.inverse:disabled a, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.disabled a, | |
.dropdown-menu-item-padding-surrogate.inverse.disabled a{ | |
background-color:transparent; | |
} | |
@media (min-width: 480px){ | |
.dropdown-menu-list{ | |
} | |
} | |
@media (min-width: 768px){ | |
.dropdown-menu-list{ | |
} | |
} | |
@media (min-width: 992px){ | |
.dropdown-menu-list{ | |
} | |
} | |
@media (min-width: 1400px){ | |
.dropdown-menu-list{ | |
} | |
} | |
.dropdown-menu-list li.danger, | |
.dropdown-menu-item-padding-surrogate.danger,.dropdown-menu-list li.danger a, | |
.dropdown-menu-item-padding-surrogate.danger a{ | |
color:#eb293a; | |
text-decoration:none; | |
} | |
.dropdown-menu-list li.danger:hover a, | |
.dropdown-menu-item-padding-surrogate.danger:hover a{ | |
background-color:#fef4f5; | |
color:#eb293a; | |
} | |
.dropdown-menu-list li.danger:active a, | |
.dropdown-menu-list li.danger.active a, | |
.dropdown-menu-item-padding-surrogate.danger:active a, | |
.dropdown-menu-item-padding-surrogate.danger.active a{ | |
background-color:#eb293a; | |
color:#fff; | |
} | |
.dropdown-menu-list li.danger:disabled a, | |
.dropdown-menu-list li.danger.disabled a, | |
.dropdown-menu-item-padding-surrogate.danger:disabled a, | |
.dropdown-menu-item-padding-surrogate.danger.disabled a{ | |
background-color:transparent; | |
color:#a4a6a9; | |
} | |
.dropdown-menu-list-inverse li.danger, | |
.dropdown-menu-inverse .dropdown-menu-list li.danger, | |
.dropdown-menu-list li.danger.inverse, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.danger, | |
.dropdown-menu-item-padding-surrogate.danger.inverse{ | |
color:#eb293a; | |
text-decoration:none; | |
} | |
.dropdown-menu-list-inverse li.danger:disabled a, | |
.dropdown-menu-inverse .dropdown-menu-list li.danger:disabled a, | |
.dropdown-menu-list li.danger.inverse:disabled a, | |
.dropdown-menu-list-inverse li.danger.disabled a, | |
.dropdown-menu-inverse .dropdown-menu-list li.danger.disabled a, | |
.dropdown-menu-list li.danger.inverse.disabled a, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.danger:disabled a, | |
.dropdown-menu-item-padding-surrogate.danger.inverse:disabled a, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.danger.disabled a, | |
.dropdown-menu-item-padding-surrogate.danger.inverse.disabled a{ | |
background-color:transparent; | |
} | |
.dropdown-menu-list{ | |
} | |
.dropdown-menu-list li.selected, | |
.dropdown-menu-item-padding-surrogate.selected,.dropdown-menu-list li.selected a, | |
.dropdown-menu-item-padding-surrogate.selected a{ | |
color:#7d58ff; | |
text-decoration:none; | |
} | |
.dropdown-menu-list li.selected:hover a, | |
.dropdown-menu-item-padding-surrogate.selected:hover a{ | |
background-color:#f9f7ff; | |
color:#7d58ff; | |
} | |
.dropdown-menu-list li.selected:active a, | |
.dropdown-menu-list li.selected.active a, | |
.dropdown-menu-item-padding-surrogate.selected:active a, | |
.dropdown-menu-item-padding-surrogate.selected.active a{ | |
background-color:#7d58ff; | |
color:#fff; | |
} | |
.dropdown-menu-list li.selected:disabled a, | |
.dropdown-menu-list li.selected.disabled a, | |
.dropdown-menu-item-padding-surrogate.selected:disabled a, | |
.dropdown-menu-item-padding-surrogate.selected.disabled a{ | |
background-color:transparent; | |
color:#a4a6a9; | |
} | |
.dropdown-menu-list-inverse li.selected, | |
.dropdown-menu-inverse .dropdown-menu-list li.selected, | |
.dropdown-menu-list li.selected.inverse, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.selected, | |
.dropdown-menu-item-padding-surrogate.selected.inverse{ | |
color:#7d58ff; | |
text-decoration:none; | |
} | |
.dropdown-menu-list-inverse li.selected:disabled a, | |
.dropdown-menu-inverse .dropdown-menu-list li.selected:disabled a, | |
.dropdown-menu-list li.selected.inverse:disabled a, | |
.dropdown-menu-list-inverse li.selected.disabled a, | |
.dropdown-menu-inverse .dropdown-menu-list li.selected.disabled a, | |
.dropdown-menu-list li.selected.inverse.disabled a, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.selected:disabled a, | |
.dropdown-menu-item-padding-surrogate.selected.inverse:disabled a, | |
.dropdown-menu-inverse .dropdown-menu-item-padding-surrogate.selected.disabled a, | |
.dropdown-menu-item-padding-surrogate.selected.inverse.disabled a{ | |
background-color:transparent; | |
} | |
.dropdown-menu-divider{ | |
background-color:#dadde2; | |
margin-top:8px; | |
margin-bottom:8px; | |
height:1px; | |
display:block; | |
} | |
.dropdown-menu-header{ | |
margin-top:12px; | |
padding:4px 18px; | |
font-size:14px; | |
line-height:20px; | |
color:#a4a6a9; | |
display:block; | |
} | |
@media (min-width: 480px){ | |
.dropdown-menu-header{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.dropdown-menu-header{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.dropdown-menu-header{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.dropdown-menu-header{ | |
margin-top:16px; | |
} | |
} | |
.icon{ | |
display:inline-block; | |
fill:currentColor; | |
vertical-align:middle; | |
} | |
.icon svg{ | |
height:100%; | |
width:100%; | |
} | |
.icon.icon-align-horizontal-center{ | |
display:block; | |
margin-left:auto; | |
margin-right:auto; | |
text-align:center; | |
} | |
.icon.icon-black{ | |
color:#000; | |
} | |
.icon.icon-white{ | |
color:#fff; | |
} | |
.icon.icon-blue{ | |
color:#157ff2; | |
} | |
.icon.icon-red{ | |
color:#eb293a; | |
} | |
.icon.icon-orange{ | |
color:#f56753; | |
} | |
.icon.icon-yellow{ | |
color:#f9a328; | |
} | |
.icon.icon-green{ | |
color:#14c684; | |
} | |
.icon.icon-purple{ | |
color:#7d58ff; | |
} | |
.icon.icon-pink{ | |
color:#ff007d; | |
} | |
.icon.icon-gold{ | |
color:#b08329; | |
} | |
.icon.icon-cyan{ | |
color:#20d5ff; | |
} | |
.icon.icon-orchid{ | |
color:#c043d7; | |
} | |
.icon-mini{ | |
width:16px; | |
height:16px; | |
} | |
.icon-small{ | |
width:24px; | |
height:24px; | |
} | |
.icon-medium{ | |
width:32px; | |
height:32px; | |
} | |
.icon-large{ | |
width:48px; | |
height:48px; | |
} | |
.icon-jumbo{ | |
width:64px; | |
height:64px; | |
} | |
.icon-huge{ | |
width:96px; | |
height:96px; | |
} | |
.message{ | |
background-color:#f0f1f3; | |
margin-bottom:12px; | |
padding:1em; | |
border-radius:5px; | |
display:block; | |
position:relative; | |
} | |
.message.message-dismissible .message-dismissible-indicator{ | |
margin-top:1px; | |
margin-left:12px; | |
cursor:pointer; | |
display:block; | |
float:right; | |
height:16px; | |
width:16px; | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%231b2029%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message.message-dismissible .message-dismissible-indicator span{ | |
display:none; | |
} | |
.message .message-type-style{ | |
color:inherit; | |
} | |
.message .message-link{ | |
text-decoration:underline; | |
} | |
.message.message-inverse{ | |
background-color:#1b2029; | |
color:#fff; | |
} | |
.message.message-inverse.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message.message-inverse .message-type-style li:before{ | |
background-color:#fff; | |
} | |
@media (min-width: 480px){ | |
.message{ | |
margin-bottom:12px; | |
} | |
.message.message-dismissible .message-dismissible-indicator{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.message{ | |
margin-bottom:12px; | |
padding:1.1em; | |
} | |
.message.message-dismissible .message-dismissible-indicator{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.message{ | |
margin-bottom:12px; | |
padding:1.2em; | |
} | |
.message.message-dismissible .message-dismissible-indicator{ | |
margin-top:2px; | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.message{ | |
margin-bottom:16px; | |
} | |
.message.message-dismissible .message-dismissible-indicator{ | |
margin-left:16px; | |
} | |
} | |
.message-danger{ | |
background-color:#fbd4d8; | |
color:#8d1923; | |
} | |
.message-danger.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%238d1923%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-danger .message-type-style li:before{ | |
background-color:#8d1923; | |
} | |
.message-danger .message-link{ | |
color:#8d1923; | |
text-decoration:underline; | |
} | |
.message-danger .message-link:hover{ | |
color:#5e1017; | |
} | |
.message-danger .message-link:active{ | |
color:#2f080c; | |
} | |
.message-danger.message-inverse{ | |
background-color:#fbd4d8; | |
color:#8d1923; | |
} | |
.message-danger.message-inverse.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%238d1923%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-danger.message-inverse .message-type-style li:before{ | |
background-color:#8d1923; | |
} | |
.message-information{ | |
background-color:#d0e5fc; | |
color:#0d4c91; | |
} | |
.message-information.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%230d4c91%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-information .message-type-style li:before{ | |
background-color:#0d4c91; | |
} | |
.message-information .message-link{ | |
color:#0d4c91; | |
text-decoration:underline; | |
} | |
.message-information .message-link:hover{ | |
color:#083361; | |
} | |
.message-information .message-link:active{ | |
color:#041930; | |
} | |
.message-information.message-inverse{ | |
background-color:#d0e5fc; | |
color:#0d4c91; | |
} | |
.message-information.message-inverse.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%230d4c91%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-information.message-inverse .message-type-style li:before{ | |
background-color:#0d4c91; | |
} | |
.message-success{ | |
background-color:#d0f4e6; | |
color:#0c774f; | |
} | |
.message-success.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%230c774f%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-success .message-type-style li:before{ | |
background-color:#0c774f; | |
} | |
.message-success .message-link{ | |
color:#0c774f; | |
text-decoration:underline; | |
} | |
.message-success .message-link:hover{ | |
color:#084f35; | |
} | |
.message-success .message-link:active{ | |
color:#04281a; | |
} | |
.message-success.message-inverse{ | |
background-color:#d0f4e6; | |
color:#0c774f; | |
} | |
.message-success.message-inverse.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%230c774f%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-success.message-inverse .message-type-style li:before{ | |
background-color:#0c774f; | |
} | |
.message-warning{ | |
background-color:#feedd4; | |
color:#956218; | |
} | |
.message-warning.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23956218%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-warning .message-type-style li:before{ | |
background-color:#956218; | |
} | |
.message-warning .message-link{ | |
color:#956218; | |
text-decoration:underline; | |
} | |
.message-warning .message-link:hover{ | |
color:#644110; | |
} | |
.message-warning .message-link:active{ | |
color:#322108; | |
} | |
.message-warning.message-inverse{ | |
background-color:#feedd4; | |
color:#956218; | |
} | |
.message-warning.message-inverse.message-dismissible .message-dismissible-indicator{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23956218%22%20points%3D%228.1187%209.35613241%204.23743241%2013.2374%203%2011.9999676%206.88126759%208.1187%203%204.23743241%204.23743241%203%208.1187%206.88126759%2011.9999676%203%2013.2374%204.23743241%209.35613241%208.1187%2013.2374%2011.9999676%2011.9999676%2013.2374%208.1187%209.35613241%22%3E%3C/polygon%3E%3C/svg%3E); | |
} | |
.message-warning.message-inverse .message-type-style li:before{ | |
background-color:#956218; | |
} | |
.modal{ | |
background-color:#fff; | |
box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.1); | |
border-radius:0; | |
width:100%; | |
backface-visibility:hidden; | |
display:-ms-flexbox; | |
display:flex; | |
-webkit-filter:blur(0); | |
filter:blur(0); | |
-ms-flex-direction:column; | |
flex-direction:column; | |
overflow:hidden; | |
transform:translate3d(-50%, -50%, 0) scale(1, 1); | |
z-index:10001; | |
max-height:95%; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:95%; | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.fade{ | |
margin-top:-50px; | |
opacity:0; | |
transition:opacity 0.25s ease, margin-top 0.25s ease; | |
} | |
.modal.fade.in{ | |
margin-top:0; | |
opacity:1; | |
} | |
.modal.modal-inline{ | |
bottom:auto; | |
left:auto; | |
margin:0 auto; | |
position:relative; | |
right:auto; | |
top:auto; | |
transform:none; | |
z-index:auto; | |
} | |
.modal .modal-header{ | |
border-bottom-width:1px; | |
border-bottom-color:rgba(0, 0, 0, 0.1); | |
border-bottom-style:solid; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.modal .modal-header,.modal .modal-body{ | |
background-color:#fff; | |
padding:24px; | |
display:block; | |
position:relative; | |
} | |
.modal .modal-body{ | |
-ms-flex:1; | |
flex:1; | |
overflow-y:auto; | |
} | |
.modal .modal-footer{ | |
background-color:#fff; | |
border-top-width:1px; | |
border-top-color:rgba(0, 0, 0, 0.1); | |
border-top-style:solid; | |
padding:24px; | |
display:block; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
position:relative; | |
} | |
.modal.modal-inverse{ | |
} | |
.modal.modal-inverse,.modal.modal-inverse .modal-header,.modal.modal-inverse .modal-body,.modal.modal-inverse .modal-footer{ | |
background-color:#161a21; | |
box-shadow:none; | |
} | |
.modal-backdrop{ | |
background-color:rgba(11, 13, 16, 0.6); | |
display:block; | |
position:absolute; | |
z-index:10000; | |
} | |
.modal-backdrop.fade{ | |
opacity:0; | |
transition:opacity 0.25s ease; | |
} | |
.modal-backdrop.fade.in{ | |
opacity:1; | |
} | |
@media (min-width: 480px){ | |
.modal{ | |
width:350px; | |
border-radius:3px; | |
max-height:95%; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:95%; | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal .modal-header,.modal .modal-body,.modal .modal-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal{ | |
width:450px; | |
max-height:95%; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:95%; | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal .modal-header,.modal .modal-body,.modal .modal-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.modal{ | |
width:500px; | |
max-height:95%; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:95%; | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal .modal-header,.modal .modal-body,.modal .modal-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal{ | |
width:550px; | |
max-height:95%; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:95%; | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal .modal-header,.modal .modal-body,.modal .modal-footer{ | |
padding:24px; | |
} | |
} | |
.modal.modal-small{ | |
width:100%; | |
border-radius:3px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-small .modal-small-header,.modal.modal-small .modal-small-body,.modal.modal-small .modal-small-footer{ | |
padding:24px; | |
} | |
@media (min-width: 480px){ | |
.modal.modal-small{ | |
width:350px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-small .modal-small-header,.modal.modal-small .modal-small-body,.modal.modal-small .modal-small-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal.modal-small{ | |
width:350px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-small .modal-small-header,.modal.modal-small .modal-small-body,.modal.modal-small .modal-small-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.modal.modal-small{ | |
width:350px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-small .modal-small-header,.modal.modal-small .modal-small-body,.modal.modal-small .modal-small-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal.modal-small{ | |
width:350px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-small .modal-small-header,.modal.modal-small .modal-small-body,.modal.modal-small .modal-small-footer{ | |
padding:24px; | |
} | |
} | |
.modal.modal-large{ | |
width:100%; | |
border-radius:3px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-large .modal-large-header,.modal.modal-large .modal-large-body,.modal.modal-large .modal-large-footer{ | |
padding:24px; | |
} | |
@media (min-width: 480px){ | |
.modal.modal-large{ | |
width:400px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-large .modal-large-header,.modal.modal-large .modal-large-body,.modal.modal-large .modal-large-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal.modal-large{ | |
width:600px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-large .modal-large-header,.modal.modal-large .modal-large-body,.modal.modal-large .modal-large-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.modal.modal-large{ | |
width:700px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-large .modal-large-header,.modal.modal-large .modal-large-body,.modal.modal-large .modal-large-footer{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal.modal-large{ | |
width:800px; | |
max-height:calc(100% - (2 * 24px)); | |
max-width:calc(100% - (2 * 24px)); | |
} | |
.modal.modal-large .modal-large-header,.modal.modal-large .modal-large-body,.modal.modal-large .modal-large-footer{ | |
padding:24px; | |
} | |
} | |
.panel{ | |
background-color:#fff; | |
box-shadow:0 0 0 1px rgba(218, 221, 226, 0.85); | |
border-radius:3px; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
overflow:hidden; | |
position:relative; | |
} | |
.panel.panel-inverse{ | |
background-color:#1b2029; | |
box-shadow:none; | |
} | |
.panel-cell{ | |
border-bottom-width:1px; | |
border-bottom-color:rgba(218, 221, 226, 0.85); | |
border-bottom-style:solid; | |
padding:24px; | |
display:block; | |
-ms-flex:1; | |
flex:1; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
} | |
.panel-cell:last-child{ | |
border-bottom:none; | |
} | |
.panel-cell.panel-cell-borderless{ | |
border:none; | |
} | |
.panel-cell-shorter{ | |
padding-top:6px; | |
padding-bottom:6px; | |
} | |
.panel-cell-shorter-top, | |
.panel-cell-shorter-top{ | |
padding-top:6px; | |
} | |
.panel-cell-shorter-bottom, | |
.panel-cell-shorter-bottom{ | |
padding-bottom:6px; | |
} | |
.panel-cell-short{ | |
padding-bottom:12px; | |
} | |
.panel-cell-short,.panel-cell-short-top, | |
.panel-cell-short-top{ | |
padding-top:12px; | |
} | |
.panel-cell-short-bottom, | |
.panel-cell-short-bottom{ | |
padding-bottom:12px; | |
} | |
.panel-cell-tall{ | |
padding-bottom:36px; | |
} | |
.panel-cell-tall,.panel-cell-tall-top, | |
.panel-cell-tall-top{ | |
padding-top:36px; | |
} | |
.panel-cell-tall-bottom, | |
.panel-cell-tall-bottom{ | |
padding-bottom:36px; | |
} | |
.panel-cell-taller{ | |
padding-bottom:48px; | |
} | |
.panel-cell-taller,.panel-cell-taller-top, | |
.panel-cell-taller-top{ | |
padding-top:48px; | |
} | |
.panel-cell-taller-bottom, | |
.panel-cell-taller-bottom{ | |
padding-bottom:48px; | |
} | |
.panel-cell-narrower{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.panel-cell-narrower-left, | |
.panel-cell-narrower-left{ | |
padding-left:6px; | |
} | |
.panel-cell-narrower-right, | |
.panel-cell-narrower-right{ | |
padding-right:6px; | |
} | |
.panel-cell-narrow{ | |
padding-right:12px; | |
} | |
.panel-cell-narrow,.panel-cell-narrow-left, | |
.panel-cell-narrow-left{ | |
padding-left:12px; | |
} | |
.panel-cell-narrow-right, | |
.panel-cell-narrow-right{ | |
padding-right:12px; | |
} | |
.panel-cell-wide{ | |
padding-right:36px; | |
} | |
.panel-cell-wide,.panel-cell-wide-left, | |
.panel-cell-wide-left{ | |
padding-left:36px; | |
} | |
.panel-cell-wide-right, | |
.panel-cell-wide-right{ | |
padding-right:36px; | |
} | |
.panel-cell-wider{ | |
padding-right:48px; | |
} | |
.panel-cell-wider,.panel-cell-wider-left, | |
.panel-cell-wider-left{ | |
padding-left:48px; | |
} | |
.panel-cell-wider-right, | |
.panel-cell-wider-right{ | |
padding-right:48px; | |
} | |
[class^='panel-cell'].flush, | |
[class*=' panel-cell'].flush{ | |
padding:0; | |
} | |
[class^='panel-cell'].flush-vertical, | |
[class*=' panel-cell'].flush-vertical{ | |
padding-bottom:0; | |
padding-top:0; | |
} | |
[class^='panel-cell'].flush-horizontal, | |
[class*=' panel-cell'].flush-horizontal{ | |
padding-left:0; | |
padding-right:0; | |
} | |
[class^='panel-cell'].flush-top, | |
[class*=' panel-cell'].flush-top{ | |
padding-top:0; | |
} | |
[class^='panel-cell'].flush-bottom, | |
[class*=' panel-cell'].flush-bottom{ | |
padding-bottom:0; | |
} | |
[class^='panel-cell'].flush-left, | |
[class*=' panel-cell'].flush-left{ | |
padding-left:0; | |
} | |
[class^='panel-cell'].flush-right, | |
[class*=' panel-cell'].flush-right{ | |
padding-right:0; | |
} | |
.panel-cell-inverse, | |
.panel.panel-inverse .panel-cell{ | |
border-bottom-color:rgba(255, 255, 255, 0.15); | |
box-shadow:none; | |
} | |
@media (min-width: 480px){ | |
.panel-cell{ | |
padding:24px; | |
} | |
.panel-cell-shorter{ | |
padding-bottom:6px; | |
} | |
.panel-cell-shorter,.panel-cell-shorter-top, | |
.panel-cell-shorter-top-screen-small{ | |
padding-top:6px; | |
} | |
.panel-cell-shorter-bottom, | |
.panel-cell-shorter-bottom-screen-small{ | |
padding-bottom:6px; | |
} | |
.panel-cell-short{ | |
padding-bottom:12px; | |
} | |
.panel-cell-short,.panel-cell-short-top, | |
.panel-cell-short-top-screen-small{ | |
padding-top:12px; | |
} | |
.panel-cell-short-bottom, | |
.panel-cell-short-bottom-screen-small{ | |
padding-bottom:12px; | |
} | |
.panel-cell-tall{ | |
padding-bottom:36px; | |
} | |
.panel-cell-tall,.panel-cell-tall-top, | |
.panel-cell-tall-top-screen-small{ | |
padding-top:36px; | |
} | |
.panel-cell-tall-bottom, | |
.panel-cell-tall-bottom-screen-small{ | |
padding-bottom:36px; | |
} | |
.panel-cell-taller{ | |
padding-bottom:48px; | |
} | |
.panel-cell-taller,.panel-cell-taller-top, | |
.panel-cell-taller-top-screen-small{ | |
padding-top:48px; | |
} | |
.panel-cell-taller-bottom, | |
.panel-cell-taller-bottom-screen-small{ | |
padding-bottom:48px; | |
} | |
.panel-cell-narrower{ | |
padding-right:6px; | |
} | |
.panel-cell-narrower,.panel-cell-narrower-left, | |
.panel-cell-narrower-left-screen-small{ | |
padding-left:6px; | |
} | |
.panel-cell-narrower-right, | |
.panel-cell-narrower-right-screen-small{ | |
padding-right:6px; | |
} | |
.panel-cell-narrow{ | |
padding-right:12px; | |
} | |
.panel-cell-narrow,.panel-cell-narrow-left, | |
.panel-cell-narrow-left-screen-small{ | |
padding-left:12px; | |
} | |
.panel-cell-narrow-right, | |
.panel-cell-narrow-right-screen-small{ | |
padding-right:12px; | |
} | |
.panel-cell-wide{ | |
padding-right:36px; | |
} | |
.panel-cell-wide,.panel-cell-wide-left, | |
.panel-cell-wide-left-screen-small{ | |
padding-left:36px; | |
} | |
.panel-cell-wide-right, | |
.panel-cell-wide-right-screen-small{ | |
padding-right:36px; | |
} | |
.panel-cell-wider{ | |
padding-right:48px; | |
} | |
.panel-cell-wider,.panel-cell-wider-left, | |
.panel-cell-wider-left-screen-small{ | |
padding-left:48px; | |
} | |
.panel-cell-wider-right, | |
.panel-cell-wider-right-screen-small{ | |
padding-right:48px; | |
} | |
} | |
@media (min-width: 768px){ | |
.panel-cell{ | |
padding:24px; | |
} | |
.panel-cell-shorter{ | |
padding-bottom:6px; | |
} | |
.panel-cell-shorter,.panel-cell-shorter-top, | |
.panel-cell-shorter-top-screen-medium{ | |
padding-top:6px; | |
} | |
.panel-cell-shorter-bottom, | |
.panel-cell-shorter-bottom-screen-medium{ | |
padding-bottom:6px; | |
} | |
.panel-cell-short{ | |
padding-bottom:12px; | |
} | |
.panel-cell-short,.panel-cell-short-top, | |
.panel-cell-short-top-screen-medium{ | |
padding-top:12px; | |
} | |
.panel-cell-short-bottom, | |
.panel-cell-short-bottom-screen-medium{ | |
padding-bottom:12px; | |
} | |
.panel-cell-tall{ | |
padding-bottom:36px; | |
} | |
.panel-cell-tall,.panel-cell-tall-top, | |
.panel-cell-tall-top-screen-medium{ | |
padding-top:36px; | |
} | |
.panel-cell-tall-bottom, | |
.panel-cell-tall-bottom-screen-medium{ | |
padding-bottom:36px; | |
} | |
.panel-cell-taller{ | |
padding-bottom:48px; | |
} | |
.panel-cell-taller,.panel-cell-taller-top, | |
.panel-cell-taller-top-screen-medium{ | |
padding-top:48px; | |
} | |
.panel-cell-taller-bottom, | |
.panel-cell-taller-bottom-screen-medium{ | |
padding-bottom:48px; | |
} | |
.panel-cell-narrower{ | |
padding-right:6px; | |
} | |
.panel-cell-narrower,.panel-cell-narrower-left, | |
.panel-cell-narrower-left-screen-medium{ | |
padding-left:6px; | |
} | |
.panel-cell-narrower-right, | |
.panel-cell-narrower-right-screen-medium{ | |
padding-right:6px; | |
} | |
.panel-cell-narrow{ | |
padding-right:12px; | |
} | |
.panel-cell-narrow,.panel-cell-narrow-left, | |
.panel-cell-narrow-left-screen-medium{ | |
padding-left:12px; | |
} | |
.panel-cell-narrow-right, | |
.panel-cell-narrow-right-screen-medium{ | |
padding-right:12px; | |
} | |
.panel-cell-wide{ | |
padding-right:36px; | |
} | |
.panel-cell-wide,.panel-cell-wide-left, | |
.panel-cell-wide-left-screen-medium{ | |
padding-left:36px; | |
} | |
.panel-cell-wide-right, | |
.panel-cell-wide-right-screen-medium{ | |
padding-right:36px; | |
} | |
.panel-cell-wider{ | |
padding-right:48px; | |
} | |
.panel-cell-wider,.panel-cell-wider-left, | |
.panel-cell-wider-left-screen-medium{ | |
padding-left:48px; | |
} | |
.panel-cell-wider-right, | |
.panel-cell-wider-right-screen-medium{ | |
padding-right:48px; | |
} | |
} | |
@media (min-width: 992px){ | |
.panel-cell{ | |
padding:24px; | |
} | |
.panel-cell-shorter{ | |
padding-bottom:6px; | |
} | |
.panel-cell-shorter,.panel-cell-shorter-top, | |
.panel-cell-shorter-top-screen-large{ | |
padding-top:6px; | |
} | |
.panel-cell-shorter-bottom, | |
.panel-cell-shorter-bottom-screen-large{ | |
padding-bottom:6px; | |
} | |
.panel-cell-short{ | |
padding-bottom:12px; | |
} | |
.panel-cell-short,.panel-cell-short-top, | |
.panel-cell-short-top-screen-large{ | |
padding-top:12px; | |
} | |
.panel-cell-short-bottom, | |
.panel-cell-short-bottom-screen-large{ | |
padding-bottom:12px; | |
} | |
.panel-cell-tall{ | |
padding-bottom:36px; | |
} | |
.panel-cell-tall,.panel-cell-tall-top, | |
.panel-cell-tall-top-screen-large{ | |
padding-top:36px; | |
} | |
.panel-cell-tall-bottom, | |
.panel-cell-tall-bottom-screen-large{ | |
padding-bottom:36px; | |
} | |
.panel-cell-taller{ | |
padding-bottom:48px; | |
} | |
.panel-cell-taller,.panel-cell-taller-top, | |
.panel-cell-taller-top-screen-large{ | |
padding-top:48px; | |
} | |
.panel-cell-taller-bottom, | |
.panel-cell-taller-bottom-screen-large{ | |
padding-bottom:48px; | |
} | |
.panel-cell-narrower{ | |
padding-right:6px; | |
} | |
.panel-cell-narrower,.panel-cell-narrower-left, | |
.panel-cell-narrower-left-screen-large{ | |
padding-left:6px; | |
} | |
.panel-cell-narrower-right, | |
.panel-cell-narrower-right-screen-large{ | |
padding-right:6px; | |
} | |
.panel-cell-narrow{ | |
padding-right:12px; | |
} | |
.panel-cell-narrow,.panel-cell-narrow-left, | |
.panel-cell-narrow-left-screen-large{ | |
padding-left:12px; | |
} | |
.panel-cell-narrow-right, | |
.panel-cell-narrow-right-screen-large{ | |
padding-right:12px; | |
} | |
.panel-cell-wide{ | |
padding-right:36px; | |
} | |
.panel-cell-wide,.panel-cell-wide-left, | |
.panel-cell-wide-left-screen-large{ | |
padding-left:36px; | |
} | |
.panel-cell-wide-right, | |
.panel-cell-wide-right-screen-large{ | |
padding-right:36px; | |
} | |
.panel-cell-wider{ | |
padding-right:48px; | |
} | |
.panel-cell-wider,.panel-cell-wider-left, | |
.panel-cell-wider-left-screen-large{ | |
padding-left:48px; | |
} | |
.panel-cell-wider-right, | |
.panel-cell-wider-right-screen-large{ | |
padding-right:48px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.panel-cell{ | |
padding:32px; | |
} | |
.panel-cell-shorter{ | |
padding-bottom:8px; | |
} | |
.panel-cell-shorter,.panel-cell-shorter-top, | |
.panel-cell-shorter-top-screen-jumbo{ | |
padding-top:8px; | |
} | |
.panel-cell-shorter-bottom, | |
.panel-cell-shorter-bottom-screen-jumbo{ | |
padding-bottom:8px; | |
} | |
.panel-cell-short{ | |
padding-bottom:16px; | |
} | |
.panel-cell-short,.panel-cell-short-top, | |
.panel-cell-short-top-screen-jumbo{ | |
padding-top:16px; | |
} | |
.panel-cell-short-bottom, | |
.panel-cell-short-bottom-screen-jumbo{ | |
padding-bottom:16px; | |
} | |
.panel-cell-tall{ | |
padding-bottom:48px; | |
} | |
.panel-cell-tall,.panel-cell-tall-top, | |
.panel-cell-tall-top-screen-jumbo{ | |
padding-top:48px; | |
} | |
.panel-cell-tall-bottom, | |
.panel-cell-tall-bottom-screen-jumbo{ | |
padding-bottom:48px; | |
} | |
.panel-cell-taller{ | |
padding-bottom:64px; | |
} | |
.panel-cell-taller,.panel-cell-taller-top, | |
.panel-cell-taller-top-screen-jumbo{ | |
padding-top:64px; | |
} | |
.panel-cell-taller-bottom, | |
.panel-cell-taller-bottom-screen-jumbo{ | |
padding-bottom:64px; | |
} | |
.panel-cell-narrower{ | |
padding-right:8px; | |
} | |
.panel-cell-narrower,.panel-cell-narrower-left, | |
.panel-cell-narrower-left-screen-jumbo{ | |
padding-left:8px; | |
} | |
.panel-cell-narrower-right, | |
.panel-cell-narrower-right-screen-jumbo{ | |
padding-right:8px; | |
} | |
.panel-cell-narrow{ | |
padding-right:16px; | |
} | |
.panel-cell-narrow,.panel-cell-narrow-left, | |
.panel-cell-narrow-left-screen-jumbo{ | |
padding-left:16px; | |
} | |
.panel-cell-narrow-right, | |
.panel-cell-narrow-right-screen-jumbo{ | |
padding-right:16px; | |
} | |
.panel-cell-wide{ | |
padding-right:48px; | |
} | |
.panel-cell-wide,.panel-cell-wide-left, | |
.panel-cell-wide-left-screen-jumbo{ | |
padding-left:48px; | |
} | |
.panel-cell-wide-right, | |
.panel-cell-wide-right-screen-jumbo{ | |
padding-right:48px; | |
} | |
.panel-cell-wider{ | |
padding-right:64px; | |
} | |
.panel-cell-wider,.panel-cell-wider-left, | |
.panel-cell-wider-left-screen-jumbo{ | |
padding-left:64px; | |
} | |
.panel-cell-wider-right, | |
.panel-cell-wider-right-screen-jumbo{ | |
padding-right:64px; | |
} | |
} | |
.panel-cell-light{ | |
background-color:#f8f8f9; | |
border-bottom-width:1px; | |
border-bottom-color:rgba(218, 221, 226, 0.85); | |
border-bottom-style:solid; | |
} | |
.panel-cell-dark{ | |
background-color:#1b2029; | |
border-bottom-color:rgba(255, 255, 255, 0.15); | |
} | |
@keyframes scale{ | |
0%{ | |
transform:scale(1); | |
opacity:1; | |
} | |
45%{ | |
transform:scale(0.1); | |
opacity:0.7; | |
} | |
80%{ | |
transform:scale(1); | |
opacity:1; | |
} | |
} | |
.ball-pulse > div:nth-child(0){ | |
animation:scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.ball-pulse > div:nth-child(1){ | |
animation:scale 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.ball-pulse > div:nth-child(2){ | |
animation:scale 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.ball-pulse > div:nth-child(3){ | |
animation:scale 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.ball-pulse > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
} | |
@keyframes ball-pulse-sync{ | |
33%{ | |
transform:translateY(10px); | |
} | |
66%{ | |
transform:translateY(-10px); | |
} | |
100%{ | |
transform:translateY(0); | |
} | |
} | |
.ball-pulse-sync > div:nth-child(0){ | |
animation:ball-pulse-sync 0.6s 0s infinite ease-in-out; | |
} | |
.ball-pulse-sync > div:nth-child(1){ | |
animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out; | |
} | |
.ball-pulse-sync > div:nth-child(2){ | |
animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out; | |
} | |
.ball-pulse-sync > div:nth-child(3){ | |
animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out; | |
} | |
.ball-pulse-sync > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
} | |
@keyframes ball-scale{ | |
0%{ | |
transform:scale(0); | |
} | |
100%{ | |
transform:scale(1); | |
opacity:0; | |
} | |
} | |
.ball-scale > div{ | |
background-color:#fff; | |
border-radius:100%; | |
margin:2px; | |
display:inline-block; | |
height:60px; | |
width:60px; | |
animation:ball-scale 1s 0s ease-in-out infinite; | |
} | |
@keyframes rotate{ | |
0%{ | |
transform:rotate(0deg); | |
} | |
50%{ | |
transform:rotate(180deg); | |
} | |
100%{ | |
transform:rotate(360deg); | |
} | |
} | |
.ball-rotate,.ball-rotate > div{ | |
position:relative; | |
} | |
.ball-rotate > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
} | |
.ball-rotate > div:first-child{ | |
animation:rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; | |
} | |
.ball-rotate > div:after, | |
.ball-rotate > div:before{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
content:""; | |
position:absolute; | |
opacity:0.8; | |
} | |
.ball-rotate > div:before{ | |
top:0; | |
left:-28px; | |
} | |
.ball-rotate > div:after{ | |
top:0; | |
left:25px; | |
} | |
.ball-clip-rotate > div{ | |
border-radius:100%; | |
margin:2px; | |
border:2px solid #fff; | |
border-bottom-color:transparent; | |
height:25px; | |
width:25px; | |
background:0 0!important; | |
display:inline-block; | |
animation:rotate 0.75s 0s linear infinite; | |
} | |
@keyframes scale{ | |
30%{ | |
transform:scale(0.3); | |
} | |
100%{ | |
transform:scale(1); | |
} | |
} | |
.ball-clip-rotate-pulse{ | |
position:relative; | |
transform:translateY(-15px); | |
} | |
.ball-clip-rotate-pulse > div{ | |
animation-fill-mode:both; | |
position:absolute; | |
top:0; | |
left:0; | |
border-radius:100%; | |
} | |
.ball-clip-rotate-pulse > div:first-child{ | |
background:#fff; | |
height:16px; | |
width:16px; | |
top:9px; | |
left:9px; | |
animation:scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; | |
} | |
.ball-clip-rotate-pulse > div:last-child{ | |
position:absolute; | |
width:30px; | |
height:30px; | |
background:0 0; | |
border:2px solid; | |
border-color:#fff transparent; | |
animation:rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; | |
animation-duration:1s; | |
} | |
@keyframes rotate{ | |
0%{ | |
transform:rotate(0deg) scale(1); | |
} | |
50%{ | |
transform:rotate(180deg) scale(0.6); | |
} | |
100%{ | |
transform:rotate(360deg) scale(1); | |
} | |
} | |
.ball-clip-rotate-multiple{ | |
position:relative; | |
} | |
.ball-clip-rotate-multiple > div{ | |
position:absolute; | |
left:0; | |
top:0; | |
border:2px solid #fff; | |
border-bottom-color:transparent; | |
border-top-color:transparent; | |
border-radius:100%; | |
height:35px; | |
width:35px; | |
animation:rotate 1s 0s ease-in-out infinite; | |
} | |
.ball-clip-rotate-multiple > div:last-child{ | |
display:inline-block; | |
top:10px; | |
left:10px; | |
width:15px; | |
height:15px; | |
animation-duration:.5s; | |
border-color:#fff transparent; | |
animation-direction:reverse; | |
} | |
@keyframes ball-scale-ripple{ | |
0%{ | |
transform:scale(0.1); | |
opacity:1; | |
} | |
70%{ | |
transform:scale(1); | |
opacity:0.7; | |
} | |
100%{ | |
opacity:0; | |
} | |
} | |
.ball-scale-ripple > div{ | |
height:50px; | |
width:50px; | |
border-radius:100%; | |
border:2px solid #fff; | |
animation:ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); | |
} | |
@keyframes ball-scale-ripple-multiple{ | |
0%{ | |
transform:scale(0.1); | |
opacity:1; | |
} | |
70%{ | |
transform:scale(1); | |
opacity:0.7; | |
} | |
100%{ | |
opacity:0; | |
} | |
} | |
.ball-scale-ripple-multiple{ | |
position:relative; | |
transform:translateY(-25px); | |
} | |
.ball-scale-ripple-multiple > div:nth-child(0){ | |
animation-delay:-0.2s; | |
} | |
.ball-scale-ripple-multiple > div:nth-child(1){ | |
animation-delay:0s; | |
} | |
.ball-scale-ripple-multiple > div:nth-child(2){ | |
animation-delay:0.2s; | |
} | |
.ball-scale-ripple-multiple > div:nth-child(3){ | |
animation-delay:0.4s; | |
} | |
.ball-scale-ripple-multiple > div{ | |
position:absolute; | |
top:0; | |
left:0; | |
width:50px; | |
height:50px; | |
border-radius:100%; | |
border:2px solid #fff; | |
animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); | |
} | |
@keyframes ball-beat{ | |
50%{ | |
opacity:.2; | |
transform:scale(0.75); | |
} | |
100%{ | |
opacity:1; | |
transform:scale(1); | |
} | |
} | |
.ball-beat > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
display:inline-block; | |
animation:ball-beat 0.7s 0s infinite linear; | |
} | |
.ball-beat > div:nth-child(2n-1){ | |
animation-delay:0.35s !important; | |
} | |
@keyframes ball-scale-multiple{ | |
0%{ | |
transform:scale(0); | |
opacity:0; | |
} | |
5%{ | |
opacity:1; | |
} | |
100%{ | |
transform:scale(1); | |
opacity:0; | |
} | |
} | |
.ball-scale-multiple{ | |
position:relative; | |
transform:translateY(-30px); | |
} | |
.ball-scale-multiple > div:nth-child(2){ | |
animation-delay:0.2s; | |
} | |
.ball-scale-multiple > div:nth-child(3){ | |
animation-delay:0.4s; | |
} | |
.ball-scale-multiple > div{ | |
background-color:#fff; | |
border-radius:100%; | |
position:absolute; | |
left:0; | |
top:0; | |
opacity:0; | |
margin:0; | |
width:60px; | |
height:60px; | |
animation:ball-scale-multiple 1s 0s linear infinite; | |
} | |
@keyframes ball-triangle-path-1{ | |
33%{ | |
transform:translate(25px, -50px); | |
} | |
66%{ | |
transform:translate(50px, 0); | |
} | |
100%{ | |
transform:translate(0px, 0); | |
} | |
} | |
@keyframes ball-triangle-path-2{ | |
33%{ | |
transform:translate(25px, 50px); | |
} | |
66%{ | |
transform:translate(-25px, 50px); | |
} | |
100%{ | |
transform:translate(0px, 0); | |
} | |
} | |
@keyframes ball-triangle-path-3{ | |
33%{ | |
transform:translate(-50px, 0); | |
} | |
66%{ | |
transform:translate(-25px, -50px); | |
} | |
100%{ | |
transform:translate(0px, 0); | |
} | |
} | |
.ball-triangle-path{ | |
position:relative; | |
transform:translate(-25px, -25px); | |
} | |
.ball-triangle-path > div:nth-child(1){ | |
animation-name:ball-triangle-path-1; | |
animation-delay:0; | |
animation-duration:2s; | |
animation-timing-function:ease-in-out; | |
animation-iteration-count:infinite; | |
} | |
.ball-triangle-path > div:nth-child(2){ | |
animation-name:ball-triangle-path-2; | |
animation-delay:0; | |
animation-duration:2s; | |
animation-timing-function:ease-in-out; | |
animation-iteration-count:infinite; | |
} | |
.ball-triangle-path > div:nth-child(3){ | |
animation-name:ball-triangle-path-3; | |
animation-delay:0; | |
animation-duration:2s; | |
animation-timing-function:ease-in-out; | |
animation-iteration-count:infinite; | |
} | |
.ball-triangle-path > div{ | |
animation-fill-mode:both; | |
position:absolute; | |
width:10px; | |
height:10px; | |
border-radius:100%; | |
border:1px solid #fff; | |
} | |
.ball-triangle-path > div:nth-of-type(1){ | |
top:50px; | |
} | |
.ball-triangle-path > div:nth-of-type(2){ | |
left:25px; | |
} | |
.ball-triangle-path > div:nth-of-type(3){ | |
top:50px; | |
left:50px; | |
} | |
@keyframes ball-pulse-rise-even{ | |
0%{ | |
transform:scale(1.1); | |
} | |
25%{ | |
transform:translateY(-30px); | |
} | |
50%{ | |
transform:scale(0.4); | |
} | |
75%{ | |
transform:translateY(30px); | |
} | |
100%{ | |
transform:translateY(0); | |
transform:scale(1); | |
} | |
} | |
@keyframes ball-pulse-rise-odd{ | |
0%{ | |
transform:scale(0.4); | |
} | |
25%{ | |
transform:translateY(30px); | |
} | |
50%{ | |
transform:scale(1.1); | |
} | |
75%{ | |
transform:translateY(-30px); | |
} | |
100%{ | |
transform:translateY(0); | |
transform:scale(0.75); | |
} | |
} | |
.ball-pulse-rise > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
animation-duration:1s; | |
animation-timing-function:cubic-bezier(0.15, 0.46, 0.9, 0.6); | |
animation-iteration-count:infinite; | |
animation-delay:0; | |
} | |
.ball-pulse-rise > div:nth-child(2n){ | |
animation-name:ball-pulse-rise-even; | |
} | |
.ball-pulse-rise > div:nth-child(2n-1){ | |
animation-name:ball-pulse-rise-odd; | |
} | |
@keyframes ball-grid-beat{ | |
50%{ | |
opacity:0.7; | |
} | |
100%{ | |
opacity:1; | |
} | |
} | |
.ball-grid-beat{ | |
width:57px; | |
} | |
.ball-grid-beat > div:nth-child(1){ | |
animation-delay:.05s; | |
animation-duration:1.52s; | |
} | |
.ball-grid-beat > div:nth-child(2){ | |
animation-delay:.54s; | |
animation-duration:1.26s; | |
} | |
.ball-grid-beat > div:nth-child(3){ | |
animation-delay:.22s; | |
animation-duration:0.93s; | |
} | |
.ball-grid-beat > div:nth-child(4){ | |
animation-delay:.44s; | |
animation-duration:1.13s; | |
} | |
.ball-grid-beat > div:nth-child(5){ | |
animation-delay:.52s; | |
animation-duration:0.67s; | |
} | |
.ball-grid-beat > div:nth-child(6){ | |
animation-delay:.71s; | |
animation-duration:1.56s; | |
} | |
.ball-grid-beat > div:nth-child(7){ | |
animation-delay:.44s; | |
animation-duration:1.03s; | |
} | |
.ball-grid-beat > div:nth-child(8){ | |
animation-delay:.11s; | |
animation-duration:0.93s; | |
} | |
.ball-grid-beat > div:nth-child(9){ | |
animation-delay:.78s; | |
animation-duration:1.09s; | |
} | |
.ball-grid-beat > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
animation-name:ball-grid-beat; | |
animation-iteration-count:infinite; | |
animation-delay:0; | |
} | |
@keyframes ball-grid-pulse{ | |
0%{ | |
transform:scale(1); | |
} | |
50%{ | |
transform:scale(0.5); | |
opacity:0.7; | |
} | |
100%{ | |
transform:scale(1); | |
opacity:1; | |
} | |
} | |
.ball-grid-pulse{ | |
width:57px; | |
} | |
.ball-grid-pulse > div:nth-child(1){ | |
animation-delay:-0.09s; | |
animation-duration:0.81s; | |
} | |
.ball-grid-pulse > div:nth-child(2){ | |
animation-delay:.52s; | |
animation-duration:1.12s; | |
} | |
.ball-grid-pulse > div:nth-child(3){ | |
animation-delay:.41s; | |
animation-duration:1.57s; | |
} | |
.ball-grid-pulse > div:nth-child(4){ | |
animation-delay:.72s; | |
animation-duration:0.73s; | |
} | |
.ball-grid-pulse > div:nth-child(5){ | |
animation-delay:.7s; | |
animation-duration:1.45s; | |
} | |
.ball-grid-pulse > div:nth-child(6){ | |
animation-delay:.31s; | |
animation-duration:0.86s; | |
} | |
.ball-grid-pulse > div:nth-child(7){ | |
animation-delay:.43s; | |
animation-duration:1.5s; | |
} | |
.ball-grid-pulse > div:nth-child(8){ | |
animation-delay:.18s; | |
animation-duration:1.35s; | |
} | |
.ball-grid-pulse > div:nth-child(9){ | |
animation-delay:.57s; | |
animation-duration:1.4s; | |
} | |
.ball-grid-pulse > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
animation-name:ball-grid-pulse; | |
animation-iteration-count:infinite; | |
animation-delay:0; | |
} | |
@keyframes ball-spin-fade-loader{ | |
50%{ | |
opacity:.3; | |
transform:scale(0.4); | |
} | |
100%{ | |
opacity:1; | |
transform:scale(1); | |
} | |
} | |
.ball-spin-fade-loader{ | |
position:relative; | |
} | |
.ball-spin-fade-loader > div:nth-child(1){ | |
top:25px; | |
left:0; | |
animation:ball-spin-fade-loader 1s 0s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(2){ | |
top:17.05px; | |
left:17.05px; | |
animation:ball-spin-fade-loader 1s 0.12s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(3){ | |
top:0; | |
left:25px; | |
animation:ball-spin-fade-loader 1s 0.24s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(4){ | |
top:-17.05px; | |
left:17.05px; | |
animation:ball-spin-fade-loader 1s 0.36s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(5){ | |
top:-25px; | |
left:0; | |
animation:ball-spin-fade-loader 1s 0.48s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(6){ | |
top:-17.05px; | |
left:-17.05px; | |
animation:ball-spin-fade-loader 1s 0.6s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(7){ | |
top:0; | |
left:-25px; | |
animation:ball-spin-fade-loader 1s 0.72s infinite linear; | |
} | |
.ball-spin-fade-loader > div:nth-child(8){ | |
top:17.05px; | |
left:-17.05px; | |
animation:ball-spin-fade-loader 1s 0.84s infinite linear; | |
} | |
.ball-spin-fade-loader > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px; | |
animation-fill-mode:both; | |
position:absolute; | |
} | |
@keyframes ball-spin-loader{ | |
75%{ | |
opacity:0.2; | |
} | |
100%{ | |
opacity:1; | |
} | |
} | |
.ball-spin-loader{ | |
position:relative; | |
} | |
.ball-spin-loader > span:nth-child(1){ | |
top:45px; | |
left:0; | |
animation:ball-spin-loader 2s 0.9s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(2){ | |
top:30.68px; | |
left:30.68px; | |
animation:ball-spin-loader 2s 1.8s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(3){ | |
top:0; | |
left:45px; | |
animation:ball-spin-loader 2s 2.7s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(4){ | |
top:-30.68px; | |
left:30.68px; | |
animation:ball-spin-loader 2s 3.6s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(5){ | |
top:-45px; | |
left:0; | |
animation:ball-spin-loader 2s 4.5s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(6){ | |
top:-30.68px; | |
left:-30.68px; | |
animation:ball-spin-loader 2s 5.4s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(7){ | |
top:0; | |
left:-45px; | |
animation:ball-spin-loader 2s 6.3s infinite linear; | |
} | |
.ball-spin-loader > span:nth-child(8){ | |
top:30.68px; | |
left:-30.68px; | |
animation:ball-spin-loader 2s 7.2s infinite linear; | |
} | |
.ball-spin-loader > div{ | |
animation-fill-mode:both; | |
position:absolute; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
background:green; | |
} | |
@keyframes ball-zig{ | |
33%{ | |
transform:translate(-15px, -30px); | |
} | |
66%{ | |
transform:translate(15px, -30px); | |
} | |
100%{ | |
transform:translate(0, 0); | |
} | |
} | |
@keyframes ball-zag{ | |
33%{ | |
transform:translate(15px, 30px); | |
} | |
66%{ | |
transform:translate(-15px, 30px); | |
} | |
100%{ | |
transform:translate(0, 0); | |
} | |
} | |
.ball-zig-zag{ | |
position:relative; | |
transform:translate(-15px, -15px); | |
} | |
.ball-zig-zag > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px 2px 2px 15px; | |
animation-fill-mode:both; | |
position:absolute; | |
top:30px; | |
left:30px; | |
} | |
.ball-zig-zag > div:first-child{ | |
animation:ball-zig 0.7s 0s infinite linear; | |
} | |
.ball-zig-zag > div:last-child{ | |
animation:ball-zag 0.7s 0s infinite linear; | |
} | |
@keyframes ball-zig-deflect{ | |
17%{ | |
transform:translate(-15px, -30px); | |
} | |
34%{ | |
transform:translate(15px, -30px); | |
} | |
50%{ | |
transform:translate(0, 0); | |
} | |
67%{ | |
transform:translate(15px, -30px); | |
} | |
84%{ | |
transform:translate(-15px, -30px); | |
} | |
100%{ | |
transform:translate(0, 0); | |
} | |
} | |
@keyframes ball-zag-deflect{ | |
17%{ | |
transform:translate(15px, 30px); | |
} | |
34%{ | |
transform:translate(-15px, 30px); | |
} | |
50%{ | |
transform:translate(0, 0); | |
} | |
67%{ | |
transform:translate(-15px, 30px); | |
} | |
84%{ | |
transform:translate(15px, 30px); | |
} | |
100%{ | |
transform:translate(0, 0); | |
} | |
} | |
.ball-zig-zag-deflect{ | |
position:relative; | |
transform:translate(-15px, -15px); | |
} | |
.ball-zig-zag-deflect > div{ | |
background-color:#fff; | |
width:15px; | |
height:15px; | |
border-radius:100%; | |
margin:2px 2px 2px 15px; | |
animation-fill-mode:both; | |
position:absolute; | |
top:30px; | |
left:30px; | |
} | |
.ball-zig-zag-deflect > div:first-child{ | |
animation:ball-zig-deflect 1.5s 0s infinite linear; | |
} | |
.ball-zig-zag-deflect > div:last-child{ | |
animation:ball-zag-deflect 1.5s 0s infinite linear; | |
} | |
@keyframes line-scale{ | |
0%{ | |
transform:scaley(1); | |
} | |
50%{ | |
transform:scaley(0.4); | |
} | |
100%{ | |
transform:scaley(1); | |
} | |
} | |
.line-scale > div:nth-child(1){ | |
animation:line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.line-scale > div:nth-child(2){ | |
animation:line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.line-scale > div:nth-child(3){ | |
animation:line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.line-scale > div:nth-child(4){ | |
animation:line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.line-scale > div:nth-child(5){ | |
animation:line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); | |
} | |
.line-scale > div{ | |
background-color:#fff; | |
width:4px; | |
height:35px; | |
border-radius:2px; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
} | |
@keyframes line-scale-party{ | |
0%{ | |
transform:scale(1); | |
} | |
50%{ | |
transform:scale(0.5); | |
} | |
100%{ | |
transform:scale(1); | |
} | |
} | |
.line-scale-party > div:nth-child(1){ | |
animation-delay:.39s; | |
animation-duration:0.35s; | |
} | |
.line-scale-party > div:nth-child(2){ | |
animation-delay:.01s; | |
animation-duration:0.53s; | |
} | |
.line-scale-party > div:nth-child(3){ | |
animation-delay:.23s; | |
animation-duration:0.4s; | |
} | |
.line-scale-party > div:nth-child(4){ | |
animation-delay:.67s; | |
animation-duration:0.44s; | |
} | |
.line-scale-party > div{ | |
background-color:#fff; | |
width:4px; | |
height:35px; | |
border-radius:2px; | |
margin:2px; | |
animation-fill-mode:both; | |
display:inline-block; | |
animation-name:line-scale-party; | |
animation-iteration-count:infinite; | |
animation-delay:0; | |
} | |
@keyframes line-scale-pulse-out{ | |
0%{ | |
transform:scaley(1); | |
} | |
50%{ | |
transform:scaley(0.4); | |
} | |
100%{ | |
transform:scaley(1); | |
} | |
} | |
.line-scale-pulse-out > div{ | |
background-color:#fff; | |
width:4px; | |
height:35px; | |
border-radius:2px; | |
margin:2px; | |
display:inline-block; | |
animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); | |
} | |
.line-scale-pulse-out > div:nth-child(2), | |
.line-scale-pulse-out > div:nth-child(4){ | |
animation-delay:0.2s !important; | |
} | |
.line-scale-pulse-out > div:nth-child(1), | |
.line-scale-pulse-out > div:nth-child(5){ | |
animation-delay:0.4s !important; | |
} | |
@keyframes line-scale-pulse-out-rapid{ | |
0%{ | |
transform:scaley(1); | |
} | |
80%{ | |
transform:scaley(0.3); | |
} | |
90%{ | |
transform:scaley(1); | |
} | |
} | |
.line-scale-pulse-out-rapid > div{ | |
background-color:#fff; | |
width:4px; | |
height:35px; | |
border-radius:2px; | |
margin:2px; | |
display:inline-block; | |
animation:line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); | |
} | |
.line-scale-pulse-out-rapid > div:nth-child(2), | |
.line-scale-pulse-out-rapid > div:nth-child(4){ | |
animation-delay:0.25s !important; | |
} | |
.line-scale-pulse-out-rapid > div:nth-child(1), | |
.line-scale-pulse-out-rapid > div:nth-child(5){ | |
animation-delay:0.5s !important; | |
} | |
@keyframes line-spin-fade-loader{ | |
50%{ | |
opacity:0.3; | |
} | |
100%{ | |
opacity:1; | |
} | |
} | |
.line-spin-fade-loader{ | |
position:relative; | |
} | |
.line-spin-fade-loader > div:nth-child(1){ | |
top:20px; | |
left:0; | |
animation:line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(2){ | |
top:13.64px; | |
left:13.64px; | |
transform:rotate(-45deg); | |
animation:line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(3){ | |
top:0; | |
left:20px; | |
transform:rotate(90deg); | |
animation:line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(4){ | |
top:-13.64px; | |
left:13.64px; | |
transform:rotate(45deg); | |
animation:line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(5){ | |
top:-20px; | |
left:0; | |
animation:line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(6){ | |
top:-13.64px; | |
left:-13.64px; | |
transform:rotate(-45deg); | |
animation:line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(7){ | |
top:0; | |
left:-20px; | |
transform:rotate(90deg); | |
animation:line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div:nth-child(8){ | |
top:13.64px; | |
left:-13.64px; | |
transform:rotate(45deg); | |
animation:line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; | |
} | |
.line-spin-fade-loader > div{ | |
background-color:#fff; | |
border-radius:2px; | |
margin:2px; | |
animation-fill-mode:both; | |
position:absolute; | |
width:5px; | |
height:15px; | |
} | |
@keyframes triangle-skew-spin{ | |
25%{ | |
transform:perspective(100px) rotateX(180deg) rotateY(0); | |
} | |
50%{ | |
transform:perspective(100px) rotateX(180deg) rotateY(180deg); | |
} | |
75%{ | |
transform:perspective(100px) rotateX(0) rotateY(180deg); | |
} | |
100%{ | |
transform:perspective(100px) rotateX(0) rotateY(0); | |
} | |
} | |
.triangle-skew-spin > div{ | |
width:0; | |
height:0; | |
border-left:20px solid transparent; | |
border-right:20px solid transparent; | |
border-bottom:20px solid #fff; | |
animation:triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; | |
} | |
@keyframes square-spin{ | |
25%{ | |
transform:perspective(100px) rotateX(180deg) rotateY(0); | |
} | |
50%{ | |
transform:perspective(100px) rotateX(180deg) rotateY(180deg); | |
} | |
75%{ | |
transform:perspective(100px) rotateX(0) rotateY(180deg); | |
} | |
100%{ | |
transform:perspective(100px) rotateX(0) rotateY(0); | |
} | |
} | |
.square-spin > div{ | |
width:50px; | |
height:50px; | |
background:#fff; | |
border:1px solid red; | |
animation:square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; | |
} | |
@keyframes pacman-balls{ | |
75%{ | |
opacity:0.7; | |
} | |
100%{ | |
transform:translate(-100px, -6.25px); | |
} | |
} | |
.pacman{ | |
position:relative; | |
} | |
.pacman > div:nth-child(2){ | |
animation:pacman-balls 1s 0s infinite linear; | |
} | |
.pacman > div:nth-child(3){ | |
animation:pacman-balls 1s 0.25s infinite linear; | |
} | |
.pacman > div:nth-child(4){ | |
animation:pacman-balls 1s 0.5s infinite linear; | |
} | |
.pacman > div:nth-child(5){ | |
animation:pacman-balls 1s 0.75s infinite linear; | |
} | |
.pacman > div:first-of-type{ | |
width:0; | |
height:0; | |
border-right:25px solid transparent; | |
border-top:25px solid #fff; | |
border-left:25px solid #fff; | |
border-bottom:25px solid #fff; | |
border-radius:25px; | |
} | |
.pacman > div:nth-child(2), | |
.pacman > div:nth-child(3), | |
.pacman > div:nth-child(4), | |
.pacman > div:nth-child(5){ | |
background-color:#fff; | |
border-radius:100%; | |
margin:2px; | |
width:10px; | |
height:10px; | |
position:absolute; | |
transform:translate(0, -6.25px); | |
top:25px; | |
left:100px; | |
} | |
@keyframes cube-transition{ | |
25%{ | |
transform:translateX(50px) scale(0.5) rotate(-90deg); | |
} | |
50%{ | |
transform:translate(50px, 50px) rotate(-180deg); | |
} | |
75%{ | |
transform:translateY(50px) scale(0.5) rotate(-270deg); | |
} | |
100%{ | |
transform:rotate(-360deg); | |
} | |
} | |
.cube-transition{ | |
position:relative; | |
transform:translate(-25px, -25px); | |
} | |
.cube-transition > div{ | |
width:10px; | |
height:10px; | |
position:absolute; | |
top:0; | |
left:0; | |
background-color:#fff; | |
animation:cube-transition 1.6s 0s infinite ease-in-out; | |
} | |
.cube-transition > div:last-child{ | |
animation-delay:-0.8s; | |
} | |
@keyframes spin-rotate{ | |
0%{ | |
transform:rotate(0deg); | |
} | |
50%{ | |
transform:rotate(180deg); | |
} | |
100%{ | |
transform:rotate(360deg); | |
} | |
} | |
.semi-circle-spin{ | |
position:relative; | |
width:35px; | |
height:35px; | |
overflow:hidden; | |
} | |
.semi-circle-spin > div{ | |
position:absolute; | |
border-width:0; | |
border-radius:100%; | |
animation:spin-rotate 0.6s 0s infinite linear; | |
background-image:linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%); | |
width:100%; | |
height:100%; | |
} | |
.gm-scrollbar-disable-selection{ | |
-webkit-touch-callout:none; | |
-webkit-user-select:none; | |
-moz-user-select:none; | |
-ms-user-select:none; | |
user-select:none; | |
} | |
.gm-prevented{ | |
-webkit-overflow-scrolling:touch; | |
} | |
.gm-prevented .gm-scrollbar{ | |
display:none; | |
} | |
.gm-scrollbar-container{ | |
position:relative; | |
overflow:hidden!important; | |
width:100%; | |
height:100%; | |
} | |
.gm-scrollbar{ | |
position:absolute; | |
right:2px; | |
bottom:2px; | |
z-index:1; | |
border-radius:3px; | |
} | |
.gm-scrollbar.-vertical{ | |
top:2px; | |
} | |
.gm-scrollbar.-horizontal{ | |
left:2px; | |
} | |
.gm-scrollbar .thumb{ | |
position:relative; | |
display:block; | |
width:0; | |
height:0; | |
cursor:pointer; | |
border-radius:inherit; | |
background-color:rgba(0,0,0,.2); | |
} | |
.gm-scrollbar .thumb:hover, | |
.gm-scrollbar .thumb:active{ | |
background-color:rgba(0,0,0,.3); | |
} | |
.gm-scrollbar.-vertical .thumb{ | |
width:100%; | |
} | |
.gm-scrollbar.-horizontal .thumb{ | |
height:100%; | |
} | |
.gm-scrollbar-container .gm-scroll-view{ | |
width:100%; | |
height:100%; | |
overflow:scroll; | |
-webkit-overflow-scrolling:touch; | |
} | |
.gm-scrollbar-container.gm-autoshow .gm-scrollbar{ | |
opacity:0; | |
transition:opacity 120ms ease-out; | |
} | |
.gm-scrollbar-container.gm-autoshow:hover .gm-scrollbar, | |
.gm-scrollbar-container.gm-autoshow:focus .gm-scrollbar{ | |
opacity:1; | |
transition:opacity 340ms ease-out; | |
} | |
@keyframes dropdown-down-enter{ | |
0%{ | |
transform:translateY(-30px); | |
} | |
100%{ | |
transform:translateY(0); | |
} | |
} | |
@keyframes dropdown-down-leave{ | |
0%{ | |
transform:translateY(0); | |
} | |
100%{ | |
transform:translateY(-30px); | |
} | |
} | |
@keyframes dropdown-up-enter{ | |
0%{ | |
transform:translateY(30px); | |
} | |
100%{ | |
transform:translateY(0); | |
} | |
} | |
@keyframes dropdown-up-leave{ | |
0%{ | |
transform:translateY(0); | |
} | |
100%{ | |
transform:translateY(30px); | |
} | |
} | |
@keyframes dropdown-fade-in{ | |
0%{ | |
opacity:0; | |
} | |
100%{ | |
opacity:1; | |
} | |
} | |
@keyframes dropdown-fade-out{ | |
0%{ | |
opacity:1; | |
} | |
100%{ | |
opacity:0; | |
} | |
} | |
.dropdown{ | |
display:inline-block; | |
outline:none; | |
} | |
.dropdown.open .dropdown-toggle{ | |
z-index:4; | |
} | |
.dropdown.open .dropdown-menu{ | |
z-index:3; | |
} | |
.dropdown.open .dropdown-menu.inverse li.is-selectable, | |
.form-control.form-control-group .typeahead.inverse .dropdown-menu .dropdown-menu-list li, | |
.form-control.form-control-group .typeahead.inverse .dropdown-menu .dropdown-menu-item-padding-surrogate{ | |
color:#fff; | |
} | |
.dropdown.open .dropdown-menu.inverse li.is-selectable:hover, | |
.form-control.form-control-group .typeahead.inverse .dropdown-menu .dropdown-menu-list li:hover, | |
.form-control.form-control-group .typeahead.inverse .dropdown-menu .dropdown-menu-list li.active, | |
.form-control.form-control-group .typeahead.inverse .dropdown-menu .dropdown-menu-item-padding-surrogate:hover, | |
.form-control.form-control-group .typeahead.inverse .dropdown-menu .dropdown-menu-item-padding-surrogate.active{ | |
background:#51596a; | |
} | |
.dropdown-toggle{ | |
position:relatlive; | |
z-index:2; | |
} | |
.open .dropdown-toggle:after{ | |
transform:rotate(180deg) translate3d(0, 0, 0); | |
} | |
.dropdown-menu{ | |
display:block !important; | |
padding-bottom:0; | |
padding-top:0; | |
position:fixed; | |
z-index:1; | |
} | |
.dropdown-menu.up{ | |
bottom:100%; | |
margin-bottom:5px; | |
top:auto; | |
transform-origin:bottom center; | |
} | |
.dropdown-menu.down{ | |
bottom:auto; | |
margin-top:5px; | |
top:100%; | |
transform-origin:top center; | |
} | |
.dropdown-menu em{ | |
font-style:italic; | |
} | |
.dropdown-menu .small{ | |
font-size:1em; | |
} | |
.dropdown-menu-items{ | |
padding-bottom:0.5rem; | |
padding-top:0.5rem; | |
} | |
.dropdown-menu-concealer{ | |
pointer-events:none; | |
visibility:hidden; | |
} | |
.dropdown-menu-down-enter, | |
.dropdown-menu-down-enter-active{ | |
animation:dropdown-fade-in 250ms both, dropdown-down-enter 250ms both; | |
} | |
.dropdown-menu-down-leave{ | |
animation:dropdown-fade-out 250ms both, dropdown-down-leave 250ms both; | |
z-index:3; | |
} | |
.dropdown-menu-up-enter{ | |
animation:dropdown-fade-in 250ms both, dropdown-up-enter 250ms both; | |
} | |
.dropdown-menu-up-leave{ | |
animation:dropdown-fade-out 250ms both, dropdown-up-leave 250ms both; | |
z-index:3; | |
} | |
.dropdown-menu-list ul{ | |
margin-bottom:0; | |
} | |
.dropdown-menu-list li, | |
.dropdown-menu-item-padding-surrogate{ | |
cursor:default; | |
} | |
.dropdown-menu-list li.is-selectable, | |
.dropdown-menu-item-padding-surrogate.is-selectable, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-list li, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-item-padding-surrogate{ | |
cursor:pointer; | |
} | |
.dropdown-menu-list li.is-selectable:hover, | |
.dropdown-menu-item-padding-surrogate.is-selectable:hover, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-list li:hover, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-list li.active, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-item-padding-surrogate:hover, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-item-padding-surrogate.active{ | |
background:#f5f5f6; | |
} | |
.dropdown-menu-list li.dropdown-menu-header, | |
.dropdown-menu-item-padding-surrogate.dropdown-menu-header{ | |
color:#adb0b8; | |
font-size:10px; | |
font-weight:400; | |
margin:14px 0 3px; | |
padding-bottom:0; | |
padding-top:0; | |
text-transform:uppercase; | |
} | |
.dropdown-menu-list li.dropdown-menu-divider, | |
.dropdown-menu-item-padding-surrogate.dropdown-menu-divider{ | |
background:#ebebed; | |
height:1px; | |
margin:9px 0; | |
padding:0; | |
} | |
.form .row:last-child .form-group{ | |
margin-bottom:0; | |
} | |
.form-control-group.filter-input-text-group{ | |
width:auto; | |
} | |
.form-control-group.filter-input-text-group ::-ms-clear{ | |
display:none; | |
} | |
.form-control-group.filter-input-text-group .form-control-group-add-on-prepend .icon{ | |
opacity:0.2; | |
} | |
.form-control-group.filter-input-text-group .form-control-group-add-on-prepend .icon.active{ | |
opacity:1; | |
} | |
.form-control-group.filter-input-text-group .form-control-group-add-on-append.hidden{ | |
display:table-cell !important; | |
opacity:0; | |
} | |
.form-control-group.filter-input-text-group .form-control-group-add-on-append a .icon{ | |
opacity:0.2; | |
} | |
.form-control-group.filter-input-text-group .form-control-group-add-on-append a .icon:hover{ | |
opacity:0.6; | |
} | |
.form-control-group.filter-input-text-group .form-control-group-add-on-append a .icon:active{ | |
opacity:1; | |
} | |
.form-element-inline{ | |
-webkit-appearance:none; | |
-moz-appearance:none; | |
appearance:none; | |
border:none; | |
border-bottom:1px solid transparent; | |
display:-ms-flexbox; | |
display:flex; | |
height:auto; | |
padding:6px 0; | |
} | |
.form-element-inline .form-element-inline-text{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
min-width:24px; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
} | |
.form-element-inline .form-element-inline-icon{ | |
display:inline-block; | |
fill:#dadde2; | |
-ms-flex:1 0 16px; | |
flex:1 0 16px; | |
margin-left:12px; | |
opacity:0; | |
transition:opacity 0.25s; | |
vertical-align:middle; | |
} | |
.form-element-inline:hover{ | |
border:none; | |
border-bottom:1px solid transparent; | |
} | |
.form-element-inline:hover .form-element-inline-icon{ | |
opacity:1; | |
} | |
.form-element-inline:focus{ | |
background:transparent; | |
} | |
.form-row-edit .form-element-inline{ | |
border-bottom:1px solid #dadde2; | |
border-radius:0; | |
} | |
.content-editable-wrapper{ | |
position:relative; | |
} | |
.content-editable{ | |
display:block; | |
height:auto; | |
left:0; | |
max-height:100%; | |
outline:none; | |
overflow:auto; | |
padding-bottom:0.35rem; | |
padding-top:0.35rem; | |
position:absolute; | |
top:0; | |
white-space:pre-wrap; | |
width:100%; | |
word-wrap:break-word; | |
} | |
.content-editable *{ | |
background:none !important; | |
border:none !important; | |
color:inherit !important; | |
font:inherit !important; | |
margin:0 !important; | |
padding:0 !important; | |
text-decoration:inherit !important; | |
text-shadow:inherit !important; | |
} | |
.content-editable *:before, | |
.content-editable *:after{ | |
display:none; | |
} | |
.form-group textarea{ | |
resize:none; | |
} | |
.form-control-toggle-custom{ | |
min-height:16px; | |
} | |
@media (min-width: 480px){ | |
.form-control-group.filter-input-text-group{ | |
width:100px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-group.filter-input-text-group{ | |
width:200px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control-toggle-custom{ | |
min-height:null; | |
} | |
} | |
.modal-wrapper{ | |
position:fixed; | |
z-index:1000; | |
} | |
.modal{ | |
left:50%; | |
position:fixed; | |
top:50%; | |
transform:translate(-50%, -50%); | |
z-index:auto; | |
} | |
.modal-body-wrapper{ | |
min-height:0; | |
position:relative; | |
} | |
.modal-body-wrapper .container-scrollable{ | |
height:100%; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100%; | |
} | |
.modal-backdrop{ | |
height:100%; | |
left:0; | |
position:fixed; | |
top:0; | |
width:100%; | |
z-index:auto; | |
} | |
.modal-enter .modal, | |
.modal-appear .modal{ | |
opacity:0; | |
transform:translate(-50%, calc(-50% - 50px)); | |
} | |
.modal-enter .modal-backdrop, | |
.modal-appear .modal-backdrop{ | |
opacity:0; | |
} | |
.modal-enter.modal-enter-active .modal, | |
.modal-appear.modal-enter-active .modal, | |
.modal-enter.modal-appear-active .modal, | |
.modal-appear.modal-appear-active .modal{ | |
opacity:1; | |
transform:translate(-50%, -50%); | |
transition:transform 0.3s ease, opacity 0.3s ease; | |
} | |
.modal-enter.modal-enter-active .modal-backdrop, | |
.modal-appear.modal-enter-active .modal-backdrop, | |
.modal-enter.modal-appear-active .modal-backdrop, | |
.modal-appear.modal-appear-active .modal-backdrop{ | |
opacity:1; | |
transition:opacity 0.3s ease; | |
} | |
.modal-leave .modal{ | |
opacity:1; | |
transform:translate(-50%, -50%); | |
} | |
.modal-leave .modal-backdrop{ | |
opacity:1; | |
} | |
.modal-leave.modal-leave-active .modal{ | |
opacity:0; | |
transform:translate(-50%, calc(-50% - 50px)); | |
transition:transform 0.3s ease, opacity 0.3s ease; | |
} | |
.modal-leave.modal-leave-active .modal-backdrop{ | |
opacity:0; | |
transition:opacity 0.3s ease; | |
} | |
.table th{ | |
outline:none; | |
-webkit-user-select:none; | |
-moz-user-select:none; | |
-ms-user-select:none; | |
user-select:none; | |
} | |
.caret{ | |
border-left:0.3em solid transparent; | |
border-right:0.3em solid transparent; | |
border-top:0.45em solid rgba(27, 32, 41, 0.5); | |
display:none; | |
margin-left:0.5em; | |
} | |
.inverse .caret{ | |
border-top:0.45em solid rgba(255, 255, 255, 0.5); | |
} | |
.caret--visible{ | |
display:inline-block; | |
} | |
.caret--asc{ | |
transform:rotate(180deg); | |
} | |
.caret--desc{ | |
transform:rotate(0); | |
} | |
@keyframes table-fade-in-left{ | |
0%{ | |
opacity:0; | |
transform:translateX(-2em); | |
} | |
100%{ | |
opacity:1; | |
transform:translateX(0); | |
} | |
} | |
@keyframes table-fade-out-right{ | |
0%{ | |
opacity:1; | |
transform:translateX(0); | |
} | |
100%{ | |
opacity:0; | |
transform:translateX(2em); | |
} | |
} | |
.table-row-enter{ | |
animation:table-fade-in-left 0.5s; | |
} | |
.table-row-leave{ | |
animation:table-fade-out-right 0.5s; | |
} | |
.tooltip-wrapper{ | |
display:inline-block; | |
position:relative; | |
} | |
.tooltip-block-wrapper{ | |
display:block; | |
} | |
.tooltip{ | |
max-width:600px; | |
opacity:0; | |
pointer-events:none; | |
position:fixed; | |
transition:opacity 0.3s, visibility 0.3s; | |
visibility:hidden; | |
z-index:9999; | |
} | |
.tooltip .tooltip-content{ | |
background:#1b2029; | |
color:rgba(255, 255, 255, 0.9); | |
font-size:0.9rem; | |
line-height:1rem; | |
position:relative; | |
} | |
.tooltip .tooltip-content:after{ | |
border:7px solid #1b2029; | |
content:''; | |
position:absolute; | |
} | |
.tooltip.no-wrap{ | |
white-space:nowrap; | |
} | |
.tooltip.is-interactive{ | |
pointer-events:auto; | |
} | |
.tooltip.is-open{ | |
opacity:1; | |
visibility:visible; | |
} | |
.tooltip.position-bottom.anchor-center, | |
.tooltip.position-top.anchor-center{ | |
transform:translateX(-50%); | |
} | |
.tooltip.position-bottom.anchor-center .tooltip-content:after, | |
.tooltip.position-top.anchor-center .tooltip-content:after{ | |
left:50%; | |
transform:translateX(-50%); | |
} | |
.tooltip.position-bottom.anchor-start, | |
.tooltip.position-top.anchor-start{ | |
transform:translateX(-15px); | |
} | |
.tooltip.position-bottom.anchor-start .tooltip-content:after, | |
.tooltip.position-top.anchor-start .tooltip-content:after{ | |
left:8px; | |
} | |
.tooltip.position-bottom.anchor-end, | |
.tooltip.position-top.anchor-end{ | |
transform:translateX(calc(-100% + 15px)); | |
} | |
.tooltip.position-bottom.anchor-end .tooltip-content:after, | |
.tooltip.position-top.anchor-end .tooltip-content:after{ | |
right:8px; | |
} | |
.tooltip.position-bottom{ | |
padding-top:7px; | |
} | |
.tooltip.position-bottom .tooltip-content:after{ | |
border-left-color:transparent; | |
border-right-color:transparent; | |
border-top:none; | |
bottom:100%; | |
} | |
.tooltip.position-top{ | |
padding-bottom:7px; | |
} | |
.tooltip.position-top .tooltip-content:after{ | |
border-bottom:none; | |
border-left-color:transparent; | |
border-right-color:transparent; | |
top:100%; | |
} | |
.tooltip.position-left.anchor-center, | |
.tooltip.position-right.anchor-center,.tooltip.position-left.anchor-center .tooltip-content:after, | |
.tooltip.position-right.anchor-center .tooltip-content:after{ | |
top:50%; | |
transform:translateY(-50%); | |
} | |
.tooltip.position-left.anchor-start, | |
.tooltip.position-right.anchor-start{ | |
transform:translateY(-15px); | |
} | |
.tooltip.position-left.anchor-start .tooltip-content:after, | |
.tooltip.position-right.anchor-start .tooltip-content:after{ | |
top:8px; | |
} | |
.tooltip.position-left.anchor-end, | |
.tooltip.position-right.anchor-end{ | |
transform:translateY(calc(-100% + 15px)); | |
} | |
.tooltip.position-left.anchor-end .tooltip-content:after, | |
.tooltip.position-right.anchor-end .tooltip-content:after{ | |
bottom:8px; | |
} | |
.tooltip.position-left{ | |
padding-right:7px; | |
} | |
.tooltip.position-left .tooltip-content:after{ | |
border-bottom-color:transparent; | |
border-right:none; | |
border-top-color:transparent; | |
left:100%; | |
} | |
.tooltip.position-right{ | |
padding-left:7px; | |
} | |
.tooltip.position-right .tooltip-content:after{ | |
border-bottom-color:transparent; | |
border-left:none; | |
border-top-color:transparent; | |
right:100%; | |
} | |
.tooltip a{ | |
color:#fff; | |
} | |
.tooltip a,.tooltip a:active{ | |
text-decoration:underline; | |
} | |
.tooltip a:hover{ | |
color:#fff; | |
} | |
@keyframes list-fade-in-left{ | |
0%{ | |
opacity:0; | |
transform:translateX(-2em); | |
} | |
100%{ | |
opacity:1; | |
transform:translateX(0); | |
} | |
} | |
@keyframes list-fade-out-right{ | |
0%{ | |
opacity:1; | |
transform:translateX(0); | |
} | |
100%{ | |
opacity:0; | |
transform:translateX(2em); | |
} | |
} | |
.list-item-enter{ | |
animation:list-fade-in-left 500ms; | |
} | |
.list-item-leave{ | |
animation:list-fade-out-right 500ms; | |
} | |
html, | |
body, | |
#application{ | |
margin:0; | |
} | |
html, | |
body, | |
#application,.application-wrapper{ | |
height:100%; | |
overflow:hidden; | |
width:100%; | |
} | |
.application-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
::-moz-selection{ | |
background:#7d58ff; | |
} | |
::selection{ | |
background:#7d58ff; | |
} | |
.clickable, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-list li, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-item-padding-surrogate{ | |
cursor:pointer; | |
} | |
.default-cursor{ | |
cursor:auto; | |
} | |
.clear{ | |
clear:both; | |
} | |
.hidden{ | |
display:none !important; | |
} | |
.allow-overflow{ | |
overflow:visible; | |
} | |
.no-overflow{ | |
overflow:hidden; | |
} | |
.no-overflow-horizontal{ | |
overflow-x:hidden; | |
} | |
.highlight{ | |
background-color:#fddaa9; | |
color:#1b2029; | |
} | |
.highlight.selected{ | |
background-color:#f9a328; | |
} | |
.fade-in-on-hover{ | |
opacity:0.2; | |
} | |
.fade-in-on-hover:hover{ | |
opacity:0.6; | |
} | |
:focus{ | |
outline:none; | |
} | |
.reset-color{ | |
color:inherit; | |
} | |
.container-scrollable{ | |
-ms-flex:1; | |
flex:1; | |
overflow-x:hidden; | |
overflow-y:auto; | |
} | |
.container-scrollable > .gm-scrollbar-container{ | |
height:100%; | |
} | |
.vertical-center{ | |
height:100%; | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.vertical-center,.horizontal-center{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.horizontal-center{ | |
-ms-flex-align:center; | |
align-items:center; | |
width:100%; | |
} | |
.column-auto{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
[class*='column'].flush{ | |
padding:0; | |
} | |
[class*='column'].flush-left{ | |
padding-left:0; | |
} | |
[class*='column'].flush-right{ | |
padding-right:0; | |
} | |
@media (min-width: 480px){ | |
.column-auto{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.column-auto{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.column-auto{ | |
padding-left:12px; | |
padding-right:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.column-auto{ | |
padding-left:16px; | |
padding-right:16px; | |
} | |
} | |
.header{ | |
margin-top:0; | |
margin-bottom:0; | |
padding-left:24px; | |
padding-right:24px; | |
height:84px; | |
-ms-flex-align:center; | |
align-items:center; | |
backface-visibility:hidden; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
max-width:100%; | |
position:relative; | |
} | |
.header:before, | |
.header:after{ | |
content:' '; | |
display:table; | |
} | |
.header:after{ | |
clear:both; | |
} | |
.header > *{ | |
box-sizing:content-box; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-right:12px; | |
} | |
.header > *:not(.header-dropdown){ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.header > *:last-child:not(.header-dropdown){ | |
margin-right:0; | |
} | |
.header .user-account-dropdown{ | |
display:none; | |
} | |
.header-dropdown{ | |
margin:0 -24px; | |
padding-left:24px; | |
padding-right:24px; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:100%; | |
text-decoration:none; | |
width:100%; | |
} | |
.header-dropdown:hover{ | |
cursor:pointer; | |
text-decoration:none; | |
} | |
.header-dropdown:hover,.header-dropdown:active{ | |
background-color:#32363e; | |
} | |
.header-dropdown:focus{ | |
outline:none; | |
} | |
.header-content{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
max-width:100%; | |
} | |
.header-content > *{ | |
box-sizing:content-box; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
margin-right:12px; | |
} | |
.header-content > *:not(.header-details){ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.header-content > *:last-child{ | |
margin-right:0; | |
} | |
.header-image-wrapper{ | |
display:block; | |
margin-left:-3px; | |
} | |
.header-image-wrapper .header-image{ | |
background:#7d58ff; | |
background-image:url(./ed0e5b7271ee867a6087a7172294314a-header-image-default.png); | |
background-size:40px 40px; | |
border-radius:100px; | |
display:block; | |
height:40px; | |
overflow:hidden; | |
width:40px; | |
} | |
.header-title{ | |
font-size:14px; | |
line-height:20px; | |
color:#fff; | |
font-weight:500; | |
text-decoration:none; | |
height:20px; | |
display:-ms-flexbox; | |
display:flex; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
} | |
.header-title:after{ | |
border-style:solid; | |
display:inline-block; | |
height:0; | |
line-height:0; | |
width:0; | |
border-color:#fff transparent transparent; | |
-ms-flex-item-align:center; | |
align-self:center; | |
content:''; | |
display:block; | |
margin-left:6px; | |
border-left-width:5px; | |
border-right-width:5px; | |
border-bottom-width:0; | |
border-top-width:6px; | |
} | |
.header-subtitle{ | |
font-size:13px; | |
line-height:18px; | |
color:#aeb1b5; | |
text-decoration:none; | |
height:18px; | |
display:block; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
} | |
@media (min-width: 1400px){ | |
.header{ | |
height:100px; | |
} | |
.header,.header-dropdown{ | |
padding-left:32px; | |
padding-right:32px; | |
} | |
.header-dropdown{ | |
margin-left:-32px; | |
margin-right:-32px; | |
} | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx){ | |
.header-image-wrapper .header-image{ | |
background-image:url(./[email protected]); | |
} | |
} | |
.iframe-page-container{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100vh; | |
} | |
.iframe-page-container,.media-object{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.media-object{ | |
width:100%; | |
} | |
.media-object.media-object-wrap-reverse{ | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
} | |
.media-object.media-object-wrap{ | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
} | |
.media-object.media-object-inline{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
max-width:100%; | |
padding-right:24px; | |
width:auto; | |
} | |
.media-object .media-object-item{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
max-width:100%; | |
} | |
.media-object .media-object-item.media-object-item-shrink{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.media-object .media-object-item.media-object-item-grow{ | |
-ms-flex:1 0 auto; | |
flex:1 0 auto; | |
} | |
.media-object .media-object-item.media-object-item-fill{ | |
width:25%; | |
} | |
.media-object .media-object-item.media-object-item-fill .media-object-item-fill-image{ | |
background-position:center; | |
background-size:cover; | |
} | |
.media-object .media-object-item.media-object-item-fill .media-object-item-fill-image:before{ | |
content:''; | |
display:block; | |
padding-bottom:56.25%; | |
} | |
.media-object .media-object-item.media-object-item-align-right{ | |
margin-left:auto; | |
} | |
.media-object .media-object-item.media-object-item-align-right:last-child{ | |
padding-right:0; | |
} | |
.media-object .media-object-item.media-object-item-align-right > .media-object-item:last-child{ | |
padding-right:0 !important; | |
} | |
.media-object .media-object-item:last-child{ | |
padding-right:0; | |
} | |
.media-object.media-object-align-top{ | |
-ms-flex-align:start; | |
-ms-grid-row-align:flex-start; | |
align-items:flex-start; | |
} | |
.media-object.media-object-align-middle{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.media-object.media-object-align-bottom{ | |
-ms-flex-align:end; | |
-ms-grid-row-align:flex-end; | |
align-items:flex-end; | |
} | |
.media-object-spacing-wrapper{ | |
display:block; | |
} | |
.media-object-spacing-wrapper .media-object-item{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 12px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wrapper-inline{ | |
display:inline-block; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 6px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow{ | |
margin-bottom:-3px; | |
margin-right:-3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item{ | |
padding-bottom:3px; | |
padding-right:3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 3px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 18px); | |
} | |
.media-object-spacing-wrapper .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item:last-child{ | |
padding-right:0; | |
} | |
.media-object-spacing-wrapper.media-object-offset{ | |
margin-bottom:-12px; | |
margin-right:-12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset .media-object-item:last-child{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow{ | |
margin-bottom:-6px; | |
margin-right:-6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow .media-object-item:last-child{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide{ | |
margin-bottom:-18px; | |
margin-right:-18px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide .media-object-item:last-child{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
@media (min-width: 480px){ | |
.media-object-spacing-wrapper .media-object-item{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 12px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 6px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow{ | |
margin-bottom:-3px; | |
margin-right:-3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item{ | |
padding-bottom:3px; | |
padding-right:3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 3px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 18px); | |
} | |
.media-object-spacing-wrapper .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item:last-child{ | |
padding-right:0; | |
} | |
.media-object-spacing-wrapper.media-object-offset{ | |
margin-bottom:-12px; | |
margin-right:-12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset .media-object-item:last-child{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow{ | |
margin-bottom:-6px; | |
margin-right:-6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow .media-object-item:last-child{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide{ | |
margin-bottom:-18px; | |
margin-right:-18px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide .media-object-item:last-child{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
} | |
@media (min-width: 768px){ | |
.media-object-spacing-wrapper .media-object-item{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 12px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 6px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow{ | |
margin-bottom:-3px; | |
margin-right:-3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item{ | |
padding-bottom:3px; | |
padding-right:3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 3px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 18px); | |
} | |
.media-object-spacing-wrapper .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item:last-child{ | |
padding-right:0; | |
} | |
.media-object-spacing-wrapper.media-object-offset{ | |
margin-bottom:-12px; | |
margin-right:-12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset .media-object-item:last-child{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow{ | |
margin-bottom:-6px; | |
margin-right:-6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow .media-object-item:last-child{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide{ | |
margin-bottom:-18px; | |
margin-right:-18px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide .media-object-item:last-child{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
} | |
@media (min-width: 992px){ | |
.media-object-spacing-wrapper .media-object-item{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 12px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 6px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow{ | |
margin-bottom:-3px; | |
margin-right:-3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item{ | |
padding-bottom:3px; | |
padding-right:3px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 3px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 18px); | |
} | |
.media-object-spacing-wrapper .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item:last-child{ | |
padding-right:0; | |
} | |
.media-object-spacing-wrapper.media-object-offset{ | |
margin-bottom:-12px; | |
margin-right:-12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset .media-object-item:last-child{ | |
padding-bottom:12px; | |
padding-right:12px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow{ | |
margin-bottom:-6px; | |
margin-right:-6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow .media-object-item:last-child{ | |
padding-bottom:6px; | |
padding-right:6px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide{ | |
margin-bottom:-18px; | |
margin-right:-18px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide .media-object-item:last-child{ | |
padding-bottom:18px; | |
padding-right:18px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.media-object-spacing-wrapper .media-object-item{ | |
padding-bottom:16px; | |
padding-right:16px; | |
} | |
.media-object-spacing-wrapper .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 16px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item{ | |
padding-bottom:8px; | |
padding-right:8px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 8px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow{ | |
margin-bottom:-4px; | |
margin-right:-4px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item{ | |
padding-bottom:4px; | |
padding-right:4px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-super-narrow .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 4px); | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item{ | |
padding-bottom:24px; | |
padding-right:24px; | |
} | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item > .dropdown-menu.down{ | |
top:calc(100% - 24px); | |
} | |
.media-object-spacing-wrapper .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-narrow .media-object-item:last-child, | |
.media-object-spacing-wrapper.media-object-spacing-wide .media-object-item:last-child{ | |
padding-right:0; | |
} | |
.media-object-spacing-wrapper.media-object-offset{ | |
margin-bottom:-16px; | |
margin-right:-16px; | |
} | |
.media-object-spacing-wrapper.media-object-offset .media-object-item:last-child{ | |
padding-bottom:16px; | |
padding-right:16px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow{ | |
margin-bottom:-8px; | |
margin-right:-8px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-narrow .media-object-item:last-child{ | |
padding-bottom:8px; | |
padding-right:8px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide{ | |
margin-bottom:-24px; | |
margin-right:-24px; | |
} | |
.media-object-spacing-wrapper.media-object-offset.media-object-spacing-wide .media-object-item:last-child{ | |
padding-bottom:24px; | |
padding-right:24px; | |
} | |
} | |
.page{ | |
background-color:#fff; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
overflow:hidden; | |
} | |
.page-header{ | |
box-shadow:0 0 0 1px rgba(27, 32, 41, 0.15); | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
position:relative; | |
z-index:2; | |
} | |
.page-header:before, | |
.page-header:after{ | |
content:' '; | |
display:table; | |
} | |
.page-header:after{ | |
clear:both; | |
} | |
.page-header .page-header-section{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.page-header .page-header-section > *{ | |
box-sizing:content-box; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding-right:12px; | |
} | |
.page-header .page-header-section > *:not(.page-header-content):not(a){ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
.page-header .page-header-section > *:last-child:not(a){ | |
padding-right:0; | |
} | |
.page-header .page-header-section-primary{ | |
min-height:36px; | |
} | |
.page-header .page-header-sidebar-toggle{ | |
cursor:pointer; | |
display:block; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.page-header .page-header-sidebar-toggle .page-header-sidebar-toggle-label{ | |
display:none; | |
} | |
.page-header .page-header-actions-inner{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
@media (min-width: 992px){ | |
.sidebar-docked .page-header-sidebar-toggle{ | |
display:none; | |
} | |
} | |
.breadcrumbs{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
list-style:none; | |
margin-bottom:0; | |
min-width:0; | |
} | |
.breadcrumbs a,.breadcrumbs a:focus, | |
.breadcrumbs a:hover{ | |
text-decoration:none; | |
} | |
.breadcrumb{ | |
font-size:18px; | |
line-height:24px; | |
color:#1b2029; | |
font-weight:500; | |
height:36px; | |
margin-right:8px; | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
display:none; | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
overflow:hidden; | |
padding:0; | |
white-space:nowrap; | |
} | |
.breadcrumb:first-child, | |
.breadcrumb:last-child{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.breadcrumb:last-child{ | |
margin-right:0; | |
} | |
.breadcrumb--is-caret, | |
.breadcrumb--is-icon{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.breadcrumb--force-ellipsis{ | |
position:relative; | |
} | |
.breadcrumb--force-ellipsis .breadcrumb{ | |
margin-right:0; | |
} | |
.breadcrumb--force-ellipsis .breadcrumb__content--text:after{ | |
content:'...'; | |
display:block; | |
position:relative; | |
z-index:1; | |
} | |
.breadcrumb--force-ellipsis .breadcrumb__content--text a{ | |
bottom:0; | |
left:0; | |
opacity:0; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:2; | |
} | |
.breadcrumb__content{ | |
margin-right:8px; | |
display:block; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.breadcrumb__content:last-child{ | |
margin-right:0; | |
} | |
.breadcrumb__content--text{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
} | |
.breadcrumb__content--supplemental{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.breadcrumb__content--has-status-bar{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
min-width:0; | |
} | |
.breadcrumb__content--has-status-bar .tooltip-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.breadcrumb__content--has-status-bar .status-bar{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
vertical-align:middle; | |
} | |
.breadcrumb a,.breadcrumb a:hover,.breadcrumb a:focus{ | |
color:#1b2029; | |
text-decoration:none; | |
} | |
@media (min-width: 768px){ | |
.breadcrumbs--is-truncated .breadcrumb:first-child + .breadcrumb--is-caret,.breadcrumb{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.breadcrumb:first-child + .breadcrumb--is-caret{ | |
display:none; | |
} | |
.breadcrumb .push-right, | |
.breadcrumb__content{ | |
margin-right:6px; | |
} | |
} | |
.page-header-navigation{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
width:100%; | |
} | |
.page-header-navigation-tabs, | |
.page-header-navigation-tabs.menu-tabbed{ | |
margin-top:16px; | |
margin-bottom:-25px; | |
display:none; | |
} | |
.page-header-navigation-tabs:empty, | |
.page-header-navigation-tabs.menu-tabbed:empty{ | |
display:none; | |
} | |
.page-header-navigation-dropdown{ | |
margin-top:12px; | |
margin-bottom:-24px; | |
height:44px; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.page-header-navigation-dropdown,.page-header-navigation-dropdown .button{ | |
font-size:14px; | |
line-height:18px; | |
color:#1b2029; | |
font-weight:500; | |
margin-left:-24px; | |
margin-right:-24px; | |
padding-left:24px; | |
padding-right:24px; | |
-ms-flex-preferred-size:auto; | |
flex-basis:auto; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.page-header-navigation-dropdown .button{ | |
background:transparent; | |
border:none; | |
border-radius:0; | |
box-shadow:none; | |
height:auto; | |
} | |
.page-header-navigation-dropdown .button .page-header-navigation-dropdown-active-item{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.modal-full-screen .page-header-navigation-dropdown{ | |
box-shadow:0 0 0 1px rgba(27, 32, 41, 0.15); | |
-ms-flex-positive:0; | |
flex-grow:0; | |
margin:0; | |
} | |
@media (min-width: 480px){ | |
.page-header-navigation-tabs, | |
.page-header-navigation-tabs.menu-tabbed{ | |
margin-top:16px; | |
margin-bottom:-25px; | |
} | |
.page-header-navigation-dropdown .button{ | |
margin-right:-24px; | |
padding-right:24px; | |
margin-left:-24px; | |
padding-left:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.page-header-navigation-tabs, | |
.page-header-navigation-tabs.menu-tabbed{ | |
margin-top:16px; | |
margin-bottom:-25px; | |
display:block; | |
} | |
.page-header-navigation-dropdown{ | |
display:none; | |
} | |
} | |
@media (min-width: 992px){ | |
.page-header-navigation-tabs, | |
.page-header-navigation-tabs.menu-tabbed{ | |
margin-top:16px; | |
margin-bottom:-25px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.page-header-navigation-tabs, | |
.page-header-navigation-tabs.menu-tabbed{ | |
margin-top:28px; | |
margin-bottom:-33px; | |
} | |
} | |
.page-body{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
overflow:hidden; | |
position:relative; | |
z-index:1; | |
} | |
.page-body-content, | |
.page-body-content .flex-item-shrink-1{ | |
min-height:1px; | |
} | |
.page-body-content .container{ | |
margin-left:auto; | |
margin-right:auto; | |
} | |
.sidebar-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
transition:width 0.25s; | |
width:0; | |
} | |
.sidebar{ | |
background:#1b2029; | |
height:100%; | |
left:0; | |
position:fixed; | |
top:0; | |
transform:translateX(-100%); | |
transition:transform 0.25s; | |
width:240px; | |
z-index:999; | |
} | |
.sidebar-visible .sidebar{ | |
transform:translateX(0); | |
} | |
.sidebar-backdrop{ | |
background:rgba(11, 13, 16, 0.6); | |
height:100%; | |
left:0; | |
position:fixed; | |
top:0; | |
transition:opacity 0.25s; | |
width:100%; | |
z-index:998; | |
} | |
.sidebar-backdrop-enter{ | |
opacity:0; | |
} | |
.sidebar-backdrop-enter-active,.sidebar-backdrop-leave{ | |
opacity:1; | |
} | |
.sidebar-backdrop-leave-active{ | |
opacity:0; | |
} | |
.sidebar-sections{ | |
-ms-flex:1 0 auto; | |
flex:1 0 auto; | |
} | |
.sidebar-section{ | |
margin-bottom:12px; | |
} | |
.sidebar-section:last-of-type{ | |
margin-bottom:0; | |
padding-bottom:0; | |
} | |
.sidebar-section .sidebar-section-header{ | |
margin:0 -24px; | |
padding-left:24px; | |
padding-right:24px; | |
font-size:14px; | |
line-height:20px; | |
color:#838588; | |
font-weight:500; | |
height:44px; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
text-transform:capitalize; | |
} | |
.sidebar-section .sidebar-section-header:empty{ | |
display:none; | |
} | |
ul.sidebar-menu{ | |
margin-bottom:0; | |
} | |
ul.sidebar-menu:before, | |
ul.sidebar-menu:after{ | |
content:' '; | |
display:table; | |
} | |
ul.sidebar-menu:after{ | |
clear:both; | |
} | |
ul.sidebar-menu li{ | |
margin:0 -24px; | |
padding-left:24px; | |
padding-right:24px; | |
font-size:14px; | |
line-height:20px; | |
color:#fff; | |
font-weight:500; | |
min-height:44px; | |
display:block; | |
-webkit-font-smoothing:antialiased; | |
position:relative; | |
} | |
ul.sidebar-menu li:before{ | |
display:none; | |
} | |
ul.sidebar-menu li:first-child{ | |
margin-top:0; | |
} | |
ul.sidebar-menu li > *{ | |
box-sizing:content-box; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding-right:12px; | |
} | |
ul.sidebar-menu li > *:not(.sidebar-menu-item-label):not(a){ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
ul.sidebar-menu li > *:last-child:not(a){ | |
padding-right:0; | |
} | |
ul.sidebar-menu li a{ | |
margin-left:-24px; | |
margin-right:-24px; | |
padding-left:24px; | |
padding-right:24px; | |
color:#fff; | |
height:44px; | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
text-decoration:none !important; | |
} | |
ul.sidebar-menu li a:hover,ul.sidebar-menu li a:active{ | |
color:#fff; | |
background-color:#32363e; | |
} | |
ul.sidebar-menu li a > *{ | |
box-sizing:content-box; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
padding-right:12px; | |
} | |
ul.sidebar-menu li a > *:not(.sidebar-menu-item-label):not(a){ | |
-ms-flex-positive:0; | |
flex-grow:0; | |
} | |
ul.sidebar-menu li a > *:last-child:not(a){ | |
padding-right:0; | |
} | |
ul.sidebar-menu li.expandable:after{ | |
right:9px; | |
top:17px; | |
border-style:solid; | |
display:inline-block; | |
height:0; | |
line-height:0; | |
width:0; | |
border-color:transparent transparent transparent #fff; | |
content:''; | |
display:block; | |
position:absolute; | |
border-left-width:6px; | |
border-bottom-width:5px; | |
border-right-width:0; | |
border-top-width:5px; | |
} | |
ul.sidebar-menu li.selected:not(.open),ul.sidebar-menu li.selected > a, | |
ul.sidebar-menu li.selected.open > a, | |
ul.sidebar-menu li.selected > a:hover, | |
ul.sidebar-menu li.selected.open > a:hover, | |
ul.sidebar-menu li.selected > a:active, | |
ul.sidebar-menu li.selected.open > a:active{ | |
background-color:#7d58ff; | |
} | |
ul.sidebar-menu li.open.expandable:after{ | |
transform:rotate(90deg); | |
} | |
ul.sidebar-menu li.open > ul{ | |
margin-top:0; | |
margin-bottom:0; | |
padding-top:0; | |
padding-bottom:0; | |
} | |
ul.sidebar-menu li.open > ul li{ | |
margin:0 -24px; | |
padding-left:60px; | |
padding-right:24px; | |
font-size:13px; | |
line-height:18px; | |
color:#aeb1b5; | |
font-weight:400; | |
text-transform:none; | |
min-height:32px; | |
display:block; | |
} | |
ul.sidebar-menu li.open > ul li.selected > a, | |
ul.sidebar-menu li.open > ul li.selected > a:hover, | |
ul.sidebar-menu li.open > ul li.selected > a:active{ | |
color:#fff; | |
} | |
ul.sidebar-menu li.open > ul li > a{ | |
margin-left:-60px; | |
margin-right:-24px; | |
padding-left:60px; | |
padding-right:24px; | |
color:#aeb1b5; | |
height:32px; | |
text-decoration:none !important; | |
} | |
.sidebar-content-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.sidebar-footer{ | |
right:12px; | |
bottom:12px; | |
position:absolute; | |
} | |
.sidebar-footer .sidebar-dock-trigger{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
opacity:0.4; | |
} | |
.sidebar-footer .sidebar-dock-trigger:hover{ | |
cursor:pointer; | |
opacity:1; | |
} | |
@media (min-width: 480px){ | |
} | |
@media (min-width: 768px){ | |
.sidebar{ | |
width:240px; | |
} | |
.sidebar-docked.sidebar-visible .sidebar-overlay{ | |
display:none; | |
} | |
} | |
@media (min-width: 992px){ | |
.sidebar-docked .sidebar-wrapper,.sidebar{ | |
width:240px; | |
} | |
.sidebar-docked .sidebar{ | |
transform:translateX(0); | |
} | |
} | |
@media (min-width: 1400px){ | |
.sidebar-docked .sidebar-wrapper,.sidebar{ | |
width:280px; | |
} | |
.sidebar-section{ | |
margin-bottom:16px; | |
} | |
.sidebar-section .sidebar-section-header,ul.sidebar-menu li{ | |
margin-left:-32px; | |
margin-right:-32px; | |
padding-left:32px; | |
padding-right:32px; | |
} | |
ul.sidebar-menu li.expandable:after{ | |
right:13px; | |
} | |
ul.sidebar-menu li a{ | |
padding-left:32px; | |
} | |
ul.sidebar-menu li a,ul.sidebar-menu > li.open > ul li{ | |
margin-left:-32px; | |
margin-right:-32px; | |
padding-right:32px; | |
} | |
ul.sidebar-menu > li.open > ul li{ | |
padding-left:68px; | |
} | |
ul.sidebar-menu > li.open > ul li a{ | |
margin-left:-68px; | |
margin-right:-32px; | |
padding-left:68px; | |
padding-right:32px; | |
} | |
.sidebar-footer{ | |
right:16px; | |
bottom:16px; | |
} | |
} | |
.table.table-header-nowrap th{ | |
white-space:nowrap; | |
} | |
.table.table-hide-header thead{ | |
display:none; | |
} | |
.table.table-break-word{ | |
overflow-wrap:break-word; | |
word-wrap:break-word; | |
} | |
.table.table-fixed-layout{ | |
table-layout:fixed; | |
} | |
.table.table-borderless-outer > tbody.table-virtual-list tr:nth-child(2) td, | |
.table.table-borderless-outer > tbody.table-virtual-list tr:nth-child(2) th{ | |
border-top:0; | |
} | |
.table.table-borderless-outer > tbody.table-virtual-list tr:nth-last-child(2) td, | |
.table.table-borderless-outer > tbody.table-virtual-list tr:nth-last-child(2) th{ | |
border-bottom:0; | |
} | |
.table tr.inactive th, | |
.table .table-row.inactive th, | |
.table tr.inactive td, | |
.table .table-row.inactive td, | |
.table tr.inactive .expanding-table-primary-cell, | |
.table .table-row.inactive .expanding-table-primary-cell, | |
.table tr.inactive .icon-grey, | |
.table .table-row.inactive .icon-grey, | |
.table tr.inactive .status-text, | |
.table .table-row.inactive .status-text, | |
.table tr.inactive .table-cell-link-primary, | |
.table .table-row.inactive .table-cell-link-primary, | |
.table tr.inactive .table-cell-link-secondary, | |
.table .table-row.inactive .table-cell-link-secondary, | |
.table tr.inactive .table-cell-value, | |
.table .table-row.inactive .table-cell-value{ | |
color:#a4a6a9; | |
text-decoration:none; | |
} | |
.table tr.inactive .task-status-error, | |
.table .table-row.inactive .task-status-error, | |
.table tr.inactive .task-status-failed, | |
.table .table-row.inactive .task-status-failed, | |
.table tr.inactive .text-error-state, | |
.table .table-row.inactive .text-error-state{ | |
color:#eb293a; | |
} | |
.table tr .table-display-on-row-hover, | |
.table .table-row .table-display-on-row-hover{ | |
visibility:hidden; | |
} | |
.table tr:hover .table-display-on-row-hover, | |
.table .table-row:hover .table-display-on-row-hover,.table tr .dropdown.open .table-display-on-row-hover, | |
.table .table-row .dropdown.open .table-display-on-row-hover{ | |
visibility:visible; | |
} | |
.table th, | |
.table td{ | |
max-width:0; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
vertical-align:middle; | |
white-space:nowrap; | |
} | |
.table th > *, | |
.table td > *, | |
.table th span > *, | |
.table td span > *{ | |
box-sizing:content-box; | |
margin-right:6px; | |
} | |
.table th > *:last-child, | |
.table td > *:last-child, | |
.table th span > *:last-child, | |
.table td span > *:last-child{ | |
margin-right:0; | |
} | |
.table th.clickable .caret, | |
.table td.clickable .caret{ | |
border-style:solid; | |
height:0; | |
line-height:0; | |
width:0; | |
border-color:#1b2029 transparent transparent; | |
content:''; | |
display:inline-block; | |
margin-left:0; | |
visibility:hidden; | |
border-left-width:4px; | |
border-right-width:4px; | |
border-bottom-width:0; | |
border-top-width:5px; | |
} | |
.table th.clickable .caret--asc, | |
.table td.clickable .caret--asc{ | |
transform:rotate(0); | |
} | |
.table th.clickable .caret--desc, | |
.table td.clickable .caret--desc{ | |
transform:rotate(180deg); | |
} | |
.table th.clickable.active .caret, | |
.table td.clickable.active .caret, | |
.table th.clickable:hover .caret, | |
.table td.clickable:hover .caret{ | |
visibility:visible; | |
} | |
.table th .table-cell-emphasized, | |
.table td .table-cell-emphasized, | |
.table th.table-cell-emphasized, | |
.table td.table-cell-emphasized{ | |
font-weight:700; | |
} | |
.table th [class^='table-cell-link-'], | |
.table td [class^='table-cell-link-'], | |
.table th[class^='table-cell-link-'], | |
.table td[class^='table-cell-link-']{ | |
color:#1b2029; | |
text-decoration:none; | |
} | |
.table th .table-cell-link-primary, | |
.table td .table-cell-link-primary, | |
.table th.table-cell-link-primary, | |
.table td.table-cell-link-primary{ | |
font-weight:600; | |
} | |
.table th .table-cell-value, | |
.table td .table-cell-value, | |
.table th.table-cell-value, | |
.table td.table-cell-value{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
line-height:normal; | |
min-width:0; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
} | |
.table th .table-cell-details-secondary, | |
.table td .table-cell-details-secondary, | |
.table th.table-cell-details-secondary, | |
.table td.table-cell-details-secondary{ | |
font-size:12px; | |
line-height:16px; | |
} | |
.table th .table-cell-word-wrap, | |
.table td .table-cell-word-wrap, | |
.table th.table-cell-word-wrap, | |
.table td.table-cell-word-wrap{ | |
word-wrap:break-word; | |
} | |
.table th .table-cell-flex-box, | |
.table td .table-cell-flex-box, | |
.table th.table-cell-flex-box, | |
.table td.table-cell-flex-box{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.table th .table-cell-icon, | |
.table td .table-cell-icon{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.table.table-inverse tr.inactive .expanding-table-primary-cell, | |
.table.table-inverse .table-row.inactive .expanding-table-primary-cell, | |
.table.table-inverse tr.inactive .icon-grey, | |
.table.table-inverse .table-row.inactive .icon-grey, | |
.table.table-inverse tr.inactive .status-text, | |
.table.table-inverse .table-row.inactive .status-text, | |
.table.table-inverse tr.inactive .table-cell-link-primary, | |
.table.table-inverse .table-row.inactive .table-cell-link-primary, | |
.table.table-inverse tr.inactive .table-cell-link-secondary, | |
.table.table-inverse .table-row.inactive .table-cell-link-secondary, | |
.table.table-inverse tr.inactive .table-cell-value, | |
.table.table-inverse .table-row.inactive .table-cell-value{ | |
color:#57585a; | |
} | |
.table.table-inverse th.clickable .caret, | |
.table.table-inverse td.clickable .caret{ | |
border-color:#dadde2 transparent transparent; | |
} | |
.unit{ | |
font-weight:100; | |
margin-bottom:0; | |
} | |
.unit sup{ | |
font-size:45%; | |
top:0; | |
vertical-align:super; | |
} | |
.text-danger, | |
.text-danger.inverse{ | |
color:#eb293a; | |
} | |
.text-warning, | |
.text-warning.inverse{ | |
color:#f9a328; | |
} | |
.text-success, | |
.text-success.inverse{ | |
color:#14c684; | |
} | |
.text-neutral{ | |
color:#1b2029; | |
} | |
.text-muted, | |
.text-muted.inverse{ | |
color:null; | |
} | |
.text-super-muted.inverse{ | |
color:#32363e; | |
} | |
.text-color-white{ | |
color:#fff; | |
} | |
.text-color-0, | |
.text-color-0.inverse{ | |
color:#7d58ff; | |
} | |
.text-color-1, | |
.text-color-1.inverse{ | |
color:#157ff2; | |
} | |
.text-color-2, | |
.text-color-2.inverse{ | |
color:#eb293a; | |
} | |
.text-color-3, | |
.text-color-3.inverse{ | |
color:#157ff2; | |
} | |
.text-color-4, | |
.text-color-4.inverse{ | |
color:#f9a328; | |
} | |
.text-color-5, | |
.text-color-5.inverse{ | |
color:#14c684; | |
} | |
.text-color-6, | |
.text-color-6.inverse{ | |
color:#ff007d; | |
} | |
.text-color-7, | |
.text-color-7.inverse{ | |
color:#20d5ff; | |
} | |
.text-color-8, | |
.text-color-8.inverse{ | |
color:#76797f; | |
} | |
.text-color-neutral,.task-status-running, | |
.task-status-starting{ | |
color:#1b2029; | |
} | |
.task-status-staging{ | |
color:#f9a328; | |
} | |
.task-status-error, | |
.task-status-failed, | |
.text-error-state{ | |
color:#eb293a; | |
} | |
body .service-running-state,a.small{ | |
color:#7d58ff; | |
} | |
.text-overflow{ | |
line-height:normal; | |
max-width:100%; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
} | |
.text-overflow-break-word{ | |
-webkit-hyphens:auto; | |
-ms-hyphens:auto; | |
hyphens:auto; | |
overflow-wrap:break-word; | |
word-wrap:break-word; | |
} | |
.text-uppercase{ | |
text-transform:uppercase; | |
} | |
.text-no-transform, | |
label.text-no-transform{ | |
text-transform:none; | |
} | |
.fill-light{ | |
background-color:#f4f4f4; | |
} | |
.fill-dark{ | |
background-color:#14181f; | |
} | |
.funnel-graph{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.funnel-graph-bars{ | |
-ms-flex-align:end; | |
align-items:flex-end; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-pack:center; | |
} | |
.funnel-graph-bars,.funnel-graph-key{ | |
display:-ms-flexbox; | |
display:flex; | |
justify-content:center; | |
} | |
.funnel-graph-key{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
-ms-flex-pack:center; | |
margin-top:12px; | |
} | |
.funnel-graph-key-dot{ | |
display:inline-block; | |
margin-right:6px; | |
} | |
.funnel-graph-key-dot-declined.dot{ | |
background-color:#d1d2d4; | |
} | |
.funnel-graph-key-dot-matched.dot{ | |
background-color:#14c684; | |
} | |
.funnel-graph-key-item{ | |
margin-right:12px; | |
} | |
.funnel-graph-item{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
text-align:center; | |
width:96px; | |
} | |
.funnel-graph-item-percentage{ | |
font-weight:600; | |
margin-bottom:6px; | |
text-align:center; | |
width:100%; | |
} | |
.funnel-graph-item-bar{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
width:48px; | |
} | |
.funnel-graph-item-bar-offered, | |
.funnel-graph-item-bar-matched{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.funnel-graph-item-bar-offered{ | |
background:#d1d2d4; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
position:relative; | |
} | |
.funnel-graph-item-bar-matched{ | |
background:#14c684; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
width:100%; | |
} | |
.funnel-graph-item-bar-matched-border-top{ | |
border-top:1px solid #fff; | |
} | |
.funnel-graph-item-label{ | |
-ms-flex-item-align:stretch; | |
align-self:stretch; | |
border-top:1px solid #e8e9ea; | |
box-sizing:content-box; | |
color:#8d9094; | |
height:calc(20px + 16px); | |
padding-top:6px; | |
} | |
.funnel-graph-item-label-primary{ | |
font-weight:600; | |
} | |
.funnel-graph-item-spacer{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
max-width:72px; | |
min-width:24px; | |
} | |
.funnel-graph-item-spacer:first-child, | |
.funnel-graph-item-spacer:last-child{ | |
min-width:0; | |
width:none; | |
} | |
.funnel-graph-item-spacer .icon{ | |
margin-bottom:18px; | |
} | |
.funnel-graph-tooltip-placeholder{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100%; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100%; | |
} | |
@media (min-width: 480px){ | |
.funnel-graph-key{ | |
margin-top:12px; | |
} | |
.funnel-graph-key-dot{ | |
margin-right:6px; | |
} | |
.funnel-graph-key-item{ | |
margin-right:12px; | |
} | |
.funnel-graph-item{ | |
width:96px; | |
} | |
.funnel-graph-item-percentage{ | |
margin-bottom:6px; | |
} | |
.funnel-graph-item-bar{ | |
width:48px; | |
} | |
.funnel-graph-item-label{ | |
padding-top:6px; | |
} | |
.funnel-graph-item-spacer{ | |
max-width:72px; | |
} | |
.funnel-graph-item-spacer .icon{ | |
margin-bottom:18px; | |
} | |
} | |
@media (min-width: 768px){ | |
.funnel-graph-key{ | |
margin-top:12px; | |
} | |
.funnel-graph-key-dot{ | |
margin-right:6px; | |
} | |
.funnel-graph-key-item{ | |
margin-right:12px; | |
} | |
.funnel-graph-item{ | |
width:96px; | |
} | |
.funnel-graph-item-percentage{ | |
margin-bottom:6px; | |
} | |
.funnel-graph-item-bar{ | |
width:48px; | |
} | |
.funnel-graph-item-label{ | |
padding-top:6px; | |
} | |
.funnel-graph-item-spacer{ | |
max-width:72px; | |
} | |
.funnel-graph-item-spacer .icon{ | |
margin-bottom:18px; | |
} | |
} | |
@media (min-width: 992px){ | |
.funnel-graph-key{ | |
margin-top:12px; | |
} | |
.funnel-graph-key-dot{ | |
margin-right:6px; | |
} | |
.funnel-graph-key-item{ | |
margin-right:12px; | |
} | |
.funnel-graph-item{ | |
width:96px; | |
} | |
.funnel-graph-item-percentage{ | |
margin-bottom:6px; | |
} | |
.funnel-graph-item-bar{ | |
width:48px; | |
} | |
.funnel-graph-item-label{ | |
height:calc(null + 16px); | |
padding-top:6px; | |
} | |
.funnel-graph-item-spacer{ | |
max-width:72px; | |
} | |
.funnel-graph-item-spacer .icon{ | |
margin-bottom:18px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.funnel-graph-key{ | |
margin-top:16px; | |
} | |
.funnel-graph-key-dot{ | |
margin-right:8px; | |
} | |
.funnel-graph-key-item{ | |
margin-right:16px; | |
} | |
.funnel-graph-item{ | |
width:128px; | |
} | |
.funnel-graph-item-percentage{ | |
margin-bottom:8px; | |
} | |
.funnel-graph-item-bar{ | |
width:64px; | |
} | |
.funnel-graph-item-label{ | |
padding-top:8px; | |
} | |
.funnel-graph-item-spacer{ | |
max-width:96px; | |
} | |
.funnel-graph-item-spacer .icon{ | |
margin-bottom:24px; | |
} | |
} | |
.menu-tabbed-container-vertical{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.menu-tabbed-container-vertical .menu-tabbed-view-container{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
min-width:1px; | |
} | |
.menu-tabbed-container-fixed .menu-tabbed-vertical{ | |
height:100%; | |
position:fixed; | |
top:135px; | |
} | |
.menu-tabbed{ | |
margin-bottom:24px; | |
margin-top:0; | |
position:relative; | |
} | |
.menu-tabbed.short{ | |
margin-bottom:12px; | |
margin-top:0; | |
} | |
.menu-tabbed.tall{ | |
margin-bottom:48px; | |
margin-top:0; | |
} | |
.menu-tabbed-vertical{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
margin-bottom:0; | |
margin-right:24px; | |
position:relative; | |
width:120px; | |
} | |
.menu-tabbed-vertical:after{ | |
background:#e8e9ea; | |
bottom:0; | |
content:''; | |
height:100%; | |
position:absolute; | |
right:0; | |
width:1px; | |
z-index:1; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item{ | |
display:block; | |
margin-right:0; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item:last-child{ | |
margin-bottom:0; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item{ | |
margin-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item .menu-tabbed-item-label{ | |
margin-left:-12px; | |
padding-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item-label{ | |
max-width:none; | |
overflow:hidden; | |
padding-bottom:6px; | |
padding-top:6px; | |
text-overflow:ellipsis; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item-label:after{ | |
bottom:0; | |
height:100%; | |
left:auto; | |
right:0; | |
width:2px; | |
} | |
.menu-tabbed-item{ | |
display:inline-block; | |
margin-bottom:0; | |
margin-right:12px; | |
padding:0; | |
} | |
.menu-tabbed-item:last-child{ | |
margin-right:0; | |
} | |
.menu-tabbed-item:before{ | |
display:none; | |
} | |
.menu-tabbed-item.selected > .menu-tabbed-item-label, | |
.menu-tabbed-item.active > .menu-tabbed-item-label{ | |
color:#7d58ff; | |
} | |
.menu-tabbed-item.selected > .menu-tabbed-item-label:after, | |
.menu-tabbed-item.active > .menu-tabbed-item-label:after{ | |
background:#7d58ff; | |
display:block; | |
} | |
.menu-tabbed-item-label{ | |
color:#494d54; | |
cursor:pointer; | |
display:block; | |
font-weight:600; | |
padding-bottom:12px; | |
position:relative; | |
text-decoration:none; | |
} | |
.menu-tabbed-item-label:hover{ | |
color:#7d58ff; | |
text-decoration:none; | |
} | |
.menu-tabbed-item-label:hover:after{ | |
background:#7d58ff; | |
} | |
.menu-tabbed-item-label:active{ | |
color:#6446cc; | |
} | |
.menu-tabbed-item-label:active:after{ | |
background:#6446cc; | |
} | |
.menu-tabbed-item-label:after{ | |
background-color:#494d54; | |
bottom:0; | |
content:''; | |
display:none; | |
height:2px; | |
left:0; | |
position:absolute; | |
width:100%; | |
z-index:3; | |
} | |
.menu-tabbed-item-label.selected, | |
.menu-tabbed-item-label.active{ | |
color:#7d58ff; | |
} | |
.menu-tabbed-item-label.selected:after, | |
.menu-tabbed-item-label.active:after{ | |
background:#7d58ff; | |
display:block; | |
} | |
.menu-tabbed-item-label.menu-tabbed-item-label-with-badge{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
padding-right:10px; | |
} | |
.menu-tabbed-item-label.padded-right{ | |
padding-right:5px; | |
} | |
.form-tabs-list{ | |
max-width:120px; | |
} | |
@media (min-width: 480px){ | |
.menu-tabbed{ | |
margin-bottom:24px; | |
} | |
.menu-tabbed.short{ | |
margin-bottom:12px; | |
} | |
.menu-tabbed.tall{ | |
margin-bottom:48px; | |
} | |
.menu-tabbed-vertical{ | |
margin-bottom:0; | |
margin-right:24px; | |
width:120px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item{ | |
margin-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item .menu-tabbed-item-label{ | |
margin-left:-12px; | |
padding-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item-label{ | |
padding-bottom:6px; | |
padding-top:6px; | |
} | |
.menu-tabbed-item{ | |
margin-right:12px; | |
} | |
.menu-tabbed-item-label{ | |
padding-bottom:12px; | |
} | |
.form-tabs-list{ | |
max-width:120px; | |
} | |
} | |
@media (min-width: 768px){ | |
.menu-tabbed{ | |
margin-bottom:24px; | |
} | |
.menu-tabbed.short{ | |
margin-bottom:12px; | |
} | |
.menu-tabbed.tall{ | |
margin-bottom:48px; | |
} | |
.menu-tabbed-vertical{ | |
margin-bottom:0; | |
margin-right:24px; | |
width:120px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item{ | |
margin-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item .menu-tabbed-item-label{ | |
margin-left:-12px; | |
padding-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item-label{ | |
padding-bottom:6px; | |
padding-top:6px; | |
} | |
.menu-tabbed-container-fixed .menu-tabbed-view-container{ | |
padding-left:144px; | |
} | |
.menu-tabbed-item{ | |
margin-right:12px; | |
} | |
.menu-tabbed-item-label{ | |
padding-bottom:12px; | |
} | |
.form-tabs-list{ | |
max-width:120px; | |
} | |
} | |
@media (min-width: 992px){ | |
.menu-tabbed{ | |
margin-bottom:24px; | |
} | |
.menu-tabbed.short{ | |
margin-bottom:12px; | |
} | |
.menu-tabbed.tall{ | |
margin-bottom:48px; | |
} | |
.menu-tabbed-vertical{ | |
margin-bottom:0; | |
margin-right:24px; | |
width:120px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item{ | |
margin-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item .menu-tabbed-item-label{ | |
margin-left:-12px; | |
padding-left:12px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item-label{ | |
padding-bottom:6px; | |
padding-top:6px; | |
} | |
.menu-tabbed-container-fixed .menu-tabbed-view-container{ | |
padding-left:144px; | |
} | |
.menu-tabbed-item{ | |
margin-right:12px; | |
} | |
.menu-tabbed-item-label{ | |
padding-bottom:12px; | |
} | |
.form-tabs-list{ | |
max-width:120px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.menu-tabbed{ | |
margin-bottom:32px; | |
} | |
.menu-tabbed.short{ | |
margin-bottom:16px; | |
} | |
.menu-tabbed.tall{ | |
margin-bottom:64px; | |
} | |
.menu-tabbed-vertical{ | |
margin-bottom:0; | |
margin-right:32px; | |
width:160px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item{ | |
margin-left:16px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item .menu-tabbed-item .menu-tabbed-item-label{ | |
margin-left:-16px; | |
padding-left:16px; | |
} | |
.menu-tabbed-vertical .menu-tabbed-item-label{ | |
padding-bottom:8px; | |
padding-top:8px; | |
} | |
.menu-tabbed-container-fixed .menu-tabbed-view-container{ | |
padding-left:192px; | |
} | |
.menu-tabbed-item{ | |
margin-right:16px; | |
} | |
.menu-tabbed-item-label{ | |
padding-bottom:16px; | |
} | |
.form-tabs-list{ | |
max-width:160px; | |
} | |
} | |
.gm-scrollbar{ | |
border-radius:4px; | |
bottom:3px; | |
right:3px; | |
z-index:3; | |
} | |
.gm-scrollbar.-vertical{ | |
top:3px; | |
width:6px; | |
} | |
.gm-scrollbar.-horizontal{ | |
height:6px; | |
left:3px; | |
} | |
.gm-scrollbar .thumb{ | |
background-color:#1b2029; | |
opacity:0.3; | |
transition:opacity 0.2s ease; | |
} | |
.gm-scrollbar .thumb:hover,.gm-scrollbar .thumb:active{ | |
background-color:#1b2029; | |
opacity:0.7; | |
} | |
.gm-prevented{ | |
overflow:auto; | |
} | |
.gm-scrollbar-container.inverse .gm-scrollbar .thumb{ | |
background-color:#ffffff; | |
opacity:0.3; | |
} | |
.gm-scrollbar-container.inverse .gm-scrollbar .thumb:hover,.gm-scrollbar-container.inverse .gm-scrollbar .thumb:active{ | |
background-color:#ffffff; | |
opacity:0.7; | |
} | |
.gm-scrollbar-container-flex{ | |
position:relative; | |
} | |
.gm-scrollbar-container-flex .gm-scroll-view{ | |
height:100%; | |
position:absolute; | |
width:100%; | |
} | |
.gm-scrollbar-container-flex .gm-scroll-view > *{ | |
position:relative; | |
} | |
.gm-scrollbar-container-flex-view > .gm-scroll-view{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.layout-box{ | |
background:#facd9a; | |
display:block; | |
} | |
.layout-box:before, | |
.layout-box:after{ | |
content:' '; | |
display:table; | |
} | |
.layout-box:after{ | |
clear:both; | |
} | |
.layout-box .layout-box-item{ | |
display:block; | |
} | |
.layout-box .layout-box-item.layout-box-item-padding{ | |
background:#c2dfb6; | |
} | |
.layout-box .layout-box-item.layout-box-item-content{ | |
background:#9fc4ea; | |
} | |
.layout-box .layout-box-item.layout-box-item-content.layout-box-item-content-fixed-height{ | |
height:100px; | |
} | |
.ace-editor-container{ | |
position:relative; | |
} | |
.ace_search{ | |
color:#000; | |
} | |
.ace_searchbtn{ | |
padding:0; | |
} | |
.advanced-section{ | |
margin-top:18px; | |
} | |
.advanced-section-content{ | |
margin-top:12px; | |
} | |
.advanced-section-label, | |
.advanced-section-label:hover{ | |
text-decoration:none; | |
} | |
@media (min-width: 480px){ | |
.advanced-section{ | |
margin-top:18px; | |
} | |
.advanced-section-content{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.advanced-section{ | |
margin-top:18px; | |
} | |
.advanced-section-content{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.advanced-section{ | |
margin-top:18px; | |
} | |
.advanced-section-content{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.advanced-section{ | |
margin-top:24px; | |
} | |
.advanced-section-content{ | |
margin-top:16px; | |
} | |
} | |
.message{ | |
} | |
.message .message-icon{ | |
margin-top:1px; | |
margin-right:12px; | |
height:16px; | |
width:16px; | |
cursor:pointer; | |
display:block; | |
float:left; | |
} | |
.message .message-icon .icon{ | |
vertical-align:top; | |
} | |
.message .message-icon + .message-content{ | |
margin-left:28px; | |
} | |
.message .message-content > :first-child{ | |
margin-top:0; | |
} | |
.message .message-content > :last-child{ | |
margin-bottom:0; | |
} | |
.message .message-type-style,.message .message-type-style a, | |
.message .message-type-style p, | |
.message .message-type-style ul, | |
.message .message-type-style li, | |
.message .message-type-style h1, | |
.message .message-type-style h2, | |
.message .message-type-style h3, | |
.message .message-type-style h4, | |
.message .message-type-style h5{ | |
color:inherit; | |
} | |
@media (min-width: 480px){ | |
.message .message-icon{ | |
margin-right:12px; | |
} | |
.message .message-icon + .message-content{ | |
margin-left:28px; | |
} | |
} | |
@media (min-width: 768px){ | |
.message .message-icon{ | |
margin-right:12px; | |
} | |
.message .message-icon + .message-content{ | |
margin-left:28px; | |
} | |
} | |
@media (min-width: 992px){ | |
.message .message-icon{ | |
margin-top:2px; | |
margin-right:12px; | |
} | |
.message .message-icon + .message-content{ | |
margin-left:28px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.message .message-icon{ | |
margin-right:16px; | |
} | |
.message .message-icon + .message-content{ | |
margin-left:32px; | |
} | |
} | |
.alert-panel{ | |
margin:0 auto; | |
width:auto; | |
} | |
@media (min-width: 480px){ | |
.alert-panel{ | |
width:350px; | |
} | |
} | |
@media (min-width: 768px){ | |
.alert-panel{ | |
width:400px; | |
} | |
} | |
@media (min-width: 992px){ | |
.alert-panel{ | |
width:450px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.alert-panel{ | |
width:450px; | |
} | |
} | |
@keyframes application-preloader-logo{ | |
0%{ | |
opacity:0.4; | |
} | |
50%{ | |
opacity:1; | |
} | |
100%{ | |
opacity:0.4; | |
} | |
} | |
@keyframes application-preloader-spinner{ | |
from{ | |
transform:rotate(0deg); | |
} | |
to{ | |
transform:rotate(359deg); | |
} | |
} | |
.application-preloader{ | |
display:block; | |
height:100px; | |
left:50%; | |
margin-left:-50px; | |
margin-top:-50px; | |
position:fixed; | |
top:50%; | |
width:100px; | |
} | |
.application-preloader-logo{ | |
background-image:url(data:image/svg+xml;charset=utf8,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20width%3D%2240px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2040%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3C!--%20Generator%3A%20Sketch%2048.1%20%2847250%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%3Ctitle%3Eapplication-preloader-logo%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20id%3D%22linearGradient-1%22%3E%3Cstop%20stop-color%3D%22%237D58FF%22%20offset%3D%220%25%22%3E%3C/stop%3E%3Cstop%20stop-color%3D%22%23FF007D%22%20offset%3D%22100%25%22%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20id%3D%22Artboard%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-30.000000,%20-36.000000%29%22%3E%3Cpath%20d%3D%22M36.305112,38.6935824%20L51.5292424,47.6233136%20L64.3604165,38.6935824%20L36.305112,38.6935824%20Z%20M54.0882461,49.1237655%20L58.2427773,51.5615815%20L64.0684945,42.1785678%20L54.0882461,49.1237655%20Z%20M35.3644003,41.2646379%20L42.9978909,53.5601754%20L49.0947742,49.3179338%20L35.3644003,41.2646379%20Z%20M60.5667704,52.924107%20L67.3064176,56.8771049%20L67.3064176,42.0694319%20L60.5667704,52.924107%20Z%20M32.6935824,42.0694319%20L32.6935824,60.73101%20L40.7837033,55.1008001%20L32.6935824,42.0694319%20Z%20M44.4206756,55.8520304%20L50,64.8373339%20L56.8220013,53.8500887%20L51.6531084,50.8183857%20L44.4206756,55.8520304%20Z%20M49.9993305,67.7344582%20C49.1275819,67.7344582%2048.3247966,67.2463593%2047.7958555,66.3946972%20L47.7958555,66.3940277%20L42.2064879,57.3926551%20L33.7648555,63.2679187%20C32.907837,63.8644839%2031.9744903,63.9769676%2031.2078605,63.5759097%20C30.4398915,63.1748519%2030,62.3459543%2030,61.3007934%20L30,39.3550936%20C30,38.0508185%2030.7478826,36.9179472%2031.837903,36.3635633%20C32.1706672,36.1519869%2032.6534097,36.0006695%2033.3524154,36%20L33.3530849,36%20L33.3557631,36%20L66.6442369,36%20L66.6469151,36%20L66.6475846,36%20C67.2990526,36.0006695%2067.7643869,36.1372569%2068.0971511,36.3307556%20C69.2219879,36.8730876%2070,38.0247062%2070,39.3550936%20L70,57.2199123%20C70,58.2423086%2069.568143,59.0765626%2068.8142345,59.5090891%20C68.0596565,59.9402765%2067.1202839,59.8913997%2066.2391617,59.3745104%20L59.1453249,55.2132838%20L52.2034749,66.3940277%20C51.6745338,67.2463593%2050.8717485,67.7344582%2049.9993305,67.7344582%20Z%22%20id%3D%22application-preloader-logo%22%20fill%3D%22url%28%23linearGradient-1%29%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E); | |
animation:application-preloader-logo 4s ease infinite; | |
background-size:40px 32px; | |
height:32px; | |
margin-left:-20px; | |
margin-top:-14px; | |
width:40px; | |
} | |
.application-preloader-logo,.application-preloader-spinner{ | |
display:block; | |
left:50%; | |
position:absolute; | |
top:50%; | |
} | |
.application-preloader-spinner{ | |
animation:application-preloader-spinner 1s linear infinite; | |
background-image:url(./1755911b8eabda71209a4125142fb96d-application-preloader-spinner.png); | |
background-size:100px 100px; | |
height:100px; | |
margin-left:-50px; | |
margin-top:-50px; | |
width:100px; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx){ | |
.application-preloader-spinner{ | |
background-image:url(./d8763304f5d3202457b08ae49f13a54c-application-preloader-spinner@2x.png); | |
} | |
} | |
.badge-container{ | |
-ms-flex-align:baseline; | |
align-items:baseline; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.badge-container .badge-container-text{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
margin-right:6px; | |
} | |
.badge-container .badge{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.button .badge{ | |
background:#c0c2c7; | |
border-color:#c0c2c7; | |
} | |
.button.active .badge, | |
.button:hover .badge{ | |
background:#aeb1b5; | |
border-color:#aeb1b5; | |
} | |
.button:active .badge{ | |
background:#a4a6aa; | |
border-color:#a4a6aa; | |
} | |
.button-stroke .badge, | |
.dropdown-menu li .badge{ | |
background:#dadde2; | |
border-color:#dadde2; | |
} | |
.button-stroke.active .badge, | |
.dropdown-menu li.active .badge, | |
.button-stroke:hover .badge, | |
.dropdown-menu li:hover .badge{ | |
background:#c4c7cb; | |
border-color:#c4c7cb; | |
} | |
.button-stroke:active .badge, | |
.dropdown-menu li:active .badge{ | |
background:#999b9e; | |
border-color:#999b9e; | |
} | |
.badge--primary{ | |
background-color:#7d58ff; | |
border-color:#7d58ff; | |
color:#fff; | |
} | |
@media (min-width: 480px){ | |
.badge-container .badge{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.badge-container .badge{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.badge-container .badge{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.badge-container .badge{ | |
margin-left:8px; | |
} | |
} | |
.banner-plugin-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100vh; | |
} | |
.banner-plugin-wrapper #banner-plugin-iframe{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
height:100%; | |
width:100%; | |
} | |
.banner-plugin-wrapper .icon-info path{ | |
fill-rule:evenodd; | |
stroke-width:1; | |
} | |
.banner-plugin-wrapper footer, | |
.banner-plugin-wrapper header{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
line-height:24px; | |
} | |
.banner-plugin-wrapper footer > *, | |
.banner-plugin-wrapper header > *{ | |
padding:8.4px; | |
} | |
.banner-plugin-wrapper footer .title, | |
.banner-plugin-wrapper header .title, | |
.banner-plugin-wrapper footer .icon, | |
.banner-plugin-wrapper header .icon{ | |
margin-right:8.4px; | |
} | |
.banner-plugin-wrapper footer .content, | |
.banner-plugin-wrapper header .content, | |
.banner-plugin-wrapper footer .title, | |
.banner-plugin-wrapper header .title, | |
.banner-plugin-wrapper footer .icon, | |
.banner-plugin-wrapper header .icon, | |
.banner-plugin-wrapper footer .title, | |
.banner-plugin-wrapper header .title, | |
.banner-plugin-wrapper footer .banner-plugin-info-icon, | |
.banner-plugin-wrapper header .banner-plugin-info-icon{ | |
display:inline-block; | |
vertical-align:middle; | |
} | |
.banner-plugin-wrapper footer .content, | |
.banner-plugin-wrapper header .content{ | |
line-height:normal; | |
overflow:hidden; | |
text-align:right; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
} | |
.banner-plugin-wrapper footer .content{ | |
text-align:center; | |
width:100%; | |
} | |
.banner-plugin-wrapper .flex-container{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.banner-plugin-wrapper .flex-container .banner-plugin-info-icon, | |
.banner-plugin-wrapper .flex-container .content{ | |
-ms-flex:1; | |
flex:1; | |
text-align:right; | |
} | |
.banner-plugin-wrapper header.flex-container{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.banner-plugin-wrapper.display-full header .content, | |
.banner-plugin-wrapper.display-full footer .content{ | |
display:block !important; | |
overflow:visible; | |
text-align:center; | |
white-space:normal; | |
} | |
@media (min-width: 480px){ | |
.banner-plugin-wrapper footer > *, | |
.banner-plugin-wrapper header > *{ | |
padding:8.4px; | |
} | |
.banner-plugin-wrapper .title, | |
.banner-plugin-wrapper .icon{ | |
margin-right:8.4px; | |
} | |
} | |
@media (min-width: 768px){ | |
.banner-plugin-wrapper header.flex-container{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.banner-plugin-wrapper footer > *, | |
.banner-plugin-wrapper header > *{ | |
padding:8.4px; | |
} | |
.banner-plugin-wrapper .title, | |
.banner-plugin-wrapper .icon{ | |
margin-right:8.4px; | |
} | |
} | |
@media (min-width: 992px){ | |
.banner-plugin-wrapper footer > *, | |
.banner-plugin-wrapper header > *{ | |
padding:8.4px; | |
} | |
.banner-plugin-wrapper .title, | |
.banner-plugin-wrapper .icon{ | |
margin-right:8.4px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.banner-plugin-wrapper footer > *, | |
.banner-plugin-wrapper header > *{ | |
padding:11.2px; | |
} | |
.banner-plugin-wrapper .title, | |
.banner-plugin-wrapper .icon{ | |
margin-right:11.2px; | |
} | |
} | |
.go-to-bottom-button{ | |
bottom:32px; | |
left:50%; | |
position:absolute; | |
transform:translateX(-50%); | |
} | |
.button-up-arrow, | |
.button-down-arrow{ | |
position:relative; | |
} | |
.button-up-arrow:after, | |
.button-down-arrow:after{ | |
border-left:5px solid transparent; | |
border-right:5px solid transparent; | |
content:''; | |
display:inline-block; | |
left:50%; | |
position:absolute; | |
top:50%; | |
transform:translateX(-50%) translateY(-50%); | |
} | |
.button-up-arrow:after{ | |
border-bottom:6px solid #32363e; | |
} | |
.button-down-arrow:after{ | |
border-top:6px solid #32363e; | |
} | |
.button-transparent, | |
.button-transparent:hover{ | |
background:transparent; | |
border-color:transparent; | |
} | |
.button.flush{ | |
padding:0; | |
} | |
.button.flush-top{ | |
padding-top:0; | |
} | |
.button.flush-right{ | |
padding-right:0; | |
} | |
.button.flush-bottom{ | |
padding-bottom:0; | |
} | |
.button.flush-left{ | |
padding-left:0; | |
} | |
.button-collection > .dropdown{ | |
margin-left:6px; | |
margin-top:6px; | |
vertical-align:middle; | |
} | |
.button-collection.button-collection-stacked{ | |
margin:0; | |
} | |
.button-collection.button-collection-stacked .button{ | |
margin-left:0; | |
} | |
.button-collection.button-collection-stacked .button:first-child{ | |
margin-top:0; | |
} | |
.button-group{ | |
margin-bottom:12px; | |
} | |
.button-group .dot{ | |
margin-right:6px; | |
} | |
.button-group .badge{ | |
margin-left:6px; | |
} | |
.button-group-directions{ | |
white-space:nowrap; | |
} | |
.button-group-directions .button{ | |
background:#e8e9ea; | |
display:inline-block; | |
float:none; | |
} | |
.button-split-content{ | |
text-align:left; | |
} | |
.button-split-content .button-split-content-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-flow:row nowrap; | |
flex-flow:row nowrap; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
width:100%; | |
} | |
.button-split-content .button-split-content-item{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.button-split-content .button-split-content-label{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
text-align:left; | |
} | |
.button-split-content:after{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
@media (min-width: 480px){ | |
.button.button-fixed-width.button-fixed-width-small{ | |
width:72px; | |
} | |
.button-collection > .dropdown{ | |
margin-left:null; | |
margin-top:null; | |
} | |
.button-group{ | |
margin-bottom:12px; | |
} | |
.button-group .dot{ | |
margin-right:6px; | |
} | |
.button-group .badge{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.button.button-fixed-width.button-fixed-width-small{ | |
width:72px; | |
} | |
.button-collection > .dropdown{ | |
margin-left:null; | |
margin-top:null; | |
} | |
.button-group{ | |
margin-bottom:12px; | |
} | |
.button-group .dot{ | |
margin-right:3.6px; | |
} | |
.button-group .badge{ | |
margin-left:3.6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.button.button-fixed-width.button-fixed-width-small{ | |
width:72px; | |
} | |
.button-collection > .dropdown{ | |
margin-left:null; | |
margin-top:null; | |
} | |
.button-group{ | |
margin-bottom:12px; | |
} | |
.button-group .dot{ | |
margin-right:3.6px; | |
} | |
.button-group .badge{ | |
margin-left:3.6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.button.button-fixed-width.button-fixed-width-small{ | |
width:96px; | |
} | |
.button-collection > .dropdown{ | |
margin-left:null; | |
margin-top:null; | |
} | |
.button-group{ | |
margin-bottom:16px; | |
} | |
.button-group .dot{ | |
margin-right:4.8px; | |
} | |
.button-group .badge{ | |
margin-left:4.8px; | |
} | |
} | |
.caret{ | |
border-left:4px solid transparent; | |
border-right:4px solid transparent; | |
border-top:4px dashed; | |
height:0; | |
vertical-align:middle; | |
width:0; | |
} | |
.caret.dropup{ | |
border-bottom:4px solid; | |
border-top:0; | |
} | |
.chart{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
transform:translateZ(0); | |
} | |
.chart .chart-chart{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
position:relative; | |
} | |
.chart svg{ | |
display:block; | |
} | |
.chart svg .background{ | |
fill:rgba(27, 32, 41, 0.05); | |
} | |
.chart .axis path, | |
.chart .grid-graph .tick, | |
.chart .axis line{ | |
fill:none; | |
shape-rendering:crispedges; | |
stroke:rgba(27, 32, 41, 0.06); | |
stroke-width:1px; | |
} | |
.chart .axis text{ | |
fill:#5f6369; | |
} | |
.chart .axis text.current-value{ | |
fill:#1b2029; | |
} | |
.chart .axis text.current-value.shadow{ | |
text-shadow:0 0 4px #fff, 0 0 4px #fff; | |
} | |
.chart .unsuccessful-block{ | |
fill:#000; | |
} | |
.chart [class*='path-color'] .unsuccessful-block{ | |
fill:inherit; | |
fill-opacity:1; | |
} | |
.chart .arc.path-color-0, | |
.chart .area.path-color-0, | |
.chart .bar rect.path-color-0{ | |
fill:#7d58ff; | |
stroke:#7d58ff; | |
} | |
.chart .arc.path-color-1, | |
.chart .area.path-color-1, | |
.chart .bar rect.path-color-1{ | |
fill:#f9a328; | |
stroke:#f9a328; | |
} | |
.chart .arc.path-color-2, | |
.chart .area.path-color-2, | |
.chart .bar rect.path-color-2{ | |
fill:#eb293a; | |
stroke:#eb293a; | |
} | |
.chart .arc.path-color-3, | |
.chart .area.path-color-3, | |
.chart .bar rect.path-color-3{ | |
fill:#157ff2; | |
stroke:#157ff2; | |
} | |
.chart .arc.path-color-4, | |
.chart .area.path-color-4, | |
.chart .bar rect.path-color-4{ | |
fill:#14c684; | |
stroke:#14c684; | |
} | |
.chart .arc.path-color-5, | |
.chart .area.path-color-5, | |
.chart .bar rect.path-color-5{ | |
fill:#c043d7; | |
stroke:#c043d7; | |
} | |
.chart .arc.path-color-6, | |
.chart .area.path-color-6, | |
.chart .bar rect.path-color-6{ | |
fill:#ff007d; | |
stroke:#ff007d; | |
} | |
.chart .arc.path-color-7, | |
.chart .area.path-color-7, | |
.chart .bar rect.path-color-7{ | |
fill:null; | |
opacity:0.2; | |
stroke:null; | |
} | |
.chart .area{ | |
fill-opacity:0.3; | |
stroke-width:0; | |
} | |
.chart .arc path{ | |
stroke:#fff; | |
stroke-width:4px; | |
} | |
.chart .line{ | |
fill:none; | |
stroke-width:2px; | |
} | |
.chart .line.path-color-0{ | |
stroke:#7d58ff; | |
} | |
.chart .line.path-color-1{ | |
stroke:#f9a328; | |
} | |
.chart .line.path-color-2{ | |
stroke:#eb293a; | |
} | |
.chart .line.path-color-3{ | |
stroke:#157ff2; | |
} | |
.chart .line.path-color-4{ | |
stroke:#14c684; | |
} | |
.chart .line.path-color-5{ | |
stroke:#c043d7; | |
} | |
.chart .line.path-color-6{ | |
stroke:#ff007d; | |
} | |
.chart .barchart .bar{ | |
stroke-width:0; | |
} | |
.chart .barchart .bar line{ | |
fill-opacity:1; | |
stroke-width:2px; | |
} | |
.chart .barchart .bar line.hidden, | |
.chart .barchart .bar line.invisible{ | |
stroke-width:0; | |
} | |
.chart .barchart .axis.x path{ | |
display:none; | |
} | |
.chart .barchart .axis.y.inverse path{ | |
stroke:rgba(27, 32, 41, 0.1); | |
} | |
.chart .barchart .axis.y path{ | |
stroke:#1b2029; | |
} | |
.chart .barchart .axis line{ | |
display:none; | |
} | |
.chart .barchart .grid-graph .grid.y .tick:first-child line{ | |
stroke-dasharray:0, 0; | |
} | |
.chart .barchart .grid-graph.inverse line{ | |
stroke:#1b2029; | |
} | |
.chart .barchart .grid-graph line{ | |
stroke:rgba(27, 32, 41, 0.15); | |
stroke-dasharray:4, 4; | |
} | |
.chart .timeseries-chart,.chart .timeseries-chart .moving-elements{ | |
left:0; | |
position:absolute; | |
top:0; | |
} | |
.chart .timeseries-chart .moving-elements{ | |
transform:translateZ(0); | |
} | |
.chart .timeseries-chart .axis.x, | |
.chart .barchart .axis.x, | |
.chart .timeseries-chart .axis.y, | |
.chart .barchart .axis.y{ | |
font-size:0.8rem; | |
} | |
.chart .timeseries-chart .axis.x .domain, | |
.chart .barchart .axis.x .domain, | |
.chart .timeseries-chart .axis.y .domain, | |
.chart .barchart .axis.y .domain{ | |
display:none; | |
} | |
.chart .unit-bordered-horizontal{ | |
border-right:1px solid #e8e9ea; | |
} | |
.chart .unit-bordered-horizontal:last-child{ | |
border-right:none; | |
} | |
.panel-inverse .chart .unit-bordered-horizontal{ | |
border-color:#494d54; | |
} | |
.chart .unit{ | |
fill:#1b2029; | |
line-height:1; | |
} | |
.chart .unit.unit-primary{ | |
font-size:3rem; | |
font-weight:300; | |
} | |
.chart .unit-label{ | |
fill:#7d58ff; | |
} | |
.chart .unit-label.path-color-0{ | |
color:#7d58ff; | |
} | |
.chart .unit-label.path-color-1{ | |
color:#f9a328; | |
} | |
.chart .unit-label.path-color-2{ | |
color:#eb293a; | |
} | |
.chart .unit-label.path-color-3{ | |
color:#157ff2; | |
} | |
.chart .unit-label.path-color-4{ | |
color:#14c684; | |
} | |
.chart .unit-label.path-color-5{ | |
color:#c043d7; | |
} | |
.chart .unit-label.path-color-6{ | |
color:#ff007d; | |
} | |
.chart .text-danger{ | |
fill:#eb293a; | |
} | |
.chart .text-success{ | |
fill:#14c684; | |
} | |
.chart .text-muted{ | |
fill:null; | |
} | |
.dygraph-chart-wrapper .dot{ | |
display:inline-block; | |
margin-right:6px; | |
} | |
.dygraph-chart-wrapper .dygraph-label, | |
.dygraph-chart-wrapper .graph-legend{ | |
font-size:1rem; | |
} | |
.dygraph-chart-wrapper .dygraph-axis-label{ | |
color:#76797f; | |
font-size:0.75rem; | |
} | |
.dygraph-chart-wrapper .dygraph-axis-label.dygraph-axis-label-y{ | |
padding-right:5px; | |
} | |
.dygraph-chart-wrapper .dygraph-axis-label.dygraph-axis-label-y em{ | |
color:#494d54; | |
} | |
.dygraph-chart-wrapper .graph-legend{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-top:10px; | |
} | |
.dygraph-chart-wrapper .graph-legend > span{ | |
margin-left:10px; | |
} | |
.dygraph-chart-wrapper .graph-legend > span.disabled{ | |
opacity:0.7; | |
} | |
.dygraph-chart-wrapper .graph-legend > span:hover{ | |
color:#666666; | |
} | |
.dygraph-chart-wrapper .graph-legend > span:first-child{ | |
margin-left:0; | |
} | |
.dygraph-chart{ | |
position:relative; | |
z-index:1000; | |
} | |
.dygraph-chart .dygraph-hover-label{ | |
background-color:#171a22; | |
border:1px solid #000; | |
border-radius:4px; | |
color:#9b9fa8; | |
font-size:0.9rem; | |
padding:6px 8px; | |
pointer-events:none; | |
position:absolute; | |
width:200px; | |
z-index:1002; | |
} | |
.dygraph-chart .dygraph-hover-label .highlight{ | |
background-color:transparent; | |
} | |
.dygraph-chart .dygraph-hover-label span{ | |
color:#fff; | |
} | |
.dygraph-chart .dygraph-hover-label span b span:before{ | |
background-color:currentColor; | |
border-radius:8px; | |
content:''; | |
display:inline-block; | |
height:8px; | |
margin-right:4px; | |
width:8px; | |
} | |
.chart-dialchart{ | |
position:absolute; | |
} | |
.chart-dialchart .description{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100%; | |
-ms-flex-pack:center; | |
justify-content:center; | |
left:0; | |
position:absolute; | |
text-align:center; | |
top:0; | |
width:100%; | |
} | |
.chart-dialchart .description .icon{ | |
display:inline-block; | |
} | |
.nodes-grid-dials{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-flow:row wrap; | |
flex-flow:row wrap; | |
-ms-flex-pack:distribute; | |
justify-content:space-around; | |
margin-left:-8px; | |
margin-right:-8px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item{ | |
height:80px; | |
margin-bottom:8px; | |
margin-right:8px; | |
width:80px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc path{ | |
stroke:#fff; | |
stroke-width:1px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-0{ | |
fill:#7d58ff; | |
stroke:#7d58ff; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-1{ | |
fill:#f9a328; | |
stroke:#f9a328; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-2{ | |
fill:#eb293a; | |
stroke:#eb293a; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-3{ | |
fill:#157ff2; | |
stroke:#157ff2; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-4{ | |
fill:#14c684; | |
stroke:#14c684; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-5{ | |
fill:#f56753; | |
stroke:#f56753; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-6{ | |
fill:#ff007d; | |
stroke:#ff007d; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-7{ | |
fill:#20d5ff; | |
stroke:#20d5ff; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-8{ | |
fill:#db7f67; | |
stroke:#db7f67; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-9{ | |
fill:#dbbea1; | |
stroke:#dbbea1; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-10{ | |
fill:#a37b73; | |
stroke:#a37b73; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-11{ | |
fill:#3f292b; | |
stroke:#3f292b; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-12{ | |
fill:#d34f73; | |
stroke:#d34f73; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-13{ | |
fill:#484041; | |
stroke:#484041; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-14{ | |
fill:#434371; | |
stroke:#434371; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-15{ | |
fill:#79aea3; | |
stroke:#79aea3; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-16{ | |
fill:#70ee9c; | |
stroke:#70ee9c; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-17{ | |
fill:#b5f44a; | |
stroke:#b5f44a; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-18{ | |
fill:#ad343e; | |
stroke:#ad343e; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-19{ | |
fill:#474747; | |
stroke:#474747; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-20{ | |
fill:#f2af29; | |
stroke:#f2af29; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-21{ | |
fill:#e0e0ce; | |
stroke:#e0e0ce; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-22{ | |
fill:#fcaa67; | |
stroke:#fcaa67; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-23{ | |
fill:#b0413e; | |
stroke:#b0413e; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-24{ | |
fill:#ffffc7; | |
stroke:#ffffc7; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-25{ | |
fill:#548687; | |
stroke:#548687; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-26{ | |
fill:#473335; | |
stroke:#473335; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-27{ | |
fill:#484041; | |
stroke:#484041; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-28{ | |
fill:#434371; | |
stroke:#434371; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-29{ | |
fill:#79aea3; | |
stroke:#79aea3; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-30{ | |
fill:#70ee9c; | |
stroke:#70ee9c; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-31{ | |
fill:#b5f44a; | |
stroke:#b5f44a; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-32{ | |
fill:#76797f; | |
stroke:#76797f; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .arc.path-color-unused{ | |
fill:#d1d2d4; | |
stroke:#d1d2d4; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .unit{ | |
color:#1b2029; | |
font-size:16px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .unit-label{ | |
font-size:11px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item .chart-dialchart .error{ | |
position:relative; | |
top:-2px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-spacer{ | |
height:0; | |
margin-right:8px; | |
width:80px; | |
} | |
.chart-cursor-position-marker{ | |
stroke:rgba(27, 32, 41, 0.15); | |
} | |
@media (min-width: 480px){ | |
.chart .unit-bordered-horizontal-small{ | |
border-right:1px solid #e8e9ea; | |
margin-top:6px; | |
} | |
.chart .unit-bordered-horizontal-small:last-child{ | |
border-right:none; | |
} | |
.panel-inverse .chart .unit-bordered-horizontal-small{ | |
border-color:#494d54; | |
} | |
.nodes-grid-dials{ | |
margin-left:-8px; | |
margin-right:-8px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item{ | |
height:80px; | |
margin-bottom:8px; | |
margin-right:8px; | |
width:80px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-spacer{ | |
margin-right:8px; | |
width:80px; | |
} | |
} | |
@media (min-width: 768px){ | |
.chart .unit-bordered-horizontal-small{ | |
margin-top:6px; | |
} | |
.nodes-grid-dials{ | |
margin-left:-8px; | |
margin-right:-8px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item{ | |
height:80px; | |
margin-bottom:8px; | |
margin-right:8px; | |
width:80px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-spacer{ | |
margin-right:8px; | |
width:80px; | |
} | |
} | |
@media (min-width: 992px){ | |
.chart .unit-bordered-horizontal-small{ | |
margin-top:6px; | |
} | |
.nodes-grid-dials{ | |
margin-left:-8px; | |
margin-right:-8px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item{ | |
height:80px; | |
margin-bottom:8px; | |
margin-right:8px; | |
width:80px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-spacer{ | |
margin-right:8px; | |
width:80px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.chart .unit-bordered-horizontal-small{ | |
margin-top:8px; | |
} | |
.nodes-grid-dials{ | |
margin-left:-11px; | |
margin-right:-11px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item{ | |
height:107px; | |
margin-bottom:11px; | |
} | |
.nodes-grid-dials .nodes-grid-dials-item,.nodes-grid-dials .nodes-grid-dials-spacer{ | |
margin-right:11px; | |
width:107px; | |
} | |
} | |
.table-form-checkbox{ | |
display:inline-block; | |
vertical-align:middle; | |
} | |
.table-form-checkbox .form-element-checkbox{ | |
margin-bottom:0; | |
} | |
pre.prettyprint{ | |
border:0 solid #d1d2d4; | |
border-radius:3px; | |
border-style:solid; | |
} | |
pre.prettyprint.inverse{ | |
border-color:#32363e; | |
} | |
.code-copy-wrapper{ | |
overflow:hidden; | |
position:relative; | |
} | |
.code-copy-wrapper .code-copy-icon{ | |
display:none; | |
} | |
.code-copy-wrapper:hover .code-copy-icon{ | |
background:#f8f8f9; | |
box-shadow:4px 0 6px 1rem #f8f8f9; | |
display:block; | |
position:absolute; | |
right:1rem; | |
top:calc(1rem - 3px); | |
} | |
.code-copy-wrapper:hover .code-copy-icon .icon.icon-grey:hover{ | |
color:#494d54; | |
} | |
.code-copy-wrapper:hover .code-copy-icon.tight{ | |
right:0; | |
top:0; | |
} | |
@media (min-width: 768px){ | |
.code-copy-wrapper:hover .code-copy-icon{ | |
right:1.1rem; | |
top:calc(1.1rem - 3px); | |
} | |
.code-copy-wrapper:hover .code-copy-icon.tight{ | |
right:0; | |
top:0; | |
} | |
} | |
@media (min-width: 992px){ | |
.code-copy-wrapper:hover .code-copy-icon{ | |
right:1.2rem; | |
top:calc(1.2rem - 3px); | |
} | |
.code-copy-wrapper:hover .code-copy-icon.tight{ | |
right:0; | |
top:0; | |
} | |
} | |
.collapsing-string{ | |
display:block; | |
min-width:0; | |
position:relative; | |
white-space:nowrap; | |
} | |
.collapsing-string-full-string{ | |
left:0; | |
position:absolute; | |
top:0; | |
visibility:hidden; | |
} | |
.collapsing-string-truncated-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.collapsing-string-truncated-start, | |
.collapsing-string-truncated-end{ | |
line-height:normal; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
} | |
.collapsing-string-truncated-start{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
min-width:0; | |
} | |
.collapsing-string-truncated-end{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
max-width:100%; | |
} | |
.collapsible-error-message{ | |
color:#eb293a; | |
} | |
.collapsible-error-message .collapsible-fixed{ | |
padding:12px 24px; | |
text-align:center; | |
} | |
.collapsible-error-message .collapsible-fixed .collapsible-toggle-label{ | |
display:inline-block; | |
margin-left:5px; | |
width:81px; | |
} | |
.collapsible-error-message .collapsible-toggled{ | |
position:relative; | |
} | |
.collapsible-error-message .collapsible-toggled > div{ | |
left:0; | |
padding:12px 24px; | |
width:100%; | |
} | |
.collapsible-error-message.error-for-modal .collapsible-fixed, | |
.collapsible-error-message.error-for-modal .collapsible-toggled > div{ | |
background:#fdeaeb; | |
} | |
.collapsible-error-message.error-for-modal .collapsible-toggled > div{ | |
position:absolute; | |
z-index:1001; | |
} | |
.collapsible-error-message.error-for-modal .collapsible-fixed{ | |
border-bottom:#eb293a 1px solid; | |
} | |
.collapsible-error-message.error-for-modal.expanded .collapsible-fixed{ | |
border-bottom:#fdeaeb 1px solid; | |
} | |
.collapsible-error-message.error-for-modal.expanded .collapsible-toggled > div{ | |
border-bottom:#eb293a 1px solid; | |
} | |
.dashboard-health-list{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
max-width:100%; | |
} | |
.dashboard-health-list .list .list-item{ | |
padding:8px 0; | |
} | |
.dashboard-health-list .list .list-item:first-child{ | |
padding-top:0; | |
} | |
.dashboard-health-list .list .list-item:last-child{ | |
padding-bottom:0; | |
} | |
.dashboard-health-list .list a{ | |
color:#1b2029; | |
cursor:pointer; | |
text-decoration:none; | |
} | |
.dashboard-health-list .list a:hover{ | |
text-decoration:underline; | |
} | |
.dashboard-health-list-item-description{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.dashboard-health-list-health-label{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
margin-left:12px; | |
text-align:right; | |
} | |
@media (min-width: 480px){ | |
.dashboard-health-list .list .list-item{ | |
padding:8px 0; | |
} | |
} | |
@media (min-width: 768px){ | |
.dashboard-health-list .list .list-item{ | |
padding:8px 0; | |
} | |
} | |
@media (min-width: 992px){ | |
.dashboard-health-list .list .list-item{ | |
padding:8px 0; | |
} | |
} | |
@media (min-width: 1400px){ | |
.dashboard-health-list .list .list-item{ | |
padding:10.66666667px 0; | |
} | |
} | |
.modal--deployments .modal-body-wrapper{ | |
-ms-flex-preferred-size:480px; | |
flex-basis:480px; | |
} | |
.button--deployments__loader, | |
.button--deployments__copy{ | |
display:inline-block; | |
} | |
.button--deployments__loader .line-spin-fade-loader{ | |
height:100%; | |
width:100%; | |
} | |
.button--deployments__copy{ | |
vertical-align:middle; | |
} | |
.deployments-table{ | |
table-layout:fixed; | |
} | |
.deployments-table-column-id{ | |
width:auto; | |
} | |
.deployments-table-column-start-time{ | |
display:none; | |
width:140px; | |
} | |
.deployments-table-column-status{ | |
width:150px; | |
} | |
.deployments-table-column-actions{ | |
width:40px; | |
} | |
.deployments-table-column-actions .icon{ | |
display:block; | |
} | |
.deployments-table .deployment-service-path{ | |
font-size:12px; | |
line-height:0.9rem; | |
padding-left:34px; | |
} | |
.deployments-table .deployment-service-path a{ | |
color:inherit; | |
text-decoration:none; | |
} | |
.deployments-table .deployment-service-path a:hover{ | |
text-decoration:underline; | |
} | |
.deployments-table .expanding-table-child{ | |
height:2.7rem; | |
margin-top:6px; | |
} | |
@media (max-width: 767px){ | |
.modal--deployments.modal-large{ | |
width:100%; | |
} | |
} | |
@media (min-width: 768px){ | |
.deployments-table-column-id{ | |
width:auto; | |
} | |
.deployments-table-column-start-time{ | |
display:table-cell; | |
} | |
col.deployments-table-column-start-time{ | |
display:table-column; | |
} | |
} | |
dl > dd{ | |
color:null; | |
} | |
.nested-description-list{ | |
margin-left:12px; | |
} | |
@media (min-width: 480px){ | |
.nested-description-list{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.nested-description-list{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.nested-description-list{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.nested-description-list{ | |
margin-left:16px; | |
} | |
} | |
.detail-view-header{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
margin-bottom:24px; | |
position:relative; | |
width:100%; | |
} | |
.detail-view-header.has-tabs:after{ | |
background:#d1d2d4; | |
bottom:0; | |
content:''; | |
height:1px; | |
position:absolute; | |
width:100%; | |
z-index:1; | |
} | |
.detail-view-header .menu-tabbed{ | |
margin-bottom:0; | |
margin-top:24px; | |
position:relative; | |
z-index:2; | |
} | |
.detail-view-header-icon{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
padding-right:6px; | |
} | |
.detail-view-header-content-primary, | |
.detail-view-header-content-secondary,.detail-view-header-content-primary{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.detail-view-header-content-primary{ | |
-ms-flex-align:center; | |
align-items:center; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
min-width:0; | |
} | |
.detail-view-header-content-secondary{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
margin-left:0; | |
margin-top:6px; | |
padding-left:24px; | |
white-space:nowrap; | |
} | |
.detail-view-header-content-secondary:last-child{ | |
padding-right:0; | |
} | |
.detail-view-header-content-secondary .button-collection{ | |
margin-bottom:0; | |
} | |
.detail-view-header-title{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
min-width:0; | |
} | |
.detail-view-header-content-heading{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:12px; | |
} | |
@media (min-width: 480px){ | |
.detail-view-header{ | |
margin-bottom:24px; | |
} | |
.detail-view-header .menu-tabbed{ | |
margin-top:24px; | |
} | |
.detail-view-header-icon{ | |
padding-right:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.detail-view-header{ | |
margin-bottom:24px; | |
} | |
.detail-view-header .menu-tabbed{ | |
margin-top:24px; | |
} | |
.detail-view-header-content-secondary{ | |
margin-left:auto; | |
margin-top:0; | |
} | |
.detail-view-header-icon{ | |
padding-right:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.detail-view-header .menu-tabbed{ | |
margin-top:24px; | |
} | |
.detail-view-header-icon{ | |
padding-right:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.detail-view-header .menu-tabbed{ | |
margin-top:32px; | |
} | |
.detail-view-header-icon{ | |
padding-right:8px; | |
} | |
} | |
.detail-view-section-heading-primary{ | |
border-bottom:1px solid #e8e9ea; | |
padding-bottom:6px; | |
} | |
@media (min-width: 480px){ | |
.detail-view-section-heading-primary{ | |
padding-bottom:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.detail-view-section-heading-primary{ | |
padding-bottom:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.detail-view-section-heading-primary{ | |
padding-bottom:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.detail-view-section-heading-primary{ | |
padding-bottom:8px; | |
} | |
} | |
.dropdown.dropdown-wide, | |
.dropdown.dropdown-wide .dropdown-toggle{ | |
display:block; | |
width:100%; | |
} | |
.dropdown-toggle{ | |
display:inline-block; | |
white-space:nowrap; | |
} | |
.dropdown-toggle.button-split-content:after{ | |
display:none; | |
} | |
.dropdown-toggle.button-split-content .button-split-content-wrapper .button-split-content-item:first-child{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.dropdown-toggle.button-split-content .button-split-content-wrapper:after,.dropdown-toggle.button-split-content.button-inverse .button-split-content-wrapper:after{ | |
margin-top:0; | |
} | |
.dropdown-toggle .badge-container{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
} | |
.dropdown-toggle.dropdown-toggle-transparent{ | |
background:transparent; | |
border:none; | |
height:auto; | |
padding:0; | |
} | |
.dropdown-toggle.dropdown-toggle-transparent:hover{ | |
background:transparent; | |
} | |
.dropdown-toggle.dropdown-toggle-caret-align-top:after{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
margin-top:6px; | |
} | |
.dropdown-toggle .dropdown-toggle-label{ | |
display:inline-block !important; | |
} | |
.dropdown-toggle .dropdown-toggle-label-primary, | |
.dropdown-toggle .dropdown-toggle-label-secondary{ | |
display:block; | |
} | |
.dropdown-toggle .dropdown-toggle-label-primary{ | |
line-height:1.2; | |
} | |
.dropdown-toggle .dropdown-toggle-label-secondary{ | |
color:null; | |
font-size:0.9rem; | |
font-weight:400; | |
} | |
.dropdown-menu{ | |
float:initial; | |
left:initial; | |
z-index:1001; | |
} | |
.dropdown-menu-list li.clickable, | |
.dropdown-menu-item-padding-surrogate.clickable{ | |
cursor:pointer; | |
} | |
.dropdown-menu-list li:first-child.hidden + li.dropdown-menu-section-header, | |
.dropdown-menu-item-padding-surrogate:first-child.hidden + li.dropdown-menu-section-header{ | |
margin-top:0; | |
} | |
.dropdown-menu-down-leave,.dropdown-menu-up-leave{ | |
z-index:1001; | |
} | |
li.dropdown-menu-section-header{ | |
margin-top:12px; | |
padding:0 18px; | |
} | |
li.dropdown-menu-section-header:first-child{ | |
margin-top:0; | |
} | |
.dropdown-menu-section-header label{ | |
color:#a4a6a9; | |
font-size:14px; | |
margin:0; | |
} | |
.dropdown-menu-item-padding-surrogate{ | |
display:block; | |
} | |
@media (min-width: 480px){ | |
li.dropdown-menu-section-header{ | |
margin-top:12px; | |
padding:0 18px; | |
} | |
} | |
@media (min-width: 768px){ | |
li.dropdown-menu-section-header{ | |
margin-top:12px; | |
padding:0 null; | |
} | |
} | |
@media (min-width: 992px){ | |
li.dropdown-menu-section-header{ | |
margin-top:12px; | |
padding:0 null; | |
} | |
} | |
@media (min-width: 1400px){ | |
li.dropdown-menu-section-header{ | |
margin-top:16px; | |
padding:0 null; | |
} | |
} | |
.dropdown-panel-group{ | |
position:relative; | |
} | |
.dropdown-panel-group > .dropdown-panel{ | |
box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.1); | |
position:absolute; | |
right:0; | |
z-index:1002; | |
} | |
.dropdown-panel-group > .dropdown-panel.dropdown-panel-full-width{ | |
width:100%; | |
} | |
.dropdown-panel-group > .dropdown-panel.dropdown-panel-left{ | |
left:0; | |
right:auto; | |
} | |
.dropdown-panel-group > .dropdown-panel.dropdown-panel-animated{ | |
opacity:0; | |
pointer-events:none; | |
transform:translateY(-30px); | |
transition:transform 0.3s ease, opacity 0.3s ease; | |
} | |
.dropdown-panel-group > .dropdown-panel.dropdown-panel-animated.is-visible{ | |
opacity:1; | |
pointer-events:auto; | |
transform:translateY(0); | |
} | |
.dsl-dropdown-panel{ | |
max-width:360px; | |
width:100%; | |
} | |
.dsl-form-group.disabled{ | |
opacity:0.2; | |
} | |
.expanding-table td{ | |
line-height:1.8rem; | |
white-space:nowrap; | |
} | |
.expanding-table td *{ | |
line-height:inherit; | |
} | |
.expanding-table-primary-cell{ | |
color:#1b2029; | |
font-weight:700; | |
margin:-6px 0; | |
padding:6px 12px; | |
} | |
.expanding-table-primary-cell:hover{ | |
text-decoration:underline; | |
} | |
.expanding-table-primary-cell.is-expandable{ | |
cursor:pointer; | |
position:relative; | |
} | |
.expanding-table-primary-cell.is-expandable:before{ | |
border-bottom:4px solid transparent; | |
border-left:5px solid #1b2029; | |
border-top:4px solid transparent; | |
content:''; | |
left:0; | |
position:absolute; | |
top:50%; | |
transform:translateY(-50%); | |
} | |
.expanding-table-primary-cell.is-expanded:before{ | |
transform:translateY(-50%) rotate(90deg); | |
} | |
.expanding-table-primary-cell-heading{ | |
font-weight:300; | |
padding-left:30px; | |
position:relative; | |
} | |
.expanding-table-primary-cell-heading:before, | |
.expanding-table-primary-cell-heading:after{ | |
background:#d1d2d4; | |
content:''; | |
height:100%; | |
left:19px; | |
position:absolute; | |
top:0; | |
width:1px; | |
} | |
.expanding-table-primary-cell-heading:before{ | |
height:1px; | |
top:50%; | |
width:7.2px; | |
} | |
.expanding-table-primary-cell-heading--no-nested-indicator{ | |
padding-left:12px; | |
} | |
.expanding-table-primary-cell-heading--no-nested-indicator:before, | |
.expanding-table-primary-cell-heading--no-nested-indicator:after{ | |
display:none; | |
} | |
.expanding-table-child > div{ | |
height:25px; | |
} | |
.expanding-table-child:last-child .expanding-table-primary-cell-heading:after{ | |
height:50%; | |
} | |
.color-swatches{ | |
margin-bottom:-12px; | |
} | |
.color-swatch .color-swatch-cell{ | |
background:#1b2029; | |
border-radius:6px; | |
box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1); | |
display:block; | |
height:50px; | |
width:100%; | |
} | |
.color-swatch.white .color-swatch-cell{ | |
background:#fff; | |
} | |
.color-swatch.black .color-swatch-cell{ | |
background:#000; | |
} | |
.color-swatch.neutral .color-swatch-cell{ | |
background:#1b2029; | |
} | |
.color-swatch.purple .color-swatch-cell{ | |
background:#7d58ff; | |
} | |
.color-swatch.blue .color-swatch-cell{ | |
background:#157ff2; | |
} | |
.color-swatch.red .color-swatch-cell{ | |
background:#eb293a; | |
} | |
.color-swatch.orange .color-swatch-cell{ | |
background:#f56753; | |
} | |
.color-swatch.yellow .color-swatch-cell{ | |
background:#f9a328; | |
} | |
.color-swatch.green .color-swatch-cell{ | |
background:#14c684; | |
} | |
.color-swatch.pink .color-swatch-cell{ | |
background:#ff007d; | |
} | |
.color-swatch.cyan .color-swatch-cell{ | |
background:#20d5ff; | |
} | |
.color-swatch.orchid .color-swatch-cell{ | |
background:#c043d7; | |
} | |
.color-blend{ | |
border-radius:6px; | |
box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1); | |
display:block; | |
height:50px; | |
overflow:hidden; | |
width:100%; | |
} | |
.color-blend:before, | |
.color-blend:after{ | |
content:' '; | |
display:table; | |
} | |
.color-blend:after{ | |
clear:both; | |
} | |
.color-blend .color-blend-base{ | |
display:block; | |
float:left; | |
height:100%; | |
width:20%; | |
} | |
.color-blend.neutral{ | |
background:#1b2029; | |
} | |
.color-blend.purple{ | |
background:#7d58ff; | |
} | |
.color-blend.blue{ | |
background:#157ff2; | |
} | |
.color-blend .color-blend-spectrum{ | |
display:block; | |
float:left; | |
height:100%; | |
width:80%; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell{ | |
display:block; | |
float:left; | |
height:50%; | |
width:5.26315789%; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-lighten{ | |
background:#fff; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-darken{ | |
background:#000; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-5{ | |
opacity:0.05; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-10{ | |
opacity:0.1; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-15{ | |
opacity:0.15; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-20{ | |
opacity:0.2; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-25{ | |
opacity:0.25; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-30{ | |
opacity:0.3; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-35{ | |
opacity:0.35; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-40{ | |
opacity:0.4; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-45{ | |
opacity:0.45; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-50{ | |
opacity:0.5; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-55{ | |
opacity:0.55; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-60{ | |
opacity:0.6; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-65{ | |
opacity:0.65; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-70{ | |
opacity:0.7; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-75{ | |
opacity:0.75; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-80{ | |
opacity:0.8; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-85{ | |
opacity:0.85; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-90{ | |
opacity:0.9; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-95{ | |
opacity:0.95; | |
} | |
.color-blend .color-blend-spectrum .color-blend-spectrum-cell.color-blend-spectrum-cell-100{ | |
opacity:1; | |
} | |
@media (min-width: 480px){ | |
.color-swatches{ | |
margin-bottom:-12px; | |
} | |
.color-swatch .color-swatch-cell,.color-blend{ | |
height:60px; | |
} | |
} | |
@media (min-width: 768px){ | |
.color-swatches{ | |
margin-bottom:-12px; | |
} | |
.color-swatch .color-swatch-cell{ | |
height:60px; | |
} | |
} | |
@media (min-width: 992px){ | |
.color-swatches{ | |
margin-bottom:-12px; | |
} | |
.color-swatch .color-swatch-cell,.color-blend{ | |
height:80px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.color-swatches{ | |
margin-bottom:-16px; | |
} | |
.color-swatch .color-swatch-cell{ | |
height:80px; | |
} | |
} | |
.configuration-map{ | |
margin-bottom:24px; | |
} | |
.configuration-map:last-child{ | |
margin-bottom:0; | |
} | |
.configuration-map-section{ | |
margin-bottom:24px; | |
} | |
.configuration-map-section:first-child > .configuration-map-heading:first-child{ | |
margin-top:0; | |
} | |
.configuration-map-row{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.configuration-map-row .table-display-on-row-hover{ | |
visibility:hidden; | |
} | |
.configuration-map-row:hover .table-display-on-row-hover{ | |
visibility:visible; | |
} | |
.configuration-map-row + .configuration-map-row{ | |
border-top:1px solid #e8e9ea; | |
} | |
.configuration-map-action, | |
.configuration-map-label, | |
.configuration-map-value{ | |
overflow-wrap:break-word; | |
padding:6px 0; | |
vertical-align:middle; | |
word-wrap:break-word; | |
} | |
.configuration-map-label, | |
.configuration-map-value{ | |
overflow:hidden; | |
} | |
.configuration-map-action, | |
td.configuration-map-action{ | |
text-align:right; | |
width:72px; | |
} | |
.configuration-map-action .button, | |
td.configuration-map-action .button{ | |
height:auto; | |
} | |
.configuration-map-label, | |
.configuration-map-table-label, | |
.configuration-map-label > *, | |
.configuration-map-table-label > *{ | |
overflow-wrap:break-word; | |
word-wrap:break-word; | |
} | |
.configuration-map-label code, | |
.configuration-map-table-label code, | |
.configuration-map-label pre, | |
.configuration-map-table-label pre{ | |
white-space:pre-wrap; | |
word-break:break-all; | |
} | |
.configuration-map-label{ | |
color:#1b2029; | |
-ms-flex:0 0 216px; | |
flex:0 0 216px; | |
font-weight:700; | |
padding-right:12px; | |
} | |
.configuration-map-label-no-text-transform{ | |
text-transform:none; | |
} | |
.configuration-map-value{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.configuration-map-value-stacked{ | |
padding:0; | |
} | |
.configuration-map-value-stacked .configuration-map-value{ | |
border-bottom:1px dotted #e8e9ea; | |
display:block; | |
} | |
.configuration-map-value-stacked .configuration-map-value:last-child{ | |
border-bottom:none; | |
} | |
.configuration-map-table-label{ | |
width:216px; | |
} | |
@media (min-width: 480px){ | |
.configuration-map,.configuration-map-section{ | |
margin-bottom:24px; | |
} | |
.configuration-map-action, | |
.configuration-map-label, | |
.configuration-map-value{ | |
padding:6px 0; | |
} | |
.configuration-map-action{ | |
width:72px; | |
} | |
.configuration-map-label{ | |
-ms-flex-preferred-size:216px; | |
flex-basis:216px; | |
padding-right:12px; | |
} | |
.configuration-map-table-label{ | |
width:216px; | |
} | |
} | |
@media (min-width: 768px){ | |
.configuration-map,.configuration-map-section{ | |
margin-bottom:24px; | |
} | |
.configuration-map-action, | |
.configuration-map-label, | |
.configuration-map-value{ | |
padding:6px 0; | |
} | |
.configuration-map-action{ | |
width:72px; | |
} | |
.configuration-map-label{ | |
-ms-flex-preferred-size:216px; | |
flex-basis:216px; | |
padding-right:12px; | |
} | |
.configuration-map-table-label{ | |
width:216px; | |
} | |
} | |
@media (min-width: 992px){ | |
.configuration-map,.configuration-map-section{ | |
margin-bottom:24px; | |
} | |
.configuration-map-action, | |
.configuration-map-label, | |
.configuration-map-value{ | |
padding:6px 0; | |
} | |
.configuration-map-action{ | |
width:72px; | |
} | |
.configuration-map-label{ | |
-ms-flex-preferred-size:216px; | |
flex-basis:216px; | |
padding-right:12px; | |
} | |
.configuration-map-table-label{ | |
width:216px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.configuration-map,.configuration-map-section{ | |
margin-bottom:32px; | |
} | |
.configuration-map-action, | |
.configuration-map-label, | |
.configuration-map-value{ | |
padding:8px 0; | |
} | |
.configuration-map-action{ | |
width:96px; | |
} | |
.configuration-map-label{ | |
-ms-flex-preferred-size:288px; | |
flex-basis:288px; | |
padding-right:16px; | |
} | |
.configuration-map-table-label{ | |
width:288px; | |
} | |
} | |
.filter-bar{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
width:100%; | |
} | |
.filter-bar.filter-bar-offset{ | |
margin-bottom:-6px; | |
} | |
.filter-bar-left, | |
.filter-bar-right{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
max-width:100%; | |
width:auto; | |
} | |
.filter-bar-left .filter-bar-item, | |
.filter-bar-right .filter-bar-item{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
max-width:100%; | |
} | |
.filter-bar-left.flex-grow, | |
.filter-bar-right.flex-grow{ | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.filter-bar-left.flex-shrink, | |
.filter-bar-right.flex-shrink{ | |
-ms-flex-negative:1; | |
flex-shrink:1; | |
} | |
.filter-bar-right{ | |
margin-left:auto; | |
} | |
.filter-bar-right:last-child{ | |
padding-right:0; | |
z-index:1; | |
} | |
.filter-bar-right .filter-bar-item:last-child{ | |
padding-right:0; | |
} | |
.filter-bar-item{ | |
padding-right:6px; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
max-width:100%; | |
padding-bottom:6px; | |
} | |
.filter-headline.list li{ | |
color:inherit; | |
} | |
@media (min-width: 480px){ | |
.filter-bar.filter-bar-offset{ | |
margin-bottom:-6px; | |
} | |
.flex-no-wrap-small{ | |
-ms-flex-wrap:nowrap; | |
flex-wrap:nowrap; | |
} | |
.filter-bar-item{ | |
padding-bottom:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.filter-bar.filter-bar-offset{ | |
margin-bottom:-6px; | |
} | |
.filter-bar-item{ | |
padding-bottom:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.filter-bar.filter-bar-offset{ | |
margin-bottom:-6px; | |
} | |
.filter-bar-item{ | |
padding-bottom:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.filter-bar.filter-bar-offset{ | |
margin-bottom:-8px; | |
} | |
.filter-bar-item{ | |
padding-bottom:8px; | |
} | |
} | |
textarea.form-control{ | |
height:125px; | |
} | |
.form-control-input-height{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
height:36px; | |
} | |
.form-control-group-add-on{ | |
white-space:nowrap; | |
} | |
.form-control-group-add-on .small{ | |
display:inline-block; | |
} | |
.form-control-group-add-on a{ | |
vertical-align:middle; | |
} | |
.form-control-inline, | |
label.form-control-inline{ | |
display:inline-block; | |
} | |
.form-control-inline + .form-control-inline{ | |
margin-left:12px; | |
} | |
.form-control-force-narrow .form-control, | |
.form-control-force-narrow .button{ | |
padding-left:0.5rem; | |
padding-right:0.5rem; | |
} | |
.form-control:disabled, | |
.form-control.disabled{ | |
color:#8d9094; | |
} | |
.form-colon{ | |
bottom:0.8rem; | |
left:100%; | |
position:absolute; | |
} | |
.form-group-container-action-button-group{ | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:1; | |
} | |
@media (min-width: 480px){ | |
.form-control-inline + .form-control-inline{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-inline + .form-control-inline{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-control-input-height{ | |
height:null; | |
} | |
.form-control-inline + .form-control-inline{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-control-inline + .form-control-inline{ | |
margin-left:16px; | |
} | |
} | |
.form-control-toggle.disabled{ | |
cursor:not-allowed; | |
} | |
.form-control-toggle .truecase{ | |
text-transform:none; | |
} | |
.form-group label:last-child, | |
.form-group .label:last-child{ | |
margin-bottom:0; | |
} | |
.form-group-heading{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.form-group-heading-content{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
margin-left:6px; | |
} | |
.form-group-heading-content:first-child{ | |
margin-left:0; | |
} | |
.form-group-heading-content-primary{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
min-width:0; | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
} | |
.form-group-heading-content .tooltip-wrapper{ | |
max-height:0.9rem; | |
} | |
@media (min-width: 480px){ | |
.form-group-heading-content{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-group-heading-content{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-group-heading-content{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-group-heading-content{ | |
margin-left:8px; | |
} | |
} | |
.form-row{ | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:-12px; | |
} | |
.form-row + .form-row{ | |
margin-top:12px; | |
} | |
.form-row:last-child, | |
.form-row:last-child .form-group{ | |
margin-bottom:0; | |
} | |
.form-group-without-top-label{ | |
padding-top:24px; | |
} | |
.form-spacing-top{ | |
margin-top:12px; | |
} | |
@media (min-width: 480px){ | |
.form-row{ | |
margin-bottom:-12px; | |
} | |
.form-row + .form-row{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-row{ | |
margin-bottom:-12px; | |
} | |
.form-row + .form-row{ | |
margin-top:12px; | |
} | |
.form-group-without-top-label{ | |
padding-top:24px; | |
} | |
.form-spacing-top{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-row{ | |
margin-bottom:-12px; | |
} | |
.form-row + .form-row{ | |
margin-top:12px; | |
} | |
.form-group-without-top-label{ | |
padding-top:24px; | |
} | |
.form-spacing-top{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-row{ | |
margin-bottom:-16px; | |
} | |
.form-row + .form-row,.form-spacing-top{ | |
margin-top:16px; | |
} | |
} | |
.form-row + .form-section{ | |
margin-top:12px; | |
} | |
@media (min-width: 480px){ | |
.form-row + .form-section{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-row + .form-section{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.form-row + .form-section{ | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.form-row + .form-section{ | |
margin-top:16px; | |
} | |
} | |
input.field-input-number-narrow{ | |
width:25%; | |
} | |
input.field-input-text-narrow{ | |
width:50%; | |
} | |
@media (max-width: 480px){ | |
input.field-input-number-narrow{ | |
width:50%; | |
} | |
input.field-input-text-narrow{ | |
width:100%; | |
} | |
} | |
.form-control.form-control-select.field-select-narrow{ | |
width:50%; | |
} | |
@media (max-width: 480px){ | |
.form-control.form-control-select.field-select-narrow{ | |
width:100%; | |
} | |
} | |
.form-group.form-group-danger div.dropdown-select span.dropdown .dropdown-toggle{ | |
border-color:#eb293a; | |
} | |
.form-group div.dropdown-select{ | |
width:100%; | |
} | |
.form-group div.dropdown-select .dropdown{ | |
position:relative; | |
width:100%; | |
} | |
.form-group div.dropdown-select .dropdown .dropdown-toggle{ | |
background:none; | |
border:1px #d6d8dc solid; | |
box-shadow:none; | |
display:block; | |
margin:0; | |
text-align:left; | |
width:100%; | |
z-index:1; | |
padding-right:36px; | |
} | |
.form-group div.dropdown-select .dropdown .dropdown-toggle:after{ | |
display:block; | |
position:absolute; | |
right:1.25rem; | |
top:50%; | |
} | |
.dropdown-select.dropdown-menu .dropdown-menu-list-item.is-selected .dropdown-select-item-title{ | |
color:#7d58ff; | |
} | |
.dropdown-select.dropdown-menu .dropdown-select-item-title{ | |
display:block; | |
margin-bottom:4px; | |
} | |
.dropdown-select.dropdown-menu .dropdown-select-item-title .dropdown-select-item-title__badge{ | |
margin-left:7px; | |
} | |
.dropdown-select.dropdown-menu .dropdown-select-item-description{ | |
color:#a4a6a9; | |
} | |
.icon{ | |
position:relative; | |
} | |
.icon svg{ | |
display:block; | |
} | |
.icon.icon-image-container{ | |
overflow:hidden; | |
} | |
.icon.icon-image-container img{ | |
display:block; | |
height:auto; | |
margin:0; | |
padding:0; | |
width:100%; | |
} | |
.icon.icon-app-container{ | |
border-radius:20%; | |
} | |
.icon.icon-app-container:after{ | |
border-radius:20%; | |
box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1); | |
content:''; | |
display:block; | |
height:100%; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100%; | |
} | |
.icon.icon-app-container--borderless:after{ | |
display:none; | |
} | |
.icon.icon-user-container, | |
.icon.icon-group-container{ | |
border-radius:100%; | |
position:relative; | |
} | |
.icon.icon-user-container:after, | |
.icon.icon-group-container:after{ | |
border-radius:100%; | |
box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.3); | |
content:''; | |
display:block; | |
height:100%; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100%; | |
} | |
.icon-default-white{ | |
background-color:#fafafa; | |
} | |
.icon.icon-neutral,.icon.icon-grey, | |
.icon.light-grey{ | |
color:#1b2029; | |
} | |
.icon.icon-grey.inverse, | |
.icon.light-grey.inverse{ | |
color:#bbbcbf; | |
} | |
.icon.icon-light-grey{ | |
color:#c4c7cb; | |
} | |
a .icon.icon-light-grey:hover, | |
.tooltip-wrapper .icon.icon-light-grey:hover{ | |
color:#aeb1b5; | |
} | |
.button .icon, | |
button .icon{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.icon-margin-right{ | |
margin-right:6px; | |
} | |
.icon-margin-right.icon-margin-right-wide{ | |
margin-right:12px; | |
} | |
.icon-margin-left{ | |
margin-left:6px; | |
margin-right:0; | |
} | |
.icon-margin-left.icon-margin-left-wide{ | |
margin-left:12px; | |
} | |
@media (min-width: 480px){ | |
.icon-margin-right{ | |
margin-right:6px; | |
} | |
.icon-margin-right.icon-margin-right-wide{ | |
margin-right:12px; | |
} | |
.icon-margin-left{ | |
margin-left:6px; | |
} | |
.icon-margin-left.icon-margin-left-wide{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.icon-margin-right{ | |
margin-right:6px; | |
} | |
.icon-margin-right.icon-margin-right-wide{ | |
margin-right:24px 0.5; | |
} | |
.icon-margin-left{ | |
margin-left:6px; | |
} | |
.icon-margin-left.icon-margin-left-wide{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.icon-margin-right{ | |
margin-right:6px; | |
} | |
.icon-margin-right.icon-margin-right-wide{ | |
margin-right:24px 0.5; | |
} | |
.icon-margin-left{ | |
margin-left:6px; | |
} | |
.icon-margin-left.icon-margin-left-wide{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.icon-margin-right{ | |
margin-right:8px; | |
} | |
.icon-margin-right.icon-margin-right-wide{ | |
margin-right:32px 0.5; | |
} | |
.icon-margin-left{ | |
margin-left:8px; | |
} | |
.icon-margin-left.icon-margin-left-wide{ | |
margin-left:16px; | |
} | |
} | |
.icon-tiny{ | |
width:10px; | |
height:10px; | |
} | |
@media (min-width: 480px){ | |
} | |
@media (min-width: 768px){ | |
} | |
@media (min-width: 992px){ | |
} | |
@media (min-width: 1400px){ | |
} | |
.job-details-header-status{ | |
display:inline-block; | |
font-weight:700; | |
margin-right:12px; | |
} | |
.job-run-history-table-column-finished, | |
.job-run-history-table-column-started{ | |
display:none; | |
width:140px; | |
} | |
.job-run-history-table-column-checkbox{ | |
width:30px; | |
} | |
.job-run-history-table-column-status{ | |
width:120px; | |
} | |
.job-run-history-table-column-run-time{ | |
width:100px; | |
} | |
@media (min-width: 480px){ | |
.job-details-header-status{ | |
margin-right:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.job-details-header-status{ | |
margin-right:12px; | |
} | |
.job-run-history-table-column-finished{ | |
display:table-cell; | |
} | |
col.job-run-history-table-column-finished{ | |
display:table-column; | |
} | |
} | |
@media (min-width: 992px){ | |
.job-details-header-status{ | |
margin-right:12px; | |
} | |
.job-run-history-table-column-started{ | |
display:table-cell; | |
} | |
col.job-run-history-table-column-started{ | |
display:table-column; | |
} | |
} | |
@media (min-width: 1400px){ | |
.job-details-header-status{ | |
margin-right:16px; | |
} | |
} | |
.list{ | |
width:100%; | |
} | |
.list.list-narrow li{ | |
padding-left:12px; | |
} | |
.list .list-item{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-bottom:1px solid rgba(218, 221, 226, 0.85); | |
display:-ms-flexbox; | |
display:flex; | |
margin:0; | |
padding:6px 0; | |
} | |
.list .list-item:last-child{ | |
border-bottom:none; | |
} | |
.list.list-inline > li{ | |
display:inline-block; | |
float:none; | |
vertical-align:baseline; | |
} | |
.list.list-inline .list-item-aligned-right{ | |
float:right; | |
} | |
.list-inline-separator{ | |
margin:0 4px; | |
vertical-align:middle; | |
} | |
@media (min-width: 480px){ | |
.list.list-narrow li{ | |
padding-left:12px; | |
} | |
.list .list-item{ | |
padding:6px 0; | |
} | |
.list-inline-separator{ | |
margin:0 4px; | |
} | |
} | |
@media (min-width: 768px){ | |
.list.list-narrow li{ | |
padding-left:12px; | |
} | |
.list .list-item{ | |
padding:6px 0; | |
} | |
.list-inline-separator{ | |
margin:0 4px; | |
} | |
} | |
@media (min-width: 992px){ | |
.list.list-narrow li{ | |
padding-left:12px; | |
} | |
.list .list-item{ | |
padding:6px 0; | |
} | |
.list-inline-separator{ | |
margin:0 4px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.list.list-narrow li{ | |
padding-left:16px; | |
} | |
.list .list-item{ | |
padding:8px 0; | |
} | |
.list-inline-separator{ | |
margin:0 5.33333333px; | |
} | |
} | |
.loader{ | |
background:#fff; | |
} | |
.loader .loader-element{ | |
background:rgba(27, 32, 41, 0.5); | |
} | |
.loader .inverse .loader-element{ | |
background:rgba(255, 255, 255, 0.5); | |
} | |
.loader .ball-scale{ | |
height:69px; | |
width:69px; | |
} | |
.loader .loader--mini{ | |
transform:scale(0.25, 0.25); | |
} | |
.loader .loader--small{ | |
transform:scale(0.5, 0.5); | |
} | |
.loader .loader--small.ball-scale{ | |
height:34.5px; | |
width:34.5px; | |
} | |
.loader .loader--flip-horizontal{ | |
transform:rotate3d(0, 1, 0, 180deg); | |
} | |
.loader .loader--flip-horizontal.loader--mini{ | |
transform:scale(0.25, 0.25) rotate3d(0, 1, 0, 180deg); | |
} | |
.loader .loader--flip-horizontal.loader--small{ | |
transform:scale(0.5, 0.5) rotate3d(0, 1, 0, 180deg); | |
} | |
.log-view{ | |
color:#fff; | |
overflow:auto; | |
position:relative; | |
} | |
.image-rounded-corners{ | |
border-radius:3px; | |
} | |
@media (min-width: 480px){ | |
.image-rounded-corners{ | |
border-radius:3px; | |
} | |
} | |
@media (min-width: 768px){ | |
.image-rounded-corners{ | |
border-radius:3px; | |
} | |
} | |
@media (min-width: 992px){ | |
.image-rounded-corners{ | |
border-radius:3px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.image-rounded-corners{ | |
border-radius:4px; | |
} | |
} | |
.modal .modal-header, | |
.modal .modal-footer{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.modal-body-wrapper{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.modal-header-title{ | |
margin-bottom:0; | |
margin-top:0; | |
} | |
.modal .modal-footer{ | |
border-top:none; | |
} | |
.modal-body > p:last-child,.modal-body > div:last-child > p:last-child{ | |
margin-bottom:0; | |
} | |
.modal-close{ | |
-webkit-appearance:none; | |
-moz-appearance:none; | |
appearance:none; | |
border:0; | |
height:24px; | |
position:absolute; | |
right:-36px; | |
top:-36px; | |
width:24px; | |
} | |
.modal-close,.modal-close:hover, | |
.modal-close:active{ | |
background:transparent; | |
} | |
.modal-close:hover .icon, | |
.modal-close:active .icon{ | |
color:#fff; | |
} | |
.modal-close .icon{ | |
color:rgba(255, 255, 255, 0.8); | |
} | |
.modal-content-loading-indicator{ | |
height:165px; | |
} | |
.modal-body-offset{ | |
margin:-24px; | |
overflow-x:hidden; | |
} | |
.modal-body-padding-surrogate{ | |
padding:24px; | |
} | |
@media (min-width: 480px){ | |
.modal-body-offset{ | |
margin:-24px; | |
} | |
.modal-body-padding-surrogate{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal-body-offset{ | |
margin:-24px; | |
} | |
.modal-body-padding-surrogate{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.modal-body-offset{ | |
margin:-24px; | |
} | |
.modal-body-padding-surrogate{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal-body-offset{ | |
margin:-24px; | |
} | |
.modal-body-padding-surrogate{ | |
padding:24px; | |
} | |
} | |
.modal-full-screen{ | |
border-radius:0; | |
height:100%; | |
left:0; | |
max-height:none; | |
max-width:none; | |
top:0; | |
transform:none; | |
width:100%; | |
} | |
.modal-full-screen .modal-header{ | |
background:#f4f4f4; | |
padding:0; | |
} | |
.modal-full-screen .modal-body-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.modal-full-screen .modal-body, | |
.modal-full-screen .modal-body-padding-surrogate{ | |
padding:36px 24px; | |
} | |
.modal-full-screen .modal-body{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 0 auto; | |
flex:1 0 auto; | |
min-height:100%; | |
overflow:hidden; | |
} | |
.modal-full-screen .modal-body-offset{ | |
margin:-36px -24px; | |
} | |
.modal-full-screen .modal-body-offset > .gm-scrollbar-container{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
height:auto; | |
} | |
.modal-full-screen-fill-body{ | |
height:100%; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100%; | |
} | |
.modal-full-screen-header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.modal-full-screen-header-title{ | |
color:#1b2029; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
font-size:18px; | |
font-weight:24px; | |
line-height:36px; | |
text-align:center; | |
} | |
.modal-full-screen-header-with-sub-title{ | |
bottom:8px; | |
height:36px; | |
position:relative; | |
} | |
.modal-full-screen-actions{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
z-index:1; | |
} | |
.modal-full-screen-actions-primary{ | |
margin-left:12px; | |
} | |
.modal-full-screen-actions-secondary{ | |
margin-right:12px; | |
} | |
.modal-full-screen-side-panel{ | |
height:100%; | |
position:absolute; | |
right:-100%; | |
top:0; | |
transition:right 0.35s, visibility 0.35s; | |
visibility:hidden; | |
width:100%; | |
will-change:right; | |
z-index:3; | |
} | |
.modal-full-screen-side-panel.is-visible{ | |
right:0; | |
transition:right 0.35s; | |
visibility:visible; | |
} | |
.modal-full-screen-side-panel-placeholder{ | |
display:none; | |
} | |
@media (min-width: 480px){ | |
.modal-full-screen .modal-body, | |
.modal-full-screen .modal-body-padding-surrogate{ | |
padding:36px 24px; | |
} | |
.modal-full-screen .modal-body-offset{ | |
margin:-36px -24px; | |
} | |
.modal-full-screen-actions{ | |
position:absolute; | |
top:50%; | |
transform:translateY(-50%); | |
} | |
.modal-full-screen-actions-primary{ | |
margin-left:0; | |
right:24px; | |
} | |
.modal-full-screen-actions-secondary{ | |
left:24px; | |
margin-right:0; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal-full-screen .modal-body, | |
.modal-full-screen .modal-body-padding-surrogate{ | |
padding:36px 24px; | |
} | |
.modal-full-screen .modal-body-offset{ | |
margin:-36px -24px; | |
} | |
.modal-full-screen-actions-primary{ | |
right:24px; | |
} | |
.modal-full-screen-actions-secondary{ | |
left:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.modal-full-screen .modal-body, | |
.modal-full-screen .modal-body-padding-surrogate{ | |
padding:36px 24px; | |
} | |
.modal-full-screen .modal-body-offset{ | |
margin:-36px -24px; | |
} | |
.modal-full-screen-header-title{ | |
line-height:null; | |
} | |
.modal-full-screen-header-with-sub-title{ | |
height:null; | |
} | |
.modal-full-screen-actions-primary{ | |
right:24px; | |
} | |
.modal-full-screen-actions-secondary{ | |
left:24px; | |
} | |
.modal-full-screen-side-panel{ | |
right:-400px; | |
width:400px; | |
} | |
.modal-full-screen-side-panel-placeholder{ | |
display:block; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
transition:width 0.35s; | |
width:0; | |
} | |
.modal-full-screen-side-panel-placeholder.is-visible{ | |
width:400px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal-full-screen .modal-body, | |
.modal-full-screen .modal-body-padding-surrogate{ | |
padding:48px 32px; | |
} | |
.modal-full-screen .modal-body-offset{ | |
margin:-48px -32px; | |
} | |
.modal-full-screen-actions-primary{ | |
right:32px; | |
} | |
.modal-full-screen-actions-secondary{ | |
left:32px; | |
} | |
.modal-full-screen-side-panel{ | |
right:-500px; | |
width:500px; | |
} | |
.modal-full-screen-side-panel-placeholder.is-visible{ | |
width:500px; | |
} | |
} | |
.modal-backdrop.login-modal-backdrop{ | |
background-image:url(./e491cffd8102eafc82b68ba050342edd-login-background.png); | |
background-size:cover; | |
content:''; | |
height:100%; | |
left:0; | |
position:fixed; | |
top:0; | |
width:100%; | |
} | |
.modal.login-modal{ | |
margin-top:33px; | |
overflow:visible; | |
} | |
.modal.login-modal .modal-header, | |
.modal.login-modal .modal-footer{ | |
border:none; | |
} | |
.modal.login-modal .modal-header{ | |
padding:0; | |
} | |
.modal.login-modal .modal-body{ | |
height:auto; | |
position:relative; | |
} | |
.modal.login-modal .modal-footer{ | |
padding-top:0; | |
position:relative; | |
} | |
.modal.login-modal .login-modal-product-logo{ | |
background-image:url(./8475ce985cab4cbb39595f0500c23cd2-login-modal-product-logo.png); | |
background-size:270px 26px; | |
display:block; | |
height:26px; | |
left:50%; | |
position:absolute; | |
top:-66px; | |
transform:translateX(-50%); | |
width:270px; | |
} | |
.modal.login-modal .login-modal-product-logo.inverse{ | |
background-image:url(./43256780e0ae8b65d87ff192fed3032c-login-modal-product-logo-inverse.png); | |
} | |
.modal.login-modal .login-modal-product-name{ | |
left:50%; | |
position:absolute; | |
top:84px; | |
transform:translateX(-50%); | |
width:100%; | |
} | |
.modal.login-modal .login-modal-product-name a{ | |
color:inherit; | |
} | |
@media (min-width: 480px){ | |
.modal.login-modal{ | |
margin-top:33px; | |
} | |
.modal.login-modal .login-modal-product-logo{ | |
background-size:270px 26px; | |
height:26px; | |
top:-66px; | |
width:270px; | |
} | |
.modal.login-modal .login-modal-product-name{ | |
top:84px; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal.login-modal{ | |
margin-top:33px; | |
} | |
.modal.login-modal .login-modal-product-logo{ | |
background-size:270px 26px; | |
height:26px; | |
top:-66px; | |
width:270px; | |
} | |
.modal.login-modal .login-modal-product-name{ | |
top:84px; | |
} | |
} | |
@media (min-width: 992px){ | |
.modal.login-modal{ | |
margin-top:33px; | |
} | |
.modal.login-modal .login-modal-product-logo{ | |
background-size:270px 26px; | |
height:26px; | |
top:-66px; | |
width:270px; | |
} | |
.modal.login-modal .login-modal-product-name{ | |
top:84px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal.login-modal{ | |
margin-top:33px; | |
} | |
.modal.login-modal .login-modal-product-logo{ | |
background-size:270px 26px; | |
height:26px; | |
top:-66px; | |
width:270px; | |
} | |
.modal.login-modal .login-modal-product-name{ | |
top:84px; | |
} | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx){ | |
.modal-backdrop.login-modal-backdrop{ | |
background-image:url(./131[email protected]); | |
} | |
.modal.login-modal .login-modal-product-logo{ | |
background-image:url(./[email protected]); | |
} | |
.modal.login-modal .login-modal-product-logo.inverse{ | |
background-image:url(./4a4eb4d667ad74ef96d37bc8fdb9f10b-login-modal-product-logo-inverse@2x.png); | |
} | |
} | |
.modal-image-viewer{ | |
background:transparent; | |
max-width:100%; | |
overflow:visible; | |
-webkit-user-select:none; | |
-moz-user-select:none; | |
-ms-user-select:none; | |
user-select:none; | |
width:100%; | |
} | |
.modal-image-viewer .modal-content{ | |
background:transparent; | |
border-radius:0; | |
overflow:hidden; | |
} | |
.modal-image-viewer .modal-header{ | |
background:transparent; | |
border-radius:0; | |
padding:0; | |
} | |
.modal-image-viewer .modal-footer{ | |
border-radius:0; | |
padding:0; | |
position:static; | |
} | |
.modal-image-viewer .fill-image{ | |
display:block; | |
height:auto; | |
width:100%; | |
} | |
.modal-image-viewer-arrow-container{ | |
background:linear-gradient(to right, #000, rgba(0, 0, 0, 0) 75%); | |
color:rgba(255, 255, 255, 0.6); | |
display:block; | |
height:100%; | |
left:-25%; | |
position:absolute; | |
top:0; | |
width:50%; | |
} | |
.modal-image-viewer-arrow-container:hover{ | |
color:#fff; | |
} | |
.modal-image-viewer-arrow-container .arrow{ | |
left:50%; | |
position:absolute; | |
top:50%; | |
} | |
.modal-image-viewer-arrow-container.forward{ | |
background:linear-gradient(to left, #000, rgba(0, 0, 0, 0) 75%); | |
left:auto; | |
right:-25%; | |
} | |
.modal-image-viewer-arrow-container.forward .arrow{ | |
left:auto; | |
right:50%; | |
} | |
@media (max-width: 767px){ | |
.modal-close{ | |
display:none; | |
} | |
} | |
@media (min-width: 480px){ | |
.modal-image-viewer{ | |
max-height:80%; | |
max-width:80%; | |
min-width:350px; | |
width:auto; | |
} | |
.modal-image-viewer-arrow-container{ | |
background:none; | |
} | |
.modal-image-viewer-arrow-container .arrow{ | |
left:auto; | |
right:calc(50% + 24px); | |
} | |
.modal-image-viewer-arrow-container.forward{ | |
background:none; | |
} | |
.modal-image-viewer-arrow-container.forward .arrow{ | |
left:calc(50% + 24px); | |
right:auto; | |
} | |
} | |
@media (min-width: 768px){ | |
.modal-image-viewer{ | |
min-width:450px; | |
} | |
.modal-image-viewer-arrow-container .arrow{ | |
right:calc(50% + 24px); | |
} | |
.modal-image-viewer-arrow-container.forward .arrow{ | |
left:calc(50% + 24px); | |
} | |
} | |
@media (min-width: 992px){ | |
.modal-image-viewer{ | |
min-width:500px; | |
} | |
.modal-image-viewer-arrow-container .arrow{ | |
right:calc(50% + 24px); | |
} | |
.modal-image-viewer-arrow-container.forward .arrow{ | |
left:calc(50% + 24px); | |
} | |
} | |
@media (min-width: 1400px){ | |
.modal-image-viewer{ | |
min-width:550px; | |
} | |
.modal-image-viewer-arrow-container .arrow{ | |
right:calc(50% + 32px); | |
} | |
.modal-image-viewer-arrow-container.forward .arrow{ | |
left:calc(50% + 32px); | |
} | |
} | |
.modal.modal-install-package-advanced-view .multiple-form-modal-body{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.modal.modal-install-package-advanced-view .modal-body-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-preferred-size:677px; | |
flex-basis:677px; | |
max-height:none; | |
} | |
.modal.modal-install-package-advanced-view .modal-body-wrapper .multiple-form-modal-body{ | |
display:block; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-tab-form-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
height:100%; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header{ | |
min-height:1px; | |
position:relative; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header,.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .tab-form-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .modal-header{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .multiple-form{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
height:auto; | |
min-height:1px; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .multiple-form-left-column, | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .multiple-form-right-column{ | |
height:auto; | |
min-height:1px; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .multiple-form-left-column{ | |
-ms-flex:1 1 33%; | |
flex:1 1 33%; | |
} | |
.modal.modal-install-package-advanced-view .modal-install-package-body-and-header .multiple-form-right-column{ | |
-ms-flex:1 1 67%; | |
flex:1 1 67%; | |
} | |
.modal.modal-install-package-advanced-view .modal-footer{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.modal.modal-install-package-advanced-view .review-config{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.modal.modal-install-package-advanced-view .review-config .configuration-map-section:last-child{ | |
margin-bottom:0; | |
} | |
.modal--install-package__review__wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
min-height:1px; | |
} | |
.server-error-modal{ | |
z-index:1001; | |
} | |
.lb-port-input-field-disabled{ | |
border:0; | |
padding-left:0; | |
padding-right:0; | |
} | |
.horizontal-center .form-element-inline{ | |
border-radius:0; | |
} | |
.horizontal-center .form-element-inline .form-element-inline-text,.horizontal-center .form-element-inline .form-element-inline-icon{ | |
-ms-flex:none; | |
flex:none; | |
} | |
.horizontal-center .form-row-read .form-element-inline-text{ | |
margin-left:28px; | |
} | |
.permission-form .modal-body-wrapper{ | |
-ms-flex-preferred-size:325px; | |
flex-basis:325px; | |
max-height:325px; | |
} | |
.multiple-form-modal .modal-body-wrapper{ | |
-ms-flex-preferred-size:462px; | |
flex-basis:462px; | |
max-height:462px; | |
} | |
.multiple-form-modal .modal-body-wrapper .multiple-form-modal-body{ | |
height:100%; | |
position:absolute; | |
width:100%; | |
} | |
.multiple-form-modal .modal-body-wrapper .tab-form-wrapper, | |
.multiple-form-modal .modal-body-wrapper .multiple-form{ | |
height:100%; | |
} | |
.multiple-form-modal .button-collection{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.multiple-form-modal .button-collection .button:first-child{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
} | |
.multiple-form-modal .button-collection .button:last-child{ | |
-ms-flex-item-align:end; | |
align-self:flex-end; | |
} | |
.multiple-form-modal .button-collection:after, | |
.multiple-form-modal .button-collection:before{ | |
display:none; | |
} | |
.multiple-form-modal .multiple-form{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.multiple-form-modal .multiple-form .form-row-element{ | |
padding-bottom:16px; | |
} | |
.multiple-form-modal .multiple-form .form-row-element.hidden-form-element{ | |
display:none; | |
} | |
.multiple-form-modal .multiple-form .duplicable-row-title-wrapper .form-row-element-mixed-label-presence{ | |
padding:0; | |
} | |
.multiple-form-modal .multiple-form .media-object-item{ | |
padding-bottom:0; | |
} | |
.multiple-form-modal .multiple-form .multiple-form-left-column{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
height:auto; | |
max-height:300px; | |
overflow:auto; | |
padding-right:0; | |
} | |
.multiple-form-modal .multiple-form .multiple-form-left-column:first-child{ | |
border-bottom:1px solid #d1d2d4; | |
} | |
.multiple-form-modal .multiple-form .multiple-form-right-column{ | |
-ms-flex:1 1; | |
flex:1 1; | |
padding-left:0; | |
} | |
.multiple-form-modal .multiple-form .form-row-element-mixed-label-presence{ | |
line-height:36px; | |
padding-top:calc(16px + 4px); | |
} | |
.multiple-form-modal .multiple-form .form-row-element-mixed-label-presence.form-row-element{ | |
margin-bottom:0; | |
padding-bottom:0; | |
} | |
.multiple-form-modal .form-header{ | |
color:#1b2029; | |
} | |
.multiple-form-modal form{ | |
margin-bottom:24px; | |
} | |
.multiple-form-modal form:last-child{ | |
margin-bottom:0; | |
} | |
.multiple-form-modal form .icon.icon-error{ | |
opacity:0.5; | |
transform:rotate(180deg); | |
} | |
.multiple-form-modal form .icon.icon-error:hover{ | |
opacity:1; | |
} | |
.multiple-form-modal form .checkbox .form-group label{ | |
padding-left:0; | |
} | |
.multiple-form-modal dl{ | |
margin:0; | |
margin-bottom:9.6px; | |
} | |
.multiple-form-modal .form-panel{ | |
padding:24px; | |
} | |
.multiple-form-modal .form-panel > .form > .healthChecks{ | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.multiple-form-modal .form-panel > .form > .healthChecks .form-row-element{ | |
padding-left:0; | |
padding-right:0; | |
width:auto; | |
} | |
.multiple-form-modal .row{ | |
margin-left:-6px; | |
margin-right:-6px; | |
} | |
.multiple-form-modal .row:last-child .form-row-element{ | |
padding-bottom:0; | |
} | |
.multiple-form-modal [class*='column-']{ | |
padding-left:6px; | |
padding-right:6px; | |
} | |
.duplicable-row-title-wrapper{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.duplicable-row-title-wrapper .duplicable-row-title-container{ | |
-ms-flex-item-align:center; | |
align-self:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-positive:1; | |
flex-grow:1; | |
} | |
.duplicable-row-title-wrapper .duplicable-row-title-container .duplicable-row-title{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
color:#1b2029; | |
font-size:16.8px; | |
} | |
.modal-form .disabled{ | |
opacity:0.5; | |
} | |
.modal-form .disabled .toggle-button:checked + span:before{ | |
background-color:#1b2029; | |
border-color:#1b2029; | |
} | |
.modal-form .warning-field{ | |
background:#fbbf69; | |
border-bottom:#f9a328 1px solid; | |
padding:12px 24px; | |
} | |
.modal-form label{ | |
line-height:16px; | |
white-space:nowrap; | |
} | |
.modal-form label svg{ | |
display:block; | |
} | |
.modal-form .modal-header .header-flex{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-wrap:wrap-reverse; | |
flex-wrap:wrap-reverse; | |
width:100%; | |
} | |
.modal-form .modal-header .header-flex .header-left, | |
.modal-form .modal-header .header-flex .header-right{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
max-width:100%; | |
width:auto; | |
} | |
.modal-form .modal-header .header-flex .header-right{ | |
margin-left:auto; | |
padding-right:0; | |
} | |
.modal-form .modal-header .header-full-width{ | |
margin:24px -24px -24px; | |
} | |
.modal-form .modal-form-title-label{ | |
color:currentColor; | |
font-weight:300; | |
} | |
@media (min-width: 480px){ | |
.multiple-form-modal .modal-header .header-full-width{ | |
margin:24px -24px -24px; | |
} | |
.multiple-form-modal .form-panel{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.multiple-form-modal .multiple-form{ | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.multiple-form-modal .multiple-form .multiple-form-left-column{ | |
box-shadow:inset -1px 0 #e8e9ea; | |
height:100%; | |
max-height:100%; | |
width:33%; | |
} | |
.multiple-form-modal .multiple-form .multiple-form-left-column:first-child{ | |
border-bottom:none; | |
} | |
.multiple-form-modal .multiple-form .multiple-form-right-column{ | |
width:67%; | |
} | |
.multiple-form-modal .multiple-form .form-row-element-mixed-label-presence{ | |
padding-top:calc(16px + null); | |
} | |
.multiple-form-modal .modal-header .header-full-width{ | |
margin:24px -24px -24px; | |
} | |
.multiple-form-modal .form-panel{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.multiple-form-modal .multiple-form .form-row-element-mixed-label-presence{ | |
padding-top:calc(16px + null); | |
} | |
.multiple-form-modal .modal-header .header-full-width{ | |
margin:24px -24px -24px; | |
} | |
.multiple-form-modal .form-panel{ | |
padding:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.multiple-form-modal .modal-header .header-full-width{ | |
margin:24px -24px -24px; | |
} | |
.multiple-form-modal .form-panel{ | |
padding:24px; | |
} | |
} | |
table > tbody > tr > td.nested-service-link-container{ | |
padding-bottom:12px; | |
padding-top:12px; | |
} | |
table > tbody > tr > td .service-link.inverse a{ | |
color:#5f6369; | |
} | |
table > tbody > tr > td .service-link.inverse a:hover{ | |
color:#a4a6a9; | |
} | |
.nested-service-links .table-cell-value{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
@media (min-width: 480px){ | |
table > tbody > tr > td.nested-service-link-container{ | |
padding-bottom:12px; | |
padding-top:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
table > tbody > tr > td.nested-service-link-container{ | |
padding-bottom:12px; | |
padding-top:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
table > tbody > tr > td.nested-service-link-container{ | |
padding-bottom:12px; | |
padding-top:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
table > tbody > tr > td.nested-service-link-container{ | |
padding-bottom:16px; | |
padding-top:16px; | |
} | |
} | |
.nodes-grid{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
position:relative; | |
} | |
.nodes-grid .nodes-grid-legend{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:0 0 200px; | |
flex:0 0 200px; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
margin-right:18px; | |
} | |
.nodes-grid .nodes-grid-legend.disabled .nodes-grid-service-list{ | |
opacity:0.5; | |
} | |
.nodes-grid .nodes-grid-legend .nodes-grid-service-list{ | |
color:#fff; | |
transition:opacity 0.5s; | |
} | |
.nodes-grid .nodes-grid-legend .nodes-grid-service-list > li{ | |
line-height:18px; | |
} | |
.nodes-grid .nodes-grid-legend .dot{ | |
background-color:#1b2029; | |
display:inline-block; | |
margin-right:8px; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-0{ | |
background-color:#7d58ff; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-1{ | |
background-color:#f9a328; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-2{ | |
background-color:#eb293a; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-3{ | |
background-color:#157ff2; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-4{ | |
background-color:#14c684; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-5{ | |
background-color:#f56753; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-6{ | |
background-color:#ff007d; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-7{ | |
background-color:#20d5ff; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-8{ | |
background-color:#db7f67; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-9{ | |
background-color:#dbbea1; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-10{ | |
background-color:#a37b73; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-11{ | |
background-color:#3f292b; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-12{ | |
background-color:#d34f73; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-13{ | |
background-color:#484041; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-14{ | |
background-color:#434371; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-15{ | |
background-color:#79aea3; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-16{ | |
background-color:#70ee9c; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-17{ | |
background-color:#b5f44a; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-18{ | |
background-color:#ad343e; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-19{ | |
background-color:#474747; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-20{ | |
background-color:#f2af29; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-21{ | |
background-color:#e0e0ce; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-22{ | |
background-color:#fcaa67; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-23{ | |
background-color:#b0413e; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-24{ | |
background-color:#ffffc7; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-25{ | |
background-color:#548687; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-26{ | |
background-color:#473335; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-27{ | |
background-color:#484041; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-28{ | |
background-color:#434371; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-29{ | |
background-color:#79aea3; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-30{ | |
background-color:#70ee9c; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-31{ | |
background-color:#b5f44a; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-32{ | |
background-color:#76797f; | |
} | |
.nodes-grid .nodes-grid-legend .dot.service-color-unused{ | |
background-color:#262b34; | |
} | |
.nodes-grid .nodes-grid-dials{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
@media (min-width: 480px){ | |
.nodes-grid .nodes-grid-legend{ | |
margin-right:18px; | |
} | |
.nodes-grid .nodes-grid-legend .nodes-grid-service-list > li{ | |
line-height:18px; | |
} | |
} | |
@media (min-width: 768px){ | |
.nodes-grid .nodes-grid-legend{ | |
margin-right:18px; | |
} | |
.nodes-grid .nodes-grid-legend .nodes-grid-service-list > li{ | |
line-height:18px; | |
} | |
} | |
@media (min-width: 992px){ | |
.nodes-grid .nodes-grid-legend{ | |
margin-right:18px; | |
} | |
.nodes-grid .nodes-grid-legend .nodes-grid-service-list > li{ | |
line-height:18px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.nodes-grid .nodes-grid-legend{ | |
margin-right:24px; | |
} | |
.nodes-grid .nodes-grid-legend .nodes-grid-service-list > li{ | |
line-height:24px; | |
} | |
} | |
.nodes-table col.node-table--col-health{ | |
width:150px; | |
} | |
.nodes-table col.node-table--col-tasks{ | |
width:90px; | |
} | |
.panel-header, | |
.panel-footer{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.panel-header .panel-options.button-group{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.panel-header .panel-options.button-group .button{ | |
-ms-flex:1 0 auto; | |
flex:1 0 auto; | |
} | |
.panel-content{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.panel-content,.panel-grid{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.panel-grid{ | |
-ms-flex-line-pack:stretch; | |
align-content:stretch; | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-wrap:wrap; | |
flex-wrap:wrap; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
margin-bottom:-24px; | |
} | |
.panel-grid .panel-grid-item{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
float:none; | |
} | |
.panel-grid .panel-grid-item .panel{ | |
-ms-flex:1; | |
flex:1; | |
} | |
.panel-grid .panel{ | |
margin-bottom:24px; | |
} | |
.panel-grid.row:after, | |
.panel-grid.row:before{ | |
display:none; | |
} | |
.panel-interactive:hover{ | |
box-shadow:0 0 0 2px #7d58ff; | |
} | |
@media (min-width: 480px){ | |
.panel-header .panel-options.button-group .button{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.panel-grid{ | |
margin-bottom:-24px; | |
} | |
.panel-grid .panel{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.panel-grid{ | |
margin-bottom:-24px; | |
} | |
.panel-grid .panel{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.panel-header .panel-options{ | |
left:24px; | |
position:absolute; | |
top:24px; | |
} | |
.panel-grid{ | |
margin-bottom:-24px; | |
} | |
.panel-grid .panel{ | |
margin-bottom:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.panel-header .panel-options{ | |
left:32px; | |
top:32px; | |
} | |
.panel-grid{ | |
margin-bottom:-32px; | |
} | |
.panel-grid .panel{ | |
margin-bottom:32px; | |
} | |
} | |
.panel-collapsing .panel-cell-header{ | |
position:relative; | |
} | |
.panel-collapsing .panel-cell-header .icon{ | |
position:absolute; | |
right:24px; | |
top:50%; | |
transform:translateY(-50%); | |
} | |
@media (min-width: 480px){ | |
.panel-collapsing .panel-cell-header .icon{ | |
right:24px; | |
} | |
} | |
@media (min-width: 768px){ | |
.panel-collapsing .panel-cell-header .icon{ | |
right:24px; | |
} | |
} | |
@media (min-width: 992px){ | |
.panel-collapsing .panel-cell-header .icon{ | |
right:24px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.panel-collapsing .panel-cell-header .icon{ | |
right:24px; | |
} | |
} | |
.secret-value .secret-toggle{ | |
margin-left:12px; | |
} | |
@media (min-width: 480px){ | |
.secret-value .secret-toggle{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 768px){ | |
.secret-value .secret-toggle{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.secret-value .secret-toggle{ | |
margin-left:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.secret-value .secret-toggle{ | |
margin-left:16px; | |
} | |
} | |
.sidebar-filters .sidebar-filters-header{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-pack:justify; | |
justify-content:space-between; | |
} | |
.sidebar-filters .sidebar-filters-header-title{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.sidebar-filters .sidebar-filters-header-clear{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
text-transform:none; | |
} | |
.sidebar-filters .filter-inactive .form-element-checkbox-label{ | |
opacity:0.5; | |
} | |
.sidebar-filters .form-element-checkbox{ | |
cursor:pointer; | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.sidebar-filters .form-element-checkbox:hover{ | |
color:#1b2029; | |
} | |
.sidebar-filters .form-element-checkbox .form-element-checkbox-decoy{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.sidebar-filters .form-element-checkbox .form-element-checkbox-label{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.sidebar-filters .dropdown.dropdown-wide .dropdown-menu{ | |
max-width:500px; | |
width:100%; | |
} | |
.sidebar-filters .dropdown.dropdown-wide .dropdown-menu .text-overflow{ | |
max-width:none; | |
} | |
.sidebar-filters .label-pill .pill-wrap{ | |
padding:0 24px 0 6px; | |
} | |
.sidebar-filters .label-pill .remove-filter{ | |
background-color:transparent; | |
position:absolute; | |
right:0; | |
z-index:2; | |
} | |
.sidebar-filters .label-pill .remove-filter:hover{ | |
color:#1b2029; | |
text-decoration:none; | |
} | |
@media (min-width: 480px){ | |
.label-pill .pill-wrap{ | |
padding:0 24px 0 6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.label-pill .pill-wrap{ | |
padding:0 24px 0 6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.label-pill .pill-wrap{ | |
padding:0 24px 0 6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.label-pill .pill-wrap{ | |
padding:0 32px 0 8px; | |
} | |
} | |
.table .service-table-column-actions{ | |
text-align:right; | |
} | |
.service-table{ | |
table-layout:fixed; | |
} | |
.service-table-column-cpus, | |
.service-table-column-gpus, | |
.service-table-column-mem, | |
.service-table-column-disk{ | |
display:none; | |
} | |
td.service-table-column-cpus, | |
td.service-table-column-gpus, | |
td.service-table-column-mem, | |
td.service-table-column-disk, | |
th.service-table-column-cpus, | |
th.service-table-column-gpus, | |
th.service-table-column-mem, | |
th.service-table-column-disk{ | |
text-align:right; | |
} | |
.service-table-column-mem, | |
.service-table-column-disk{ | |
width:70px; | |
} | |
.service-table-column-name{ | |
width:180px; | |
} | |
.service-table-column-status,.service-table-column-instances{ | |
width:115px; | |
} | |
td.service-table-column-instances, | |
th.service-table-column-instances{ | |
text-align:center; | |
} | |
.service-table-column-cpus, | |
.service-table-column-gpus{ | |
width:65px; | |
} | |
.service-table-column-actions{ | |
width:40px; | |
} | |
.service-table .service-status-icon-wrapper{ | |
width:110px; | |
} | |
.service-table .service-status-progressbar-wrapper{ | |
margin-left:30px; | |
} | |
.service-table .status-bar-text{ | |
margin-left:7px; | |
white-space:nowrap; | |
} | |
.status-waiting-indicator{ | |
margin-left:6px; | |
} | |
@media (min-width: 480px){ | |
.service-table .status-bar-indicator{ | |
display:none; | |
} | |
.service-table-column-name{ | |
width:73px; | |
} | |
.service-table-column-instances{ | |
width:93px; | |
} | |
.service-table-column-cpus, | |
.service-table-column-gpus, | |
.service-table-column-mem, | |
.service-table-column-disk{ | |
width:60px; | |
} | |
.service-table-column-status{ | |
width:100px; | |
} | |
.service-table-column-actions{ | |
width:30px; | |
} | |
.status-waiting-indicator{ | |
margin-left:6px; | |
} | |
} | |
@media (max-width: 991px){ | |
.service-status-progressbar-wrapper{ | |
display:none; | |
} | |
} | |
@media (min-width: 768px){ | |
.service-table-column-cpus, | |
.service-table-column-gpus, | |
.service-table-column-mem, | |
.service-table-column-disk{ | |
display:table-cell; | |
} | |
col.service-table-column-cpus, | |
col.service-table-column-gpus, | |
col.service-table-column-mem, | |
col.service-table-column-disk{ | |
display:table-column; | |
} | |
.service-table-column-status{ | |
width:70px; | |
} | |
.service-table-column-actions{ | |
width:20px; | |
} | |
.service-table .status-bar-wrapper{ | |
white-space:nowrap; | |
} | |
.status-waiting-indicator{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.service-table .status-bar-indicator{ | |
display:inline; | |
} | |
.service-table-column-name{ | |
max-width:55px; | |
} | |
.service-table-column-instances{ | |
width:45px; | |
} | |
.service-table-column-cpus, | |
.service-table-column-gpus, | |
.service-table-column-mem, | |
.service-table-column-disk{ | |
width:40px; | |
} | |
.service-table-column-status{ | |
width:78px; | |
} | |
.service-table-column-actions{ | |
width:30px; | |
} | |
.service-table .service-status-progressbar-wrapper{ | |
margin-left:5px; | |
} | |
.status-waiting-indicator{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.service-table-column-name{ | |
width:180px; | |
} | |
.service-table-column-status{ | |
width:115px; | |
} | |
.service-table-column-instances{ | |
width:60px; | |
} | |
.service-table .service-status-progressbar-wrapper{ | |
display:inline-block; | |
} | |
.status-waiting-indicator{ | |
margin-left:8px; | |
} | |
} | |
.endpoint-download, | |
.endpoint-download:hover{ | |
text-decoration:none; | |
} | |
.endpoint-download-icon{ | |
margin-right:14px; | |
} | |
.endpoint-sdk-deploying{ | |
text-align:center; | |
} | |
.side-list{ | |
width:100%; | |
} | |
.side-list .side-list-item{ | |
padding-bottom:6px; | |
} | |
.multiple-form-modal-sidebar-tabs{ | |
padding-top:12px; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu.is-hidden{ | |
display:none; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item{ | |
color:#8d9094; | |
display:block; | |
font-size:1.125rem; | |
margin-bottom:3.6px; | |
padding:7.2px 36px 7.2px 24px; | |
position:relative; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item:hover{ | |
color:#5f6369; | |
text-decoration:none; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item:active{ | |
color:#8d9094; | |
text-decoration:none; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item.has-errors{ | |
background-color:#fdeaeb; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item:after{ | |
bottom:0; | |
content:''; | |
height:1px; | |
left:24px; | |
position:absolute; | |
right:24px; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item:last-child:after{ | |
display:none; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item.multiple-form-modal-sidebar-collapsed-header{ | |
color:#7d58ff; | |
} | |
@media (min-width: 768px){ | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu.is-hidden{ | |
display:block; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item.multiple-form-modal-sidebar-collapsed-header{ | |
display:none; | |
} | |
.multiple-form-modal-sidebar-tabs .multiple-form-modal-sidebar-menu-item.selected{ | |
border-right:3px solid #7d58ff; | |
color:#7d58ff; | |
} | |
} | |
.staged{ | |
animation:candy-stripe 1s linear infinite; | |
background-image:linear-gradient(-45deg, #e8e9ea 0, #e8e9ea 25%, #d1d2d4 25%, #d1d2d4 50%, #e8e9ea 50%, #e8e9ea 75%, #d1d2d4 75%, #d1d2d4 100%); | |
background-size:16px 16px; | |
} | |
@keyframes candy-stripe{ | |
0%{ | |
background-position:0 0; | |
} | |
100%{ | |
background-position:16px 0; | |
} | |
} | |
.status-bar-with-label-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-ms-flex-pack:end; | |
justify-content:flex-end; | |
} | |
.status-bar-with-label-wrapper > .label{ | |
box-sizing:content-box; | |
margin-bottom:0; | |
padding-left:12px; | |
width:3rem; | |
} | |
.status-bar{ | |
backface-visibility:hidden; | |
background-color:#e8e9ea; | |
border-radius:1000px; | |
color:#e8e9ea; | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
height:4px; | |
line-height:4px; | |
overflow:hidden; | |
text-align:left; | |
width:48px; | |
} | |
.status-bar.staged{ | |
animation:candy-stripe 1s linear infinite; | |
background-image:linear-gradient(-45deg, #e8e9ea 0, #e8e9ea 25%, #d1d2d4 25%, #d1d2d4 50%, #e8e9ea 50%, #e8e9ea 75%, #d1d2d4 75%, #d1d2d4 100%); | |
background-size:16px 16px; | |
} | |
.status-bar .bar{ | |
background-color:currentColor; | |
box-shadow:1px 0 0 0 #fff; | |
display:inline-block; | |
height:100%; | |
transition:width 600ms; | |
width:100%; | |
} | |
.status-bar .bar.color-1{ | |
background-color:#7d58ff; | |
} | |
.status-bar .bar.color-2{ | |
background-color:#ff007d; | |
} | |
.status-bar .bar.color-3{ | |
background-color:#157ff2; | |
} | |
.status-bar .bar.staged{ | |
animation:candy-stripe 1s linear infinite; | |
background-image:linear-gradient(-45deg, #e8e9ea 0, #e8e9ea 25%, #d1d2d4 25%, #d1d2d4 50%, #e8e9ea 50%, #e8e9ea 75%, #d1d2d4 75%, #d1d2d4 100%); | |
background-size:16px 16px; | |
} | |
.status-bar .bar.primary{ | |
background-color:#7d58ff; | |
} | |
.status-bar .bar.color-4, | |
.status-bar .bar.success{ | |
background-color:#14c684; | |
} | |
.status-bar .bar.color-5, | |
.status-bar .bar.danger{ | |
background-color:#eb293a; | |
} | |
.status-bar .bar.color-6, | |
.status-bar .bar.warning{ | |
background-color:#f9a328; | |
} | |
.status-bar .bar.disabled{ | |
background-color:#adafb4; | |
} | |
.status-bar .bar.over-capacity{ | |
animation:candy-stripe 1s linear infinite; | |
background-image:linear-gradient(-45deg, #109e6a 0, #109e6a 25%, #14c684 25%, #14c684 50%, #109e6a 50%, #109e6a 75%, #14c684 75%, #14c684 100%); | |
background-size:16px 16px; | |
} | |
.status-bar--large{ | |
height:6px; | |
line-height:6px; | |
} | |
@media (min-width: 480px){ | |
.status-bar--large{ | |
width:96px; | |
} | |
} | |
.dot{ | |
background-color:#e8e9ea; | |
border-radius:100%; | |
height:8px; | |
width:8px; | |
} | |
.dot.danger{ | |
background-color:#eb293a; | |
} | |
.dot.healthy{ | |
background-color:#14c684; | |
} | |
.dot.inactive{ | |
background-color:transparent; | |
border:1px solid currentColor; | |
} | |
.dot.over-capacity{ | |
background-image:linear-gradient(-45deg, #109e6a 0, #109e6a 25%, #14c684 25%, #14c684 50%, #109e6a 50%, #109e6a 75%, #14c684 75%, #14c684 100%); | |
} | |
.dot.over-capacity,.dot.staged{ | |
animation:candy-stripe 1s linear infinite; | |
background-size:16px 16px; | |
} | |
.dot.staged{ | |
background-image:linear-gradient(-45deg, #e8e9ea 0, #e8e9ea 25%, #d1d2d4 25%, #d1d2d4 50%, #e8e9ea 50%, #e8e9ea 75%, #d1d2d4 75%, #d1d2d4 100%); | |
} | |
.dot.success{ | |
background-color:#14c684; | |
} | |
.dot.unhealthy{ | |
background-color:#eb293a; | |
} | |
.dot.unknown{ | |
background-color:#2f3848; | |
} | |
.table .dot{ | |
display:inline-block; | |
margin-right:6px; | |
} | |
@media (min-width: 480px){ | |
.dot{ | |
height:9px; | |
width:9px; | |
} | |
.table .dot{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.dot{ | |
height:10px; | |
width:10px; | |
} | |
.table .dot{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.dot{ | |
height:11px; | |
width:11px; | |
} | |
.table .dot{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.dot{ | |
height:12px; | |
width:12px; | |
} | |
.table .dot{ | |
margin-right:8px; | |
} | |
} | |
.task-table-column-zone-address, | |
.task-table-column-host-address, | |
.task-table-column-cpus, | |
.task-table-column-gpus, | |
.task-table-column-mem, | |
.task-table-column-name, | |
.task-table-column-updated, | |
.task-table-column-version{ | |
display:none; | |
} | |
.task-table-column-checkbox{ | |
width:30px; | |
} | |
.task-table-column-primary{ | |
width:auto; | |
} | |
.task-table-column-name{ | |
width:80px; | |
} | |
.task-table-column-host-address{ | |
width:120px; | |
} | |
.task-table-column-zone-address,.task-table-column-region-address{ | |
width:160px; | |
} | |
.task-table-column-status{ | |
width:90px; | |
} | |
.task-table-column-health{ | |
width:70px; | |
} | |
.task-table-column-logs{ | |
width:32px; | |
} | |
.task-table-column-cpus, | |
.task-table-column-gpus{ | |
width:65px; | |
} | |
.task-table-column-mem{ | |
width:80px; | |
} | |
.task-table-column-updated{ | |
width:130px; | |
} | |
.task-table-column-version{ | |
overflow-wrap:break-word; | |
width:175px; | |
word-wrap:break-word; | |
} | |
td.task-table-column-cpus, | |
td.task-table-column-gpus, | |
td.task-table-column-mem, | |
th.task-table-column-cpus, | |
th.task-table-column-gpus, | |
th.task-table-column-mem{ | |
text-align:right; | |
} | |
@media (min-width: 480px){ | |
.task-table-column-name{ | |
display:table-cell; | |
} | |
col.task-table-column-name{ | |
display:table-column; | |
} | |
} | |
@media (min-width: 768px){ | |
.task-table-column-region-address{ | |
display:table-cell; | |
} | |
col.task-table-column-region-address{ | |
display:table-column; | |
} | |
} | |
@media (min-width: 992px){ | |
.task-table-column-zone-address, | |
.task-table-column-host-address, | |
.task-table-column-cpus, | |
.task-table-column-gpus, | |
.task-table-column-mem{ | |
display:table-cell; | |
} | |
col.task-table-column-zone-address, | |
col.task-table-column-host-address, | |
col.task-table-column-cpus, | |
col.task-table-column-gpus, | |
col.task-table-column-mem{ | |
display:table-column; | |
} | |
.task-table-column-name{ | |
width:120px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.task-table-column-updated, | |
.task-table-column-version{ | |
display:table-cell; | |
} | |
col.task-table-column-updated, | |
col.task-table-column-version{ | |
display:table-column; | |
} | |
} | |
.toggle-button{ | |
display:none; | |
} | |
.toggle-button + span{ | |
cursor:pointer; | |
padding-right:36px; | |
position:relative; | |
transition:color 0.5s; | |
} | |
.toggle-button + span:before{ | |
border:1px solid rgba(0, 0, 0, 0.2); | |
border-radius:16px; | |
content:''; | |
display:block; | |
height:16px; | |
position:absolute; | |
right:0; | |
top:0; | |
transition:border-color 0.5s, background-color 0.5s; | |
width:24px; | |
} | |
.toggle-button + span:after{ | |
background-color:#fff; | |
border-radius:16px; | |
box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); | |
content:''; | |
display:block; | |
height:14px; | |
position:absolute; | |
right:1px; | |
top:1px; | |
transform:translateX(-8px); | |
transition:transform 0.5s; | |
width:14px; | |
} | |
.toggle-button:checked + span:before{ | |
background-color:#14c684; | |
border-color:#14c684; | |
} | |
.toggle-button:checked + span:after{ | |
transform:translateX(0); | |
} | |
.toggle-button.toggle-button-align-left + span{ | |
padding-left:36px; | |
} | |
.toggle-button.toggle-button-align-left + span:before{ | |
left:0; | |
right:auto; | |
} | |
.toggle-button.toggle-button-align-left + span:after{ | |
left:9px; | |
right:auto; | |
} | |
@media (min-width: 480px){ | |
.toggle-button + span,.toggle-button.toggle-button-align-left + span{ | |
padding-right:36px; | |
} | |
} | |
@media (min-width: 768px){ | |
.toggle-button + span{ | |
padding-right:36px; | |
} | |
.toggle-button.toggle-button-align-left + span{ | |
padding-left:36px; | |
} | |
} | |
@media (min-width: 992px){ | |
.toggle-button + span{ | |
padding-right:36px; | |
} | |
.toggle-button.toggle-button-align-left + span{ | |
padding-left:36px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.toggle-button + span{ | |
padding-right:40px; | |
} | |
.toggle-button.toggle-button-align-left + span{ | |
padding-left:40px; | |
} | |
} | |
.toggle-value{ | |
border-bottom:1px dashed #1b2029; | |
cursor:pointer; | |
padding-bottom:1px; | |
} | |
.tooltip{ | |
max-width:250px; | |
will-change:opacity, transform, visibility; | |
z-index:1002; | |
} | |
.tooltip .tooltip-content{ | |
background:#3a3c47; | |
border-radius:2px; | |
-moz-osx-font-smoothing:grayscale; | |
-webkit-font-smoothing:antialiased; | |
padding:0.8rem 1rem; | |
transition:translateZ(0); | |
} | |
.tooltip .tooltip-content,.tooltip .tooltip-content, | |
.tooltip .tooltip-content p{ | |
color:#fff; | |
font-size:0.9rem; | |
} | |
.tooltip .tooltip-content:after{ | |
border-color:#3a3c47; | |
} | |
.tooltip .tooltip-content .tooltip-line-item{ | |
padding-bottom:4px; | |
padding-top:4px; | |
} | |
@media (min-width: 480px){ | |
.tooltip .tooltip-content .tooltip-line-item{ | |
padding-bottom:4px; | |
padding-top:4px; | |
} | |
} | |
@media (min-width: 768px){ | |
.tooltip .tooltip-content .tooltip-line-item{ | |
padding-bottom:4px; | |
padding-top:4px; | |
} | |
} | |
@media (min-width: 992px){ | |
.tooltip .tooltip-content .tooltip-line-item{ | |
padding-bottom:4px; | |
padding-top:4px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.tooltip .tooltip-content .tooltip-line-item{ | |
padding-bottom:5.33333333px; | |
padding-top:5.33333333px; | |
} | |
} | |
.json-editor-help{ | |
position:absolute; | |
right:24px; | |
top:24px; | |
z-index:999; | |
} | |
.tree-list dd{ | |
-ms-flex-align:center; | |
align-items:center; | |
border-left:1px solid #e8e9ea; | |
display:-ms-flexbox; | |
display:flex; | |
margin-bottom:0; | |
margin-left:12px; | |
} | |
.tree-list dd:before{ | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
background:none; | |
border-bottom:1px solid #e8e9ea; | |
border-radius:0; | |
content:''; | |
display:inline-block; | |
-ms-flex-negative:0; | |
flex-shrink:0; | |
height:20px; | |
margin:0 0 12px; | |
position:static; | |
width:20px; | |
} | |
.tree-list dd:last-child{ | |
border-left:0; | |
} | |
.tree-list dd:last-child:before{ | |
border-left:1px solid #e8e9ea; | |
} | |
.form-control.form-control-group .typeahead .dropdown-menu{ | |
margin-left:calc(-16px - 8px - 18px - 1px); | |
margin-top:10px; | |
min-width:calc(100% + 16px + 8px + 36px + 2px); | |
position:absolute; | |
} | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-list li .highlight, | |
.form-control.form-control-group .typeahead .dropdown-menu .dropdown-menu-item-padding-surrogate .highlight{ | |
font-size:inherit; | |
line-height:inherit; | |
} | |
.form-control.form-control-group .typeahead.inverse .bootstrap-typeahead-input .bootstrap-typeahead-input-hint{ | |
color:#5f6369; | |
} | |
@media (min-width: 480px){ | |
.form-control-group.filter-input-text-group .typeahead .dropdown-menu{ | |
min-width:100px; | |
} | |
} | |
@media (min-width: 768px){ | |
.form-control-group.filter-input-text-group .typeahead .dropdown-menu{ | |
min-width:200px; | |
} | |
} | |
.user-account-dropdown{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.user-account-dropdown-list .dropdown-menu-items{ | |
padding-top:1rem; | |
} | |
.user-account-dropdown-button{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
height:auto; | |
-ms-flex-pack:start; | |
justify-content:flex-start; | |
min-width:0; | |
padding:12px; | |
} | |
.user-account-dropdown-button, | |
.user-account-dropdown-button:hover, | |
.user-account-dropdown-button:active, | |
.user-account-dropdown-button:focus{ | |
background:transparent; | |
border:none; | |
} | |
.user-account-dropdown-button .cluster-header{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
color:#fff; | |
display:-ms-flexbox !important; | |
display:flex !important; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
min-width:0; | |
overflow:hidden; | |
text-align:left; | |
} | |
.user-account-dropdown-button .cluster-header-primary{ | |
-ms-flex:0 1 auto; | |
flex:0 1 auto; | |
min-width:0; | |
overflow:hidden; | |
padding-right:6px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper{ | |
-ms-flex-align:center; | |
align-items:center; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper + .cluster-header-secondary{ | |
margin-top:3px; | |
} | |
.user-account-dropdown-button .cluster-header-secondary{ | |
font-size:0.75rem; | |
font-weight:400; | |
} | |
.user-account-dropdown-button .icon{ | |
fill:#fff; | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
transition:fill 0.2s, transform 0.2s; | |
} | |
.open .user-account-dropdown-button .icon{ | |
transform:rotate(180deg); | |
} | |
.user-account-dropdown-menu{ | |
margin-left:12px; | |
} | |
.user-account-dropdown-menu li:empty{ | |
display:none; | |
} | |
li.user-account-dropdown-menu-public-ip{ | |
padding:0; | |
} | |
.user-account-dropdown-menu-public-ip:hover .user-account-dropdown-menu-copy-text{ | |
visibility:visible; | |
} | |
.user-account-dropdown-menu-copy-text{ | |
color:#7d58ff; | |
display:inline-block; | |
margin-left:6px; | |
text-decoration:underline; | |
visibility:hidden; | |
} | |
@media (min-width: 480px){ | |
.user-account-dropdown-button{ | |
padding:12px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper{ | |
padding-right:6px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper + .cluster-header-secondary{ | |
margin-top:3px; | |
} | |
.user-account-dropdown-menu{ | |
margin-left:12px; | |
} | |
.user-account-dropdown-menu-copy-text{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.user-account-dropdown-button{ | |
padding:12px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper{ | |
padding-right:6px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper + .cluster-header-secondary{ | |
margin-top:3px; | |
} | |
.user-account-dropdown-menu{ | |
margin-left:12px; | |
} | |
.user-account-dropdown-menu-copy-text{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.user-account-dropdown-button{ | |
padding:12px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper{ | |
padding-right:6px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper + .cluster-header-secondary{ | |
margin-top:3px; | |
} | |
.user-account-dropdown-menu{ | |
margin-left:12px; | |
} | |
.user-account-dropdown-menu-copy-text{ | |
margin-left:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.user-account-dropdown-button{ | |
padding:16px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper{ | |
padding-right:8px; | |
} | |
.user-account-dropdown-button .cluster-header-primary-wrapper + .cluster-header-secondary{ | |
margin-top:4px; | |
} | |
.user-account-dropdown-menu{ | |
margin-left:16px; | |
} | |
.user-account-dropdown-menu-copy-text{ | |
margin-left:8px; | |
} | |
} | |
.framework-configuration-form fieldset{ | |
border:0; | |
margin:0; | |
padding:0; | |
} | |
.framework-configuration-form fieldset .error-detail{ | |
display:none; | |
} | |
.pre-install-notes.message.message-warning p{ | |
display:inline; | |
} | |
.pre-install-notes.message.message-warning a{ | |
color:inherit; | |
} | |
.framework-form-yaml-editor{ | |
border:1px solid #dadde2; | |
border-radius:4px; | |
width:100%; | |
} | |
.framework-form-yaml-editor .ace_scroller.ace_scroll-left{ | |
box-shadow:none; | |
} | |
.framework-form-yaml-editor .ace_gutter{ | |
z-index:0; | |
} | |
.create-service-modal-service-picker{ | |
-ms-flex-align:stretch; | |
align-items:stretch; | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.create-service-modal-service-picker-option{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
} | |
.create-service-modal-service-picker-option .panel-content{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.create-service-modal-form{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.create-service-modal-form-container{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 0 auto; | |
flex:1 0 auto; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
} | |
.create-service-modal-form__scrollbar-container{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 0 auto; | |
flex:1 0 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.create-service-modal-form__scrollbar-container > .gm-scrollbar-container > .gm-scroll-view, | |
.create-service-modal-form__scrollbar-container > .gm-prevented > .gm-scroll-view{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.create-service-modal-form .menu-tabbed-container{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
min-width:0; | |
} | |
.create-service-modal-form .menu-tabbed-vertical{ | |
display:none; | |
} | |
.create-service-modal-form .menu-tabbed-vertical:after{ | |
bottom:-36px; | |
height:auto; | |
top:-36px; | |
} | |
.create-service-modal-json-only{ | |
display:-ms-flexbox; | |
display:flex; | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
-ms-flex-direction:column; | |
flex-direction:column; | |
} | |
.create-service-modal-json-only-introduction{ | |
-ms-flex:0 0 auto; | |
flex:0 0 auto; | |
margin-bottom:12px; | |
} | |
.create-service-modal-json-only-editor{ | |
border-radius:4px; | |
overflow:hidden; | |
} | |
.create-service-modal-json-only-editor-container{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
height:100%; | |
position:relative; | |
} | |
.create-service-modal-json-only-editor-container .ace_editor{ | |
bottom:0; | |
left:0; | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
.artifacts-section{ | |
margin-top:18px; | |
} | |
@media (min-width: 480px){ | |
.create-service-modal-form-container .menu-tabbed-vertical:after{ | |
bottom:-36px; | |
top:-36px; | |
} | |
.create-service-modal-json-only-introduction{ | |
margin-bottom:12px; | |
} | |
.artifacts-section{ | |
margin-top:18px; | |
} | |
} | |
@media (min-width: 768px){ | |
.create-service-modal-form-container .menu-tabbed-vertical:after{ | |
bottom:-36px; | |
top:-36px; | |
} | |
.create-service-modal-form .menu-tabbed-vertical{ | |
display:block; | |
} | |
.create-service-modal-json-only-introduction{ | |
margin-bottom:12px; | |
} | |
.artifacts-section{ | |
margin-top:18px; | |
} | |
} | |
@media (min-width: 992px){ | |
.create-service-modal-form-container .menu-tabbed-vertical:after{ | |
bottom:-36px; | |
top:-36px; | |
} | |
.create-service-modal-json-only-introduction{ | |
margin-bottom:12px; | |
} | |
.artifacts-section{ | |
margin-top:18px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.create-service-modal-form-container .menu-tabbed-vertical:after{ | |
bottom:-48px; | |
top:-48px; | |
} | |
.create-service-modal-json-only-introduction{ | |
margin-bottom:16px; | |
} | |
.artifacts-section{ | |
margin-top:24px; | |
} | |
} | |
.dashboard-panel{ | |
height:280px; | |
min-height:280px; | |
} | |
.dashboard-panel .panel-content{ | |
-ms-flex-pack:center; | |
justify-content:center; | |
} | |
.dashboard-panel-chart .panel-content{ | |
display:-ms-flexbox; | |
display:flex; | |
} | |
.dashboard-panel-chart .panel-content .chart{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.dashboard-panel-chart-timeseries .chart-chart{ | |
margin-left:-6px; | |
} | |
@media (min-width: 480px){ | |
.dashboard-panel-chart-timeseries .chart-chart{ | |
margin-left:-6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.dashboard-panel{ | |
height:335px; | |
min-height:335px; | |
} | |
.dashboard-panel-chart-timeseries .chart-chart{ | |
margin-left:-6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.dashboard-panel-chart-timeseries .chart-chart{ | |
margin-left:-6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.dashboard-panel{ | |
height:400px; | |
min-height:400px; | |
} | |
.dashboard-panel-chart-timeseries .chart-chart{ | |
margin-left:-8px; | |
} | |
} | |
.layout-box.containers-fixed{ | |
margin:0 auto; | |
} | |
@media (min-width: 768px){ | |
.layout-box.containers-fixed, | |
.layout-box.containers-fixed .container{ | |
width:400px !important; | |
} | |
} | |
@media (min-width: 992px){ | |
.layout-box.containers-fixed, | |
.layout-box.containers-fixed .container{ | |
width:500px !important; | |
} | |
} | |
@media (min-width: 1400px){ | |
.layout-box.containers-fixed, | |
.layout-box.containers-fixed .container{ | |
width:680px !important; | |
} | |
} | |
.example-flex-container{ | |
margin-left:-12px; | |
margin-top:-12px; | |
position:relative; | |
} | |
.example-flex-item{ | |
-ms-flex-align:center; | |
align-items:center; | |
background:#9fc4ea; | |
color:#303b46; | |
display:-ms-flexbox; | |
display:flex; | |
font-weight:600; | |
height:50; | |
-ms-flex-pack:center; | |
justify-content:center; | |
margin-left:12px; | |
margin-top:12px; | |
} | |
.example-flex-direction .example-flex-item{ | |
height:50; | |
} | |
.example-flex-direction .example-flex-item-1{ | |
width:15%; | |
} | |
.example-flex-direction .example-flex-item-2{ | |
width:30%; | |
} | |
.example-flex-direction .example-flex-item-3{ | |
width:10%; | |
} | |
.example-flex-direction .example-flex-item-4{ | |
width:15%; | |
} | |
.example-flex-wrap-items .example-flex-item-1{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
} | |
.example-flex-wrap-items .example-flex-item-2{ | |
-ms-flex-preferred-size:30%; | |
flex-basis:30%; | |
} | |
.example-flex-wrap-items .example-flex-item-3{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
} | |
.example-flex-wrap-items .example-flex-item-4{ | |
-ms-flex-preferred-size:40%; | |
flex-basis:40%; | |
} | |
.example-flex-wrap-items .example-flex-item-5{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
} | |
.example-flex-align-items .example-flex-item-1{ | |
height:50; | |
width:15%; | |
} | |
.example-flex-align-items .example-flex-item-2{ | |
height:90; | |
width:15%; | |
} | |
.example-flex-align-items .example-flex-item-3{ | |
height:30; | |
width:15%; | |
} | |
.example-flex-align-items .example-flex-item-4{ | |
height:50; | |
width:15%; | |
} | |
.example-flex-align-content{ | |
height:180; | |
} | |
.example-flex-align-content .example-flex-item-1{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
} | |
.example-flex-align-content .example-flex-item-2{ | |
-ms-flex-preferred-size:30%; | |
flex-basis:30%; | |
} | |
.example-flex-align-content .example-flex-item-3{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
} | |
.example-flex-align-content .example-flex-item-4{ | |
-ms-flex-preferred-size:40%; | |
flex-basis:40%; | |
} | |
.example-flex-align-content .example-flex-item-5{ | |
-ms-flex-preferred-size:20%; | |
flex-basis:20%; | |
} | |
.example-flex-item-align .example-flex-item-1{ | |
height:50; | |
width:15%; | |
} | |
.example-flex-item-align .example-flex-item-2{ | |
height:90; | |
width:15%; | |
} | |
.example-flex-item-align .example-flex-item-3{ | |
height:30; | |
width:15%; | |
} | |
.example-flex-item-align .example-flex-item-4{ | |
height:50; | |
width:15%; | |
} | |
.example-flex-item-order .example-flex-item{ | |
height:50; | |
} | |
.example-flex-item-order .example-flex-item-1{ | |
width:15%; | |
} | |
.example-flex-item-order .example-flex-item-2{ | |
width:30%; | |
} | |
.example-flex-item-order .example-flex-item-3{ | |
width:10%; | |
} | |
.example-flex-item-order .example-flex-item-4{ | |
width:15%; | |
} | |
.example-flex-item-basis .example-flex-item,.example-flex-responsive .example-flex-item{ | |
height:50; | |
} | |
@media (min-width: 480px){ | |
.example-flex-container{ | |
margin-left:-12px; | |
margin-top:-12px; | |
} | |
.example-flex-item{ | |
margin-left:12px; | |
margin-top:12px; | |
} | |
} | |
.example-flex-justify-items .example-flex-item{ | |
height:50; | |
} | |
.example-flex-justify-items .example-flex-item-1{ | |
width:15%; | |
} | |
.example-flex-justify-items .example-flex-item-2{ | |
width:20%; | |
} | |
.example-flex-justify-items .example-flex-item-3{ | |
width:10%; | |
} | |
.example-flex-justify-items .example-flex-item-4{ | |
width:15%; | |
} | |
@media (min-width: 768px){ | |
.example-flex-container{ | |
margin-left:-12px; | |
margin-top:-12px; | |
} | |
.example-flex-item{ | |
margin-left:12px; | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 992px){ | |
.example-flex-container{ | |
margin-left:-12px; | |
margin-top:-12px; | |
} | |
.example-flex-item{ | |
margin-left:12px; | |
margin-top:12px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.example-flex-container{ | |
margin-left:-16px; | |
margin-top:-16px; | |
} | |
.example-flex-item{ | |
margin-left:16px; | |
margin-top:16px; | |
} | |
} | |
.layout-box.dividers-spacing-modifiers .layout-box-item.layout-box-item-content,.layout-box.dividers-spacing-direction-modifier .layout-box-item.layout-box-item-content{ | |
height:1px; | |
} | |
.package-action-buttons{ | |
text-align:left; | |
} | |
.package-action-buttons a{ | |
color:#76797f; | |
} | |
@media (min-width: 768px){ | |
.package-action-buttons{ | |
text-align:right; | |
} | |
} | |
.install-package-modal-package-notes{ | |
max-width:100%; | |
} | |
.install-package-modal-package-notes > *:last-child{ | |
margin-bottom:0; | |
} | |
.selected-badge .badge{ | |
margin-left:0; | |
margin-right:6px; | |
} | |
@media (min-width: 480px){ | |
.selected-badge .badge{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.selected-badge .badge{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.selected-badge .badge{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.selected-badge .badge{ | |
margin-right:8px; | |
} | |
} | |
td.is-visible, | |
td.is-hidden{ | |
text-align:center; | |
} | |
td.is-visible{ | |
background:#e8f9f3; | |
color:#14c684; | |
} | |
td.is-hidden{ | |
background:#fdfdfd; | |
color:#c6c7ca; | |
} | |
.modal-service-delete-force{ | |
cursor:pointer; | |
} | |
.modal-service-delete-force input{ | |
margin-right:5px; | |
} | |
.services-sidebar,.services-table{ | |
-ms-flex:1 1 auto; | |
flex:1 1 auto; | |
} | |
.services-version-select-toggle .services-version-select-icon-selected{ | |
display:none; | |
} | |
.services-version-select-menu .badge-container{ | |
display:-ms-inline-flexbox; | |
display:inline-flex; | |
} | |
.services-version-select-menu .services-version-select-icon-selected{ | |
visibility:hidden; | |
} | |
.services-version-select-menu .is-selected .services-version-select-icon-selected{ | |
visibility:visible; | |
} | |
.services-version-select-icon{ | |
margin-right:6px; | |
} | |
.services-version-select-icon-selected{ | |
visibility:hidden; | |
} | |
.services-version-select .badge-container{ | |
-ms-flex-align:center; | |
-ms-grid-row-align:center; | |
align-items:center; | |
} | |
.filter-tasks-bar .filter-bar, | |
.filter-tasks-bar .filter-bar-left, | |
.filter-tasks-bar .filter-bar-item{ | |
width:100%; | |
} | |
.filter-tasks-bar .filter-input-text, | |
.filter-tasks-bar .form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main, | |
.filter-tasks-bar .form-control.form-control-group.form-control.form-control-group.form-control-inverse .typeahead .bootstrap-typeahead-input-main .typeahead .bootstrap-typeahead-input-main{ | |
height:calc(98%); | |
} | |
@media (min-width: 768px){ | |
.filter-tasks-bar .filter-bar{ | |
height:70px; | |
position:relative; | |
} | |
.filter-tasks-bar .filter-bar-left{ | |
left:0; | |
padding-right:200px; | |
position:absolute; | |
top:0; | |
} | |
} | |
@media (min-width: 480px){ | |
.services-version-select-icon{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 768px){ | |
.services-version-select-icon{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 992px){ | |
.services-sidebar{ | |
max-width:200px; | |
} | |
.services-version-select-icon{ | |
margin-right:6px; | |
} | |
} | |
@media (min-width: 1400px){ | |
.services-sidebar{ | |
max-width:225px; | |
} | |
.services-version-select-icon{ | |
margin-right:8px; | |
} | |
} | |
/*# sourceMappingURL=index.996bbd1380d8519257917222f02a1863.css.map*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment