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