You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8807 lines
242 KiB
CSS
8807 lines
242 KiB
CSS
.button {
|
|
padding: 5px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-family: Rosario;
|
|
}
|
|
.button.small {
|
|
font-size: 12px;
|
|
}
|
|
.button.medium {
|
|
font-size: 18px;
|
|
}
|
|
.button.big {
|
|
font-size: 26px;
|
|
}
|
|
.button.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.button.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.button.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.button.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.button.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.button.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.button.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.button.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.button.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.button.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.button.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.button.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.button.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.button.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.button.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.button.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.button.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.button.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.button.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.button.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.button.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.button.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.button.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.button.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.button.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.button.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.button.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.button.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.button.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.button.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.button.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.button.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.button.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.button.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.button.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.button.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.button.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.button.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.button.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.button.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.button.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.button.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.button.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.button.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.button.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.button.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.button.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.button.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.button.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.button.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.button.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.button.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.button.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.button.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.button.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.button.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.button.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.button.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.button.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.button.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.button.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.button.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.button.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.button.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.button.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.button.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.button.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.button.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.button.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.button.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.button.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.button.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
}
|
|
.container .item.it-xs-1 {
|
|
flex-basis: 8.3333333333%;
|
|
}
|
|
.container .item.it-xs-2 {
|
|
flex-basis: 16.6666666667%;
|
|
}
|
|
.container .item.it-xs-3 {
|
|
flex-basis: 25%;
|
|
}
|
|
.container .item.it-xs-4 {
|
|
flex-basis: 33.3333333333%;
|
|
}
|
|
.container .item.it-xs-5 {
|
|
flex-basis: 41.6666666667%;
|
|
}
|
|
.container .item.it-xs-6 {
|
|
flex-basis: 50%;
|
|
}
|
|
.container .item.it-xs-7 {
|
|
flex-basis: 58.3333333333%;
|
|
}
|
|
.container .item.it-xs-8 {
|
|
flex-basis: 66.6666666667%;
|
|
}
|
|
.container .item.it-xs-9 {
|
|
flex-basis: 75%;
|
|
}
|
|
.container .item.it-xs-10 {
|
|
flex-basis: 83.3333333333%;
|
|
}
|
|
.container .item.it-xs-11 {
|
|
flex-basis: 91.6666666667%;
|
|
}
|
|
.container .item.it-xs-12 {
|
|
flex-basis: 100%;
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-1 {
|
|
flex-basis: 8.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-2 {
|
|
flex-basis: 16.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-3 {
|
|
flex-basis: 25%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-4 {
|
|
flex-basis: 33.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-5 {
|
|
flex-basis: 41.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-6 {
|
|
flex-basis: 50%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-7 {
|
|
flex-basis: 58.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-8 {
|
|
flex-basis: 66.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-9 {
|
|
flex-basis: 75%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-10 {
|
|
flex-basis: 83.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-11 {
|
|
flex-basis: 91.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 576px) {
|
|
.container .item.it-s-12 {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-1 {
|
|
flex-basis: 8.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-2 {
|
|
flex-basis: 16.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-3 {
|
|
flex-basis: 25%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-4 {
|
|
flex-basis: 33.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-5 {
|
|
flex-basis: 41.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-6 {
|
|
flex-basis: 50%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-7 {
|
|
flex-basis: 58.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-8 {
|
|
flex-basis: 66.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-9 {
|
|
flex-basis: 75%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-10 {
|
|
flex-basis: 83.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-11 {
|
|
flex-basis: 91.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container .item.it-m-12 {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-1 {
|
|
flex-basis: 8.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-2 {
|
|
flex-basis: 16.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-3 {
|
|
flex-basis: 25%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-4 {
|
|
flex-basis: 33.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-5 {
|
|
flex-basis: 41.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-6 {
|
|
flex-basis: 50%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-7 {
|
|
flex-basis: 58.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-8 {
|
|
flex-basis: 66.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-9 {
|
|
flex-basis: 75%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-10 {
|
|
flex-basis: 83.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-11 {
|
|
flex-basis: 91.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container .item.it-l-12 {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-1 {
|
|
flex-basis: 8.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-2 {
|
|
flex-basis: 16.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-3 {
|
|
flex-basis: 25%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-4 {
|
|
flex-basis: 33.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-5 {
|
|
flex-basis: 41.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-6 {
|
|
flex-basis: 50%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-7 {
|
|
flex-basis: 58.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-8 {
|
|
flex-basis: 66.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-9 {
|
|
flex-basis: 75%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-10 {
|
|
flex-basis: 83.3333333333%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-11 {
|
|
flex-basis: 91.6666666667%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container .item.it-xl-12 {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
|
|
.navbar {
|
|
z-index: 1;
|
|
}
|
|
|
|
@media all and (max-width: 991px) {
|
|
.navbar {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-mobile {
|
|
width: 100%;
|
|
}
|
|
.navbar-mobile .navbar-collapse {
|
|
display: flex;
|
|
}
|
|
.navbar-mobile.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.standard .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.standard .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.standard ul {
|
|
background-color: #918d94;
|
|
}
|
|
.navbar-mobile.regular.standard .navbar-item.interaction, .navbar-mobile.regular.standard .navbar-dropdown, .navbar-mobile.regular.standard .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.standard .navbar-item.interaction:focus, .navbar-mobile.regular.standard .navbar-dropdown:focus, .navbar-mobile.regular.standard .navbar-dropdown-item:focus {
|
|
background-color: #848088;
|
|
}
|
|
.navbar-mobile.regular.standard .navbar-item.interaction:hover, .navbar-mobile.regular.standard .navbar-dropdown:hover, .navbar-mobile.regular.standard .navbar-dropdown-item:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.navbar-mobile.regular.standard .navbar-item.interaction:active, .navbar-mobile.regular.standard .navbar-item.interaction.active, .navbar-mobile.regular.standard .navbar-dropdown:active, .navbar-mobile.regular.standard .navbar-dropdown.active, .navbar-mobile.regular.standard .navbar-dropdown-item:active, .navbar-mobile.regular.standard .navbar-dropdown-item.active {
|
|
background-color: #6b676e;
|
|
}
|
|
.navbar-mobile.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.primary .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.primary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.primary ul {
|
|
background-color: #654016;
|
|
}
|
|
.navbar-mobile.regular.primary .navbar-item.interaction, .navbar-mobile.regular.primary .navbar-dropdown, .navbar-mobile.regular.primary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.primary .navbar-item.interaction:focus, .navbar-mobile.regular.primary .navbar-dropdown:focus, .navbar-mobile.regular.primary .navbar-dropdown-item:focus {
|
|
background-color: #503311;
|
|
}
|
|
.navbar-mobile.regular.primary .navbar-item.interaction:hover, .navbar-mobile.regular.primary .navbar-dropdown:hover, .navbar-mobile.regular.primary .navbar-dropdown-item:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.navbar-mobile.regular.primary .navbar-item.interaction:active, .navbar-mobile.regular.primary .navbar-item.interaction.active, .navbar-mobile.regular.primary .navbar-dropdown:active, .navbar-mobile.regular.primary .navbar-dropdown.active, .navbar-mobile.regular.primary .navbar-dropdown-item:active, .navbar-mobile.regular.primary .navbar-dropdown-item.active {
|
|
background-color: #261808;
|
|
}
|
|
.navbar-mobile.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.secondary .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.secondary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.secondary ul {
|
|
background-color: #c77b21;
|
|
}
|
|
.navbar-mobile.regular.secondary .navbar-item.interaction, .navbar-mobile.regular.secondary .navbar-dropdown, .navbar-mobile.regular.secondary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.secondary .navbar-item.interaction:focus, .navbar-mobile.regular.secondary .navbar-dropdown:focus, .navbar-mobile.regular.secondary .navbar-dropdown-item:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.navbar-mobile.regular.secondary .navbar-item.interaction:hover, .navbar-mobile.regular.secondary .navbar-dropdown:hover, .navbar-mobile.regular.secondary .navbar-dropdown-item:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.navbar-mobile.regular.secondary .navbar-item.interaction:active, .navbar-mobile.regular.secondary .navbar-item.interaction.active, .navbar-mobile.regular.secondary .navbar-dropdown:active, .navbar-mobile.regular.secondary .navbar-dropdown.active, .navbar-mobile.regular.secondary .navbar-dropdown-item:active, .navbar-mobile.regular.secondary .navbar-dropdown-item.active {
|
|
background-color: #855216;
|
|
}
|
|
.navbar-mobile.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.success .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.success .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.success ul {
|
|
background-color: #40C600;
|
|
}
|
|
.navbar-mobile.regular.success .navbar-item.interaction, .navbar-mobile.regular.success .navbar-dropdown, .navbar-mobile.regular.success .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.success .navbar-item.interaction:focus, .navbar-mobile.regular.success .navbar-dropdown:focus, .navbar-mobile.regular.success .navbar-dropdown-item:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.navbar-mobile.regular.success .navbar-item.interaction:hover, .navbar-mobile.regular.success .navbar-dropdown:hover, .navbar-mobile.regular.success .navbar-dropdown-item:hover {
|
|
background-color: #309300;
|
|
}
|
|
.navbar-mobile.regular.success .navbar-item.interaction:active, .navbar-mobile.regular.success .navbar-item.interaction.active, .navbar-mobile.regular.success .navbar-dropdown:active, .navbar-mobile.regular.success .navbar-dropdown.active, .navbar-mobile.regular.success .navbar-dropdown-item:active, .navbar-mobile.regular.success .navbar-dropdown-item.active {
|
|
background-color: #277a00;
|
|
}
|
|
.navbar-mobile.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.info .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.info .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.info ul {
|
|
background-color: #008FD5;
|
|
}
|
|
.navbar-mobile.regular.info .navbar-item.interaction, .navbar-mobile.regular.info .navbar-dropdown, .navbar-mobile.regular.info .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.info .navbar-item.interaction:focus, .navbar-mobile.regular.info .navbar-dropdown:focus, .navbar-mobile.regular.info .navbar-dropdown-item:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.navbar-mobile.regular.info .navbar-item.interaction:hover, .navbar-mobile.regular.info .navbar-dropdown:hover, .navbar-mobile.regular.info .navbar-dropdown-item:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.navbar-mobile.regular.info .navbar-item.interaction:active, .navbar-mobile.regular.info .navbar-item.interaction.active, .navbar-mobile.regular.info .navbar-dropdown:active, .navbar-mobile.regular.info .navbar-dropdown.active, .navbar-mobile.regular.info .navbar-dropdown-item:active, .navbar-mobile.regular.info .navbar-dropdown-item.active {
|
|
background-color: #005c89;
|
|
}
|
|
.navbar-mobile.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.link .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.link .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.link ul {
|
|
background-color: #034DA1;
|
|
}
|
|
.navbar-mobile.regular.link .navbar-item.interaction, .navbar-mobile.regular.link .navbar-dropdown, .navbar-mobile.regular.link .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.link .navbar-item.interaction:focus, .navbar-mobile.regular.link .navbar-dropdown:focus, .navbar-mobile.regular.link .navbar-dropdown-item:focus {
|
|
background-color: #034188;
|
|
}
|
|
.navbar-mobile.regular.link .navbar-item.interaction:hover, .navbar-mobile.regular.link .navbar-dropdown:hover, .navbar-mobile.regular.link .navbar-dropdown-item:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.navbar-mobile.regular.link .navbar-item.interaction:active, .navbar-mobile.regular.link .navbar-item.interaction.active, .navbar-mobile.regular.link .navbar-dropdown:active, .navbar-mobile.regular.link .navbar-dropdown.active, .navbar-mobile.regular.link .navbar-dropdown-item:active, .navbar-mobile.regular.link .navbar-dropdown-item.active {
|
|
background-color: #022956;
|
|
}
|
|
.navbar-mobile.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.warning .navbar-menu {
|
|
fill: #000;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.warning .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.warning ul {
|
|
background-color: #FFF200;
|
|
}
|
|
.navbar-mobile.regular.warning .navbar-item.interaction, .navbar-mobile.regular.warning .navbar-dropdown, .navbar-mobile.regular.warning .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.warning .navbar-item.interaction:focus, .navbar-mobile.regular.warning .navbar-dropdown:focus, .navbar-mobile.regular.warning .navbar-dropdown-item:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.navbar-mobile.regular.warning .navbar-item.interaction:hover, .navbar-mobile.regular.warning .navbar-dropdown:hover, .navbar-mobile.regular.warning .navbar-dropdown-item:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.navbar-mobile.regular.warning .navbar-item.interaction:active, .navbar-mobile.regular.warning .navbar-item.interaction.active, .navbar-mobile.regular.warning .navbar-dropdown:active, .navbar-mobile.regular.warning .navbar-dropdown.active, .navbar-mobile.regular.warning .navbar-dropdown-item:active, .navbar-mobile.regular.warning .navbar-dropdown-item.active {
|
|
background-color: #b3a900;
|
|
}
|
|
.navbar-mobile.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.danger .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.danger .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.danger ul {
|
|
background-color: #ed1c24;
|
|
}
|
|
.navbar-mobile.regular.danger .navbar-item.interaction, .navbar-mobile.regular.danger .navbar-dropdown, .navbar-mobile.regular.danger .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.danger .navbar-item.interaction:focus, .navbar-mobile.regular.danger .navbar-dropdown:focus, .navbar-mobile.regular.danger .navbar-dropdown-item:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.navbar-mobile.regular.danger .navbar-item.interaction:hover, .navbar-mobile.regular.danger .navbar-dropdown:hover, .navbar-mobile.regular.danger .navbar-dropdown-item:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.navbar-mobile.regular.danger .navbar-item.interaction:active, .navbar-mobile.regular.danger .navbar-item.interaction.active, .navbar-mobile.regular.danger .navbar-dropdown:active, .navbar-mobile.regular.danger .navbar-dropdown.active, .navbar-mobile.regular.danger .navbar-dropdown-item:active, .navbar-mobile.regular.danger .navbar-dropdown-item.active {
|
|
background-color: #af0e14;
|
|
}
|
|
.navbar-mobile.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.regular.clean .navbar-menu {
|
|
fill: #313131;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.regular.clean .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.regular.clean ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.regular.clean .navbar-item.interaction, .navbar-mobile.regular.clean .navbar-dropdown, .navbar-mobile.regular.clean .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.regular.clean .navbar-item.interaction:focus, .navbar-mobile.regular.clean .navbar-dropdown:focus, .navbar-mobile.regular.clean .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.regular.clean .navbar-item.interaction:hover, .navbar-mobile.regular.clean .navbar-dropdown:hover, .navbar-mobile.regular.clean .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.regular.clean .navbar-item.interaction:active, .navbar-mobile.regular.clean .navbar-item.interaction.active, .navbar-mobile.regular.clean .navbar-dropdown:active, .navbar-mobile.regular.clean .navbar-dropdown.active, .navbar-mobile.regular.clean .navbar-dropdown-item:active, .navbar-mobile.regular.clean .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.navbar-mobile.outline.standard .navbar-menu {
|
|
fill: #918d94;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.standard .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.standard ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.standard .navbar-item.interaction, .navbar-mobile.outline.standard .navbar-dropdown, .navbar-mobile.outline.standard .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.standard .navbar-item.interaction:focus, .navbar-mobile.outline.standard .navbar-dropdown:focus, .navbar-mobile.outline.standard .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.standard .navbar-item.interaction:hover, .navbar-mobile.outline.standard .navbar-dropdown:hover, .navbar-mobile.outline.standard .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.standard .navbar-item.interaction:active, .navbar-mobile.outline.standard .navbar-item.interaction.active, .navbar-mobile.outline.standard .navbar-dropdown:active, .navbar-mobile.outline.standard .navbar-dropdown.active, .navbar-mobile.outline.standard .navbar-dropdown-item:active, .navbar-mobile.outline.standard .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.navbar-mobile.outline.primary .navbar-menu {
|
|
fill: #654016;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.primary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.primary ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.primary .navbar-item.interaction, .navbar-mobile.outline.primary .navbar-dropdown, .navbar-mobile.outline.primary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.primary .navbar-item.interaction:focus, .navbar-mobile.outline.primary .navbar-dropdown:focus, .navbar-mobile.outline.primary .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.primary .navbar-item.interaction:hover, .navbar-mobile.outline.primary .navbar-dropdown:hover, .navbar-mobile.outline.primary .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.primary .navbar-item.interaction:active, .navbar-mobile.outline.primary .navbar-item.interaction.active, .navbar-mobile.outline.primary .navbar-dropdown:active, .navbar-mobile.outline.primary .navbar-dropdown.active, .navbar-mobile.outline.primary .navbar-dropdown-item:active, .navbar-mobile.outline.primary .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.navbar-mobile.outline.secondary .navbar-menu {
|
|
fill: #c77b21;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.secondary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.secondary ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.secondary .navbar-item.interaction, .navbar-mobile.outline.secondary .navbar-dropdown, .navbar-mobile.outline.secondary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.secondary .navbar-item.interaction:focus, .navbar-mobile.outline.secondary .navbar-dropdown:focus, .navbar-mobile.outline.secondary .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.secondary .navbar-item.interaction:hover, .navbar-mobile.outline.secondary .navbar-dropdown:hover, .navbar-mobile.outline.secondary .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.secondary .navbar-item.interaction:active, .navbar-mobile.outline.secondary .navbar-item.interaction.active, .navbar-mobile.outline.secondary .navbar-dropdown:active, .navbar-mobile.outline.secondary .navbar-dropdown.active, .navbar-mobile.outline.secondary .navbar-dropdown-item:active, .navbar-mobile.outline.secondary .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.navbar-mobile.outline.success .navbar-menu {
|
|
fill: #40C600;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.success .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.success ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.success .navbar-item.interaction, .navbar-mobile.outline.success .navbar-dropdown, .navbar-mobile.outline.success .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.success .navbar-item.interaction:focus, .navbar-mobile.outline.success .navbar-dropdown:focus, .navbar-mobile.outline.success .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.success .navbar-item.interaction:hover, .navbar-mobile.outline.success .navbar-dropdown:hover, .navbar-mobile.outline.success .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.success .navbar-item.interaction:active, .navbar-mobile.outline.success .navbar-item.interaction.active, .navbar-mobile.outline.success .navbar-dropdown:active, .navbar-mobile.outline.success .navbar-dropdown.active, .navbar-mobile.outline.success .navbar-dropdown-item:active, .navbar-mobile.outline.success .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.navbar-mobile.outline.info .navbar-menu {
|
|
fill: #008FD5;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.info .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.info ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.info .navbar-item.interaction, .navbar-mobile.outline.info .navbar-dropdown, .navbar-mobile.outline.info .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.info .navbar-item.interaction:focus, .navbar-mobile.outline.info .navbar-dropdown:focus, .navbar-mobile.outline.info .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.info .navbar-item.interaction:hover, .navbar-mobile.outline.info .navbar-dropdown:hover, .navbar-mobile.outline.info .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.info .navbar-item.interaction:active, .navbar-mobile.outline.info .navbar-item.interaction.active, .navbar-mobile.outline.info .navbar-dropdown:active, .navbar-mobile.outline.info .navbar-dropdown.active, .navbar-mobile.outline.info .navbar-dropdown-item:active, .navbar-mobile.outline.info .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.navbar-mobile.outline.link .navbar-menu {
|
|
fill: #034DA1;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.link .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.link ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.link .navbar-item.interaction, .navbar-mobile.outline.link .navbar-dropdown, .navbar-mobile.outline.link .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.link .navbar-item.interaction:focus, .navbar-mobile.outline.link .navbar-dropdown:focus, .navbar-mobile.outline.link .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.link .navbar-item.interaction:hover, .navbar-mobile.outline.link .navbar-dropdown:hover, .navbar-mobile.outline.link .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.link .navbar-item.interaction:active, .navbar-mobile.outline.link .navbar-item.interaction.active, .navbar-mobile.outline.link .navbar-dropdown:active, .navbar-mobile.outline.link .navbar-dropdown.active, .navbar-mobile.outline.link .navbar-dropdown-item:active, .navbar-mobile.outline.link .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.navbar-mobile.outline.warning .navbar-menu {
|
|
fill: #e6bd44;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.warning .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.warning ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.warning .navbar-item.interaction, .navbar-mobile.outline.warning .navbar-dropdown, .navbar-mobile.outline.warning .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.warning .navbar-item.interaction:focus, .navbar-mobile.outline.warning .navbar-dropdown:focus, .navbar-mobile.outline.warning .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.warning .navbar-item.interaction:hover, .navbar-mobile.outline.warning .navbar-dropdown:hover, .navbar-mobile.outline.warning .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.warning .navbar-item.interaction:active, .navbar-mobile.outline.warning .navbar-item.interaction.active, .navbar-mobile.outline.warning .navbar-dropdown:active, .navbar-mobile.outline.warning .navbar-dropdown.active, .navbar-mobile.outline.warning .navbar-dropdown-item:active, .navbar-mobile.outline.warning .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.navbar-mobile.outline.danger .navbar-menu {
|
|
fill: #ed1c24;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.danger .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.danger ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.danger .navbar-item.interaction, .navbar-mobile.outline.danger .navbar-dropdown, .navbar-mobile.outline.danger .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.danger .navbar-item.interaction:focus, .navbar-mobile.outline.danger .navbar-dropdown:focus, .navbar-mobile.outline.danger .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.danger .navbar-item.interaction:hover, .navbar-mobile.outline.danger .navbar-dropdown:hover, .navbar-mobile.outline.danger .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.danger .navbar-item.interaction:active, .navbar-mobile.outline.danger .navbar-item.interaction.active, .navbar-mobile.outline.danger .navbar-dropdown:active, .navbar-mobile.outline.danger .navbar-dropdown.active, .navbar-mobile.outline.danger .navbar-dropdown-item:active, .navbar-mobile.outline.danger .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.navbar-mobile.outline.clean .navbar-menu {
|
|
fill: #313131;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.outline.clean .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.outline.clean ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.outline.clean .navbar-item.interaction, .navbar-mobile.outline.clean .navbar-dropdown, .navbar-mobile.outline.clean .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.outline.clean .navbar-item.interaction:focus, .navbar-mobile.outline.clean .navbar-dropdown:focus, .navbar-mobile.outline.clean .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.outline.clean .navbar-item.interaction:hover, .navbar-mobile.outline.clean .navbar-dropdown:hover, .navbar-mobile.outline.clean .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.outline.clean .navbar-item.interaction:active, .navbar-mobile.outline.clean .navbar-item.interaction.active, .navbar-mobile.outline.clean .navbar-dropdown:active, .navbar-mobile.outline.clean .navbar-dropdown.active, .navbar-mobile.outline.clean .navbar-dropdown-item:active, .navbar-mobile.outline.clean .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.standard .navbar-menu {
|
|
fill: #918d94;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.standard .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.standard ul {
|
|
background-color: #faf3f3;
|
|
}
|
|
.navbar-mobile.light.standard .navbar-item.interaction, .navbar-mobile.light.standard .navbar-dropdown, .navbar-mobile.light.standard .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.standard .navbar-item.interaction:focus, .navbar-mobile.light.standard .navbar-dropdown:focus, .navbar-mobile.light.standard .navbar-dropdown-item:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.navbar-mobile.light.standard .navbar-item.interaction:hover, .navbar-mobile.light.standard .navbar-dropdown:hover, .navbar-mobile.light.standard .navbar-dropdown-item:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.navbar-mobile.light.standard .navbar-item.interaction:active, .navbar-mobile.light.standard .navbar-item.interaction.active, .navbar-mobile.light.standard .navbar-dropdown:active, .navbar-mobile.light.standard .navbar-dropdown.active, .navbar-mobile.light.standard .navbar-dropdown-item:active, .navbar-mobile.light.standard .navbar-dropdown-item.active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.navbar-mobile.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.primary .navbar-menu {
|
|
fill: #654016;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.primary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.primary ul {
|
|
background-color: #e9d7c4;
|
|
}
|
|
.navbar-mobile.light.primary .navbar-item.interaction, .navbar-mobile.light.primary .navbar-dropdown, .navbar-mobile.light.primary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.primary .navbar-item.interaction:focus, .navbar-mobile.light.primary .navbar-dropdown:focus, .navbar-mobile.light.primary .navbar-dropdown-item:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.navbar-mobile.light.primary .navbar-item.interaction:hover, .navbar-mobile.light.primary .navbar-dropdown:hover, .navbar-mobile.light.primary .navbar-dropdown-item:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.navbar-mobile.light.primary .navbar-item.interaction:active, .navbar-mobile.light.primary .navbar-item.interaction.active, .navbar-mobile.light.primary .navbar-dropdown:active, .navbar-mobile.light.primary .navbar-dropdown.active, .navbar-mobile.light.primary .navbar-dropdown-item:active, .navbar-mobile.light.primary .navbar-dropdown-item.active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.navbar-mobile.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.secondary .navbar-menu {
|
|
fill: #c77b21;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.secondary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.secondary ul {
|
|
background-color: #ffd9ac;
|
|
}
|
|
.navbar-mobile.light.secondary .navbar-item.interaction, .navbar-mobile.light.secondary .navbar-dropdown, .navbar-mobile.light.secondary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.secondary .navbar-item.interaction:focus, .navbar-mobile.light.secondary .navbar-dropdown:focus, .navbar-mobile.light.secondary .navbar-dropdown-item:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.navbar-mobile.light.secondary .navbar-item.interaction:hover, .navbar-mobile.light.secondary .navbar-dropdown:hover, .navbar-mobile.light.secondary .navbar-dropdown-item:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.navbar-mobile.light.secondary .navbar-item.interaction:active, .navbar-mobile.light.secondary .navbar-item.interaction.active, .navbar-mobile.light.secondary .navbar-dropdown:active, .navbar-mobile.light.secondary .navbar-dropdown.active, .navbar-mobile.light.secondary .navbar-dropdown-item:active, .navbar-mobile.light.secondary .navbar-dropdown-item.active {
|
|
background-color: #ffb660;
|
|
}
|
|
.navbar-mobile.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.success .navbar-menu {
|
|
fill: #1ca53e;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.success .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.success ul {
|
|
background-color: #b6f5c6;
|
|
}
|
|
.navbar-mobile.light.success .navbar-item.interaction, .navbar-mobile.light.success .navbar-dropdown, .navbar-mobile.light.success .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.success .navbar-item.interaction:focus, .navbar-mobile.light.success .navbar-dropdown:focus, .navbar-mobile.light.success .navbar-dropdown-item:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.navbar-mobile.light.success .navbar-item.interaction:hover, .navbar-mobile.light.success .navbar-dropdown:hover, .navbar-mobile.light.success .navbar-dropdown-item:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.navbar-mobile.light.success .navbar-item.interaction:active, .navbar-mobile.light.success .navbar-item.interaction.active, .navbar-mobile.light.success .navbar-dropdown:active, .navbar-mobile.light.success .navbar-dropdown.active, .navbar-mobile.light.success .navbar-dropdown-item:active, .navbar-mobile.light.success .navbar-dropdown-item.active {
|
|
background-color: #73ec91;
|
|
}
|
|
.navbar-mobile.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.info .navbar-menu {
|
|
fill: #008FD5;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.info .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.info ul {
|
|
background-color: #cedaff;
|
|
}
|
|
.navbar-mobile.light.info .navbar-item.interaction, .navbar-mobile.light.info .navbar-dropdown, .navbar-mobile.light.info .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.info .navbar-item.interaction:focus, .navbar-mobile.light.info .navbar-dropdown:focus, .navbar-mobile.light.info .navbar-dropdown-item:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.navbar-mobile.light.info .navbar-item.interaction:hover, .navbar-mobile.light.info .navbar-dropdown:hover, .navbar-mobile.light.info .navbar-dropdown-item:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.navbar-mobile.light.info .navbar-item.interaction:active, .navbar-mobile.light.info .navbar-item.interaction.active, .navbar-mobile.light.info .navbar-dropdown:active, .navbar-mobile.light.info .navbar-dropdown.active, .navbar-mobile.light.info .navbar-dropdown-item:active, .navbar-mobile.light.info .navbar-dropdown-item.active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.navbar-mobile.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.link .navbar-menu {
|
|
fill: #034DA1;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.link .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.link ul {
|
|
background-color: #4fb0ff;
|
|
}
|
|
.navbar-mobile.light.link .navbar-item.interaction, .navbar-mobile.light.link .navbar-dropdown, .navbar-mobile.light.link .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.link .navbar-item.interaction:focus, .navbar-mobile.light.link .navbar-dropdown:focus, .navbar-mobile.light.link .navbar-dropdown-item:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.navbar-mobile.light.link .navbar-item.interaction:hover, .navbar-mobile.light.link .navbar-dropdown:hover, .navbar-mobile.light.link .navbar-dropdown-item:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.navbar-mobile.light.link .navbar-item.interaction:active, .navbar-mobile.light.link .navbar-item.interaction.active, .navbar-mobile.light.link .navbar-dropdown:active, .navbar-mobile.light.link .navbar-dropdown.active, .navbar-mobile.light.link .navbar-dropdown-item:active, .navbar-mobile.light.link .navbar-dropdown-item.active {
|
|
background-color: #038eff;
|
|
}
|
|
.navbar-mobile.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.warning .navbar-menu {
|
|
fill: #99a034;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.warning .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.warning ul {
|
|
background-color: #fdffa8;
|
|
}
|
|
.navbar-mobile.light.warning .navbar-item.interaction, .navbar-mobile.light.warning .navbar-dropdown, .navbar-mobile.light.warning .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.warning .navbar-item.interaction:focus, .navbar-mobile.light.warning .navbar-dropdown:focus, .navbar-mobile.light.warning .navbar-dropdown-item:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.navbar-mobile.light.warning .navbar-item.interaction:hover, .navbar-mobile.light.warning .navbar-dropdown:hover, .navbar-mobile.light.warning .navbar-dropdown-item:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.navbar-mobile.light.warning .navbar-item.interaction:active, .navbar-mobile.light.warning .navbar-item.interaction.active, .navbar-mobile.light.warning .navbar-dropdown:active, .navbar-mobile.light.warning .navbar-dropdown.active, .navbar-mobile.light.warning .navbar-dropdown-item:active, .navbar-mobile.light.warning .navbar-dropdown-item.active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.navbar-mobile.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.danger .navbar-menu {
|
|
fill: #ed1c24;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.danger .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.danger ul {
|
|
background-color: #fdc5c5;
|
|
}
|
|
.navbar-mobile.light.danger .navbar-item.interaction, .navbar-mobile.light.danger .navbar-dropdown, .navbar-mobile.light.danger .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.danger .navbar-item.interaction:focus, .navbar-mobile.light.danger .navbar-dropdown:focus, .navbar-mobile.light.danger .navbar-dropdown-item:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.navbar-mobile.light.danger .navbar-item.interaction:hover, .navbar-mobile.light.danger .navbar-dropdown:hover, .navbar-mobile.light.danger .navbar-dropdown-item:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.navbar-mobile.light.danger .navbar-item.interaction:active, .navbar-mobile.light.danger .navbar-item.interaction.active, .navbar-mobile.light.danger .navbar-dropdown:active, .navbar-mobile.light.danger .navbar-dropdown.active, .navbar-mobile.light.danger .navbar-dropdown-item:active, .navbar-mobile.light.danger .navbar-dropdown-item.active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.navbar-mobile.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.navbar-mobile.light.clean .navbar-menu {
|
|
fill: #313131;
|
|
width: 40px;
|
|
}
|
|
.navbar-mobile.light.clean .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar-mobile.light.clean ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar-mobile.light.clean .navbar-item.interaction, .navbar-mobile.light.clean .navbar-dropdown, .navbar-mobile.light.clean .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar-mobile.light.clean .navbar-item.interaction:focus, .navbar-mobile.light.clean .navbar-dropdown:focus, .navbar-mobile.light.clean .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar-mobile.light.clean .navbar-item.interaction:hover, .navbar-mobile.light.clean .navbar-dropdown:hover, .navbar-mobile.light.clean .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar-mobile.light.clean .navbar-item.interaction:active, .navbar-mobile.light.clean .navbar-item.interaction.active, .navbar-mobile.light.clean .navbar-dropdown:active, .navbar-mobile.light.clean .navbar-dropdown.active, .navbar-mobile.light.clean .navbar-dropdown-item:active, .navbar-mobile.light.clean .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar-mobile .navbar-container {
|
|
width: 100%;
|
|
flex-direction: column !important;
|
|
}
|
|
.navbar-mobile .navbar-container.navbar-container-mobile {
|
|
flex-direction: row !important;
|
|
width: 100%;
|
|
}
|
|
.navbar-mobile .branch {
|
|
align-self: center;
|
|
margin-left: 5px;
|
|
}
|
|
.navbar-mobile .branch img {
|
|
width: 50px;
|
|
}
|
|
.navbar-mobile .navbar-dropdown {
|
|
cursor: pointer;
|
|
padding: 0;
|
|
}
|
|
.navbar-mobile .navbar-dropdown .main-content {
|
|
padding: 10px;
|
|
}
|
|
.navbar-mobile .navbar-dropdown ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
}
|
|
.navbar-mobile .navbar-dropdown ul li {
|
|
padding: 8px 15px;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
@media all and (min-width: 992px) {
|
|
.navbar-mobile {
|
|
display: none;
|
|
}
|
|
|
|
.navbar {
|
|
display: inline-flex;
|
|
width: 100%;
|
|
}
|
|
.navbar.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.standard .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.standard .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.standard ul {
|
|
background-color: #918d94;
|
|
}
|
|
.navbar.regular.standard .navbar-item.interaction, .navbar.regular.standard .navbar-dropdown, .navbar.regular.standard .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.standard .navbar-item.interaction:focus, .navbar.regular.standard .navbar-dropdown:focus, .navbar.regular.standard .navbar-dropdown-item:focus {
|
|
background-color: #848088;
|
|
}
|
|
.navbar.regular.standard .navbar-item.interaction:hover, .navbar.regular.standard .navbar-dropdown:hover, .navbar.regular.standard .navbar-dropdown-item:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.navbar.regular.standard .navbar-item.interaction:active, .navbar.regular.standard .navbar-item.interaction.active, .navbar.regular.standard .navbar-dropdown:active, .navbar.regular.standard .navbar-dropdown.active, .navbar.regular.standard .navbar-dropdown-item:active, .navbar.regular.standard .navbar-dropdown-item.active {
|
|
background-color: #6b676e;
|
|
}
|
|
.navbar.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.primary .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.primary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.primary ul {
|
|
background-color: #654016;
|
|
}
|
|
.navbar.regular.primary .navbar-item.interaction, .navbar.regular.primary .navbar-dropdown, .navbar.regular.primary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.primary .navbar-item.interaction:focus, .navbar.regular.primary .navbar-dropdown:focus, .navbar.regular.primary .navbar-dropdown-item:focus {
|
|
background-color: #503311;
|
|
}
|
|
.navbar.regular.primary .navbar-item.interaction:hover, .navbar.regular.primary .navbar-dropdown:hover, .navbar.regular.primary .navbar-dropdown-item:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.navbar.regular.primary .navbar-item.interaction:active, .navbar.regular.primary .navbar-item.interaction.active, .navbar.regular.primary .navbar-dropdown:active, .navbar.regular.primary .navbar-dropdown.active, .navbar.regular.primary .navbar-dropdown-item:active, .navbar.regular.primary .navbar-dropdown-item.active {
|
|
background-color: #261808;
|
|
}
|
|
.navbar.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.secondary .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.secondary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.secondary ul {
|
|
background-color: #c77b21;
|
|
}
|
|
.navbar.regular.secondary .navbar-item.interaction, .navbar.regular.secondary .navbar-dropdown, .navbar.regular.secondary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.secondary .navbar-item.interaction:focus, .navbar.regular.secondary .navbar-dropdown:focus, .navbar.regular.secondary .navbar-dropdown-item:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.navbar.regular.secondary .navbar-item.interaction:hover, .navbar.regular.secondary .navbar-dropdown:hover, .navbar.regular.secondary .navbar-dropdown-item:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.navbar.regular.secondary .navbar-item.interaction:active, .navbar.regular.secondary .navbar-item.interaction.active, .navbar.regular.secondary .navbar-dropdown:active, .navbar.regular.secondary .navbar-dropdown.active, .navbar.regular.secondary .navbar-dropdown-item:active, .navbar.regular.secondary .navbar-dropdown-item.active {
|
|
background-color: #855216;
|
|
}
|
|
.navbar.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.success .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.success .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.success ul {
|
|
background-color: #40C600;
|
|
}
|
|
.navbar.regular.success .navbar-item.interaction, .navbar.regular.success .navbar-dropdown, .navbar.regular.success .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.success .navbar-item.interaction:focus, .navbar.regular.success .navbar-dropdown:focus, .navbar.regular.success .navbar-dropdown-item:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.navbar.regular.success .navbar-item.interaction:hover, .navbar.regular.success .navbar-dropdown:hover, .navbar.regular.success .navbar-dropdown-item:hover {
|
|
background-color: #309300;
|
|
}
|
|
.navbar.regular.success .navbar-item.interaction:active, .navbar.regular.success .navbar-item.interaction.active, .navbar.regular.success .navbar-dropdown:active, .navbar.regular.success .navbar-dropdown.active, .navbar.regular.success .navbar-dropdown-item:active, .navbar.regular.success .navbar-dropdown-item.active {
|
|
background-color: #277a00;
|
|
}
|
|
.navbar.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.info .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.info .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.info ul {
|
|
background-color: #008FD5;
|
|
}
|
|
.navbar.regular.info .navbar-item.interaction, .navbar.regular.info .navbar-dropdown, .navbar.regular.info .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.info .navbar-item.interaction:focus, .navbar.regular.info .navbar-dropdown:focus, .navbar.regular.info .navbar-dropdown-item:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.navbar.regular.info .navbar-item.interaction:hover, .navbar.regular.info .navbar-dropdown:hover, .navbar.regular.info .navbar-dropdown-item:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.navbar.regular.info .navbar-item.interaction:active, .navbar.regular.info .navbar-item.interaction.active, .navbar.regular.info .navbar-dropdown:active, .navbar.regular.info .navbar-dropdown.active, .navbar.regular.info .navbar-dropdown-item:active, .navbar.regular.info .navbar-dropdown-item.active {
|
|
background-color: #005c89;
|
|
}
|
|
.navbar.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.link .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.link .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.link ul {
|
|
background-color: #034DA1;
|
|
}
|
|
.navbar.regular.link .navbar-item.interaction, .navbar.regular.link .navbar-dropdown, .navbar.regular.link .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.link .navbar-item.interaction:focus, .navbar.regular.link .navbar-dropdown:focus, .navbar.regular.link .navbar-dropdown-item:focus {
|
|
background-color: #034188;
|
|
}
|
|
.navbar.regular.link .navbar-item.interaction:hover, .navbar.regular.link .navbar-dropdown:hover, .navbar.regular.link .navbar-dropdown-item:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.navbar.regular.link .navbar-item.interaction:active, .navbar.regular.link .navbar-item.interaction.active, .navbar.regular.link .navbar-dropdown:active, .navbar.regular.link .navbar-dropdown.active, .navbar.regular.link .navbar-dropdown-item:active, .navbar.regular.link .navbar-dropdown-item.active {
|
|
background-color: #022956;
|
|
}
|
|
.navbar.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.navbar.regular.warning .navbar-menu {
|
|
fill: #000;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.warning .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.warning ul {
|
|
background-color: #FFF200;
|
|
}
|
|
.navbar.regular.warning .navbar-item.interaction, .navbar.regular.warning .navbar-dropdown, .navbar.regular.warning .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.warning .navbar-item.interaction:focus, .navbar.regular.warning .navbar-dropdown:focus, .navbar.regular.warning .navbar-dropdown-item:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.navbar.regular.warning .navbar-item.interaction:hover, .navbar.regular.warning .navbar-dropdown:hover, .navbar.regular.warning .navbar-dropdown-item:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.navbar.regular.warning .navbar-item.interaction:active, .navbar.regular.warning .navbar-item.interaction.active, .navbar.regular.warning .navbar-dropdown:active, .navbar.regular.warning .navbar-dropdown.active, .navbar.regular.warning .navbar-dropdown-item:active, .navbar.regular.warning .navbar-dropdown-item.active {
|
|
background-color: #b3a900;
|
|
}
|
|
.navbar.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.navbar.regular.danger .navbar-menu {
|
|
fill: #fff;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.danger .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.danger ul {
|
|
background-color: #ed1c24;
|
|
}
|
|
.navbar.regular.danger .navbar-item.interaction, .navbar.regular.danger .navbar-dropdown, .navbar.regular.danger .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.danger .navbar-item.interaction:focus, .navbar.regular.danger .navbar-dropdown:focus, .navbar.regular.danger .navbar-dropdown-item:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.navbar.regular.danger .navbar-item.interaction:hover, .navbar.regular.danger .navbar-dropdown:hover, .navbar.regular.danger .navbar-dropdown-item:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.navbar.regular.danger .navbar-item.interaction:active, .navbar.regular.danger .navbar-item.interaction.active, .navbar.regular.danger .navbar-dropdown:active, .navbar.regular.danger .navbar-dropdown.active, .navbar.regular.danger .navbar-dropdown-item:active, .navbar.regular.danger .navbar-dropdown-item.active {
|
|
background-color: #af0e14;
|
|
}
|
|
.navbar.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.navbar.regular.clean .navbar-menu {
|
|
fill: #313131;
|
|
width: 40px;
|
|
}
|
|
.navbar.regular.clean .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.regular.clean ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.regular.clean .navbar-item.interaction, .navbar.regular.clean .navbar-dropdown, .navbar.regular.clean .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.regular.clean .navbar-item.interaction:focus, .navbar.regular.clean .navbar-dropdown:focus, .navbar.regular.clean .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.regular.clean .navbar-item.interaction:hover, .navbar.regular.clean .navbar-dropdown:hover, .navbar.regular.clean .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.regular.clean .navbar-item.interaction:active, .navbar.regular.clean .navbar-item.interaction.active, .navbar.regular.clean .navbar-dropdown:active, .navbar.regular.clean .navbar-dropdown.active, .navbar.regular.clean .navbar-dropdown-item:active, .navbar.regular.clean .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.navbar.outline.standard .navbar-menu {
|
|
fill: #918d94;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.standard .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.standard ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.standard .navbar-item.interaction, .navbar.outline.standard .navbar-dropdown, .navbar.outline.standard .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.standard .navbar-item.interaction:focus, .navbar.outline.standard .navbar-dropdown:focus, .navbar.outline.standard .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.standard .navbar-item.interaction:hover, .navbar.outline.standard .navbar-dropdown:hover, .navbar.outline.standard .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.standard .navbar-item.interaction:active, .navbar.outline.standard .navbar-item.interaction.active, .navbar.outline.standard .navbar-dropdown:active, .navbar.outline.standard .navbar-dropdown.active, .navbar.outline.standard .navbar-dropdown-item:active, .navbar.outline.standard .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.navbar.outline.primary .navbar-menu {
|
|
fill: #654016;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.primary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.primary ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.primary .navbar-item.interaction, .navbar.outline.primary .navbar-dropdown, .navbar.outline.primary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.primary .navbar-item.interaction:focus, .navbar.outline.primary .navbar-dropdown:focus, .navbar.outline.primary .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.primary .navbar-item.interaction:hover, .navbar.outline.primary .navbar-dropdown:hover, .navbar.outline.primary .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.primary .navbar-item.interaction:active, .navbar.outline.primary .navbar-item.interaction.active, .navbar.outline.primary .navbar-dropdown:active, .navbar.outline.primary .navbar-dropdown.active, .navbar.outline.primary .navbar-dropdown-item:active, .navbar.outline.primary .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.navbar.outline.secondary .navbar-menu {
|
|
fill: #c77b21;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.secondary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.secondary ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.secondary .navbar-item.interaction, .navbar.outline.secondary .navbar-dropdown, .navbar.outline.secondary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.secondary .navbar-item.interaction:focus, .navbar.outline.secondary .navbar-dropdown:focus, .navbar.outline.secondary .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.secondary .navbar-item.interaction:hover, .navbar.outline.secondary .navbar-dropdown:hover, .navbar.outline.secondary .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.secondary .navbar-item.interaction:active, .navbar.outline.secondary .navbar-item.interaction.active, .navbar.outline.secondary .navbar-dropdown:active, .navbar.outline.secondary .navbar-dropdown.active, .navbar.outline.secondary .navbar-dropdown-item:active, .navbar.outline.secondary .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.navbar.outline.success .navbar-menu {
|
|
fill: #40C600;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.success .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.success ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.success .navbar-item.interaction, .navbar.outline.success .navbar-dropdown, .navbar.outline.success .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.success .navbar-item.interaction:focus, .navbar.outline.success .navbar-dropdown:focus, .navbar.outline.success .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.success .navbar-item.interaction:hover, .navbar.outline.success .navbar-dropdown:hover, .navbar.outline.success .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.success .navbar-item.interaction:active, .navbar.outline.success .navbar-item.interaction.active, .navbar.outline.success .navbar-dropdown:active, .navbar.outline.success .navbar-dropdown.active, .navbar.outline.success .navbar-dropdown-item:active, .navbar.outline.success .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.navbar.outline.info .navbar-menu {
|
|
fill: #008FD5;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.info .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.info ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.info .navbar-item.interaction, .navbar.outline.info .navbar-dropdown, .navbar.outline.info .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.info .navbar-item.interaction:focus, .navbar.outline.info .navbar-dropdown:focus, .navbar.outline.info .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.info .navbar-item.interaction:hover, .navbar.outline.info .navbar-dropdown:hover, .navbar.outline.info .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.info .navbar-item.interaction:active, .navbar.outline.info .navbar-item.interaction.active, .navbar.outline.info .navbar-dropdown:active, .navbar.outline.info .navbar-dropdown.active, .navbar.outline.info .navbar-dropdown-item:active, .navbar.outline.info .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.navbar.outline.link .navbar-menu {
|
|
fill: #034DA1;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.link .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.link ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.link .navbar-item.interaction, .navbar.outline.link .navbar-dropdown, .navbar.outline.link .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.link .navbar-item.interaction:focus, .navbar.outline.link .navbar-dropdown:focus, .navbar.outline.link .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.link .navbar-item.interaction:hover, .navbar.outline.link .navbar-dropdown:hover, .navbar.outline.link .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.link .navbar-item.interaction:active, .navbar.outline.link .navbar-item.interaction.active, .navbar.outline.link .navbar-dropdown:active, .navbar.outline.link .navbar-dropdown.active, .navbar.outline.link .navbar-dropdown-item:active, .navbar.outline.link .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.navbar.outline.warning .navbar-menu {
|
|
fill: #e6bd44;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.warning .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.warning ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.warning .navbar-item.interaction, .navbar.outline.warning .navbar-dropdown, .navbar.outline.warning .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.warning .navbar-item.interaction:focus, .navbar.outline.warning .navbar-dropdown:focus, .navbar.outline.warning .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.warning .navbar-item.interaction:hover, .navbar.outline.warning .navbar-dropdown:hover, .navbar.outline.warning .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.warning .navbar-item.interaction:active, .navbar.outline.warning .navbar-item.interaction.active, .navbar.outline.warning .navbar-dropdown:active, .navbar.outline.warning .navbar-dropdown.active, .navbar.outline.warning .navbar-dropdown-item:active, .navbar.outline.warning .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.navbar.outline.danger .navbar-menu {
|
|
fill: #ed1c24;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.danger .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.danger ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.danger .navbar-item.interaction, .navbar.outline.danger .navbar-dropdown, .navbar.outline.danger .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.danger .navbar-item.interaction:focus, .navbar.outline.danger .navbar-dropdown:focus, .navbar.outline.danger .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.danger .navbar-item.interaction:hover, .navbar.outline.danger .navbar-dropdown:hover, .navbar.outline.danger .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.danger .navbar-item.interaction:active, .navbar.outline.danger .navbar-item.interaction.active, .navbar.outline.danger .navbar-dropdown:active, .navbar.outline.danger .navbar-dropdown.active, .navbar.outline.danger .navbar-dropdown-item:active, .navbar.outline.danger .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.navbar.outline.clean .navbar-menu {
|
|
fill: #313131;
|
|
width: 40px;
|
|
}
|
|
.navbar.outline.clean .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.outline.clean ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.outline.clean .navbar-item.interaction, .navbar.outline.clean .navbar-dropdown, .navbar.outline.clean .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.outline.clean .navbar-item.interaction:focus, .navbar.outline.clean .navbar-dropdown:focus, .navbar.outline.clean .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.outline.clean .navbar-item.interaction:hover, .navbar.outline.clean .navbar-dropdown:hover, .navbar.outline.clean .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.outline.clean .navbar-item.interaction:active, .navbar.outline.clean .navbar-item.interaction.active, .navbar.outline.clean .navbar-dropdown:active, .navbar.outline.clean .navbar-dropdown.active, .navbar.outline.clean .navbar-dropdown-item:active, .navbar.outline.clean .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.navbar.light.standard .navbar-menu {
|
|
fill: #918d94;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.standard .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.standard ul {
|
|
background-color: #faf3f3;
|
|
}
|
|
.navbar.light.standard .navbar-item.interaction, .navbar.light.standard .navbar-dropdown, .navbar.light.standard .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.standard .navbar-item.interaction:focus, .navbar.light.standard .navbar-dropdown:focus, .navbar.light.standard .navbar-dropdown-item:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.navbar.light.standard .navbar-item.interaction:hover, .navbar.light.standard .navbar-dropdown:hover, .navbar.light.standard .navbar-dropdown-item:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.navbar.light.standard .navbar-item.interaction:active, .navbar.light.standard .navbar-item.interaction.active, .navbar.light.standard .navbar-dropdown:active, .navbar.light.standard .navbar-dropdown.active, .navbar.light.standard .navbar-dropdown-item:active, .navbar.light.standard .navbar-dropdown-item.active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.navbar.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.navbar.light.primary .navbar-menu {
|
|
fill: #654016;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.primary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.primary ul {
|
|
background-color: #e9d7c4;
|
|
}
|
|
.navbar.light.primary .navbar-item.interaction, .navbar.light.primary .navbar-dropdown, .navbar.light.primary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.primary .navbar-item.interaction:focus, .navbar.light.primary .navbar-dropdown:focus, .navbar.light.primary .navbar-dropdown-item:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.navbar.light.primary .navbar-item.interaction:hover, .navbar.light.primary .navbar-dropdown:hover, .navbar.light.primary .navbar-dropdown-item:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.navbar.light.primary .navbar-item.interaction:active, .navbar.light.primary .navbar-item.interaction.active, .navbar.light.primary .navbar-dropdown:active, .navbar.light.primary .navbar-dropdown.active, .navbar.light.primary .navbar-dropdown-item:active, .navbar.light.primary .navbar-dropdown-item.active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.navbar.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.navbar.light.secondary .navbar-menu {
|
|
fill: #c77b21;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.secondary .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.secondary ul {
|
|
background-color: #ffd9ac;
|
|
}
|
|
.navbar.light.secondary .navbar-item.interaction, .navbar.light.secondary .navbar-dropdown, .navbar.light.secondary .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.secondary .navbar-item.interaction:focus, .navbar.light.secondary .navbar-dropdown:focus, .navbar.light.secondary .navbar-dropdown-item:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.navbar.light.secondary .navbar-item.interaction:hover, .navbar.light.secondary .navbar-dropdown:hover, .navbar.light.secondary .navbar-dropdown-item:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.navbar.light.secondary .navbar-item.interaction:active, .navbar.light.secondary .navbar-item.interaction.active, .navbar.light.secondary .navbar-dropdown:active, .navbar.light.secondary .navbar-dropdown.active, .navbar.light.secondary .navbar-dropdown-item:active, .navbar.light.secondary .navbar-dropdown-item.active {
|
|
background-color: #ffb660;
|
|
}
|
|
.navbar.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.navbar.light.success .navbar-menu {
|
|
fill: #1ca53e;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.success .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.success ul {
|
|
background-color: #b6f5c6;
|
|
}
|
|
.navbar.light.success .navbar-item.interaction, .navbar.light.success .navbar-dropdown, .navbar.light.success .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.success .navbar-item.interaction:focus, .navbar.light.success .navbar-dropdown:focus, .navbar.light.success .navbar-dropdown-item:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.navbar.light.success .navbar-item.interaction:hover, .navbar.light.success .navbar-dropdown:hover, .navbar.light.success .navbar-dropdown-item:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.navbar.light.success .navbar-item.interaction:active, .navbar.light.success .navbar-item.interaction.active, .navbar.light.success .navbar-dropdown:active, .navbar.light.success .navbar-dropdown.active, .navbar.light.success .navbar-dropdown-item:active, .navbar.light.success .navbar-dropdown-item.active {
|
|
background-color: #73ec91;
|
|
}
|
|
.navbar.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.navbar.light.info .navbar-menu {
|
|
fill: #008FD5;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.info .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.info ul {
|
|
background-color: #cedaff;
|
|
}
|
|
.navbar.light.info .navbar-item.interaction, .navbar.light.info .navbar-dropdown, .navbar.light.info .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.info .navbar-item.interaction:focus, .navbar.light.info .navbar-dropdown:focus, .navbar.light.info .navbar-dropdown-item:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.navbar.light.info .navbar-item.interaction:hover, .navbar.light.info .navbar-dropdown:hover, .navbar.light.info .navbar-dropdown-item:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.navbar.light.info .navbar-item.interaction:active, .navbar.light.info .navbar-item.interaction.active, .navbar.light.info .navbar-dropdown:active, .navbar.light.info .navbar-dropdown.active, .navbar.light.info .navbar-dropdown-item:active, .navbar.light.info .navbar-dropdown-item.active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.navbar.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.navbar.light.link .navbar-menu {
|
|
fill: #034DA1;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.link .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.link ul {
|
|
background-color: #4fb0ff;
|
|
}
|
|
.navbar.light.link .navbar-item.interaction, .navbar.light.link .navbar-dropdown, .navbar.light.link .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.link .navbar-item.interaction:focus, .navbar.light.link .navbar-dropdown:focus, .navbar.light.link .navbar-dropdown-item:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.navbar.light.link .navbar-item.interaction:hover, .navbar.light.link .navbar-dropdown:hover, .navbar.light.link .navbar-dropdown-item:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.navbar.light.link .navbar-item.interaction:active, .navbar.light.link .navbar-item.interaction.active, .navbar.light.link .navbar-dropdown:active, .navbar.light.link .navbar-dropdown.active, .navbar.light.link .navbar-dropdown-item:active, .navbar.light.link .navbar-dropdown-item.active {
|
|
background-color: #038eff;
|
|
}
|
|
.navbar.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.navbar.light.warning .navbar-menu {
|
|
fill: #99a034;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.warning .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.warning ul {
|
|
background-color: #fdffa8;
|
|
}
|
|
.navbar.light.warning .navbar-item.interaction, .navbar.light.warning .navbar-dropdown, .navbar.light.warning .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.warning .navbar-item.interaction:focus, .navbar.light.warning .navbar-dropdown:focus, .navbar.light.warning .navbar-dropdown-item:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.navbar.light.warning .navbar-item.interaction:hover, .navbar.light.warning .navbar-dropdown:hover, .navbar.light.warning .navbar-dropdown-item:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.navbar.light.warning .navbar-item.interaction:active, .navbar.light.warning .navbar-item.interaction.active, .navbar.light.warning .navbar-dropdown:active, .navbar.light.warning .navbar-dropdown.active, .navbar.light.warning .navbar-dropdown-item:active, .navbar.light.warning .navbar-dropdown-item.active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.navbar.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.navbar.light.danger .navbar-menu {
|
|
fill: #ed1c24;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.danger .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.danger ul {
|
|
background-color: #fdc5c5;
|
|
}
|
|
.navbar.light.danger .navbar-item.interaction, .navbar.light.danger .navbar-dropdown, .navbar.light.danger .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.danger .navbar-item.interaction:focus, .navbar.light.danger .navbar-dropdown:focus, .navbar.light.danger .navbar-dropdown-item:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.navbar.light.danger .navbar-item.interaction:hover, .navbar.light.danger .navbar-dropdown:hover, .navbar.light.danger .navbar-dropdown-item:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.navbar.light.danger .navbar-item.interaction:active, .navbar.light.danger .navbar-item.interaction.active, .navbar.light.danger .navbar-dropdown:active, .navbar.light.danger .navbar-dropdown.active, .navbar.light.danger .navbar-dropdown-item:active, .navbar.light.danger .navbar-dropdown-item.active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.navbar.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.navbar.light.clean .navbar-menu {
|
|
fill: #313131;
|
|
width: 40px;
|
|
}
|
|
.navbar.light.clean .navbar-item {
|
|
padding: 10px;
|
|
cursor: default;
|
|
}
|
|
.navbar.light.clean ul {
|
|
background-color: #fff;
|
|
}
|
|
.navbar.light.clean .navbar-item.interaction, .navbar.light.clean .navbar-dropdown, .navbar.light.clean .navbar-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.navbar.light.clean .navbar-item.interaction:focus, .navbar.light.clean .navbar-dropdown:focus, .navbar.light.clean .navbar-dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.navbar.light.clean .navbar-item.interaction:hover, .navbar.light.clean .navbar-dropdown:hover, .navbar.light.clean .navbar-dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.navbar.light.clean .navbar-item.interaction:active, .navbar.light.clean .navbar-item.interaction.active, .navbar.light.clean .navbar-dropdown:active, .navbar.light.clean .navbar-dropdown.active, .navbar.light.clean .navbar-dropdown-item:active, .navbar.light.clean .navbar-dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.navbar .navbar-dropdown {
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.navbar .navbar-dropdown ul {
|
|
padding: 0;
|
|
margin-top: 2px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 40px;
|
|
z-index: 1;
|
|
}
|
|
.navbar .navbar-dropdown ul.active {
|
|
display: inherit;
|
|
}
|
|
.navbar .navbar-dropdown ul.inactive {
|
|
display: none;
|
|
}
|
|
.navbar .navbar-dropdown li {
|
|
display: block;
|
|
padding: 10px;
|
|
text-decoration: none;
|
|
}
|
|
.navbar .navbar-item, .navbar .navbar-dropdown {
|
|
align-self: center;
|
|
}
|
|
.navbar .branch {
|
|
align-self: center;
|
|
margin-left: 5px;
|
|
}
|
|
.navbar .branch img {
|
|
width: 40px;
|
|
}
|
|
}
|
|
.navbar.navbar-router .navbar-item.navbar-route, .navbar.navbar-router .navbar-dropdown-item.navbar-route {
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
.navbar.navbar-router .navbar-item.navbar-route a, .navbar.navbar-router .navbar-dropdown-item.navbar-route a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
display: block;
|
|
height: 100%;
|
|
padding: 10px;
|
|
width: 100%;
|
|
}
|
|
.navbar.navbar-router .navbar-item.navbar-route a:focus, .navbar.navbar-router .navbar-dropdown-item.navbar-route a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.navbar-container {
|
|
width: 100%;
|
|
}
|
|
.navbar-container.navbar-container-mobile {
|
|
width: auto;
|
|
}
|
|
|
|
.form-group {
|
|
margin: 10px;
|
|
}
|
|
.form-group.vertical label, .form-group.vertical input {
|
|
display: block;
|
|
}
|
|
.form-group.horizontal {
|
|
display: flex;
|
|
}
|
|
.form-group.horizontal label {
|
|
flex-basis: 6em;
|
|
}
|
|
.form-group.horizontal .form-error {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.form-label {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.form-submit {
|
|
padding: 5px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-family: Rosario;
|
|
}
|
|
.form-submit.small {
|
|
font-size: 12px;
|
|
}
|
|
.form-submit.medium {
|
|
font-size: 18px;
|
|
}
|
|
.form-submit.big {
|
|
font-size: 26px;
|
|
}
|
|
.form-submit.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.form-submit.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.form-submit.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.form-submit.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.form-submit.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.form-submit.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.form-submit.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.form-submit.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.form-submit.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.form-submit.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.form-submit.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.form-submit.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.form-submit.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.form-submit.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.form-submit.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.form-submit.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.form-submit.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.form-submit.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.form-submit.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.form-submit.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.form-submit.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.form-submit.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.form-submit.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.form-submit.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.form-submit.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.form-submit.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.form-submit.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.form-submit.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.form-submit.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.form-submit.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.form-submit.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.form-submit.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.form-submit.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.form-submit.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.form-submit.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.form-submit.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.form-submit.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.form-submit.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.form-submit.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.form-submit.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.form-submit.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.form-submit.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.form-submit.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.form-submit.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.form-submit.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.form-submit.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.form-submit.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.form-submit.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.form-submit.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.form-submit.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.form-submit.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.form-submit.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.form-submit.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.form-submit.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.form-submit.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.form-submit.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.form-submit.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.form-submit.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.form-submit.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.form-submit.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.form-submit.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.form-submit.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.form-submit.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.form-submit.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.form-submit.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.form-submit.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.form-submit.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.form-submit.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.form-submit.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.form-submit.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.form-submit.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
|
|
.form-input, .form-file {
|
|
padding: 5px;
|
|
box-sizing: border-box;
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
}
|
|
.form-input.standard, .form-file.standard {
|
|
border: 1px solid #918d94;
|
|
}
|
|
.form-input.standard::-webkit-input-placeholder, .form-file.standard::-webkit-input-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.standard:-moz-placeholder, .form-file.standard:-moz-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.standard::-moz-placeholder, .form-file.standard::-moz-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.standard:-ms-input-placeholder, .form-file.standard:-ms-input-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.standard:focus, .form-file.standard:focus {
|
|
border-color: #78737b;
|
|
}
|
|
.form-input.standard:hover, .form-file.standard:hover {
|
|
border-color: #5e5b60;
|
|
}
|
|
.form-input.standard:active, .form-file.standard:active {
|
|
border-color: #444246;
|
|
}
|
|
.form-input.primary, .form-file.primary {
|
|
border: 1px solid #654016;
|
|
}
|
|
.form-input.primary::-webkit-input-placeholder, .form-file.primary::-webkit-input-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.primary:-moz-placeholder, .form-file.primary:-moz-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.primary::-moz-placeholder, .form-file.primary::-moz-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.primary:-ms-input-placeholder, .form-file.primary:-ms-input-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.primary:focus, .form-file.primary:focus {
|
|
border-color: #3b250d;
|
|
}
|
|
.form-input.primary:hover, .form-file.primary:hover {
|
|
border-color: #110b04;
|
|
}
|
|
.form-input.primary:active, .form-file.primary:active {
|
|
border-color: black;
|
|
}
|
|
.form-input.secondary, .form-file.secondary {
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.form-input.secondary::-webkit-input-placeholder, .form-file.secondary::-webkit-input-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.secondary:-moz-placeholder, .form-file.secondary:-moz-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.secondary::-moz-placeholder, .form-file.secondary::-moz-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.secondary:-ms-input-placeholder, .form-file.secondary:-ms-input-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.secondary:focus, .form-file.secondary:focus {
|
|
border-color: #9b601a;
|
|
}
|
|
.form-input.secondary:hover, .form-file.secondary:hover {
|
|
border-color: #704512;
|
|
}
|
|
.form-input.secondary:active, .form-file.secondary:active {
|
|
border-color: #442a0b;
|
|
}
|
|
.form-input.success, .form-file.success {
|
|
border: 1px solid #40C600;
|
|
}
|
|
.form-input.success::-webkit-input-placeholder, .form-file.success::-webkit-input-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.success:-moz-placeholder, .form-file.success:-moz-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.success::-moz-placeholder, .form-file.success::-moz-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.success:-ms-input-placeholder, .form-file.success:-ms-input-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.success:focus, .form-file.success:focus {
|
|
border-color: #309300;
|
|
}
|
|
.form-input.success:hover, .form-file.success:hover {
|
|
border-color: #1f6000;
|
|
}
|
|
.form-input.success:active, .form-file.success:active {
|
|
border-color: #0f2d00;
|
|
}
|
|
.form-input.info, .form-file.info {
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.form-input.info::-webkit-input-placeholder, .form-file.info::-webkit-input-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.info:-moz-placeholder, .form-file.info:-moz-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.info::-moz-placeholder, .form-file.info::-moz-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.info:-ms-input-placeholder, .form-file.info:-ms-input-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.info:focus, .form-file.info:focus {
|
|
border-color: #006da2;
|
|
}
|
|
.form-input.info:hover, .form-file.info:hover {
|
|
border-color: #004b6f;
|
|
}
|
|
.form-input.info:active, .form-file.info:active {
|
|
border-color: #00283c;
|
|
}
|
|
.form-input.link, .form-file.link {
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.form-input.link::-webkit-input-placeholder, .form-file.link::-webkit-input-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.link:-moz-placeholder, .form-file.link:-moz-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.link::-moz-placeholder, .form-file.link::-moz-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.link:-ms-input-placeholder, .form-file.link:-ms-input-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.link:focus, .form-file.link:focus {
|
|
border-color: #02356f;
|
|
}
|
|
.form-input.link:hover, .form-file.link:hover {
|
|
border-color: #011d3d;
|
|
}
|
|
.form-input.link:active, .form-file.link:active {
|
|
border-color: #00050b;
|
|
}
|
|
.form-input.warning, .form-file.warning {
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.form-input.warning::-webkit-input-placeholder, .form-file.warning::-webkit-input-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.warning:-moz-placeholder, .form-file.warning:-moz-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.warning::-moz-placeholder, .form-file.warning::-moz-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.warning:-ms-input-placeholder, .form-file.warning:-ms-input-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.warning:focus, .form-file.warning:focus {
|
|
border-color: #daaa1d;
|
|
}
|
|
.form-input.warning:hover, .form-file.warning:hover {
|
|
border-color: #ad8717;
|
|
}
|
|
.form-input.warning:active, .form-file.warning:active {
|
|
border-color: #806411;
|
|
}
|
|
.form-input.danger, .form-file.danger {
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.form-input.danger::-webkit-input-placeholder, .form-file.danger::-webkit-input-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.danger:-moz-placeholder, .form-file.danger:-moz-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.danger::-moz-placeholder, .form-file.danger::-moz-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.danger:-ms-input-placeholder, .form-file.danger:-ms-input-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.danger:focus, .form-file.danger:focus {
|
|
border-color: #c61017;
|
|
}
|
|
.form-input.danger:hover, .form-file.danger:hover {
|
|
border-color: #970c11;
|
|
}
|
|
.form-input.danger:active, .form-file.danger:active {
|
|
border-color: #68080c;
|
|
}
|
|
.form-input.clean, .form-file.clean {
|
|
border: 1px solid #313131;
|
|
}
|
|
.form-input.clean::-webkit-input-placeholder, .form-file.clean::-webkit-input-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.clean:-moz-placeholder, .form-file.clean:-moz-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.clean::-moz-placeholder, .form-file.clean::-moz-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.clean:-ms-input-placeholder, .form-file.clean:-ms-input-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.clean:focus, .form-file.clean:focus {
|
|
border-color: #181818;
|
|
}
|
|
.form-input.clean:hover, .form-file.clean:hover {
|
|
border-color: black;
|
|
}
|
|
.form-input.clean:active, .form-file.clean:active {
|
|
border-color: black;
|
|
}
|
|
.form-input.small, .form-file.small {
|
|
padding: 2px;
|
|
}
|
|
.form-input.big, .form-file.big {
|
|
padding: 10px;
|
|
}
|
|
.form-input.underline.standard, .form-file.underline.standard {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #918d94;
|
|
}
|
|
.form-input.underline.standard::-webkit-input-placeholder, .form-file.underline.standard::-webkit-input-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.underline.standard:-moz-placeholder, .form-file.underline.standard:-moz-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.underline.standard::-moz-placeholder, .form-file.underline.standard::-moz-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.underline.standard:-ms-input-placeholder, .form-file.underline.standard:-ms-input-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-input.underline.standard:focus, .form-file.underline.standard:focus {
|
|
border-color: #78737b;
|
|
}
|
|
.form-input.underline.standard:hover, .form-file.underline.standard:hover {
|
|
border-color: #5e5b60;
|
|
}
|
|
.form-input.underline.standard:active, .form-file.underline.standard:active {
|
|
border-color: #444246;
|
|
}
|
|
.form-input.underline.primary, .form-file.underline.primary {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #654016;
|
|
}
|
|
.form-input.underline.primary::-webkit-input-placeholder, .form-file.underline.primary::-webkit-input-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.underline.primary:-moz-placeholder, .form-file.underline.primary:-moz-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.underline.primary::-moz-placeholder, .form-file.underline.primary::-moz-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.underline.primary:-ms-input-placeholder, .form-file.underline.primary:-ms-input-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-input.underline.primary:focus, .form-file.underline.primary:focus {
|
|
border-color: #3b250d;
|
|
}
|
|
.form-input.underline.primary:hover, .form-file.underline.primary:hover {
|
|
border-color: #110b04;
|
|
}
|
|
.form-input.underline.primary:active, .form-file.underline.primary:active {
|
|
border-color: black;
|
|
}
|
|
.form-input.underline.secondary, .form-file.underline.secondary {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #c77b21;
|
|
}
|
|
.form-input.underline.secondary::-webkit-input-placeholder, .form-file.underline.secondary::-webkit-input-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.underline.secondary:-moz-placeholder, .form-file.underline.secondary:-moz-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.underline.secondary::-moz-placeholder, .form-file.underline.secondary::-moz-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.underline.secondary:-ms-input-placeholder, .form-file.underline.secondary:-ms-input-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-input.underline.secondary:focus, .form-file.underline.secondary:focus {
|
|
border-color: #9b601a;
|
|
}
|
|
.form-input.underline.secondary:hover, .form-file.underline.secondary:hover {
|
|
border-color: #704512;
|
|
}
|
|
.form-input.underline.secondary:active, .form-file.underline.secondary:active {
|
|
border-color: #442a0b;
|
|
}
|
|
.form-input.underline.success, .form-file.underline.success {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #40C600;
|
|
}
|
|
.form-input.underline.success::-webkit-input-placeholder, .form-file.underline.success::-webkit-input-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.underline.success:-moz-placeholder, .form-file.underline.success:-moz-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.underline.success::-moz-placeholder, .form-file.underline.success::-moz-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.underline.success:-ms-input-placeholder, .form-file.underline.success:-ms-input-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-input.underline.success:focus, .form-file.underline.success:focus {
|
|
border-color: #309300;
|
|
}
|
|
.form-input.underline.success:hover, .form-file.underline.success:hover {
|
|
border-color: #1f6000;
|
|
}
|
|
.form-input.underline.success:active, .form-file.underline.success:active {
|
|
border-color: #0f2d00;
|
|
}
|
|
.form-input.underline.info, .form-file.underline.info {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #008FD5;
|
|
}
|
|
.form-input.underline.info::-webkit-input-placeholder, .form-file.underline.info::-webkit-input-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.underline.info:-moz-placeholder, .form-file.underline.info:-moz-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.underline.info::-moz-placeholder, .form-file.underline.info::-moz-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.underline.info:-ms-input-placeholder, .form-file.underline.info:-ms-input-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-input.underline.info:focus, .form-file.underline.info:focus {
|
|
border-color: #006da2;
|
|
}
|
|
.form-input.underline.info:hover, .form-file.underline.info:hover {
|
|
border-color: #004b6f;
|
|
}
|
|
.form-input.underline.info:active, .form-file.underline.info:active {
|
|
border-color: #00283c;
|
|
}
|
|
.form-input.underline.link, .form-file.underline.link {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #034DA1;
|
|
}
|
|
.form-input.underline.link::-webkit-input-placeholder, .form-file.underline.link::-webkit-input-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.underline.link:-moz-placeholder, .form-file.underline.link:-moz-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.underline.link::-moz-placeholder, .form-file.underline.link::-moz-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.underline.link:-ms-input-placeholder, .form-file.underline.link:-ms-input-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-input.underline.link:focus, .form-file.underline.link:focus {
|
|
border-color: #02356f;
|
|
}
|
|
.form-input.underline.link:hover, .form-file.underline.link:hover {
|
|
border-color: #011d3d;
|
|
}
|
|
.form-input.underline.link:active, .form-file.underline.link:active {
|
|
border-color: #00050b;
|
|
}
|
|
.form-input.underline.warning, .form-file.underline.warning {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #e6bd44;
|
|
}
|
|
.form-input.underline.warning::-webkit-input-placeholder, .form-file.underline.warning::-webkit-input-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.underline.warning:-moz-placeholder, .form-file.underline.warning:-moz-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.underline.warning::-moz-placeholder, .form-file.underline.warning::-moz-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.underline.warning:-ms-input-placeholder, .form-file.underline.warning:-ms-input-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-input.underline.warning:focus, .form-file.underline.warning:focus {
|
|
border-color: #daaa1d;
|
|
}
|
|
.form-input.underline.warning:hover, .form-file.underline.warning:hover {
|
|
border-color: #ad8717;
|
|
}
|
|
.form-input.underline.warning:active, .form-file.underline.warning:active {
|
|
border-color: #806411;
|
|
}
|
|
.form-input.underline.danger, .form-file.underline.danger {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #ed1c24;
|
|
}
|
|
.form-input.underline.danger::-webkit-input-placeholder, .form-file.underline.danger::-webkit-input-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.underline.danger:-moz-placeholder, .form-file.underline.danger:-moz-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.underline.danger::-moz-placeholder, .form-file.underline.danger::-moz-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.underline.danger:-ms-input-placeholder, .form-file.underline.danger:-ms-input-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-input.underline.danger:focus, .form-file.underline.danger:focus {
|
|
border-color: #c61017;
|
|
}
|
|
.form-input.underline.danger:hover, .form-file.underline.danger:hover {
|
|
border-color: #970c11;
|
|
}
|
|
.form-input.underline.danger:active, .form-file.underline.danger:active {
|
|
border-color: #68080c;
|
|
}
|
|
.form-input.underline.clean, .form-file.underline.clean {
|
|
border-radius: 2px;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 2px solid #313131;
|
|
}
|
|
.form-input.underline.clean::-webkit-input-placeholder, .form-file.underline.clean::-webkit-input-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.underline.clean:-moz-placeholder, .form-file.underline.clean:-moz-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.underline.clean::-moz-placeholder, .form-file.underline.clean::-moz-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.underline.clean:-ms-input-placeholder, .form-file.underline.clean:-ms-input-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-input.underline.clean:focus, .form-file.underline.clean:focus {
|
|
border-color: #181818;
|
|
}
|
|
.form-input.underline.clean:hover, .form-file.underline.clean:hover {
|
|
border-color: black;
|
|
}
|
|
.form-input.underline.clean:active, .form-file.underline.clean:active {
|
|
border-color: black;
|
|
}
|
|
|
|
.form-file.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.form-select {
|
|
padding: 3px;
|
|
width: 100%;
|
|
}
|
|
.form-select.small {
|
|
padding: 0;
|
|
}
|
|
.form-select.big {
|
|
padding: 5px;
|
|
}
|
|
|
|
.form-textarea {
|
|
height: 100px;
|
|
width: 100%;
|
|
padding: 5px;
|
|
box-sizing: border-box;
|
|
border-radius: 5px;
|
|
}
|
|
.form-textarea.standard {
|
|
border: 1px solid #918d94;
|
|
}
|
|
.form-textarea.standard::-webkit-input-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-textarea.standard:-moz-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-textarea.standard::-moz-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-textarea.standard:-ms-input-placeholder {
|
|
color: #918d94;
|
|
}
|
|
.form-textarea.standard:focus {
|
|
border-color: #78737b;
|
|
}
|
|
.form-textarea.standard:hover {
|
|
border-color: #5e5b60;
|
|
}
|
|
.form-textarea.standard:active {
|
|
border-color: #444246;
|
|
}
|
|
.form-textarea.primary {
|
|
border: 1px solid #654016;
|
|
}
|
|
.form-textarea.primary::-webkit-input-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-textarea.primary:-moz-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-textarea.primary::-moz-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-textarea.primary:-ms-input-placeholder {
|
|
color: #654016;
|
|
}
|
|
.form-textarea.primary:focus {
|
|
border-color: #3b250d;
|
|
}
|
|
.form-textarea.primary:hover {
|
|
border-color: #110b04;
|
|
}
|
|
.form-textarea.primary:active {
|
|
border-color: black;
|
|
}
|
|
.form-textarea.secondary {
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.form-textarea.secondary::-webkit-input-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-textarea.secondary:-moz-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-textarea.secondary::-moz-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-textarea.secondary:-ms-input-placeholder {
|
|
color: #c77b21;
|
|
}
|
|
.form-textarea.secondary:focus {
|
|
border-color: #9b601a;
|
|
}
|
|
.form-textarea.secondary:hover {
|
|
border-color: #704512;
|
|
}
|
|
.form-textarea.secondary:active {
|
|
border-color: #442a0b;
|
|
}
|
|
.form-textarea.success {
|
|
border: 1px solid #40C600;
|
|
}
|
|
.form-textarea.success::-webkit-input-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-textarea.success:-moz-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-textarea.success::-moz-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-textarea.success:-ms-input-placeholder {
|
|
color: #40C600;
|
|
}
|
|
.form-textarea.success:focus {
|
|
border-color: #309300;
|
|
}
|
|
.form-textarea.success:hover {
|
|
border-color: #1f6000;
|
|
}
|
|
.form-textarea.success:active {
|
|
border-color: #0f2d00;
|
|
}
|
|
.form-textarea.info {
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.form-textarea.info::-webkit-input-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-textarea.info:-moz-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-textarea.info::-moz-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-textarea.info:-ms-input-placeholder {
|
|
color: #008FD5;
|
|
}
|
|
.form-textarea.info:focus {
|
|
border-color: #006da2;
|
|
}
|
|
.form-textarea.info:hover {
|
|
border-color: #004b6f;
|
|
}
|
|
.form-textarea.info:active {
|
|
border-color: #00283c;
|
|
}
|
|
.form-textarea.link {
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.form-textarea.link::-webkit-input-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-textarea.link:-moz-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-textarea.link::-moz-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-textarea.link:-ms-input-placeholder {
|
|
color: #034DA1;
|
|
}
|
|
.form-textarea.link:focus {
|
|
border-color: #02356f;
|
|
}
|
|
.form-textarea.link:hover {
|
|
border-color: #011d3d;
|
|
}
|
|
.form-textarea.link:active {
|
|
border-color: #00050b;
|
|
}
|
|
.form-textarea.warning {
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.form-textarea.warning::-webkit-input-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-textarea.warning:-moz-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-textarea.warning::-moz-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-textarea.warning:-ms-input-placeholder {
|
|
color: #e6bd44;
|
|
}
|
|
.form-textarea.warning:focus {
|
|
border-color: #daaa1d;
|
|
}
|
|
.form-textarea.warning:hover {
|
|
border-color: #ad8717;
|
|
}
|
|
.form-textarea.warning:active {
|
|
border-color: #806411;
|
|
}
|
|
.form-textarea.danger {
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.form-textarea.danger::-webkit-input-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-textarea.danger:-moz-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-textarea.danger::-moz-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-textarea.danger:-ms-input-placeholder {
|
|
color: #ed1c24;
|
|
}
|
|
.form-textarea.danger:focus {
|
|
border-color: #c61017;
|
|
}
|
|
.form-textarea.danger:hover {
|
|
border-color: #970c11;
|
|
}
|
|
.form-textarea.danger:active {
|
|
border-color: #68080c;
|
|
}
|
|
.form-textarea.clean {
|
|
border: 1px solid #313131;
|
|
}
|
|
.form-textarea.clean::-webkit-input-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-textarea.clean:-moz-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-textarea.clean::-moz-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-textarea.clean:-ms-input-placeholder {
|
|
color: #313131;
|
|
}
|
|
.form-textarea.clean:focus {
|
|
border-color: #181818;
|
|
}
|
|
.form-textarea.clean:hover {
|
|
border-color: black;
|
|
}
|
|
.form-textarea.clean:active {
|
|
border-color: black;
|
|
}
|
|
.form-textarea.small {
|
|
height: 50px;
|
|
}
|
|
.form-textarea.big {
|
|
height: 250px;
|
|
}
|
|
|
|
.form-error {
|
|
color: #ed1c24;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.card {
|
|
padding: 10px;
|
|
height: 250px;
|
|
border-radius: 5px;
|
|
}
|
|
.card.small {
|
|
height: 150px;
|
|
}
|
|
.card.big {
|
|
height: 350px;
|
|
}
|
|
.card.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.card.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.card.interaction.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.card.interaction.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.card.interaction.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.card.interaction.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.card.interaction.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.card.interaction.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.card.interaction.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.card.interaction.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.card.interaction.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.card.interaction.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.card.interaction.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.card.interaction.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.card.interaction.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.card.interaction.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.card.interaction.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.card.interaction.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.card.interaction.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.card.interaction.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.card.interaction.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.card.interaction.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.card.interaction.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.card.interaction.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.card.interaction.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.card.interaction.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.card.interaction.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.card.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.card.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.card.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.card.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.card.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.card.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.card.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.card.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.card.interaction.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.card.interaction.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.card.interaction.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.card.interaction.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.card.interaction.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.card.interaction.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.card.interaction.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.card.interaction.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.card.interaction.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.interaction.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.card.interaction.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.card.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.card.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.card.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.card.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.card.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.card.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.card.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.card.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.card.interaction.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.card.interaction.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.card.interaction.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.card.interaction.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.card.interaction.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.card.interaction.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.card.interaction.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.card.interaction.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.card.interaction.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.card.interaction.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.card.interaction.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.card.interaction.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.card.interaction.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.card.interaction.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.card.interaction.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.card.interaction.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.card.interaction.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.card.interaction.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.card.interaction.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.card.interaction.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.card.interaction.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.card.interaction.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.card.interaction.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.card.interaction.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.card.interaction.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.card.interaction.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.card.interaction.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.card .card-container {
|
|
height: 100%;
|
|
}
|
|
.card .card-header {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.card .card-body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.card .card-footer {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.card .card-single-content {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.modal {
|
|
position: fixed;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
}
|
|
.modal.standard {
|
|
background-color: rgba(145, 141, 148, 0.6);
|
|
}
|
|
.modal.primary {
|
|
background-color: rgba(101, 64, 22, 0.6);
|
|
}
|
|
.modal.secondary {
|
|
background-color: rgba(199, 123, 33, 0.6);
|
|
}
|
|
.modal.success {
|
|
background-color: rgba(64, 198, 0, 0.6);
|
|
}
|
|
.modal.info {
|
|
background-color: rgba(0, 143, 213, 0.6);
|
|
}
|
|
.modal.link {
|
|
background-color: rgba(3, 77, 161, 0.6);
|
|
}
|
|
.modal.warning {
|
|
background-color: rgba(255, 242, 0, 0.6);
|
|
}
|
|
.modal.danger {
|
|
background-color: rgba(237, 28, 36, 0.6);
|
|
}
|
|
.modal.clean {
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.modal .modal-content {
|
|
width: 50%;
|
|
top: 20vh;
|
|
position: fixed;
|
|
z-index: 2;
|
|
}
|
|
.modal .modal-content.small {
|
|
width: 30%;
|
|
}
|
|
.modal .modal-content.big {
|
|
width: 75%;
|
|
}
|
|
.modal .modal-header {
|
|
padding: 3px 15px;
|
|
border-radius: 8px 8px 0 0;
|
|
}
|
|
.modal .modal-header.interaction.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.modal .modal-header.interaction.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.modal .modal-header.interaction.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.modal .modal-header.interaction.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.modal .modal-header.interaction.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.modal .modal-header.interaction.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.modal .modal-header.interaction.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.modal .modal-header.interaction.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.modal .modal-header.interaction.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.modal .modal-header.interaction.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.modal .modal-header.interaction.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.modal .modal-header.interaction.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.modal .modal-header.interaction.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.modal .modal-header.interaction.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.modal .modal-header.interaction.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.modal .modal-header.interaction.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.modal .modal-header.interaction.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.modal .modal-header.interaction.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.modal .modal-header.interaction.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.modal .modal-header.interaction.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.modal .modal-header.interaction.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.modal .modal-header.interaction.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.modal .modal-header.interaction.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.modal .modal-header.interaction.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.modal .modal-header.interaction.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.modal .modal-header.interaction.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.modal .modal-header.interaction.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.modal .modal-header.interaction.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.modal .modal-header.interaction.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.modal .modal-header.interaction.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.modal .modal-header.interaction.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.modal .modal-header.interaction.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.modal .modal-header.interaction.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.interaction.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.modal .modal-header.interaction.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.modal .modal-header.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.modal .modal-header.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.modal .modal-header.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.modal .modal-header.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.modal .modal-header.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.modal .modal-header.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.modal .modal-header.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.modal .modal-header.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.modal .modal-header.interaction.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.modal .modal-header.interaction.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.modal .modal-header.interaction.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.modal .modal-header.interaction.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.modal .modal-header.interaction.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.modal .modal-header.interaction.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.modal .modal-header.interaction.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.modal .modal-header.interaction.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.modal .modal-header.interaction.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.modal .modal-header.interaction.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.modal .modal-header.interaction.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.modal .modal-header.interaction.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.modal .modal-header.interaction.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.modal .modal-header.interaction.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.modal .modal-header.interaction.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.modal .modal-header.interaction.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.modal .modal-header.interaction.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.modal .modal-header.interaction.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.modal .modal-header.interaction.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.modal .modal-header.interaction.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.modal .modal-header.interaction.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.modal .modal-header.interaction.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.modal .modal-header.interaction.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.modal .modal-header.interaction.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.modal .modal-header.interaction.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.interaction.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-header.interaction.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-header.interaction.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-header.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.modal .modal-header.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-body {
|
|
padding: 10px 15px;
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
.modal .modal-body.interaction.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.modal .modal-body.interaction.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.modal .modal-body.interaction.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.modal .modal-body.interaction.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.modal .modal-body.interaction.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.modal .modal-body.interaction.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.modal .modal-body.interaction.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.modal .modal-body.interaction.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.modal .modal-body.interaction.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.modal .modal-body.interaction.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.modal .modal-body.interaction.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.modal .modal-body.interaction.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.modal .modal-body.interaction.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.modal .modal-body.interaction.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.modal .modal-body.interaction.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.modal .modal-body.interaction.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.modal .modal-body.interaction.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.modal .modal-body.interaction.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.modal .modal-body.interaction.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.modal .modal-body.interaction.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.modal .modal-body.interaction.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.modal .modal-body.interaction.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.modal .modal-body.interaction.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.modal .modal-body.interaction.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.modal .modal-body.interaction.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.modal .modal-body.interaction.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.modal .modal-body.interaction.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.modal .modal-body.interaction.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.modal .modal-body.interaction.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.modal .modal-body.interaction.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.modal .modal-body.interaction.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.modal .modal-body.interaction.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.modal .modal-body.interaction.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.interaction.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.modal .modal-body.interaction.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.modal .modal-body.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.modal .modal-body.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.modal .modal-body.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.modal .modal-body.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.modal .modal-body.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.modal .modal-body.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.modal .modal-body.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.modal .modal-body.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.modal .modal-body.interaction.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.modal .modal-body.interaction.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.modal .modal-body.interaction.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.modal .modal-body.interaction.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.modal .modal-body.interaction.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.modal .modal-body.interaction.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.modal .modal-body.interaction.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.modal .modal-body.interaction.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.modal .modal-body.interaction.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.modal .modal-body.interaction.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.modal .modal-body.interaction.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.modal .modal-body.interaction.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.modal .modal-body.interaction.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.modal .modal-body.interaction.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.modal .modal-body.interaction.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.modal .modal-body.interaction.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.modal .modal-body.interaction.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.modal .modal-body.interaction.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.modal .modal-body.interaction.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.modal .modal-body.interaction.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.modal .modal-body.interaction.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.modal .modal-body.interaction.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.modal .modal-body.interaction.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.modal .modal-body.interaction.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.modal .modal-body.interaction.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.interaction.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.modal .modal-body.interaction.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.modal .modal-body.interaction.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.modal .modal-body.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.modal .modal-body.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
|
|
.plain-text, .paragraph-text, .alert-text, .tag-text {
|
|
font-family: Rosario;
|
|
}
|
|
.plain-text.small, .paragraph-text.small, .alert-text.small, .tag-text.small {
|
|
font-size: 12px;
|
|
}
|
|
.plain-text.medium, .paragraph-text.medium, .alert-text.medium, .tag-text.medium {
|
|
font-size: 18px;
|
|
}
|
|
.plain-text.big, .paragraph-text.big, .alert-text.big, .tag-text.big {
|
|
font-size: 26px;
|
|
}
|
|
|
|
.alert-text {
|
|
padding: 10px 10px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
width: 100%;
|
|
}
|
|
.alert-text.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.alert-text.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.alert-text.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.alert-text.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.alert-text.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.alert-text.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.alert-text.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.alert-text.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.alert-text.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.alert-text.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.alert-text.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.alert-text.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.alert-text.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.alert-text.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.alert-text.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.alert-text.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.alert-text.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.alert-text.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.alert-text.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.alert-text.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
|
|
.tag-text {
|
|
padding: 5px 5px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
width: max-content;
|
|
}
|
|
.tag-text.interaction {
|
|
cursor: pointer;
|
|
}
|
|
.tag-text.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.tag-text.interaction.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.tag-text.interaction.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.tag-text.interaction.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.tag-text.interaction.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.tag-text.interaction.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.tag-text.interaction.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.tag-text.interaction.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.tag-text.interaction.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.tag-text.interaction.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.tag-text.interaction.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.tag-text.interaction.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.tag-text.interaction.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.tag-text.interaction.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.tag-text.interaction.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.tag-text.interaction.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.tag-text.interaction.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.tag-text.interaction.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.tag-text.interaction.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.tag-text.interaction.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.tag-text.interaction.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.tag-text.interaction.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.tag-text.interaction.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.tag-text.interaction.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.tag-text.interaction.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.tag-text.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.tag-text.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.tag-text.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.tag-text.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.tag-text.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.tag-text.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.tag-text.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.tag-text.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.tag-text.interaction.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.tag-text.interaction.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.tag-text.interaction.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.tag-text.interaction.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.tag-text.interaction.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.tag-text.interaction.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.tag-text.interaction.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.tag-text.interaction.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.tag-text.interaction.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.interaction.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.tag-text.interaction.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.tag-text.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.tag-text.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.tag-text.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.tag-text.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.tag-text.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.tag-text.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.tag-text.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.tag-text.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.tag-text.interaction.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.tag-text.interaction.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.tag-text.interaction.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.tag-text.interaction.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.tag-text.interaction.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.tag-text.interaction.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.tag-text.interaction.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.tag-text.interaction.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.tag-text.interaction.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.tag-text.interaction.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.tag-text.interaction.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.tag-text.interaction.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.tag-text.interaction.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.tag-text.interaction.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.tag-text.interaction.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.tag-text.interaction.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.tag-text.interaction.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.tag-text.interaction.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.tag-text.interaction.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.tag-text.interaction.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.tag-text.interaction.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.tag-text.interaction.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.tag-text.interaction.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.tag-text.interaction.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.tag-text.interaction.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tag-text.interaction.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tag-text.interaction.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tag-text span, .tag-text .tag-delete {
|
|
display: inline;
|
|
}
|
|
.tag-text span {
|
|
margin-right: 3px;
|
|
}
|
|
.tag-text .tag-delete {
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropdown {
|
|
cursor: pointer;
|
|
padding-left: 0;
|
|
}
|
|
.dropdown .main-content, .dropdown li {
|
|
padding: 8px 10px 8px;
|
|
}
|
|
.dropdown.small .main-content, .dropdown.small li {
|
|
padding: 2px 5px 2px;
|
|
}
|
|
.dropdown.big .main-content, .dropdown.big li {
|
|
padding: 12px 15px 12px;
|
|
}
|
|
.dropdown ul {
|
|
padding: 0;
|
|
margin-top: 3px;
|
|
}
|
|
.dropdown.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.standard .dropdown-item:focus {
|
|
background-color: #848088;
|
|
}
|
|
.dropdown.regular.standard .dropdown-item:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.dropdown.regular.standard .dropdown-item:active, .dropdown.regular.standard .dropdown-item.active {
|
|
background-color: #6b676e;
|
|
}
|
|
.dropdown.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.primary .dropdown-item:focus {
|
|
background-color: #503311;
|
|
}
|
|
.dropdown.regular.primary .dropdown-item:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.dropdown.regular.primary .dropdown-item:active, .dropdown.regular.primary .dropdown-item.active {
|
|
background-color: #261808;
|
|
}
|
|
.dropdown.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.secondary .dropdown-item:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.dropdown.regular.secondary .dropdown-item:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.dropdown.regular.secondary .dropdown-item:active, .dropdown.regular.secondary .dropdown-item.active {
|
|
background-color: #855216;
|
|
}
|
|
.dropdown.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.success .dropdown-item:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.dropdown.regular.success .dropdown-item:hover {
|
|
background-color: #309300;
|
|
}
|
|
.dropdown.regular.success .dropdown-item:active, .dropdown.regular.success .dropdown-item.active {
|
|
background-color: #277a00;
|
|
}
|
|
.dropdown.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.info .dropdown-item:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.dropdown.regular.info .dropdown-item:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.dropdown.regular.info .dropdown-item:active, .dropdown.regular.info .dropdown-item.active {
|
|
background-color: #005c89;
|
|
}
|
|
.dropdown.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.link .dropdown-item:focus {
|
|
background-color: #034188;
|
|
}
|
|
.dropdown.regular.link .dropdown-item:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.dropdown.regular.link .dropdown-item:active, .dropdown.regular.link .dropdown-item.active {
|
|
background-color: #022956;
|
|
}
|
|
.dropdown.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.warning .dropdown-item:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.dropdown.regular.warning .dropdown-item:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.dropdown.regular.warning .dropdown-item:active, .dropdown.regular.warning .dropdown-item.active {
|
|
background-color: #b3a900;
|
|
}
|
|
.dropdown.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.danger .dropdown-item:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.dropdown.regular.danger .dropdown-item:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.dropdown.regular.danger .dropdown-item:active, .dropdown.regular.danger .dropdown-item.active {
|
|
background-color: #af0e14;
|
|
}
|
|
.dropdown.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.dropdown.regular.clean .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.regular.clean .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.regular.clean .dropdown-item:active, .dropdown.regular.clean .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.dropdown.outline.standard .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.standard .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.standard .dropdown-item:active, .dropdown.outline.standard .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.dropdown.outline.primary .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.primary .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.primary .dropdown-item:active, .dropdown.outline.primary .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.dropdown.outline.secondary .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.secondary .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.secondary .dropdown-item:active, .dropdown.outline.secondary .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.dropdown.outline.success .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.success .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.success .dropdown-item:active, .dropdown.outline.success .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.dropdown.outline.info .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.info .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.info .dropdown-item:active, .dropdown.outline.info .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.dropdown.outline.link .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.link .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.link .dropdown-item:active, .dropdown.outline.link .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.dropdown.outline.warning .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.warning .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.warning .dropdown-item:active, .dropdown.outline.warning .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.dropdown.outline.danger .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.danger .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.danger .dropdown-item:active, .dropdown.outline.danger .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.dropdown.outline.clean .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.outline.clean .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.outline.clean .dropdown-item:active, .dropdown.outline.clean .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.dropdown.light.standard .dropdown-item:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.dropdown.light.standard .dropdown-item:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.dropdown.light.standard .dropdown-item:active, .dropdown.light.standard .dropdown-item.active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.dropdown.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.dropdown.light.primary .dropdown-item:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.dropdown.light.primary .dropdown-item:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.dropdown.light.primary .dropdown-item:active, .dropdown.light.primary .dropdown-item.active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.dropdown.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.dropdown.light.secondary .dropdown-item:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.dropdown.light.secondary .dropdown-item:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.dropdown.light.secondary .dropdown-item:active, .dropdown.light.secondary .dropdown-item.active {
|
|
background-color: #ffb660;
|
|
}
|
|
.dropdown.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.dropdown.light.success .dropdown-item:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.dropdown.light.success .dropdown-item:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.dropdown.light.success .dropdown-item:active, .dropdown.light.success .dropdown-item.active {
|
|
background-color: #73ec91;
|
|
}
|
|
.dropdown.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.dropdown.light.info .dropdown-item:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.dropdown.light.info .dropdown-item:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.dropdown.light.info .dropdown-item:active, .dropdown.light.info .dropdown-item.active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.dropdown.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.dropdown.light.link .dropdown-item:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.dropdown.light.link .dropdown-item:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.dropdown.light.link .dropdown-item:active, .dropdown.light.link .dropdown-item.active {
|
|
background-color: #038eff;
|
|
}
|
|
.dropdown.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.dropdown.light.warning .dropdown-item:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.dropdown.light.warning .dropdown-item:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.dropdown.light.warning .dropdown-item:active, .dropdown.light.warning .dropdown-item.active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.dropdown.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.dropdown.light.danger .dropdown-item:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.dropdown.light.danger .dropdown-item:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.dropdown.light.danger .dropdown-item:active, .dropdown.light.danger .dropdown-item.active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.dropdown.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.dropdown.light.clean .dropdown-item:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.dropdown.light.clean .dropdown-item:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.dropdown.light.clean .dropdown-item:active, .dropdown.light.clean .dropdown-item.active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.dropdown li {
|
|
display: block;
|
|
text-decoration: none;
|
|
position: relative;
|
|
}
|
|
|
|
/* Config */
|
|
:root {
|
|
--sk-size:40px;
|
|
--sk-color:#333;
|
|
}
|
|
|
|
/* Utility class for centering */
|
|
.sk-center {
|
|
margin: auto;
|
|
}
|
|
|
|
/* Plane
|
|
* * <div class="sk-plane"></div> */
|
|
.sk-plane {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
background-color: var(--sk-color);
|
|
animation: sk-plane 1.2s infinite ease-in-out;
|
|
}
|
|
|
|
@keyframes sk-plane {
|
|
0% {
|
|
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
}
|
|
50% {
|
|
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
}
|
|
100% {
|
|
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
}
|
|
}
|
|
/* Chase
|
|
* * <div class="sk-chase">
|
|
* * <div class="sk-chase-dot"></div>
|
|
* * <div class="sk-chase-dot"></div>
|
|
* * <div class="sk-chase-dot"></div>
|
|
* * <div class="sk-chase-dot"></div>
|
|
* * <div class="sk-chase-dot"></div>
|
|
* * <div class="sk-chase-dot"></div>
|
|
* * </div> */
|
|
.sk-chase {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
animation: sk-chase 2.5s infinite linear both;
|
|
}
|
|
|
|
.sk-chase-dot {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
animation: sk-chase-dot 2s infinite ease-in-out both;
|
|
}
|
|
.sk-chase-dot:before {
|
|
content: "";
|
|
display: block;
|
|
width: 25%;
|
|
height: 25%;
|
|
background-color: var(--sk-color);
|
|
border-radius: 100%;
|
|
animation: sk-chase-dot-before 2s infinite ease-in-out both;
|
|
}
|
|
.sk-chase-dot:nth-child(1) {
|
|
animation-delay: -1.1s;
|
|
}
|
|
.sk-chase-dot:nth-child(2) {
|
|
animation-delay: -1s;
|
|
}
|
|
.sk-chase-dot:nth-child(3) {
|
|
animation-delay: -0.9s;
|
|
}
|
|
.sk-chase-dot:nth-child(4) {
|
|
animation-delay: -0.8s;
|
|
}
|
|
.sk-chase-dot:nth-child(5) {
|
|
animation-delay: -0.7s;
|
|
}
|
|
.sk-chase-dot:nth-child(6) {
|
|
animation-delay: -0.6s;
|
|
}
|
|
.sk-chase-dot:nth-child(1):before {
|
|
animation-delay: -1.1s;
|
|
}
|
|
.sk-chase-dot:nth-child(2):before {
|
|
animation-delay: -1s;
|
|
}
|
|
.sk-chase-dot:nth-child(3):before {
|
|
animation-delay: -0.9s;
|
|
}
|
|
.sk-chase-dot:nth-child(4):before {
|
|
animation-delay: -0.8s;
|
|
}
|
|
.sk-chase-dot:nth-child(5):before {
|
|
animation-delay: -0.7s;
|
|
}
|
|
.sk-chase-dot:nth-child(6):before {
|
|
animation-delay: -0.6s;
|
|
}
|
|
|
|
@keyframes sk-chase {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes sk-chase-dot {
|
|
80%, 100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes sk-chase-dot-before {
|
|
50% {
|
|
transform: scale(0.4);
|
|
}
|
|
100%, 0% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* Bounce
|
|
* * <div class="sk-bounce">
|
|
* * <div class="sk-bounce-dot"></div>
|
|
* * <div class="sk-bounce-dot"></div>
|
|
* * </div> */
|
|
.sk-bounce {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
}
|
|
|
|
.sk-bounce-dot {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
background-color: var(--sk-color);
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
.sk-bounce-dot:nth-child(2) {
|
|
animation-delay: -1s;
|
|
}
|
|
|
|
@keyframes sk-bounce {
|
|
0%, 100% {
|
|
transform: scale(0);
|
|
}
|
|
45%, 55% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* Wave
|
|
* * <div class="sk-wave">
|
|
* * <div class="sk-wave-rect"></div>
|
|
* * <div class="sk-wave-rect"></div>
|
|
* * <div class="sk-wave-rect"></div>
|
|
* * <div class="sk-wave-rect"></div>
|
|
* * <div class="sk-wave-rect"></div>
|
|
* * </div> */
|
|
.sk-wave {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sk-wave-rect {
|
|
background-color: var(--sk-color);
|
|
height: 100%;
|
|
width: 15%;
|
|
animation: sk-wave 1.2s infinite ease-in-out;
|
|
}
|
|
.sk-wave-rect:nth-child(1) {
|
|
animation-delay: -1.2s;
|
|
}
|
|
.sk-wave-rect:nth-child(2) {
|
|
animation-delay: -1.1s;
|
|
}
|
|
.sk-wave-rect:nth-child(3) {
|
|
animation-delay: -1s;
|
|
}
|
|
.sk-wave-rect:nth-child(4) {
|
|
animation-delay: -0.9s;
|
|
}
|
|
.sk-wave-rect:nth-child(5) {
|
|
animation-delay: -0.8s;
|
|
}
|
|
|
|
@keyframes sk-wave {
|
|
0%, 40%, 100% {
|
|
transform: scaleY(0.4);
|
|
}
|
|
20% {
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
/* Pulse
|
|
* * <div class="sk-pulse"></div> */
|
|
.sk-pulse {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
background-color: var(--sk-color);
|
|
border-radius: 100%;
|
|
animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
|
|
@keyframes sk-pulse {
|
|
0% {
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/* Flow
|
|
* * <div class="sk-flow">
|
|
* * <div class="sk-flow-dot"></div>
|
|
* * <div class="sk-flow-dot"></div>
|
|
* * <div class="sk-flow-dot"></div>
|
|
* * </div> */
|
|
.sk-flow {
|
|
width: calc(var(--sk-size) * 1.3);
|
|
height: calc(var(--sk-size) * 1.3);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sk-flow-dot {
|
|
width: 25%;
|
|
height: 25%;
|
|
background-color: var(--sk-color);
|
|
border-radius: 50%;
|
|
animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
|
|
}
|
|
.sk-flow-dot:nth-child(1) {
|
|
animation-delay: -0.3s;
|
|
}
|
|
.sk-flow-dot:nth-child(2) {
|
|
animation-delay: -0.15s;
|
|
}
|
|
|
|
@keyframes sk-flow {
|
|
0%, 80%, 100% {
|
|
transform: scale(0.3);
|
|
}
|
|
40% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* Swing
|
|
* * <div class="sk-swing">
|
|
* * <div class="sk-swing-dot"></div>
|
|
* * <div class="sk-swing-dot"></div>
|
|
* * </div> */
|
|
.sk-swing {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
animation: sk-swing 1.8s infinite linear;
|
|
}
|
|
|
|
.sk-swing-dot {
|
|
width: 45%;
|
|
height: 45%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
background-color: var(--sk-color);
|
|
border-radius: 100%;
|
|
animation: sk-swing-dot 2s infinite ease-in-out;
|
|
}
|
|
.sk-swing-dot:nth-child(2) {
|
|
top: auto;
|
|
bottom: 0;
|
|
animation-delay: -1s;
|
|
}
|
|
|
|
@keyframes sk-swing {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes sk-swing-dot {
|
|
0%, 100% {
|
|
transform: scale(0.2);
|
|
}
|
|
50% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* Circle
|
|
* * <div class="sk-circle">
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * <div class="sk-circle-dot"></div>
|
|
* * </div> */
|
|
.sk-circle {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
}
|
|
|
|
.sk-circle-dot {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.sk-circle-dot:before {
|
|
content: "";
|
|
display: block;
|
|
width: 15%;
|
|
height: 15%;
|
|
background-color: var(--sk-color);
|
|
border-radius: 100%;
|
|
animation: sk-circle 1.2s infinite ease-in-out both;
|
|
}
|
|
.sk-circle-dot:nth-child(1) {
|
|
transform: rotate(30deg);
|
|
}
|
|
.sk-circle-dot:nth-child(2) {
|
|
transform: rotate(60deg);
|
|
}
|
|
.sk-circle-dot:nth-child(3) {
|
|
transform: rotate(90deg);
|
|
}
|
|
.sk-circle-dot:nth-child(4) {
|
|
transform: rotate(120deg);
|
|
}
|
|
.sk-circle-dot:nth-child(5) {
|
|
transform: rotate(150deg);
|
|
}
|
|
.sk-circle-dot:nth-child(6) {
|
|
transform: rotate(180deg);
|
|
}
|
|
.sk-circle-dot:nth-child(7) {
|
|
transform: rotate(210deg);
|
|
}
|
|
.sk-circle-dot:nth-child(8) {
|
|
transform: rotate(240deg);
|
|
}
|
|
.sk-circle-dot:nth-child(9) {
|
|
transform: rotate(270deg);
|
|
}
|
|
.sk-circle-dot:nth-child(10) {
|
|
transform: rotate(300deg);
|
|
}
|
|
.sk-circle-dot:nth-child(11) {
|
|
transform: rotate(330deg);
|
|
}
|
|
.sk-circle-dot:nth-child(1):before {
|
|
animation-delay: -1.1s;
|
|
}
|
|
.sk-circle-dot:nth-child(2):before {
|
|
animation-delay: -1s;
|
|
}
|
|
.sk-circle-dot:nth-child(3):before {
|
|
animation-delay: -0.9s;
|
|
}
|
|
.sk-circle-dot:nth-child(4):before {
|
|
animation-delay: -0.8s;
|
|
}
|
|
.sk-circle-dot:nth-child(5):before {
|
|
animation-delay: -0.7s;
|
|
}
|
|
.sk-circle-dot:nth-child(6):before {
|
|
animation-delay: -0.6s;
|
|
}
|
|
.sk-circle-dot:nth-child(7):before {
|
|
animation-delay: -0.5s;
|
|
}
|
|
.sk-circle-dot:nth-child(8):before {
|
|
animation-delay: -0.4s;
|
|
}
|
|
.sk-circle-dot:nth-child(9):before {
|
|
animation-delay: -0.3s;
|
|
}
|
|
.sk-circle-dot:nth-child(10):before {
|
|
animation-delay: -0.2s;
|
|
}
|
|
.sk-circle-dot:nth-child(11):before {
|
|
animation-delay: -0.1s;
|
|
}
|
|
|
|
@keyframes sk-circle {
|
|
0%, 80%, 100% {
|
|
transform: scale(0);
|
|
}
|
|
40% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* Circle Fade
|
|
* * <div class="sk-circle-fade">
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * <div class="sk-circle-fade-dot"></div>
|
|
* * </div> */
|
|
.sk-circle-fade {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
}
|
|
|
|
.sk-circle-fade-dot {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.sk-circle-fade-dot:before {
|
|
content: "";
|
|
display: block;
|
|
width: 15%;
|
|
height: 15%;
|
|
background-color: var(--sk-color);
|
|
border-radius: 100%;
|
|
animation: sk-circle-fade 1.2s infinite ease-in-out both;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(1) {
|
|
transform: rotate(30deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(2) {
|
|
transform: rotate(60deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(3) {
|
|
transform: rotate(90deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(4) {
|
|
transform: rotate(120deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(5) {
|
|
transform: rotate(150deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(6) {
|
|
transform: rotate(180deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(7) {
|
|
transform: rotate(210deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(8) {
|
|
transform: rotate(240deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(9) {
|
|
transform: rotate(270deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(10) {
|
|
transform: rotate(300deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(11) {
|
|
transform: rotate(330deg);
|
|
}
|
|
.sk-circle-fade-dot:nth-child(1):before {
|
|
animation-delay: -1.1s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(2):before {
|
|
animation-delay: -1s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(3):before {
|
|
animation-delay: -0.9s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(4):before {
|
|
animation-delay: -0.8s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(5):before {
|
|
animation-delay: -0.7s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(6):before {
|
|
animation-delay: -0.6s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(7):before {
|
|
animation-delay: -0.5s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(8):before {
|
|
animation-delay: -0.4s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(9):before {
|
|
animation-delay: -0.3s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(10):before {
|
|
animation-delay: -0.2s;
|
|
}
|
|
.sk-circle-fade-dot:nth-child(11):before {
|
|
animation-delay: -0.1s;
|
|
}
|
|
|
|
@keyframes sk-circle-fade {
|
|
0%, 39%, 100% {
|
|
opacity: 0;
|
|
transform: scale(0.6);
|
|
}
|
|
40% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* Grid
|
|
* * <div class="sk-grid">
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * <div class="sk-grid-cube"></div>
|
|
* * </div> */
|
|
.sk-grid {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
/* Cube positions
|
|
* * 1 2 3
|
|
* * 4 5 6
|
|
* * 7 8 9 */
|
|
}
|
|
|
|
.sk-grid-cube {
|
|
width: 33.33%;
|
|
height: 33.33%;
|
|
background-color: var(--sk-color);
|
|
float: left;
|
|
animation: sk-grid 1.3s infinite ease-in-out;
|
|
}
|
|
.sk-grid-cube:nth-child(1) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
.sk-grid-cube:nth-child(2) {
|
|
animation-delay: 0.3s;
|
|
}
|
|
.sk-grid-cube:nth-child(3) {
|
|
animation-delay: 0.4s;
|
|
}
|
|
.sk-grid-cube:nth-child(4) {
|
|
animation-delay: 0.1s;
|
|
}
|
|
.sk-grid-cube:nth-child(5) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
.sk-grid-cube:nth-child(6) {
|
|
animation-delay: 0.3s;
|
|
}
|
|
.sk-grid-cube:nth-child(7) {
|
|
animation-delay: 0s;
|
|
}
|
|
.sk-grid-cube:nth-child(8) {
|
|
animation-delay: 0.1s;
|
|
}
|
|
.sk-grid-cube:nth-child(9) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
@keyframes sk-grid {
|
|
0%, 70%, 100% {
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
35% {
|
|
transform: scale3D(0, 0, 1);
|
|
}
|
|
}
|
|
/* Fold
|
|
* * <div class="sk-fold">
|
|
* * <div class="sk-fold-cube"></div>
|
|
* * <div class="sk-fold-cube"></div>
|
|
* * <div class="sk-fold-cube"></div>
|
|
* * <div class="sk-fold-cube"></div>
|
|
* * </div> */
|
|
.sk-fold {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
transform: rotateZ(45deg);
|
|
}
|
|
|
|
.sk-fold-cube {
|
|
float: left;
|
|
width: 50%;
|
|
height: 50%;
|
|
position: relative;
|
|
transform: scale(1.1);
|
|
}
|
|
.sk-fold-cube:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: var(--sk-color);
|
|
animation: sk-fold 2.4s infinite linear both;
|
|
transform-origin: 100% 100%;
|
|
}
|
|
.sk-fold-cube:nth-child(2) {
|
|
transform: scale(1.1) rotateZ(90deg);
|
|
}
|
|
.sk-fold-cube:nth-child(4) {
|
|
transform: scale(1.1) rotateZ(180deg);
|
|
}
|
|
.sk-fold-cube:nth-child(3) {
|
|
transform: scale(1.1) rotateZ(270deg);
|
|
}
|
|
.sk-fold-cube:nth-child(2):before {
|
|
animation-delay: 0.3s;
|
|
}
|
|
.sk-fold-cube:nth-child(4):before {
|
|
animation-delay: 0.6s;
|
|
}
|
|
.sk-fold-cube:nth-child(3):before {
|
|
animation-delay: 0.9s;
|
|
}
|
|
|
|
@keyframes sk-fold {
|
|
0%, 10% {
|
|
transform: perspective(140px) rotateX(-180deg);
|
|
opacity: 0;
|
|
}
|
|
25%, 75% {
|
|
transform: perspective(140px) rotateX(0deg);
|
|
opacity: 1;
|
|
}
|
|
90%, 100% {
|
|
transform: perspective(140px) rotateY(180deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/* Wander
|
|
* * <div class="sk-wander">
|
|
* * <div class="sk-wander-cube"></div>
|
|
* * <div class="sk-wander-cube"></div>
|
|
* * <div class="sk-wander-cube"></div>
|
|
* * <div class="sk-wander-cube"></div>
|
|
* * </div> */
|
|
.sk-wander {
|
|
width: var(--sk-size);
|
|
height: var(--sk-size);
|
|
position: relative;
|
|
}
|
|
|
|
.sk-wander-cube {
|
|
background-color: var(--sk-color);
|
|
width: 20%;
|
|
height: 20%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
--sk-wander-distance:calc(var(--sk-size) * 0.75);
|
|
animation: sk-wander 2s ease-in-out -2s infinite both;
|
|
}
|
|
.sk-wander-cube:nth-child(2) {
|
|
animation-delay: -0.5s;
|
|
}
|
|
.sk-wander-cube:nth-child(3) {
|
|
animation-delay: -1s;
|
|
}
|
|
|
|
@keyframes sk-wander {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
25% {
|
|
transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
|
|
}
|
|
50% {
|
|
/* Make FF rotate in the right direction */
|
|
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
|
|
}
|
|
50.1% {
|
|
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
|
|
}
|
|
75% {
|
|
transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
|
|
}
|
|
100% {
|
|
transform: rotate(-360deg);
|
|
}
|
|
}
|
|
div[class^=sk-].small {
|
|
height: 15px;
|
|
}
|
|
div[class^=sk-].big {
|
|
height: 100px;
|
|
}
|
|
div[class^=sk-].standard div[class$=-dot]:before,
|
|
div[class^=sk-].standard div[class$=-rect]:before,
|
|
div[class^=sk-].standard div[class$=-cube]:before,
|
|
div[class^=sk-].standard .sk-grid-cube,
|
|
div[class^=sk-].standard .sk-wander-cube,
|
|
div[class^=sk-].standard .sk-wave-rect,
|
|
div[class^=sk-].standard .sk-swing-dot,
|
|
div[class^=sk-].standard .sk-bounce-dot,
|
|
div[class^=sk-].standard .sk-flow-dot {
|
|
background: #918d94;
|
|
}
|
|
div[class^=sk-].primary div[class$=-dot]:before,
|
|
div[class^=sk-].primary div[class$=-rect]:before,
|
|
div[class^=sk-].primary div[class$=-cube]:before,
|
|
div[class^=sk-].primary .sk-grid-cube,
|
|
div[class^=sk-].primary .sk-wander-cube,
|
|
div[class^=sk-].primary .sk-wave-rect,
|
|
div[class^=sk-].primary .sk-swing-dot,
|
|
div[class^=sk-].primary .sk-bounce-dot,
|
|
div[class^=sk-].primary .sk-flow-dot {
|
|
background: #654016;
|
|
}
|
|
div[class^=sk-].secondary div[class$=-dot]:before,
|
|
div[class^=sk-].secondary div[class$=-rect]:before,
|
|
div[class^=sk-].secondary div[class$=-cube]:before,
|
|
div[class^=sk-].secondary .sk-grid-cube,
|
|
div[class^=sk-].secondary .sk-wander-cube,
|
|
div[class^=sk-].secondary .sk-wave-rect,
|
|
div[class^=sk-].secondary .sk-swing-dot,
|
|
div[class^=sk-].secondary .sk-bounce-dot,
|
|
div[class^=sk-].secondary .sk-flow-dot {
|
|
background: #c77b21;
|
|
}
|
|
div[class^=sk-].success div[class$=-dot]:before,
|
|
div[class^=sk-].success div[class$=-rect]:before,
|
|
div[class^=sk-].success div[class$=-cube]:before,
|
|
div[class^=sk-].success .sk-grid-cube,
|
|
div[class^=sk-].success .sk-wander-cube,
|
|
div[class^=sk-].success .sk-wave-rect,
|
|
div[class^=sk-].success .sk-swing-dot,
|
|
div[class^=sk-].success .sk-bounce-dot,
|
|
div[class^=sk-].success .sk-flow-dot {
|
|
background: #40C600;
|
|
}
|
|
div[class^=sk-].info div[class$=-dot]:before,
|
|
div[class^=sk-].info div[class$=-rect]:before,
|
|
div[class^=sk-].info div[class$=-cube]:before,
|
|
div[class^=sk-].info .sk-grid-cube,
|
|
div[class^=sk-].info .sk-wander-cube,
|
|
div[class^=sk-].info .sk-wave-rect,
|
|
div[class^=sk-].info .sk-swing-dot,
|
|
div[class^=sk-].info .sk-bounce-dot,
|
|
div[class^=sk-].info .sk-flow-dot {
|
|
background: #008FD5;
|
|
}
|
|
div[class^=sk-].link div[class$=-dot]:before,
|
|
div[class^=sk-].link div[class$=-rect]:before,
|
|
div[class^=sk-].link div[class$=-cube]:before,
|
|
div[class^=sk-].link .sk-grid-cube,
|
|
div[class^=sk-].link .sk-wander-cube,
|
|
div[class^=sk-].link .sk-wave-rect,
|
|
div[class^=sk-].link .sk-swing-dot,
|
|
div[class^=sk-].link .sk-bounce-dot,
|
|
div[class^=sk-].link .sk-flow-dot {
|
|
background: #034DA1;
|
|
}
|
|
div[class^=sk-].warning div[class$=-dot]:before,
|
|
div[class^=sk-].warning div[class$=-rect]:before,
|
|
div[class^=sk-].warning div[class$=-cube]:before,
|
|
div[class^=sk-].warning .sk-grid-cube,
|
|
div[class^=sk-].warning .sk-wander-cube,
|
|
div[class^=sk-].warning .sk-wave-rect,
|
|
div[class^=sk-].warning .sk-swing-dot,
|
|
div[class^=sk-].warning .sk-bounce-dot,
|
|
div[class^=sk-].warning .sk-flow-dot {
|
|
background: #FFF200;
|
|
}
|
|
div[class^=sk-].danger div[class$=-dot]:before,
|
|
div[class^=sk-].danger div[class$=-rect]:before,
|
|
div[class^=sk-].danger div[class$=-cube]:before,
|
|
div[class^=sk-].danger .sk-grid-cube,
|
|
div[class^=sk-].danger .sk-wander-cube,
|
|
div[class^=sk-].danger .sk-wave-rect,
|
|
div[class^=sk-].danger .sk-swing-dot,
|
|
div[class^=sk-].danger .sk-bounce-dot,
|
|
div[class^=sk-].danger .sk-flow-dot {
|
|
background: #ed1c24;
|
|
}
|
|
div[class^=sk-].clean div[class$=-dot]:before,
|
|
div[class^=sk-].clean div[class$=-rect]:before,
|
|
div[class^=sk-].clean div[class$=-cube]:before,
|
|
div[class^=sk-].clean .sk-grid-cube,
|
|
div[class^=sk-].clean .sk-wander-cube,
|
|
div[class^=sk-].clean .sk-wave-rect,
|
|
div[class^=sk-].clean .sk-swing-dot,
|
|
div[class^=sk-].clean .sk-bounce-dot,
|
|
div[class^=sk-].clean .sk-flow-dot {
|
|
background: #fff;
|
|
}
|
|
|
|
.sk-plane.standard, .sk-pulse.standard {
|
|
background: #918d94;
|
|
}
|
|
.sk-plane.primary, .sk-pulse.primary {
|
|
background: #654016;
|
|
}
|
|
.sk-plane.secondary, .sk-pulse.secondary {
|
|
background: #c77b21;
|
|
}
|
|
.sk-plane.success, .sk-pulse.success {
|
|
background: #40C600;
|
|
}
|
|
.sk-plane.info, .sk-pulse.info {
|
|
background: #008FD5;
|
|
}
|
|
.sk-plane.link, .sk-pulse.link {
|
|
background: #034DA1;
|
|
}
|
|
.sk-plane.warning, .sk-pulse.warning {
|
|
background: #FFF200;
|
|
}
|
|
.sk-plane.danger, .sk-pulse.danger {
|
|
background: #ed1c24;
|
|
}
|
|
.sk-plane.clean, .sk-pulse.clean {
|
|
background: #fff;
|
|
}
|
|
|
|
.carousel-container {
|
|
position: relative;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.carousel-image {
|
|
display: none;
|
|
width: 100%;
|
|
}
|
|
.carousel-image.active {
|
|
display: block;
|
|
}
|
|
|
|
.carousel-dot {
|
|
cursor: pointer;
|
|
height: 15px;
|
|
width: 15px;
|
|
margin: 0 5px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
}
|
|
.carousel-dot.standard svg {
|
|
fill: #faf3f3;
|
|
}
|
|
.carousel-dot.standard:focus svg {
|
|
fill: #f3e1e1;
|
|
}
|
|
.carousel-dot.standard:hover svg {
|
|
fill: #ebcfcf;
|
|
}
|
|
.carousel-dot.standard:active svg, .carousel-dot.standard.active svg {
|
|
fill: #e4bdbd;
|
|
}
|
|
.carousel-dot.primary svg {
|
|
fill: #e9d7c4;
|
|
}
|
|
.carousel-dot.primary:focus svg {
|
|
fill: #e2cab1;
|
|
}
|
|
.carousel-dot.primary:hover svg {
|
|
fill: #dbbe9f;
|
|
}
|
|
.carousel-dot.primary:active svg, .carousel-dot.primary.active svg {
|
|
fill: #d4b18c;
|
|
}
|
|
.carousel-dot.secondary svg {
|
|
fill: #ffd9ac;
|
|
}
|
|
.carousel-dot.secondary:focus svg {
|
|
fill: #ffcd93;
|
|
}
|
|
.carousel-dot.secondary:hover svg {
|
|
fill: #ffc279;
|
|
}
|
|
.carousel-dot.secondary:active svg, .carousel-dot.secondary.active svg {
|
|
fill: #ffb660;
|
|
}
|
|
.carousel-dot.success svg {
|
|
fill: #b6f5c6;
|
|
}
|
|
.carousel-dot.success:focus svg {
|
|
fill: #a0f2b4;
|
|
}
|
|
.carousel-dot.success:hover svg {
|
|
fill: #89efa3;
|
|
}
|
|
.carousel-dot.success:active svg, .carousel-dot.success.active svg {
|
|
fill: #73ec91;
|
|
}
|
|
.carousel-dot.info svg {
|
|
fill: #cedaff;
|
|
}
|
|
.carousel-dot.info:focus svg {
|
|
fill: #b5c7ff;
|
|
}
|
|
.carousel-dot.info:hover svg {
|
|
fill: #9bb3ff;
|
|
}
|
|
.carousel-dot.info:active svg, .carousel-dot.info.active svg {
|
|
fill: #82a0ff;
|
|
}
|
|
.carousel-dot.link svg {
|
|
fill: #4fb0ff;
|
|
}
|
|
.carousel-dot.link:focus svg {
|
|
fill: #36a5ff;
|
|
}
|
|
.carousel-dot.link:hover svg {
|
|
fill: #1c99ff;
|
|
}
|
|
.carousel-dot.link:active svg, .carousel-dot.link.active svg {
|
|
fill: #038eff;
|
|
}
|
|
.carousel-dot.warning svg {
|
|
fill: #fdffa8;
|
|
}
|
|
.carousel-dot.warning:focus svg {
|
|
fill: #fcff8f;
|
|
}
|
|
.carousel-dot.warning:hover svg {
|
|
fill: #fcff75;
|
|
}
|
|
.carousel-dot.warning:active svg, .carousel-dot.warning.active svg {
|
|
fill: #fbff5c;
|
|
}
|
|
.carousel-dot.danger svg {
|
|
fill: #fdc5c5;
|
|
}
|
|
.carousel-dot.danger:focus svg {
|
|
fill: #fcacac;
|
|
}
|
|
.carousel-dot.danger:hover svg {
|
|
fill: #fb9494;
|
|
}
|
|
.carousel-dot.danger:active svg, .carousel-dot.danger.active svg {
|
|
fill: #fa7b7b;
|
|
}
|
|
.carousel-dot.clean svg {
|
|
fill: #fff;
|
|
}
|
|
.carousel-dot.clean:focus svg {
|
|
fill: #f2f2f2;
|
|
}
|
|
.carousel-dot.clean:hover svg {
|
|
fill: #e6e6e6;
|
|
}
|
|
.carousel-dot.clean:active svg, .carousel-dot.clean.active svg {
|
|
fill: #d9d9d9;
|
|
}
|
|
|
|
.carousel-fade {
|
|
-webkit-animation-name: fade;
|
|
-webkit-animation-duration: 1.5s;
|
|
animation-name: fade;
|
|
animation-duration: 1.5s;
|
|
}
|
|
|
|
.carousel-control-left, .carousel-control-right {
|
|
border-radius: 50%;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 42%;
|
|
}
|
|
.carousel-control-left.small, .carousel-control-right.small {
|
|
padding: 2px;
|
|
}
|
|
.carousel-control-left.big, .carousel-control-right.big {
|
|
padding: 10px;
|
|
}
|
|
.carousel-control-left.regular.standard, .carousel-control-right.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.standard:focus, .carousel-control-right.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.carousel-control-left.regular.standard:hover, .carousel-control-right.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.carousel-control-left.regular.standard:active, .carousel-control-right.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.carousel-control-left.regular.primary, .carousel-control-right.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.primary:focus, .carousel-control-right.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.carousel-control-left.regular.primary:hover, .carousel-control-right.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.carousel-control-left.regular.primary:active, .carousel-control-right.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.carousel-control-left.regular.secondary, .carousel-control-right.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.secondary:focus, .carousel-control-right.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.carousel-control-left.regular.secondary:hover, .carousel-control-right.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.carousel-control-left.regular.secondary:active, .carousel-control-right.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.carousel-control-left.regular.success, .carousel-control-right.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.success:focus, .carousel-control-right.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.carousel-control-left.regular.success:hover, .carousel-control-right.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.carousel-control-left.regular.success:active, .carousel-control-right.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.carousel-control-left.regular.info, .carousel-control-right.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.info:focus, .carousel-control-right.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.carousel-control-left.regular.info:hover, .carousel-control-right.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.carousel-control-left.regular.info:active, .carousel-control-right.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.carousel-control-left.regular.link, .carousel-control-right.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.link:focus, .carousel-control-right.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.carousel-control-left.regular.link:hover, .carousel-control-right.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.carousel-control-left.regular.link:active, .carousel-control-right.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.carousel-control-left.regular.warning, .carousel-control-right.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.warning:focus, .carousel-control-right.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.carousel-control-left.regular.warning:hover, .carousel-control-right.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.carousel-control-left.regular.warning:active, .carousel-control-right.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.carousel-control-left.regular.danger, .carousel-control-right.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.danger:focus, .carousel-control-right.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.carousel-control-left.regular.danger:hover, .carousel-control-right.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.carousel-control-left.regular.danger:active, .carousel-control-right.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.carousel-control-left.regular.clean, .carousel-control-right.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.regular.clean:focus, .carousel-control-right.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.regular.clean:hover, .carousel-control-right.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.regular.clean:active, .carousel-control-right.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.standard, .carousel-control-right.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.carousel-control-left.outline.standard:focus, .carousel-control-right.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.standard:hover, .carousel-control-right.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.standard:active, .carousel-control-right.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.primary, .carousel-control-right.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.carousel-control-left.outline.primary:focus, .carousel-control-right.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.primary:hover, .carousel-control-right.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.primary:active, .carousel-control-right.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.secondary, .carousel-control-right.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.carousel-control-left.outline.secondary:focus, .carousel-control-right.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.secondary:hover, .carousel-control-right.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.secondary:active, .carousel-control-right.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.success, .carousel-control-right.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.carousel-control-left.outline.success:focus, .carousel-control-right.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.success:hover, .carousel-control-right.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.success:active, .carousel-control-right.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.info, .carousel-control-right.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.carousel-control-left.outline.info:focus, .carousel-control-right.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.info:hover, .carousel-control-right.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.info:active, .carousel-control-right.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.link, .carousel-control-right.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.carousel-control-left.outline.link:focus, .carousel-control-right.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.link:hover, .carousel-control-right.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.link:active, .carousel-control-right.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.warning, .carousel-control-right.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.carousel-control-left.outline.warning:focus, .carousel-control-right.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.warning:hover, .carousel-control-right.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.warning:active, .carousel-control-right.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.danger, .carousel-control-right.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.carousel-control-left.outline.danger:focus, .carousel-control-right.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.danger:hover, .carousel-control-right.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.danger:active, .carousel-control-right.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.outline.clean, .carousel-control-right.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.carousel-control-left.outline.clean:focus, .carousel-control-right.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.outline.clean:hover, .carousel-control-right.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.outline.clean:active, .carousel-control-right.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.carousel-control-left.light.standard, .carousel-control-right.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.standard:focus, .carousel-control-right.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.carousel-control-left.light.standard:hover, .carousel-control-right.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.carousel-control-left.light.standard:active, .carousel-control-right.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.carousel-control-left.light.primary, .carousel-control-right.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.primary:focus, .carousel-control-right.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.carousel-control-left.light.primary:hover, .carousel-control-right.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.carousel-control-left.light.primary:active, .carousel-control-right.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.carousel-control-left.light.secondary, .carousel-control-right.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.secondary:focus, .carousel-control-right.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.carousel-control-left.light.secondary:hover, .carousel-control-right.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.carousel-control-left.light.secondary:active, .carousel-control-right.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.carousel-control-left.light.success, .carousel-control-right.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.success:focus, .carousel-control-right.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.carousel-control-left.light.success:hover, .carousel-control-right.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.carousel-control-left.light.success:active, .carousel-control-right.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.carousel-control-left.light.info, .carousel-control-right.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.info:focus, .carousel-control-right.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.carousel-control-left.light.info:hover, .carousel-control-right.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.carousel-control-left.light.info:active, .carousel-control-right.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.carousel-control-left.light.link, .carousel-control-right.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.link:focus, .carousel-control-right.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.carousel-control-left.light.link:hover, .carousel-control-right.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.carousel-control-left.light.link:active, .carousel-control-right.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.carousel-control-left.light.warning, .carousel-control-right.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.warning:focus, .carousel-control-right.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.carousel-control-left.light.warning:hover, .carousel-control-right.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.carousel-control-left.light.warning:active, .carousel-control-right.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.carousel-control-left.light.danger, .carousel-control-right.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.danger:focus, .carousel-control-right.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.carousel-control-left.light.danger:hover, .carousel-control-right.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.carousel-control-left.light.danger:active, .carousel-control-right.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.carousel-control-left.light.clean, .carousel-control-right.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.carousel-control-left.light.clean:focus, .carousel-control-right.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.carousel-control-left.light.clean:hover, .carousel-control-right.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.carousel-control-left.light.clean:active, .carousel-control-right.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
|
|
.carousel-control-left {
|
|
left: 5px;
|
|
}
|
|
|
|
.carousel-control-right {
|
|
right: 5px;
|
|
}
|
|
|
|
@-webkit-keyframes fade {
|
|
from {
|
|
opacity: 0.4;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes fade {
|
|
from {
|
|
opacity: 0.4;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
:root {
|
|
--tooltip-margin: 30px;
|
|
--tooltip-arrow-size: 6px;
|
|
}
|
|
|
|
.tooltip-container {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.tooltip-container .tooltip {
|
|
position: absolute;
|
|
border-radius: 4px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
padding: 6px;
|
|
font-size: 14px;
|
|
font-family: sans-serif;
|
|
line-height: 1;
|
|
z-index: 100;
|
|
white-space: nowrap;
|
|
}
|
|
.tooltip-container .tooltip::before {
|
|
content: " ";
|
|
left: 50%;
|
|
border: solid transparent;
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-width: var(--tooltip-arrow-size);
|
|
margin-left: calc(var(--tooltip-arrow-size) * -1);
|
|
}
|
|
.tooltip-container .tooltip.small {
|
|
font-size: 12px;
|
|
}
|
|
.tooltip-container .tooltip.small.above {
|
|
top: calc(var(--tooltip-margin) * -1);
|
|
}
|
|
.tooltip-container .tooltip.small.below {
|
|
bottom: calc(var(--tooltip-margin) * -1);
|
|
}
|
|
.tooltip-container .tooltip.medium {
|
|
font-size: 18px;
|
|
}
|
|
.tooltip-container .tooltip.big {
|
|
font-size: 26px;
|
|
}
|
|
.tooltip-container .tooltip.big.above {
|
|
top: calc(var(--tooltip-margin) * -1.5);
|
|
}
|
|
.tooltip-container .tooltip.big.below {
|
|
bottom: calc(var(--tooltip-margin) * -1.5);
|
|
}
|
|
.tooltip-container .tooltip.left {
|
|
left: auto;
|
|
right: calc(100% + var(--tooltip-margin));
|
|
top: 50%;
|
|
transform: translateX(0) translateY(-50%);
|
|
}
|
|
.tooltip-container .tooltip.left::before {
|
|
left: auto;
|
|
right: calc(var(--tooltip-arrow-size) * -1);
|
|
top: 50%;
|
|
transform: translateX(0) translateY(-50%);
|
|
}
|
|
.tooltip-container .tooltip.left::after {
|
|
top: 50%;
|
|
left: 100%;
|
|
margin-top: -5px;
|
|
}
|
|
.tooltip-container .tooltip.right {
|
|
left: calc(100% + var(--tooltip-margin));
|
|
top: 50%;
|
|
transform: translateX(0) translateY(-50%);
|
|
}
|
|
.tooltip-container .tooltip.right::before {
|
|
left: calc(var(--tooltip-arrow-size) * -1);
|
|
top: 50%;
|
|
transform: translateX(0) translateY(-50%);
|
|
}
|
|
.tooltip-container .tooltip.right::after {
|
|
top: 50%;
|
|
right: 100%;
|
|
margin-top: -5px;
|
|
}
|
|
.tooltip-container .tooltip.above {
|
|
top: calc(var(--tooltip-margin) * -1.2);
|
|
}
|
|
.tooltip-container .tooltip.above::before {
|
|
top: 100%;
|
|
}
|
|
.tooltip-container .tooltip.above::after {
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
.tooltip-container .tooltip.below {
|
|
bottom: calc(var(--tooltip-margin) * -1.2);
|
|
}
|
|
.tooltip-container .tooltip.below::before {
|
|
bottom: 100%;
|
|
}
|
|
.tooltip-container .tooltip.below::after {
|
|
bottom: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
.tooltip-container .tooltip.small {
|
|
font-size: 12px;
|
|
}
|
|
.tooltip-container .tooltip.medium {
|
|
font-size: 18px;
|
|
}
|
|
.tooltip-container .tooltip.big {
|
|
font-size: 26px;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard {
|
|
background-color: #918d94;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard:focus {
|
|
background-color: #848088;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard:hover {
|
|
background-color: #78737b;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard:active {
|
|
background-color: #6b676e;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary {
|
|
background-color: #654016;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary:focus {
|
|
background-color: #503311;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary:hover {
|
|
background-color: #3b250d;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary:active {
|
|
background-color: #261808;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary {
|
|
background-color: #c77b21;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary:focus {
|
|
background-color: #b16d1d;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary:hover {
|
|
background-color: #9b601a;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary:active {
|
|
background-color: #855216;
|
|
}
|
|
.tooltip-container .tooltip.regular.success {
|
|
background-color: #40C600;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.success:focus {
|
|
background-color: #38ad00;
|
|
}
|
|
.tooltip-container .tooltip.regular.success:hover {
|
|
background-color: #309300;
|
|
}
|
|
.tooltip-container .tooltip.regular.success:active {
|
|
background-color: #277a00;
|
|
}
|
|
.tooltip-container .tooltip.regular.info {
|
|
background-color: #008FD5;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.info:focus {
|
|
background-color: #007ebc;
|
|
}
|
|
.tooltip-container .tooltip.regular.info:hover {
|
|
background-color: #006da2;
|
|
}
|
|
.tooltip-container .tooltip.regular.info:active {
|
|
background-color: #005c89;
|
|
}
|
|
.tooltip-container .tooltip.regular.link {
|
|
background-color: #034DA1;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.link:focus {
|
|
background-color: #034188;
|
|
}
|
|
.tooltip-container .tooltip.regular.link:hover {
|
|
background-color: #02356f;
|
|
}
|
|
.tooltip-container .tooltip.regular.link:active {
|
|
background-color: #022956;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning {
|
|
background-color: #FFF200;
|
|
color: #000;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning:focus {
|
|
background-color: #e6da00;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning:hover {
|
|
background-color: #ccc200;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning:active {
|
|
background-color: #b3a900;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger {
|
|
background-color: #ed1c24;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger:focus {
|
|
background-color: #de1219;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger:hover {
|
|
background-color: #c61017;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger:active {
|
|
background-color: #af0e14;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #918d94;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #654016;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #c77b21;
|
|
}
|
|
.tooltip-container .tooltip.regular.success.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #40C600;
|
|
}
|
|
.tooltip-container .tooltip.regular.info.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #008FD5;
|
|
}
|
|
.tooltip-container .tooltip.regular.link.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #034DA1;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #FFF200;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #ed1c24;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #fff;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #918d94 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #654016 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #c77b21 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.success.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #40C600 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.info.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #008FD5 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.link.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #034DA1 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #FFF200 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #ed1c24 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #918d94 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #654016 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #c77b21 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.success.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #40C600 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.info.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #008FD5 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.link.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #034DA1 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #FFF200 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #ed1c24 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.standard.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #918d94 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.primary.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #654016 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.secondary.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #c77b21 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.success.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #40C600 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.info.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #008FD5 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.link.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #034DA1 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.warning.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #FFF200 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.danger.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #ed1c24 transparent;
|
|
}
|
|
.tooltip-container .tooltip.regular.clean.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #fff transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard {
|
|
background-color: #fff;
|
|
color: #918d94;
|
|
border: 1px solid #918d94;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary {
|
|
background-color: #fff;
|
|
color: #654016;
|
|
border: 1px solid #654016;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary {
|
|
background-color: #fff;
|
|
color: #c77b21;
|
|
border: 1px solid #c77b21;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.success {
|
|
background-color: #fff;
|
|
color: #40C600;
|
|
border: 1px solid #40C600;
|
|
}
|
|
.tooltip-container .tooltip.outline.success:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.success:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.success:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.info {
|
|
background-color: #fff;
|
|
color: #008FD5;
|
|
border: 1px solid #008FD5;
|
|
}
|
|
.tooltip-container .tooltip.outline.info:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.info:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.info:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.link {
|
|
background-color: #fff;
|
|
color: #034DA1;
|
|
border: 1px solid #034DA1;
|
|
}
|
|
.tooltip-container .tooltip.outline.link:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.link:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.link:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning {
|
|
background-color: #fff;
|
|
color: #e6bd44;
|
|
border: 1px solid #e6bd44;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger {
|
|
background-color: #fff;
|
|
color: #ed1c24;
|
|
border: 1px solid #ed1c24;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: 1px solid #313131;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #918d94;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #654016;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #c77b21;
|
|
}
|
|
.tooltip-container .tooltip.outline.success.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #40C600;
|
|
}
|
|
.tooltip-container .tooltip.outline.info.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #008FD5;
|
|
}
|
|
.tooltip-container .tooltip.outline.link.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #034DA1;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #FFF200;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #ed1c24;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #fff;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #918d94 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #654016 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #c77b21 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.success.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #40C600 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.info.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #008FD5 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.link.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #034DA1 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #FFF200 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #ed1c24 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #918d94 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #654016 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #c77b21 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.success.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #40C600 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.info.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #008FD5 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.link.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #034DA1 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #FFF200 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #ed1c24 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.standard.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #918d94 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.primary.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #654016 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.secondary.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #c77b21 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.success.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #40C600 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.info.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #008FD5 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.link.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #034DA1 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.warning.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #FFF200 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.danger.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #ed1c24 transparent;
|
|
}
|
|
.tooltip-container .tooltip.outline.clean.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #fff transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.standard {
|
|
background-color: #faf3f3;
|
|
color: #918d94;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.standard:focus {
|
|
background-color: #f3e1e1;
|
|
}
|
|
.tooltip-container .tooltip.light.standard:hover {
|
|
background-color: #ebcfcf;
|
|
}
|
|
.tooltip-container .tooltip.light.standard:active {
|
|
background-color: #e4bdbd;
|
|
}
|
|
.tooltip-container .tooltip.light.primary {
|
|
background-color: #e9d7c4;
|
|
color: #654016;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.primary:focus {
|
|
background-color: #e2cab1;
|
|
}
|
|
.tooltip-container .tooltip.light.primary:hover {
|
|
background-color: #dbbe9f;
|
|
}
|
|
.tooltip-container .tooltip.light.primary:active {
|
|
background-color: #d4b18c;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary {
|
|
background-color: #ffd9ac;
|
|
color: #c77b21;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary:focus {
|
|
background-color: #ffcd93;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary:hover {
|
|
background-color: #ffc279;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary:active {
|
|
background-color: #ffb660;
|
|
}
|
|
.tooltip-container .tooltip.light.success {
|
|
background-color: #b6f5c6;
|
|
color: #1ca53e;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.success:focus {
|
|
background-color: #a0f2b4;
|
|
}
|
|
.tooltip-container .tooltip.light.success:hover {
|
|
background-color: #89efa3;
|
|
}
|
|
.tooltip-container .tooltip.light.success:active {
|
|
background-color: #73ec91;
|
|
}
|
|
.tooltip-container .tooltip.light.info {
|
|
background-color: #cedaff;
|
|
color: #008FD5;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.info:focus {
|
|
background-color: #b5c7ff;
|
|
}
|
|
.tooltip-container .tooltip.light.info:hover {
|
|
background-color: #9bb3ff;
|
|
}
|
|
.tooltip-container .tooltip.light.info:active {
|
|
background-color: #82a0ff;
|
|
}
|
|
.tooltip-container .tooltip.light.link {
|
|
background-color: #4fb0ff;
|
|
color: #034DA1;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.link:focus {
|
|
background-color: #36a5ff;
|
|
}
|
|
.tooltip-container .tooltip.light.link:hover {
|
|
background-color: #1c99ff;
|
|
}
|
|
.tooltip-container .tooltip.light.link:active {
|
|
background-color: #038eff;
|
|
}
|
|
.tooltip-container .tooltip.light.warning {
|
|
background-color: #fdffa8;
|
|
color: #99a034;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.warning:focus {
|
|
background-color: #fcff8f;
|
|
}
|
|
.tooltip-container .tooltip.light.warning:hover {
|
|
background-color: #fcff75;
|
|
}
|
|
.tooltip-container .tooltip.light.warning:active {
|
|
background-color: #fbff5c;
|
|
}
|
|
.tooltip-container .tooltip.light.danger {
|
|
background-color: #fdc5c5;
|
|
color: #ed1c24;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.danger:focus {
|
|
background-color: #fcacac;
|
|
}
|
|
.tooltip-container .tooltip.light.danger:hover {
|
|
background-color: #fb9494;
|
|
}
|
|
.tooltip-container .tooltip.light.danger:active {
|
|
background-color: #fa7b7b;
|
|
}
|
|
.tooltip-container .tooltip.light.clean {
|
|
background-color: #fff;
|
|
color: #313131;
|
|
border: none;
|
|
}
|
|
.tooltip-container .tooltip.light.clean:focus {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.tooltip-container .tooltip.light.clean:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.tooltip-container .tooltip.light.clean:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.tooltip-container .tooltip.light.standard.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #918d94;
|
|
}
|
|
.tooltip-container .tooltip.light.primary.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #654016;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #c77b21;
|
|
}
|
|
.tooltip-container .tooltip.light.success.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #40C600;
|
|
}
|
|
.tooltip-container .tooltip.light.info.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #008FD5;
|
|
}
|
|
.tooltip-container .tooltip.light.link.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #034DA1;
|
|
}
|
|
.tooltip-container .tooltip.light.warning.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #FFF200;
|
|
}
|
|
.tooltip-container .tooltip.light.danger.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #ed1c24;
|
|
}
|
|
.tooltip-container .tooltip.light.clean.left::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent transparent #fff;
|
|
}
|
|
.tooltip-container .tooltip.light.standard.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #918d94 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.primary.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #654016 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #c77b21 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.success.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #40C600 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.info.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #008FD5 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.link.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #034DA1 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.warning.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #FFF200 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.danger.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #ed1c24 transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.clean.right::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.standard.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #918d94 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.primary.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #654016 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #c77b21 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.success.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #40C600 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.info.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #008FD5 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.link.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #034DA1 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.warning.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #FFF200 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.danger.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #ed1c24 transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.clean.above::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.standard.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #918d94 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.primary.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #654016 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.secondary.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #c77b21 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.success.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #40C600 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.info.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #008FD5 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.link.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #034DA1 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.warning.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #FFF200 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.danger.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #ed1c24 transparent;
|
|
}
|
|
.tooltip-container .tooltip.light.clean.below::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 5px;
|
|
border-color: transparent transparent #fff transparent;
|
|
}
|
|
|
|
/*# sourceMappingURL=yew-styles.css.map */
|