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

.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 */