kickstart-node
Version:
A front-end framework for clean HTML and fast performance
2,001 lines (1,953 loc) • 99.6 kB
CSS
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,400italic);
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #444;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
font-size: calc(14px + 0.2vw);
line-height: calc(1.4rem + 0.2vw);
color: #555;
}
body {
margin: 0;
}
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;
}
[hidden],template {
display: none;
}
a {
background: transparent;
text-decoration: none;
color: #47A5DF;
}
a:active,a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
dfn {
font-style: italic;
}
small {
font-size: 80%;
}
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
bottom: -0.25em;
}
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
border: 0;
border-top: 2px solid #555;
}
pre {
overflow: auto;
color: #19618e;
border-radius: 5px;
padding: 5px;
font-family: "ubuntu-mono", monospace;
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-moz-tab-size: 2;
tab-size: 2;
word-wrap: break-word;
border: 0px !important;
margin: 0;
margin-bottom: 25px;
}
code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
text-transform: none;
}
select {
text-transform: none;
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #333;
text-align: left;
transition: box-shadow 0.15s;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 5px 12px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 0;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
background-color: #EDEDED;
border-color: #EDEDED;
height: calc(1.4rem + 10px);
background-image: none;
}
button,html input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled] {
cursor: default;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;
display: inline-block;
width: 14px;
margin-left: 1px;
margin-right: 5px;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-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;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid #CCC;
outline: none;
margin-bottom: 0;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
margin: 0;
display: block;
max-width: 100%;
width: 300px;
}
optgroup {
font-weight: bold;
}
* {
box-sizing: border-box;
}
iframe {
width: 100%;
border: 0;
padding: 15px;
margin-bottom: 25px;
}
@font-face {
font-family: "Kickstart";
src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("opentype");
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
ul {
margin: 0;
margin-bottom: 25px;
}
h1,h2,h3,h4,h5,h6,p {
margin: 0;
line-height: normal;
}
p {
margin: 0;
margin-bottom: 25px;
line-height: 1.4rem;
}
a:hover {
text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
}
h1 {
font-size: 2.4rem;
margin-bottom: 1.25rem;
margin-top: 2rem;
}
h1:first-child {
margin-top: 0;
}
h2 {
font-size: 2.1rem;
margin-bottom: 1.15rem;
margin-top: 2rem;
}
h2:first-child {
margin-top: 0;
}
h3 {
font-size: 1.8rem;
margin-bottom: 1rem;
margin-top: 2rem;
}
h3:first-child {
margin-top: 0;
}
h4 {
font-size: 1.5rem;
margin-bottom: 0.85rem;
margin-top: 2rem;
}
h4:first-child {
margin-top: 0;
}
h5 {
font-size: 1.2rem;
margin-bottom: 0.7rem;
margin-top: 2rem;
}
h5:first-child {
margin-top: 0;
}
h6 {
font-size: 0.9rem;
margin-bottom: 0.5rem;
margin-top: 2rem;
}
h6:first-child {
margin-top: 0;
}
figure {
margin: 0;
padding: 0;
}
progress {
width: 100%;
}
progress::-webkit-progress-bar {
border-radius: 5px;
min-height: 25px;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
}
progress::-webkit-progress-value {
border-radius: 5px 0 0 5px;
}
label,legend {
display: block;
font-weight: normal;
margin-bottom: 6.25px;
}
input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="tel"],input[type="search"],input[type="text"],input[type="time"],input[type="url"],input[type="week"] {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
margin: 0;
margin-bottom: 0;
border: 1px solid #CCC;
display: block;
border-radius: 3px;
max-width: 100%;
}
input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus {
outline: 0px;
box-shadow: inset 0px 0px 0px 2px #47A5DF;
}
input[disabled] {
pointer-events: all;
cursor: not-allowed;
color: #999;
}
textarea:focus {
outline: 0px;
box-shadow: inset 0px 0px 0px 2px #47A5DF;
}
select[disabled],select:disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
cursor: not-allowed;
}
select.menu-item {
position: relative;
}
select.menu-item ul {
display: none;
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
select.menu-item:after {
content: "+";
font-family: "Kickstart", Kickstart;
font-size: 0.65rem;
display: inline-block;
color: rgba(0, 0, 0, 0.3);
font-size: 0.85rem;
margin-left: 6.25px;
}
select:hover {
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
select:active {
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
select.menu-item.open ul {
display: block;
}
select.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
select + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
select.button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
select.open {
background-color: #e0e0e0;
}
body.dismiss-modal {
cursor: pointer;
}
[disabled] {
cursor: not-allowed;
}
button,input[type="submit"],input[type="button"] {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #222;
text-align: left;
transition: box-shadow 0.15s;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 5px 12px;
line-height: 1.4rem;
margin-bottom: 0;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
}
button[disabled],button:disabled,input[type="submit"][disabled],input[type="submit"]:disabled,input[type="button"][disabled],input[type="button"]:disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
cursor: not-allowed;
}
button.menu-item,input[type="submit"].menu-item,input[type="button"].menu-item {
position: relative;
}
button.menu-item ul,input[type="submit"].menu-item ul,input[type="button"].menu-item ul {
display: none;
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
button.menu-item:after,input[type="submit"].menu-item:after,input[type="button"].menu-item:after {
content: "+";
font-family: "Kickstart", Kickstart;
font-size: 0.65rem;
display: inline-block;
color: rgba(0, 0, 0, 0.3);
font-size: 0.85rem;
margin-left: 6.25px;
}
button:hover,input[type="submit"]:hover,input[type="button"]:hover {
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
button:active,input[type="submit"]:active,input[type="button"]:active {
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
button.menu-item.open ul,input[type="submit"].menu-item.open ul,input[type="button"].menu-item.open ul {
display: block;
}
button.menu-item ul li,input[type="submit"].menu-item ul li,input[type="button"].menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
button + .button-dropdown + ul,input[type="submit"] + .button-dropdown + ul,input[type="button"] + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
button.button-dropdown,input[type="submit"].button-dropdown,input[type="button"].button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
button.open,input[type="submit"].open,input[type="button"].open {
background-color: #e0e0e0;
}
input[type="file"] {
background: transparent;
}
input[type="file"]::-ms-browse {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #222;
text-align: left;
transition: box-shadow 0.15s;
vertical-align: middle;
-ms-user-select: none;
user-select: none;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 5px 12px;
line-height: 1.4rem;
margin-bottom: 0;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
}
input[type="file"]::-ms-browse[disabled],input[type="file"]::-ms-browse:disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
cursor: not-allowed;
}
input[type="file"]::-ms-browse.menu-item {
position: relative;
}
input[type="file"]::-ms-browse.menu-item ul {
display: none;
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
input[type="file"]::-ms-browse.menu-item:after {
content: "+";
font-family: "Kickstart", Kickstart;
font-size: 0.65rem;
display: inline-block;
color: rgba(0, 0, 0, 0.3);
font-size: 0.85rem;
margin-left: 6.25px;
}
input[type="file"]::-ms-browse:hover {
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
input[type="file"]::-ms-browse:active {
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
input[type="file"]::-ms-browse.menu-item.open ul {
display: block;
}
input[type="file"]::-ms-browse.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
input[type="file"]::-ms-browse + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
input[type="file"]::-ms-browse.button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
input[type="file"]::-ms-browse.open {
background-color: #e0e0e0;
}
input[type="file"]::-ms-value {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
margin: 0;
margin-bottom: 0;
border: 1px solid #CCC;
display: block;
border-radius: 3px;
max-width: 100%;
background: white;
margin-right: 6.25px;
}
input[type="file"]::-ms-value:focus {
outline: 0px;
box-shadow: inset 0px 0px 0px 2px #47A5DF;
}
input[type="file"]::-webkit-file-upload-button {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #222;
text-align: left;
transition: box-shadow 0.15s;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 5px 12px;
line-height: 1.4rem;
margin-bottom: 0;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
}
input[type="file"]::-webkit-file-upload-button[disabled],input[type="file"]::-webkit-file-upload-button:disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
cursor: not-allowed;
}
input[type="file"]::-webkit-file-upload-button.menu-item {
position: relative;
}
input[type="file"]::-webkit-file-upload-button.menu-item ul {
display: none;
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
input[type="file"]::-webkit-file-upload-button.menu-item:after {
content: "+";
font-family: "Kickstart", Kickstart;
font-size: 0.65rem;
display: inline-block;
color: rgba(0, 0, 0, 0.3);
font-size: 0.85rem;
margin-left: 6.25px;
}
input[type="file"]::-webkit-file-upload-button:hover {
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
input[type="file"]::-webkit-file-upload-button:active {
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
input[type="file"]::-webkit-file-upload-button.menu-item.open ul {
display: block;
}
input[type="file"]::-webkit-file-upload-button.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
input[type="file"]::-webkit-file-upload-button + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
input[type="file"]::-webkit-file-upload-button.button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
input[type="file"]::-webkit-file-upload-button.open {
background-color: #e0e0e0;
}
.menu-item ul {
display: none;
position: absolute;
padding: 0;
list-style: none;
z-index: 10;
background: white;
top: 100%;
margin-top: 1px;
left: -1px;
min-width: 175px;
border-left: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
border-radius: 3px;
background: white;
}
.menu-item ul:before {
display: block;
position: absolute;
content: " ";
}
.menu-item ul li {
border: 0px;
}
.menu-item ul li a:not([role=button]) {
padding: 5px 12px;
line-height: 1.4rem;
margin-bottom: 0;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
color: #555;
display: block;
margin-bottom: 0;
border-radius: 0;
background: white;
border-color: white;
font-size: 16px;
}
.menu-item ul li a:not([role=button]).menu-item:after {
font-size: 0.85rem;
margin-left: 6.25px;
}
.menu-item ul li a:not([role=button]).menu-item.open ul {
display: block;
}
.menu-item ul li a:not([role=button]).menu-item ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.menu-item ul li a:not([role=button]).menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.menu-item ul li a:not([role=button]) + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.menu-item ul li a:not([role=button]).button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
.menu-item ul li a:not([role=button]):hover {
border-color: #F7F7F7;
background: #F7F7F7;
box-shadow: none;
text-decoration: none;
}
.menu-item ul li a:not([role=button]):active {
border-color: #EDEDED;
background: #EDEDED;
box-shadow: none;
}
.menu-item ul li:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.menu-item ul li:first-child a:not([role=button]) {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.menu-item ul li:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.menu-item ul li:last-child a:not([role=button]) {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.menu-item.open ul {
display: block;
}
form .errors p,form .warnings p,form .successes p,form p.error,form p.warning,form p.success {
font-style: italic;
margin-top: 7px;
margin-bottom: 14px;
}
form .errors label,form .errors p {
color: #CA3518;
}
form .errors input[type="date"],form .errors input[type="datetime"],form .errors input[type="datetime-local"],form .errors input[type="email"],form .errors input[type="month"],form .errors input[type="number"],form .errors input[type="password"],form .errors input[type="tel"],form .errors input[type="search"],form .errors input[type="text"],form .errors input[type="time"],form .errors input[type="url"],form .errors input[type="week"] {
border-color: #CA3518;
}
form .errors select {
border-color: #CA3518;
background-color: #CA3518;
}
form .errors textarea {
border-color: #CA3518;
}
form .warnings label,form .warnings p {
color: #ffe312;
}
form .warnings input[type="date"],form .warnings input[type="datetime"],form .warnings input[type="datetime-local"],form .warnings input[type="email"],form .warnings input[type="month"],form .warnings input[type="number"],form .warnings input[type="password"],form .warnings input[type="tel"],form .warnings input[type="search"],form .warnings input[type="text"],form .warnings input[type="time"],form .warnings input[type="url"],form .warnings input[type="week"] {
border-color: #ffe312;
}
form .warnings select {
border-color: #ffe312;
background-color: #ffe312;
}
form .warnings textarea {
border-color: #ffe312;
}
form .successes label,form .successes p {
color: #58AA00;
}
form .successes input[type="date"],form .successes input[type="datetime"],form .successes input[type="datetime-local"],form .successes input[type="email"],form .successes input[type="month"],form .successes input[type="number"],form .successes input[type="password"],form .successes input[type="tel"],form .successes input[type="search"],form .successes input[type="text"],form .successes input[type="time"],form .successes input[type="url"],form .successes input[type="week"] {
border-color: #58AA00;
}
form .successes select {
border-color: #58AA00;
background-color: #58AA00;
}
form .successes textarea {
border-color: #58AA00;
}
form label.error,form span.error,form p.error {
color: #CA3518;
}
form label.warning,form span.warning,form p.warning {
color: #ffe312;
}
form label.success,form span.success,form p.success {
color: #58AA00;
}
form input.error,form select.error {
border-color: #CA3518;
}
form input.warning,form select.warning {
border-color: #ffe312;
}
form input.success,form select.success {
border-color: #58AA00;
}
.growl_container {
position: fixed;
top: 0;
right: 0;
padding: 12.5px;
z-index: 2000;
width: 300px;
overflow: auto;
max-height: 100vh;
}
.growl {
box-shadow: 0px 0px 12.5px rgba(0, 0, 0, 0.5);
transition: all 0.5s;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 12.5px;
background: #47A5DF;
color: white;
margin-bottom: 25px;
}
.growl.show,.growl.hide {
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.growl.hide {
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.growl p {
font-size: 1rem;
margin-bottom: 25px;
line-height: 1.4rem;
color: inherit;
}
.growl > *:last-child {
margin-bottom: 0;
}
.growl h1 {
font-size: 1.2rem;
margin-bottom: 0.7rem;
margin-top: 2rem;
color: inherit;
}
.growl h1:first-child {
margin-top: 0;
}
.growl a:not([role=button]) {
color: inherit;
text-decoration: underline;
}
.status_bar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
pointer-events: none;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.status_bar.hide {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.status_bar .status_bar-status {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: normal;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #ffe312;
font-size: 0.8rem;
color: black;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
margin: 5px auto;
max-width: 300px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
z-index: 1000;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: normal;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #47A5DF;
font-size: 0.8rem;
color: white;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
}
.status_bar .status_bar-status:after {
border-top-color: #ffe312;
border-top-color: #47A5DF;
}
.status_bar .status_bar-status[data-type="status-red"] {
background: #CA3518;
}
.status_bar .status_bar-status[data-type="status-orange"] {
background: darkorange;
}
.status_bar .status_bar-status[data-type="status-yellow"] {
background: #ffe312;
color: #333;
}
.status_bar .status_bar-status[data-type="status-green"] {
background: #58AA00;
}
.status_bar .status_bar-status[data-type="status-blue"] {
background: #47A5DF;
}
.status_bar .status_bar-status[data-type="status-violet"] {
background: darkmagenta;
}
[data-panel] {
display: none;
}
[data-panel].open {
display: block;
}
[data-ks-tooltip] {
position: relative;
}
[data-ks-tooltip]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 0;
line-height: normal;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #47A5DF;
font-size: 0.8rem;
color: white;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
content: attr(data-ks-tooltip);
margin-bottom: 0;
position: absolute;
display: block;
opacity: 0;
bottom: 100%;
left: 50%;
margin-left: -20px;
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.25);
pointer-events: none;
min-width: 100px;
text-align: center;
transition: transform 0.25s;
-webkit-transform: translateY(0px);
transform: translateY(0px);
z-index: 10;
}
[data-ks-tooltip]:after:after {
border-top-color: #47A5DF;
}
[data-ks-tooltip]:before {
border-top-color: #47A5DF;
border-top-style: solid;
border-top-width: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
width: 0px;
height: 0px;
content: " ";
display: block;
background: transparent;
position: absolute;
left: 50%;
margin-left: -8px;
pointer-events: none;
opacity: 0;
bottom: 100%;
z-index: 100;
}
[data-ks-tooltip]:hover:after,[data-ks-tooltip]:hover:before {
opacity: 1;
}
[data-ks-tooltip]:hover:after {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
}
[data-ks-tooltip][data-ks-tooltip-position="bottom"]:after {
top: 100%;
bottom: auto;
margin-top: 15px;
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
[data-ks-tooltip][data-ks-tooltip-position="bottom"]:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 100%;
bottom: auto;
}
[data-ks-tooltip][data-ks-tooltip-position="left"]:after {
-webkit-transform: translateY(6px);
transform: translateY(6px);
top: 50%;
bottom: auto;
margin-top: -19px;
margin-right: 12px;
left: auto;
right: 100%;
}
[data-ks-tooltip][data-ks-tooltip-position="left"]:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 50%;
margin-top: -6px;
bottom: auto;
left: auto;
right: 100%;
}
[data-ks-tooltip][data-ks-tooltip-position="right"]:after {
-webkit-transform: translateY(6px);
transform: translateY(6px);
top: 50%;
bottom: auto;
margin-top: -19px;
margin-left: 16px;
left: 100%;
right: auto;
}
[data-ks-tooltip][data-ks-tooltip-position="right"]:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 50%;
margin-top: -6px;
margin-left: 4px;
bottom: auto;
left: 100%;
right: auto;
}
[data-ks-tooltip][data-ks-tooltip-color="red"]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #CA3518;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
}
[data-ks-tooltip][data-ks-tooltip-color="red"]:after:after {
border-top-color: #CA3518;
}
[data-ks-tooltip][data-ks-tooltip-color="red"]:before {
border-top-color: #CA3518;
}
[data-ks-tooltip][data-ks-tooltip-color="orange"]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: darkorange;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
}
[data-ks-tooltip][data-ks-tooltip-color="orange"]:after:after {
border-top-color: darkorange;
}
[data-ks-tooltip][data-ks-tooltip-color="orange"]:before {
border-top-color: darkorange;
}
[data-ks-tooltip][data-ks-tooltip-color="yellow"]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #ffe312;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
color: #555;
margin-bottom: 0;
}
[data-ks-tooltip][data-ks-tooltip-color="yellow"]:after:after {
border-top-color: #ffe312;
}
[data-ks-tooltip][data-ks-tooltip-color="yellow"]:before {
border-top-color: #ffe312;
}
[data-ks-tooltip][data-ks-tooltip-color="green"]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #58AA00;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
}
[data-ks-tooltip][data-ks-tooltip-color="green"]:after:after {
border-top-color: #58AA00;
}
[data-ks-tooltip][data-ks-tooltip-color="green"]:before {
border-top-color: #58AA00;
}
[data-ks-tooltip][data-ks-tooltip-color="blue"]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #47A5DF;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
}
[data-ks-tooltip][data-ks-tooltip-color="blue"]:after:after {
border-top-color: #47A5DF;
}
[data-ks-tooltip][data-ks-tooltip-color="blue"]:before {
border-top-color: #47A5DF;
}
[data-ks-tooltip][data-ks-tooltip-color="violet"]:after {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: darkmagenta;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
}
[data-ks-tooltip][data-ks-tooltip-color="violet"]:after:after {
border-top-color: darkmagenta;
}
[data-ks-tooltip][data-ks-tooltip-color="violet"]:before {
border-top-color: darkmagenta;
}
.tooltip {
margin-bottom: 0;
position: absolute;
display: block;
opacity: 0;
bottom: 100%;
left: 50%;
margin-left: -20px;
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.25);
pointer-events: none;
min-width: 100px;
text-align: center;
pointer-events: none;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-transform: translateY(8px);
transform: translateY(8px);
z-index: 10;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: #47A5DF;
font-size: 0.8rem;
color: white;
line-height: normal;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin: 10px auto;
left: 25%;
border-top-color: #47A5DF;
}
.tooltip:after {
border-top-color: #47A5DF;
border-top-style: solid;
border-top-width: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
width: 0px;
height: 0px;
content: " ";
display: block;
background: transparent;
position: absolute;
left: 0;
margin-left: 8px;
pointer-events: none;
opacity: 0;
top: 100%;
border-top-color: inherit;
}
.tooltip.tooltip-bottom {
top: 100%;
bottom: auto;
}
.tooltip.tooltip-bottom:after {
bottom: 100%;
top: auto;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.tooltip.tooltip-left,.tooltip.tooltip-right {
top: 50%;
margin: 0;
margin-top: -18px;
bottom: auto;
}
.tooltip.tooltip-left {
right: 100%;
left: auto;
margin-left: -8px;
}
.tooltip.tooltip-left:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
left: 100%;
margin-left: -8px;
top: 5px;
}
.tooltip.tooltip-right {
left: 100%;
right: auto;
}
.tooltip.tooltip-right:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
left: auto;
right: 100%;
margin-left: 0;
margin-right: -8px;
top: 5px;
}
.tooltip.tooltip-red {
background-color: #CA3518;
border-top-color: #CA3518;
}
.tooltip.tooltip-orange {
background-color: darkorange;
border-top-color: darkorange;
}
.tooltip.tooltip-yellow {
background-color: #ffe312;
border-top-color: #ffe312;
color: #555;
}
.tooltip.tooltip-green {
background-color: #58AA00;
border-top-color: #58AA00;
}
.tooltip.tooltip-blue {
background-color: #47A5DF;
border-top-color: #47A5DF;
}
.tooltip.tooltip-violet {
background-color: darkmagenta;
border-top-color: darkmagenta;
}
.tooltip.tooltip-primary {
background-color: #47A5DF;
border-top-color: #47A5DF;
}
.tooltip.tooltip-secondary {
background-color: #EDEDED;
border-top-color: #EDEDED;
}
.alert {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 12.5px;
background: #47A5DF;
color: white;
margin-bottom: 25px;
}
.alert p {
font-size: 1rem;
margin-bottom: 25px;
line-height: 1.4rem;
color: inherit;
}
.alert > *:last-child {
margin-bottom: 0;
}
.alert h1 {
font-size: 1.2rem;
margin-bottom: 0.7rem;
margin-top: 2rem;
color: inherit;
}
.alert h1:first-child {
margin-top: 0;
}
.alert a:not([role=button]) {
color: inherit;
text-decoration: underline;
}
.alert.alert-red {
background: #CA3518;
}
.alert.alert-green {
background: #58AA00;
}
.alert.alert-yellow {
background: #ffe312;
color: #555;
}
.button {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #222;
text-align: left;
transition: box-shadow 0.15s;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 5px 12px;
line-height: 1.4rem;
margin-bottom: 0;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
}
.button[disabled],.button:disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
cursor: not-allowed;
}
.button.menu-item {
position: relative;
}
.button.menu-item ul {
display: none;
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button.menu-item:after {
content: "+";
font-family: "Kickstart", Kickstart;
font-size: 0.65rem;
display: inline-block;
color: rgba(0, 0, 0, 0.3);
font-size: 0.85rem;
margin-left: 6.25px;
}
.button:hover {
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
.button:active {
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
.button.menu-item.open ul {
display: block;
}
.button.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.button + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button.button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
.button.open {
background-color: #e0e0e0;
}
.button.button-primary {
background-color: #47A5DF;
border-color: #47A5DF;
color: white;
}
.button.button-primary.open {
background-color: #319adb;
}
.button.button-secondary {
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
}
.button.button-secondary.open {
background-color: #e0e0e0;
}
.button.button-clear {
background-color: transparent;
border-color: transparent;
color: white;
color: #333;
}
.button.button-clear.open {
background-color: transparent;
}
.button.button-red {
background-color: #CA3518;
border-color: #CA3518;
color: white;
}
.button.button-red.open {
background-color: #b32f15;
}
.button.button-orange {
background-color: darkorange;
border-color: darkorange;
color: white;
}
.button.button-orange.open {
background-color: #e67e00;
}
.button.button-yellow {
background-color: #ffe312;
border-color: #ffe312;
color: white;
color: #333;
}
.button.button-yellow.open {
background-color: #f8da00;
}
.button.button-green {
background-color: #58AA00;
border-color: #58AA00;
color: white;
}
.button.button-green.open {
background-color: #4b9000;
}
.button.button-blue {
background-color: #47A5DF;
border-color: #47A5DF;
color: white;
}
.button.button-blue.open {
background-color: #319adb;
}
.button.button-violet {
background-color: darkmagenta;
border-color: darkmagenta;
color: white;
}
.button.button-violet.open {
background-color: #720071;
}
.button.button-small {
padding: 3.6125px 8.67px;
line-height: 1.19rem;
margin-bottom: 0;
font-size: 13.6px;
padding-left: 8.67px;
padding-right: 8.67px;
}
.button.button-small.menu-item:after {
font-size: 0.7225rem;
margin-left: 4.51562px;
}
.button.button-small.menu-item.open ul {
display: block;
}
.button.button-small.menu-item ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button.button-small.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.button.button-small + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button.button-small.button-dropdown {
padding-left: 3.6125px;
padding-right: 3.6125px;
}
.button.button-large {
padding: 7.2px 17.28px;
line-height: 1.68rem;
margin-bottom: 0;
font-size: 19.2px;
padding-left: 17.28px;
padding-right: 17.28px;
}
.button.button-large.menu-item:after {
font-size: 1.02rem;
margin-left: 9px;
}
.button.button-large.menu-item.open ul {
display: block;
}
.button.button-large.menu-item ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button.button-large.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.button.button-large + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button.button-large.button-dropdown {
padding-left: 7.2px;
padding-right: 7.2px;
}
.button-group {
list-style: none;
padding: 0;
margin-bottom: 0;
margin-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.button-group > li {
color: inherit;
}
.button-group > li > a,.button-group > li > button,.button-group > li > input {
color: inherit;
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #222;
text-align: left;
transition: box-shadow 0.15s;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
padding: 5px 12px;
line-height: 1.4rem;
margin-bottom: 0;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
text-decoration: inherit;
vertical-align: top;
}
.button-group > li > a[disabled],.button-group > li > a:disabled,.button-group > li > button[disabled],.button-group > li > button:disabled,.button-group > li > input[disabled],.button-group > li > input:disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
cursor: not-allowed;
}
.button-group > li > a.menu-item,.button-group > li > button.menu-item,.button-group > li > input.menu-item {
position: relative;
}
.button-group > li > a.menu-item ul,.button-group > li > button.menu-item ul,.button-group > li > input.menu-item ul {
display: none;
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button-group > li > a.menu-item:after,.button-group > li > button.menu-item:after,.button-group > li > input.menu-item:after {
content: "+";
font-family: "Kickstart", Kickstart;
font-size: 0.65rem;
display: inline-block;
color: rgba(0, 0, 0, 0.3);
font-size: 0.85rem;
margin-left: 6.25px;
}
.button-group > li > a:hover,.button-group > li > button:hover,.button-group > li > input:hover {
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
.button-group > li > a:active,.button-group > li > button:active,.button-group > li > input:active {
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.1) inset;
text-decoration: none;
}
.button-group > li > a.menu-item.open ul,.button-group > li > button.menu-item.open ul,.button-group > li > input.menu-item.open ul {
display: block;
}
.button-group > li > a.menu-item ul li,.button-group > li > button.menu-item ul li,.button-group > li > input.menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.button-group > li > a + .button-dropdown + ul,.button-group > li > button + .button-dropdown + ul,.button-group > li > input + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button-group > li > a.button-dropdown,.button-group > li > button.button-dropdown,.button-group > li > input.button-dropdown {
padding-left: 5px;
padding-right: 5px;
}
.button-group > li > a.open,.button-group > li > button.open,.button-group > li > input.open {
background-color: #e0e0e0;
}
.button-group > li:not(:first-child):not(:last-child):not(:only-child) > a,.button-group > li:not(:first-child):not(:last-child):not(:only-child) > button,.button-group > li:not(:first-child):not(:last-child):not(:only-child) > input {
border-radius: 0;
border-left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.button-group > li:first-child:not(:only-child) > a,.button-group > li:first-child:not(:only-child) > button,.button-group > li:first-child:not(:only-child) > input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.button-group > li:last-child:not(:only-child) > a,.button-group > li:last-child:not(:only-child) > button,.button-group > li:last-child:not(:only-child) > input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
}
.button-group > li .button-dropdown:after {
content: "+";
display: block;
font-family: "Kickstart", Kickstart;
color: rgba(0, 0, 0, 0.3);
font-size: 90%;
}
.button-group > li > ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
right: auto;
}
.button-group.button-primary > li > *:not(ul) {
background-color: #47A5DF;
border-color: #47A5DF;
color: white;
}
.button-group.button-primary > li > *:not(ul).open {
background-color: #319adb;
}
.button-group.button-secondary > li > *:not(ul) {
background-color: #EDEDED;
border-color: #EDEDED;
color: #333;
}
.button-group.button-secondary > li > *:not(ul).open {
background-color: #e0e0e0;
}
.button-group.button-clear > li > *:not(ul) {
background-color: transparent;
border-color: transparent;
color: white;
color: #333;
}
.button-group.button-clear > li > *:not(ul).open {
background-color: transparent;
}
.button-group.button-red > li > *:not(ul) {
background-color: #CA3518;
border-color: #CA3518;
color: white;
}
.button-group.button-red > li > *:not(ul).open {
background-color: #b32f15;
}
.button-group.button-orange > li > *:not(ul) {
background-color: darkorange;
border-color: darkorange;
color: white;
}
.button-group.button-orange > li > *:not(ul).open {
background-color: #e67e00;
}
.button-group.button-yellow > li > *:not(ul) {
background-color: #ffe312;
border-color: #ffe312;
color: white;
color: #333;
}
.button-group.button-yellow > li > *:not(ul).open {
background-color: #f8da00;
}
.button-group.button-green > li > *:not(ul) {
background-color: #58AA00;
border-color: #58AA00;
color: white;
}
.button-group.button-green > li > *:not(ul).open {
background-color: #4b9000;
}
.button-group.button-blue > li > *:not(ul) {
background-color: #47A5DF;
border-color: #47A5DF;
color: white;
}
.button-group.button-blue > li > *:not(ul).open {
background-color: #319adb;
}
.button-group.button-violet > li > *:not(ul) {
background-color: darkmagenta;
border-color: darkmagenta;
color: white;
}
.button-group.button-violet > li > *:not(ul).open {
background-color: #720071;
}
.button-group.button-small > li > *:not(ul) {
padding: 3.6125px 8.67px;
line-height: 1.19rem;
margin-bottom: 0;
font-size: 13.6px;
padding-left: 8.67px;
padding-right: 8.67px;
}
.button-group.button-small > li > *:not(ul).menu-item:after {
font-size: 0.7225rem;
margin-left: 4.51562px;
}
.button-group.button-small > li > *:not(ul).menu-item.open ul {
display: block;
}
.button-group.button-small > li > *:not(ul).menu-item ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button-group.button-small > li > *:not(ul).menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.button-group.button-small > li > *:not(ul) + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button-group.button-small > li > *:not(ul).button-dropdown {
padding-left: 3.6125px;
padding-right: 3.6125px;
}
.button-group.button-large > li > *:not(ul) {
padding: 7.2px 17.28px;
line-height: 1.68rem;
margin-bottom: 0;
font-size: 19.2px;
padding-left: 17.28px;
padding-right: 17.28px;
}
.button-group.button-large > li > *:not(ul).menu-item:after {
font-size: 1.02rem;
margin-left: 9px;
}
.button-group.button-large > li > *:not(ul).menu-item.open ul {
display: block;
}
.button-group.button-large > li > *:not(ul).menu-item ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button-group.button-large > li > *:not(ul).menu-item ul li {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.button-group.button-large > li > *:not(ul) + .button-dropdown + ul {
margin-top: 5px;
right: -25px;
border: 1px solid #EDEDED;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.button-group.button-large > li > *:not(ul).button-dropdown {
padding-left: 7.2px;
padding-right: 7.2px;
}
.container {
padding: 5px 5px;
border-radius: 3px;
border: 1px solid transparent;
outline: none;
margin-bottom: 25px;
line-height: 1.4rem;
font-family: "museo-sans", "Lato", helvetica neue, sans-serif;
background: white;
display: -webkit-flex;
display: -