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